/* JetCode design tokens: editorial type, quiet surfaces, coral for decisions. */
:root{--ink:#102536;--muted:#56646e;--accent:#e96558;--accent-deep:#bc4136;--surface:#f7f8f9;--warm:#fff7f5;--line:#e2e6e9;--green:#247357;--radius:20px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--ease:cubic-bezier(.2,.75,.25,1)}
*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fff;color:var(--ink);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}button,input,textarea,select{font:inherit}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button{border:0}img,svg{vertical-align:middle}img{max-width:100%;height:auto}button:disabled{cursor:wait}::selection{background:#f9d3cb;color:var(--ink)}:focus-visible{outline:3px solid #bb483e;outline-offset:5px}input:focus-visible,textarea:focus-visible{outline-offset:1px}h1,h2,h3,h4,p{margin:0}h1,h2,h3{line-height:1.1;letter-spacing:-.05em;font-weight:600;text-wrap:balance}h1{font-size:clamp(42px,5.7vw,80px)}h2{font-size:clamp(34px,4.1vw,56px)}h3{font-size:27px;letter-spacing:-.035em}p{color:var(--muted)}p+p{margin-top:18px}small{font-size:12px}.icon{display:inline-block;flex-shrink:0;vertical-align:middle}a .icon,button .icon{transition:transform .25s var(--ease)}a:hover>.icon:last-child,a:hover .text-link>.icon,button:hover>.icon:last-child{transform:translate(2px,-1px)}[hidden]{display:none!important}.container{max-width:1280px;width:calc(100% - 96px);margin-inline:auto}.section{padding-block:106px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:32px;margin-bottom:44px}.section-heading>.eyebrow{align-self:flex-start}.section-heading>p{max-width:340px;font-size:16px;line-height:1.7}.eyebrow,.overline{display:block;font-size:10px;line-height:1.5;letter-spacing:.14em;font-weight:600;text-transform:uppercase;color:var(--muted)}.eyebrow{margin-bottom:21px}.tiny-square{display:inline-block;width:6px;height:6px;background:var(--accent);margin-right:8px;vertical-align:2px}.soft-text{color:#7b858d}.text-link{display:inline-flex;align-items:center;gap:13px;font-size:13px;font-weight:600;white-space:nowrap;min-height:44px}.text-link:hover{color:var(--accent-deep)}.text-link .icon{width:17px}.muted{color:var(--muted)}.btn{display:inline-flex;justify-content:center;align-items:center;gap:19px;min-height:52px;padding:13px 21px;border-radius:9px;font-size:13px;font-weight:600;line-height:1.5;transition:background .2s,transform .25s,box-shadow .25s;border:1px solid transparent;text-align:center}.btn:hover{transform:translateY(-2px)}.btn-primary{color:var(--ink);background:var(--accent);box-shadow:0 3px 6px #e9655810}.btn-primary:hover{background:#ef786a;box-shadow:0 7px 20px #e9655825}.btn-primary:active{transform:translateY(0)}.btn-secondary{background:white;border-color:var(--line);color:var(--ink)}.btn-secondary:hover{border-color:#b7c0c7;background:var(--surface)}.btn-small{min-height:41px;padding:9px 14px;font-size:11px;border-radius:7px;gap:12px}.btn .icon{width:17px}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-100px;left:20px;z-index:200;background:var(--ink);color:white;padding:12px 20px;border-radius:8px}.skip-link:focus{top:12px}
/* Navigation */
.site-header{height:80px;position:sticky;top:0;z-index:100;border-bottom:1px solid #e2e6e9b0;background:#ffffffed;backdrop-filter:blur(18px);transition:box-shadow .3s}.site-header.is-scrolled{box-shadow:0 5px 25px #10253607}.header-inner{height:100%;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:9px;white-space:nowrap;font-weight:700;font-size:27px;letter-spacing:-1.2px;line-height:1}.brand-dot{color:var(--accent)}.desktop-nav{display:flex;align-items:center;justify-content:center;gap:23px;flex:1}.desktop-nav>a,.nav-dropdown>a{font-size:11px;font-weight:500;display:inline-flex;align-items:center;min-height:60px;white-space:nowrap;transition:color .2s}.desktop-nav a:hover,.desktop-nav a[aria-current]{color:var(--accent-deep)}.nav-dropdown{display:flex;align-items:center;gap:1px}.nav-expand{padding:6px 0 6px 3px;background:none;line-height:1;display:flex;min-height:32px;align-items:center}.nav-expand .icon{width:12px}.header-actions{display:flex;gap:22px;align-items:center}.login-link{font-size:11px;font-weight:500;white-space:nowrap;display:flex;align-items:center;gap:8px;min-height:44px}.login-link .icon{width:14px}.mega-menu{display:none;position:absolute;top:79px;left:50%;transform:translateX(-50%);width:min(1050px,calc(100vw - 80px));padding:30px;background:white;border:1px solid var(--line);border-radius:0 0 20px 20px;box-shadow:0 25px 60px #10253616;grid-template-columns:1fr 2.2fr;gap:40px}.nav-dropdown.is-open .mega-menu{display:grid;animation:dropdownIn .2s var(--ease)}.nav-dropdown.is-open .nav-expand .icon{transform:rotate(180deg)}.mega-intro{background:var(--warm);padding:25px;border-radius:12px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;gap:20px}.mega-intro strong{font-size:29px;font-weight:600;line-height:1.2;letter-spacing:-.04em}.mega-links{display:grid;grid-template-columns:1fr 1fr;gap:5px 16px}.mega-links a{display:flex;align-items:center;gap:11px;padding:12px 8px;font-size:12px;border-radius:6px}.mega-links a:hover{background:var(--surface)}.mega-links a>.icon:first-child{color:var(--accent-deep);width:18px}.mega-links a>.icon:last-child{margin-left:auto;width:14px}.mobile-toggle,.mobile-menu{display:none}
/* Hero: one living workspace, with the task layered over the project. */
.home-hero{position:relative;overflow:hidden;padding-top:62px}.hero-grid-bg{position:absolute;z-index:-1;inset:0 0 0 44%;background:radial-gradient(ellipse at 90% 10%,#fcebe3bb,transparent 65%),linear-gradient(90deg,#fff 0%,#fafaf9 50%);mask-image:linear-gradient(90deg,transparent,#000 24%)}.hero-grid-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(#d9dee12c 1px,transparent 1px),linear-gradient(90deg,#d9dee12c 1px,transparent 1px);background-size:44px 44px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:2px;min-height:649px;align-items:center}.hero-copy{padding-bottom:65px;position:relative;z-index:3}.hero-announcement{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:-.1px;margin-bottom:40px;width:fit-content;border:1px solid var(--line);padding:5px 5px 5px 10px;border-radius:50px;background:#fff9}.hero-announcement a{display:flex;width:23px;height:23px;justify-content:center;align-items:center;background:var(--surface);border-radius:50%}.hero-announcement .icon{width:13px}.announcement-dot{height:5px;width:5px;border-radius:50%;background:var(--accent)}.hero-eyebrow{font-size:9px;color:#7d8589;margin-bottom:19px;letter-spacing:.17em}.hero-copy h1{font-size:clamp(47px,4.65vw,67px);letter-spacing:-.057em;line-height:1.09;position:relative;white-space:nowrap;width:max-content;font-weight:600}.hero-copy h1>span{color:#dc5a4e;position:relative;display:inline-block}.hero-underline{position:absolute;left:0;bottom:-12px;width:230px;height:16px;color:var(--accent);stroke-dasharray:650;animation:drawLine 1s .6s both}.hero-description{font-size:16px;line-height:1.8;max-width:480px;margin-top:30px;letter-spacing:-.25px}.hero-copy .hero-description{max-width:425px;font-size:14px;margin-top:30px}.hero-buttons{display:flex;align-items:center;gap:24px;margin-top:29px}.hero-copy .btn{font-size:12px;min-height:49px;padding:13px 17px;gap:18px}.hero-demo-link{display:flex;align-items:center;gap:9px;font-size:11px;font-weight:500;white-space:nowrap;min-height:44px}.hero-demo-link>span{width:30px;height:30px;border:1px solid #cdd4d9;border-radius:50%;display:grid;place-items:center}.hero-demo-link .icon{width:12px;margin-left:1px}.hero-demo-link:hover{color:var(--accent-deep)}.hero-benefits{margin-top:24px;display:flex;flex-wrap:wrap;gap:8px 16px;max-width:450px}.hero-benefits span{font-size:9px;color:#6e7a83;display:flex;align-items:center;gap:4px;white-space:nowrap}.hero-benefits .icon{width:11px;height:11px;color:#5f806e}.hero-product{position:relative;width:calc(100% + 42px);margin-left:6px;z-index:2;align-self:center;margin-top:10px;min-width:0}.hero-workspace{position:relative;min-width:0;padding-top:69px}.workspace-top-note{position:absolute;top:0;left:24px;right:0;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;letter-spacing:.08em;color:#7b858c}.workspace-top-note>span{display:flex;align-items:center;gap:6px}.workspace-top-note .icon{width:11px;height:11px}.status-dot{display:inline-block;width:5px;height:5px;border-radius:50%;background:#64a183}.task-input-float{position:absolute;top:29px;left:-10px;right:35px;z-index:4;min-height:78px;display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid #e3d8d3;border-radius:12px;background:#fffffffa;box-shadow:0 8px 26px #1025360c;transform:rotate(-1.2deg)}.task-input-icon{width:35px;height:35px;border-radius:9px;background:var(--warm);color:var(--accent-deep);display:grid;place-items:center;flex-shrink:0}.task-input-float small{font-size:7px;letter-spacing:.11em;color:#7d858c}.task-input-float p{font-size:12px;font-weight:500;color:var(--ink);line-height:1.7;margin-top:2px}.task-input-float>div{flex:1;min-width:0}.send-task{width:31px;height:31px;display:grid;place-items:center;background:var(--accent);border-radius:7px}.send-task .icon{width:17px}.workspace-window{background:white;border:1px solid #dbe0e3;border-radius:13px;box-shadow:0 24px 65px -20px #10253623;overflow:hidden;transform:rotate(.5deg)}.window-bar{height:34px;display:flex;align-items:center;justify-content:space-between;background:#fafafa;border-bottom:1px solid #e9ecee;padding:0 13px;font-size:8px;color:#939ba1}.window-dots{display:flex;gap:4px}.window-dots i{width:5px;height:5px;border-radius:50%;background:#d9dfe1}.window-dots i:first-child{background:#e6aca5}.window-dots i:nth-child(2){background:#e8d2a5}.window-dots i:last-child{background:#b6ccbd}.window-bar>span{display:flex;align-items:center;gap:4px}.window-bar .icon{width:9px;height:9px}.window-example{font-size:6px;letter-spacing:.12em}.workspace-body{display:grid;grid-template-columns:138px 1fr;min-height:357px}.workspace-sidebar{border-right:1px solid #ecedef;background:#fcfcfc;padding:16px 10px;display:flex;flex-direction:column;gap:4px}.workspace-project{display:flex;align-items:center;gap:8px;font-size:10px;margin:0 3px 19px}.workspace-project .icon{width:15px;height:15px}.workspace-project .icon:last-child{margin-left:auto;width:10px}.workspace-sidebar>small{font-size:6px;letter-spacing:.06em;color:#939ba2;margin:0 4px 5px;white-space:nowrap}.workspace-sidebar>small:nth-of-type(2){margin-top:18px}.workspace-nav{font-size:8px;display:flex;align-items:center;gap:7px;padding:8px 7px;color:#7e8992;white-space:nowrap;border-radius:5px}.workspace-nav>.icon{width:12px;height:12px}.workspace-nav i{font-style:normal;margin-left:auto;background:#f0f1f2;border-radius:3px;padding:0 4px;font-size:7px}.workspace-nav.active{background:#fceeea;color:#ae554b;font-weight:500}.sidebar-bottom{display:flex;gap:7px;align-items:center;margin-top:auto;padding:25px 4px 4px;font-size:6px;color:#8a959c;line-height:1.7}.sidebar-bottom>.icon{color:#789685;width:14px}.workspace-main{padding:20px 21px 14px;min-width:0}.workspace-main-heading{display:flex;justify-content:space-between;align-items:center}.workspace-main-heading small{display:block;font-size:6px;color:#89949c;letter-spacing:.09em;margin-bottom:7px}.workspace-main-heading strong{font-size:13px;letter-spacing:-.035em;font-weight:600}.avatar{display:inline-grid;place-items:center;background:#f8ede6;color:#8f6955;border-radius:50%;width:25px;height:25px;font-size:8px;flex-shrink:0}.workspace-info{display:flex;gap:12px;align-items:center;margin:13px 0 24px;padding-bottom:13px;border-bottom:1px solid #eef0f2;font-size:7px;color:#86929b}.workspace-info>span{display:flex;align-items:center;gap:4px}.workspace-info .icon{width:11px;height:11px}.workspace-info>span:last-child{color:#438467;padding:2px 6px;background:#f1f8f4;border-radius:3px}.workspace-info i{width:3px;height:3px;border-radius:50%;background:#56916b}.demo-task-heading{display:flex;align-items:center;justify-content:space-between;font-size:9px;font-weight:600;gap:10px}.demo-task-heading>span:first-child{display:flex;gap:6px;align-items:center}.demo-task-heading .icon{width:13px;color:var(--accent-deep)}.demo-label{font-size:6px;color:#688776;font-weight:400;background:#f4f8f5;padding:3px 5px;border-radius:3px;white-space:nowrap}.demo-explanation{font-size:8px;line-height:1.7;margin:9px 0 12px;color:#79868e;min-height:28px}.demo-checklist{display:flex;flex-direction:column;gap:6px}.demo-checklist>div{padding:8px 9px;border-radius:5px;background:#f8faf9;display:flex;align-items:center;gap:8px;font-size:8px;border:1px solid #edf1ee;transition:background .4s,border-color .4s}.demo-checklist>div>small{margin-left:auto;font-size:6px;color:#a3aca8}.step-icon{display:grid;place-items:center;width:13px;height:13px;border:1px solid #d9e6de;color:#65957c;border-radius:50%;flex-shrink:0}.step-icon .icon{width:8px;height:8px}.demo-checklist>.is-running{background:#fff7f2;border-color:#edd5c9}.demo-checklist>.is-running .step-icon{border-color:#e29b8e;color:var(--accent-deep);animation:stepPulse 1.2s infinite}.demo-checklist>.is-complete{background:#f3f8f4}.demo-result{display:flex;align-items:center;gap:9px;margin-top:13px;padding:10px;border:1px solid #e4e9e6;border-radius:6px;background:#fff}.result-symbol{width:26px;height:29px;display:grid;place-items:center;background:#edf4ee;color:#759581;border-radius:5px}.result-symbol .icon{width:14px;height:14px}.demo-result>span{flex:1;min-width:0}.demo-result strong{display:block;font-size:8px;font-weight:500}.demo-result small{display:block;font-size:6px;color:#9aa39d;margin-top:2px}.demo-result>.icon{width:12px;color:#879a8c}.demo-window-footer{display:flex;justify-content:space-between;gap:5px;margin-top:15px;padding-top:10px;border-top:1px solid #f0f1f1;font-size:6px;color:#8e9b94}.demo-window-footer>span{display:flex;align-items:center;gap:4px}.demo-window-footer .status-dot{width:3px;height:3px}.workspace-float-note{position:relative;width:266px;margin-top:-17px;margin-left:-25px;display:flex;align-items:center;gap:11px;background:white;border:1px solid #e4e7e4;padding:12px 14px;border-radius:10px;box-shadow:0 8px 28px #1025360c;transform:rotate(-1deg)}.workspace-float-note>.icon{width:25px;height:25px;color:#668a73}.workspace-float-note strong{font-size:9px;font-weight:500;display:block}.workspace-float-note small{font-size:7px;color:#8c969b;display:block;margin-top:2px}.note-check{margin-left:auto;width:19px;height:19px;border-radius:50%;display:grid;place-items:center;background:#eff6f0;color:#739380}.note-check .icon{width:10px}.workspace-caption{display:flex;justify-content:flex-end;align-items:center;gap:9px;font-size:6px;letter-spacing:.1em;color:#94a0a8;margin-top:-5px;padding-right:10px}.diagram-line{width:30px;height:1px;background:#cbd3d8}.demo-controls{display:flex;align-items:center;justify-content:center;gap:7px;margin-top:28px}.demo-controls button{border:1px solid #e2e6e9;background:#fff;display:flex;align-items:center;gap:6px;padding:8px 10px;border-radius:6px;font-size:8px;color:#7a858e;min-height:33px;transition:border-color .2s,background .2s}.demo-controls button.active{color:#a34b41;background:#fff7f3;border-color:#efd0c6}.demo-controls .icon{width:11px;height:11px}.demo-controls .demo-replay{padding-inline:9px}.demo-footnote{display:block;text-align:center;font-size:7px;color:#8b969e;margin-top:12px}.hero-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;border-top:1px solid #e2e6e9b0;position:relative;font-size:10px}.hero-bottom>span{font-size:8px;letter-spacing:.1em;color:#8a949c}.hero-bottom>div{display:flex;align-items:center;gap:18px;color:#727e88;font-size:9px}.hero-bottom i{width:23px;height:1px;background:#d6dce0;position:relative}.hero-bottom i::after{content:"";border:2px solid transparent;border-left-color:#c7cfd5;position:absolute;right:-4px;top:-1.5px}.hero-bottom strong{color:var(--ink);font-weight:500;display:flex;align-items:center;gap:9px}.hero-bottom strong .icon{color:var(--accent);width:13px}.hero-bottom>a{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--line);border-radius:50%}.hero-bottom>a .icon{width:12px;transform:rotate(90deg)}
/* Product bento */
.feature-bento{display:grid;grid-template-columns:1.12fr 1fr 1fr;gap:15px}.feature-bento>a{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;transition:transform .3s var(--ease),border-color .3s,box-shadow .3s}.feature-bento>a:hover{transform:translateY(-4px);border-color:#cfb5ad;box-shadow:0 12px 25px #10253607}.bento-main{grid-row:span 2;padding:30px;background:#fcf7f4;display:flex;flex-direction:column;min-height:438px}.card-overline{font-size:8px;letter-spacing:.09em;display:flex;align-items:center;gap:8px;color:#ad695b;margin-bottom:28px}.card-overline .icon{width:15px}.bento-main h3{font-size:34px;line-height:1.15;letter-spacing:-.05em;margin-bottom:20px}.bento-main p{font-size:11px;line-height:1.8;color:#7f7a76}.mini-message{display:flex;align-items:center;gap:10px;border:1px solid #e8d8cd;padding:14px 12px;border-radius:10px;margin:37px -5px 0 4px;transform:rotate(-2deg);background:#fff;font-size:10px;box-shadow:0 7px 17px #b38b6e09}.mini-avatar{display:grid;place-items:center;width:25px;height:25px;flex-shrink:0;border-radius:50%;background:#faf0e9;color:#a37561;font-size:7px}.mini-message>.icon{width:15px;margin-left:auto;color:#bd7d64}.card-arrow{position:absolute;bottom:17px;right:18px;display:grid;place-items:center;border:1px solid #e7d7cc;border-radius:50%;width:25px;height:25px;color:#ad8270}.card-arrow .icon{width:13px}.bento-small{padding:23px 25px 0;height:300px;background:#fafbfc}.card-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:19px}.card-heading>.icon{width:15px;color:#89969f}.icon-tile{display:inline-grid;place-items:center;border:1px solid #e3e7e9;border-radius:8px;background:#fff;width:34px;height:34px;color:#687c8c;flex-shrink:0}.icon-tile>.icon{width:18px;height:18px}.bento-small h3{font-size:23px;margin-bottom:9px}.bento-small p{font-size:11px;line-height:1.8;color:#7a8790}.bento-seo{background:#f6f9f8}.mini-search{margin-top:25px;padding:11px 12px;background:white;border:1px solid #dfe9e2;box-shadow:0 4px 10px #10253603;border-radius:9px 9px 0 0;transform:rotate(-2deg);width:95%}.mini-search>span{font-size:8px;color:#8b9893;display:flex;align-items:center;gap:9px;border-bottom:1px solid #edf1ed;padding-bottom:9px;margin-bottom:10px}.mini-search .icon{width:11px}.mini-search i{display:block;background:#e2eae5;width:76%;height:4px;border-radius:2px;margin-top:5px}.mini-search i:nth-child(3){width:92%;background:#edf0ee}.mini-search i:last-child{width:60%;background:#edf0ee}.mini-devices{height:92px;position:relative;width:175px;margin:19px auto 0}.mini-browser{position:absolute;top:7px;left:0;width:143px;height:100px;border:1px solid #d6e0e7;border-radius:7px;background:#fff;padding:21px 10px 8px;display:flex;gap:4px;flex-wrap:wrap;align-content:start;transform:rotate(-3deg)}.mini-browser>i{position:absolute;top:0;left:0;width:100%;height:12px;background:#edf1f5;border-bottom:1px solid #e1e7ed;border-radius:6px 6px 0 0}.mini-browser>span{width:100%;height:20px;background:#e4ebef;border-radius:2px;margin-bottom:3px}.mini-browser b{flex:1;background:#edf2f5;height:25px;border-radius:2px}.mini-phone{position:absolute;right:0;top:0;width:47px;height:91px;padding:12px 5px 6px;background:#fff;border:1px solid #c5d0da;border-radius:7px;transform:rotate(5deg);box-shadow:0 4px 10px #10253608}.mini-phone i{display:block;background:#dae4eb;width:12px;height:2px;border-radius:4px;position:absolute;top:5px;left:16px}.mini-phone span{display:block;width:100%;height:24px;background:#e2eaf0;border-radius:2px}.mini-phone b{display:block;width:100%;height:31px;background:#edf2f5;border-radius:2px;margin-top:4px}.device-check{position:absolute;top:42px;right:-14px;width:25px;height:25px;border:4px solid #f7f9fb;border-radius:50%;display:grid;place-items:center;background:#e4eee8;color:#6a917b}.device-check .icon{width:11px}.bento-strip{display:flex;align-items:center;gap:15px;background:#fff;padding:22px;min-height:122px}.bento-strip .icon-tile{background:#fafaf9;width:37px;height:37px}.bento-strip h3{font-size:17px;letter-spacing:-.025em;line-height:1.3}.bento-strip p{font-size:10px;margin-top:6px}.bento-strip>.icon{margin-left:auto;width:16px;color:#8a969f}.mini-bars{height:30px;display:flex;align-items:flex-end;gap:3px;margin-left:auto}.mini-bars i{width:4px;height:30%;background:#e9b6a9;border-radius:2px}.mini-bars i:nth-child(2){height:50%}.mini-bars i:nth-child(3){height:45%}.mini-bars i:nth-child(4){height:75%}.mini-bars i:nth-child(5){height:100%}.bento-strip .mini-bars+.icon{margin-left:0}
/* Alternative process */
.problem-section{border-top:1px solid var(--line)}.problem-comparison{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px}.problem-before,.problem-after{padding:29px 32px;background:#f8f9fa;border:1px solid #edf0f2;border-radius:var(--radius);min-height:310px;display:flex;flex-direction:column}.problem-after{background:#faf8f5;border-color:#e9e3dc}.problem-comparison .overline{font-size:9px}.scattered-notes{position:relative;height:170px;margin-top:10px}.scattered-notes>span{position:absolute;display:flex;align-items:center;gap:8px;padding:10px 14px;border:1px solid #e0e5e8;background:#fff;border-radius:7px;box-shadow:0 4px 9px #10253604;color:#7d8991;font-size:10px}.scattered-notes .icon{width:13px}.scattered-notes>span:nth-child(1){top:9px;left:7%;transform:rotate(-6deg)}.scattered-notes>span:nth-child(2){top:45px;right:0;transform:rotate(5deg)}.scattered-notes>span:nth-child(3){top:94px;left:3%;transform:rotate(-3deg)}.scattered-notes>span:nth-child(4){top:125px;right:5%;transform:rotate(3deg)}.problem-before>p,.problem-after>p{font-size:11px;text-align:center;margin-top:auto;color:#7a878e}.comparison-connector{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:40px;height:40px;display:grid;place-items:center;border:1px solid #e5dfd8;border-radius:50%;background:white;z-index:1}.comparison-connector .icon{width:17px;color:#ac8879}.unified-project{display:flex;flex-direction:column;align-items:center;margin:21px 0;gap:12px}.project-icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #edd0c3;background:#fff7f2;border-radius:11px;color:var(--accent-deep)}.unified-project strong{font-size:17px;font-weight:500;letter-spacing:-.5px}.unified-project>div{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}.unified-project>div span{display:flex;align-items:center;gap:4px;font-size:8px;padding:5px;background:#fff;border:1px solid #eee5dc;border-radius:4px}.unified-project>div .icon{width:10px;height:10px;color:#6c8b72}
/* Control narrative */
.control-section,.dark-panel{background:var(--ink);color:white;position:relative;overflow:hidden}.control-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:48px 48px}.control-layout{display:grid;grid-template-columns:1fr 1fr;gap:105px;position:relative;align-items:center;padding-block:105px}.control-copy>.eyebrow{color:#98a7b1;font-size:9px}.control-copy h2{font-size:49px;line-height:1.14}.control-copy h2>span{color:#9caeb9}.control-copy>p{color:#9aabb6;font-size:13px;line-height:1.9;margin-top:24px;max-width:390px}.control-copy>.text-link{color:#f0a093;margin-top:21px}.control-note{display:flex;gap:13px;align-items:center;margin-top:43px;color:#728a9a;font-size:10px}.control-note .icon{width:27px;height:27px}.control-diagram{max-width:440px;width:100%}.diagram-node{display:flex;align-items:center;gap:22px;padding:18px 20px;border:1px solid #344c5c;border-radius:11px;background:#183042;min-height:83px}.diagram-node>span{font-size:9px;color:#758e9d}.diagram-node>div{position:relative;display:grid;grid-template-columns:22px 1fr;gap:2px 12px;align-items:center;flex:1}.diagram-node>div>.icon{grid-row:span 2;color:#a1b3be;width:18px}.diagram-node strong{font-size:13px;font-weight:500}.diagram-node small{font-size:8px;color:#7c95a6}.diagram-node>.icon{color:#77a28a;width:14px}.node-active{border-color:#d4887666;background:#223745;box-shadow:0 0 35px #d8784e05}.node-active>div>.icon{color:#ecaa95}.node-active .status-dot{background:#eda38f;box-shadow:0 0 0 4px #eda38f0d}.node-connector{height:28px;width:1px;background:linear-gradient(#a96c5e88,#52708144);margin-left:57px;position:relative}.node-connector::after{content:"";width:3px;height:3px;background:#dc9683;position:absolute;top:12px;left:-1px;border-radius:50%}.diagram-split{text-align:center;color:#7f97a7;font-size:8px;padding-top:26px;position:relative}.diagram-split::before{content:"";position:absolute;top:0;left:57px;width:1px;height:18px;background:#415e71}.diagram-split>div{display:flex;justify-content:center;gap:13px;margin-top:14px}.diagram-split>div>span{padding:7px 16px;border:1px dashed #3e586a;border-radius:6px;display:flex;align-items:center;gap:7px;font-size:9px}.diagram-split .icon{width:13px;height:13px}
/* Choose a way to start */
.mode-layout{display:grid;grid-template-columns:1fr 1.2fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mode-switch-panel{padding:37px 35px;display:flex;flex-direction:column;align-items:flex-start}.segmented{display:inline-flex;padding:4px;border:1px solid var(--line);background:#f5f7f8;border-radius:9px;gap:3px}.segmented button{padding:8px 11px;min-height:35px;border-radius:6px;background:transparent;font-size:10px;display:flex;align-items:center;gap:6px;color:#7a8790}.segmented .icon{width:13px}.segmented button.active{background:white;color:var(--ink);box-shadow:0 1px 4px #10253613}.mode-switch-panel h3{font-size:27px;margin-top:37px;max-width:290px}.mode-switch-panel>p{font-size:12px;margin-top:15px;max-width:310px;line-height:1.9}.mode-switch-panel>.text-link{margin-top:17px;font-size:11px}.mode-switch-panel>small{font-size:8px;color:#929ca3;margin-top:auto;padding-top:25px;max-width:290px}.mode-chat{background:#f7f8f9;border-left:1px solid var(--line);padding:35px;display:flex;flex-direction:column;justify-content:center}.mode-chat>.overline{font-size:8px;margin-bottom:29px}.mode-user{display:flex;align-items:center;justify-content:flex-end;gap:9px}.mode-user>span:first-child{padding:12px 17px;background:#fff;border:1px solid #e1e6e9;border-radius:10px 10px 2px 10px;font-size:11px;box-shadow:0 2px 5px #10253603}.mode-assistant{display:flex;gap:14px;margin-top:23px;padding:23px;background:#fff;border:1px solid #e4e8eb;border-radius:12px}.ai-symbol{display:grid;place-items:center;color:var(--accent-deep);width:27px;height:27px;border:1px solid #f0d9ce;background:#fff8f4;flex-shrink:0;border-radius:8px}.ai-symbol .icon{width:15px}.mode-assistant strong{font-size:12px;font-weight:500}.mode-assistant p{font-size:11px;line-height:1.9;margin-top:8px;min-height:60px}.chat-suggestions{margin-top:14px;display:flex;gap:6px}.chat-suggestions a{display:flex;align-items:center;gap:6px;border:1px solid var(--line);border-radius:5px;padding:6px 8px;font-size:8px}.chat-suggestions .icon{width:11px}.mode-chat>.demo-footnote{margin-top:23px}
/* Skills and scenario libraries */
.skills-home{border-top:1px solid var(--line)}.skill-map{display:grid;grid-template-columns:1.2fr 1fr;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.skill-map-buttons{display:grid;grid-template-columns:1fr 1fr;gap:0;padding:14px;background:var(--surface);border-right:1px solid var(--line)}.skill-map-buttons>button{background:none;min-height:69px;display:flex;gap:10px;align-items:center;text-align:left;padding:12px 15px;font-size:11px;border-radius:9px;transition:background .25s,box-shadow .25s}.skill-map-buttons>button>.icon:first-child{color:#8798a4;width:19px}.skill-map-buttons>button>.icon:last-child{width:12px;margin-left:auto;opacity:0}.skill-map-buttons>button.active{background:white;box-shadow:0 2px 8px #10253609}.skill-map-buttons>button.active>.icon{color:var(--accent-deep);opacity:1}.skill-prompt{padding:38px;display:flex;flex-direction:column}.skill-prompt>.overline{display:flex;align-items:center;gap:7px;font-size:8px}.skill-prompt>.overline .icon{color:var(--accent-deep);width:13px}.skill-prompt blockquote{font-size:27px;font-weight:500;letter-spacing:-.8px;line-height:1.4;margin:32px 0 20px;min-height:115px;text-wrap:balance}.skill-prompt>.text-link{font-size:11px}.skill-prompt small{color:#8b979f;font-size:8px;margin-top:auto;padding-top:20px}.scenario-home{padding-top:30px}.scenario-home-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.scenario-home-card{display:flex;flex-direction:column;align-items:flex-start;border-top:1px solid var(--line);padding-top:22px;transition:border-color .3s}.scenario-home-card:hover{border-color:var(--accent)}.scenario-number{display:flex;gap:16px;align-items:center;font-size:12px;color:#b67060;margin-bottom:30px}.scenario-number>span{font-size:7px;color:#8d989f;letter-spacing:.08em}.scenario-home-card h3{font-size:26px;line-height:1.2;max-width:280px}.scenario-home-card p{font-size:12px;margin-top:15px;line-height:1.9;margin-bottom:22px}.scenario-home-card .text-link{margin-top:auto;font-size:11px}
/* Authentic source image */
.real-product-section{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center;border-top:1px solid var(--line)}.real-product-copy h2{font-size:44px}.real-product-copy>p{font-size:13px;margin-top:24px;line-height:1.9;max-width:370px}.real-product-copy>.text-link{margin-top:22px}.real-product-copy>small{display:block;font-size:9px;line-height:1.8;margin-top:30px;max-width:360px;color:#8e979d}.real-product-image{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:18px;overflow:hidden;height:400px;padding:25px}.real-product-image img{width:100%;border-radius:9px;box-shadow:0 8px 25px #1025360a}.real-product-image::after{content:"";position:absolute;pointer-events:none;bottom:0;left:0;right:0;height:90px;background:linear-gradient(transparent,#f7f8f9 90%)}.product-hotspot{position:absolute;display:flex;align-items:center;gap:9px;font-size:9px;z-index:2}.product-hotspot>span{display:grid;place-items:center;aspect-ratio:1;width:24px;border-radius:50%;background:var(--accent);color:var(--ink);border:3px solid #fff;box-shadow:0 0 0 4px #e9655825;font-size:9px}.product-hotspot>b{background:#102536e8;color:#fff;font-weight:400;padding:6px 11px;border-radius:5px;box-shadow:0 4px 12px #10253612;opacity:0;transform:translateX(-5px);transition:all .2s}.product-hotspot:hover>b,.product-hotspot:focus-visible>b{opacity:1;transform:none}.hotspot-one{top:103px;right:28px;flex-direction:row-reverse}.hotspot-two{top:218px;left:21px}.image-expand{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);background:white;border:1px solid var(--line);border-radius:6px;padding:6px 12px;z-index:3;font-size:9px;white-space:nowrap}.image-expand>.icon{width:12px;margin-left:8px}
/* Integrations, FAQ, conclusion */
.integrations-home{border-top:1px solid var(--line)}.integration-strip{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:16px;overflow:hidden}.integration-strip>a{padding:25px;display:grid;grid-template-columns:43px 1fr;gap:0 13px;align-items:center;transition:background .2s}.integration-strip>a+a{border-left:1px solid var(--line)}.integration-strip>a:hover{background:var(--surface)}.integration-logo{grid-row:span 2;display:grid;place-items:center;width:39px;height:39px;background:#faf7f3;border:1px solid #eee5dc;border-radius:9px;color:#bd5c48;font-size:16px;font-weight:600}.integration-strip>a:nth-child(2) .integration-logo{background:#fff5f0;color:#ad5144}.integration-strip>a:nth-child(3) .integration-logo{background:#f1f7f4;color:#4a8970}.integration-strip>a:nth-child(4) .integration-logo{background:#f2f4fa;color:#7d7fac}.integration-strip strong{font-size:11px;font-weight:500;line-height:1.4}.integration-strip small{font-size:8px;color:#8b969d;align-self:start;margin-top:4px}.section-footnote{font-size:10px;margin-top:17px;color:#8a969d}.faq-home{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;border-top:1px solid var(--line)}.faq-home h2{font-size:45px}.faq-home .text-link{margin-top:23px}.faq-list{border-top:1px solid var(--line)}.faq-list>details{border-bottom:1px solid var(--line)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:30px;list-style:none;font-size:13px;font-weight:500;cursor:pointer;padding:21px 0;min-height:64px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>.icon,.faq-list summary>span{flex-shrink:0}.faq-list summary>.icon,.faq-list summary>span>.icon{width:16px;color:#8b969f}.faq-list summary:hover{color:var(--accent-deep)}.faq-list details[open] summary>.icon,.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-answer{font-size:12px;line-height:1.9;color:var(--muted);padding:0 25px 22px 0;animation:menuIn .25s}.cta-section{text-align:center;position:relative;padding:75px 30px 61px;background:var(--warm);border:1px solid #f2e4de;border-radius:24px;margin-top:20px;margin-bottom:90px;overflow:hidden}.cta-section>.eyebrow{font-size:8px;color:#b07865;margin-bottom:22px}.cta-section h2{font-size:53px;line-height:1.14;position:relative;z-index:2}.cta-section h2>span{color:#ce6353}.cta-section p{margin-top:23px;font-size:13px;color:#8d807a;line-height:1.8;position:relative;z-index:2}.cta-section>.btn{margin-top:27px;font-size:12px;position:relative;z-index:2}.cta-section>small{display:block;font-size:9px;color:#a18c81;margin-top:16px;position:relative;z-index:2}.cta-orbit{position:absolute;width:580px;height:580px;border:1px solid #ecd5c448;border-radius:50%;right:-260px;top:50%;transform:translateY(-50%)}.cta-orbit::before{content:"";position:absolute;inset:55px;border:1px solid #ecd5c448;border-radius:50%}.cta-orbit>span{position:absolute;display:grid;place-items:center;border:1px solid #eadacf;border-radius:12px;background:#fffaf6;width:48px;height:48px;color:#c79d89;transform:rotate(-8deg)}.cta-orbit>span:first-child{top:65px;left:45px}.cta-orbit>span:nth-child(2){top:250px;left:-22px;transform:rotate(9deg)}.cta-orbit>span:last-child{bottom:65px;left:46px;transform:rotate(5deg)}.cta-orbit .icon{width:20px}.footer-top{display:grid;grid-template-columns:2fr repeat(4,1fr);gap:35px;padding-bottom:52px}.footer-brand .brand{font-size:26px}.footer-brand p{font-size:11px;margin-top:20px;line-height:1.9;color:#8a969e}.footer-status{display:flex;gap:7px;align-items:center;color:#93a099;font-size:8px;margin-top:22px}.footer-status i{width:4px;height:4px;background:#81a28e;border-radius:50%}.footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:12px;font-size:10px;color:#78858e}.footer-column strong{font-size:10px;font-weight:600;margin-bottom:7px;color:var(--ink)}.footer-column>a:hover{color:var(--accent-deep)}.footer-bottom{border-top:1px solid var(--line);padding:22px 0 25px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#909aa1;font-size:9px}.back-top{display:flex;align-items:center;gap:8px}.back-top .icon{width:13px}
/* Inner pages share tokens, while each story has its own structure. */
.page-hero{padding-top:34px;padding-bottom:66px}.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:10px;color:#89969f;margin-bottom:49px}.breadcrumbs a:hover{color:var(--accent-deep)}.page-hero>.eyebrow{font-size:9px}.page-hero h1{font-size:clamp(42px,5.5vw,72px);max-width:1040px;line-height:1.08}.page-hero .hero-description{max-width:680px;margin-top:26px;font-size:16px;line-height:1.8}.inner-page .section{padding-block:68px}.inner-page .page-hero+.section{border-top:1px solid var(--line)}.inner-page .section-heading{align-items:flex-start;flex-direction:column;gap:0;margin-bottom:33px}.inner-page .section-heading h2{max-width:900px;font-size:43px}.inner-page .section-heading>p{max-width:700px;margin-top:20px}.grid-2,.grid-3{display:grid;gap:20px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.card{border:1px solid var(--line);border-radius:16px;background:#fff;padding:30px;min-width:0}.card h3{font-size:25px;margin:20px 0 13px}.card p{font-size:13px;line-height:1.9}.card .text-link{font-size:12px;margin-top:17px}.card>.eyebrow{margin-bottom:15px}.feature-card{display:flex;flex-direction:column;align-items:flex-start;transition:background .2s,border-color .2s}.feature-card:hover{border-color:#dbb5a8;background:#fffdfb}.feature-card .text-link{margin-top:auto;padding-top:20px}.feature-icon{display:inline-grid;place-items:center;width:43px;height:43px;border-radius:10px;border:1px solid var(--line);background:var(--surface);color:var(--accent-deep)}.tag,.pill{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:5px;background:var(--surface);padding:5px 8px;font-size:9px;line-height:1.4;color:#657984}.pill{border-radius:50px;padding:7px 13px}.card .tag{align-self:flex-start;margin-top:14px}.card-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.catalog-toolbar{margin-bottom:40px}.search-field{display:flex;gap:12px;align-items:center;border:1px solid #d7dfe5;border-radius:9px;padding:0 17px;max-width:550px;background:#fff;transition:border-color .2s}.search-field:focus-within{outline:2px solid #e5a99c;outline-offset:2px}.search-field>.icon{width:18px;color:#7b8f9c}.search-field input{width:100%;padding:15px 0;border:0;background:transparent;color:var(--ink);font-size:14px;outline:none}.search-field input::placeholder{color:#98a2aa}.search-field input:focus-visible{outline:none}.filter-bar{display:flex;flex-wrap:wrap;gap:8px;margin-top:19px}.chip{font-size:10px;min-height:36px;padding:8px 13px;border:1px solid var(--line);border-radius:6px;background:#fff;color:#6b7c87;transition:all .2s}.chip.is-active,.chip.active{background:var(--ink);border-color:var(--ink);color:#fff}.chip:hover:not(.is-active){background:var(--surface)}.callout{background:#fff8f3;border:1px solid #edddd0;border-left:3px solid #d89c7f;padding:22px 25px;border-radius:0 10px 10px 0;margin-block:25px;color:var(--muted);font-size:13px;line-height:1.9}.callout h3{font-size:20px;margin-bottom:12px;color:var(--ink)}.callout h3 .icon{width:18px;margin-right:6px}.callout h2{font-size:28px;margin:20px 0}.callout p{font-size:12px;line-height:1.9}.callout .tag{background:#fff0e4;color:#946345;border-color:#e9ceb5}.split-panel,.detail-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:75px}.split-panel>div>p,.detail-layout p{font-size:15px;line-height:1.9}.split-panel h2{font-size:46px}.split-panel .btn{justify-self:start}.detail-layout{grid-template-columns:1.2fr .8fr;align-items:start}.detail-layout h2{font-size:42px}.detail-layout h3{font-size:26px}.prose{max-width:800px}.prose h2{font-size:31px;line-height:1.2;margin:40px 0 18px}.prose h2:first-child{margin-top:0}.prose h3{font-size:25px;margin:28px 0 14px}.prose p,.prose li{font-size:14px;line-height:1.9}.prose ul{padding-left:23px;color:var(--muted)}.prose li+li{margin-top:8px}.prompt-card{display:flex;align-items:flex-start;gap:18px;background:#fcf8f4;border:1px solid #e9ddd1;border-radius:12px;padding:22px;margin-top:18px;font-size:15px;line-height:1.8;color:#8f6553}.prompt-card>.icon{width:20px;color:#be7860;margin-top:4px;flex-shrink:0}.section-surface{background:var(--surface)}.dark-panel p{color:#a4b3be}.dark-panel .eyebrow{color:#93a6b4}.dark-panel h2{max-width:850px}.dark-panel .steps{margin-top:44px}.dark-panel .process-number{border-color:#436071;color:#dca392;background:#193548}.steps{padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px;counter-reset:step}.steps li{font-size:14px;line-height:1.8;padding-top:22px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:18px}.process-number{display:grid;place-items:center;border:1px solid #e1d8d1;background:#fcf8f4;border-radius:50%;width:33px;height:33px;font-size:10px;color:#aa6f5b;flex-shrink:0}.solution-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.solution-card{padding:35px;display:flex;flex-direction:column;gap:17px}.solution-card:nth-child(3n+1){background:#faf7f3}.solution-card .tag{margin:0}.solution-card h2,.solution-card h3{font-size:31px;margin:0}.solution-card>p{font-size:14px}.solution-card .text-link{margin-top:auto}.solution-tasks{padding-left:17px;color:#687b88;font-size:12px;line-height:1.9}.solution-tasks>li+li{margin-top:7px}.check-list{padding:0;list-style:none;margin-top:20px}.check-list>li{display:flex;align-items:flex-start;gap:10px;font-size:13px;line-height:1.8;margin-top:13px;color:var(--muted)}.check-list>.icon,.check-list>li>.icon{width:15px;height:15px;margin-top:4px;color:#698775;flex-shrink:0}
/* Long-form timeline */
.workflow-layout{display:grid;grid-template-columns:.75fr 1.3fr;gap:65px;align-items:start}.workflow-navigation{display:flex;flex-direction:column;gap:6px;position:sticky;top:112px}.workflow-tab{display:flex;align-items:center;gap:16px;padding:14px 16px;text-align:left;border-radius:9px;background:none;border:1px solid transparent;min-height:65px}.workflow-tab strong{font-size:13px;font-weight:500}.workflow-tab>span:last-child{font-size:13px}.workflow-tab.is-active,.workflow-tab[aria-selected="true"]{background:#fff8f3;border-color:#eddfd3}.workflow-tab.is-active .process-number{background:#e96558;border-color:#e96558;color:#102536}.workflow-panel{animation:menuIn .4s}.workflow-screen{border:1px solid var(--line);border-radius:15px;background:#fff;overflow:hidden;box-shadow:0 15px 40px #10253609;position:sticky;top:112px}.workflow-screen .window-bar{height:43px;padding:0 18px;font-size:10px}.workflow-screen-content{padding:40px;min-height:330px}.workflow-screen-content>.tag{margin-bottom:25px}.workflow-screen-content h3{font-size:30px;margin-bottom:20px}.workflow-screen-content p{font-size:14px;line-height:1.9}.workflow-screen-content .prompt-card{font-size:13px}.workflow-screen-content>.text-link{margin-top:22px}.workflow-panel>p{font-size:13px;margin-top:24px}.control-flow{display:flex;align-items:center;justify-content:space-between;gap:13px;padding:30px;border:1px solid #2f4c60;border-radius:12px;margin-top:35px}.control-flow>span{font-size:12px;display:flex;align-items:center;gap:8px}.control-flow>.icon{color:#8aa2b2;width:17px}.control-flow>span>.icon{color:#e6a390;width:17px}
/* Searchable skills library */
.library-header,.library-row{display:grid;grid-template-columns:1fr 1.2fr .7fr;gap:30px}.library-header{font-size:9px;letter-spacing:.1em;color:#8b98a2;padding:15px 24px;border-block:1px solid var(--line);text-transform:uppercase}.skill-library .library-row{padding:28px 24px;border-bottom:1px solid var(--line);align-items:start;transition:background .2s}.library-row:hover{background:#fcfcfb}.library-content{display:flex;align-items:flex-start;gap:17px}.library-content h3{font-size:22px;margin:1px 0 8px}.library-content p{font-size:11px;line-height:1.8}.library-content .feature-icon{width:35px;height:35px;flex-shrink:0}.library-meta{font-size:11px;display:flex;flex-direction:column;align-items:flex-start;gap:13px;color:#89959e}.library-meta .tag{margin-top:0}.skill-prompt{font-size:13px;color:#596d7b;line-height:1.8}.library-row .skill-prompt{padding:0}.scenario-library{display:flex;flex-direction:column;gap:22px}.scenario-card{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:35px;border:1px solid var(--line);border-radius:16px;background:white}.scenario-card h2{font-size:31px;line-height:1.2;margin-top:14px}.scenario-card p{font-size:13px;margin-top:15px}.scenario-card .text-link{margin-top:20px}.scenario-facts{display:grid;gap:16px;margin:0}.scenario-facts>div{padding-bottom:12px;border-bottom:1px solid #edf0f2}.scenario-facts dt{font-size:9px;color:#8b98a2;text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}.scenario-facts dd{font-size:12px;line-height:1.8;color:var(--muted);margin:0}.integration-card{display:flex;flex-direction:column;align-items:flex-start;padding:30px}.integration-heading{display:flex;align-items:center;gap:18px;margin-bottom:22px}.integration-heading h2{font-size:27px;letter-spacing:-.04em}.integration-heading .tag{margin-top:7px}.integration-mark{display:grid;place-items:center;width:50px;height:50px;border-radius:12px;background:#fff6ed;border:1px solid #ecdfd1;color:#b77755;font-size:21px;font-weight:600;flex-shrink:0}.integration-card:nth-child(3) .integration-mark{background:#f1f7f4;color:#558b73;border-color:#dce9e2}.integration-card:nth-child(4) .integration-mark{background:#f4f3f9;color:#8480a5;border-color:#e5e2ef}.integration-card>p{font-size:13px}.integration-facts{margin-block:20px;display:flex;flex-direction:column;gap:15px;font-size:12px;color:#72848f}.integration-facts dt{font-weight:600;color:#536b7a;margin-bottom:3px}.integration-facts dd{margin:0}.integration-card .text-link{margin-top:auto;font-size:12px}.demo-intro{display:grid;grid-template-columns:.6fr 1.3fr;gap:45px;align-items:center}.demo-intro>.hero-workspace{max-width:800px;width:100%;margin-inline:auto}.demo-intro h2{font-size:38px}.demo-intro>div>p{font-size:14px;line-height:1.9;margin-top:24px}.demo-intro>div>.tag{margin-bottom:20px}.inner-page .hero-workspace .demo-controls button{min-height:39px}.inner-page .hero-workspace .demo-footnote{font-size:9px}.inner-page .hero-workspace .workspace-body{min-height:370px}.inner-page .hero-workspace .workspace-main{padding-bottom:20px}
/* Pricing only states confirmed information */
.pricing-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:25px;align-items:stretch}.trial-card{background:var(--warm);padding:37px;border:1px solid #eedbd3;position:relative}.trial-card .feature-icon{margin-bottom:20px;background:#fff3e9;color:#a8654b;border-color:#eed7c5}.trial-card h2{font-size:37px;margin-block:12px 20px}.trial-card p{font-size:13px}.trial-card .btn{margin-top:28px}.trial-card small{display:block;margin-top:15px;font-size:10px;color:#94857b}.pricing-current{padding:37px;background:#f7f9fa}.pricing-current h2{font-size:35px;margin:16px 0 20px}.pricing-current p{font-size:14px}.pricing-current .btn{margin-top:27px}.table-scroll{overflow:auto;border:1px solid var(--line);border-radius:13px;margin-top:30px}.pricing-table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}.pricing-table th,.pricing-table td{padding:19px 24px;border-bottom:1px solid var(--line);vertical-align:top}.pricing-table th{background:var(--surface);color:#72828c;font-size:10px;font-weight:500}.pricing-table tr:last-child td{border-bottom:0}.pricing-table td:not(:first-child){color:#7c8d96}.case-notice{display:flex;align-items:center;gap:16px}.case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.case-card{padding:0;overflow:hidden}.case-card>div:last-child{padding:28px}.case-card h2{font-size:30px;margin:20px 0 14px}.case-card p{font-size:13px}.case-card .text-link{font-size:12px}.case-visual{height:185px;background:#f6f8f7;padding:28px 35px;display:flex;flex-direction:column;gap:13px;justify-content:center;border-bottom:1px solid var(--line)}.case-card:nth-child(2n) .case-visual{background:#fcf7f3}.case-visual-line{height:8px;max-width:80%;background:#e1e8e3;border-radius:4px}.case-visual-line:nth-child(2){max-width:60%;background:#e7ede9}.case-visual-result{display:flex;align-items:center;gap:10px;padding:12px 15px;background:#fff;border:1px solid #dfe7e1;border-radius:7px;color:#668172;font-size:10px}.case-visual-result .icon{width:14px}.case-intro{max-width:900px}.case-intro>p{font-size:16px;line-height:1.9;margin-top:24px}.about-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:45px}.about-principles h3{font-size:26px;margin:25px 0 18px}.about-principles p{font-size:13px;line-height:1.9}.architecture-map{max-width:850px;margin-inline:auto;text-align:center}.architecture-map h3{font-size:28px}.architecture-context{display:flex;align-items:center;justify-content:center;gap:12px;padding:30px 0;position:relative}.architecture-context::before{content:"";position:absolute;top:0;left:50%;height:100%;width:1px;background:var(--line);z-index:-1}.architecture-context>.pill{background:#fff;position:relative}
/* Contact, legal and 404 */
.contact-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:start}.contact-layout h2{font-size:44px}.contact-layout>div>p{font-size:14px;margin-top:25px;line-height:1.9}.contact-layout>div>.text-link{white-space:normal;font-size:12px}.contact-form{padding:33px;display:flex;flex-direction:column;gap:22px}.form-field{display:flex;flex-direction:column;gap:8px}.form-field label{font-size:12px;font-weight:500}.form-field label>span{color:var(--accent-deep)}.form-field input,.form-field textarea{width:100%;border:1px solid #d8e0e6;border-radius:8px;padding:12px 14px;background:#fcfdfd;color:var(--ink);font-size:13px;transition:border-color .2s}.form-field textarea{resize:vertical;min-height:130px}.form-field input::placeholder,.form-field textarea::placeholder{color:#9ca8b0}.form-field input:user-invalid,.form-field textarea:user-invalid{border-color:#b8483c;background:#fffaf8}.form-field>.muted{font-size:10px}.checkbox-field{display:flex;align-items:flex-start;gap:11px;font-size:10px;color:#7b8b95;line-height:1.8;cursor:pointer}.checkbox-field input{accent-color:var(--accent-deep);width:17px;height:17px;flex-shrink:0;margin:1px 0 0}.checkbox-field a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}.contact-form .btn{align-self:flex-start}.form-status{font-size:11px;line-height:1.8;min-height:20px}.form-status.checked{padding:12px 15px;background:#f0f7f1;border:1px solid #d2e3d6;border-radius:8px;color:#417050}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq-aside{position:sticky;top:115px}.faq-aside h2{font-size:40px}.faq-aside>p{font-size:14px;margin-top:23px}.faq-aside>.text-link{margin-top:25px;font-size:12px}.legal-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:start}.legal-layout>aside{position:sticky;top:100px;margin-top:0}.not-found-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.not-found-links h2{font-size:27px;margin-top:22px}.not-found-links p{font-size:13px;margin-top:18px}.not-found-links .card>.icon{color:var(--accent-deep)}.comparison-stage{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:15px;min-height:250px}.comparison-before,.comparison-after{padding:35px;background:var(--surface)}.comparison-range{width:100%;accent-color:var(--accent-deep);min-height:44px;margin-top:18px}.comparison-after{background:var(--warm)}
/* Motion communicates sequence, and never hides content without JavaScript. */
@keyframes menuIn{from{opacity:0;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}
@keyframes drawLine{from{stroke-dashoffset:650}to{stroke-dashoffset:0}}
@keyframes stepPulse{50%{box-shadow:0 0 0 3px #edbbad40}}
@keyframes heroIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
.hero-eyebrow,.hero-copy h1,.hero-copy>.hero-description,.hero-copy>.hero-buttons,.hero-product{animation:heroIn .7s var(--ease) both}.hero-copy h1{animation-delay:.08s}.hero-copy>.hero-description{animation-delay:.14s}.hero-copy>.hero-buttons{animation-delay:.2s}.hero-product{animation-delay:.25s}.js-motion [data-reveal]{transition:opacity .65s var(--ease),transform .65s var(--ease)}.js-motion [data-reveal].will-reveal{opacity:0;transform:translateY(22px)}.page-hero{animation:heroIn .5s var(--ease)}
/* Responsive: retain readable content at 320px and generous rhythm on desktop. */
@media(min-width:1600px){.container{width:calc(100% - 160px)}.hero-layout{min-height:710px}.hero-copy h1{font-size:73px}.hero-product{width:calc(100% + 55px)}.hero-copy .hero-description{font-size:16px}.hero-copy .btn{font-size:13px}.hero-bottom{padding-block:30px}}
@media(max-width:1200px){.container{width:calc(100% - 64px)}.desktop-nav{gap:16px}.header-inner{gap:22px}.header-actions{gap:15px}.desktop-nav>a,.nav-dropdown>a{font-size:10px}.brand{font-size:24px}.brand>svg{width:27px}.header-actions .btn{font-size:10px;padding-inline:10px}.hero-copy h1{font-size:5vw}.hero-copy .hero-description{max-width:340px;font-size:13px}.hero-buttons{gap:15px}.hero-copy .btn{font-size:11px;padding-inline:12px;gap:10px}.hero-demo-link{font-size:10px;gap:7px}.hero-product{width:calc(100% + 26px)}.workspace-body{grid-template-columns:112px 1fr}.workspace-main{padding:19px 14px 12px}.workspace-sidebar{padding-inline:7px}.workspace-sidebar>small{font-size:5px}.workspace-project{font-size:9px;gap:5px}.workspace-nav{font-size:7px;padding:8px 5px;gap:5px}.workspace-main-heading strong{font-size:11px}.workspace-float-note{margin-left:-10px}.task-input-float{left:0;right:15px}.demo-explanation{font-size:7px}.demo-checklist>div{font-size:7px;padding-inline:6px}.workspace-main-heading small{font-size:5px}.workspace-info{gap:5px;font-size:6px}.hero-layout{min-height:610px}.hero-benefits{max-width:320px}.hero-benefits span{font-size:8px}.hero-announcement{font-size:9px}.hero-bottom>div{gap:12px}.hero-bottom i{width:13px}.bento-main h3{font-size:30px}.bento-main{padding:27px}.bento-small{padding-inline:22px}.bento-small h3{font-size:21px}.bento-strip{padding:19px 17px;gap:10px}.bento-strip h3{font-size:16px}.mini-bars{display:none}.control-layout{gap:70px}.control-copy h2{font-size:44px}.integration-strip>a{padding:21px 17px;grid-template-columns:35px 1fr;gap:0 10px}.integration-logo{width:33px;height:35px;font-size:14px}.integration-strip strong{font-size:10px}.real-product-section{gap:45px}.real-product-copy h2{font-size:40px}.footer-top{gap:26px;grid-template-columns:1.6fr repeat(4,1fr)}}
@media(max-width:1000px){.desktop-nav{gap:12px}.header-inner{gap:16px}.header-actions .login-link{display:none}.desktop-nav>a,.nav-dropdown>a{font-size:9px}.brand{font-size:22px}.hero-copy h1{font-size:4.9vw}.hero-copy .hero-buttons{flex-direction:column;align-items:flex-start;gap:11px}.hero-copy{padding-bottom:40px}.hero-announcement{margin-bottom:30px;font-size:8px}.hero-announcement a{width:20px;height:20px}.hero-product{width:calc(100% + 12px);margin-left:6px}.workspace-body{grid-template-columns:98px 1fr}.workspace-sidebar>small{font-size:4.5px}.workspace-nav{font-size:6px}.workspace-project{font-size:8px}.workspace-main{padding:17px 10px 12px}.workspace-main-heading strong{font-size:10px}.workspace-info{gap:4px;font-size:5px;margin-bottom:18px}.workspace-info .icon{width:8px}.demo-task-heading{font-size:8px}.demo-label{font-size:5px}.demo-checklist>div{font-size:6px;padding:8px 5px;gap:5px}.demo-window-footer{font-size:5px}.task-input-float p{font-size:10px}.workspace-float-note{width:235px;margin-left:-7px}.workspace-caption{font-size:4px;margin-top:7px}.workspace-body{min-height:339px}.workspace-top-note{font-size:6px;left:8px}.hero-layout{min-height:600px}.hero-bottom{gap:10px}.hero-bottom>span{font-size:6px}.hero-bottom>div{font-size:8px;gap:9px}.hero-bottom i{width:9px}.section{padding-block:80px}.section-heading h2{font-size:42px}.bento-main h3{font-size:27px}.bento-main p{font-size:10px}.bento-main{padding:24px}.bento-small{height:280px;padding:22px 19px 0}.bento-small h3{font-size:19px}.bento-small p{font-size:10px}.bento-strip{padding:18px 15px}.bento-strip h3{font-size:14px}.bento-strip p{font-size:9px}.bento-strip .icon-tile{width:30px;height:30px}.mini-message{font-size:9px}.control-layout{gap:55px}.control-copy h2{font-size:39px}.control-copy>p{font-size:12px}.diagram-node{padding:16px;gap:13px}.diagram-node strong{font-size:12px}.diagram-node small{font-size:7px}.mode-layout{grid-template-columns:1fr 1.1fr}.mode-switch-panel,.mode-chat{padding:28px}.mode-switch-panel h3{font-size:25px}.segmented button{font-size:9px;padding:8px}.mode-assistant{padding:18px;gap:10px}.skill-map-buttons{padding:10px}.skill-map-buttons>button{font-size:10px;padding:10px;gap:8px;min-height:65px}.skill-map-buttons>button>.icon:first-child{width:17px}.skill-prompt{padding:30px}.skill-prompt blockquote{font-size:24px}.scenario-home-card h3{font-size:23px}.scenario-home-card p{font-size:11px}.real-product-copy h2{font-size:36px}.real-product-image{height:340px;padding:20px}.faq-home{gap:55px}.faq-home h2{font-size:37px}.faq-list summary{font-size:12px}.integration-strip>a{padding:20px 12px;gap:0 7px}.integration-strip strong{font-size:9px}.cta-section h2{font-size:47px}.footer-top{gap:20px}.footer-column{font-size:9px}.footer-column strong{font-size:9px}.footer-brand .brand{font-size:23px}.footer-brand p{font-size:10px}.inner-page .section{padding-block:55px}.page-hero{padding-bottom:55px}.page-hero h1{font-size:59px}.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-layout{gap:35px}.workflow-screen-content{padding:30px}.library-header,.library-row{gap:20px;grid-template-columns:1.2fr 1fr .7fr}.library-content h3{font-size:20px}.contact-layout,.legal-layout{gap:45px}.demo-intro{grid-template-columns:1fr}.demo-intro>div:first-child{max-width:700px}.demo-intro>.hero-workspace{max-width:730px}.demo-intro .workspace-body{grid-template-columns:160px 1fr}.demo-intro .workspace-nav{font-size:9px}.demo-intro .workspace-sidebar>small{font-size:7px}.demo-intro .workspace-main{padding:25px}.demo-intro .demo-task-heading{font-size:12px}.demo-intro .demo-explanation{font-size:11px}.demo-intro .demo-checklist>div{font-size:11px}.demo-intro .demo-result strong{font-size:11px}.demo-intro .workspace-main-heading strong{font-size:18px}.demo-intro .workspace-info{font-size:10px}.demo-intro .demo-window-footer{font-size:8px}}
@media(max-width:800px){.container{width:calc(100% - 48px)}.site-header{height:70px}.desktop-nav,.header-actions{display:none}.header-inner{justify-content:space-between}.brand{font-size:27px}.brand>svg{width:29px}.mobile-toggle{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:8px;background:white}.mobile-toggle .icon{width:20px}.mobile-menu:not([hidden]){display:flex;position:absolute;top:69px;left:0;right:0;height:calc(100dvh - 69px);flex-direction:column;background:white;padding:14px 25px 32px;overflow:auto;overscroll-behavior:contain;border-top:1px solid var(--line);gap:0}.mobile-menu>a:not(.btn),.mobile-menu summary{display:flex;justify-content:space-between;gap:20px;align-items:center;min-height:54px;font-size:17px;list-style:none;border-bottom:1px solid #edf0f2;cursor:pointer}.mobile-menu summary::-webkit-details-marker{display:none}.mobile-menu summary .icon{width:16px}.mobile-menu details[open]>summary>.icon{transform:rotate(180deg)}.mobile-menu details>a{display:block;font-size:13px;padding:12px 18px;color:var(--muted);border-bottom:1px solid #f4f5f6}.mobile-menu>.btn{margin-top:25px;min-height:52px;flex-shrink:0}.mobile-menu .mobile-login{display:flex!important;justify-content:center!important;font-size:13px!important;border:0!important;min-height:48px!important}.home-hero{padding-top:39px}.hero-layout{grid-template-columns:1fr;gap:30px;min-height:0}.hero-copy{padding-bottom:10px}.hero-announcement{margin-bottom:31px;font-size:10px;padding-right:6px}.hero-announcement a{width:24px;height:24px}.hero-eyebrow{font-size:9px}.hero-copy h1{font-size:clamp(43px,7.5vw,65px);white-space:normal;width:auto;max-width:700px}.hero-copy>.hero-description{font-size:15px;max-width:510px;margin-top:29px;line-height:1.8}.hero-copy .hero-buttons{flex-direction:row;align-items:center;gap:25px;margin-top:25px}.hero-copy .btn{font-size:12px;padding:13px 17px;min-height:49px;gap:17px}.hero-demo-link{font-size:11px}.hero-benefits{max-width:none;gap:14px;margin-top:24px}.hero-benefits span{font-size:9px}.hero-grid-bg{inset:40% 0 0 0;mask-image:linear-gradient(transparent,#000 30%)}.hero-product{width:100%;max-width:690px;margin:0 auto;padding:0 10px}.hero-workspace{padding-top:76px}.workspace-top-note{font-size:8px;left:8px;right:0}.task-input-float{top:30px;left:-5px;right:25px;min-height:76px;gap:13px}.task-input-float p{font-size:12px}.task-input-float small{font-size:8px}.task-input-icon{width:36px;height:36px}.send-task{width:33px;height:33px}.workspace-window{transform:rotate(.5deg)}.workspace-body{grid-template-columns:145px 1fr;min-height:370px}.workspace-sidebar{padding:17px 11px}.workspace-sidebar>small{font-size:6px}.workspace-project{font-size:10px;margin-bottom:22px}.workspace-nav{font-size:8px;padding:8px 7px;gap:8px}.workspace-main{padding:21px}.workspace-main-heading strong{font-size:14px}.workspace-main-heading small{font-size:6px}.workspace-info{font-size:8px;margin:14px 0 23px;gap:12px}.workspace-info .icon{width:11px;height:11px}.demo-task-heading{font-size:10px}.demo-label{font-size:7px}.demo-explanation{font-size:9px;margin-block:12px}.demo-checklist>div{font-size:9px;padding:8px;gap:8px}.demo-checklist>div>small{font-size:7px}.demo-result strong{font-size:9px}.demo-result small{font-size:7px}.demo-result{padding:10px;margin-top:13px}.demo-window-footer{font-size:6px}.workspace-float-note{width:270px;margin-left:-9px;padding:13px 15px}.workspace-float-note strong{font-size:10px}.workspace-float-note small{font-size:8px}.workspace-caption{font-size:6px;margin-top:0}.demo-controls{margin-top:27px}.demo-controls button{font-size:9px;min-height:37px;padding:8px 11px}.demo-footnote{font-size:8px}.hero-bottom{margin-top:30px;flex-wrap:wrap;padding-block:22px}.hero-bottom>span{font-size:7px;width:100%;margin-bottom:5px}.hero-bottom>div{font-size:9px;gap:15px}.hero-bottom i{width:14px}.hero-bottom>a{margin-left:auto}.hero-bottom strong .icon{width:12px}.section{padding-block:66px}.section-heading{gap:20px}.section-heading h2{font-size:38px}.section-heading>.text-link{font-size:11px;gap:7px}.section-heading>p{font-size:13px;max-width:235px}.eyebrow{font-size:8px;margin-bottom:20px}.feature-bento{grid-template-columns:1fr 1fr;gap:14px}.bento-main{grid-column:1/-1;grid-row:auto;min-height:0;padding:28px 30px;display:block}.bento-main h3{font-size:35px;max-width:350px}.bento-main h3 br:nth-child(2){display:none}.bento-main p{font-size:12px;max-width:310px}.card-overline{margin-bottom:22px}.mini-message{width:260px;margin-top:28px;position:absolute;right:28px;bottom:32px}.bento-main{min-height:300px}.bento-main p br{display:none}.bento-small{height:280px;padding:22px 24px 0}.bento-small h3{font-size:24px}.bento-small p{font-size:12px}.bento-strip{padding:22px;min-height:114px}.bento-strip h3{font-size:16px}.bento-strip p{font-size:10px}.problem-comparison{gap:22px}.problem-before,.problem-after{padding:24px 20px;min-height:320px}.problem-comparison .overline{font-size:8px}.scattered-notes>span{font-size:8px;padding:9px 10px}.unified-project strong{font-size:14px}.unified-project>div{flex-direction:column;gap:4px}.unified-project>div span{font-size:8px}.problem-before>p,.problem-after>p{font-size:10px}.comparison-connector{width:31px;height:31px}.control-layout{grid-template-columns:1fr;gap:47px}.control-copy h2{font-size:43px}.control-copy>p{font-size:14px;max-width:520px}.control-note{margin-top:27px;font-size:11px}.control-diagram{margin-inline:auto;max-width:520px}.diagram-node{padding:21px 25px;gap:25px}.diagram-node strong{font-size:14px}.diagram-node small{font-size:9px}.diagram-node>span{font-size:11px}.diagram-node>div>.icon{width:21px}.diagram-split{font-size:10px}.diagram-split>div>span{font-size:11px}.node-connector{margin-left:74px;height:28px}.diagram-split::before{left:74px}.mode-layout{grid-template-columns:1fr 1fr}.mode-switch-panel,.mode-chat{padding:25px}.mode-switch-panel h3{font-size:25px;margin-top:30px}.segmented button{font-size:8px;padding:7px;gap:4px;min-height:32px}.segmented .icon{width:11px}.mode-chat>.overline{font-size:7px}.mode-assistant{padding:17px;flex-direction:column}.mode-assistant p{font-size:10px}.mode-user>span:first-child{font-size:9px;padding:9px 11px}.mode-user .avatar{width:22px;height:22px;font-size:7px}.skill-map{grid-template-columns:1fr 1fr}.skill-map-buttons{grid-template-columns:1fr;padding:12px}.skill-map-buttons>button{min-height:47px;font-size:11px}.skill-prompt{padding:30px}.skill-prompt blockquote{font-size:27px;margin-block:35px}.scenario-home-grid{gap:22px}.scenario-home-card h3{font-size:22px}.scenario-number>span{font-size:6px;letter-spacing:.04em}.scenario-number{gap:9px}.scenario-home-card p{font-size:11px}.scenario-home-card .text-link{font-size:9px;gap:7px;white-space:normal}.real-product-section{gap:35px}.real-product-copy h2{font-size:34px}.real-product-copy>p{font-size:12px}.real-product-copy>small{font-size:8px}.real-product-image{height:330px;padding:15px}.integration-strip{grid-template-columns:1fr 1fr}.integration-strip>a{padding:23px}.integration-strip>a:nth-child(3){border-left:0;border-top:1px solid var(--line)}.integration-strip>a:nth-child(4){border-top:1px solid var(--line)}.integration-strip strong{font-size:12px}.integration-strip small{font-size:9px}.integration-strip .integration-logo{width:37px;height:37px}.faq-home{grid-template-columns:1fr;gap:35px}.faq-home h2{font-size:39px}.faq-home .text-link{margin-top:15px}.faq-list summary{font-size:14px;padding-block:22px}.faq-answer{font-size:13px}.cta-section{padding:62px 25px 51px;margin-bottom:65px;border-radius:19px}.cta-section h2{font-size:42px}.cta-orbit{opacity:.5;right:-400px}.footer-top{grid-template-columns:repeat(4,1fr);gap:30px 20px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:12px}.footer-brand p{margin-top:0;font-size:11px;justify-self:end}.footer-status{grid-column:1/-1;margin-top:2px}.footer-column{font-size:10px;gap:11px}.footer-column strong{font-size:10px}.footer-bottom{font-size:8px}.page-hero h1{font-size:52px}.page-hero .hero-description{font-size:15px}.page-hero .hero-buttons{gap:14px}.breadcrumbs{margin-bottom:38px}.page-hero{padding-top:25px;padding-bottom:47px}.inner-page .section-heading h2{font-size:35px}.split-panel,.detail-layout{gap:35px}.split-panel h2{font-size:35px}.split-panel>div>p,.detail-layout p{font-size:14px}.card{padding:25px}.card h3{font-size:24px}.solution-card h2{font-size:28px}.solution-card{padding:28px}.steps{gap:25px}.steps li{font-size:12px}.workflow-layout{grid-template-columns:1fr;gap:30px}.workflow-navigation{position:static;display:grid;grid-template-columns:1fr 1fr;gap:6px}.workflow-tab{min-height:58px;padding:10px 12px}.workflow-tab strong{font-size:12px}.workflow-screen-content{padding:35px}.library-header{display:none}.library-row{grid-template-columns:1.2fr 1fr;gap:20px}.skill-library .library-row{padding:24px 12px}.library-meta{grid-column:1/-1;flex-direction:row;align-items:center}.library-meta p{font-size:10px}.library-meta .text-link{margin:0}.scenario-card{gap:25px;padding:27px}.scenario-card h2{font-size:27px}.integration-heading{gap:13px}.integration-heading h2{font-size:23px}.integration-mark{width:43px;height:43px;font-size:18px}.pricing-layout{grid-template-columns:1fr 1fr;gap:17px}.trial-card,.pricing-current{padding:27px}.trial-card h2,.pricing-current h2{font-size:31px}.trial-card .btn,.pricing-current .btn{font-size:11px;padding-inline:13px;gap:10px}.pricing-table th,.pricing-table td{padding:15px;font-size:11px}.case-card h2{font-size:26px}.case-card>div:last-child{padding:25px}.about-principles{gap:25px}.about-principles h3{font-size:23px}.contact-layout{grid-template-columns:1fr;gap:35px}.contact-layout>div{max-width:620px}.contact-layout .callout{margin-bottom:15px}.contact-form{padding:30px}.faq-layout{grid-template-columns:1fr;gap:35px}.faq-aside{position:static}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-layout>aside{position:static}.legal-layout .prose{max-width:100%}.not-found-links{gap:15px}.not-found-links h2{font-size:23px}.not-found-links p{font-size:12px}.control-flow{flex-wrap:wrap;justify-content:center;row-gap:17px}.inner-page .section{padding-block:48px}}
@media(max-width:560px){.container{width:calc(100% - 36px)}.home-hero{padding-top:28px}.hero-announcement{font-size:8px;margin-bottom:26px;padding:4px 5px 4px 9px;gap:7px}.hero-announcement a{width:21px;height:21px}.hero-eyebrow{font-size:8px;margin-bottom:17px}.hero-copy h1{font-size:clamp(34px,8.2vw,46px);line-height:1.13;letter-spacing:-.055em}.hero-underline{width:164px;bottom:-10px;height:12px}.hero-copy>.hero-description{font-size:13px;margin-top:26px;max-width:360px;line-height:1.9}.hero-copy .hero-buttons{gap:13px;margin-top:24px;flex-wrap:wrap}.hero-copy .btn{font-size:11px;min-height:47px;padding:12px 14px;gap:12px}.hero-demo-link{font-size:9px;gap:7px}.hero-demo-link>span{width:25px;height:25px}.hero-demo-link .icon{width:10px}.hero-benefits{gap:6px 12px;margin-top:19px;max-width:350px}.hero-benefits span{font-size:8px}.hero-benefits .icon{width:9px}.hero-layout{gap:27px}.hero-product{padding:0 0 0 0;width:100%;max-width:440px}.hero-workspace{padding-top:62px}.workspace-top-note{font-size:5px;left:4px;letter-spacing:.06em}.workspace-top-note>span{gap:4px}.workspace-top-note .icon{width:8px;height:8px}.workspace-top-note .status-dot{width:3px;height:3px}.task-input-float{top:24px;left:2px;right:13px;gap:9px;min-height:62px;padding:10px;transform:rotate(-1deg);border-radius:10px}.task-input-float p{font-size:9px;line-height:1.6}.task-input-float small{font-size:6px}.task-input-icon{width:29px;height:29px;border-radius:7px}.task-input-icon .icon{width:16px}.send-task{width:27px;height:27px}.send-task .icon{width:15px}.window-bar{height:26px;padding-inline:10px;font-size:6px}.window-dots{gap:3px}.window-dots i{width:4px;height:4px}.window-example{font-size:5px}.workspace-body{grid-template-columns:91px 1fr;min-height:318px}.workspace-sidebar{padding:13px 6px;gap:3px}.workspace-project{font-size:7px;margin-bottom:17px;gap:5px;margin-inline:2px}.workspace-project .icon{width:10px;height:10px}.workspace-project .icon:last-child{width:7px}.workspace-sidebar>small{font-size:4px;letter-spacing:.02em;margin-inline:3px}.workspace-nav{font-size:6px;gap:4px;padding:7px 4px}.workspace-nav>.icon{width:9px;height:9px}.workspace-nav i{font-size:5px;padding-inline:3px}.workspace-sidebar>small:nth-of-type(2){margin-top:15px}.sidebar-bottom{font-size:4px;gap:5px;padding-inline:2px}.sidebar-bottom>.icon{width:11px}.workspace-main{padding:15px 11px 12px}.workspace-main-heading small{font-size:4px;letter-spacing:.05em;margin-bottom:6px}.workspace-main-heading strong{font-size:9px;letter-spacing:-.03em}.workspace-main-heading .avatar{width:18px;height:18px;font-size:6px}.workspace-info{font-size:5px;gap:7px;margin:11px 0 17px;padding-bottom:10px}.workspace-info .icon{width:8px;height:8px}.workspace-info>span{gap:3px}.workspace-info>span:last-child{padding:2px 4px}.demo-task-heading{font-size:7px;gap:4px}.demo-task-heading>span:first-child{gap:4px}.demo-task-heading .icon{width:10px;height:10px}.demo-label{font-size:5px;padding:2px 4px}.demo-explanation{font-size:6px;line-height:1.8;margin:8px 0 10px;min-height:22px}.demo-checklist{gap:5px}.demo-checklist>div{font-size:6px;gap:5px;padding:7px 5px}.demo-checklist>div>small{font-size:4px}.step-icon{width:11px;height:11px}.step-icon .icon{width:6px;height:6px}.demo-result{padding:8px 6px;gap:6px;margin-top:10px}.result-symbol{width:22px;height:24px;border-radius:4px}.result-symbol .icon{width:11px;height:11px}.demo-result strong{font-size:6px}.demo-result small{font-size:5px;margin-top:2px}.demo-result>.icon{width:9px}.demo-window-footer{font-size:4px;gap:4px;margin-top:11px;padding-top:9px}.demo-window-footer .status-dot{width:2px;height:2px}.workspace-float-note{width:217px;margin-left:3px;margin-top:-10px;padding:10px 11px;gap:9px;border-radius:8px}.workspace-float-note>.icon{width:20px;height:20px}.workspace-float-note strong{font-size:8px}.workspace-float-note small{font-size:6px}.note-check{width:16px;height:16px}.note-check .icon{width:8px}.workspace-caption{font-size:4px;margin-top:9px;padding-right:2px;gap:7px}.diagram-line{width:21px}.demo-controls{margin-top:20px;gap:5px}.demo-controls button{font-size:7px;min-height:34px;gap:4px;padding:7px 8px}.demo-controls .icon{width:10px;height:10px}.demo-controls .demo-replay{padding-inline:8px}.demo-footnote{font-size:6px;margin-top:10px}.hero-bottom{margin-top:26px;padding-block:18px;gap:8px}.hero-bottom>span{font-size:6px}.hero-bottom>div{font-size:6px;gap:8px;flex:1;justify-content:space-between}.hero-bottom i{width:9px}.hero-bottom strong{gap:4px}.hero-bottom strong .icon{width:8px;height:8px}.hero-bottom>a{width:21px;height:21px;margin-left:3px}.hero-bottom>a .icon{width:9px}.section{padding-block:53px}.section-heading{flex-direction:column;align-items:flex-start;margin-bottom:28px;gap:17px}.section-heading h2{font-size:33px;line-height:1.15}.section-heading>.text-link{font-size:11px;min-height:35px}.section-heading>p{font-size:12px;max-width:100%}.section-heading>p br{display:none}.eyebrow{font-size:7px;letter-spacing:.11em;margin-bottom:17px}.bento-main{min-height:330px;padding:25px}.bento-main h3{font-size:33px}.bento-main p{font-size:11px}.mini-message{font-size:9px;position:static;width:min(100%,290px);margin:28px 0 10px;transform:rotate(-2deg);padding:11px}.mini-message .mini-avatar{width:25px}.card-arrow{bottom:16px;right:16px;width:23px;height:23px}.bento-small{height:265px;padding:19px 15px 0;border-radius:14px!important}.bento-small h3{font-size:19px;line-height:1.2}.bento-small p{font-size:10px;line-height:1.8}.bento-small p br{display:none}.card-heading{margin-bottom:17px}.icon-tile{width:31px;height:31px;border-radius:7px}.icon-tile>.icon{width:16px}.card-heading>.icon{width:12px}.feature-bento{gap:10px}.mini-search{margin-top:20px;width:115%;padding:10px}.mini-search>span{font-size:5px;gap:5px}.mini-search .icon{width:9px;height:9px}.mini-search i{height:3px}.mini-devices{transform:scale(.8);transform-origin:left top;width:155px;margin-top:17px;left:0}.mini-browser{width:126px}.mini-phone{right:-5px}.bento-strip{grid-column:1/-1;min-height:103px;padding:21px;gap:16px;border-radius:14px!important}.bento-strip h3{font-size:18px}.bento-strip p{font-size:11px}.bento-strip .icon-tile{width:37px;height:37px}.bento-strip>.icon{width:15px}.problem-comparison{grid-template-columns:1fr;gap:20px}.problem-before,.problem-after{min-height:275px;padding:24px}.scattered-notes{height:163px;margin-top:10px}.scattered-notes>span{font-size:9px}.scattered-notes>span:nth-child(4){top:124px}.comparison-connector{top:50%;transform:translate(-50%,-50%) rotate(90deg);width:34px;height:34px}.unified-project{gap:12px;margin:15px 0}.unified-project strong{font-size:17px}.unified-project>div{flex-direction:row;gap:7px}.unified-project>div span{font-size:7px}.problem-before>p,.problem-after>p{font-size:10px}.problem-comparison .overline{font-size:8px}.control-layout{gap:37px}.control-copy h2{font-size:36px}.control-copy>.eyebrow{font-size:7px}.control-copy>p{font-size:13px;margin-top:20px}.control-copy>.text-link{font-size:12px;margin-top:14px}.control-note{font-size:10px;margin-top:28px}.diagram-node{padding:18px 17px;gap:17px;min-height:84px}.diagram-node>span{font-size:10px}.diagram-node strong{font-size:12px}.diagram-node small{font-size:8px}.diagram-node>div{gap:3px 10px;grid-template-columns:19px 1fr}.diagram-node>div>.icon{width:17px}.node-connector{margin-left:47px}.diagram-split::before{left:47px}.diagram-split{font-size:9px}.diagram-split>div>span{font-size:9px;padding:8px 13px}.mode-layout{grid-template-columns:1fr}.mode-switch-panel{padding:27px}.mode-switch-panel h3{font-size:28px;max-width:300px;margin-top:28px}.mode-switch-panel>p{font-size:13px;max-width:none}.mode-switch-panel>small{font-size:9px;max-width:100%;padding-top:17px}.segmented button{font-size:10px;gap:7px;padding:8px 12px}.segmented .icon{width:13px}.mode-chat{border-left:0;border-top:1px solid var(--line);padding:27px 22px}.mode-chat>.overline{font-size:7px}.mode-user>span:first-child{font-size:10px}.mode-assistant{flex-direction:row;padding:18px;gap:12px}.mode-assistant p{font-size:11px;min-height:65px}.chat-suggestions a{font-size:7px}.mode-chat>.demo-footnote{font-size:7px}.skill-map{grid-template-columns:1fr}.skill-map-buttons{grid-template-columns:1fr 1fr;border-right:0;border-bottom:1px solid var(--line);padding:10px}.skill-map-buttons>button{font-size:9px;min-height:58px;padding:10px 8px;gap:7px}.skill-map-buttons>button>.icon:first-child{width:16px}.skill-map-buttons>button>.icon:last-child{width:10px}.skill-prompt{padding:27px}.skill-prompt blockquote{font-size:25px;min-height:100px;margin:25px 0 14px}.skill-prompt>.overline{font-size:7px}.skill-prompt small{font-size:9px}.skill-prompt>.text-link{font-size:11px}.scenario-home-grid{grid-template-columns:1fr;gap:30px}.scenario-home-card{padding-top:20px}.scenario-number{margin-bottom:15px;font-size:11px;gap:16px}.scenario-number>span{font-size:7px}.scenario-home-card h3{font-size:27px;max-width:100%}.scenario-home-card p{font-size:12px;margin-top:13px;margin-bottom:10px}.scenario-home-card .text-link{font-size:11px;min-height:35px;gap:12px}.real-product-section{grid-template-columns:1fr;gap:28px}.real-product-copy h2{font-size:34px}.real-product-copy>p{font-size:13px;max-width:100%;margin-top:20px}.real-product-copy>small{font-size:9px;max-width:100%;margin-top:20px}.real-product-image{height:360px;padding:17px}.hotspot-one{top:105px}.hotspot-two{top:210px}.integration-strip>a{padding:20px 14px;gap:6px;grid-template-columns:33px 1fr}.integration-strip .integration-logo{width:30px;height:33px;border-radius:7px;font-size:13px}.integration-strip strong{font-size:9px}.integration-strip small{font-size:7px}.section-footnote{font-size:9px;line-height:1.8;margin-top:14px}.faq-home{gap:24px}.faq-home h2{font-size:34px}.faq-home .text-link{font-size:11px;margin-top:14px}.faq-list summary{font-size:12px;line-height:1.6;padding:19px 0;gap:25px}.faq-list summary>.icon,.faq-list summary>span>.icon{width:14px}.faq-answer{font-size:12px;padding-right:20px}.cta-section{margin-top:0;padding:46px 18px 40px;border-radius:16px;margin-bottom:48px}.cta-section>.eyebrow{font-size:7px;margin-bottom:20px}.cta-section h2{font-size:32px;line-height:1.2}.cta-section p{font-size:12px;margin-top:21px;line-height:1.9}.desktop-only{display:none}.cta-section>.btn{font-size:11px;padding-inline:15px;gap:12px;min-height:47px;margin-top:23px}.cta-section>small{font-size:8px;margin-top:15px}.cta-orbit{display:none}.footer-top{grid-template-columns:1fr 1fr;gap:33px 25px;padding-bottom:35px}.footer-brand{display:block;margin-bottom:0}.footer-brand p{font-size:11px;margin-top:17px}.footer-status{font-size:8px;margin-top:17px}.footer-column{font-size:11px;gap:12px}.footer-column strong{font-size:11px;margin-bottom:4px}.footer-bottom{font-size:8px;gap:12px;flex-wrap:wrap;padding-block:20px}.footer-bottom>span:nth-child(2){display:none}.footer-bottom>.back-top{margin-left:auto}.page-hero{padding-top:23px;padding-bottom:36px}.breadcrumbs{font-size:8px;gap:10px;margin-bottom:31px}.page-hero>.eyebrow{font-size:7px}.page-hero h1{font-size:clamp(36px,9.2vw,49px);line-height:1.12;letter-spacing:-.05em;overflow-wrap:break-word}.page-hero .hero-description{font-size:14px;line-height:1.85;margin-top:23px}.page-hero .hero-buttons{gap:11px;flex-wrap:wrap;margin-top:23px}.page-hero .hero-buttons .btn{min-height:46px;font-size:11px;padding:12px 13px;gap:11px}.inner-page .section{padding-block:38px}.inner-page .section-heading h2{font-size:31px;line-height:1.15}.inner-page .section-heading>p{font-size:13px;margin-top:18px}.grid-2,.grid-3,.solution-grid{grid-template-columns:1fr;gap:15px}.card{padding:25px;border-radius:13px}.card h3{font-size:25px}.card p{font-size:13px}.catalog-toolbar{margin-bottom:27px}.search-field{padding-inline:13px;border-radius:7px}.search-field input{font-size:12px;padding-block:13px}.search-field .icon{width:16px}.filter-bar{gap:6px;margin-top:15px}.chip{font-size:9px;min-height:35px;padding:7px 10px}.split-panel,.detail-layout{grid-template-columns:1fr;gap:25px}.split-panel h2,.detail-layout h2{font-size:34px}.split-panel>div>p,.detail-layout p{font-size:14px}.prose h2{font-size:28px;margin-top:31px}.prose p,.prose li{font-size:13px}.prose h3{font-size:23px}.prompt-card{padding:19px;gap:12px;font-size:13px}.steps{grid-template-columns:1fr;gap:26px;margin-top:25px}.steps li{font-size:14px;gap:15px;padding-top:18px}.solution-card{padding:26px}.solution-card h2{font-size:29px}.solution-tasks{font-size:12px}.callout{padding:19px 21px;margin-block:20px;font-size:12px}.callout h3{font-size:20px}.callout p{font-size:12px}.workflow-navigation{grid-template-columns:1fr;gap:2px}.workflow-tab{min-height:53px;padding:10px;gap:13px}.workflow-tab .process-number{width:29px;height:29px;font-size:9px}.workflow-tab strong{font-size:12px}.workflow-screen{border-radius:12px}.workflow-screen-content{padding:25px;min-height:320px}.workflow-screen-content h3{font-size:28px}.workflow-screen-content p{font-size:13px}.workflow-screen .window-bar{font-size:8px;height:36px;padding-inline:12px}.control-flow{padding:22px 15px;gap:10px}.control-flow>span{font-size:10px;gap:6px}.control-flow>.icon{width:13px}.control-flow>span>.icon{width:14px}.library-row{grid-template-columns:1fr}.skill-library .library-row{padding:25px 0;gap:17px}.library-content{gap:15px}.library-content h3{font-size:24px}.library-content p{font-size:12px}.library-content .feature-icon{width:36px;height:36px}.library-row .skill-prompt{font-size:13px;padding-left:51px}.library-meta{flex-wrap:wrap;padding-left:51px;gap:10px}.library-meta p{font-size:10px}.scenario-card{grid-template-columns:1fr;padding:25px;gap:24px;border-radius:13px}.scenario-card h2{font-size:29px}.scenario-card p{font-size:13px}.scenario-facts{gap:13px}.scenario-facts dd{font-size:12px}.integration-card{padding:25px}.integration-heading h2{font-size:25px}.integration-heading{gap:16px}.integration-mark{width:45px;height:45px}.integration-facts{font-size:12px}.integration-card .text-link{font-size:11px;white-space:normal}.demo-intro{gap:15px}.demo-intro h2{font-size:31px}.demo-intro>div>p{font-size:13px}.demo-intro>.hero-workspace{margin-block:20px}.demo-intro .workspace-body{grid-template-columns:91px 1fr}.demo-intro .workspace-main{padding:15px 11px 12px}.demo-intro .workspace-nav{font-size:6px}.demo-intro .workspace-sidebar>small{font-size:4px}.demo-intro .workspace-main-heading strong{font-size:9px}.demo-intro .workspace-info{font-size:5px}.demo-intro .demo-task-heading{font-size:7px}.demo-intro .demo-explanation{font-size:6px}.demo-intro .demo-checklist>div{font-size:6px}.demo-intro .demo-result strong{font-size:6px}.demo-intro .demo-window-footer{font-size:4px}.inner-page .hero-workspace .workspace-body{min-height:318px}.inner-page .hero-workspace .demo-controls button{min-height:36px}.inner-page .hero-workspace .demo-footnote{font-size:7px}.pricing-layout{grid-template-columns:1fr;gap:18px}.trial-card,.pricing-current{padding:28px}.trial-card h2,.pricing-current h2{font-size:34px}.trial-card .btn,.pricing-current .btn{font-size:12px}.pricing-table{font-size:10px;min-width:570px}.pricing-table th,.pricing-table td{font-size:10px;padding:14px 17px}.case-grid{grid-template-columns:1fr;gap:20px}.case-card{padding:0}.case-card h2{font-size:29px}.case-card>div:last-child{padding:26px}.case-visual{height:165px;padding:25px 30px}.case-intro>p{font-size:14px}.about-principles{grid-template-columns:1fr;gap:32px}.about-principles h3{font-size:27px;margin-top:17px;margin-bottom:14px}.about-principles p{font-size:14px}.architecture-map h3{font-size:25px}.architecture-context{gap:7px;flex-wrap:wrap;padding-block:25px}.architecture-context .pill{font-size:8px;padding:6px 9px}.contact-layout h2{font-size:34px}.contact-layout>div>p{font-size:13px;margin-top:20px}.contact-form{padding:23px;gap:20px}.form-field input,.form-field textarea{font-size:12px;padding:12px}.checkbox-field{font-size:10px;gap:10px}.contact-form .btn{font-size:11px;gap:12px}.form-status{font-size:10px}.faq-aside h2{font-size:34px}.faq-aside>p{font-size:13px;margin-top:20px}.legal-layout{gap:20px}.legal-layout .callout h2{font-size:27px}.not-found-links{grid-template-columns:1fr;gap:16px}.not-found-links h2{font-size:28px}.not-found-links p{font-size:13px}.not-found-links .text-link{font-size:12px}}
@media(max-width:360px){.container{width:calc(100% - 30px)}.hero-copy h1{font-size:32px}.hero-copy .hero-buttons{gap:11px}.hero-copy .btn{font-size:10px;padding-inline:12px;gap:8px}.hero-demo-link{font-size:8px;gap:5px}.hero-demo-link>span{width:23px;height:23px}.workspace-body{grid-template-columns:75px 1fr}.workspace-sidebar{padding-inline:4px}.workspace-nav{font-size:5px;gap:3px;padding-inline:3px}.workspace-nav>.icon{width:8px;height:8px}.workspace-project{font-size:6px;gap:3px}.workspace-sidebar>small{font-size:3px}.workspace-main{padding-inline:9px}.workspace-main-heading strong{font-size:8px}.demo-result strong{font-size:5px}.workspace-info{font-size:4px;gap:5px}.workspace-caption{font-size:3px}.hero-bottom>div{font-size:5px;gap:5px}.bento-small{padding-inline:13px;height:260px}.bento-small h3{font-size:17px}.bento-small p{font-size:9px}.mini-devices{transform:scale(.68)}.skill-map-buttons>button{font-size:8px;gap:5px}.skill-map-buttons>button>.icon:first-child{width:14px}.skill-map-buttons>button>.icon:last-child{width:8px}.cta-section h2{font-size:29px}.integration-strip>a{padding:16px 10px;grid-template-columns:27px 1fr}.integration-strip .integration-logo{width:25px;height:28px;font-size:11px}.integration-strip strong{font-size:8px}.integration-strip small{font-size:6px}.demo-intro .workspace-body{grid-template-columns:75px 1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion [data-reveal].will-reveal{opacity:1;transform:none}.hero-underline{stroke-dashoffset:0}}

@keyframes dropdownIn{from{opacity:0;transform:translate(-50%,7px)}to{opacity:1;transform:translate(-50%,0)}}
.demo-controls{flex-wrap:wrap}.demo-controls button{min-height:40px}.demo-controls .demo-replay{min-width:40px}.task-input-float p{min-height:1.7em}.inner-page .hero-workspace{max-width:820px;margin-inline:auto}
@media(max-width:560px){.demo-controls{gap:6px;max-width:360px;margin-inline:auto;margin-top:20px}.demo-controls button{min-height:44px;font-size:9px;padding:8px 10px;gap:5px}.demo-controls .demo-replay{min-width:44px}.demo-controls .icon{width:12px;height:12px}.task-input-float p{min-height:1.6em}}
@media(min-width:1001px){.desktop-nav>a,.nav-dropdown>a{font-size:12px}.header-actions .btn{font-size:11px}.login-link{font-size:12px}.hero-copy .hero-description{font-size:16px;max-width:455px}.hero-benefits span{font-size:10px}.hero-announcement{font-size:10px}.bento-main p,.bento-small p{font-size:13px}.bento-strip p{font-size:11px}.scenario-home-card p{font-size:14px}.mode-switch-panel>p{font-size:14px}.real-product-copy>p{font-size:15px}.control-copy>p{font-size:15px}.section-footnote{font-size:11px}.faq-list summary{font-size:14px}.faq-answer{font-size:14px}.cta-section p{font-size:15px}.integration-strip strong{font-size:12px}.integration-strip small{font-size:9px}.footer-column{font-size:11px}.footer-column strong{font-size:11px}}
@media(min-width:1001px) and (max-width:1200px){.desktop-nav{gap:14px}.desktop-nav>a,.nav-dropdown>a{font-size:10px}.header-actions .btn{font-size:10px}.hero-copy .hero-description{font-size:14px;max-width:360px}.hero-benefits span{font-size:9px}}