*{margin:0;padding:0;box-sizing:border-box}
:root{--cream:#fffce1;--ink:#0e100f;--amber:#D9A465}
html,body{min-height:100%;font-family:'Barlow',system-ui,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.ai-page{background:var(--page-bg);color:var(--text)}
.ai-nav{position:fixed;inset:0 0 auto;z-index:50;padding:18px clamp(18px,4vw,48px);display:flex;align-items:center;justify-content:space-between;background:linear-gradient(180deg,var(--nav-bg),transparent)}
.ai-brand{font-family:'Instrument Serif',serif;font-style:italic;font-size:22px}
.ai-links{display:flex;gap:28px;color:var(--muted);font-size:14px}
.ai-links a:hover{color:var(--text)}
.ai-nav-cta,.ai-btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:13px 22px;font-weight:600;font-size:14px;border:1px solid var(--line);transition:transform .25s,border-color .25s,background .25s}
.ai-btn:hover,.ai-nav-cta:hover{transform:translateY(-2px);border-color:var(--accent)}
.ai-btn.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text)}
.ai-burger{display:none;background:transparent;border:0;width:34px;height:30px;gap:6px;flex-direction:column;justify-content:center}
.ai-burger span{height:1.5px;background:var(--text);display:block}
.ai-mobile{position:fixed;inset:0;background:var(--page-bg);z-index:80;display:grid;place-items:center;opacity:0;pointer-events:none;transition:opacity .3s}
.ai-mobile.open{opacity:1;pointer-events:auto}
.ai-mobile nav{display:flex;flex-direction:column;align-items:center;gap:24px;font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(34px,9vw,58px)}
.ai-hero{position:relative;min-height:100svh;padding:130px clamp(18px,4vw,56px) 80px;display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.9fr);gap:clamp(36px,6vw,96px);align-items:center;overflow:hidden}
.ai-kicker{font-size:11px;letter-spacing:.28em;text-transform:uppercase;color:var(--accent);margin-bottom:20px}
.ai-title{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(56px,8vw,126px);line-height:.88;max-width:900px}
.ai-title em{color:var(--accent);font-style:inherit}
.ai-lead{margin-top:24px;max-width:570px;color:var(--muted);font-size:clamp(17px,1.5vw,22px);line-height:1.48;font-weight:300}
.ai-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}
.ai-stage{position:relative;min-height:520px;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--panel);isolation:isolate}
.ai-stage::before{content:"";position:absolute;inset:-30%;background:var(--glow);opacity:.72;z-index:-1}
.ai-stage dotlottie-player{position:absolute;inset:0;width:100%;height:100%;opacity:.18;z-index:0}
.ai-terminal{position:absolute;left:clamp(18px,4vw,42px);right:clamp(18px,4vw,42px);bottom:clamp(18px,4vw,42px);z-index:3;background:rgba(0,0,0,.68);border:1px solid var(--line);border-radius:18px;padding:0;backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.44);overflow:hidden}
.ai-terminal::before{content:"";display:block;height:40px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,rgba(255,255,255,.08),transparent)}
.ai-terminal::after{content:"";position:absolute;left:16px;top:16px;width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:15px 0 var(--amber),30px 0 rgba(255,255,255,.36)}
.ai-terminal code{display:block;color:var(--text);font-size:15px;line-height:1.8;white-space:pre-wrap;padding:22px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}
.ai-chat{display:flex;flex-direction:column;justify-content:center;gap:12px;padding:clamp(20px,4vw,38px);position:absolute;inset:clamp(18px,5vw,58px);z-index:3;border:1px solid var(--line);border-radius:26px;background:rgba(7,16,26,.66);backdrop-filter:blur(18px);box-shadow:0 30px 90px rgba(0,0,0,.38)}
.ai-chat .bubble{max-width:82%;padding:13px 15px;border-radius:18px;font-size:14px;line-height:1.45;border:1px solid var(--line);background:rgba(255,255,255,.08)}
.ai-chat .bubble{animation:aiBubble .38s ease both}
.ai-chat .bubble.me{align-self:flex-end;background:var(--accent);color:var(--accent-text);border-color:transparent}
@keyframes aiBubble{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
.ai-portrait{position:absolute;inset:7% 10% 18%;border-radius:28px;overflow:hidden;background:#190914}
.ai-portrait img{width:100%;height:100%;object-fit:cover;filter:saturate(1.04) contrast(1.05)}
.ai-float-card{position:absolute;z-index:4;background:var(--float);border:1px solid var(--line);border-radius:18px;padding:14px 16px;color:var(--text);backdrop-filter:blur(14px);box-shadow:0 22px 60px rgba(0,0,0,.22)}
.ai-float-card.one{left:20px;top:24px}.ai-float-card.two{right:22px;bottom:26px}
.ai-strip{border-block:1px solid var(--line);overflow:hidden;color:var(--muted);font-size:12px;letter-spacing:.24em;text-transform:uppercase}
.ai-strip-track{display:flex;gap:44px;width:max-content;animation:aiMarquee 38s linear infinite;padding:18px 0}
.ai-strip span{white-space:nowrap}.ai-strip span::after{content:"";display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--accent);margin-left:44px;vertical-align:middle}
@keyframes aiMarquee{to{transform:translateX(-50%)}}
.ai-section{padding:clamp(70px,10vw,140px) clamp(18px,4vw,56px);max-width:1380px;margin:0 auto}
.ai-section-head{display:grid;grid-template-columns:.9fr 1fr;gap:40px;align-items:end;margin-bottom:38px}
.ai-section h2{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(42px,6vw,86px);line-height:.94}
.ai-section h2 span{color:var(--accent)}
.ai-section-head p{color:var(--muted);font-size:18px;line-height:1.55;max-width:620px}
.ai-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.ai-card{position:relative;min-height:260px;border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--panel);overflow:hidden}
.ai-card.big{grid-column:span 2;min-height:340px}
.ai-card h3{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(28px,3vw,46px);line-height:1;margin-bottom:14px}
.ai-card p{color:var(--muted);line-height:1.58;font-size:15px;max-width:520px}
.ai-card .num{position:absolute;right:18px;top:16px;color:var(--accent);font-family:'Instrument Serif',serif;font-style:italic;font-size:34px}
.ai-card dotlottie-player{position:absolute;right:-12%;bottom:-20%;width:58%;height:58%;opacity:.42}
.ai-card .smart-media{position:absolute;inset:auto 18px 18px auto;width:min(46%,300px);height:min(58%,250px);border-radius:18px;border:1px solid var(--line);opacity:.82}
.ai-card.big .smart-media{width:44%;height:62%;right:18px;bottom:18px}
.ai-card.has-media p{max-width:48%}
.ai-portrait .smart-media{width:100%;height:100%}
.ai-process{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}
.ai-step{background:var(--page-bg);padding:28px;min-height:240px}
.ai-step b{display:block;color:var(--accent);margin-bottom:20px;font-family:'Instrument Serif',serif;font-style:italic;font-size:34px}
.ai-step h3{font-size:20px;margin-bottom:12px}.ai-step p{color:var(--muted);line-height:1.55;font-size:14px}
.ai-cta{padding:clamp(80px,12vw,150px) clamp(18px,4vw,56px);text-align:center;background:var(--cta-bg);border-top:1px solid var(--line)}
.ai-cta h2{font-family:'Instrument Serif',serif;font-style:italic;font-size:clamp(48px,8vw,110px);line-height:.9}.ai-cta h2 span{color:var(--accent)}
.ai-cta p{margin:24px auto 34px;max-width:560px;color:var(--muted);font-size:18px;line-height:1.55}
.gsap-theme{--page-bg:#0e100f;--nav-bg:rgba(14,16,15,.96);--text:#fffce1;--muted:#9f9f8b;--accent:#0ae448;--accent-text:#07100a;--line:rgba(255,252,225,.18);--panel:#121512;--radius:8px;--glow:radial-gradient(circle at 62% 32%,rgba(10,228,72,.28),transparent 38%),radial-gradient(circle at 20% 80%,rgba(157,149,255,.24),transparent 34%);--float:rgba(14,16,15,.78);--cta-bg:#111410}
.joby-theme{--page-bg:#07101a;--nav-bg:rgba(7,16,26,.96);--text:#f5f4df;--muted:rgba(245,244,223,.68);--accent:#00bae2;--accent-text:#06111a;--line:rgba(245,244,223,.2);--panel:#0d2134;--radius:28px 28px 0 0;--glow:radial-gradient(circle at 50% 20%,rgba(0,122,229,.55),transparent 38%),radial-gradient(circle at 80% 80%,rgba(235,97,16,.18),transparent 34%);--float:rgba(7,16,26,.72);--cta-bg:#083e6f}
.foudre-theme{--page-bg:#fff8f6;--nav-bg:rgba(255,248,246,.92);--text:#00522d;--muted:rgba(0,82,45,.68);--accent:#db3c8a;--accent-text:#fff8f6;--line:rgba(0,82,45,.18);--panel:#fce5df;--radius:25px;--glow:radial-gradient(circle at 70% 24%,rgba(219,60,138,.42),transparent 34%),radial-gradient(circle at 22% 80%,rgba(0,82,45,.16),transparent 30%);--float:rgba(255,248,246,.78);--cta-bg:#fce5df}
.foudre-theme .ai-title{font-size:clamp(70px,12vw,178px);line-height:.72;font-family:Impact,'Arial Black','Instrument Serif',serif;font-style:normal;text-transform:uppercase}
.foudre-theme .ai-stage{border-radius:40px}.foudre-theme .ai-nav{color:var(--text)}
@media(max-width:950px){.ai-links,.ai-nav-cta{display:none}.ai-burger{display:flex}.ai-hero{grid-template-columns:1fr;padding-top:110px}.ai-stage{min-height:440px}.ai-section-head,.ai-grid,.ai-process{grid-template-columns:1fr}.ai-card.big{grid-column:auto}}
@media(max-width:700px){.ai-card.has-media p{max-width:none}.ai-card .smart-media,.ai-card.big .smart-media{position:relative;inset:auto;width:100%;height:210px;margin-top:22px}}
@media(max-width:560px){.ai-hero{padding-inline:18px}.ai-stage{min-height:390px}.ai-section{padding-inline:18px}.ai-card{min-height:230px}.ai-step{min-height:auto}.ai-title{font-size:clamp(48px,17vw,84px)}.ai-terminal code{font-size:13px}.ai-chat{inset:16px;padding:16px}.ai-chat .bubble{font-size:13px}}