/* Visual system v2. Neutral surfaces, restrained motion, shared geometry. */
:root{--blue:#2d4cdf;--ink:#191919;--muted:#787878;--line:#e0e0e0;--soft:#f7f7f7;--surface:#fff;--surface-raised:#fff;--page:#fff;--header:#f8f8f8;--ease:cubic-bezier(.2,.7,.2,1)}
html[data-theme="dark"]{--blue:#4c70ff;--ink:#ededed;--muted:#aaa;--line:#393939;--soft:#181818;--surface:#262626;--surface-raised:#2b2b2b;--page:#202020;--header:#181818}
body,[data-theme="dark"] body{background:var(--page);font-family:Manrope,"Segoe UI",sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased}
body,header,.footer,.product-card,.panel,.button,.service-icon,.order-preview,.routing-core,.node-inner,.support-fab{transition:background-color .25s,border-color .25s,color .25s,box-shadow .25s}
::selection{background:#4c70ff40;color:var(--ink)}
.preview-bar{display:none}
.container{width:100%;max-width:1240px;padding-left:32px;padding-right:32px;margin-left:auto;margin-right:auto}
.header,[data-theme="dark"] .header{background:var(--header);border:0;backdrop-filter:none}
.header-inner{height:88px;max-width:1280px;padding:0 40px;gap:32px}
.brand{font-size:29px;font-weight:800;letter-spacing:-1.3px;gap:12px;line-height:1.1;white-space:nowrap}
.brand .blue,[data-theme="dark"] .brand .blue{color:var(--blue)}
.brand-mark.vector-mark,.logo-symbol{display:inline-flex;align-items:center;justify-content:center;width:34px;height:38px;flex:0 0 34px;line-height:1;font-size:0;letter-spacing:0}
.vector-mark svg,.logo-symbol svg{display:block;width:100%;height:100%}
.header nav{gap:34px;font-size:13px;font-weight:650}
.header-actions{gap:22px;font-size:13px;flex-shrink:0}
.header nav a,.header nav button,.order-link{position:relative;padding:5px 0}
.header nav a:after,.header nav button:after,.order-link:after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;transform:scaleX(0);transform-origin:left;background:currentColor;transition:transform .25s var(--ease)}
.header nav a:hover:after,.header nav button:hover:after,.order-link:hover:after{transform:scaleX(1)}
.header-actions .button.secondary,[data-theme="dark"] .header-actions .button.secondary{background:var(--blue);border-color:var(--blue);color:#fff;padding:11px 20px;gap:17px}
.theme-button{width:32px;height:32px;padding:7px;color:var(--muted);transition:color .2s,background-color .2s,transform .4s var(--ease)}
.theme-button:active{transform:rotate(35deg)}
.button{padding:15px 23px;min-height:51px;font-size:13px;font-weight:750;gap:19px;border-radius:8px;letter-spacing:-.15px;transition:transform .2s var(--ease),box-shadow .25s,background-color .2s,border-color .2s;position:relative;overflow:hidden;isolation:isolate}
.button:not(.secondary){box-shadow:0 2px 3px #00000008,inset 0 1px #ffffff17}
.button:not(.secondary):hover{background:var(--blue);box-shadow:0 7px 22px #3558e42e,inset 0 1px #ffffff30;transform:translateY(-2px)}
.button:not(.secondary):before{content:'';position:absolute;inset:0;background:linear-gradient(110deg,transparent 30%,#fff2 49%,transparent 70%);transform:translateX(-120%);transition:transform .6s var(--ease);z-index:-1}
.button:not(.secondary):hover:before{transform:translateX(120%)}
.button:active{transform:translateY(0)!important}
.button.secondary,[data-theme="dark"] .button.secondary{border-color:var(--line);background:var(--surface);color:var(--ink);box-shadow:inset 0 0 0 1px #80808005}
.button.secondary:hover,[data-theme="dark"] .button.secondary:hover{background:var(--surface-raised);border-color:#88888870}
.button svg,.text-link svg{width:17px;height:17px;flex-shrink:0;transition:transform .25s var(--ease)}
.button-icon{display:inline-flex;line-height:1}
.button:hover>svg,.text-link:hover>svg{transform:translate(2px,-2px)}
.button.small{min-height:40px}
.text-link,[data-theme="dark"] .text-link{display:inline-flex;align-items:center;gap:14px;color:var(--blue);font-size:13px;font-weight:650;border:0;background:none;padding:0}
[data-theme="dark"] .text-link{color:#8b9dff}
h1,h2,h3{color:var(--ink)}
h2{font-size:40px;line-height:1.14;font-weight:750;letter-spacing:-1.4px}
.hero{display:grid;grid-template-columns:1.03fr 1fr;gap:24px;padding-top:48px;padding-bottom:70px;min-height:648px;align-items:center}
.hero-copy{min-width:0;position:relative;z-index:2}
.hero h1{font-size:clamp(48px,5.4vw,84px);line-height:1.065;letter-spacing:-.038em;font-weight:800;max-width:none;animation:fade-rise .7s var(--ease) .05s both}
.hero p{font-size:16px;line-height:1.85;color:var(--muted);max-width:475px;margin:28px 0 0;animation:fade-rise .7s var(--ease) .18s both}
.hero-buttons{display:flex;flex-direction:row;gap:12px;margin-top:30px;animation:fade-rise .7s var(--ease) .3s both}
.micro-row{display:flex;align-items:center;gap:10px;margin-top:20px;color:var(--muted);font-size:10px;animation:fade-rise .7s var(--ease) .42s both;line-height:1.6}
.micro-row>span{display:inline-flex;align-items:center;gap:7px}
.micro-row svg{width:14px;height:14px;color:var(--blue)}
.micro-row .note-separator{margin:0 1px;color:#9e9e9e}
/* A scalable routing diagram: SVG lines and positioned UI nodes share one coordinate space. */
.routing{position:relative;min-width:0;width:100%;height:530px;isolation:isolate}
.routing-top{position:absolute;top:22px;left:22px;right:9px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;animation:soft-in .7s .25s both}
.routing-top>span:first-child{display:flex;align-items:center;gap:7px}
.routing-top i,.preview-live i{display:inline-block;background:#579d7e;border-radius:50%;width:5px;height:5px}
.routing-top-icon svg{height:18px;width:18px;color:#909090}
.routing-stage{position:absolute;width:104.5%;aspect-ratio:584/480;top:55px;left:0}
.routing-halo{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 48%,#d9e1ff90 0,#edf1ff66 42%,transparent 72%);z-index:-2;pointer-events:none}
[data-theme="dark"] .routing-halo{background:radial-gradient(ellipse at 50% 48%,#28334d60 0,#242b3a40 42%,transparent 72%)}
.routing-ring{width:55%;aspect-ratio:1;position:absolute;border:1px solid #d8deed;border-radius:50%;top:50%;left:50%;transform:translate(-50%,-50%);z-index:-1}
[data-theme="dark"] .routing-ring{border-color:#323744}
.routing-connectors{position:absolute;inset:0;width:100%;height:100%;overflow:visible;animation:soft-in .6s .55s both}
.route-base{stroke:#a7b3d0;stroke-opacity:.4;stroke-width:1.3;stroke-dasharray:4 5}
.route-flow{stroke:#748dcc;stroke-opacity:.3;stroke-width:1.3;stroke-dasharray:4 32;animation:route-flow 16s linear infinite}
.route-signal{fill:#7796e1;opacity:.65;filter:drop-shadow(0 0 4px #7190e17a)}
[data-theme="dark"] .route-base{stroke:#54617e;stroke-opacity:.35}
[data-theme="dark"] .route-flow{stroke:#657cba;stroke-opacity:.4}
.routing-core{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:150px;height:153px;border-radius:32px;background:linear-gradient(140deg,#fff,#f1f4ff);box-shadow:0 24px 48px #172c572b,inset 0 0 0 1px #fff;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;animation:core-in .75s var(--ease) .1s both}
[data-theme="dark"] .routing-core{background:linear-gradient(145deg,#2e2e2e,#292929);box-shadow:0 24px 48px #0008,inset 0 0 0 1px #444}
.routing-core .logo-symbol{width:47px;height:50px;flex-basis:auto;margin-bottom:12px}
.routing-core strong{font-size:25px;font-weight:800;letter-spacing:-1.2px;line-height:1.25}
.routing-core strong span{color:var(--blue)}
.routing-core small{font-size:8px;color:var(--muted);margin-top:6px}
.routing-node{position:absolute;width:130px;--node-rotation:-5deg;animation:soft-in .6s calc(.3s + var(--index)*.08s) both;z-index:4;outline-offset:6px}
.node-inner{display:flex;align-items:center;gap:11px;padding:11px 15px;background:#fff;border-radius:12px;box-shadow:0 8px 30px #17243d09;transform:rotate(var(--node-rotation));animation:node-float 6s ease-in-out var(--float-delay) infinite;transition:box-shadow .3s,background .3s}
[data-theme="dark"] .node-inner{background:#2b2b2b;box-shadow:0 8px 30px #0004}
.routing-node:hover .node-inner{animation-play-state:paused;box-shadow:0 12px 36px #304e9b22;outline:1px solid #819aff55}
.routing-node strong{font-size:11px;font-weight:750;display:block;line-height:1.6}
.routing-node small{display:block;font-size:9px;color:var(--muted);line-height:1.7;margin-top:2px}
.node-0{left:3.5%;top:12%;--node-rotation:-5deg}.node-1{right:3%;top:7%;--node-rotation:5deg}.node-2{left:-1%;top:41%;--node-rotation:-3deg}.node-3{right:-2%;top:43%;--node-rotation:4deg}.node-4{left:6.5%;top:72%;--node-rotation:-5deg}.node-5{right:4%;top:70%;--node-rotation:4deg}
.routing-footer{position:absolute;bottom:13px;left:0;right:0;text-align:center;animation:soft-in .6s .82s both}
.routing-badge{display:inline-flex;align-items:center;gap:8px;padding:9px 15px;border:1px solid var(--line);box-shadow:0 3px 15px #27345006;border-radius:22px;font-size:11px;font-weight:650;background:var(--surface);color:var(--ink)}
.routing-badge svg{width:15px;height:15px;color:var(--blue)}
.routing-footer p{font-size:9px!important;line-height:1.6!important;color:var(--muted);margin:11px 0 0!important;max-width:none;animation:none}
.routing:not(.in-view) .route-flow,.routing:not(.in-view) .node-inner{animation-play-state:paused}
.service-icon{height:34px;width:34px;background:#fff!important;border:1px solid #eeeeef;display:flex;padding:5px;border-radius:7px;flex:0 0 34px;box-shadow:0 1px 3px #00000004;color:#1a1a1a!important}
.service-icon svg{height:100%;width:100%;display:block}
.service-icon.claude{color:#d97757!important}.service-icon.midjourney{color:#222!important}
.routing-node .service-icon{height:31px;width:31px;flex-basis:31px;border-radius:6px;padding:4px}
/* A quiet strip of actual vector marks, not letter placeholders. */
.brand-strip{display:flex;gap:42px;align-items:center;padding:31px 0;border-color:var(--line);min-height:110px}
.brand-strip p{font-size:10px;color:var(--muted);line-height:1.8;white-space:nowrap;flex-shrink:0}
.brand-wordmarks{display:flex;align-items:center;justify-content:space-between;flex:1;gap:24px;min-width:0;color:#58606e}
[data-theme="dark"] .brand-wordmarks{color:#c0c0c0}
.wordmark{display:inline-flex;align-items:center;gap:7px;font-size:22px;font-weight:700;letter-spacing:-.8px;white-space:nowrap}
.wordmark svg{width:23px;height:23px;filter:grayscale(1);opacity:.85}
.wordmark-claude{font-family:Georgia,serif;font-size:27px;font-weight:500;letter-spacing:-1.1px}
.wordmark-youtube{letter-spacing:-1.1px;font-weight:750;font-size:21px}
.wordmark-spotify{letter-spacing:-1px;font-size:21px}
.brand-strip>small{font-size:10px;color:var(--muted);white-space:nowrap}
/* Slow continuous catalog; stops on hover, keyboard focus, or explicit pause. */
.catalog-section{padding-top:93px;padding-bottom:78px;overflow:hidden}
.section-heading{margin-bottom:38px;align-items:flex-end;gap:25px}
.section-heading p{font-size:14px;line-height:1.7;margin-top:20px;letter-spacing:-.1px;color:var(--muted)}
.section-heading>.text-link{padding-bottom:4px}
.catalog-carousel{margin:0 -32px;padding:4px 0 14px;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 32px,#000 calc(100% - 32px),transparent)}
.catalog-track{display:flex;width:max-content;animation:catalog-scroll 90s linear infinite;animation-play-state:paused;will-change:transform}
.catalog-carousel.in-view .catalog-track{animation-play-state:running}
.catalog-carousel:hover .catalog-track,.catalog-carousel:focus-within .catalog-track,.catalog-carousel.is-paused .catalog-track{animation-play-state:paused}
.catalog-group{display:flex;gap:20px;padding-right:20px}
.catalog-group .product-card{width:295px;flex-shrink:0;min-height:300px}
.product-card,[data-theme="dark"] .product-card{border-radius:16px;padding:26px 25px 21px;background:var(--surface);border:1px solid var(--line);box-shadow:inset 0 0 0 1px #88888804;transition:transform .3s var(--ease),box-shadow .3s,border-color .3s;position:relative}
.product-card:hover,[data-theme="dark"] .product-card:hover{transform:translateY(-4px);border-color:#6480d988;box-shadow:0 10px 25px #1720400a}
.card-top{margin:0 0 24px;display:flex;align-items:center;justify-content:space-between}
.card-provider{display:flex;align-items:center;gap:10px;font-size:10px;font-weight:650;color:var(--muted)}
.card-top .service-icon{width:31px;height:31px;flex-basis:31px;padding:4px}
.card-corner svg{width:16px;height:16px;color:#9b9b9b;transition:color .2s,transform .2s}
.product-card:hover .card-corner svg{color:var(--blue);transform:translate(2px,-2px)}
.product-card h3{font-size:21px;line-height:1.25;letter-spacing:-.65px;font-weight:750}
.product-card p{font-size:13px;line-height:1.75;min-height:46px;margin:12px 0 21px;color:var(--muted)}
.card-tags{display:flex;gap:6px;margin-bottom:23px;flex-wrap:wrap}
.tag,[data-theme="dark"] .tag{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:4px;font-size:9px;padding:2px 6px;line-height:1.5}
.card-bottom,[data-theme="dark"] .card-bottom{margin-top:auto;min-height:62px;padding-top:15px;border-color:var(--line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px}
.price-label{font-size:9px;color:var(--muted);display:block;margin-bottom:4px}
.card-bottom strong{font-size:18px;letter-spacing:-.5px;line-height:1.3}
.card-detail{display:flex;align-items:center;gap:8px;font-size:10px;line-height:1.3;padding-bottom:3px;color:var(--muted)}
.card-detail svg{width:13px;height:13px}
.catalog-caption{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:var(--muted);margin-top:17px}
.motion-toggle{display:flex;align-items:center;justify-content:center;width:28px;height:28px;border:1px solid var(--line);background:transparent;border-radius:50%;color:var(--muted)}
.motion-toggle:hover{background:var(--surface);color:var(--ink)}.motion-toggle svg{width:14px;height:14px}
.product-grid{gap:20px}
/* Lower sections retain the reference's long, even vertical rhythm. */
.section{padding-top:85px;padding-bottom:85px}
.how-section,[data-theme="dark"] .how-section{background:var(--soft);border:0;padding:76px 0}
.two-column{grid-template-columns:1fr 1fr;gap:75px;align-items:center}
.two-column p{font-size:15px;line-height:1.85;max-width:430px;color:var(--muted);margin-top:24px}
.how-section h2{font-size:38px}
.step-list{gap:26px}
.step{gap:19px}
.step-num,[data-theme="dark"] .step-num{width:34px;height:34px;flex-basis:34px;background:transparent;color:var(--muted);border-color:var(--line);border-radius:50%;font-size:11px;line-height:1;font-weight:600}
.step h3{font-size:17px;line-height:1.3;letter-spacing:-.4px;margin-top:5px;font-weight:700}
.step p{font-size:13px;line-height:1.8;margin-top:9px;max-width:400px}
.order-showcase{padding-top:95px;padding-bottom:108px}
.feature-inline{display:flex;gap:22px;margin:25px 0 31px;font-size:11px;color:var(--muted)}
.feature-inline span{display:flex;align-items:center;gap:6px}
.feature-inline svg{height:15px;width:15px;color:var(--blue)}
.order-demo-wrap{position:relative;padding:0 16px 20px 0}
.order-preview,[data-theme="dark"] .order-preview{border-radius:15px;border:1px solid var(--line);background:var(--surface);padding:0 26px 19px;box-shadow:0 16px 50px #18254809}
.preview-status{padding:15px 0 14px;font-size:10px;border-color:var(--line);color:var(--muted)}
.preview-status b{color:var(--ink);font-weight:600;margin-left:5px}
.preview-live{display:inline-flex;align-items:center;gap:6px;color:#64997e;font-size:10px}
.preview-service{margin:22px 0 24px;gap:12px}
.preview-service .service-icon{height:39px;width:39px;flex-basis:39px;padding:6px;border-radius:9px}
.preview-service strong{font-size:16px;letter-spacing:-.3px}
.preview-service small{display:block;font-size:10px;color:var(--muted);margin-top:3px}
.preview-price{font-size:13px;font-weight:650;margin-left:auto}
.preview-instruction{display:flex;align-items:start;gap:12px;margin-bottom:22px}
.instruction-numeral{display:flex;align-items:center;justify-content:center;width:22px;height:22px;flex:0 0 22px;border:1px solid var(--line);border-radius:50%;color:var(--muted);font-size:9px;margin-top:1px}
.preview-instruction>div{flex:1;min-width:0}
.preview-instruction strong{display:block;font-size:11px;font-weight:650;line-height:1.7}
.preview-instruction p{font-size:10px;line-height:1.7;margin:4px 0 8px;max-width:none}
.preview-instruction a{display:inline-flex;align-items:center;gap:5px;color:var(--blue);font-size:10px}
.preview-instruction a svg{height:12px;width:12px}
.demo-input{display:flex;align-items:center;border:1px solid var(--line);border-radius:6px;padding:10px 12px;height:38px;margin-top:9px;background:var(--page);font-family:Consolas,monospace;font-size:11px;color:var(--muted)}
.typing-id{width:0;white-space:nowrap;overflow:hidden;animation:demo-type 9s steps(16) infinite;animation-play-state:paused}
.typing-caret{height:13px;width:1px;background:var(--blue);animation:caret-blink 1s steps(2) infinite}
.demo-input-check{display:flex;margin-left:auto;color:#6f9f84;animation:check-in 9s ease infinite;animation-play-state:paused}
.demo-input-check svg{height:14px;width:14px}
.order-demo-wrap.in-view .typing-id,.order-demo-wrap.in-view .demo-input-check{animation-play-state:running}
.order-preview>.button{font-size:11px;min-height:41px;padding:11px 18px}
.preview-footnote{display:flex;align-items:center;justify-content:center;gap:6px;font-size:9px;color:var(--muted);margin-top:12px}
.preview-footnote svg{height:12px;width:12px}
.receipt-float{position:absolute;bottom:-11px;right:-8px;display:flex;align-items:center;gap:11px;background:var(--surface-raised);border:1px solid var(--line);border-radius:11px;padding:14px 18px;box-shadow:0 12px 35px #14254910;transform:rotate(2deg);animation:receipt-float 7s ease-in-out infinite}
.receipt-float>svg{height:25px;width:25px;color:var(--blue)}
.receipt-float strong{display:block;font-size:10px;line-height:1.7;font-weight:650}
.receipt-float small{display:block;font-size:9px;color:var(--muted);line-height:1.6}
.receipt-float>span svg{width:14px;height:14px;color:#72a186;margin-left:5px}
.support-showcase{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;padding:48px 50px;background:var(--soft);border:1px solid var(--line);border-radius:20px}
.support-showcase h2{font-size:36px}
.support-showcase p{font-size:14px;color:var(--muted);line-height:1.8;margin:22px 0}
.chat-preview{padding:20px;border:1px solid var(--line);border-radius:12px;background:var(--page)}
.chat-preview-head{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:650;padding-bottom:19px}
.mini-logo{display:inline-flex;width:21px;height:21px}
.mini-logo svg{width:100%;height:100%}
.chat-preview-label{font-size:8px;margin-left:auto;color:var(--muted);font-weight:400;white-space:nowrap}
.preview-bubble{font-size:11px;line-height:1.7;border-radius:10px;padding:11px 14px;max-width:92%;margin-bottom:12px}
.preview-bubble.customer{margin-left:auto;background:var(--blue);color:#fff;border-bottom-right-radius:3px;width:fit-content}
.preview-bubble.operator{background:var(--surface-raised);border:1px solid var(--line);border-bottom-left-radius:3px}
.preview-chat-input{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px;border-top:1px solid var(--line);padding:13px 0 0;margin-top:16px}
.preview-chat-input svg{width:16px;height:16px}
.faq-section{padding-top:95px;padding-bottom:90px}
.faq-layout{grid-template-columns:.85fr 1.15fr;gap:75px}
.faq details{padding:22px 0;border-color:var(--line)}
.faq details:first-child{padding-top:3px}
.faq summary{font-size:14px;font-weight:650;line-height:1.6;align-items:center}
.faq summary:after{display:none}
.faq-plus{position:relative;height:14px;width:14px;flex-shrink:0;transition:transform .25s var(--ease)}
.faq-plus:before,.faq-plus:after{content:'';position:absolute;left:1px;top:6px;width:12px;height:1px;background:var(--muted);transition:transform .25s}
.faq-plus:after{transform:rotate(90deg)}
.faq details[open] .faq-plus{transform:rotate(180deg)}
.faq details[open] .faq-plus:after{transform:rotate(0)}
.faq p{font-size:13px;padding-top:15px;line-height:1.8;color:var(--muted)}
.closing{border-top:1px solid var(--line);text-align:center;padding:65px 0 85px}
.closing-logo{display:inline-flex;height:38px;width:38px;margin-bottom:22px}
.closing-logo svg{width:100%;height:100%}
.closing h2{font-size:40px;line-height:1.25;margin:0 0 30px}
.footer,[data-theme="dark"] .footer{background:var(--header);border:0;padding-top:50px}
.footer-grid,.footer-bottom{max-width:1176px}
.footer .brand{font-size:25px;gap:10px}
.footer .brand-mark.vector-mark{width:30px;height:32px;flex-basis:30px}
.footer-grid>div>a:not(.brand),.footer button,.footer-grid .muted{font-size:12px}
.footer-bottom{font-size:10px;gap:20px}
.footer-bottom a:hover{color:var(--blue)}
.support-fab,[data-theme="dark"] .support-fab{background:var(--surface);color:var(--ink);padding:12px 15px;border-color:var(--line);box-shadow:0 4px 18px #00000009;bottom:22px;right:22px;font-size:11px;gap:8px;transition:transform .2s,box-shadow .2s}
.support-fab:hover{transform:translateY(-3px);box-shadow:0 7px 25px #00000015}
.support-fab svg{height:18px;width:18px}
/* Motion is limited to transforms and opacity; keyboard users can stop the catalog. */
.will-reveal{opacity:0;transform:translateY(22px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
.will-reveal.is-visible{opacity:1;transform:translateY(0)}
@keyframes fade-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes soft-in{from{opacity:0}to{opacity:1}}
@keyframes core-in{from{opacity:0;transform:translate(-50%,-46%) scale(.93)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}
@keyframes node-float{0%,100%{transform:translateY(0) rotate(var(--node-rotation))}50%{transform:translateY(-7px) rotate(var(--node-rotation))}}
@keyframes route-flow{to{stroke-dashoffset:-144}}
@keyframes catalog-scroll{to{transform:translateX(-50%)}}
@keyframes receipt-float{0%,100%{transform:translateY(0) rotate(2deg)}50%{transform:translateY(-5px) rotate(1deg)}}
@keyframes demo-type{0%,12%{width:0}40%,90%{width:17ch}100%{width:0}}
@keyframes caret-blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes check-in{0%,40%,100%{opacity:0;transform:scale(.7)}48%,90%{opacity:1;transform:scale(1)}}
@media(min-width:1500px){.hero{padding-top:75px;padding-bottom:90px;min-height:690px}.routing{height:530px}.hero h1{font-size:76px}.container{max-width:1240px}.header-inner{max-width:1280px}}
@media(max-width:1100px){.hero h1{font-size:58px}.header nav{gap:22px}.header-inner{padding:0 28px;gap:22px}.header-actions{gap:15px}.routing-stage{top:67px}.routing-footer{bottom:35px}.routing{height:460px}.routing-core{width:132px;height:137px;border-radius:27px}.routing-node{width:119px}.node-inner{padding:10px 12px;gap:8px}.node-2{left:-2%}.node-3{right:-3%}.routing-core strong{font-size:22px}.routing-core .logo-symbol{height:44px;width:42px}.hero{min-height:610px}.brand-strip{gap:27px}.brand-wordmarks{gap:19px}.wordmark{font-size:19px}.wordmark-claude{font-size:24px}.wordmark svg{width:20px;height:20px}.brand-strip>small{display:none}.two-column,.faq-layout{gap:45px}.support-showcase{padding:40px;gap:40px}.support-showcase br{display:none}.chat-preview{padding:16px}.card-provider{gap:7px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-card{padding:22px 20px}}
@media(max-width:850px){.header-inner{height:76px}.header nav{display:none;position:absolute;top:76px;left:0;right:0;padding:22px 28px;background:var(--header);border-bottom:1px solid var(--line)}.header nav.open,[data-theme="dark"] .header nav.open{display:flex;background:var(--header)}.menu-button{display:block}.header-actions .button{display:none}.brand{font-size:27px}.hero{grid-template-columns:1fr 1fr;padding-top:42px;padding-bottom:52px;gap:12px;min-height:550px}.hero h1{font-size:45px;letter-spacing:-1.7px}.hero p{font-size:14px;margin-top:23px;line-height:1.85}.hero-buttons{flex-direction:column;align-items:flex-start;margin-top:24px;gap:10px}.hero-buttons .button{min-width:190px}.micro-row{flex-wrap:wrap;font-size:9px;gap:4px 10px}.note-separator{display:none!important}.routing{height:400px}.routing-stage{top:62px;width:100%}.routing-top{left:2px;font-size:9px;top:29px}.routing-top-icon{display:none}.routing-node{width:104px}.node-inner{padding:9px;gap:7px;border-radius:9px}.routing-node .service-icon{width:25px;height:25px;flex-basis:25px;padding:3px}.routing-node strong{font-size:9px}.routing-node small{font-size:8px}.routing-core{width:105px;height:110px;border-radius:23px}.routing-core .logo-symbol{width:34px;height:35px;margin-bottom:7px}.routing-core strong{font-size:18px}.routing-core small{font-size:6.5px}.routing-footer{bottom:20px}.routing-badge{font-size:9px;padding:7px 11px}.routing-footer p{font-size:8px!important}.brand-strip{gap:25px;padding:27px 0;min-height:100px}.brand-strip p{display:none}.brand-wordmarks{gap:15px}.wordmark{font-size:18px}.wordmark-claude{font-size:23px}.wordmark svg{height:18px;width:18px}.catalog-section{padding-top:65px;padding-bottom:60px}.section-heading h2{font-size:35px}.section-heading p{font-size:13px}.section-heading{gap:20px}.section-heading>.text-link{font-size:12px}.two-column,.faq-layout{grid-template-columns:1fr 1fr;gap:35px}.two-column h2,.faq-layout h2{font-size:32px}.two-column p{font-size:14px}.step h3{font-size:16px}.step p{font-size:12px}.step-num{width:29px;height:29px;flex-basis:29px}.step{gap:12px}.how-section{padding:60px 0}.order-showcase{padding:75px 32px 85px}.order-showcase .two-column{grid-template-columns:.9fr 1.1fr;gap:30px}.order-preview{padding:0 18px 16px}.preview-status{font-size:9px}.preview-price{display:none}.preview-service{margin-top:17px;margin-bottom:21px}.preview-instruction{gap:9px;margin-bottom:16px}.receipt-float{right:0;padding:11px 13px}.feature-inline{flex-direction:column;gap:10px;font-size:10px;margin:22px 0}.support-showcase{padding:32px;gap:25px}.support-showcase h2{font-size:31px}.support-showcase p{font-size:12px}.chat-preview-label{display:none}.preview-bubble{font-size:10px}.faq-section{padding-top:70px;padding-bottom:65px}.faq summary{font-size:13px}.faq p{font-size:12px}.closing{padding:55px 0 65px}.closing h2{font-size:35px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.footer-grid{grid-template-columns:1.2fr 1fr 1fr;gap:35px}.footer-grid>div:last-child{display:none}.footer-bottom span:last-child{display:block}}
@media(max-width:620px){.container{padding-left:24px;padding-right:24px}.header-inner{height:72px;padding:0 22px;gap:12px}.header nav{top:72px;padding:21px 24px}.brand{font-size:25px;gap:9px}.brand-mark.vector-mark{height:32px;width:29px;flex-basis:29px}.header .brand{font-size:25px}.header .brand-mark.vector-mark{width:29px;height:32px}.header-actions{gap:13px}.theme-button{width:27px;height:30px;padding:5px}.order-link{font-size:11px}.menu-button{font-size:0;width:20px;height:23px;padding:0;position:relative}.menu-button:before,.menu-button:after{content:'';position:absolute;left:1px;right:1px;height:1.5px;background:var(--ink);top:7px;transition:transform .25s,top .25s}.menu-button:after{top:15px}.menu-button[aria-expanded="true"]:before{top:11px;transform:rotate(45deg)}.menu-button[aria-expanded="true"]:after{top:11px;transform:rotate(-45deg)}.hero{grid-template-columns:1fr;gap:27px;padding-top:48px;padding-bottom:38px;min-height:0}.hero h1{font-size:clamp(38px,10.8vw,58px);line-height:1.09;letter-spacing:-.04em}.hero p{font-size:14px;margin-top:24px;line-height:1.85;max-width:370px}.hero p br{display:none}.hero-buttons{flex-direction:row;gap:9px;margin-top:26px}.hero-buttons .button{padding:13px 16px;min-width:0;min-height:47px;font-size:11px;gap:13px}.hero-buttons .button svg{width:14px;height:14px}.micro-row{font-size:9px;gap:7px;margin-top:16px;flex-wrap:nowrap}.micro-row>span{gap:5px;white-space:nowrap}.micro-row svg{width:12px;height:12px}.routing{width:100%;height:auto;aspect-ratio:1/1.16;max-width:440px;justify-self:center;margin-top:14px}.routing-top{top:0;left:7px;font-size:8px}.routing-top-icon{display:block}.routing-top-icon svg{width:14px;height:14px}.routing-stage{top:29px;width:100%}.routing-node{width:32%;max-width:126px}.node-inner{padding:9px 10px;gap:7px}.routing-node strong{font-size:9px}.routing-node small{font-size:7px}.routing-node .service-icon{width:26px;height:26px;flex-basis:26px}.node-0{left:2%;top:12%}.node-1{right:1%;top:7%}.node-2{left:-1%;top:41%}.node-3{right:-1%;top:43%}.node-4{left:4%;top:72%}.node-5{right:3%;top:70%}.routing-core{width:28%;height:auto;aspect-ratio:150/153;border-radius:22px;top:46%}.routing-core .logo-symbol{width:31px;height:32px;margin-bottom:8px}.routing-core strong{font-size:17px;letter-spacing:-.7px}.routing-core small{font-size:6px;margin-top:4px}.routing-footer{bottom:7px}.routing-badge{font-size:9px;padding:7px 11px;gap:6px}.routing-footer p{margin-top:8px!important;font-size:8px!important}.brand-strip{min-height:92px;padding:24px 0;gap:0}.brand-wordmarks{display:flex;flex-wrap:wrap;justify-content:center;gap:17px 23px}.wordmark{font-size:17px;gap:5px}.wordmark svg{width:17px;height:17px}.wordmark-claude{font-size:21px}.wordmark-notion{display:none}.brand-strip p{display:none}.catalog-section{padding-top:53px;padding-bottom:48px}.section-heading{display:block;margin-bottom:26px}.section-heading h2{font-size:31px;letter-spacing:-1px}.section-heading p{font-size:12px;margin-top:16px;max-width:310px}.section-heading>.text-link{margin-top:20px;font-size:11px;gap:9px}.catalog-carousel{margin:0 -24px;padding-left:24px;padding-bottom:10px;mask-image:linear-gradient(to right,transparent,#000 18px,#000 calc(100% - 18px),transparent)}.catalog-group{gap:14px;padding-right:14px}.catalog-group .product-card{width:260px;min-height:285px;padding:23px 22px 20px}.catalog-group .product-card h3{font-size:21px}.product-card .card-provider{font-size:10px}.product-card .card-top{margin-bottom:21px}.product-card .card-top .service-icon{width:30px;height:30px;flex-basis:30px}.product-card .card-bottom strong{font-size:19px}.product-card .card-tags{margin-bottom:21px}.product-card .card-bottom{padding-top:15px}.card-detail{font-size:10px}.catalog-caption{font-size:9px;margin-top:13px}.two-column,.faq-layout,.order-showcase .two-column{grid-template-columns:1fr;gap:36px}.how-section,[data-theme="dark"] .how-section{padding:49px 0}.how-section h2,.two-column h2,.faq-layout h2{font-size:32px;line-height:1.18;letter-spacing:-1.1px}.two-column p{font-size:14px;max-width:370px;line-height:1.85;margin-top:20px}.how-section .text-link{font-size:12px}.step-list{gap:24px}.step{gap:16px}.step h3{font-size:16px}.step p{font-size:13px;margin-top:8px}.order-showcase{padding-top:53px;padding-bottom:68px}.feature-inline{flex-direction:row;gap:14px;font-size:9px;margin:20px 0 24px}.showcase-copy .text-link{font-size:12px}.order-demo-wrap{padding:0 6px 19px 0}.order-preview,[data-theme="dark"] .order-preview{padding:0 21px 17px}.preview-status{font-size:10px;padding:14px 0}.preview-price{display:block;font-size:12px}.preview-service{margin:22px 0}.preview-service strong{font-size:15px}.preview-service small{font-size:9px}.preview-instruction strong{font-size:11px}.preview-instruction p{font-size:10px;margin:4px 0 8px}.preview-instruction{margin-bottom:20px;gap:12px}.receipt-float{right:-2px;bottom:-12px;padding:13px 15px}.support-showcase{grid-template-columns:1fr;gap:30px;padding:29px 24px;border-radius:15px}.support-showcase h2{font-size:31px}.support-showcase h2 br{display:block}.support-showcase p{font-size:13px;line-height:1.8;margin:18px 0 23px}.support-showcase .text-link{font-size:12px}.chat-preview{padding:16px}.chat-preview-head{font-size:9px;padding-bottom:17px}.chat-preview-label{display:block;font-size:7px}.preview-bubble{font-size:10px}.faq-section{padding-top:55px;padding-bottom:45px}.faq-layout{gap:27px}.faq summary{font-size:13px}.faq details{padding:20px 0}.faq p{font-size:13px;line-height:1.8;padding:12px 10px 0 0}.closing{padding:45px 0 55px}.closing-logo{height:32px;width:32px;margin-bottom:19px}.closing h2{font-size:30px;letter-spacing:-1.1px;line-height:1.25;margin-bottom:25px}.closing .button{font-size:12px;min-height:47px;padding:13px 20px}.footer{padding:35px 24px 22px}.footer-grid{grid-template-columns:1fr 1fr;gap:28px}.footer-grid>div:first-child{grid-column:1/-1}.footer .brand{font-size:24px}.footer-grid h3{font-size:12px}.footer-grid a,.footer button{font-size:11px!important}.footer p{font-size:12px}.footer-bottom{display:flex;flex-wrap:wrap;gap:9px 20px;font-size:9px;margin-top:28px}.footer-bottom>span{display:block}.footer-bottom .prototype-tools{flex:1;text-align:right}.support-fab,[data-theme="dark"] .support-fab{width:43px;height:43px;justify-content:center;padding:11px;right:15px;bottom:16px}.support-fab span{display:none}.product-grid{gap:13px}.product-grid .product-card{padding:18px 16px;min-height:302px}.product-grid .product-card h3{font-size:18px}.product-grid .product-card p{font-size:12px}.product-grid .card-provider>span:last-child{display:none}.product-grid .card-detail{font-size:0;gap:0}.product-grid .card-detail svg{width:15px;height:15px}.product-grid .card-tags .tag:last-child{display:none}.product-grid .card-tags{margin-bottom:17px}.product-grid .card-bottom strong{font-size:18px}.page-title{font-size:35px;letter-spacing:-1.3px}.panel{border-radius:13px}.catalog-controls{gap:18px}.logo-art .brand{font-size:29px}}
@media(max-width:360px){.header-inner{padding:0 16px}.header .brand{font-size:22px}.header-actions{gap:9px}.header .brand-mark.vector-mark{width:26px;flex-basis:26px}.container{padding-left:20px;padding-right:20px}.hero-buttons .button{padding:12px;font-size:10px;gap:9px}.micro-row{font-size:8px}.routing-core .logo-symbol{width:27px;height:28px}.routing-core strong{font-size:15px}.routing-core{border-radius:18px}.node-inner{padding:8px}.routing-node .service-icon{width:22px;height:22px;flex-basis:22px}.routing-node strong{font-size:8px}.routing-node small{font-size:6.5px}.routing-footer{bottom:0}.card-provider{gap:5px}.catalog-carousel{margin-left:-20px;margin-right:-20px}.product-grid .product-card{padding:17px 13px}.card-tags{gap:3px}.tag{font-size:8px}.feature-inline{gap:10px;font-size:8px}.chat-preview-label{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.will-reveal{opacity:1;transform:none}.catalog-carousel{overflow-x:auto;mask-image:none;scroll-snap-type:x mandatory}.catalog-track{width:max-content;transform:none!important;will-change:auto}.catalog-group .product-card{scroll-snap-align:start}.catalog-group.duplicate{display:none}.motion-toggle{display:none}.route-signal{display:none}.typing-id{width:17ch}.demo-input-check{opacity:1}.typing-caret{display:none}}