.ai-hero{background:radial-gradient(ellipse at 82% 32%,#39372a 0%,#1e1e1e 50%)}
.ai-hero .www-hero-grid{grid-template-columns:1.08fr 1fr;gap:75px}
.ai-hero h1{font-size:clamp(3.4rem,5.5vw,5.6rem);line-height:1.06}
.ai-demo{background:#282828;border:1px solid #ffffff24;border-radius:20px;padding:24px;box-shadow:0 25px 75px #0003;position:relative;min-width:0}
.ai-demo-top{display:flex;align-items:center;gap:9px;font-size:.62rem;letter-spacing:.065em;color:#ccc}
.ai-demo-top>span:last-child{margin-left:auto;font-size:1.2rem;color:var(--acid)}
.ai-demo-dot{width:6px;height:6px;border-radius:50%;background:var(--acid);flex-shrink:0}
.ai-scenarios{display:flex;gap:6px;margin:22px 0;padding:5px;background:#1c1c1c;border-radius:10px}
.ai-scenarios button{flex:1;min-width:0;border:0;background:transparent;color:#c3c3c3;border-radius:6px;padding:11px 8px;font:inherit;font-size:.78rem;cursor:pointer;min-height:44px}
.ai-scenarios button[aria-pressed=true]{background:var(--acid);color:#1e1e1e;font-weight:600}
.ai-scenarios button:hover:not([aria-pressed=true]){background:#383838;color:#fff}
.ai-flow{list-style:none;margin:0;padding:0;display:grid;gap:18px;position:relative}
.ai-flow:before{content:'';position:absolute;left:21px;top:20px;bottom:28px;width:1px;background:#ffffff2e}
.ai-flow li{position:relative;display:flex;gap:16px;min-height:76px;border-radius:10px}
.ai-flow-icon{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;background:#353535;border:1px solid #555;border-radius:12px;font-size:.75rem;z-index:1;color:#ddd}
.ai-flow li:nth-child(2) .ai-flow-icon{background:var(--acid);border-color:var(--acid);color:#1e1e1e;font-size:1.7rem}
.ai-flow li:last-child .ai-flow-icon{background:#e8e7e0;color:#1e1e1e;border-color:#e8e7e0;font-size:1.2rem}
.ai-flow small{display:block;font-size:.56rem;letter-spacing:.09em;color:#b3b3b3;margin:0 0 5px}
.ai-flow h3{font-size:1rem;letter-spacing:-.025em;line-height:1.35;color:#fff}
.ai-flow p{font-size:.75rem;line-height:1.6;color:#bdbdbd;margin-top:5px;max-width:320px}
.ai-demo-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #ffffff20;padding-top:16px;margin-top:20px}
.ai-demo-bottom p{font-size:.64rem;line-height:1.7;max-width:275px;color:#bcbcbc}
.ai-replay{background:#333;border:1px solid #555;border-radius:50%;width:44px;height:44px;flex-shrink:0;color:#eee;font:inherit;font-size:1.5rem;cursor:pointer}
.ai-replay:hover{color:var(--acid);border-color:var(--acid)}
.ai-sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.ai-hero .www-hero-bottom>span{max-width:580px;line-height:1.8}
.ai-usecase-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.ai-usecase{background:#f5f4f0;padding:35px;border-radius:16px;display:flex;flex-direction:column}
.ai-card-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:25px}
.ai-card-top span{font-size:.65rem;letter-spacing:.07em;color:#666}
.ai-card-top b{font-weight:400;font-size:2.1rem;line-height:1;color:#8d7000}
.ai-usecase h3{font-size:clamp(1.7rem,2.7vw,2.5rem);line-height:1.15;letter-spacing:-.045em;margin-bottom:20px}
.ai-usecase>p{color:#626262;font-size:.94rem;line-height:1.85;margin-bottom:25px;max-width:440px}
.ai-card-example{border-top:1px solid #d9d7cf;margin-top:auto;padding-top:20px;font-size:.8rem;line-height:1.7}
.ai-card-example span{display:block;font-size:.6rem;letter-spacing:.08em;color:#737373;margin-bottom:7px}
.ai-principles .www-speed-copy h2{font-size:clamp(2.8rem,4.5vw,4.5rem)}
.ai-principles .www-speed-copy .eyebrow{color:#bababa}
.ai-proof{background:#f5f4f0}
.ai-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}
.ai-proof-card{border:1px solid #deddd7;border-radius:15px;overflow:hidden;background:#fff}
.ai-proof-card>a{display:block;background:#fff;overflow:hidden}
.ai-proof-card img{width:100%;height:auto;aspect-ratio:1.53;object-fit:contain;object-position:top}
.ai-proof-card>div{padding:30px}
.ai-proof-card .eyebrow{font-size:.63rem;display:block;color:#666;margin-bottom:15px}
.ai-proof-card h3{font-size:1.8rem;letter-spacing:-.04em}
.ai-proof-card p{color:#666;font-size:.92rem;line-height:1.85;margin:16px 0 24px}
.ai-proof-card .text-link{font-size:.85rem}
.ai-faq{padding-top:0}
@media(max-width:1100px){.ai-hero .www-hero-grid{gap:35px}.ai-demo{padding:20px}.ai-flow li{gap:12px}.ai-hero h1{font-size:clamp(3.2rem,5.9vw,4.8rem)}}
@media(max-width:800px){.ai-hero .www-hero-grid{grid-template-columns:1fr;gap:45px}.ai-demo{width:100%;max-width:560px;justify-self:center}.ai-hero h1{font-size:clamp(3.4rem,9vw,5.5rem)}.ai-usecase{padding:25px}.ai-usecase h3{font-size:1.8rem}.ai-usecase-grid,.ai-proof-grid{gap:20px}.ai-proof-card>div{padding:23px}}
@media(max-width:600px){.ai-hero h1{font-size:clamp(2.9rem,11.7vw,4rem)}.ai-hero .www-hero-actions .button{padding:17px 18px;font-size:.8rem;gap:14px}.ai-hero .www-hero-bottom{flex-direction:column}.ai-hero .www-hero-bottom>*{max-width:100%}.ai-usecase-grid,.ai-proof-grid{grid-template-columns:1fr}.ai-demo{padding:18px;border-radius:15px}.ai-demo-top{font-size:.56rem;letter-spacing:0}.ai-flow h3{font-size:.92rem}.ai-flow p{font-size:.73rem}.ai-flow li{min-height:93px}.ai-flow-icon{width:38px;height:38px}.ai-flow:before{left:18px}.ai-scenarios{gap:3px}.ai-scenarios button{font-size:.71rem;padding:10px 4px}.ai-usecase h3{font-size:2rem}.ai-principles .www-speed-copy h2{font-size:2.7rem}.ai-usecases .www-work-cta{align-items:flex-start;flex-direction:column}.ai-usecases .www-work-cta .text-link{font-size:.85rem}.ai-proof-card>div{padding:25px}.ai-faq{padding-top:0}}