:root{color-scheme:dark;--bg:#111310;--surface:#181b16;--text:#eeeee7;--muted:#a2a79b;--line:#30362a;--accent:#d4e8a4;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:6px}button:disabled{cursor:wait}button{border-radius:0}p,h2,h3{margin:0}::selection{background:var(--accent);color:var(--bg)}.page-shell{max-width:1600px;margin:auto;padding:0 5.2%}.header{height:98px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:42px;position:relative}.brand{display:flex;align-items:center;gap:12px;font-size:21px;font-weight:650;letter-spacing:1.1px}.desktop-nav{margin-left:auto;display:flex;gap:32px;align-items:center}.desktop-nav a,.desktop-nav button{font-size:13px;color:#bcc0b5;background:none;border:0;padding:10px 0}.desktop-nav a:hover,.desktop-nav button:hover{color:var(--accent)}.button{min-height:48px;padding:0 22px;display:inline-flex;align-items:center;justify-content:center;gap:38px;background:var(--accent);border:1px solid var(--accent);color:#20271a;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#e6f5c4;transform:translateY(-2px)}.button span{font-size:19px;font-weight:400}.button-small{min-height:38px;padding:0 16px;gap:28px;font-size:12px}.eyebrow,.micro,.product-strip>span,.mono{font-family:var(--mono);font-size:10px;font-weight:400;letter-spacing:1.1px;line-height:1.6}.eyebrow{color:var(--accent);display:flex;gap:10px;align-items:center;text-transform:uppercase}.status-dot{display:inline-block;width:6px;height:6px;background:var(--accent);border-radius:50%;flex-shrink:0}.actions{display:flex;align-items:center;gap:28px;margin-top:32px}.text-link{display:inline-flex;gap:24px;align-items:center;font-size:13px;min-height:44px;border-bottom:1px solid transparent}.text-link:hover{border-color:var(--accent);color:var(--accent)}.muted{color:var(--muted)}.micro{font-size:10px;color:var(--muted)}.product-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:24px 0;color:var(--muted)}.product-strip>span{font-size:10px;letter-spacing:.7px}.product-strip p{font-size:12px;display:flex;gap:22px;align-items:center}.product-strip i{font-style:normal;color:#4d5741}.footer{padding:32px 0;display:flex;align-items:center;gap:36px;border-top:1px solid var(--line);color:var(--muted);font-size:11px}.footer .brand{color:var(--text);font-size:16px}.footer span:last-child{margin-left:auto}.menu-toggle,.mobile-menu{display:none}.skip-link{position:fixed;top:10px;left:10px;z-index:10;background:var(--accent);color:var(--bg);padding:12px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0)}@keyframes check-in{0%,15%{opacity:.05;transform:scale(.6)}35%,100%{opacity:1;transform:scale(1)}}
@media(min-width:1500px){}
@media(max-width:1000px){.page-shell{padding:0 5%}.actions{gap:18px}.text-link{gap:12px}.product-strip{align-items:flex-start;flex-direction:column;gap:14px}.product-strip p{gap:25px}.header{gap:26px}.desktop-nav{gap:24px}}
@media(max-width:760px){.header{height:78px;gap:18px}.brand{font-size:17px;gap:8px}.desktop-nav{display:none}.header-cta{margin-left:auto;min-height:36px;font-size:11px;gap:17px;padding:0 11px}.menu-toggle{display:flex;flex-direction:column;gap:5px;width:30px;min-height:44px;justify-content:center;border:0;background:none;padding:4px}.menu-toggle span{height:1px;width:22px;background:var(--text)}.mobile-menu:not([hidden]){display:flex;position:absolute;top:77px;left:-5.5%;right:-5.5%;padding:20px 5%;background:var(--surface);z-index:4;gap:32px;border-bottom:1px solid var(--line)}.mobile-menu a,.mobile-menu button{font-size:14px;border:0;background:none;padding:10px 0}.eyebrow{font-size:10px;letter-spacing:.8px}.actions{margin-top:26px;gap:26px}.product-strip{padding:22px 0;gap:14px}.product-strip p{flex-wrap:wrap;font-size:11px;gap:10px}.product-strip>span{font-size:10px}.footer{flex-wrap:wrap;gap:16px;align-items:center}.footer .brand{width:100%}.footer span:last-child{margin-left:auto}.button{min-height:46px}.button-small{min-height:36px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}/* The page alternates open diagrams,one product surface,and editorial type. */
.section{padding:105px 0 82px;border-bottom:1px solid var(--line)}.section-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:36px}.section-note{font:10px var(--mono);letter-spacing:1px;color:#858d7b}.section-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:8%;align-items:end;margin-bottom:55px}h2{font-size:clamp(36px,3.8vw,60px);font-weight:450;line-height:1.13;letter-spacing:-2px}.section-intro>p,.loop-heading>p{font-size:15px;line-height:1.8;color:var(--muted);max-width:380px;padding-bottom:3px}.section-caption{color:#929a87;font-size:11px;display:flex;gap:15px;align-items:center}.section-caption>span{color:var(--accent);font:10px var(--mono);border:1px solid var(--line);width:23px;height:23px;display:grid;place-items:center;flex-shrink:0}.inspector{border:1px solid #3a4132;background:#161913;margin-bottom:25px}.inspector-top{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;border-bottom:1px solid var(--line);gap:18px}.inspector-top>div{display:flex;gap:12px;align-items:center;font-size:12px}.tiny-square{width:8px;height:8px;background:var(--accent)}.example-badge{font:10px var(--mono);letter-spacing:.5px;color:var(--muted);padding:5px 7px;border:1px solid var(--line);margin-left:8px}.inspector-task{display:flex;gap:25px;align-items:center;padding:25px 28px;border-bottom:1px solid var(--line)}.inspector-task p{font-size:14px}.inspector-body{display:grid;grid-template-columns: .9fr 1.25fr}.trace{padding:31px 30px;border-right:1px solid var(--line)}.trace ol{padding:23px 0 0;margin:0;list-style:none}.trace li{display:flex;gap:15px;min-height:72px;position:relative}.trace li:not(:last-child):after{content:'';position:absolute;left:10px;top:25px;bottom:4px;border-left:1px solid var(--line)}.trace li>span{border:1px solid #3e4933;width:22px;height:22px;display:grid;place-items:center;color:var(--accent);font:10px var(--mono);flex-shrink:0}.trace li>div{padding-top:3px;font-size:12px}.trace small{display:block;margin-top:8px;font-size:10px;color:#9aa28e;line-height:1.5}.trace .trace-friction>span{color:#e8bd8d;border-color:#6d5138}.trace .trace-friction>div{color:#e8bd8d}.trace .trace-pending{color:#939b88}.trace .trace-pending>span{color:#939b88}.trace-success>div{color:var(--accent)}.finding{padding:0 30px 14px;min-width:0}.demo-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line)}.demo-tabs button{padding:20px 0 17px;background:none;border:0;border-bottom:2px solid transparent;font-size:11px;color:var(--muted)}.demo-tabs button[aria-selected=true]{border-color:var(--accent);color:var(--accent)}.demo-tabs button:hover{color:var(--text)}.demo-panel{padding-top:27px;min-height:322px}.demo-panel[hidden]{display:none}.finding-label{font:10px var(--mono);letter-spacing:.8px;color:#e8bd8d}.finding-label.accent{color:var(--accent)}.demo-panel h3{font-size:27px;letter-spacing:-.6px;line-height:1.15;font-weight:450;margin-top:13px}.demo-panel>p{font-size:12px;line-height:1.8;color:var(--muted);max-width:410px;margin:15px 0 19px}.code-line{display:flex;align-items:center;gap:13px;background:#202019;border-left:2px solid #ad8459;padding:13px;color:#d4b18b;overflow-wrap:anywhere}.code-line code{font:10px/1.6 var(--mono)}.code-status{font:10px var(--mono);flex-shrink:0}.code-fix{color:var(--accent);border-color:#8caa5d;background:#202719}.demo-next{margin-top:9px;background:none;padding:0;border-width:0 0 1px;font-size:11px;gap:20px}.inspector-bottom{display:flex;justify-content:space-between;padding:15px 24px;border-top:1px solid var(--line);font:10px/1.6 var(--mono);color:#a0a793;gap:20px}.loop-heading{display:flex;justify-content:space-between;gap:50px;align-items:flex-end}.subtle{color:#89917f}.improvement-loop{list-style:none;padding:0;margin:62px 0 0;display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.loop-number{display:flex;justify-content:space-between;border-top:1px solid #505e3e;padding:17px 0 25px;font:10px var(--mono);color:var(--accent)}.loop-number>span{font-size:16px}.improvement-loop h3{font-size:30px;font-weight:450;letter-spacing:-1px}.improvement-loop p{font-size:12px;line-height:1.8;color:var(--muted);max-width:215px;margin-top:14px}.loop-return{display:flex;align-items:center;gap:16px;color:#829368;font:10px var(--mono);letter-spacing:1px;margin-top:38px}.loop-return>div{height:1px;background:var(--line);flex:1}.loop-return>span:first-child,.loop-return>span:last-child{font-size:20px}.principle{text-align:center;padding:90px 0;border-bottom:1px solid var(--line)}.principle>.eyebrow{justify-content:center;margin-bottom:27px}.principle h2{font-size:clamp(30px,3.2vw,47px);color:#8d9582}.principle h2 span{color:var(--text)}.principle>p{font-size:13px;color:var(--muted);margin-top:23px;line-height:1.8}.journey{display:flex;list-style:none;justify-content:center;padding:0;margin:40px 0 0;gap:25px}.journey li{font:10px var(--mono);letter-spacing:.3px;color:var(--accent);display:flex;align-items:center;gap:25px}.journey li:not(:last-child):after{content:'→';color:#657251;font-size:16px}.faq{display:grid;grid-template-columns:1fr 1.4fr;gap:10%;padding-bottom:100px}.faq-intro .eyebrow{margin-bottom:22px}.faq h2{font-size:38px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line)}.faq-list summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:23px 0;font-size:13px;line-height:1.6;cursor:pointer}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary>span{color:var(--accent);font-size:20px;font-weight:400;transition:transform .2s}.faq-list details[open] summary>span{transform:rotate(45deg)}.faq-list details[open] summary{color:var(--accent)}.faq-list details p{font-size:12px;line-height:1.9;color:var(--muted);padding:0 32px 24px 0}.final-cta{padding:83px 0 80px}.final-cta h2{font-size:clamp(40px,4.9vw,72px);margin-top:27px;letter-spacing:-2.4px}.final-cta h2 span{color:var(--accent)}.closing-row{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:35px}.closing-row p{font-size:14px;line-height:1.8;color:var(--muted)}.closing-row .actions{margin:0}.plain-button{background:none;padding:0;color:var(--text);border-width:0 0 1px}.dialog-open{overflow:hidden}dialog{width:min(530px,calc(100% - 36px));background:#191e15;border:1px solid #566545;color:var(--text);padding:45px;box-shadow:0 20px 80px #0006}dialog::backdrop{background:#080b08bd;backdrop-filter:blur(5px)}dialog h2{font-size:36px;margin:24px 0 20px}dialog>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:25px}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:none;font-size:26px;width:40px;height:40px;color:var(--muted)}dialog .button{font-size:12px}.dialog-close:hover{color:var(--accent)}
@media(min-width:1100px) and (max-height:850px){}
@media(max-width:1000px){.section{padding:78px 0 65px}.section-intro{gap:5%}.section-intro>p,.loop-heading>p{font-size:13px}.inspector-top{padding:17px 20px}.trace{padding:26px 20px}.finding{padding:0 23px 14px}.demo-panel h3{font-size:25px}.improvement-loop{gap:22px}.improvement-loop h3{font-size:26px}.faq{gap:7%}.faq h2{font-size:33px}.journey,.journey li{gap:18px}.closing-row{align-items:flex-start;flex-direction:column;gap:28px}.footer{font-size:10px}}
@media(max-width:760px){.section{padding:62px 0 51px}.section-label{margin-bottom:26px}.section-label .eyebrow{font-size:10px}.section-note{display:none}.section-intro{grid-template-columns:1fr;gap:23px;margin-bottom:30px}h2{font-size:37px;letter-spacing:-1.6px}.section-intro>p,.loop-heading>p{font-size:13px;line-height:1.9;max-width:440px}.section-caption{font-size:10px;line-height:1.7;align-items:flex-start;margin-top:27px;gap:10px}.inspector-top{padding:15px 17px}.inspector-top>div{font-size:11px;gap:8px}.inspector-top>.micro{display:none}.example-badge{font-size:10px;margin-left:5px;padding:4px}.inspector-task{padding:20px 17px;align-items:flex-start;gap:13px}.inspector-task p{font-size:12px;line-height:1.6}.inspector-body{grid-template-columns:1fr}.trace{border-right:0;border-bottom:1px solid var(--line);padding:21px 17px 7px}.trace ol{display:grid;grid-template-columns:1fr 1fr;gap:8px 16px;padding-top:18px}.trace li{gap:10px;min-height:65px}.trace li:not(:last-child):after{display:none}.trace li>div{font-size:10px}.trace small{font-size:10px;margin-top:6px}.trace li>span{width:18px;height:18px;font-size:10px}.finding{padding:0 18px 11px}.demo-tabs{gap:25px}.demo-tabs button{padding:17px 0 15px;font-size:11px}.demo-panel{padding-top:24px;min-height:331px}.demo-panel h3{font-size:27px}.demo-panel>p{font-size:12px;margin-top:14px}.code-line{padding:12px 10px;gap:10px}.code-line code{font-size:10px}.demo-next{font-size:10px}.inspector-bottom{flex-direction:column;gap:6px;padding:14px 17px;font-size:10px}.loop-heading{display:block}.loop-heading>p{margin-top:22px}.improvement-loop{grid-template-columns:1fr 1fr;gap:30px 25px;margin-top:34px}.loop-number{padding:14px 0 17px}.improvement-loop h3{font-size:28px}.improvement-loop p{font-size:11px;margin-top:10px}.loop-return{font-size:10px;gap:10px;margin-top:29px}.principle{padding:57px 0}.principle h2{font-size:29px;letter-spacing:-1.2px;line-height:1.2}.principle>p{font-size:12px;max-width:300px;margin:22px auto 0}.journey{display:grid;grid-template-columns:1fr;text-align:left;width:max-content;margin:28px auto 0;gap:0}.journey li{font-size:10px;position:relative;padding:0 0 25px 22px;gap:0}.journey li:before{content:'';position:absolute;left:0;top:4px;width:5px;height:5px;background:var(--accent)}.journey li:not(:last-child):after{content:'';position:absolute;left:2px;top:12px;bottom:4px;width:1px;background:#4a563a}.journey li:last-child{padding-bottom:0}.faq{grid-template-columns:1fr;gap:31px}.faq h2{font-size:37px}.faq-intro .eyebrow{margin-bottom:19px}.faq-list summary{font-size:12px;padding:21px 0;gap:20px}.faq-list details p{font-size:12px;padding-right:12px}.final-cta{padding:59px 0}.final-cta h2{font-size:42px;letter-spacing:-1.8px;line-height:1.12;margin-top:24px}.final-cta h2 br{display:none}.closing-row{margin-top:25px;gap:28px}.closing-row p{font-size:13px}.closing-row .actions{gap:22px}.closing-row .text-link{font-size:12px;gap:14px}.footer{padding:28px 0}dialog{padding:33px 25px}dialog h2{font-size:30px}dialog>p:not(.eyebrow){font-size:13px}}
@media(max-width:370px){.header{gap:10px}.header .brand{font-size:15px}.header-cta{gap:12px}.actions{gap:17px}.text-link{font-size:12px}.button{padding-left:17px;padding-right:17px;gap:26px}.example-badge{font-size:10px}.final-cta h2{font-size:37px}.closing-row .actions{gap:16px}.demo-tabs{gap:21px}}/* Keep compact actions on one line at narrow phone widths. */
.button,.text-link{white-space:nowrap}
@media(max-width:370px){.header .header-cta{padding:0 10px;gap:10px;font-size:10px;flex-shrink:0}.header .brand{letter-spacing:.4px;gap:5px}.closing-row .text-link{font-size:11px;gap:10px}}/* Discovery: an editorial introduction beside one inspectable source. */
.discovery{ padding: 84px 0; }.discovery-layout{ display: grid; grid-template-columns: .9fr 1.1fr; gap: 10%; align-items: start; }.discovery-copy h2{ margin: 26px 0 24px; font-size: clamp(36px, 3.6vw, 54px); letter-spacing: -1.9px; line-height: 1.12; }.discovery-copy > p:not(.eyebrow){ max-width: 360px; font-size: 15px; line-height: 1.8; color: var(--muted); }.source-tabs{ margin-top: 35px; max-width: 340px; border-top: 1px solid var(--line); }.source-tabs button{ display: flex; align-items: center; gap: 19px; width: 100%; min-height: 56px; padding: 0 4px; border: 0; border-bottom: 1px solid var(--line); background: transparent; text-align: left; color: var(--muted); font-size: 14px; transition: color .2s; }.source-tabs button > span:first-child{ font: 10px var(--mono); color: #8b947e; }.source-tabs button > span:last-child{ margin-left: auto; font-size: 19px; opacity: 0; transform: translate(-4px,4px); transition: opacity .2s, transform .2s; }.source-tabs button[aria-selected=true]{ color: var(--accent); border-bottom-color: #64754e; }.source-tabs button[aria-selected=true] > span:last-child{ opacity: 1; transform: none; }.source-tabs button:hover{ color: var(--text); }.discovery-evidence{ min-width: 0; padding-top: 2px; }.evidence-meta{ display: flex; justify-content: space-between; gap: 20px; padding: 0 0 19px; border-bottom: 1px solid #48513d; font: 10px/1.5 var(--mono); letter-spacing: .6px; color: var(--muted); }.evidence-meta > span:last-child{ color: #8e9882; }.agent-intent{ padding: 27px 0 29px; }.evidence-label{ font: 10px/1.5 var(--mono); letter-spacing: .7px; color: #a8b199; }.agent-intent p{ font-size: clamp(22px,2.2vw,32px); font-weight: 450; letter-spacing: -.6px; line-height: 1.3; margin-top: 13px; }.source-excerpt{ border-left: 2px solid var(--accent); padding: 4px 0 5px 24px; }.excerpt-location{ display: flex; align-items: center; justify-content: space-between; gap: 12px; font: 10px/1.6 var(--mono); color: #a9b499; }.excerpt-location > span:last-child{ font-size: 17px; }.source-excerpt h3{ margin-top: 19px; font-size: 21px; font-weight: 500; letter-spacing: -.3px; }.source-excerpt > p{ font-size: 14px; line-height: 1.7; color: var(--muted); margin: 12px 0 19px; max-width: 430px; min-height: 48px; }.source-excerpt code{ display: block; font: 11px/1.8 var(--mono); color: #d2d8c7; overflow-wrap: anywhere; }.evidence-match{ display: flex; gap: 10px; color: var(--accent); font-size: 12px; line-height: 1.6; margin-top: 17px; }.discovery-insight{ border-top: 1px solid var(--line); margin-top: 28px; padding-top: 21px; }.discovery-insight p{ color: var(--muted); font-size: 13px; line-height: 1.8; margin-top: 11px; max-width: 480px; min-height: 70px; }
@media(max-width:1000px) {.discovery-layout{ gap: 7%; grid-template-columns: .9fr 1.1fr; }.discovery-copy > p:not(.eyebrow){ font-size: 14px; }.evidence-meta{ font-size: 10px; gap: 10px; }.source-excerpt{ padding-left: 19px; }.source-excerpt code{ font-size: 10px; } }
@media(max-width:760px) {.discovery{ padding: 56px 0; }.discovery-layout{ grid-template-columns: 1fr; gap: 36px; }.discovery-copy h2{ font-size: 39px; margin: 22px 0 20px; }.discovery-copy > p:not(.eyebrow){ max-width: 430px; font-size: 14px; }.source-tabs{ max-width: none; margin-top: 26px; }.source-tabs button{ min-height: 49px; font-size: 13px; }.agent-intent{ padding: 22px 0 26px; }.agent-intent p{ font-size: 25px; }.source-excerpt h3{ font-size: 20px; }.source-excerpt > p{ font-size: 13px; min-height: 0; }.discovery-insight p{ min-height: 0; }.evidence-match{ font-size: 11px; } }
@media(max-width:370px) {.discovery-copy h2{ font-size: 33px; }.agent-intent p{ font-size: 22px; }.evidence-meta{ font-size: 10px; }.excerpt-location{ font-size: 10px; } }