.wa-demo{display:grid;grid-template-columns:minmax(0,420px) minmax(0,1fr);justify-content:center;align-items:stretch;gap:clamp(20px,3vw,48px);max-width:1180px;margin-inline:auto}.wa-demo__phone{display:grid;grid-template-rows:auto 1fr auto;height:clamp(520px,62vh,640px);overflow:hidden;border:1px solid rgb(255 255 255 / 10%);border-radius:28px;background:#0b141a;color:#e9edef;box-shadow:0 30px 80px var(--site-shadow-color)}.wa-demo__bar{display:flex;align-items:center;gap:12px;padding:16px 18px;background:#202c33;font-size:15px}.wa-demo__bar strong{display:block;font-weight:600}.wa-demo__bar small{display:block;color:#8696a0;font-size:12px}.wa-demo__avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#00a884;color:#0b141a;font-size:13px;font-weight:700}.wa-demo__chat{display:flex;flex-direction:column;gap:8px;padding:16px 14px;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin;background:radial-gradient(circle at 20% 10%,rgb(255 255 255 / 3%),transparent 40%),#0b141a}.wa-demo__notice{align-self:center;margin-bottom:6px;padding:5px 12px;border-radius:8px;background:#182229;color:#8696a0;font-size:12px}.wa-demo__bubble{max-width:82%;padding:8px 12px;border-radius:10px;font-size:14.5px;line-height:1.45;animation:wa-in .28s ease-out both}.wa-demo__bubble--user{align-self:flex-end;border-top-right-radius:3px;background:#005c4b}.wa-demo__bubble--bot{align-self:flex-start;border-top-left-radius:3px;background:#202c33}.wa-demo__system{align-self:center;padding:4px 10px;border-radius:6px;color:#ffb4a3;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.06em;animation:wa-in .28s ease-out both}.wa-demo__system:before{content:"⚙ "}.wa-demo__email{display:flex;align-items:center;gap:12px;align-self:stretch;margin-top:4px;padding:12px 14px;border:1px solid rgb(255 77 41 / 45%);border-radius:12px;background:#111b21;animation:wa-in .32s ease-out both}.wa-demo__email strong{display:block;font-size:14px}.wa-demo__email small{display:block;color:#8696a0;font-size:12px}.wa-demo__email-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;background:#ff4d29;color:#0b141a;font-weight:700}.wa-demo__typing{display:flex;gap:4px;align-self:flex-start;padding:12px 14px;border-radius:10px;background:#202c33}.wa-demo__typing span{width:6px;height:6px;border-radius:50%;background:#8696a0;animation:wa-dot 1s infinite ease-in-out}.wa-demo__typing span:nth-child(2){animation-delay:.15s}.wa-demo__typing span:nth-child(3){animation-delay:.3s}.wa-demo__composer{padding:12px;background:#202c33}.wa-demo__send,.wa-demo__restart{display:flex;align-items:center;gap:10px;width:100%;min-height:48px;padding:8px 8px 8px 16px;border:0;border-radius:999px;background:#2a3942;color:#e9edef;font:inherit;font-size:14px;text-align:start;cursor:pointer;transition:background-color .25s}.wa-demo__send:hover,.wa-demo__restart:hover{background:#33454f}.wa-demo__send:focus-visible,.wa-demo__restart:focus-visible{outline:2px solid #00a884;outline-offset:2px}.wa-demo__send-text{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wa-demo__send-icon{display:grid;place-items:center;flex:none;width:34px;height:34px;border-radius:50%;background:#00a884;color:#0b141a;font-size:13px;animation:wa-pulse 1.6s infinite}.wa-demo__restart{justify-content:center;padding-inline:16px}.wa-demo__wait{display:grid;place-items:center;min-height:48px;color:#8696a0;font-size:13px}.wa-demo__side{display:grid;align-content:start;gap:18px}.wa-demo__tabs{display:flex;flex-wrap:wrap;gap:8px}.wa-demo__tabs button{padding:10px 18px;border:1px solid color-mix(in srgb,var(--site-text-primary) 16%,transparent);border-radius:999px;background:transparent;color:var(--site-text-secondary);font:inherit;font-size:14px;cursor:pointer;transition:border-color .25s,color .25s,background-color .25s}.wa-demo__tabs button[aria-pressed=true]{border-color:var(--site-text-primary);background:var(--site-text-primary);color:var(--site-page-bg)}.wa-demo__flow{position:relative;display:grid;gap:10px}.wa-demo__flow:before{content:"";position:absolute;inset:20px auto 20px 21px;width:1px;background:color-mix(in srgb,var(--site-text-primary) 14%,transparent)}.wa-demo__node{position:relative;display:grid;gap:2px;padding:16px 18px 16px 52px;border:1px solid color-mix(in srgb,var(--site-text-primary) 10%,transparent);border-radius:16px;background:var(--site-panel-bg);color:var(--site-text-muted);transition:border-color .35s,color .35s,box-shadow .35s}.wa-demo__node:before{content:"";position:absolute;top:50%;left:16px;width:11px;height:11px;border:1px solid color-mix(in srgb,var(--site-text-primary) 30%,transparent);border-radius:50%;background:var(--site-panel-bg);transform:translateY(-50%);transition:background-color .35s,border-color .35s}.wa-demo__node strong{color:inherit;font-size:16px;font-weight:600}.wa-demo__node small{font-size:13px}.wa-demo__node[data-used]{color:var(--site-text-secondary)}.wa-demo__node[data-used]:before{border-color:var(--site-accent)}.wa-demo__node[data-active]{border-color:var(--site-accent);color:var(--site-text-primary);box-shadow:0 0 0 4px var(--site-accent-10)}.wa-demo__node[data-active]:before{border-color:var(--site-accent);background:var(--site-accent);animation:wa-pulse 1.4s infinite}.wa-demo__stack{color:var(--site-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.08em}@keyframes wa-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@keyframes wa-dot{0%,80%,to{opacity:.3;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@keyframes wa-pulse{0%{box-shadow:0 0 #ff4d2973}to{box-shadow:0 0 0 10px #ff4d2900}}@media(max-width:899px){.wa-demo{grid-template-columns:minmax(0,1fr);max-width:520px}.wa-demo__side{order:-1}.wa-demo__side{gap:12px}.wa-demo__flow{display:flex;flex-wrap:wrap;gap:6px}.wa-demo__flow:before{display:none}.wa-demo__node{padding:7px 12px 7px 28px;border-radius:999px}.wa-demo__node:before{left:11px;width:8px;height:8px}.wa-demo__node strong{font-size:13px}.wa-demo__node small,.wa-demo__stack{display:none}.wa-demo__phone{height:500px}}@media(prefers-reduced-motion:reduce){.wa-demo__bubble,.wa-demo__system,.wa-demo__email{animation:none}.wa-demo__typing span,.wa-demo__send-icon,.wa-demo__node[data-active]:before{animation:none}}.ms-demo{--ms-bg: #0c0b1a;--ms-panel: #13112a;--ms-line: rgb(255 255 255 / 9%);--ms-ink: #ecebff;--ms-soft: #9a97c2;--ms-violet: #7b61ff;display:grid;gap:14px;max-width:1240px;margin-inline:auto}.ms-demo__app{overflow:hidden;border:1px solid var(--ms-line);border-radius:22px;background:var(--ms-bg);color:var(--ms-ink);box-shadow:0 30px 90px var(--site-shadow-color)}.ms-demo__appbar{display:flex;align-items:center;gap:12px;padding:12px 16px;border-bottom:1px solid var(--ms-line);color:var(--ms-soft);font-size:13px}.ms-demo__ae{display:grid;place-items:center;width:26px;height:26px;border-radius:6px;background:#1f1a4d;color:#a99bff;font-size:11px;font-weight:700}.ms-demo__status{margin-left:auto;padding:4px 10px;border:1px solid var(--ms-line);border-radius:999px;font-size:11px}.ms-demo__status:before{content:"";display:inline-block;width:6px;height:6px;margin-right:6px;border-radius:50%;background:#3ddc84;vertical-align:middle}.ms-demo__body{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(280px,1fr)}.ms-demo__viewer{display:grid;gap:12px;padding:clamp(14px,2vw,24px);border-right:1px solid var(--ms-line)}.ms-demo__stage{position:relative;aspect-ratio:16 / 9;overflow:hidden;border-radius:12px;background:#050510;-webkit-user-select:none;user-select:none}.ms-demo__stage--camera{cursor:crosshair}.ms-demo__frame{position:absolute;inset:0;display:grid;place-items:center;transition:transform .9s cubic-bezier(.22,1,.36,1)}.ms-demo__stage--scene-1 .ms-demo__frame{background:radial-gradient(circle at 75% 25%,rgb(123 97 255 / 45%),transparent 45%),linear-gradient(135deg,#1b1840,#07060f 70%)}.ms-demo__stage--scene-2 .ms-demo__frame{background:radial-gradient(circle at 25% 70%,rgb(255 77 41 / 45%),transparent 45%),linear-gradient(135deg,#2a0f0a,#07060f 70%)}.ms-demo__title,.ms-demo__scene-title{padding-inline:6%;color:#fff;font-family:var(--site-font-heading);font-size:clamp(26px,4.4vw,64px);font-weight:700;line-height:1;letter-spacing:-.02em;text-align:center}.ms-demo__logo{display:grid;place-items:center;width:clamp(70px,9vw,120px);aspect-ratio:1;border-radius:28%;background:linear-gradient(135deg,var(--ms-violet),#ff4d29);color:#fff;font-family:var(--site-font-heading);font-size:clamp(34px,4.4vw,60px);font-weight:800}.ms-demo__cursor-hint{position:absolute;bottom:14px;left:50%;padding:6px 12px;border-radius:999px;background:#0000008c;color:var(--ms-soft);font-size:12px;transform:translate(-50%);pointer-events:none}.ms-demo__caption{position:absolute;bottom:8%;left:50%;width:88%;margin:0;color:#fff;font-size:clamp(14px,1.9vw,26px);font-weight:600;line-height:1.3;text-align:center;transform:translate(-50%)}.ms-demo__caption span{transition:color .18s,opacity .18s,background-color .18s}.ms-demo__caption span[data-state=next]{opacity:.25}.ms-demo__caption--clean span[data-state=now]{opacity:1}.ms-demo__caption--karaoke span[data-state=now]{color:#ffd84d}.ms-demo__caption--punch span[data-state=next]{opacity:0}.ms-demo__caption--punch span[data-state=now]{display:inline-block;padding:0 6px;border-radius:6px;background:#ff4d29;animation:ms-punch .25s ease-out}.ms-demo__timeline{height:6px;overflow:hidden;border-radius:999px;background:#ffffff12}.ms-demo__timeline span{display:block;width:30%;height:100%;border-radius:inherit;background:var(--ms-violet);animation:ms-timeline 3s linear infinite}.ms-demo__panel{display:grid;grid-template-rows:auto auto 1fr;gap:14px;padding:clamp(14px,2vw,22px);background:var(--ms-panel)}.ms-demo__brand img{display:block;width:88px;height:auto}.ms-demo__tabs{display:flex;flex-wrap:wrap;gap:6px}.ms-demo__tabs button,.ms-demo__chips button,.ms-demo__prompts button{padding:8px 12px;border:1px solid var(--ms-line);border-radius:999px;background:transparent;color:var(--ms-soft);font:inherit;font-size:13px;cursor:pointer;transition:border-color .2s,color .2s,background-color .2s}.ms-demo__tabs button:hover,.ms-demo__chips button:hover,.ms-demo__prompts button:hover{color:var(--ms-ink);border-color:#ffffff38}.ms-demo__tabs button[aria-selected=true],.ms-demo__chips button[aria-pressed=true],.ms-demo__prompts button[aria-pressed=true]{border-color:var(--ms-violet);background:#7b61ff2e;color:var(--ms-ink)}.ms-demo__tabs button:focus-visible,.ms-demo__chips button:focus-visible,.ms-demo__prompts button:focus-visible,.ms-demo__primary:focus-visible,.ms-demo__ghost:focus-visible,.ms-demo__field input:focus-visible{outline:2px solid var(--ms-violet);outline-offset:2px}.ms-demo__tabpanel{min-height:220px}.ms-demo__tool{display:grid;align-content:start;gap:14px}.ms-demo__chips,.ms-demo__prompts{display:flex;flex-wrap:wrap;gap:6px}.ms-demo__prompts{flex-direction:column;align-items:stretch}.ms-demo__prompts button{border-radius:12px;text-align:start}.ms-demo__field{display:grid;gap:6px;color:var(--ms-soft);font-size:12px}.ms-demo__field input{padding:10px 12px;border:1px solid var(--ms-line);border-radius:10px;background:#0c0b1a;color:var(--ms-ink);font:inherit;font-size:15px}.ms-demo__primary,.ms-demo__ghost{justify-self:start;padding:10px 18px;border:0;border-radius:999px;background:var(--ms-violet);color:#fff;font:inherit;font-size:14px;font-weight:600;cursor:pointer}.ms-demo__ghost{border:1px solid var(--ms-line);background:transparent;color:var(--ms-ink)}.ms-demo__note{color:var(--ms-soft);font-size:13px;line-height:1.5}.ms-demo__log{display:grid;gap:6px;padding:12px;border:1px solid var(--ms-line);border-radius:12px;background:#0c0b1a;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px}.ms-demo__log li{color:var(--ms-soft);animation:ms-in .25s ease-out both}.ms-demo__log li:before{content:"✓ ";color:#3ddc84}.ms-demo__log li:last-child{color:var(--ms-ink)}.ms-demo__disclaimer{color:var(--site-text-muted);font-size:13px;text-align:center}.ms-anim--fade{animation:ms-fade .9s ease-out both}.ms-anim--rise{animation:ms-rise .9s cubic-bezier(.22,1,.36,1) both}.ms-anim--slide-in{animation:ms-slide .9s cubic-bezier(.22,1,.36,1) both}.ms-anim--pop{animation:ms-pop .7s cubic-bezier(.34,1.56,.64,1) both}.ms-anim--blur-in{animation:ms-blur 1s ease-out both}.ms-anim--claude-bounce{animation:ms-bounce .9s cubic-bezier(.34,1.56,.64,1) both}.ms-anim--claude-push{animation:ms-push 3s ease-in-out both}.ms-anim--claude-spin{animation:ms-spin .9s cubic-bezier(.22,1,.36,1) both}.ms-trans--zoom{animation:ms-t-zoom .6s cubic-bezier(.22,1,.36,1) both}.ms-trans--whip{animation:ms-t-whip .5s cubic-bezier(.22,1,.36,1) both}.ms-trans--spin{animation:ms-t-spin .7s cubic-bezier(.22,1,.36,1) both}.ms-trans--flash{animation:ms-t-flash .6s ease-out both}.ms-trans--glitch{animation:ms-t-glitch .55s steps(6) both}@keyframes ms-fade{0%{opacity:0}to{opacity:1}}@keyframes ms-rise{0%{opacity:0;transform:translateY(40%)}to{opacity:1;transform:none}}@keyframes ms-slide{0%{opacity:0;transform:translate(-30%)}to{opacity:1;transform:none}}@keyframes ms-pop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:none}}@keyframes ms-blur{0%{opacity:0;filter:blur(18px);transform:scale(1.08)}to{opacity:1;filter:none;transform:none}}@keyframes ms-bounce{0%{transform:scale(0)}60%{transform:scale(1.12)}to{transform:scale(1)}}@keyframes ms-push{0%{transform:scale(.8)}to{transform:scale(1.25)}}@keyframes ms-spin{0%{opacity:0;transform:rotate(-90deg) scale(.6)}to{opacity:1;transform:none}}@keyframes ms-t-zoom{0%{transform:scale(2.2);filter:blur(10px)}to{transform:none;filter:none}}@keyframes ms-t-whip{0%{transform:translate(60%);filter:blur(14px)}to{transform:none;filter:none}}@keyframes ms-t-spin{0%{transform:rotate(-30deg) scale(1.6);filter:blur(8px)}to{transform:none;filter:none}}@keyframes ms-t-flash{0%{filter:brightness(4)}to{filter:none}}@keyframes ms-t-glitch{0%{transform:translate(6%,-3%);filter:hue-rotate(90deg)}33%{transform:translate(-5%,2%);filter:hue-rotate(-60deg)}66%{transform:translate(3%,4%);filter:saturate(3)}to{transform:none;filter:none}}@keyframes ms-punch{0%{transform:scale(1.4)}to{transform:none}}@keyframes ms-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}@keyframes ms-timeline{0%{transform:translate(-100%)}to{transform:translate(340%)}}@media(max-width:899px){.ms-demo__body{grid-template-columns:1fr}.ms-demo__viewer{border-right:0;border-bottom:1px solid var(--ms-line)}.ms-demo__tabpanel{min-height:0}}@media(prefers-reduced-motion:reduce){.ms-demo [class*=ms-anim--],.ms-demo [class*=ms-trans--],.ms-demo__log li,.ms-demo__caption span{animation-duration:.01ms!important}.ms-demo__timeline span{animation:none}.ms-demo__frame{transition:none}}.sp{--sp-gutter: clamp(20px, 5vw, 88px);--sp-rule: color-mix(in srgb, var(--site-text-primary) 10%, transparent);min-height:100vh;overflow-x:clip;background:var(--site-page-bg);color:var(--site-text-primary)}.sp>*{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--sp-gutter)}.sp-label{color:var(--site-text-secondary);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;font-weight:400;line-height:1.2;letter-spacing:.22em;text-transform:uppercase}.sp-hero{display:grid;justify-items:center;gap:clamp(24px,2.4vw,40px);padding-top:clamp(152px,13vw,220px);padding-bottom:clamp(48px,6vw,88px);text-align:center}.sp-hero__body{display:grid;justify-items:center;gap:clamp(20px,2vw,28px);max-width:62rem}.sp-hero__lead{color:var(--site-text-primary);font-size:clamp(19px,1.9vw,28px);line-height:1.4;text-wrap:balance}.sp-hero__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px 28px}.sp-hero__back{color:var(--site-text-secondary);font-size:15px;text-decoration:underline;text-decoration-color:color-mix(in srgb,var(--site-text-primary) 25%,transparent);text-underline-offset:.5em;transition:color .3s}.sp-hero__back:hover{color:var(--site-text-primary)}.sp-hero__tags{display:flex;flex-wrap:wrap;justify-content:center;gap:8px}.sp-hero__tags li{padding:7px 14px;border:1px solid var(--sp-rule);border-radius:999px;color:var(--site-text-secondary);font-size:13px}.sp-demo{display:grid;gap:clamp(24px,3vw,40px);padding-block:clamp(32px,4vw,56px) var(--section-gap, 120px)}.sp-demo__head{display:grid;justify-items:center;gap:12px;text-align:center}.sp-demo__title{color:var(--site-heading-color);font-family:var(--site-font-heading);font-size:clamp(2.2rem,4.6vw,4.6rem);font-weight:var(--site-heading-weight);line-height:.95;letter-spacing:-.02em;text-transform:uppercase}.sp-demo__hint{max-width:44rem;color:var(--site-text-secondary);font-size:clamp(15px,1.1vw,17px);line-height:1.55;text-wrap:balance}.sp-demo__cover{width:100%;height:auto;border-radius:18px}.sp-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(28px,5vw,96px);padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--sp-rule)}.sp-split article{display:grid;align-content:start;gap:18px}.sp-split p{color:var(--site-text-primary);font-size:clamp(18px,1.5vw,23px);line-height:1.5;text-wrap:pretty}.sp-block{display:grid;gap:clamp(20px,2.4vw,32px);padding-block:clamp(40px,5vw,72px);border-top:1px solid var(--sp-rule)}.sp-block__body{max-width:52rem;color:var(--site-text-primary);font-size:clamp(18px,1.5vw,23px);line-height:1.5;text-wrap:pretty}.sp-steps__list{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:12px}.sp-steps__item{position:relative;display:grid;align-content:start;gap:14px;width:100%;height:100%;min-height:150px;padding:22px;overflow:hidden;border:1px solid var(--sp-rule);border-radius:18px;background:var(--site-panel-bg);color:var(--site-text-secondary);font:inherit;text-align:start;cursor:pointer;transition:border-color .35s,color .35s,background-color .35s}.sp-steps__item:hover{color:var(--site-text-primary)}.sp-steps__item[aria-current=step]{border-color:var(--site-accent);color:var(--site-text-primary)}.sp-steps__item[data-done] .sp-steps__index{color:var(--site-text-primary)}.sp-steps__index{color:var(--site-accent);font-family:var(--site-font-heading);font-size:28px;font-weight:700;line-height:1}.sp-steps__text{font-size:15px;line-height:1.5}.sp-steps__timer{position:absolute;inset:auto 0 0;height:2px;background:var(--site-accent);transform-origin:left;animation:sp-step-timer linear forwards}@keyframes sp-step-timer{0%{transform:scaleX(0)}to{transform:scaleX(1)}}.sp-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:12px}.sp-grid__card{display:grid;align-content:start;gap:12px;padding:22px;border:1px solid var(--sp-rule);border-radius:18px;background:var(--site-panel-bg);color:var(--site-text-primary);font-size:15px;line-height:1.5;transition:border-color .3s,transform .3s}.sp-grid__card:hover{border-color:color-mix(in srgb,var(--site-accent) 60%,transparent);transform:translateY(-2px)}.sp-grid__index{color:var(--site-text-muted);font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:11px;letter-spacing:.18em}.sp-cta{display:grid;justify-items:center;gap:18px;padding-block:var(--section-gap, 120px);border-top:1px solid var(--sp-rule);text-align:center}.sp-cta__line{color:var(--site-heading-color);font-family:var(--site-font-heading);font-size:clamp(2rem,4.4vw,4.4rem);font-weight:var(--site-heading-weight);line-height:.95;letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance}.sp-cta__sub{max-width:40rem;margin-bottom:8px;color:var(--site-text-secondary);font-size:clamp(15px,1.2vw,18px);line-height:1.55;text-wrap:balance}@media(max-width:767px){.sp-split{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.sp-steps__item,.sp-grid__card{transition:none}.sp-grid__card:hover{transform:none}}
