.ai{--accent:#D84848;background:var(--deep);position:relative}.ai-run{--copy-w:400px;--ai-px:clamp(16px,6vw,96px);--ai-pad-t:24px;--ai-pad-b:32px;--ai-gap:26px;--ai-col:48px;display:grid;position:relative}.ai-run>*{grid-area:1/1;min-width:0}.ai-head{position:sticky;top:0;align-self:start;z-index:2;pointer-events:none;padding-top:var(--ai-head-top,110px)}.ai-head-in{max-width:1440px;margin:0 auto;padding:0 var(--ai-px)}.ai-head .eyebrow{margin-bottom:12px;width:fit-content}.ai-title{font:700 clamp(30px,3.3vw,48px)/1.06 var(--f-head);letter-spacing:-.02em;margin:0;max-width:var(--copy-w)}.ai-steps{position:relative;z-index:1;pointer-events:none}.ai-steps .skip-story,.ai-copy{pointer-events:auto}.ai-slot .slot-inner{height:100%;max-width:1440px;margin:0 auto;padding:var(--ai-copy-top,300px) var(--ai-px) var(--ai-pad-b);display:flex;align-items:flex-start}.ai-copy{width:min(var(--copy-w),100%)}.ai-copy h3{font:700 clamp(24px,2.3vw,32px)/1.1 var(--f-head);margin:0 0 8px;letter-spacing:-.01em}.motion .ai-slot [data-card]{opacity:0}.ai-stage{position:sticky;top:0;align-self:start;height:100svh;overflow:hidden;z-index:0;background:radial-gradient(46% 42% at 70% 54%,rgba(200,56,56,.11),transparent 72%)}.ai-stage-in{position:relative;height:100%;max-width:1440px;margin:0 auto;padding:calc(var(--nav) + var(--ai-pad-t)) var(--ai-px) var(--ai-pad-b)}.ai-screens{position:relative;height:100%;margin-left:calc(var(--copy-w) + var(--ai-col));container:ai/inline-size}.ai-screen{position:absolute;inset:0;display:grid;place-items:center;opacity:0;visibility:hidden;transform:translateY(10px) scale(.985);transition:opacity .25s,transform .4s cubic-bezier(.4,0,.6,1),visibility 0s .4s}.ai-screen.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .45s .15s,transform .6s .12s cubic-bezier(.2,.8,.2,1),visibility 0s}.ai-snap *{transition:none!important}.ai-screen:not(.is-on) *,.ai-screen:not(.is-on) .ai-ring:after{animation-play-state:paused}.ai-away .ai-screen *,.ai-away .ai-ring:after{animation-play-state:paused}.ai [data-at]{opacity:0;transform:translateY(10px);transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1)}.ai [data-at].on{opacity:1;transform:none}.ai-panel{width:min(560px,100%);border-radius:16px;background:#05284b;border:1px solid rgba(248,248,248,.14);box-shadow:0 0 0 1px #d8484842,0 40px 90px #00000080;padding:16px 18px 18px;display:flex;flex-direction:column;gap:12px;font-size:14px;overflow:hidden}.ai-panel .k{margin:0;display:flex;align-items:center;gap:6px}.ai-call-top{display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;background:#f8f8f80f;border:1px solid var(--line)}.ai-ring{position:relative;flex:none;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#35c48b2e;color:var(--ok)}.ai-ring:after{content:"";position:absolute;inset:-2px;border-radius:50%;border:2px solid var(--ok);opacity:0;animation:airing 1.5s ease-out infinite}.ai-ring.done:after{animation:none}@keyframes airing{0%{opacity:.75;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.ai-call-who{min-width:0}.ai-call-who small,.ai-chat-who small{display:block;font:500 11px/1.2 var(--f-mono);letter-spacing:.06em;color:var(--muted)}.ai-call-who b{display:block;font:700 17px/1.2 var(--f-head);margin-top:3px}.ai-live{margin-left:auto;display:inline-flex;align-items:center;gap:8px;font:600 11px/1 var(--f-mono);color:#f2a0a0;padding:7px 10px;border-radius:999px;background:#d8484824;border:1px solid rgba(216,72,72,.4);white-space:nowrap}.ai-wave{display:inline-flex;align-items:center;gap:2px;height:12px}.ai-wave i{width:2px;height:12px;border-radius:1px;background:var(--red-hi);animation:aiwave .9s ease-in-out infinite}.ai-wave i:nth-child(2){animation-delay:-.3s}.ai-wave i:nth-child(3){animation-delay:-.6s}.ai-wave i:nth-child(4){animation-delay:-.15s}@keyframes aiwave{0%,to{transform:scaleY(.35)}50%{transform:scaleY(1)}}.ai-lines,.ai-thread{display:flex;flex-direction:column;gap:8px}.ai-msg{margin:0;max-width:84%;padding:9px 12px;border-radius:14px;line-height:1.4}.ai-msg b{display:inline-flex;align-items:center;gap:4px;margin-right:8px;font:600 10px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;vertical-align:1px}.ai-them{align-self:flex-end;background:#f8f8f81a;border-bottom-right-radius:4px}.ai-them b{color:var(--muted)}.ai-us{align-self:flex-start;background:#d8484826;border:1px solid rgba(216,72,72,.38);border-bottom-left-radius:4px}.ai-us b,.ai-draft .k{color:#f2a0a0}.ai-done{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;padding-top:12px;border-top:1px solid var(--line)}.ai-chip,.ai-tick,.ai-posted{display:inline-block;font:600 13px/1 var(--f-head);font-style:normal;color:#bdf2d9;background:#35c48b29;border:1px solid rgba(53,196,139,.5);padding:8px 12px;border-radius:999px;white-space:nowrap}.ai .ai-chip,.ai .ai-tick,.ai .ai-posted{transform:scale(.7)}.ai .ai-chip.on,.ai .ai-tick.on,.ai .ai-posted.on{transform:none;transition:opacity .3s,transform .45s cubic-bezier(.3,1.5,.5,1)}.ai-note{font:500 12px/1.3 var(--f-mono);color:var(--soft)}.ai-chat-top,.ai-rev-top{display:flex;align-items:center;gap:10px;padding-bottom:12px;border-bottom:1px solid var(--line)}.ai-chat-ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:#d8484829;color:var(--red-hi)}.ai-chat-who b{display:block;font:700 15px/1.2 var(--f-head)}.ai-stamp{margin-left:auto;font:600 12px/1 var(--f-mono);color:var(--soft);padding:6px 9px;border-radius:7px;background:#f8f8f80f;border:1px solid var(--line);white-space:nowrap}.ai-reply{display:grid;justify-items:start}.ai-reply>*{grid-area:1/1}.ai-typing{align-self:start;display:inline-flex;gap:5px;padding:13px 14px;border-radius:14px 14px 14px 4px;background:#d8484826;border:1px solid rgba(216,72,72,.38)}.ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--red-hi);animation:aidot 1s ease-in-out infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}@keyframes aidot{0%,to{opacity:.35;transform:translateY(0)}50%{opacity:1;transform:translateY(-3px)}}.ai .ai-typing.on.done{opacity:0}.ai-typing.done i{animation-play-state:paused}.ai-book{display:flex;align-items:center;gap:12px;padding:11px 12px;border-radius:12px;background:#f8f8f80f;border:1px solid var(--line);width:min(100%,380px)}.ai-book-ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:#35c48b29;color:var(--ok)}.ai-book-txt{min-width:0}.ai-book-txt small{display:block;font:500 11px/1.3 var(--f-mono);color:var(--muted)}.ai-book-txt b{display:block;font:600 14px/1.25 var(--f-head);margin:2px 0}.ai-tick{margin-left:auto}.ai-rev-top b{font:700 15px/1 var(--f-head)}.ai-rev-top nav{margin-left:auto;display:flex;gap:4px}.ai-rev-top nav span{font:500 11px/1 var(--f-body);padding:6px 9px;border-radius:999px;color:var(--muted)}.ai-rev-top nav .on{background:#d848482e;color:var(--white)}.ai-rrow{display:flex;align-items:center;gap:9px;padding:9px 11px;border-radius:10px;border:1px solid var(--line);font-size:13px}.ai-rrow b{font:600 13px/1 var(--f-head)}.ai-rrow em{margin-left:auto;font:600 11px/1 var(--f-head);font-style:normal;color:var(--muted);white-space:nowrap}.ai .ai-rnew{border-color:#d8484880;background:#d8484814;transform:translateY(-12px)}.ai .ai-rnew.on{transform:none}.ai-rnew .ai-newtag{color:#f2a0a0}.ai-draft{padding:12px 13px;border-radius:12px;background:#f8f8f80d;border:1px dashed rgba(248,248,248,.28)}.ai-draft .k{margin-bottom:8px}.ai-draft-txt{margin:0 0 12px;line-height:1.45}.ai-draft-act{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.ai .ai-approve{position:relative;display:inline-flex;align-items:center;gap:7px;font:600 13px/1 var(--f-head);padding:9px 14px;border-radius:999px;background:var(--red);color:#fff;opacity:1;transform:none}.ai-approve:before{content:"";position:absolute;inset:0;border-radius:inherit;background:#1e9e6c;opacity:0;transition:opacity .3s}.ai-approve i{position:relative;font-style:normal;display:inline-block;opacity:0;transform:scale(.3);transition:opacity .25s,transform .4s cubic-bezier(.3,1.6,.5,1)}.ai-approve.on:before{opacity:1}.ai-approve.on i{opacity:1;transform:none}.ai-approve{isolation:isolate}.ai-approve:before{z-index:-1}.ai-content{width:100%;display:grid;grid-template-columns:minmax(0,1fr);gap:18px;justify-items:center}.ai-device{position:relative;width:100%;max-width:680px;padding:10px 26px 0}.ai-device:before{content:"";position:absolute;left:50%;top:3px;width:5px;height:5px;margin-left:-2.5px;border-radius:50%;background:#24384f;z-index:1}.ai-glass{position:relative;aspect-ratio:16/9;border-radius:6px;background:#020b16;overflow:hidden;box-shadow:0 0 0 10px #0d1b2c,0 0 0 11px #f8f8f829,0 30px 70px #0000008c}.ai-base{display:block;position:relative;height:13px;margin:10px -26px 0;border-radius:2px 2px 14px 14px;background:linear-gradient(#22344b,#0b1726);box-shadow:0 1px #f8f8f824 inset,0 18px 30px #00000073}.ai-base:after{content:"";position:absolute;left:41%;right:41%;top:0;height:4px;border-radius:0 0 6px 6px;background:#0b1726}.ai-media{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#020b16;display:block}.ai-ph{position:absolute;inset:0;display:none;flex-direction:column;gap:6%;padding:5% 6%;background:radial-gradient(80% 90% at 80% 0%,rgba(127,183,255,.14),transparent 60%),#04213f}.ai-device.no-media .ai-ph{display:flex}.ai-device.no-media .ai-media{visibility:hidden}.ai-ph-steps{list-style:none;margin:0;padding:0;display:flex;gap:6px}.ai-ph-steps li{flex:1;font:600 10px/1 var(--f-mono);color:var(--muted);padding:6px 7px;border-radius:999px;border:1px solid var(--line);text-align:center;white-space:nowrap}.ai .ai-ph-steps li{opacity:.35;transform:none}.ai .ai-ph-steps li.on{opacity:1;color:var(--white);border-color:#d848488c}.ai-ph-steps li.done:after{content:" \2713";color:var(--ok)}.ai-post{flex:1;min-height:0;display:grid;grid-template-columns:42% 1fr;gap:5%;padding:4%;border-radius:10px;background:#f8f8f8;color:#0f172a}.ai-post-img{border-radius:7px;background:linear-gradient(160deg,#002850,#7a2632);display:grid;place-items:center;overflow:hidden}.ai-post-img svg{width:70%;height:auto}.ai-post-body{display:flex;flex-direction:column;gap:8px;min-width:0}.ai-post-h{margin:0;display:flex;align-items:center;gap:6px;font:700 11px/1 var(--f-head)}.ai-post-h i{width:16px;height:16px;border-radius:50%;background:#c83838}.ai-post-lines{display:flex;flex-direction:column;gap:6px}.ai-post-lines i{display:block;height:7px;border-radius:4px;background:#cbd5e1;transform-origin:0 50%}.ai-post-lines i:nth-child(2){width:86%}.ai-post-lines i:nth-child(3){width:58%}.ai .ai-post-lines i{transform:scaleX(0);opacity:1}.ai .ai-post-lines i.on{transform:none}.ai-post-stamp{margin-top:auto;align-self:flex-start;font:600 10px/1 var(--f-mono);color:#0f766e;background:#e6f6f2;padding:5px 7px;border-radius:6px;white-space:nowrap}.ai-queue{width:100%;max-width:680px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;padding:12px;border-radius:14px;background:#05284b;border:1px solid rgba(248,248,248,.14);box-shadow:0 0 0 1px #d8484842,0 30px 70px #00000073}.ai-queue .k{grid-column:1/-1;margin:0}.ai .ai-q{opacity:1;transform:none;display:grid;grid-template-columns:minmax(0,1fr);row-gap:5px;align-content:start;padding:8px 9px;border-radius:10px;border:1px solid var(--line);background:#f8f8f80a}.ai-q b{justify-self:start;padding:5px 7px;border-radius:7px;font:600 11px/1 var(--f-mono);background:#d8484824;color:#f2a0a0}.ai-q>span{font:600 12px/1.25 var(--f-head)}.ai-q em{display:grid;font:500 10px/1.25 var(--f-mono);font-style:normal}.ai-q em>*{grid-area:1/1;text-decoration:none;transition:opacity .3s}.ai-q s{color:var(--muted)}.ai-q u{color:#7fe3b8;opacity:0}.ai-q.on s{opacity:0}.ai-q.on u{opacity:1}@container ai (min-width:600px){.ai-content{grid-template-columns:minmax(0,1fr) 206px;align-items:center;gap:22px}.ai-queue{display:flex;flex-direction:column;padding:14px}.ai .ai-q{grid-template-columns:auto minmax(0,1fr);column-gap:10px;row-gap:4px;align-items:center;padding:9px 10px}.ai-q b{grid-row:1/3;width:36px;height:36px;padding:0;border-radius:9px;display:grid;place-items:center}.ai-q>span{font-size:13px}}@media (max-width:820px),(max-width:1100px) and (orientation:portrait){.ai-run{--ai-px:16px;--ai-pad-t:14px;--ai-gap:14px}.ai-head .eyebrow{margin-bottom:8px}.ai-title{font-size:26px;max-width:none}.ai-slot .slot-inner{align-items:flex-end;padding:0 var(--ai-px) calc(18px + env(safe-area-inset-bottom))}.ai-copy{width:100%}.ai-copy h3{font-size:24px;margin-bottom:6px}.ai-stage-in{padding:0;max-width:none}.ai-screens{position:absolute;left:var(--ai-px);right:var(--ai-px);top:var(--ai-ui-top,180px);height:var(--ai-ui-h,320px);margin:0}}@media (min-width:600px) and (max-width:1100px) and (orientation:portrait){.ai-title{font-size:34px}.ai-copy{max-width:560px}}@media (min-width:821px) and (max-height:500px){.ai-run{--copy-w:300px;--ai-pad-t:10px;--ai-pad-b:12px;--ai-gap:12px;--ai-col:28px}.ai-head .eyebrow{margin-bottom:8px}.ai-title,.ai-copy h3{font-size:22px}.ai-copy .work-line{font-size:15px;margin-bottom:0}.motion .ai-copy .work-feats{display:none}.ai-copy .work-ctas{margin-top:12px}}@media (max-width:820px),(max-width:1100px) and (orientation:portrait),(min-width:821px) and (max-height:500px){.ai-panel{padding:11px 12px 12px;gap:8px;font-size:12.5px;border-radius:14px}.ai-call-top{padding:8px 9px;gap:9px}.ai-ring{width:32px;height:32px}.ai-ring svg{width:15px;height:15px}.ai-call-who small,.ai-chat-who small{font-size:10px;letter-spacing:.03em}.ai-call-who b{font-size:15px;margin-top:2px}.ai-live{padding:6px 8px;font-size:10px;gap:6px}.ai-live-w{display:none}.ai-lines,.ai-thread{gap:6px}.ai-msg{max-width:90%;padding:6px 9px;line-height:1.32;border-radius:12px}.ai-msg b{margin-right:6px}.ai-done{padding-top:8px;gap:6px 10px}.ai-chip,.ai-tick,.ai-posted{font-size:12px;padding:6px 9px}.ai-note{font-size:11px}.ai-chat-top,.ai-rev-top{padding-bottom:8px}.ai-chat-ic{width:30px;height:30px}.ai-stamp{font-size:11px;padding:5px 7px}.ai-book{padding:8px 9px;gap:9px}.ai-book-ic{width:30px;height:30px}.ai-book-txt small{font-size:10px}.ai-book-txt b{font-size:13px}.ai-rrow{padding:7px 9px;gap:7px}.motion .ai-rrow:nth-last-child(1){display:none}.ai-draft{padding:9px 10px}.ai-draft .k{margin-bottom:5px}.ai-draft-txt{margin-bottom:8px;line-height:1.38}.ai .ai-approve{padding:7px 11px;font-size:12px}.ai-content{gap:12px}.ai-device{max-width:440px;padding:7px}.ai-device:before{left:2px;top:50%;width:3px;height:30px;margin:-15px 0 0;border-radius:2px}.ai-glass{border-radius:12px;box-shadow:0 0 0 7px #0d1b2c,0 0 0 8px #f8f8f82e,0 20px 50px #00000080}.ai-base{display:none}.ai-queue{max-width:440px;gap:6px;padding:9px}.ai .ai-q{padding:7px}.ai-q b{padding:4px 6px;border-radius:6px}.motion .ai-q>span{display:none}.ai-ph{gap:5%;padding:4% 5%}.ai-ph-steps{gap:4px}.ai-ph-steps li{padding:4px 2px;letter-spacing:-.02em}.ai-post-body{gap:5px}.ai-post-lines{gap:4px}.ai-post-lines i{height:5px}}@media (max-width:820px) and (max-height:720px){.ai-call>.k{display:none}.ai-panel{gap:6px}.ai-msg{padding:5px 9px}}@media (min-width:821px) and (max-height:500px){.ai-content{grid-template-columns:minmax(0,1fr) 120px;align-items:center}.ai-queue{grid-template-columns:1fr}}@media (min-width:821px) and (min-height:501px) and (max-height:700px){.ai-run{--ai-pad-t:16px;--ai-pad-b:20px;--ai-gap:20px}.ai-panel{padding:12px 14px 14px;gap:9px;font-size:13px}.ai-msg{padding:7px 11px}.ai-lines,.ai-thread{gap:6px}.ai-call-top{padding:9px 11px}}html:not(.motion) .ai-run{display:block}html:not(.motion) .ai-head{position:static;padding-top:clamp(72px,6vw,80px)}html:not(.motion) .ai-stage{display:none}html:not(.motion) .ai-slot{height:auto}html:not(.motion) .ai-slot .slot-inner{height:auto;align-items:center;gap:48px;padding:40px var(--ai-px)}html:not(.motion) .ai-slot:last-child .slot-inner{padding-bottom:clamp(72px,11vw,140px)}html:not(.motion) .ai-shot{flex:1;min-width:0;display:flex;justify-content:center}html:not(.motion) .ai-screen{position:relative;inset:auto;width:100%;opacity:1;visibility:visible;transform:none}html:not(.motion) .ai [data-at]{opacity:1;transform:none}html:not(.motion) .ai .ai-post-lines i{transform:none}@media (max-width:820px),(max-width:1100px) and (orientation:portrait){html:not(.motion) .ai-slot .slot-inner{flex-direction:column;align-items:stretch;gap:20px;padding-top:28px;padding-bottom:28px}html:not(.motion) .ai-slot:last-child .slot-inner{padding-bottom:72px}}
