:root{--ink:#17213b;--ink-soft:#394866;--muted:#66748f;--blue:#3564f4;--blue-dark:#2449c6;--blue-pale:#edf2ff;--violet:#7556dc;--violet-pale:#f1edff;--amber:#d8790b;--amber-pale:#fff2da;--green:#16845f;--green-pale:#e6f7ef;--red:#d94b5b;--pink:#d45a94;--paper:#fbfcff;--sky:#f4f7fc;--line:#dce3ef;--line-strong:#c8d2e3;--white:#fff;--font-display:ui-rounded,"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--font-body:"Avenir Next",Avenir,"Helvetica Neue",Arial,sans-serif;--font-mono:"SFMono-Regular",Consolas,"Liberation Mono",monospace;--ease-out-ui:cubic-bezier(.23,1,.32,1);--ease-move-ui:cubic-bezier(.77,0,.175,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);text-rendering:optimizelegibility;margin:0}button,textarea{color:inherit;font:inherit}button{cursor:pointer}a:focus-visible,button:focus-visible,textarea:focus-visible{outline-offset:3px;outline:3px solid #3564f43d}a{color:inherit;text-decoration:none}svg{display:block}::selection{background:var(--blue);color:var(--white)}.site-header{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:20;background:#fbfcffe0;border-bottom:1px solid #dce3efe6;justify-content:space-between;height:64px;padding:0 max(24px,50vw - 560px);position:sticky;top:0}.site-header,.wordmark{align-items:center;display:flex}.wordmark{letter-spacing:-.01em;gap:9px;font-size:14px;font-weight:750}.wordmark>span{background:var(--ink);color:var(--white);border-radius:9px;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.wordmark svg{width:15px}.site-header nav{gap:27px;display:flex}.site-header nav a{color:var(--muted);font-size:13px;font-weight:650;transition:color .15s}.site-header nav a:focus-visible,.site-header nav a:hover{color:var(--blue)}.hero{grid-template-columns:minmax(0,1.05fr) minmax(380px,.95fr);gap:clamp(52px,8vw,100px);max-width:1120px;margin:0 auto;padding:104px 0 126px;display:grid}.hero-copy{align-self:center;min-width:0}.lesson-label{color:var(--blue);font-family:var(--font-mono);letter-spacing:.09em;text-transform:uppercase;margin:0 0 20px;font-size:10px;font-weight:800}.hero h1{font-family:var(--font-display);letter-spacing:-.072em;margin:0;font-size:clamp(60px,7.5vw,104px);font-weight:720;line-height:.91}.hero h1 span{color:var(--blue);display:block}.hero-deck{color:var(--ink-soft);letter-spacing:-.022em;max-width:610px;margin:34px 0 30px;font-size:clamp(18px,1.8vw,22px);line-height:1.55}.start-link{border-bottom:1px solid var(--ink);align-items:center;gap:38px;padding:0 0 7px;font-size:14px;font-weight:750;display:inline-flex}.start-link span{color:var(--blue);transition:transform .18s var(--ease-out-ui)}.start-link:hover span{transform:translateY(3px)}.hero-playground{background:radial-gradient(circle at 90% 10%,#7556dc21,transparent 36%),var(--white);border:1px solid var(--line);border-radius:28px;align-self:center;min-height:470px;padding:18px;position:relative;overflow:hidden;box-shadow:0 30px 70px #2c3a611f,0 2px 8px #2c3a610d}.hero-playground:after{content:"";pointer-events:none;border:1px solid #3564f41f;border-radius:50%;width:220px;height:220px;position:absolute;top:-120px;right:-110px}.hero-tabs{grid-template-columns:repeat(3,1fr);gap:6px;display:grid}.hero-tabs button{color:#9aa5b8;font-family:var(--font-mono);min-height:58px;transition:background-color .16s ease,color .16s ease,transform .14s var(--ease-out-ui);background:0 0;border:0;border-radius:12px;flex-direction:column;align-items:center;gap:7px;padding:9px 6px;font-size:10px;display:flex}.hero-tabs button span{font-family:var(--font-body);font-size:10px;font-weight:700}.hero-tabs button.active{background:var(--blue-pale);color:var(--blue)}.hero-tabs button:active{transform:scale(.97)}.hero-request{background:var(--ink);color:var(--white);border-radius:19px;grid-template-columns:40px minmax(0,1fr);align-items:flex-start;gap:16px;min-height:196px;margin-top:17px;padding:27px;display:grid;position:relative}.hero-request-icon{color:#cbd6ff;background:#ffffff1f;border:1px solid #ffffff24;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.hero-request-icon svg{width:21px}.hero-request p{font-family:var(--font-display);letter-spacing:-.03em;margin:2px 0 44px;font-size:clamp(20px,2.1vw,26px);font-weight:650;line-height:1.35}.hero-request button{color:#e9edff;background:#ffffff1a;border:1px solid #ffffff24;border-radius:999px;align-items:center;gap:8px;padding:8px 11px;font-size:10px;font-weight:750;display:flex;position:absolute;bottom:22px;right:22px}.hero-request button>span{background:#aebeff;border-radius:999px;width:7px;height:10px;display:block;position:relative}.hero-request button>span:after{content:"";border:1px solid #aebeff;border-top:0;border-radius:0 0 7px 7px;width:11px;height:5px;position:absolute;bottom:-4px;left:-3px}.path-collapse{flex-wrap:wrap;align-items:center;gap:6px;min-height:74px;padding:18px 7px 10px;display:flex}.path-collapse span{color:var(--muted);align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.path-collapse span:not(:last-child){background:var(--sky);border:1px solid var(--line);border-radius:999px;padding:7px 10px}.path-collapse span:last-child{background:var(--green-pale);color:var(--green);border-radius:999px;padding:7px 10px}.path-collapse i{color:#aab4c5;font-style:normal}.path-caption{color:var(--muted);margin:3px 7px 0;font-size:11px;line-height:1.5}.hero-card-enter-active,.hero-card-leave-active{transition:opacity .18s var(--ease-out-ui),transform .22s var(--ease-out-ui)}.hero-card-leave-active{transition-duration:.12s}.hero-card-enter-from{opacity:0;transform:translateY(8px)scale(.985)}.hero-card-leave-to{opacity:0;transform:translateY(-4px)scale(.99)}.lesson{grid-template-columns:72px minmax(0,1fr);max-width:1120px;margin:0 auto;display:grid}.lesson-marker{background:var(--paper);border:2px solid var(--blue);color:var(--blue);font-family:var(--font-mono);z-index:1;border-radius:50%;justify-content:center;align-self:start;align-items:center;width:34px;height:34px;font-size:11px;font-weight:800;display:flex;position:relative}.lesson-marker:after{background:var(--line);content:"";z-index:-1;width:2px;height:calc(100% + 940px);position:absolute;top:32px;left:15px}.lesson-body{border-top:1px solid var(--line);padding:74px 0 120px 48px}.lesson-body h2{font-family:var(--font-display);letter-spacing:-.058em;max-width:900px;margin:0;font-size:clamp(38px,5.2vw,64px);font-weight:680;line-height:1.04}.lesson-copy{color:#53617d;max-width:760px;margin:28px 0 0;font-size:18px;line-height:1.7}.interaction-comparison{border:1px solid var(--line);border-radius:18px;grid-template-columns:1fr 1fr;margin-top:54px;display:grid;overflow:hidden}.interaction-comparison article{min-height:300px;padding:32px}.interaction-comparison article+article{background:var(--blue);color:var(--white)}.interaction-comparison article>span{color:var(--muted);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.interaction-comparison article+article>span{color:#d3dcff}.manual-route{flex-direction:column;align-items:flex-start;gap:10px;margin:35px 0 26px;display:flex}.manual-route b{background:var(--sky);border:1px solid var(--line);border-radius:8px;padding:10px 12px;font-size:12px}.manual-route i{color:#9aa6ba;margin-left:18px;font-style:normal;transform:rotate(90deg)}.interaction-comparison blockquote{font-family:var(--font-display);letter-spacing:-.04em;margin:42px 0 34px;font-size:clamp(23px,3vw,34px);font-weight:650;line-height:1.35}.interaction-comparison article>p{color:var(--muted);margin:0;font-size:13px;line-height:1.55}.interaction-comparison article+article>p{color:#d7deff}.plain-note{border-left:3px solid var(--blue);color:#495874;max-width:760px;margin-top:34px;padding:4px 0 4px 22px;font-size:16px;line-height:1.65}.level-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:52px;display:grid}.level-list>article{background:var(--white);border:1px solid var(--line);min-height:470px;transition:border-color .18s ease,box-shadow .18s ease,transform .18s var(--ease-out-ui);border-radius:17px;flex-direction:column;padding:24px;display:flex;position:relative;overflow:hidden}.level-list>article:before{content:"";height:4px;position:absolute;top:0;left:0;right:0}.level-direct:before{background:var(--blue)}.level-outcome:before{background:var(--violet)}.level-guided:before{background:#f0a02d}.level-top{justify-content:space-between}.level-icon,.level-top{align-items:center;display:flex}.level-icon{border-radius:12px;justify-content:center;width:42px;height:42px}.level-icon svg{width:22px}.level-direct .level-icon{background:var(--blue-pale);color:var(--blue)}.level-outcome .level-icon{background:var(--violet-pale);color:var(--violet)}.level-guided .level-icon{background:var(--amber-pale);color:var(--amber)}.level-top small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;font-size:9px;font-weight:800}.level-list h3{font-family:var(--font-display);letter-spacing:-.035em;margin:27px 0 14px;font-size:23px}.level-list blockquote{color:var(--ink-soft);min-height:68px;margin:0;font-size:14px;font-weight:650;line-height:1.55}.level-list>article>p{color:var(--muted);margin:auto 0 0;padding-top:24px;font-size:13px;line-height:1.6}.mini-result{background:var(--sky);border-radius:11px;justify-content:space-between;align-items:center;margin-top:24px;padding:15px;font-size:12px;font-weight:700;display:flex}.mini-result i{background:var(--blue);border-radius:999px;width:42px;height:24px;padding:3px;display:block}.mini-result b{background:var(--white);border-radius:50%;width:18px;height:18px;margin-left:18px;display:block}.mini-plan{background:var(--violet-pale);border-radius:11px;gap:11px;margin:24px 0 0;padding:14px;list-style:none;display:grid}.mini-plan li{color:#554282;align-items:center;gap:9px;font-size:11px;font-weight:700;display:flex}.mini-plan svg{color:var(--violet);width:16px}.mini-steps{gap:4px;margin:28px 0 0;padding:0;list-style:none}.mini-steps,.mini-steps li{align-items:center;display:flex}.mini-steps li{color:#8b7b62;flex-direction:column;flex:1;gap:6px;font-size:8px;font-weight:750;position:relative}.mini-steps li:before{content:"";z-index:0;background:#ecd7b5;width:100%;height:2px;position:absolute;top:10px;left:-50%}.mini-steps li:first-child:before{display:none}.mini-steps li span{background:var(--amber-pale);z-index:1;border:1px solid #ebcf9e;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;position:relative}.mini-steps li.complete span{background:var(--amber);border-color:var(--amber);color:var(--white)}.demo-lesson .lesson-body{padding-bottom:120px}.example-picker{grid-template-columns:repeat(3,1fr);gap:9px;margin-top:46px;display:grid}.example-picker button{background:var(--white);border:1px solid var(--line);text-align:left;min-height:82px;transition:background-color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .14s var(--ease-out-ui);border-radius:13px;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;gap:11px;padding:13px;display:grid}.agent-composer button:active,.example-picker button:active,.review-actions button:active{transform:scale(.98)}.example-picker button.selected{background:var(--blue-pale);border-color:var(--blue);box-shadow:0 0 0 2px #3564f412}.example-picker .example-1.selected{background:var(--violet-pale);border-color:var(--violet)}.example-picker .example-2.selected{background:var(--amber-pale);border-color:#e3a13d}.example-icon{background:var(--blue-pale);color:var(--blue);border-radius:10px;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.example-icon svg{width:19px}.example-1 .example-icon{background:var(--violet-pale);color:var(--violet)}.example-2 .example-icon{background:var(--amber-pale);color:var(--amber)}.example-copy{gap:4px;display:grid}.example-copy small{color:var(--muted);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:800}.example-copy strong{font-size:12px}.example-picker button>span:last-child{color:#98a4b8;font-size:14px}.scenario-options{background:var(--blue-pale);border:1px solid #cfdbff;border-radius:13px;justify-content:space-between;align-items:center;gap:18px;min-height:84px;margin-top:12px;padding:13px 14px;display:flex}.scenario-options>div:first-child{align-items:center;gap:11px;min-width:210px;display:flex}.scenario-option-icon{background:var(--white);color:var(--blue);border-radius:10px;flex:none;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.scenario-option-icon svg{width:19px}.scenario-options p{gap:3px;margin:0;display:grid}.scenario-options p small{color:var(--blue);font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;font-size:8px;font-weight:800}.scenario-options p strong{color:var(--ink-soft);font-size:10px;line-height:1.35}.option-buttons{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.option-buttons button{color:#52617d;min-height:34px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .14s var(--ease-out-ui);background:#ffffffbd;border:1px solid #3564f433;border-radius:8px;align-items:center;gap:6px;padding:7px 9px;font-size:9px;font-weight:750;display:flex}.option-buttons button svg{width:14px}.option-buttons button.selected{background:var(--blue);border-color:var(--blue);color:var(--white)}.option-buttons button:active{transform:scale(.97)}.option-buttons button:disabled{cursor:not-allowed;opacity:.55}.scenario-options-enter-active,.scenario-options-leave-active{transition:opacity .17s var(--ease-out-ui),transform .2s var(--ease-out-ui)}.scenario-options-leave-active{transition-duration:.11s}.scenario-options-enter-from{opacity:0;transform:translateY(6px)}.scenario-options-leave-to{opacity:0;transform:translateY(-3px)}.agent-composer{background:var(--sky);border:1px solid var(--line);border-radius:14px;margin-top:12px;padding:16px}.agent-composer label{color:var(--muted);align-items:center;gap:7px;margin-bottom:10px;font-size:11px;font-weight:750;display:flex}.agent-composer label svg{color:var(--blue);width:15px}.agent-composer>div{align-items:stretch;gap:9px;display:flex}.agent-composer textarea{background:var(--white);border:1px solid var(--line-strong);resize:vertical;border-radius:10px;flex:1;min-height:68px;padding:12px 14px;font-size:14px;line-height:1.5;transition:border-color .15s,box-shadow .15s}.agent-composer textarea:focus{border-color:var(--blue);outline:0;box-shadow:0 0 0 3px #3564f41a}.agent-composer button{background:var(--ink);color:var(--white);min-width:145px;transition:background-color .15s ease,transform .14s var(--ease-out-ui);border:0;border-radius:10px;justify-content:space-between;align-items:center;gap:16px;padding:0 13px 0 16px;font-size:12px;font-weight:750;display:flex}.send-icon{background:var(--blue);border-radius:7px;justify-content:center;align-items:center;width:28px;height:28px;font-size:15px;display:flex}.agent-composer button:disabled,.review-actions button:disabled{cursor:not-allowed;opacity:.55}.demo-stage{border:1px solid var(--line-strong);background:#e8edf6;border-radius:21px;grid-template-columns:minmax(330px,.88fr) minmax(0,1.12fr);gap:0;min-height:620px;margin-top:22px;display:grid;overflow:hidden}.phone-wrap{background:radial-gradient(circle at 20% 18%,#3564f421,#0000 31%),#e9eef7;justify-content:center;align-items:center;min-width:0;padding:34px;display:flex}.phone{background:#f7f8fc;border:7px solid #172033;border-radius:39px;width:100%;max-width:300px;height:552px;position:relative;overflow:hidden;box-shadow:0 25px 45px #19223933,inset 0 0 0 1px #ffffff4d}.phone-island{z-index:5;background:#111827;border-radius:999px;width:76px;height:20px;position:absolute;top:8px;left:50%;transform:translate(-50%)}.phone-status{justify-content:space-between;align-items:center;height:36px;padding:0 18px;font-size:9px;font-weight:800;display:flex}.phone-status>div{align-items:center;gap:5px;display:flex}.phone-status svg{stroke-width:2.2px;width:11px}.phone-status b{background:var(--ink);color:var(--white);border-radius:3px;padding:2px 3px;font-size:6px}.phone-header{z-index:2;background:#f7f8fceb;border-bottom:1px solid #e1e5ed;grid-template-columns:44px 1fr 44px;align-items:center;min-height:63px;padding:8px 10px;display:grid;position:relative}.phone-header>button{color:var(--blue);text-align:left;background:0 0;border:0;padding:0;font-size:26px}.phone-header>div{text-align:center;gap:2px;display:grid}.phone-header small{color:var(--muted);font-size:8px}.phone-header strong{font-size:13px}.phone-header .phone-reset{text-align:right;font-size:9px;font-weight:750}.phone-screen{min-height:438px;padding:18px 12px}.setting-group{background:var(--white);border:1px solid #e3e7ef;border-radius:13px;overflow:hidden;box-shadow:0 1px 2px #252f4808}.setting-group article{grid-template-columns:35px minmax(0,1fr) auto;align-items:center;gap:10px;min-height:66px;padding:10px 12px;display:grid;position:relative}.setting-group article+article:before{content:"";background:#e7eaf1;height:1px;position:absolute;top:0;left:57px;right:0}.setting-icon{color:var(--white);border-radius:9px;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.setting-icon svg{stroke-width:1.8px;width:19px}.setting-icon-orange{background:#ef9a29}.setting-icon-blue{background:#3c78e8}.setting-icon-green{background:#2ca86d}.setting-icon-violet{background:var(--violet)}.setting-icon-pink{background:var(--pink)}.setting-icon-red{background:var(--red)}.setting-group article>div{gap:3px;min-width:0;display:grid}.setting-group article strong{font-size:11px}.setting-group article small{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:8px;overflow:hidden}.setting-group article>b{color:#788399;font-size:9px;font-weight:650}.phone-switch{background:#d9dde6;border-radius:999px;width:42px;height:24px;padding:3px;transition:background-color .22s;display:block}.phone-switch i{background:var(--white);height:18px;transition:transform .26s var(--ease-move-ui);border-radius:50%;width:18px;display:block;transform:translate(0);box-shadow:0 1px 3px #1b253a40}.phone-switch.on{background:#31b86d}.phone-switch.on i{transform:translate(18px)}.phone-hint{color:var(--muted);margin:14px 7px;font-size:9px;line-height:1.5}.focus-hero,.guided-hero{background:var(--white);border:1px solid #e3e7ef;border-radius:15px;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:82px;margin-bottom:11px;padding:13px;transition:background-color .24s,border-color .24s;display:grid}.focus-hero>span,.guided-hero>span{background:var(--violet-pale);color:var(--violet);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.guided-hero>span{background:var(--amber-pale);color:var(--amber)}.focus-hero svg,.guided-hero svg{width:25px}.focus-hero>div,.guided-hero>div{gap:3px;display:grid}.focus-hero small,.guided-hero small{color:var(--muted);font-size:8px}.focus-hero strong,.guided-hero strong{font-size:13px}.focus-hero.active{background:var(--violet-pale);border-color:#c8b9f1}.guided-hero.active{background:var(--amber-pale);border-color:#edcf9e}.focus-hero>i{background:#8c6fe2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 6px #7556dc1f}.setting-group.compact article{min-height:61px}.phone-screen-enter-active,.phone-screen-leave-active{transition:opacity .17s var(--ease-out-ui),transform .22s var(--ease-out-ui)}.phone-screen-leave-active{transition-duration:.11s}.phone-screen-enter-from{opacity:0;transform:translate(14px)}.phone-screen-leave-to{opacity:0;transform:translate(-8px)}.phone-working{-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:4;background:#f7f8fce0;flex-wrap:wrap;justify-content:center;align-items:center;gap:5px;padding:18px;display:flex;position:absolute;inset:99px 0 0}.phone-working>span{background:var(--blue);border-radius:50%;width:7px;height:7px;animation:.9s ease-in-out infinite alternate working-dot}.phone-working>span:nth-child(2){animation-delay:.12s}.phone-working>span:nth-child(3){animation-delay:.24s}.phone-working small{color:var(--muted);text-align:center;flex-basis:100%;margin-top:4px;font-size:9px}@keyframes working-dot{0%{opacity:.35;transform:translateY(1px)}to{opacity:1;transform:translateY(-4px)}}.agent-panel{background:var(--white);border-left:1px solid var(--line-strong);min-width:0;padding-bottom:28px}.agent-panel>header{border-bottom:1px solid var(--line);align-items:center;gap:12px;min-height:78px;padding:0 24px;display:flex}.agent-mark{background:var(--ink);color:var(--white);border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;display:flex}.agent-mark svg{width:18px}.agent-panel>header>div{gap:3px;display:grid}.agent-panel>header strong{font-size:14px}.agent-panel>header small{color:var(--muted);font-size:9px}.agent-message{color:var(--ink-soft);margin:0;padding:23px 25px 19px;font-size:14px;line-height:1.6}.activity-list{gap:17px;margin:0;padding:2px 25px 20px;list-style:none;display:grid}.activity-list li{grid-template-columns:28px minmax(0,1fr);gap:12px;display:grid}.activity-list li>span{background:var(--green-pale);color:var(--green);border-radius:50%;justify-content:center;align-items:center;width:27px;height:27px;display:flex}.activity-list li>span.error{color:var(--red);background:#ffeaed}.activity-list li>span.approval{background:var(--amber-pale);color:var(--amber)}.activity-list svg{stroke-width:2.2px;width:14px}.activity-list li>div{gap:4px;display:grid}.activity-list strong{font-size:12px}.activity-list small{color:var(--muted);font-size:10px;line-height:1.45}.empty-agent{color:var(--muted);text-align:center;flex-direction:column;min-height:300px;padding:30px}.empty-agent,.empty-agent>span{justify-content:center;align-items:center;display:flex}.empty-agent>span{background:var(--blue-pale);color:var(--blue);border-radius:16px;width:54px;height:54px}.empty-agent svg{width:26px}.empty-agent p{max-width:270px;font-size:12px;line-height:1.55}.review-card{background:var(--violet-pale);border:1px solid #d6caf6;border-radius:16px;margin:0 22px;padding:20px;overflow:hidden}.review-card.guided{background:#fffaf1;border-color:#efd7ad}.review-heading{gap:8px;display:grid}.review-heading>span{color:var(--violet);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;font-size:9px;font-weight:800}.guided .review-heading>span{color:var(--amber)}.review-heading>strong{font-family:var(--font-display);letter-spacing:-.025em;font-size:19px}.review-progress{background:#f0dfc3;border-radius:999px;height:4px;overflow:hidden}.review-progress i{background:var(--amber);transform-origin:0;height:100%;transition:transform .26s var(--ease-out-ui);width:100%;display:block}.plan-list{gap:7px;margin:18px 0;padding:0;list-style:none;display:grid}.plan-list li{background:#ffffffb8;border:1px solid #7556dc1f;border-radius:10px;grid-template-columns:32px minmax(0,1fr) 17px;align-items:center;gap:10px;min-height:55px;padding:8px 10px;display:grid}.plan-list li>span{background:var(--white);color:var(--violet);border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.plan-list svg{width:16px}.plan-list li>div{gap:2px;display:grid}.plan-list small{color:var(--muted);font-size:8px}.plan-list strong{font-size:11px}.plan-list li>svg{color:var(--green);width:16px}.review-step{text-align:center;flex-direction:column;min-height:260px;padding:25px 15px}.review-step,.review-step>span{justify-content:center;align-items:center;display:flex}.review-step>span{background:var(--white);color:var(--amber);border-radius:18px;width:66px;height:66px;margin-bottom:17px;box-shadow:0 8px 20px #7048121a}.review-step>span svg{stroke-width:1.7px;width:32px}.review-step>small{color:var(--muted);margin-bottom:7px;font-size:10px}.review-step>strong{font-family:var(--font-display);letter-spacing:-.025em;max-width:300px;font-size:20px;line-height:1.4}.review-step.warning>span{color:#c35f1a;background:#fff0e4}.review-step.warning>strong{font-family:var(--font-body);font-size:14px;font-weight:650}.step-duration-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;width:min(100%,330px);margin-top:22px;display:grid}.step-duration-options button{color:#66583f;min-height:42px;transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform .14s var(--ease-out-ui);background:#ffffffc7;border:1px solid #e5cfa9;border-radius:10px;padding:8px 5px;font-size:10px;font-weight:800}.step-duration-options button:hover{border-color:var(--amber)}.step-duration-options button:active{transform:scale(.96)}.step-duration-options button.selected{background:var(--amber);border-color:var(--amber);color:var(--white)}.step-duration-options button:focus-visible{outline-offset:2px;outline:3px solid #d8790b3d}.step-duration-options button:disabled{cursor:not-allowed;opacity:.58}.step-dots{justify-content:center;gap:6px;margin:-8px 0 18px;display:flex}.step-dots button{height:6px;transition:background-color .16s ease,width .2s var(--ease-out-ui);background:#dfcaa8;border:0;border-radius:999px;width:6px;padding:0}.step-dots button.active{background:var(--amber);width:21px}.review-actions{justify-content:flex-end;gap:8px;display:flex}.review-actions button{min-height:37px;transition:background-color .15s ease,border-color .15s ease,transform .14s var(--ease-out-ui);background:#fffc;border:1px solid #67748f3b;border-radius:8px;padding:8px 12px;font-size:10px;font-weight:750}.review-actions button:last-child{background:var(--ink);border-color:var(--ink);color:var(--white)}.approval-enter-active,.approval-leave-active,.step-enter-active,.step-leave-active{transition:opacity .17s var(--ease-out-ui),transform .22s var(--ease-out-ui)}.approval-leave-active,.step-leave-active{transition-duration:.11s}.approval-enter-from{opacity:0;transform:translateY(10px)scale(.985)}.approval-leave-to{opacity:0;transform:translateY(-5px)scale(.99)}.step-enter-from{opacity:0;transform:translate(16px)}.step-leave-to{opacity:0;transform:translate(-10px)}.demo-caption{color:var(--muted);font-family:var(--font-mono);margin:14px 0 0;font-size:9px;line-height:1.5}.boundary-flow{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:12px;margin-top:52px;display:grid}.boundary-flow article{background:var(--white);border:1px solid var(--line);border-radius:15px;min-height:190px;padding:22px}.boundary-flow article>span{background:var(--blue-pale);color:var(--blue);border-radius:11px;justify-content:center;align-items:center;width:40px;height:40px;margin-bottom:24px;display:flex}.boundary-flow svg{width:20px}.boundary-flow small{color:var(--blue);font-family:var(--font-mono);letter-spacing:.07em;text-transform:uppercase;margin-bottom:9px;font-size:9px;font-weight:800;display:block}.boundary-flow strong{font-size:14px;line-height:1.5}.boundary-flow>i{color:#a6b0c3;font-style:normal}.rule-list{grid-template-columns:1fr 1fr;gap:14px;margin-top:42px;display:grid}.rule-list>article{background:var(--white);border:1px solid var(--line);border-radius:14px;grid-template-columns:42px minmax(0,1fr);align-items:flex-start;gap:15px;padding:24px;display:grid}.rule-icon{background:var(--green-pale);color:var(--green);border-radius:11px;justify-content:center;align-items:center;width:42px;height:42px;display:flex}.rule-icon svg{width:21px}.rule-list h3{letter-spacing:-.025em;margin:1px 0 8px;font-size:19px}.rule-list p{color:var(--muted);margin:0;font-size:13px;line-height:1.6}.takeaway{background:radial-gradient(circle at 90% 0,#5777ef40,transparent 35%),var(--ink);color:var(--white);border-radius:17px;margin-top:48px;padding:clamp(32px,5vw,58px);position:relative;overflow:hidden}.takeaway>span{color:#aebeff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;font-size:9px;font-weight:800}.takeaway p{font-family:var(--font-display);letter-spacing:-.045em;max-width:800px;margin:22px 0 0;font-size:clamp(27px,4vw,43px);font-weight:630;line-height:1.2}#boundary .lesson-marker:after{display:none}footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;max-width:1120px;margin:0 auto;padding:30px 0 44px 120px;font-size:11px;display:flex}footer p{margin:0;line-height:1.5}footer a{color:var(--ink);font-weight:750}@media (hover:hover) and (pointer:fine){.level-list>article:hover{border-color:#bdc9dd;transform:translateY(-3px);box-shadow:0 16px 35px #2d3b5e14}.example-picker button:hover{border-color:#a9b7d1;transform:translateY(-2px)}.option-buttons button:hover:not(:disabled){border-color:currentColor}.review-actions button:hover{border-color:#9faabd}}@media (width<=1180px){.hero,.lesson,.site-header,footer{margin-left:24px;margin-right:24px}.site-header{padding-left:0;padding-right:0}}@media (width<=920px){.hero{grid-template-columns:1fr;gap:60px;padding-top:82px}.hero-copy{max-width:760px}.hero h1 span{display:inline}.hero-playground{justify-self:stretch;min-height:auto}.hero-request{min-height:170px}.interaction-comparison,.level-list{grid-template-columns:1fr}.interaction-comparison article{min-height:auto}.level-list>article{min-height:390px}.demo-stage{grid-template-columns:1fr}.agent-panel{border-left:0;border-top:1px solid var(--line-strong);min-height:500px}.phone-wrap{min-height:620px}.boundary-flow{grid-template-columns:1fr;align-items:stretch}.boundary-flow>i{justify-self:center;transform:rotate(90deg)}.boundary-flow article{min-height:auto}}@media (width<=760px){.site-header{height:58px}.site-header nav{display:none}.hero{margin-left:18px;margin-right:18px;padding:68px 0 88px}.hero h1{font-size:clamp(53px,15vw,76px)}.hero-deck{font-size:17px}.hero-playground{border-radius:20px;padding:12px}.hero-tabs button span{display:none}.hero-tabs button{min-height:42px}.hero-request{grid-template-columns:34px minmax(0,1fr);padding:20px}.hero-request-icon{width:34px;height:34px}.hero-request p{font-size:20px}.lesson{grid-template-columns:36px minmax(0,1fr);margin-left:18px;margin-right:18px}.lesson-marker{width:29px;height:29px}.lesson-marker:after{left:12px}.lesson-body{padding:52px 0 84px 17px}.lesson-body h2{font-size:38px}.lesson-copy{font-size:16px}.interaction-comparison article{padding:24px}.level-list>article{min-height:430px}.example-picker{grid-template-columns:1fr}.example-picker button{min-height:70px}.scenario-options{flex-direction:column;align-items:stretch;gap:12px}.scenario-options>div:first-child{min-width:0}.option-buttons{justify-content:flex-start}.agent-composer>div{flex-direction:column}.agent-composer button{min-height:48px}.demo-stage{border-radius:16px}.phone-wrap{min-height:590px;padding:20px 12px}.phone{max-width:290px;height:540px}.agent-panel{min-height:480px}.review-card{margin:0 14px;padding:16px}.review-step{min-height:235px}.step-duration-options{grid-template-columns:repeat(2,minmax(0,1fr));max-width:230px}.rule-list{grid-template-columns:1fr}footer{flex-direction:column;align-items:flex-start;gap:20px;margin-left:18px;margin-right:18px;padding:26px 0 38px 53px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:after,:before{scroll-behavior:auto!important;transition-property:color,background-color,border-color,opacity!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transform:none!important}}