:root{--ink:#17232d;--muted:#65737e;--line:#dce3e7;--paper:#f7f8f8;--white:#fff;--blue:#466b8e;--blue-deep:#254a6e;--blue-faint:#e9f0f5;--soft:#eef2f4;--radius:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Inter,Roboto,Arial,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#b9d1e1}.skip-link{position:absolute;top:-60px;left:16px;padding:10px 16px;background:var(--ink);color:#fff;z-index:99}.skip-link:focus{top:10px}.section-shell{width:min(1180px,calc(100% - 64px));margin-inline:auto}.site-header{height:77px;background:rgba(247,248,248,.94);border-bottom:1px solid #e4e9ec;position:sticky;top:0;z-index:20;backdrop-filter:blur(18px)}.nav-wrap{width:min(1290px,calc(100% - 56px));height:100%;margin:auto;display:flex;align-items:center;justify-content:space-between}.brand{display:inline-flex;align-items:center;gap:11px;font-size:17px;font-weight:740;letter-spacing:-.045em;white-space:nowrap}.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:3px;transform:rotate(-8deg)}.brand-mark span{border:2px solid var(--blue-deep);border-radius:3px}.brand-mark span:nth-child(2){background:var(--blue-deep)}.brand-mark span:nth-child(3){border-color:#8ea8ba}.site-nav{display:flex;gap:36px;align-items:center;color:#586774;font-size:13px;font-weight:560}.site-nav>a:not(.nav-cta):hover{color:var(--ink)}.nav-cta{color:var(--ink);border:1px solid #d4dee5;border-radius:8px;padding:9px 13px;background:#fff;display:flex;gap:14px;align-items:center}.nav-cta:hover{border-color:#a8bfce;background:#f4f8fa}.menu-toggle{display:none}.hero{min-height:705px;display:grid;grid-template-columns:.86fr 1.14fr;align-items:center;gap:42px;padding-top:58px;padding-bottom:70px}.hero-copy{position:relative;z-index:1}.eyebrow{margin:0 0 24px;color:#58718a;font-size:10px;font-weight:770;letter-spacing:.19em;line-height:1.4;text-transform:uppercase}.eyebrow-line{display:inline-block;width:24px;height:1px;margin:0 11px 3px 0;background:#7296b3}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(50px,5.9vw,83px);line-height:.99;letter-spacing:-.071em;font-weight:680;margin-bottom:28px}h1 em,h2 em{font-style:normal;color:var(--blue)}.hero-lead{max-width:530px;color:#5d6c77;font-size:17px;line-height:1.73;letter-spacing:-.01em;margin-bottom:30px}.hero-actions{display:flex;align-items:center;gap:9px;flex-wrap:wrap}.button{min-height:43px;display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:0 16px;border-radius:8px;font-size:13px;font-weight:650;transition:transform .2s,background .2s,border-color .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:#263746;color:#fff}.button-dark:hover{background:#3b5265}.button-quiet{border:1px solid #dbe3e8;background:#fff;color:#496071}.button-quiet:hover{border-color:#adc1cf}.hero-note{display:flex;align-items:center;gap:9px;margin-top:24px;color:#7f8d98;font-size:11px}.pulse-dot,.status-dot,.conversation-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#769c90;flex:none}.hero-art{position:relative;align-self:center;min-width:0;padding:58px 0 30px}.ambient-ring{position:absolute;border:1px solid #d6e1e8;border-radius:50%;z-index:0}.ring-one{width:600px;height:600px;left:6%;top:-14%}.ring-two{width:470px;height:470px;left:17%;top:-2%;background:radial-gradient(circle,#e8f1f6 0,rgba(232,241,246,0) 66%)}.app-window{position:relative;z-index:1;background:white;border:1px solid #cfdce5;border-radius:16px;box-shadow:0 32px 80px rgba(49,73,91,.16),0 2px 8px rgba(49,73,91,.07);overflow:hidden;transform:rotate(-1.5deg);min-height:474px}.window-top{height:35px;background:#edf2f5;border-bottom:1px solid #dce5ea;display:flex;align-items:center;justify-content:center;position:relative;color:#526777;font-size:10px;font-weight:600}.window-dots{position:absolute;left:14px;display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#b8c6ce}.window-label{position:absolute;right:12px;font-size:7px;letter-spacing:.13em;color:#a2b0b9}.window-body{display:grid;grid-template-columns:134px 1fr;min-height:438px}.mock-sidebar{background:#f2f5f7;border-right:1px solid #dbe4e9;padding:13px 7px}.mock-workspace{height:37px;border:1px solid #dae3e8;background:#fff;border-radius:7px;display:flex;align-items:center;gap:7px;padding:0 6px;font-size:8px;font-weight:720;white-space:nowrap}.workspace-icon{height:21px;width:21px;border-radius:5px;background:#3c617f;color:#fff;display:grid;place-items:center;font-size:9px}.mock-workspace small{display:block;color:#97a5ae;font-size:6px;font-weight:500}.workspace-chevron{margin-left:auto;color:#91a0aa}.mock-group-label{font-size:7px;letter-spacing:.18em;color:#a2b1ba;font-weight:760;margin:18px 7px 7px}.mock-group-label.second{margin-top:14px}.mock-nav{display:flex;align-items:center;gap:8px;height:26px;padding:0 7px;border-radius:5px;font-size:8px;color:#687f8e;white-space:nowrap}.mock-nav.active{background:#dfe9ef;color:#2b536f;font-weight:740}.tiny-icon{width:11px;font-size:12px;text-align:center}.mock-main{min-width:0;background:#fff;padding:19px 20px}.mock-heading{display:flex;justify-content:space-between;align-items:flex-start}.mock-heading small{display:block;font-size:7px;font-weight:800;letter-spacing:.16em;color:#96a7b2}.mock-heading strong{display:block;font-size:20px;line-height:1.2;letter-spacing:-.05em;margin:5px 0 3px}.mock-heading span{display:block;font-size:8px;color:#91a0aa}.mock-badge{display:flex;align-items:center;gap:5px;font-size:8px;color:#648a7e;background:#edf5f1;border-radius:5px;padding:4px 6px}.mock-badge .status-dot{width:5px;height:5px}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:21px 0 18px}.mock-stats>div{border:1px solid #e2e8ec;border-radius:7px;min-height:70px;padding:9px}.mock-stats small,.mock-stats em{display:block;font-size:7px;color:#9baab4;font-style:normal}.mock-stats b{display:block;font-size:20px;letter-spacing:-.07em;margin:3px 0 0}.mock-stats b span{color:#b5c0c8;font-weight:500}.mock-stats em{color:#799c8f}.mock-panel-title{display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:750;padding:0 0 8px}.mock-panel-title small{color:#a2b2bc;font-size:6px;letter-spacing:.1em}.component-map{height:213px;position:relative;border:1px solid #e0e8ed;border-radius:7px;background-color:#fbfcfd;background-image:radial-gradient(#d6e2e9 .65px,transparent .65px);background-size:12px 12px;overflow:hidden}.map-lines{position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#a3b8c7;stroke-width:1.5;z-index:0}.map-lines path:first-child,.map-lines path:nth-child(2){stroke:#648baa}.map-card{position:absolute;z-index:1;width:25%;height:64px;border:1px solid #dce6ec;border-radius:8px;background:#fff;box-shadow:0 3px 9px #6d89991a;padding:7px;display:flex;flex-direction:column;gap:1px;overflow:hidden}.map-card.web{left:3%;top:18px}.map-card.api{left:37%;top:18px}.map-card.db{right:3%;top:18px}.map-card.tests{left:17%;bottom:18px}.map-card.worker{right:17%;bottom:18px}.map-icon{height:13px;width:15px;background:#e9f1f6;border-radius:3px;color:#547c99;font-size:10px;text-align:center;line-height:13px}.map-card b{font-size:8px;white-space:nowrap}.map-card small{font-size:7px;color:#94a4ae;white-space:nowrap}.art-caption{position:relative;z-index:1;text-align:right;color:#9aabb5;text-transform:uppercase;font-size:8px;letter-spacing:.2em;margin-top:18px}.problem{padding-top:110px;padding-bottom:115px;border-top:1px solid var(--line)}.section-intro h2,.split-heading h2,.agent-section h2{font-size:clamp(36px,4.2vw,61px);line-height:1.08;letter-spacing:-.058em;font-weight:650;margin-bottom:0}.section-intro h2 span,.split-heading h2 span,.agent-section h2 span{color:#7690a4}.problem-grid{display:grid;grid-template-columns:1fr .85fr;gap:100px;margin-top:58px}.question-list{border-top:1px solid #cad6de}.question-list p{font-size:20px;letter-spacing:-.025em;font-weight:580;padding:18px 0;margin:0;border-bottom:1px solid #cad6de}.question-list p:before{content:"/";color:#8eabbf;font-weight:400;margin-right:16px}.problem-answer{display:flex;flex-direction:column;justify-content:flex-end;padding-bottom:4px}.answer-symbol{height:58px;width:58px;border:1px solid #cddbe4;border-radius:50%;display:grid;place-items:center;color:#4e7897;font-size:27px;margin-bottom:28px}.problem-answer p{max-width:420px;color:#667784;font-size:18px;line-height:1.7;margin:0}.workspace-section{background:#eef3f5;border-top:1px solid #e2e8eb;border-bottom:1px solid #e2e8eb;padding:110px 0 120px}.split-heading{display:grid;grid-template-columns:1fr 330px;align-items:end;gap:50px}.split-heading>p{margin:0 0 4px;color:#6a7c88;line-height:1.7;font-size:15px}.layers{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:51px}.layer-card{background:#fff;min-height:342px;border:1px solid #dce5ea;border-radius:14px;padding:25px;display:flex;flex-direction:column;box-shadow:0 10px 30px #4a6f8710}.layer-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:74px}.layer-number,.status-kicker{font-size:9px;letter-spacing:.17em;font-weight:800;color:#6f8ca2}.layer-symbol{height:33px;width:33px;border:1px solid #d5e2e9;border-radius:8px;color:#4c789a;background:#f2f7f9;display:grid;place-items:center;font-size:20px}.layer-card h3{font-size:23px;letter-spacing:-.04em;margin-bottom:10px;font-weight:670}.layer-card p{font-size:13px;line-height:1.65;color:#74848f;margin-bottom:23px}.layer-tags{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}.layer-tags span{font-size:9px;color:#5e7890;background:#eef4f7;border:1px solid #e1ebf0;border-radius:4px;padding:4px 6px}.statement{padding:95px 0 105px;display:flex;gap:28px;align-items:flex-start}.statement-marker{font-family:Georgia,serif;color:#a6bfce;font-size:94px;line-height:.8}.statement p{font-size:clamp(25px,3.1vw,42px);letter-spacing:-.05em;line-height:1.28;margin:0;font-weight:450}.statement strong{font-weight:650;color:#3d6684}.how{padding:100px 0 145px;border-top:1px solid var(--line)}.intro-copy{color:#75858f;font-size:16px;margin:23px 0 0;max-width:490px}.steps{display:grid;grid-template-columns:1fr 1fr;gap:0 70px;margin-top:52px;border-top:1px solid #d5e0e6}.steps article{display:flex;gap:28px;padding:27px 4px 34px 0;border-bottom:1px solid #d5e0e6}.steps article>span{font-size:11px;color:#7392a7;font-weight:760;letter-spacing:.06em;padding-top:5px}.steps h3{font-size:18px;letter-spacing:-.025em;margin-bottom:8px}.steps p{font-size:13px;line-height:1.7;color:#75858f;max-width:370px;margin:0}.steps code{font-size:12px;color:#476984;background:#eaf1f5;padding:2px 4px;border-radius:3px}.agent-section{background:#e7eef2;padding:115px 0;border-top:1px solid #dce5eb;border-bottom:1px solid #dce5eb}.agent-grid{display:grid;grid-template-columns:1fr .8fr;gap:110px;align-items:center}.agent-section h2{margin-bottom:26px}.agent-section p:not(.eyebrow){color:#657a88;line-height:1.75;max-width:530px}.agent-section .small-note{font-size:12px;color:#8b9ca7!important;margin-top:27px}.conversation{border:1px solid #cad9e2;background:#f9fbfc;border-radius:17px;box-shadow:0 18px 45px #456a841a;min-height:345px;padding:16px;display:flex;flex-direction:column;gap:16px}.conversation-head{display:flex;align-items:center;gap:8px;border-bottom:1px solid #e1e9ee;padding:0 0 13px;font-size:11px;font-weight:740}.conversation-head small{margin-left:auto;font-size:8px;color:#a5b5be;letter-spacing:.11em}.conversation-dot{width:6px;height:6px;background:#668caa}.chat-bubble{font-size:12px;line-height:1.55;border-radius:12px;padding:12px 14px;max-width:82%}.chat-bubble.person{align-self:flex-end;color:#fff;background:#496e8c;border-bottom-right-radius:4px}.chat-bubble.agent{align-self:flex-start;background:#e9f0f4;color:#576e7e;border-bottom-left-radius:4px;display:flex;gap:9px;max-width:93%}.chat-avatar{height:19px;width:19px;border-radius:5px;background:#fff;color:#577d99;display:grid;place-items:center;flex:none}.chat-bubble.agent p{font-size:12px;line-height:1.6;margin:0!important}.conversation-foot{margin-top:auto;border:1px solid #dce6ec;background:#fff;border-radius:8px;padding:10px 11px;color:#a7b5be;font-size:11px;display:flex;justify-content:space-between}.conversation-foot span:last-child{color:#4d7592}.today{padding:115px 0 135px}.status-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:52px}.status-card{background:#fff;border:1px solid #dce5e9;border-radius:14px;padding:30px 32px 34px;min-height:320px}.status-card.future{background:#f1f5f7}.status-card h3{font-size:24px;letter-spacing:-.04em;margin:17px 0 23px}.status-card ul{list-style:none;padding:0;margin:0}.status-card li{border-top:1px solid #e3e9ed;padding:12px 0 12px 22px;color:#667b89;font-size:13px;position:relative}.status-card li:before{content:"↗";position:absolute;left:0;color:#6c91a9}.closing{background:#223949;color:#fff;padding:115px 0 125px;overflow:hidden;position:relative}.closing:after{content:"";width:750px;height:750px;border:1px solid #4a687c;border-radius:50%;position:absolute;right:-190px;top:-200px;box-shadow:0 0 0 110px #ffffff06,0 0 0 220px #ffffff04}.closing-inner{position:relative;z-index:1}.closing .eyebrow{color:#a2bdce}.closing h2{font-size:clamp(42px,5.3vw,74px);line-height:1.05;letter-spacing:-.065em;font-weight:640;margin:0 0 24px}.closing h2 em{color:#a8c6d8}.closing p:not(.eyebrow){color:#b9cbd6;font-size:16px;margin-bottom:29px}.button-light{background:#fff;color:#264256}.button-light:hover{background:#e8f0f5}.site-footer{min-height:91px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#84939e;font-size:11px}.footer-separator{margin:0 7px;color:#afbbc2}:focus-visible{outline:2px solid #4e86ae;outline-offset:3px}@media(max-width:1050px){.hero{grid-template-columns:1fr;gap:2px;padding-top:90px}.hero-copy{max-width:740px}.hero-art{width:min(670px,100%);margin-inline:auto}.problem-grid{gap:48px}.agent-grid{gap:55px}}@media(max-width:700px){.section-shell{width:min(100% - 38px,1180px)}.site-header{height:64px}.nav-wrap{width:calc(100% - 38px)}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:4px;width:36px;height:36px;border:1px solid #d7e2e8;background:#fff;border-radius:7px;padding:9px}.menu-toggle span{height:1.5px;width:100%;background:#344f62}.site-nav{display:none;position:absolute;left:0;right:0;top:63px;background:#f7f8f8;border-bottom:1px solid #dce5e9;padding:16px 19px 20px;flex-direction:column;align-items:stretch;gap:0;box-shadow:0 10px 20px #25465e12}.site-nav.open{display:flex}.site-nav a{padding:11px 5px}.site-nav .nav-cta{margin-top:8px;padding:10px 12px}.hero{min-height:0;padding-top:72px;padding-bottom:83px;gap:0}.hero h1{font-size:clamp(48px,10vw,66px)}.hero-lead{font-size:15px}.hero-art{padding-top:72px}.app-window{transform:none}.window-body{grid-template-columns:100px 1fr}.mock-sidebar{padding:10px 5px}.mock-workspace{font-size:6px;gap:3px;padding:0 3px}.workspace-icon{height:18px;width:18px}.mock-main{padding:15px 10px}.mock-heading strong{font-size:16px}.mock-heading span{font-size:7px}.mock-stats{gap:4px}.mock-stats>div{padding:5px;min-height:59px}.mock-stats b{font-size:15px}.map-card{width:28%;padding:5px}.map-card.web{left:2%}.map-card.api{left:36%}.map-card.db{right:2%}.map-card b{font-size:7px}.map-card small{font-size:6px}.component-map{height:190px}.problem,.workspace-section,.how,.agent-section,.today{padding-top:77px;padding-bottom:85px}.problem-grid,.split-heading,.agent-grid{grid-template-columns:1fr;gap:35px}.problem-grid{margin-top:35px}.question-list p{font-size:17px}.problem-answer p{font-size:15px}.layers,.status-grid{grid-template-columns:1fr}.layers{margin-top:36px}.layer-card{min-height:280px}.layer-top{margin-bottom:45px}.statement{padding:68px 0;gap:14px}.statement-marker{font-size:62px}.steps{grid-template-columns:1fr;margin-top:37px}.steps article{padding:22px 0}.agent-grid{gap:40px}.conversation{min-height:320px}.status-grid{margin-top:37px}.status-card{min-height:0}.closing{padding:80px 0 90px}.site-footer{flex-direction:column;justify-content:center;align-items:flex-start;padding:24px 0}}@media(max-width:420px){.window-label{display:none}.mock-sidebar{display:none}.window-body{grid-template-columns:1fr}.hero-art{padding-top:54px}.app-window{min-height:0}.mock-main{padding:15px}.hero h1{font-size:46px}.hero-actions .button{width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
