.tech-proposal{--accent:#d9995c;--red:#e1121c;--night:#101214;--paper:#f5f4f0;--line:#dcdcd8;font-family:Manrope,Arial,sans-serif;color:#17191c;background:#fff;overflow:clip}
.tech-proposal *{box-sizing:border-box}.tech-proposal a{text-underline-offset:5px}.tech-proposal button,.tech-proposal input{font:inherit}.tech-proposal button{cursor:pointer}.tech-proposal :focus-visible{outline:3px solid #e1121c;outline-offset:5px}.tech-proposal [id]{scroll-margin-top:120px}
.tech-proposal .wrap{width:min(1440px,90%);margin:auto}.tech-proposal .eyebrow,.tech-proposal .mono{font-family:"JetBrains Mono",Consolas,monospace;font-size:11px;letter-spacing:1.5px;text-transform:uppercase}.tech-proposal .eyebrow{color:#676d72;margin:0 0 24px}.tech-proposal h1,.tech-proposal h2,.tech-proposal h3,.tech-proposal p{margin-top:0}.tech-proposal h1{font-weight:600;font-size:clamp(44px,4.8vw,84px);line-height:1.06;letter-spacing:-3.8px;margin-bottom:26px}.tech-proposal h2{font-size:clamp(30px,3vw,51px);line-height:1.15;letter-spacing:-1.8px;font-weight:600;margin-bottom:22px}.tech-proposal h3{font-size:21px;font-weight:600;line-height:1.35;letter-spacing:-.5px}.tech-proposal p{font-size:16px;line-height:1.8}.tech-proposal .lead{font-size:18px;line-height:1.8;max-width:620px}.tech-proposal .tiny{font-size:11px;line-height:1.7;color:#777e82}.tech-proposal .preview-bar{background:#eeeae2;color:#41464b;display:flex;gap:20px;justify-content:space-between;align-items:center;padding:10px 5%;border-bottom:1px solid #d3d0c8}.tech-proposal .preview-bar .mono{font-size:9px;letter-spacing:.9px}.tech-proposal .preview-links{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.tech-proposal .preview-links a{font-size:11px;text-decoration:none;opacity:.7}.tech-proposal .preview-links a[aria-current=page]{opacity:1;border-bottom:2px solid #e1121c}.tech-proposal .hero{position:relative;background:#101214;color:white;min-height:700px;display:flex;align-items:center;isolation:isolate}.tech-proposal .hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.tech-proposal .hero:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,11,13,.97),rgba(9,11,13,.88) 20%,rgba(9,11,13,.28) 63%,transparent)}
.tech-proposal .hero-copy{width:56%;padding:70px 0 100px}.tech-proposal .hero .eyebrow{color:#d5ab7b}.tech-proposal .product-name{display:block;font-size:19px;margin-bottom:24px;color:#c9ced0;font-weight:500;letter-spacing:-.3px}.tech-proposal .hero .lead{color:#d1d4d5;max-width:570px}.tech-proposal .button{display:inline-flex;gap:35px;align-items:center;background:#e1121c;color:white;font-size:12px;letter-spacing:.4px;text-decoration:none;padding:17px 24px;margin-top:14px}.tech-proposal .button:hover{background:#b80c15}.tech-proposal .hero-caption{position:absolute;bottom:20px;right:5%;font-size:10px;color:#aeb2b4;max-width:360px;line-height:1.6;text-align:right}.tech-proposal .hero-name{position:absolute;right:5%;top:35px;font-size:11px;color:#afb3b6;letter-spacing:2px;font-family:Consolas,monospace}.tech-proposal .quick-stats{background:#181b1e;color:white;border-top:1px solid #34373b}.tech-proposal .stats-grid{display:grid;grid-template-columns:repeat(3,1fr)}.tech-proposal .stat{padding:34px 0;display:flex;align-items:baseline;gap:22px;border-right:1px solid #34373b}.tech-proposal .stat:not(:first-child){padding-left:42px}.tech-proposal .stat:last-child{border:0}.tech-proposal .stat strong{font-size:38px;font-weight:500;color:#e4ba8c;letter-spacing:-1px}.tech-proposal .stat span{font-size:12px;color:#c8cbce}
.tech-proposal .section-nav{background:#fff;border-bottom:1px solid #ddd;display:flex;gap:42px;padding:20px 5%;font-size:11px;letter-spacing:.7px}.tech-proposal .section-nav a{text-decoration:none;color:#545b60}.tech-proposal .section-nav a:hover{color:#e1121c}.tech-proposal .story{padding:100px 0 82px}.tech-proposal .split{display:grid;grid-template-columns:1fr 1fr;gap:7%}.tech-proposal .story .body-copy{padding-top:37px;color:#596065}.tech-proposal .principles{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:62px;border-top:1px solid var(--line)}.tech-proposal .principle{padding:28px 28px 0 0}.tech-proposal .principle:not(:first-child){padding-left:28px;border-left:1px solid var(--line)}.tech-proposal .principle .mono{color:#bb793f;display:block;margin-bottom:24px}.tech-proposal .principle p{font-size:13px;line-height:1.8;color:#646b70}.tech-proposal .lab-section{padding:88px 0;background:#121619;color:white}.tech-proposal .lab-top{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;margin-bottom:42px}.tech-proposal .lab-top .eyebrow{color:#d3a06f}.tech-proposal .lab-top p{color:#b5bdc3;padding-top:28px}.tech-proposal .lab-top h2{margin-bottom:0}.tech-proposal .lab-layout{display:grid;grid-template-columns:1.6fr 1fr;border:1px solid #3b4147;background:#161c21}.tech-proposal .visual{min-height:450px;background:radial-gradient(ellipse at 48% 55%,#24313a 0%,#11181d 75%);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden}.tech-proposal canvas{width:100%;height:450px;display:block}.tech-proposal .visual svg{width:100%;height:420px}.tech-proposal .visual-corner{position:absolute;left:23px;top:22px;color:#86959e;font:10px Consolas,monospace;letter-spacing:1.2px}.tech-proposal .visual-bottom{position:absolute;bottom:17px;left:23px;font:10px Consolas,monospace;color:#8d9ba4}.tech-proposal .lab-controls{border-left:1px solid #3b4147;padding:32px;display:flex;flex-direction:column;justify-content:center;gap:23px}.tech-proposal .mode-buttons{display:flex;gap:8px;flex-wrap:wrap}.tech-proposal .mode-buttons button{padding:10px 12px;font-size:11px;color:#bac3c9;border:1px solid #515b63;background:transparent}.tech-proposal .mode-buttons button[aria-pressed=true]{background:#e4b582;border-color:#e4b582;color:#111619}.tech-proposal .lab-controls p{font-size:13px;color:#bac4ca;margin-bottom:0}.tech-proposal .lab-controls label{display:block;font-size:12px;color:#d0d9df;margin-bottom:14px}.tech-proposal input[type=range]{width:100%;accent-color:#e4b582;cursor:pointer}.tech-proposal output{font-family:Consolas,monospace;font-size:27px;color:#e4b582;display:block;margin-bottom:10px}.tech-proposal .lab-note{font-size:11px!important;line-height:1.8;margin-top:20px;color:#9ca9b1!important;max-width:1050px}.tech-proposal .legend{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #3b4147;padding-top:20px}.tech-proposal .legend span{font:11px Consolas,monospace;color:#aebac1}.tech-proposal .legend span:before{content:"";width:6px;height:6px;display:inline-block;background:var(--dot,#e4b582);margin-right:9px}.tech-proposal .phase-readings{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.tech-proposal .phase-readings div{border:1px solid #424e57;padding:10px;font:12px Consolas,monospace}.tech-proposal .phase-readings b{display:block;color:#e4b582;margin-top:10px;font-weight:400;font-size:17px}
.tech-proposal .spec-section{padding:92px 0;background:#f5f4f0}.tech-proposal .spec-top{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:28px}.tech-proposal .spec-top .tiny{max-width:400px}.tech-proposal .spec-scroll{overflow:auto}.tech-proposal table{border-collapse:collapse;width:100%;min-width:660px}.tech-proposal th{text-align:left;font:10px "JetBrains Mono",Consolas,monospace;text-transform:uppercase;letter-spacing:1px;color:#667078;background:#e9e8e2;padding:18px 20px;border-top:1px solid #c5c7c4;border-bottom:1px solid #c5c7c4}.tech-proposal td{padding:28px 20px;border-bottom:1px solid #c9cdcb;font-size:17px}.tech-proposal td:first-child{font-weight:600}.tech-proposal td:nth-child(2){font-size:23px;color:#a3602c}.tech-proposal .table-note{font-size:12px;color:#6a7378;margin-top:24px;max-width:960px;line-height:1.8}.tech-proposal .path{padding:84px 0}.tech-proposal .path-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:45px}.tech-proposal .path-step{border-top:2px solid #d2d5d4;padding:23px 20px 0 0;position:relative}.tech-proposal .path-step:before{content:"";position:absolute;width:9px;height:9px;background:#e1121c;left:0;top:-5px}.tech-proposal .path-step h3{margin:8px 0}.tech-proposal .path-step p{font-size:13px;color:#697177}.tech-proposal .ecosystem{padding:90px 0;background:#eeede8}.tech-proposal .ecosystem .split p{color:#606a70;max-width:530px;padding-top:36px}.tech-proposal .eco-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:40px;gap:12px}.tech-proposal .eco-card{display:block;border:1px solid #c9cecc;padding:25px 22px;text-decoration:none;background:#f9f8f4;transition:background .2s}.tech-proposal .eco-card:hover{background:#fff;border-color:#e1121c}.tech-proposal .eco-card.active{background:#171b1e;color:#fff;border-color:#171b1e}.tech-proposal .eco-card .mono{color:#a3744f}.tech-proposal .eco-card h3{margin:22px 0 14px}.tech-proposal .eco-card p{font-size:12px;line-height:1.8;margin:0;color:#6b7378}.tech-proposal .eco-card.active p{color:#bfc7cc}.tech-proposal .eco-card.active .mono{color:#e4b582}.tech-proposal .related{display:flex;gap:25px;flex-wrap:wrap;margin-top:30px;font-size:12px}.tech-proposal .closing{padding:94px 0;background:#17191c;color:#fff}.tech-proposal .closing .eyebrow{color:#d6ad84}.tech-proposal .closing p{color:#aeb7bd;max-width:650px}.tech-proposal .closing .ip{margin-top:36px;font-size:11px;max-width:950px;color:#aeb7bd}.tech-proposal .closing .ip a{color:#e5be97}.tech-proposal .references{padding:34px 0;background:#f5f4f0}.tech-proposal .references summary{font-size:12px;cursor:pointer}.tech-proposal .references details p{font-size:12px;max-width:1050px;margin:20px 0 12px;color:#657078}.tech-proposal .references a{font-size:12px;color:#8c512a}.tech-proposal .references .reference-links{display:flex;gap:25px;flex-wrap:wrap}
.tech-proposal.direction-b .hero{background:#f1f0eb;color:#17191c;min-height:680px;display:block;padding:60px 5% 25px}.tech-proposal.direction-b .hero:after{display:none}.tech-proposal.direction-b .hero .wrap{width:100%;display:grid;grid-template-columns:1fr 1.1fr;gap:5%;align-items:center}.tech-proposal.direction-b .hero-art{position:static;height:520px;object-fit:cover;object-position:75% center;z-index:auto;grid-column:2;grid-row:1}.tech-proposal.direction-b .hero-copy{width:100%;padding:0;grid-column:1;grid-row:1}.tech-proposal.direction-b h1{font-size:clamp(43px,4.2vw,73px)}.tech-proposal.direction-b .hero .lead{color:#59636a;font-size:16px;max-width:550px}.tech-proposal.direction-b .hero .eyebrow{color:#a45e31}.tech-proposal.direction-b .product-name{color:#657078}.tech-proposal.direction-b .hero-caption{position:static;text-align:right;max-width:none;color:#697177;margin-top:16px}.tech-proposal.direction-b .hero-name{display:none}.tech-proposal.direction-b .quick-stats{background:#fff;color:#17191c;border-top:1px solid #cdd2d1;border-bottom:1px solid #cdd2d1}.tech-proposal.direction-b .stat{border-color:#d7dbda;padding-top:25px;padding-bottom:25px}.tech-proposal.direction-b .stat strong{color:#af693c}.tech-proposal.direction-b .stat span{color:#697177}.tech-proposal.direction-b .spec-section{background:#fff;padding:68px 0}.tech-proposal.direction-b .story{background:#f1f0eb}.tech-proposal.direction-b .section-nav{background:#171b1e;color:#fff;border-color:#171b1e}.tech-proposal.direction-b .section-nav a{color:#d0d5d7}
.tech-proposal .hub{padding:75px 0;background:#f3f2ed}.tech-proposal .hub h1{max-width:1000px}.tech-proposal .hub .lead{max-width:820px;color:#697177}.tech-proposal .hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:50px}.tech-proposal .hub-card{border:1px solid #ccd0ce;background:#fff;padding:28px}.tech-proposal .hub-card img{height:255px;width:100%;object-fit:cover;object-position:right center;margin-bottom:26px}.tech-proposal .hub-card p{font-size:14px;color:#697177}.tech-proposal .hub-card h2{font-size:32px}.tech-proposal .hub-card .hub-actions{display:flex;gap:12px;flex-wrap:wrap}.tech-proposal .hub-card a{padding:13px 18px;background:#171b1e;color:#fff;text-decoration:none;font-size:12px}.tech-proposal .hub-card a:hover{background:#e1121c}.tech-proposal .lang-row{display:flex;gap:20px;margin-top:32px;font-size:12px}
@media(min-width:1800px){.tech-proposal .hero{min-height:760px}.tech-proposal .hero-copy{padding-top:85px;padding-bottom:115px}}
@media(max-width:1000px){.tech-proposal h1{letter-spacing:-2px}.tech-proposal .hero-copy{width:68%}.tech-proposal .hero{min-height:660px}.tech-proposal .hero-art{object-position:60% center}.tech-proposal .hero:after{background:linear-gradient(90deg,#0c0e10eF,#0c0e10b0 50%,#0c0e1020)}.tech-proposal .split,.tech-proposal .lab-top{grid-template-columns:1fr;gap:0}.tech-proposal .story .body-copy{padding-top:0}.tech-proposal .principles{grid-template-columns:1fr 1fr}.tech-proposal .principle{padding:25px!important;border:0!important}.tech-proposal .principle:nth-child(odd){padding-left:0!important}.tech-proposal .lab-layout{grid-template-columns:1.2fr 1fr}.tech-proposal .lab-controls{padding:24px}.tech-proposal .eco-grid{grid-template-columns:1fr 1fr}.tech-proposal .stat{gap:12px}.tech-proposal .stat:not(:first-child){padding-left:22px}.tech-proposal .stat strong{font-size:30px}.tech-proposal .stat span{font-size:10px}.tech-proposal.direction-b .hero{min-height:unset}.tech-proposal.direction-b .hero-art{height:460px}.tech-proposal.direction-b h1{font-size:44px}.tech-proposal .lab-top p{padding-top:5px}}
@media(max-width:650px){.tech-proposal .preview-bar{align-items:flex-start;flex-direction:column;gap:8px}.tech-proposal .preview-links{gap:14px}.tech-proposal h1{font-size:43px;letter-spacing:-2px}.tech-proposal h2{font-size:31px;letter-spacing:-1px}.tech-proposal p{font-size:14px}.tech-proposal .hero{min-height:740px;align-items:flex-end}.tech-proposal .hero-copy{width:100%;padding:270px 0 65px}.tech-proposal .hero-art{height:56%;object-position:right top}.tech-proposal .hero:after{background:linear-gradient(0deg,#0b0e10 20%,#0b0e10d9 44%,#0b0e1010 80%)}.tech-proposal .hero .lead{font-size:14px}.tech-proposal .hero-caption{bottom:12px;max-width:85%;font-size:8px}.tech-proposal .hero-name{top:18px;font-size:9px}.tech-proposal .product-name{font-size:16px;margin-bottom:16px}.tech-proposal .stats-grid{grid-template-columns:repeat(3,1fr)}.tech-proposal .stat{display:block;padding:20px 8px!important}.tech-proposal .stat strong{font-size:27px;display:block;margin-bottom:6px}.tech-proposal .stat span{font-size:9px;line-height:1.7;display:block}.tech-proposal .section-nav{gap:25px;overflow:auto;white-space:nowrap;padding:16px 5%;font-size:10px}.tech-proposal .story,.tech-proposal .spec-section,.tech-proposal .lab-section,.tech-proposal .path,.tech-proposal .ecosystem,.tech-proposal .closing{padding:55px 0}.tech-proposal .principles{margin-top:28px}.tech-proposal .principle{padding:22px 10px!important}.tech-proposal .principle h3{font-size:18px}.tech-proposal .principle p{font-size:12px}.tech-proposal .principle .mono{margin-bottom:15px}.tech-proposal .lab-layout{grid-template-columns:1fr}.tech-proposal .visual,.tech-proposal canvas{min-height:330px;height:330px}.tech-proposal .visual svg{height:330px}.tech-proposal .lab-controls{border-top:1px solid #3b4147;border-left:0;gap:18px}.tech-proposal .spec-top{display:block}.tech-proposal .spec-top .tiny{max-width:none}.tech-proposal .path-grid{grid-template-columns:1fr 1fr;gap:26px 10px;margin-top:30px}.tech-proposal .path-step h3{font-size:18px}.tech-proposal .eco-grid{gap:8px}.tech-proposal .eco-card{padding:20px 15px}.tech-proposal .eco-card h3{font-size:19px}.tech-proposal .eco-card p{font-size:11px}.tech-proposal .related{gap:15px}.tech-proposal.direction-b .hero{padding:30px 5% 18px}.tech-proposal.direction-b .hero .wrap{display:flex;flex-direction:column-reverse;gap:25px}.tech-proposal.direction-b .hero-art{height:270px;width:100%}.tech-proposal.direction-b .hero-copy{padding:0;width:100%}.tech-proposal.direction-b h1{font-size:42px}.tech-proposal.direction-b .hero .lead{font-size:14px}.tech-proposal.direction-b .hero-caption{font-size:8px}.tech-proposal .hub-grid{grid-template-columns:1fr}.tech-proposal .hub{padding:45px 0}.tech-proposal .hub-card{padding:20px}.tech-proposal .hub-card img{height:220px}}
@media(prefers-reduced-motion:reduce){.tech-proposal *{scroll-behavior:auto!important;transition:none!important}}