:root{--ink: #191622;--ink-soft: #3b3549;--muted: #6f6880;--muted-2: #8a8399;--panel: #ffffff;--ground: #ffffff;--ground-alt: #fafafb;--ground-tint: #fbf9ff;--line: #e9e6f0;--line-strong: #ded9ea;--line-purple: #eae3f8;--purple: #5b20f0;--purple-ink: #7c3aed;--purple-soft: #f4efff;--purple-line: #cbb8f6;--green: #11a75c;--orange: #ff7a1a;--red: #ef1d22;--blue: #0a65ff;--dark: #17141f;--dark-2: #201c2b;--dark-line: rgba(255, 255, 255, .12);--dark-text: rgba(233, 230, 240, .68);--shadow-xs: 0 1px 2px rgba(25, 22, 34, .04);--shadow-sm: 0 1px 3px rgba(25, 22, 34, .05), 0 6px 16px rgba(25, 22, 34, .04);--shadow-md: 0 2px 6px rgba(25, 22, 34, .05), 0 14px 34px rgba(25, 22, 34, .07);--shadow-window: 0 2px 8px rgba(25, 22, 34, .05), 0 24px 60px rgba(25, 22, 34, .1);--radius-sm: 8px;--radius: 12px;--radius-lg: 16px;--radius-xl: 20px;--fs-display: clamp(2.35rem, 5vw, 4rem);--fs-h1: clamp(1.9rem, 3.6vw, 2.85rem);--fs-h2: clamp(1.55rem, 2.7vw, 2.1rem);--fs-h3: clamp(1.08rem, 1.5vw, 1.28rem);--fs-lead: clamp(1rem, 1.25vw, 1.18rem);--fs-body: .975rem;--fs-small: .875rem;--fs-eyebrow: .7rem;--w-heading: 700;--w-medium: 550;--w-body: 450;--section-y: clamp(3.5rem, 5.5vw, 5.5rem);--gutter: clamp(1.15rem, 4vw, 2.5rem);--maxw: 1160px;--maxw-narrow: 720px;--maxw-wide: 1280px;--ease-out: cubic-bezier(.22, 1, .36, 1);font-family:Inter Variable,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,ui-sans-serif,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","ss01";color:var(--ink);background:var(--ground);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:78px}body{margin:0;min-height:100%;font-size:var(--fs-body);font-weight:var(--w-body);line-height:1.62;color:var(--ink);background:var(--ground);overflow-x:hidden}img,svg,video{display:block;max-width:100%}img{height:auto;-webkit-user-drag:none}h1,h2,h3,h4,p,figure,blockquote{margin:0}h1,h2,h3,h4{font-weight:var(--w-heading);line-height:1.14;letter-spacing:-.022em;color:var(--ink);text-wrap:balance}h1{line-height:1.06;letter-spacing:-.028em}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3);line-height:1.3;letter-spacing:-.016em}p{text-wrap:pretty}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;border:0;background:none;-webkit-tap-highlight-color:transparent}ul,ol{margin:0;padding:0;list-style:none}::selection{background:#5b20f029;color:var(--ink)}:focus-visible{outline:2px solid var(--purple);outline-offset:2px;border-radius:4px}*::-webkit-scrollbar{width:12px;height:12px}*::-webkit-scrollbar-track{background:var(--ground-alt)}*::-webkit-scrollbar-thumb{border:3px solid var(--ground-alt);border-radius:999px;background:#cfcadb}*::-webkit-scrollbar-thumb:hover{background:#b3acc6}.wrap{width:100%;max-width:var(--maxw);margin-inline:auto;padding-inline:var(--gutter)}.wrap-narrow{max-width:var(--maxw-narrow)}.wrap-wide{max-width:var(--maxw-wide)}.section{position:relative;padding-block:var(--section-y)}.section-alt{background:var(--ground-alt);border-block:1px solid var(--line)}.section-dark{background:var(--dark);color:var(--dark-text)}.section-dark h2,.section-dark h3,.section-dark h4{color:#fff}.section-head{display:grid;gap:16px;max-width:680px;margin-bottom:clamp(2.4rem,4.5vw,3.6rem)}.section-head.center{margin-inline:auto;text-align:center;justify-items:center}.lead{font-size:var(--fs-lead);line-height:1.58;color:var(--muted);font-weight:var(--w-body)}.section-dark .lead{color:var(--dark-text)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.eyebrow{display:inline-block;font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-ink)}.section-dark .eyebrow{color:#b79bff}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:11px 20px;border-radius:var(--radius-sm);font-weight:var(--w-medium);font-size:.9rem;letter-spacing:-.004em;border:1px solid transparent;white-space:nowrap;transition:background .16s ease,border-color .16s ease,color .16s ease,box-shadow .16s ease}.btn svg{width:16px;height:16px;flex:none}.btn-primary{background:var(--purple);color:#fff}.btn-primary:hover{background:#4a15d4}.btn-ghost{background:#fff;border-color:var(--line-strong);color:var(--ink)}.btn-ghost:hover{border-color:var(--purple-line);background:var(--ground-tint)}.btn-lg{padding:14px 24px;font-size:.95rem;border-radius:10px}.btn-on-dark{background:#ffffff0f;border-color:var(--dark-line);color:#fff}.btn-on-dark:hover{background:#ffffff1c;border-color:#ffffff42}.btn-os{display:inline-flex;align-items:center;gap:12px;padding:11px 22px 11px 18px;text-align:left}.btn-os img{width:22px;height:22px;object-fit:contain;flex:none}.btn-os span{display:grid;line-height:1.2}.btn-os small{font-size:.69rem;font-weight:450;opacity:.68}.btn-os strong{font-size:.95rem;font-weight:600;letter-spacing:-.012em}.btn-os.pending{cursor:default}.btn-os .soon{display:inline-block;margin-left:7px;padding:1px 7px;border-radius:999px;background:var(--purple-soft);color:var(--purple-ink);font-size:.6rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;vertical-align:1px}.btn-on-dark .soon{background:#ffffff24;color:#d9c9ff}.text-link{display:inline-flex;align-items:center;gap:7px;font-weight:var(--w-medium);color:var(--purple-ink);font-size:.92rem;transition:gap .18s var(--ease-out),color .16s ease}.text-link svg{width:15px;height:15px}.text-link:hover{gap:11px;color:var(--purple)}.text-link.on-dark{color:#c4aeff}.text-link.on-dark:hover{color:#fff}.card{position:relative;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;transition:border-color .2s ease,box-shadow .2s ease}.card-hover:hover{border-color:var(--line-strong);box-shadow:var(--shadow-sm)}.icon-tile{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:var(--purple-soft);border:1px solid var(--line-purple);color:var(--purple-ink);flex:none}.icon-tile svg{width:20px;height:20px}.icon-tile.solid{background:var(--purple);border-color:transparent;color:#fff}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:var(--fs-small);font-weight:var(--w-medium);color:var(--ink-soft)}.pill img{width:16px;height:16px;object-fit:contain}.dot{width:7px;height:7px;border-radius:999px;flex:none;background:var(--green)}.dot.running{background:var(--green);animation:pulse-dot 2.6s var(--ease-out) infinite}.dot.waiting{background:var(--orange)}.dot.idle{background:var(--blue)}.dot.stopped{background:var(--red)}@keyframes pulse-dot{0%{box-shadow:0 0 #11a75c66}70%{box-shadow:0 0 0 6px #11a75c00}to{box-shadow:0 0 #11a75c00}}.note{display:flex;align-items:flex-start;gap:11px;padding:13px 16px;border-radius:var(--radius-sm);border:1px solid var(--line);border-left:2px solid var(--purple);background:var(--ground-tint);font-size:var(--fs-small);color:var(--muted);line-height:1.55}.note svg{width:16px;height:16px;flex:none;margin-top:2px;color:var(--purple-ink)}.note strong{color:var(--ink);font-weight:600}.window{position:relative;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line-strong);box-shadow:var(--shadow-window);overflow:hidden}.window-bar{display:flex;align-items:center;gap:12px;padding:10px 14px;border-bottom:1px solid var(--line);background:var(--ground-alt)}.window-lights{display:flex;gap:6px;flex:none}.window-lights i{width:10px;height:10px;border-radius:999px}.window-lights i:nth-child(1){background:#ff5f57}.window-lights i:nth-child(2){background:#febc2e}.window-lights i:nth-child(3){background:#28c840}.window-title{display:flex;align-items:center;gap:7px;font-size:.76rem;font-weight:var(--w-medium);color:var(--muted)}.window-title img{width:15px;height:15px;object-fit:contain}.window img.shot{display:block;width:100%}.js .reveal{opacity:0;transform:translateY(16px);transition:opacity .62s var(--ease-out),transform .62s var(--ease-out);transition-delay:var(--reveal-delay, 0ms);will-change:opacity,transform}.js .reveal.in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.js .reveal{opacity:1;transform:none}}.nav{position:fixed;inset:0 0 auto 0;z-index:90;border-bottom:1px solid transparent;transition:background .26s ease,border-color .26s ease}.nav.stuck{background:#ffffffdb;backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom-color:var(--line)}.nav-inner{display:flex;align-items:center;gap:20px;height:62px}.nav-brand{display:flex;align-items:center;gap:9px;flex:none}.nav-brand img{width:26px;height:26px;object-fit:contain}.nav-brand span{display:grid;line-height:1.16}.nav-brand strong{font-size:.94rem;font-weight:600;letter-spacing:-.016em;color:var(--ink)}.nav-brand small{font-size:.62rem;font-weight:450;color:var(--muted-2)}.nav-links{display:flex;align-items:center;gap:2px;margin-inline:auto}.nav-links a{padding:6px 11px;border-radius:6px;font-size:.81rem;font-weight:480;color:var(--muted);transition:background .16s ease,color .16s ease}.nav-links a:hover{background:var(--ground-alt);color:var(--ink)}.nav-actions{display:flex;align-items:center;gap:7px;flex:none}.nav-icon-link{display:grid;place-items:center;width:31px;height:31px;border-radius:6px;color:var(--muted);transition:background .16s ease,color .16s ease}.nav-icon-link svg{width:16px;height:16px}.nav-icon-link:hover{background:var(--ground-alt);color:var(--ink)}.nav-cta{padding:7px 14px;font-size:.8rem;gap:7px}.nav-cta svg{width:14px;height:14px}.nav-burger{display:none;width:33px;height:33px;place-items:center;border-radius:7px;border:1px solid var(--line-strong);background:#fff;color:var(--ink)}.nav-burger svg{width:18px;height:18px}.nav-sheet{display:none;flex-direction:column;gap:2px;padding:12px var(--gutter) 24px;background:#fff;border-bottom:1px solid var(--line)}.nav-sheet a:not(.btn){padding:13px 4px;font-weight:var(--w-medium);font-size:.97rem;border-bottom:1px solid var(--line)}.nav-sheet .btn{margin-top:14px}.hero{position:relative;padding-top:clamp(7.25rem,10vw,7.75rem);padding-bottom:var(--section-y)}.hero-copy{display:grid;justify-items:center;text-align:center;gap:20px;max-width:860px;margin-inline:auto}.hero-badge{display:inline-flex;align-items:center;padding:6px 15px;border-radius:999px;background:#fff;border:1px solid var(--line-strong);font-size:.8rem;font-weight:var(--w-body);color:var(--muted);transition:color .16s ease,border-color .16s ease}.hero-badge:hover{color:var(--ink);border-color:var(--purple-line)}.hero h1{font-size:var(--fs-display);font-weight:var(--w-heading);letter-spacing:-.032em;line-height:1.04}.hero h1 em{font-style:normal;color:var(--purple)}.hero-lead{max-width:620px}.hero-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px}.hero-trust li{display:inline-flex;align-items:center;gap:7px;font-size:.84rem;font-weight:var(--w-body);color:var(--muted)}.hero-trust svg{width:15px;height:15px;color:var(--muted-2)}.dl-group{display:grid;justify-items:center;gap:11px}.dl-row{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.dl-meta{font-size:.78rem;font-weight:var(--w-body);color:var(--muted-2)}.dl-meta.on-dark{color:#d6ddf580}.hero-shot{position:relative;margin-top:26px}.hero-callout{position:absolute;display:flex;align-items:center;gap:10px;padding:11px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line-strong);box-shadow:var(--shadow-md)}.hero-callout span:last-child{display:grid;line-height:1.24}.hero-callout strong{font-size:.87rem;font-weight:600;letter-spacing:-.012em;color:var(--ink)}.hero-callout small{font-size:.74rem;color:var(--muted)}.callout-a{top:15%;left:-2.5%}.callout-b{bottom:13%;right:-2%}.hero-caption{margin-top:22px;text-align:center}.hero-caption p{font-size:.9rem;color:var(--muted)}.hero-caption em{font-style:normal;color:var(--ink);font-weight:var(--w-medium)}.marquee-section{padding-block:clamp(2.5rem,4vw,3.5rem);border-block:1px solid var(--line);background:var(--ground-alt);overflow:hidden}.marquee-head{display:grid;justify-items:center;text-align:center;gap:12px;margin-bottom:30px}.marquee-label{font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--purple-ink)}.marquee-head h2{max-width:560px}.marquee{position:relative;display:grid;gap:12px;mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee-track{display:flex;width:max-content;animation:marquee 58s linear infinite}.marquee-track.reverse{animation-direction:reverse;animation-duration:66s}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track ul{display:flex;gap:12px;padding-right:12px}.marquee-track li{display:inline-flex;align-items:center;gap:9px;padding:11px 20px;border-radius:999px;background:#fff;border:1px solid var(--line);font-size:.9rem;font-weight:var(--w-body);color:var(--ink-soft);white-space:nowrap}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.how-layout{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.how-copy{display:grid;gap:18px;justify-items:start}.how-points{display:grid;gap:16px;margin-top:4px}.how-points li{display:grid;grid-template-columns:40px 1fr;gap:14px;align-items:start}.how-points strong{display:block;font-size:1rem;font-weight:600;letter-spacing:-.014em;margin-bottom:2px}.how-points small{display:block;font-size:.91rem;line-height:1.55;color:var(--muted)}.how-shot-note{display:inline-flex;align-items:center;gap:9px;margin-top:16px;padding:10px 16px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line);font-size:.85rem;color:var(--muted)}.chats-layout{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2.5rem,5vw,4.5rem);align-items:center}.chats-copy{display:grid;gap:18px;justify-items:start}.chats-list{display:grid;gap:10px}.chats-list li,.teach-points li,.cost-body li{display:flex;align-items:flex-start;gap:10px;font-size:.93rem;font-weight:var(--w-body);color:var(--ink-soft)}.chats-list svg,.teach-points svg,.cost-body li svg{width:16px;height:16px;flex:none;margin-top:3px;color:var(--green)}.chats-note{font-size:.9rem;color:var(--muted)}.stop-band{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:clamp(1.5rem,3vw,3rem);align-items:center;margin-top:clamp(2.5rem,5vw,4rem);padding:clamp(1.8rem,3.5vw,2.8rem);border:1px solid var(--line);border-radius:var(--radius-xl);background:var(--ground-alt)}.stop-band-copy{display:grid;gap:10px}.stop-band-copy p{font-size:.95rem;line-height:1.6;color:var(--muted);max-width:60ch}.run-demo{display:grid;gap:12px;padding:16px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);min-width:0}.run-demo-avatar{width:40px;height:40px;flex:none;border-radius:9px;border:1px solid var(--line);background:var(--ground-alt);image-rendering:pixelated}.run-demo-who{display:grid;line-height:1.2;min-width:0}.run-demo-status{display:inline-flex;align-items:center;gap:6px;margin-left:auto;font-size:.75rem;font-weight:var(--w-medium);color:var(--green);white-space:nowrap}.run-demo-status.is-stopped{color:var(--red)}.run-demo-head{display:flex;align-items:center;gap:10px}.run-demo-head strong{font-size:.95rem;font-weight:600;color:var(--ink)}.run-demo-head small{font-size:.78rem;color:var(--muted)}.run-demo-task{display:flex;align-items:baseline;justify-content:space-between;gap:12px;font-size:.85rem;color:var(--muted)}.run-demo-task span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.run-demo-task b{font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}.run-demo-bar{height:7px;border-radius:999px;background:var(--ground-alt);border:1px solid var(--line);overflow:hidden}.run-demo-bar i{display:block;height:100%;background:var(--purple);transition:width .12s linear}.run-demo-bar i.is-stopped{background:var(--red)}.run-demo-controls{display:flex;gap:9px}.run-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;flex:1;padding:10px 16px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:#fff;font-size:.87rem;font-weight:var(--w-medium);transition:border-color .16s ease,background .16s ease,opacity .16s ease}.run-btn svg{width:13px;height:13px}.run-btn.play{color:var(--green)}.run-btn.is-live{opacity:1;border-color:#11a75c57;background:#11a75c0f}.run-btn.is-live svg{animation:bars-pulse 1.1s ease-in-out infinite}@keyframes bars-pulse{0%,to{transform:scaleY(.72)}50%{transform:scaleY(1)}}.run-btn.stop{color:var(--red)}.run-btn:not(:disabled):hover{background:var(--ground-alt)}.run-btn.play:not(:disabled):hover{border-color:#11a75c66}.run-btn.stop:not(:disabled):hover{border-color:#ef1d2266}.run-btn:disabled{opacity:.4;cursor:default}.steps-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-bottom:clamp(2.5rem,5vw,4rem)}.step-card{position:relative;padding:24px 20px 26px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);cursor:default;transition:border-color .22s ease,box-shadow .22s ease}.step-card.active{border-color:var(--purple-line);box-shadow:var(--shadow-sm)}.step-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.step-glyph{display:grid;place-items:center;width:42px;height:42px;border-radius:11px;background:var(--purple-soft);border:1px solid var(--line-purple);color:var(--purple-ink);transition:background .22s ease,color .22s ease,border-color .22s ease}.step-glyph svg{width:21px;height:21px}.step-card.active .step-glyph{background:var(--purple);border-color:transparent;color:#fff}.step-num{font-size:.78rem;font-weight:600;color:#d5d0e0}.step-card h3{font-size:1.1rem;margin-bottom:3px}.step-formal{display:inline-block;font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-ink);margin-bottom:10px}.step-card p{font-size:.89rem;line-height:1.55;color:var(--muted)}.builder{padding:clamp(1.6rem,3vw,2.6rem);border-radius:var(--radius-xl);background:var(--ground-alt);border:1px solid var(--line)}.builder-head{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;margin-bottom:24px}.builder-head h3{margin-top:8px;max-width:600px;font-size:clamp(1.15rem,1.9vw,1.45rem)}.builder-replay{flex:none;padding:9px 16px;font-size:.86rem}.builder-replay svg{width:13px;height:13px}.builder-replay:disabled{opacity:.4;cursor:default}.builder-stage{display:grid;gap:clamp(1.4rem,2.5vw,2.2rem)}.skill-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);overflow:hidden}.skill-card-head{display:flex;align-items:center;gap:13px;padding:18px 22px;border-bottom:1px solid var(--line)}.skill-card-head>span:nth-child(2){display:grid;line-height:1.26}.skill-card-head small{font-size:.63rem;font-weight:700;letter-spacing:.12em;color:var(--purple-ink)}.skill-card-head strong{font-size:1.04rem;font-weight:600;letter-spacing:-.018em}.skill-assign{display:inline-flex;align-items:center;gap:8px;margin-left:auto;padding:6px 13px;border-radius:999px;border:1px solid var(--line);font-size:.78rem;font-weight:var(--w-body);color:var(--muted);white-space:nowrap}.skill-steps{padding:10px 12px;display:grid;gap:2px}.skill-step{display:grid;grid-template-columns:24px 34px 1fr;gap:12px;align-items:center;padding:12px 11px;border-radius:10px;border:1px solid transparent;opacity:0;transform:translateY(8px);transition:opacity .38s var(--ease-out),transform .38s var(--ease-out),background .24s ease}.skill-step.in{opacity:1;transform:none;background:var(--ground-alt);border-color:var(--line)}.skill-step.in.dim{opacity:.34}.skill-step-num{display:grid;place-items:center;width:24px;height:24px;border-radius:999px;background:var(--purple);color:#fff;font-size:.73rem;font-weight:600}.skill-step-glyph{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid var(--line);color:var(--purple-ink)}.skill-step-glyph svg{width:18px;height:18px}.skill-step.type-ai .skill-step-glyph{color:#8b3cff}.skill-step.type-condition .skill-step-glyph{color:var(--blue)}.skill-step.type-wait .skill-step-glyph{color:var(--orange)}.skill-step.type-approval .skill-step-glyph{color:var(--green)}.skill-step-body{display:grid;gap:2px;min-width:0}.skill-step-body b{font-size:.64rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.skill-step-body>span{font-size:.93rem;font-weight:var(--w-body);line-height:1.44;color:var(--ink)}.skill-footer{display:flex;align-items:center;gap:11px;padding:16px 22px;border-top:1px solid var(--line);font-size:.89rem;color:var(--muted);transition:background .3s ease}.skill-footer svg{width:17px;height:17px;flex:none;color:var(--green)}.skill-footer.done{background:#11a75c0d}.skill-footer strong{color:var(--ink);font-weight:600}.builder-spinner{width:15px;height:15px;flex:none;border-radius:999px;border:2px solid var(--line-strong);border-top-color:var(--purple);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.teach-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:clamp(2rem,4vw,3rem)}.teach-card{display:grid;gap:13px;align-content:start;padding:30px;border-radius:var(--radius-xl);background:#fff;border:1px solid var(--line);cursor:pointer;transition:border-color .22s ease,box-shadow .22s ease}.teach-card.active{border-color:var(--purple-line);box-shadow:var(--shadow-sm)}.teach-card-head{display:flex;align-items:center;gap:14px}.teach-card-head h3{font-size:clamp(1.3rem,2vw,1.65rem)}.teach-hook{font-size:1.05rem;font-weight:var(--w-medium);letter-spacing:-.012em;color:var(--ink)}.teach-body{font-size:.94rem;line-height:1.6;color:var(--muted)}.teach-points{display:grid;gap:8px;margin-top:2px}.teach-best{display:inline-block;margin-top:6px;padding:7px 13px;border-radius:999px;background:var(--purple-soft);color:var(--purple-ink);font-size:.79rem;font-weight:var(--w-medium);width:fit-content}.teach-extras{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:clamp(1.6rem,3vw,2.4rem)}.teach-extra{display:grid;gap:12px;align-content:start;padding:28px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line)}.teach-extra p{font-size:.93rem;line-height:1.62;color:var(--muted)}.teach-extra strong{color:var(--ink);font-weight:600}.teach-extra code,.flow-folder code{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,Consolas,monospace;font-size:.86em;padding:1px 6px;border-radius:5px;background:var(--ground-alt);border:1px solid var(--line);color:var(--ink-soft)}.ws-shot{margin-bottom:clamp(2rem,4vw,3rem)}.ws-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.ws-card{display:grid;gap:10px;align-content:start;padding:26px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line);transition:border-color .2s ease}.ws-card:hover{border-color:var(--line-strong)}.ws-label{font-size:var(--fs-eyebrow);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted-2)}.ws-card h3{font-size:1.06rem}.ws-card p{font-size:.91rem;line-height:1.6;color:var(--muted)}.ws-loops{margin-top:clamp(1.6rem,3vw,2.4rem);padding:clamp(1.8rem,3.5vw,2.6rem);border-radius:var(--radius-xl);background:var(--ground-alt);border:1px solid var(--line);display:grid;gap:22px}.ws-loops-head{display:flex;align-items:flex-start;gap:16px}.ws-loops-head>div{display:grid;gap:7px}.ws-loops-head p{font-size:.94rem;line-height:1.6;color:var(--muted);max-width:62ch}.ws-loop-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.ws-loop-list li{display:grid;grid-template-columns:26px 1fr;gap:13px;align-items:start;padding:16px 18px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.ws-loop-list li>span:last-child{display:grid;gap:2px}.ws-loop-num{display:grid;place-items:center;width:26px;height:26px;border-radius:999px;background:var(--purple-soft);border:1px solid var(--line-purple);color:var(--purple-ink);font-size:.75rem;font-weight:600}.ws-loop-list strong{font-size:.94rem;font-weight:600;letter-spacing:-.01em}.ws-loop-list small{font-size:.86rem;line-height:1.5;color:var(--muted)}.scale-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.scale-tab{display:flex;align-items:center;gap:13px;padding:14px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line);text-align:left;transition:border-color .2s ease,background .2s ease}.scale-tab:hover{border-color:var(--line-strong)}.scale-tab.active{border-color:var(--purple-line);background:var(--ground-tint)}.scale-tab-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;flex:none;background:var(--purple-soft);border:1px solid var(--line-purple);color:var(--purple-ink);transition:background .2s ease,color .2s ease}.scale-tab-icon svg{width:19px;height:19px}.scale-tab.active .scale-tab-icon{background:var(--purple);border-color:transparent;color:#fff}.scale-tab-label{display:grid;line-height:1.26;min-width:0}.scale-tab-label small{font-size:.66rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.scale-tab-label strong{font-size:.96rem;font-weight:600;letter-spacing:-.014em}.scale-panel{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:clamp(1.8rem,3.5vw,3rem);align-items:center;padding:clamp(1.6rem,3vw,2.6rem);border-radius:var(--radius-xl);background:var(--ground-alt);border:1px solid var(--line)}.scale-copy{display:grid;gap:14px;justify-items:start}.scale-stat{display:inline-block;padding:6px 13px;border-radius:999px;background:var(--purple);color:#fff;font-size:.75rem;font-weight:var(--w-medium)}.scale-copy h3{font-size:clamp(1.25rem,2.1vw,1.65rem)}.scale-copy p{color:var(--muted);font-size:.96rem;line-height:1.62}.scale-diagram{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}.scale-node{width:20px;height:20px;border-radius:6px;background:var(--purple-soft);border:1px solid var(--line-purple);animation:pop-in .36s var(--ease-out) backwards;animation-delay:calc(var(--i) * 40ms)}@keyframes pop-in{0%{opacity:0;transform:scale(.6)}}.flow-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(2rem,4vw,3.5rem);align-items:center;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.8rem,3.5vw,2.8rem);border-radius:var(--radius-xl);border:1px solid var(--line)}.flow-head{display:grid;gap:12px}.flow-head p{font-size:.95rem;line-height:1.62;color:var(--muted)}.flow-chain{display:grid;gap:0}.flow-node{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 16px;border-radius:var(--radius);background:#fff;border:1px solid var(--line)}.flow-worker{display:inline-flex;align-items:center;gap:9px;font-size:.94rem;font-weight:600;color:var(--ink)}.flow-worker small{font-weight:var(--w-body);color:var(--muted);font-size:.83rem}.flow-folder{display:inline-flex;align-items:center;gap:8px;color:var(--muted-2)}.flow-folder svg{width:15px;height:15px;flex:none}.flow-arrow{display:flex;align-items:center;gap:8px;padding:8px 0 8px 18px;color:var(--muted-2)}.flow-arrow svg{width:15px;height:15px}.flow-arrow small{font-size:.78rem}.control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;align-items:stretch}.control-card{display:grid;grid-template-rows:auto 1fr;gap:18px;padding:0;overflow:hidden;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius-lg)}.control-card.wide{grid-column:span 3;grid-template-rows:none;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);align-items:center;gap:clamp(1.5rem,3vw,2.5rem)}.control-card-copy{display:grid;gap:11px;justify-items:start;align-content:start;padding:26px 26px 0}.control-card.wide .control-card-copy{padding:clamp(1.8rem,3vw,2.8rem)}.control-card-copy p{font-size:.92rem;line-height:1.58;color:var(--muted)}.control-card-shot{position:relative;display:block;width:100%;padding:0 26px 26px;text-align:left;align-self:end}.control-card-shot img{width:100%;height:168px;object-fit:cover;object-position:top left;border-radius:10px;border:1px solid var(--line);transition:border-color .2s ease}.control-card-shot:hover img{border-color:var(--purple-line)}.control-card-zoom{position:absolute;right:36px;bottom:36px;display:grid;place-items:center;width:30px;height:30px;border-radius:8px;background:#191622b8;color:#fff;opacity:0;transition:opacity .2s ease;pointer-events:none}.control-card-zoom svg{width:16px;height:16px}.control-card-shot:hover .control-card-zoom,.control-card-shot:focus-visible .control-card-zoom{opacity:1}.control-card.wide .control-card-shot{align-self:stretch;display:flex;align-items:center;justify-content:center;padding:clamp(1.6rem,3vw,2.4rem);background:var(--ground-alt);border-left:1px solid var(--line)}.control-card.wide .control-card-shot img{width:auto;max-width:100%;height:auto;max-height:400px;object-fit:contain;box-shadow:var(--shadow-md)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:grid;place-items:center;padding:clamp(1rem,4vw,3rem);background:#100e17d1;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);animation:lightbox-in .18s var(--ease-out)}@keyframes lightbox-in{0%{opacity:0}}.lightbox img{max-width:100%;max-height:100%;width:auto;border-radius:var(--radius);border:1px solid rgba(255,255,255,.16);box-shadow:0 40px 90px #00000073;cursor:default}.lightbox-close{position:absolute;top:clamp(.8rem,2vw,1.6rem);right:clamp(.8rem,2vw,1.6rem);display:grid;place-items:center;width:38px;height:38px;border-radius:9px;background:#ffffff1f;border:1px solid rgba(255,255,255,.2);color:#fff;transition:background .18s ease}.lightbox-close:hover{background:#ffffff38}.lightbox-close svg{width:19px;height:19px}.cost-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:9px;margin-bottom:24px}.cost-tab{display:inline-flex;align-items:center;gap:9px;padding:11px 19px;border-radius:999px;border:1px solid var(--line);background:#fff;font-size:.9rem;font-weight:var(--w-body);color:var(--ink-soft);transition:border-color .18s ease,background .18s ease,color .18s ease}.cost-tab svg{width:16px;height:16px;color:var(--muted-2);transition:color .18s ease}.cost-tab:hover{border-color:var(--line-strong)}.cost-tab.active{background:var(--purple);border-color:transparent;color:#fff;font-weight:var(--w-medium)}.cost-tab.active svg{color:#fff}.cost-panel{display:grid;grid-template-columns:230px minmax(0,1fr);gap:clamp(1.6rem,3.5vw,3rem);align-items:start;padding:clamp(1.6rem,3vw,2.6rem);border-radius:var(--radius-xl);background:#fff;border:1px solid var(--line)}.cost-aside{display:grid;justify-items:start;gap:7px;padding:24px;border-radius:var(--radius-lg);background:var(--ground-tint);border:1px solid var(--line-purple)}.cost-aside .icon-tile{margin-bottom:6px}.cost-aside strong{font-size:1.15rem;font-weight:600;letter-spacing:-.018em;line-height:1.25;color:var(--ink)}.cost-aside small{font-size:.83rem;line-height:1.5;color:var(--muted)}.cost-body{display:grid;gap:14px;align-content:start}.cost-body h3{font-size:clamp(1.15rem,1.9vw,1.5rem)}.cost-body>p{font-size:.96rem;line-height:1.64;color:var(--muted)}.cost-body ul{display:grid;gap:8px}.cost-logos{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:28px}.cost-logo-row{display:flex;flex-wrap:wrap;gap:9px}.wizzy{background:var(--ground-tint);border-block:1px solid var(--line-purple)}.wizzy-layout{display:grid;grid-template-columns:minmax(0,.72fr) minmax(0,1.28fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}.wizzy-portrait{display:grid;justify-items:center}.wizzy-portrait img,.wizzy-portrait .wizzy-stage{animation:wizzy-float 7s ease-in-out infinite}.wizzy-portrait img{width:min(100%,330px);height:auto}@keyframes wizzy-float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}.wizzy-copy{display:grid;gap:16px;justify-items:start}.wizzy-copy p{font-size:.97rem;line-height:1.68;color:var(--muted);max-width:62ch}.wizzy-sign{font-weight:var(--w-medium);color:var(--purple-ink)!important}.wizzy-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px;margin-top:4px}.wizzy-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:clamp(2rem,3.5vw,2.8rem)}.wizzy-fact{display:grid;gap:5px;align-content:start;padding:24px 26px;border-radius:var(--radius-lg);background:#fff;border:1px solid var(--line)}.wizzy-fact .icon-tile{margin-bottom:8px}.wizzy-fact strong{font-size:1.18rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.wizzy-fact-label{font-size:.85rem;color:var(--purple-ink)}.wizzy-fact p{margin-top:5px;font-size:.9rem;line-height:1.55;color:var(--muted)}.ws-verified{display:flex;align-items:flex-start;gap:11px;padding:14px 16px;border-radius:var(--radius-sm);background:#11a75c0f;border:1px solid rgba(17,167,92,.22)}.ws-verified .dot{margin-top:7px}.ws-verified p{font-size:var(--fs-small);line-height:1.58;color:var(--muted)}.ws-verified strong{color:#0c7d45;font-weight:600}.footer-socials{display:flex;gap:8px}.footer-social{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--dark-line);color:#e2e7fab3;transition:background .2s ease,color .2s ease}.footer-social svg{width:17px;height:17px}.footer-social:hover{background:#ffffff12;color:#fff}.faq-list{display:grid;gap:10px}.faq-item{border-radius:var(--radius);background:#fff;border:1px solid var(--line);overflow:hidden;transition:border-color .22s ease}.faq-item.open{border-color:var(--purple-line)}.faq-q{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:18px 22px;text-align:left;font-size:1rem;font-weight:var(--w-medium);letter-spacing:-.012em;color:var(--ink)}.faq-mark{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:7px;background:var(--ground-alt);color:var(--muted);transition:transform .28s var(--ease-out),background .22s ease,color .22s ease}.faq-mark svg{width:16px;height:16px}.faq-item.open .faq-mark{transform:rotate(45deg);background:var(--purple);color:#fff}.faq-a{padding:0 22px 20px}.faq-a p{max-width:64ch;font-size:.94rem;line-height:1.65;color:var(--muted)}.download{background:var(--dark);color:var(--dark-text);text-align:center}.download-inner{display:grid;justify-items:center;gap:22px;max-width:720px;margin-inline:auto}.download-logo{width:58px;height:58px;object-fit:contain}.download h2{font-size:var(--fs-h1);color:#fff}.download .lead{max-width:520px}.download-reassure{display:flex;flex-wrap:wrap;justify-content:center;gap:9px 22px;margin-top:2px}.download-reassure li{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;color:#dee4fa99}.download-reassure svg{width:15px;height:15px;color:#dee4fa66}.download-mac-note{margin-top:6px;font-size:.85rem;color:#d6ddf573;max-width:460px}.download-mac-note a{color:#c4aeff;text-decoration:underline;text-underline-offset:3px}.footer{background:#100e17;color:#d6ddf58c;padding-top:clamp(2.8rem,5vw,4rem);border-top:1px solid var(--dark-line)}.footer-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.5fr);gap:clamp(2rem,5vw,4rem);padding-bottom:40px}.footer-brand{display:grid;gap:14px;justify-items:start;align-content:start;max-width:320px}.footer-brand p{font-size:.89rem;line-height:1.6}.footer .nav-brand strong{color:#fff}.footer .nav-brand small{color:#d6ddf573}.footer-gh{display:grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid var(--dark-line);color:#e2e7fab3;transition:background .2s ease,color .2s ease}.footer-gh svg{width:17px;height:17px}.footer-gh:hover{background:#ffffff12;color:#fff}.footer-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}.footer-cols h4{font-size:.7rem;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:#d6ddf566;margin-bottom:13px}.footer-cols ul{display:grid;gap:9px}.footer-cols a{font-size:.9rem;transition:color .18s ease}.footer-cols a:hover{color:#fff}.footer-base{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;padding-block:20px;border-top:1px solid var(--dark-line);font-size:.8rem;color:#d6ddf561}@media(max-width:1180px){.steps-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.ws-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:1080px){.builder-stage{grid-template-columns:minmax(0,1fr)}.scale-tabs,.control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.control-card.wide{grid-column:span 2}}@media(max-width:900px){.steps-grid,.wizzy-facts{grid-template-columns:repeat(2,minmax(0,1fr))}.teach-grid,.teach-extras,.ws-loop-list{grid-template-columns:minmax(0,1fr)}.nav-links{display:none}.nav-burger{display:grid}.nav-sheet{display:flex}.nav-cta{display:none}.how-layout,.chats-layout,.wizzy-layout,.scale-panel,.cost-panel,.flow-band,.footer-inner,.stop-band{grid-template-columns:minmax(0,1fr)}.cost-aside{justify-items:center;text-align:center}.control-card.wide{grid-template-columns:minmax(0,1fr)}.control-card.wide .control-card-shot{border-left:0;border-top:1px solid var(--line)}.hero-callout{display:none}}@media(max-width:720px){.teach-grid,.control-grid,.ws-grid,.wizzy-facts{grid-template-columns:minmax(0,1fr)}.control-card.wide{grid-column:span 1}.scale-tabs{grid-template-columns:minmax(0,1fr)}.builder-head{flex-direction:column;align-items:flex-start;gap:14px}.skill-card-head{flex-wrap:wrap;gap:11px}.skill-assign{margin-left:0}.skill-step{grid-template-columns:22px 1fr;row-gap:7px}.skill-step-glyph{display:none}.flow-node{flex-direction:column;align-items:flex-start;gap:9px}.footer-cols{grid-template-columns:repeat(2,minmax(0,1fr))}.dl-row{width:100%;flex-direction:column}.dl-row>*{width:100%}}@media(max-width:640px){.steps-grid{grid-template-columns:minmax(0,1fr)}}.spawner-band{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:clamp(1.8rem,4vw,3.2rem);align-items:center;margin-top:clamp(2rem,4vw,3rem);padding:clamp(1.8rem,3.5vw,2.8rem);border-radius:var(--radius-xl);background:var(--ground-tint);border:1px solid var(--line-purple)}.spawner-copy{display:grid;gap:12px;justify-items:start}.spawner-copy p{font-size:.95rem;line-height:1.62;color:var(--muted)}.spawner-steps{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px}.spawner-steps li{display:inline-flex;align-items:baseline;gap:7px;padding:9px 14px;border-radius:var(--radius-sm);background:#fff;border:1px solid var(--line)}.spawner-steps b{font-size:.95rem;font-weight:600;color:var(--ink)}.spawner-steps small{font-size:.78rem;color:var(--muted)}.spawner-live{align-items:center!important;gap:9px!important;font-size:.85rem;color:var(--muted)}.spawner-shot img{width:100%;border-radius:var(--radius);border:1px solid var(--line);box-shadow:var(--shadow-sm)}@media(max-width:900px){.spawner-band{grid-template-columns:minmax(0,1fr)}}.teach-shot{position:relative}.teach-recorder{position:absolute;top:50%;left:50%;width:clamp(190px,26%,320px);border-radius:var(--radius);border:1px solid var(--line-strong);box-shadow:var(--shadow-window);overflow:hidden;cursor:grab;touch-action:none;-webkit-user-select:none;user-select:none;transition:box-shadow .2s ease}.teach-recorder.dragging{cursor:grabbing;box-shadow:0 30px 70px #19162247}.teach-recorder img{display:block;width:100%;pointer-events:none}.teach-recorder-hint{position:absolute;left:50%;bottom:10px;transform:translate(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;background:#191622d1;color:#fff;font-size:.7rem;font-weight:var(--w-medium);white-space:nowrap;pointer-events:none;transition:opacity .3s ease}.teach-recorder-hint svg{width:13px;height:13px}.teach-recorder-hint.hidden{opacity:0}.steps-verdict{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:8px;width:min(100%,620px);border-radius:var(--radius-lg);border:1px solid var(--line);background:var(--line);overflow:hidden;text-align:center}.steps-verdict-cell{display:grid;gap:4px;justify-items:center;padding:22px 20px;background:var(--ground-alt)}.steps-verdict-cell span{font-size:.68rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted-2)}.steps-verdict-cell b{font-size:clamp(2rem,4vw,2.9rem);font-weight:var(--w-heading);letter-spacing:-.04em;line-height:1;color:var(--muted)}.steps-verdict-cell small{font-size:.83rem;line-height:1.45;color:var(--muted);max-width:22ch}.steps-verdict-cell.win{background:#fff}.steps-verdict-cell.win span{color:var(--purple-ink)}.steps-verdict-cell.win b{color:var(--purple)}.steps-verdict-cell.win small{color:var(--ink-soft)}@media(max-width:560px){.steps-verdict{grid-template-columns:minmax(0,1fr)}}.wizzy-stage{position:relative;width:min(100%,300px);aspect-ratio:1;opacity:0;transition:opacity .5s var(--ease-out)}.wizzy-stage.ready{opacity:1}.wizzy-model{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;--poster-color: transparent;--progress-bar-height: 0px;background:transparent;opacity:0;transition:opacity .38s var(--ease-out);pointer-events:none}.wizzy-model.showing{opacity:1}
