:root{color-scheme:dark;--bg:#0b0d12;--panel:#10141c;--panel2:#151a24;--line:#242b38;--text:#f2f5fb;--muted:#929bad;--blue:#80aaff;--blue2:#a6c5ff;--green:#8ce0ba}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--blue);outline-offset:4px}.skip{position:absolute;left:-100vw;top:0;padding:12px;background:#fff;color:#000;z-index:10}.skip:focus{left:10px}.site-shell{max-width:1800px;margin:auto}.blue{color:var(--blue)}.site-header{height:86px;border-bottom:1px solid var(--line);display:flex;align-items:center;padding:0 clamp(24px,5vw,92px);gap:23px}.wordmark{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;letter-spacing:-1px}.wordmark img{width:28px;height:28px}.header-divider{height:25px;width:1px;background:#343b4a}.product-mark{font-size:21px;font-weight:700;letter-spacing:-1px}.site-header nav{margin-left:auto;display:flex;gap:36px;color:#a7afbd;font-size:13px}.site-header nav a:hover,.text-button:hover{color:white}.header-invite{margin-left:18px;font-size:12px;border:1px solid #3c485b;padding:13px 18px;border-radius:6px;font-weight:700}.header-invite span{margin-left:15px;color:var(--blue)}.header-invite:hover{background:#192335}.hero{min-height:660px;position:relative;overflow:hidden;display:flex;align-items:center;border-bottom:1px solid var(--line);background:radial-gradient(ellipse 46% 75% at 85% 52%,#1c2e4b 0%,#101824 40%,transparent 85%),linear-gradient(105deg,#0b0d12 25%,#101722 100%)}.hero:after{content:'';position:absolute;right:-200px;top:-350px;width:900px;height:900px;border:1px solid #29364b;border-radius:50%;box-shadow:0 0 0 110px #111c2b18,0 0 0 220px #2639510d;pointer-events:none}.hero:before{content:'';position:absolute;right:13%;top:19%;width:360px;height:360px;border-radius:50%;background:#4878bf15;filter:blur(70px)}.hero-inner{padding:110px clamp(24px,10vw,170px);position:relative;z-index:1;max-width:1150px}.eyebrow,.kicker,.hero-meta,.product-caption,.frame-center,.frame-status,.frame-label,.frame-disclaimer,.access-label,.footer-bottom{font-family:'IBM Plex Mono',monospace;font-size:10px;letter-spacing:1.25px}.eyebrow{color:#c4d2e9;display:flex;align-items:center;gap:12px;font-weight:600}.status-dot{display:inline-block;width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 4px #80aaff16}.eyebrow-slash{color:#566279}.hero h1{font-size:clamp(66px,8.5vw,142px);line-height:.98;letter-spacing:-.085em;font-weight:700;margin:40px 0 29px}.hero h1 em,.section-header h2 em,.principles h2 em,.access-body h2 em{font-style:normal;color:var(--blue)}.hero-description{max-width:570px;font-size:19px;line-height:1.7;color:#b2bac9}.hero-ctas{display:flex;align-items:center;gap:36px;margin-top:38px}.primary-button{display:inline-flex;align-items:center;justify-content:space-between;gap:38px;background:var(--blue);color:#09111e;border-radius:6px;padding:17px 21px;font-weight:800;font-size:13px;transition:background .2s,transform .2s}.primary-button:hover{background:#b0cbff;transform:translateY(-2px)}.text-button{font-size:13px;font-weight:700;color:#c7d0e0}.text-button span{margin-left:13px;color:var(--blue)}.hero-meta{display:flex;gap:36px;color:#8490a4;margin-top:83px}.hero-meta i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#83d4ae;margin-right:8px}.hero-index{position:absolute;right:5vw;bottom:36px;color:#748197;font-family:'IBM Plex Mono',monospace;font-size:11px}.product-section{padding:130px clamp(24px,8vw,140px) 115px}.section-header{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:55px}.kicker{color:var(--blue);font-weight:600}.kicker span{color:#647083}.section-header h2,.principles h2,.access-body h2{font-size:clamp(43px,5vw,78px);line-height:1.08;letter-spacing:-.065em;margin:25px 0 0}.section-header>p{max-width:380px;color:var(--muted);font-size:16px;line-height:1.8;margin:0 0 6px}.product-frame{background:#0d1119;border:1px solid #354153;border-radius:11px;box-shadow:0 32px 90px #0007,0 0 0 8px #ffffff03;overflow:hidden}.frame-top{height:54px;border-bottom:1px solid #2b3544;display:flex;align-items:center;padding:0 22px;justify-content:space-between}.frame-brand{font-size:20px;font-weight:800;letter-spacing:-1px}.frame-brand-icon{font-size:17px;color:var(--blue);margin-right:7px}.frame-center{color:#728098}.frame-status{color:#95a4b9}.frame-status span,.small-dot{display:inline-block;width:6px;height:6px;background:#75cba6;border-radius:50%;margin-right:7px}.frame-content{display:grid;grid-template-columns:235px minmax(0,1fr);min-height:540px}.frame-sidebar{border-right:1px solid #293241;padding:24px 14px;position:relative;background:#10151e}.frame-new{border:1px solid #37455c;border-radius:5px;padding:13px 14px;font-size:12px;margin-bottom:26px;color:#d8e5fa}.frame-new span{margin-left:9px}.frame-nav{font-size:12px;color:#93a0b4;padding:12px 14px;border-radius:5px;margin-bottom:5px}.frame-nav span{display:inline-block;width:24px;font-size:15px}.frame-nav.active{color:#cfe0ff;background:#233550}.frame-label{margin:32px 12px 14px;color:#68768b}.frame-recent{padding:11px 13px;color:#8794a8;font-size:12px}.frame-recent.selected{color:#e1e8f6}.frame-sidebar-bottom{position:absolute;bottom:24px;left:26px;color:#8493a7;font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:1px}.frame-main{padding:0 30px 18px;display:flex;flex-direction:column;min-width:0}.frame-chat-header{display:flex;justify-content:space-between;align-items:center;padding:23px 0 20px;border-bottom:1px solid #283342}.frame-chat-header strong{display:block;font-size:15px}.frame-chat-header small{display:block;color:#78869b;margin-top:5px;font-size:11px}.frame-model{background:#1a2536;border:1px solid #34455f;border-radius:5px;padding:9px 12px;font-size:11px;color:#cbd9ee}.frame-model span{margin-left:16px}.frame-thread{max-width:760px;width:100%;margin:26px auto 16px;flex:1}.bubble-user{margin-left:auto;max-width:390px;width:fit-content;background:#26354b;border:1px solid #334761;border-radius:10px 10px 2px 10px;padding:15px 18px;font-size:12px;line-height:1.6;color:#e5ecf7}.agent-reply{display:flex;gap:12px;margin-top:24px;font-size:12px;line-height:1.7}.agent-avatar{width:27px;height:27px;border-radius:7px;background:#253753;color:#9bbdff;display:grid;place-items:center;flex-shrink:0;font-size:17px}.agent-name{font-weight:800;font-size:12px}.agent-name span{font-weight:500;color:#91a1b6}.agent-reply p{color:#bac7d7;margin:7px 0 0}.review-card{margin:18px 0 0 39px;border:1px solid #3c4c64;border-radius:8px;overflow:hidden;background:#121a26}.review-header{padding:14px 17px;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #29374a;font-size:12px;font-weight:700}.review-file-icon{color:var(--blue);margin-right:8px}.review-pill{font-family:'IBM Plex Mono',monospace;font-size:9px;letter-spacing:.7px;color:#b8d1ff;background:#243854;padding:7px 9px;border-radius:4px}.review-code{padding:14px 0;font-family:'IBM Plex Mono',monospace;font-size:11px}.code-line{padding:5px 18px;display:flex;gap:25px}.line-no{color:#67768d;width:20px;text-align:right}.code-muted{color:#93a2b8}.code-line.removed{background:#562f3c58;color:#f1a4b5}.code-line.added{background:#23483d70;color:#a4e8cb}.review-bottom{border-top:1px solid #29374a;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 15px;color:#7e8da3;font-size:10px}.mock-actions{display:flex;align-items:center;gap:8px;font-size:11px}.mock-decline{border:1px solid #46556b;border-radius:4px;padding:9px 12px;color:#d0d9e7}.mock-accept{background:#80aaff;color:#08111e;border-radius:4px;padding:9px 12px;font-weight:800}.frame-composer{display:flex;justify-content:space-between;align-items:center;border:1px solid #3c495b;background:#151d29;border-radius:6px;padding:13px 14px;font-size:12px;color:#718096}.composer-arrow{background:#80aaff;color:#0b1421;font-weight:800;border-radius:4px;padding:6px 10px}.frame-disclaimer{text-align:right;color:#65758b;margin-top:9px;letter-spacing:0;font-size:9px}.product-caption{display:flex;justify-content:space-between;color:#738198;margin-top:23px}.principles{display:grid;grid-template-columns:1fr 1.1fr;gap:80px;padding:120px clamp(24px,8vw,140px);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0e121a}.principles-intro>p{max-width:390px;color:var(--muted);line-height:1.8;margin-top:27px}.principle-list article{display:grid;grid-template-columns:50px 1fr 20px;gap:20px;padding:29px 0;border-bottom:1px solid #2a3444}.principle-list article:first-child{border-top:1px solid #2a3444}.principle-number{font-family:'IBM Plex Mono',monospace;color:var(--blue);font-size:12px;padding-top:7px}.principle-list h3{font-size:24px;letter-spacing:-.04em;margin:0 0 9px}.principle-list p{color:#919eaf;line-height:1.7;font-size:14px;margin:0;max-width:390px}.principle-arrow{color:#647eaa;font-size:18px}.access-section{margin:90px clamp(24px,8vw,140px) 130px;border:1px solid #344660;background:radial-gradient(ellipse 65% 110% at 100% 70%,#294b7b4f,transparent 78%),#111a29;border-radius:10px;overflow:hidden}.access-top{display:flex;justify-content:space-between;padding:28px 36px;border-bottom:1px solid #30425b}.access-label{color:#9faec2}.access-body{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:60px 7% 70px}.access-body h2{font-size:clamp(48px,6vw,88px);margin-top:0}.access-body p{max-width:480px;color:#b1bfd0;line-height:1.8;font-size:16px;margin:25px 0 29px}.access-footnote{font-size:11px;color:#8697ad;margin-top:18px}.access-monogram{font-size:clamp(190px,25vw,360px);font-weight:800;line-height:.8;letter-spacing:-.15em;color:#d4e4ff0c;text-shadow:0 0 100px #80aaff20;user-select:none;padding-right:30px}.access-monogram span{color:#80aaff25}.footer{padding:45px clamp(24px,8vw,140px) 25px;border-top:1px solid var(--line)}.footer-main{display:flex;align-items:center;gap:28px;padding-bottom:48px}.footer-brand{font-size:26px;font-weight:800;letter-spacing:-1px}.footer-main>span{font-size:13px;color:#778499}.footer-main>div{margin-left:auto;display:flex;gap:30px;font-size:12px;color:#b0bdd0}.footer-bottom{border-top:1px solid #242b38;padding-top:23px;display:flex;justify-content:space-between;gap:15px;color:#69768a;font-size:9px}@media(max-width:980px){.site-header nav{display:none}.header-invite{margin-left:auto}.hero{min-height:580px}.hero-inner{padding:90px 7vw}.section-header{display:block}.section-header>p{margin-top:25px}.principles{grid-template-columns:1fr;gap:40px}.frame-content{grid-template-columns:180px 1fr}.frame-main{padding:0 16px 16px}.frame-sidebar{padding:20px 8px}.frame-recent{font-size:11px}.frame-center{display:none}}@media(max-width:650px){.site-header{height:70px;padding:0 20px;gap:12px}.wordmark{font-size:18px}.wordmark img{width:23px;height:23px}.header-divider{height:20px}.product-mark{font-size:18px}.header-invite{font-size:10px;padding:11px 12px}.header-invite span{margin-left:7px}.hero{min-height:570px}.hero-inner{padding:65px 24px}.hero h1{font-size:clamp(59px,14vw,88px)}.hero-description{font-size:16px}.hero-ctas{gap:22px;flex-wrap:wrap}.hero-meta{flex-direction:column;gap:11px;margin-top:60px}.hero-index{display:none}.product-section{padding:80px 18px}.section-header h2,.principles h2{font-size:47px}.section-header>p{font-size:14px}.frame-content{grid-template-columns:1fr;min-height:0}.frame-sidebar{display:none}.frame-main{padding:0 12px 12px}.frame-top{padding:0 14px}.frame-status{font-size:8px}.frame-thread{margin:18px auto}.bubble-user{max-width:95%;font-size:11px}.agent-reply{font-size:11px}.review-card{margin-left:0}.review-header{font-size:10px}.review-pill{font-size:8px}.review-bottom{align-items:flex-start;flex-direction:column}.code-line{font-size:10px;gap:12px;padding:5px 10px}.product-caption{font-size:8px}.principles{padding:75px 24px}.access-section{margin:60px 18px 90px}.access-top{padding:22px;align-items:start;gap:10px}.access-label{font-size:8px;text-align:right}.access-body{padding:50px 25px}.access-body h2{font-size:56px}.access-monogram{display:none}.footer{padding:35px 22px}.footer-main{flex-wrap:wrap}.footer-main>div{width:100%;margin-left:0}.footer-bottom{flex-wrap:wrap;line-height:1.6}.footer-bottom span:nth-child(2){order:3;width:100%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.primary-button{transition:none}}
