body.night{background:var(--night);color:var(--night-text);min-height:100vh}.demo{isolation:isolate;flex-direction:column;min-height:100vh;display:flex;position:relative}.demo:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(30% 28% at 18% 18%,#5a5ae652,#0000 70%),radial-gradient(28% 24% at 85% 22%,#38bdf824,#0000 70%),radial-gradient(34% 30% at 70% 95%,#5a5ae638,#0000 70%);position:fixed;inset:-20%}html.motion .demo:before{animation:drift 30s var(--ease) infinite alternate}.ic-wrap{display:inline-flex}.ic-wrap .ic,.ic{width:20px;height:20px}.demo-bar{z-index:30;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--night-line);background:#0c0c1de6;align-items:center;gap:12px;min-height:60px;padding:10px 16px;display:flex;position:sticky;top:0}.demo-bar .wordmark{color:#fff;font-size:17px}.demo-bar .wordmark svg{width:30px;height:30px}.demo-bar__sample{letter-spacing:.06em;text-transform:uppercase;color:#f2c26b;font-size:12px;font-weight:750}.demo-bar__toggle{border:1px solid var(--night-line);min-height:44px;color:var(--night-text);font:inherit;cursor:pointer;background:0 0;border-radius:999px;margin-left:auto;padding:8px 14px;font-size:14px;font-weight:650}.demo-bar__toggle[aria-pressed=true]{background:#ffffff0f}@media (max-width:480px){.demo-bar__sample{display:none}}.timeline{border-bottom:1px solid var(--night-line);background:#0c0c1db3;padding:10px 16px 6px}.timeline__bar{background:var(--night-3);border-radius:3px;height:3px;margin-bottom:8px;overflow:hidden}.timeline__bar span{background:linear-gradient(90deg, var(--p), var(--sky-2));height:100%;transition:width .6s var(--ease);display:block}.timeline__acts{scrollbar-width:thin;gap:14px;margin:0;padding:0;list-style:none;display:flex;overflow-x:auto}.timeline__act{flex:none}.timeline__act-title{color:var(--night-muted);white-space:nowrap;margin-bottom:4px;font-size:12px;font-weight:700;display:block}.timeline__act.is-on .timeline__act-title{color:#fff}.timeline__act-n{color:var(--sky-2);letter-spacing:.08em;text-transform:uppercase}.timeline__scenes{gap:4px;margin:0;padding:0;list-style:none;display:flex}.timeline__dot{border:1px solid var(--night-line);min-height:36px;color:var(--night-muted);font:inherit;cursor:pointer;white-space:nowrap;background:0 0;border-radius:999px;padding:6px 10px;font-size:13px;font-weight:650}.timeline__dot.is-done{color:#dcdcff;border-color:#3d3d6e}.timeline__dot.is-on{background:var(--p);border-color:var(--p);color:#fff}.demo-main{flex:1;align-items:start;gap:20px;width:100%;max-width:1280px;margin:0 auto;padding:20px 16px 110px;display:grid}@media (min-width:1000px){.demo-main{grid-template-columns:340px 1fr;gap:32px;padding:32px 32px 120px}.demo--no-guide .demo-main{grid-template-columns:1fr}.sam{position:sticky;top:150px}}.sam{border:1px solid var(--night-line);background:#ffffff0d;border-radius:20px;padding:18px}.sam__head{align-items:center;gap:12px;margin-bottom:12px;display:flex}.sam__avatar{color:#fff;background:linear-gradient(135deg,#8b8bff,#5a5ae6 55%,#2e2e9e);border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-size:22px;font-weight:800;display:grid;box-shadow:0 0 0 4px #5a5ae640,0 0 30px #7dd3fc59}html.motion .sam__avatar--big{animation:ring 3s var(--ease) infinite}.sam__name{color:#fff;margin:0;font-weight:750}.sam__role{color:var(--night-muted);margin:0;font-size:13px}.sam__lines{gap:8px;margin:0;padding:0;list-style:none;display:grid}.sam__bubble{color:#f2f2fb;background:#23234a;border-radius:16px 16px 16px 6px;padding:10px 14px;font-size:16px;line-height:1.45}html.motion .sam__bubble{animation:bubble-in .4s var(--ease) both}@keyframes bubble-in{0%{opacity:0;transform:translateY(6px)}}.sam__typing,.thread__typing{cursor:pointer;background:#23234a;border:0;border-radius:16px;gap:4px;margin-top:8px;padding:12px 14px;display:inline-flex}.sam__typing span,.thread__typing span{background:#b4b4c8;border-radius:50%;width:7px;height:7px}html.motion .sam__typing span,html.motion .thread__typing span{animation:1.2s ease-in-out infinite dots}.sam__typing span:nth-child(2),.thread__typing span:nth-child(2){animation-delay:.15s}.sam__typing span:nth-child(3),.thread__typing span:nth-child(3){animation-delay:.3s}@keyframes dots{0%,to{opacity:.35}50%{opacity:1}}.sam__invite{color:#dcdcff;border:1px dashed #6a6ad0;border-radius:12px;margin:12px 0 0;padding:10px 14px;font-size:15px;font-weight:650}.stage{min-width:0;padding:0}.stage__title{letter-spacing:-.02em;color:#fff;margin:0 0 16px;font-size:clamp(26px,5vw,38px);line-height:1.1}.stage__title:focus{outline:none}.stage__title:focus-visible{outline:3px solid var(--focus)}.stage__act{color:var(--sky-2);letter-spacing:.06em;text-transform:uppercase;vertical-align:middle;font-size:.6em}.stage__caption{color:var(--night-muted);max-width:48rem;margin:-6px 0 18px}html.motion .stage__body{animation:scene-in .5s var(--ease) both}@keyframes scene-in{0%{opacity:0}}.duo{align-items:start;gap:24px;display:grid}.stage{container-type:inline-size}@container (width>=700px){.duo{grid-template-columns:minmax(300px,380px) 1fr;gap:32px}}.side{border:1px solid var(--night-line);background:#ffffff0a;border-radius:18px;padding:18px}.side__title{color:#fff;margin:0 0 12px;font-size:18px}.side__list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.side__list li{color:var(--night-muted);align-items:flex-start;gap:12px;display:flex}.side__list b{color:#fff}.side__list .ic-wrap{color:var(--lav);margin-top:2px}.side__note{color:var(--night-muted);margin:14px 0 0;font-size:14px}.phone{background:#050510;border-radius:40px;width:100%;max-width:380px;margin:0 auto;padding:10px;position:relative;box-shadow:0 0 0 1px #2e2e48,0 30px 60px #00000080}.phone__notch{z-index:2;background:#050510;border-radius:12px;width:90px;height:22px;margin-left:-45px;position:absolute;top:16px;left:50%}.phone__bar{color:#1b1b2f;background:#f6f6fa;border-bottom:1px solid #e3e3ea;border-radius:30px 30px 0 0;justify-items:center;gap:2px;padding:44px 12px 10px;display:grid}.phone__who{color:#fff;background:#1f4d3a;border-radius:50%;place-items:center;width:40px;height:40px;font-weight:800;display:grid}.phone__title{font-size:13px;font-weight:700}.phone__sub{color:#55556b;font-size:11px}.phone__screen{color:#1b1b2f;overscroll-behavior:contain;background:#fff;border-radius:0 0 30px 30px;height:min(620px,72vh);overflow-y:auto}.form-frame__iframe{border:0;width:100%;height:100%;display:block}.form-frame[hidden]{display:none}.thread{padding:12px}.thread__list{gap:4px;margin:0;padding:0;list-style:none;display:grid}.msg{gap:4px;margin-bottom:10px;display:grid}html.motion .msg{animation:bubble-in .45s var(--ease) both}.msg__when{text-align:center;color:#55556b;margin:4px 0 0;font-size:11px}.msg__status{color:#55556b;margin:0;font-size:11px;font-weight:650}.msg__status--live{color:#1e7b45}.msg--client{justify-items:end}.bubble{color:#1b1b2f;background:#e9e9eb;border-radius:18px 18px 18px 6px;max-width:88%;padding:8px 12px;font-size:14.5px;line-height:1.38}.bubble__text{white-space:pre-line;overflow-wrap:anywhere;margin:0}.bubble--out{color:#fff;background:#0a63c9;border-radius:18px 18px 6px;margin:0;padding:8px 14px}.bubble--side{max-width:none;margin-bottom:14px}.msg__link{color:#0a58b5;font:inherit;cursor:pointer;background:0 0;border:0;min-height:24px;padding:0;text-decoration:underline;display:inline}.mms-card{aspect-ratio:16/9;color:#fff;text-align:center;border-radius:14px;place-items:center;gap:2px;margin:-2px -6px 8px;display:grid}.mms-card__mark{font-family:Georgia,serif;font-size:26px;font-weight:700}.mms-card__name{font-family:Georgia,serif;font-size:20px;font-weight:700}.mms-card__sub{letter-spacing:.2em;text-transform:uppercase;font-size:11px}.vcard{background:#fff;border-radius:12px;align-items:center;gap:10px;margin:-2px -4px 8px;padding:8px;display:flex}.vcard img{width:72px;height:auto}.vcard b{font-size:13px;display:block}.vcard small{color:#55556b;font-size:11.5px}.mail{background:#fbfbfe;border:1px solid #dcdce6;border-radius:14px;padding:12px;font-size:14px}.mail__from{color:#55556b;margin:0;font-size:12px}.mail__subject{margin:2px 0 6px;font-weight:750}.mail__body{margin:0 0 10px}.mail__cta{color:#fff;min-height:40px;font:inherit;background:#5a5ae6;border:0;border-radius:10px;padding:8px 14px;font-weight:700}.behind{gap:10px;margin:0;padding:0;list-style:none;display:grid}.behind__step{color:var(--night-muted);align-items:flex-start;gap:10px;display:flex}.behind__step.is-done{color:#fff}.behind__mark{border:2px solid #4a4a7a;border-radius:50%;flex:none;place-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:grid}.behind__step.is-done .behind__mark{color:#fff;background:#1e7b45;border-color:#1e7b45}.intro{gap:20px;display:grid}.intro__frame{text-align:center;background:radial-gradient(60% 50% at 30% 20%,#3b3bb0 0%,#0000 70%),radial-gradient(50% 40% at 80% 85%,#38bdf859,#0000 70%),linear-gradient(160deg,#1a1a52,#0b0b1f);border-radius:22px;align-content:center;place-items:center;gap:10px;min-height:340px;padding:48px 20px;display:grid;position:relative;overflow:hidden;box-shadow:0 24px 60px #00000073}.intro__bars:before,.intro__bars:after{content:"";z-index:2;background:#000;height:9%;position:absolute;left:0;right:0}.intro__bars:before{top:0}.intro__bars:after{bottom:0}html.motion .intro__bars:before,html.motion .intro__bars:after{animation:bars 1.2s var(--ease) both}@keyframes bars{0%{height:50%}}.intro__frame:after{content:"";background:linear-gradient(105deg,#0000 40%,#ffffff1a 50%,#0000 60%);position:absolute;inset:0;transform:translate(-100%)}html.motion .intro__frame:after{animation:sweep 2.4s var(--ease) 1s both}@keyframes sweep{to{transform:translate(100%)}}.intro__avatar{color:#fff;background:linear-gradient(135deg,#8b8bff,#5a5ae6 55%,#2e2e9e);border-radius:50%;place-items:center;width:92px;height:92px;font-size:40px;font-weight:800;display:grid;box-shadow:0 0 0 6px #5a5ae640,0 0 60px #7dd3fc73}html.motion .intro__avatar{animation:ring 3s var(--ease) infinite}.intro__kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--lav-2);margin:0;font-size:12px;font-weight:750}.intro__title{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(36px,7vw,56px);font-weight:800;line-height:1.05}.intro__sub{color:#d2d2ea;margin:0}.intro__acts{gap:12px;margin:0;padding:0;list-style:none;display:grid}@media (min-width:700px){.intro__acts{grid-template-columns:repeat(3,1fr)}}.intro__acts li{border:1px solid var(--night-line);color:var(--night-muted);background:#ffffff0a;border-radius:16px;gap:2px;padding:14px 16px;font-size:15px;display:grid}.intro__acts b{color:#fff}.intro__act-n{letter-spacing:.1em;text-transform:uppercase;color:var(--sky-2);font-size:12px;font-weight:750}.arrive{gap:16px;max-width:640px;display:grid}.arrive__src,.client-card{color:#1b1b2f;background:#fff;border-radius:16px;padding:16px}.arrive__label{letter-spacing:.08em;text-transform:uppercase;color:#55556b;margin:0 0 8px;font-size:12px;font-weight:750}.arrive__table{border-collapse:collapse;width:100%;font-size:14.5px}.arrive__table th{text-align:left;color:#55556b;padding:4px 6px;font-size:12px}.arrive__table td{border-top:1px solid #ececf3;padding:8px 6px}html.motion .arrive__row{animation:row-in .8s var(--ease) .3s both}@keyframes row-in{0%{opacity:0;transform:translateY(-8px)}}.arrive__checks{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.arrive__checks li{color:#8ee6b3;background:#6fd69a1f;border-radius:999px;align-items:center;gap:6px;padding:8px 12px;font-size:14px;font-weight:650;display:inline-flex}.arrive__checks .ic{width:16px;height:16px}html.motion .arrive__checks li{animation:tick-in .5s var(--ease) both}html.motion .arrive__checks li:first-child{animation-delay:1s}html.motion .arrive__checks li:nth-child(2){animation-delay:1.4s}html.motion .arrive__checks li:nth-child(3){animation-delay:1.8s}.client-card{align-items:center;gap:12px;display:flex}html.motion .client-card{animation:row-in .6s var(--ease) 2.3s both}.client-card__avatar{color:#24246b;background:#eef;border-radius:50%;flex:none;place-items:center;width:48px;height:48px;font-weight:800;display:grid}.client-card__name{margin:0;font-weight:750}.client-card__meta{color:#55556b;margin:0;font-size:13.5px}.client-card .chip{color:#1e7b45;background:#e6f4ec;margin-left:auto}.agency{color:#1b1b2f;background:#fff;border-radius:20px;padding:20px;box-shadow:0 24px 60px #00000059}html.motion .agency{animation:flip-in .8s var(--ease) both}@keyframes flip-in{0%{opacity:0;transform:perspective(800px)rotateY(-18deg)}}.agency__head{justify-content:space-between;align-items:center;gap:10px;display:flex}.agency__head img{width:120px;height:auto}.agency .chip{color:#24246b;background:#eef}.agency .chip--live{color:#1e7b45;background:#e6f4ec}.agency__label{color:#55556b;margin:16px 0 0;font-size:13px}.agency__name{margin:0 0 10px;font-size:22px;font-weight:760}.agency__rows{gap:0;margin:0;display:grid}.agency__rows div{border-top:1px solid #ececf3;gap:2px;padding:10px 0;display:grid}.agency__rows dt{color:#55556b;font-size:12.5px}.agency__rows dd{margin:0;font-weight:650}.agency__rows .is-ok dd:before{content:"✓ ";color:#1e7b45}.agency__foot{color:#55556b;margin:8px 0 0;font-size:13px}.tile__v.is-bumped,.funnel__row.is-you .funnel__n{color:#3a3ab8}.funnel__plus{color:#3a3ab8;background:#eef;border-radius:6px;margin-left:4px;padding:0 5px;font-size:11px;font-weight:800;display:inline-block}html.motion .funnel__plus{animation:tick-in .5s var(--ease) both}.funnel__row.is-you>span:first-child{color:#3a3ab8;font-weight:700}.feed li.is-you{font-weight:650}html.motion .feed li.is-you{animation:bubble-in .5s var(--ease) both}.tile--soon .chip{font-size:10px}.incident{border-left:2px solid #3d3d6e;gap:12px;margin:0;padding:0 0 0 18px;list-style:none;display:grid}.incident__step{color:#1b1b2f;background:#fff;border-radius:14px;gap:2px;padding:12px 14px;display:grid;position:relative}html.motion .incident__step{animation:bubble-in .45s var(--ease) both}.incident__step:before{content:"";border:3px solid var(--night);background:#5a5ae6;border-radius:50%;width:14px;height:14px;position:absolute;top:16px;left:-27px}.incident__step--warn:before{background:#f2c26b}.incident__step--ok:before{background:#6fd69a}.incident__step span:last-child{color:#55556b;font-size:14.5px}.incident__t{color:#55556b;font-size:12px;font-weight:700}.testing{gap:14px;max-width:760px;display:grid}.arm{border:1px solid var(--night-line);background:#ffffff0d;border-radius:16px;padding:16px 18px}.arm--b{border-color:#5a5ae6}.arm__tag{letter-spacing:.08em;text-transform:uppercase;color:var(--sky-2);margin:0;font-size:12px;font-weight:750}.arm__text{color:#fff;margin:6px 0 12px}.arm__meter{background:var(--night-3);border-radius:6px;height:12px;overflow:hidden}.arm__meter span{transform-origin:0;background:linear-gradient(90deg,#5a5ae6,#7dd3fc);height:100%;display:block}html.motion .arm__meter span{animation:grow 1.4s var(--ease) .3s both}@keyframes grow{0%{transform:scaleX(0)}}.testing__note{color:var(--night-muted);margin:0}.brand-demo{gap:14px;max-width:380px;display:grid}.brand-demo .mms-card{transition:background-color .5s var(--ease);margin:0}.brand-demo__form{color:#1b1b2f;background:#fff;border-radius:16px;gap:8px;padding:16px;display:grid}.brand-demo__secure{color:#1e7b45;margin:0;font-size:12px;font-weight:700}.brand-demo__h{margin:0;font-size:18px;font-weight:750}.brand-demo__line{background:#ececf3;border-radius:6px;height:12px;margin:0}.brand-demo__line--short{width:60%}.brand-demo__btn{text-align:center;color:#fff;background:var(--firm);transition:background-color .5s var(--ease);border-radius:12px;margin-top:6px;padding:12px;font-weight:750}.swatches{gap:8px;display:grid}.swatch{border:1px solid var(--night-line);min-height:48px;color:var(--night-text);font:inherit;cursor:pointer;text-align:left;background:0 0;border-radius:12px;align-items:center;gap:10px;padding:8px 14px;font-weight:650;display:flex}.swatch[aria-pressed=true]{border-color:var(--lav);background:#ffffff0f}.swatch__dot{border-radius:50%;width:22px;height:22px;box-shadow:inset 0 0 0 2px #fff6}.stage .table-wrap{color:var(--text)}.finish{text-align:center;justify-items:center;gap:14px;padding:24px 0;display:grid;position:relative}.finish__burst{pointer-events:none;position:absolute;inset:0;overflow:hidden}.finish__burst span{background:hsl(calc(240 + var(--i) * 12) 80% 72%);opacity:0;border-radius:2px;width:8px;height:8px;position:absolute;top:70px;left:50%}html.motion .finish__burst span{animation:burst 1.6s var(--ease) both;animation-delay:calc(var(--i) * 40ms)}@keyframes burst{0%{opacity:1;transform:translate(0)rotate(0)}to{opacity:0;transform:rotate(calc(var(--i) * 30deg)) translateY(-160px) rotate(180deg)}}.finish__kicker{letter-spacing:.3em;text-transform:uppercase;color:var(--lav-2);margin:0;font-size:12px;font-weight:750}.finish__title{letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(34px,7vw,58px);font-weight:800;line-height:1.05}.finish__recap{color:#d2d2ea;max-width:40rem;margin:0;font-size:18px}.finish__ctas{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}.where{text-align:left;border:1px solid var(--night-line);background:#ffffff0a;border-radius:18px;width:100%;max-width:860px;margin-top:24px;padding:20px}.where__title{color:#fff;margin:0 0 12px;font-size:18px}.where__cols{gap:18px;display:grid}@media (min-width:700px){.where__cols{grid-template-columns:1fr 1fr}}.where__h{margin:0 0 8px}.where ul{color:var(--night-muted);gap:6px;margin:0;padding-left:20px;display:grid}.night .chip--soon{color:#f2c26b;background:#3a2a0c}.night .chip--live{color:#8ee6b3;background:#133524}.night .table-wrap .chip--soon,.night .agency .chip--soon{background:var(--warn-soft);color:var(--warn)}.demo-nav{z-index:30;padding:12px 16px calc(12px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--night-line);background:#0c0c1deb;justify-content:space-between;align-items:center;gap:12px;display:flex;position:fixed;bottom:0;left:0;right:0}.demo-nav__pos{color:var(--night-muted);font-variant-numeric:tabular-nums;font-size:14px}.btn--quiet{border-color:var(--night-line);color:var(--night-text);background:0 0}.btn[disabled]{opacity:.45;cursor:default;transform:none}@media (min-width:1000px){.demo-nav{justify-content:center;gap:24px}}@media (prefers-reduced-motion:reduce){.timeline__bar span,.brand-demo .mms-card,.brand-demo__btn{transition:none}}.phone--bare .phone__screen{background:#fff;border-radius:30px;padding-top:34px}.phone__bar[hidden]{display:none}