.how-page{--how-bg:#0c0f10;--how-fg:#f1f2ee;--how-accent:#c3e24b;--how-muted:#acb5ae;--how-line:#ffffff24;--how-gutter:var(--site-gutter);--how-section-space:64px;--how-panel-pad:32px;background:var(--how-bg);color:var(--how-fg);min-height:100vh;font:16px/1.65 Manrope,Arial,sans-serif}.how-page :is(h1,h2,h3,h4,p,figure,ol,dl){margin:0}.how-page :is(a,summary){-webkit-tap-highlight-color:transparent}.how-page :is(a,summary):focus-visible{outline:2px solid var(--how-accent);outline-offset:5px}.how-page em{color:var(--how-accent);font-style:normal}.how-page h2{letter-spacing:-.015em;font:700 clamp(30px,3.4vw,46px)/1.15 Manrope,sans-serif}.how-page :is(h3,h4){font-size:20px;font-weight:500;line-height:1.35}.how-page :is(.how-eyebrow,.ee-label){letter-spacing:normal;color:var(--how-muted);font-size:12px;line-height:1.5;display:block}.how-page p{max-width:72ch}.how-skip{z-index:10;background:var(--how-accent);color:var(--how-bg);padding:12px;position:fixed;top:12px;left:24px;transform:translateY(-160%)}.how-skip:focus{transform:none}.how-intro{padding:56px var(--how-gutter) 40px}.how-intro-copy{grid-template-columns:1.1fr 1fr;align-items:end;gap:48px;margin-top:20px;display:grid}.how-page h1{letter-spacing:-.025em;font:700 clamp(44px,5.4vw,82px)/1.08 Manrope,sans-serif}.how-lead{color:#c3cbc5;padding-bottom:4px;font-size:20px;line-height:1.6;max-width:42ch!important}.how-principle{border-top:1px solid var(--how-line);align-items:baseline;gap:32px;margin-top:32px;padding-top:20px;display:flex}.how-principle>span{color:var(--how-muted);flex-shrink:0;font-size:12px}.how-principle p{color:var(--how-accent);font-size:13px}.how-layout{padding-inline:var(--how-gutter)}.how-chapters{min-width:0}.how-section{padding-block:40px var(--how-section-space);border-top:1px solid var(--how-line);scroll-margin-top:24px}.how-section>h2{margin:16px 0 24px}.how-section>p:not(.how-eyebrow){color:#c3cbc5}.how-page .how-note{max-width:88ch;color:var(--how-muted);border-left:2px solid #c3e24b4d;margin-top:24px;padding-left:16px;font-size:13px}.how-text-link,.how-roadmap-link{min-height:44px;color:var(--how-accent);text-underline-offset:7px;align-items:center;gap:8px;font-size:13px;-webkit-text-decoration:underline #c3e24b60;text-decoration:underline #c3e24b60;display:inline-flex}.how-text-link:hover,.how-roadmap-link:hover{text-decoration-color:currentColor}.how-faq{width:100%;margin-top:32px}.how-faq details{border-top:1px solid var(--how-line)}.how-faq details:last-child{border-bottom:1px solid var(--how-line)}.how-faq summary{cursor:pointer;align-items:center;min-height:64px;padding:20px 44px 20px 0;list-style:none;display:flex;position:relative}.how-faq summary::-webkit-details-marker{display:none}.how-faq summary:after{content:"+";color:var(--how-accent);font:300 26px/1 Manrope,sans-serif;position:absolute;top:50%;right:4px;transform:translateY(-50%)}.how-faq details[open] summary{color:var(--how-accent)}.how-faq details[open] summary:after{content:"−"}.how-faq p{color:var(--how-muted);padding:0 32px 24px 0}.how-about{border-top:1px solid var(--how-line);padding-block:32px var(--how-section-space);grid-template-columns:1fr 2fr;gap:32px;display:grid}.how-about h2{letter-spacing:0;margin-bottom:12px;font:500 20px/1.35 Manrope,sans-serif}.how-about p:not(.how-eyebrow){color:var(--how-muted);max-width:64ch;font-size:15px}.how-contact{padding:48px var(--how-gutter);border-top:1px solid var(--how-line);background:#151a19}.how-contact h2{margin-block:16px 24px}.how-contact>p:not(.how-eyebrow){color:#c3cbc5}.how-contact>div{flex-wrap:wrap;align-items:center;gap:24px;margin-top:24px;display:flex}.how-button{background:var(--how-accent);min-height:48px;color:var(--how-bg);justify-content:center;align-items:center;padding:16px 24px;font-size:15px;display:inline-flex}.how-button:hover{background:#f1faa2}.how-footer{padding:24px var(--how-gutter);color:var(--how-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;font-size:13px;display:flex}.how-footer a{align-items:center;min-height:44px;display:inline-flex}.how-jump{border-top:1px solid var(--how-line);flex-wrap:wrap;gap:12px 28px;margin-top:40px;padding-top:20px;display:flex}.how-jump a{min-height:44px;color:var(--how-muted);font:500 var(--text-ui)/1.5 var(--type-ui);align-items:center;display:inline-flex}.how-jump a:hover{color:var(--how-accent)}.how-page .system-flow{border:1px solid var(--how-line);background:#101515;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:40px;padding:0;list-style:none;display:grid}.system-flow li{flex-direction:column;min-width:0;padding:28px;display:flex}.system-flow li+li{border-left:1px solid var(--how-line)}.how-page .system-number{font:700 var(--text-title)/1 var(--type-display);color:var(--how-accent);margin-bottom:24px;display:block}.system-flow h3{margin-bottom:16px}.system-flow p{color:var(--how-muted);padding-bottom:28px}.system-output{border-top:1px solid var(--how-line);margin-top:auto;padding-top:16px}.system-output small{font:500 var(--text-caption)/1.5 var(--type-ui);color:var(--how-muted);margin-bottom:8px;display:block}.system-output strong{font-size:var(--text-ui);color:var(--how-accent);font-weight:500;display:block}.system-split{grid-template-columns:1fr 1fr;gap:64px;display:grid}.system-split h2{margin:16px 0 24px}.system-split p{color:var(--how-muted)}.system-inputs>div{border-top:1px solid var(--how-line);padding:24px 0}.system-inputs dt{font-size:var(--text-lead);align-items:baseline;gap:20px;font-weight:500;display:flex}.system-inputs dt span{font:500 var(--text-caption)/1.5 var(--type-ui);color:var(--how-accent)}.system-inputs dd{color:var(--how-muted);margin:12px 0 0 38px}.system-review{border:1px solid var(--how-line);background:#101515;grid-template-columns:1fr 1.25fr;gap:48px;margin-top:40px;padding:32px;display:grid}.system-review-question h3{font-size:var(--text-title);margin:20px 0}.system-review-question p{color:var(--how-muted)}.system-review-question a{margin-top:20px}.how-page .system-checks{padding:0;list-style:none}.system-checks li{border-top:1px solid var(--how-line);gap:20px;padding:24px 0;display:flex}.system-checks li:first-child{border-top:0;padding-top:0}.system-checks li:last-child{padding-bottom:0}.system-checks li>span{font:500 var(--text-caption)/1.5 var(--type-ui);color:var(--how-accent);padding-top:5px}.system-checks h3{margin-bottom:12px}.system-checks p{color:var(--how-muted)}.system-handoff{margin-top:32px}.system-handoff ul{grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin:16px 0 24px;padding:0;list-style:none;display:grid}.system-handoff li{font-size:var(--text-ui);border-top:2px solid #c3e24b66;padding-top:16px}.system-handoff>p:last-child{color:var(--how-muted)}.how-page .system-start{grid-template-columns:1fr 1fr;gap:0 48px;margin-top:32px;padding:0;list-style:none;display:grid}.system-start li{border-top:1px solid var(--how-line);gap:24px;padding:24px 0;display:flex}.system-start .system-number{margin:4px 0 0}.system-start h3{margin-bottom:12px}.system-start p{color:var(--how-muted)}@media (max-width:1100px){.how-page .system-flow{grid-template-columns:1fr 1fr}.system-flow li:nth-child(3){border-left:0}.system-flow li:nth-child(n+3){border-top:1px solid var(--how-line)}}@media (max-width:800px){.how-page{--how-section-space:48px;--how-panel-pad:24px}.how-intro{padding-block:32px}.how-intro-copy{grid-template-columns:1fr;gap:24px}.how-jump{gap:4px 20px;margin-top:24px}.how-section{padding-top:32px}.how-section>h2{margin-bottom:20px}.system-split,.system-review{grid-template-columns:1fr;gap:28px}.system-review{margin-top:28px;padding:24px}.system-review-question h3{margin-top:16px}.system-handoff ul{grid-template-columns:1fr 1fr}.how-page .system-start{grid-template-columns:1fr;gap:0}.how-contact{padding-block:40px}.how-contact>div{gap:12px}.how-button{width:100%}.how-footer{gap:8px 24px}.how-faq p{padding-right:0}.system-flow li{padding:24px}}@media (max-width:480px){.how-page .system-flow{grid-template-columns:1fr}.system-flow li+li{border-left:0;border-top:1px solid var(--how-line)}.system-flow .system-number{margin-bottom:16px}.system-flow p{padding-bottom:20px}.system-review{padding:20px}.system-handoff ul{gap:20px 16px}}@media (prefers-reduced-motion:reduce){.how-page *{scroll-behavior:auto!important;transition:none!important}}.how-page .system-flow{background:0 0;border:0;gap:24px;margin-top:32px}.how-page .system-flow li{border:1px solid var(--how-line);background:#101515;padding:24px}.process-node-top{justify-content:space-between;align-items:center;display:flex}.how-page .process-node-top .system-number{font-size:var(--text-lead);margin:0}.process-arrow{color:var(--how-accent);z-index:1;margin-right:-42px;font-size:28px;position:relative}.system-flow li:last-child .process-arrow{visibility:hidden}.process-symbol{width:100%;height:112px;stroke:var(--how-accent);stroke-width:1.5px;margin:24px 0;display:block}.how-page .system-flow h3{font-size:var(--text-lead);margin-bottom:8px}.how-page .system-flow p{padding-bottom:24px}.process-return{color:var(--how-muted);border-bottom:1px solid #c3e24b66;border-left:1px solid #c3e24b66;align-items:center;gap:16px;margin:20px 0 0 50%;padding:16px 20px;display:flex}.process-return>span{color:var(--how-accent);font-size:28px}.process-return strong{color:var(--how-fg);font-weight:500}.how-page .process-return p{font-size:var(--text-ui)}.process-detail{color:var(--how-muted);max-width:80ch;margin-top:24px}.process-detail summary{cursor:pointer;min-height:44px;color:var(--how-fg);padding-block:10px}.process-detail p{padding:12px 0}.system-review .system-checks{border-left:1px solid #c3e24b66;padding-left:24px;position:relative}.system-review .system-checks li{position:relative}.system-review .system-checks li:before{content:"";border:1px solid var(--how-accent);background:#101515;width:7px;height:7px;position:absolute;top:32px;left:-29px}.system-review .system-checks li:first-child:before{top:8px}.how-page .system-yellow{background:var(--how-accent);color:#0c0f10;border:0;margin-bottom:64px;padding:40px 32px}.how-page .system-yellow .how-eyebrow{color:#303923}.yellow-heading{justify-content:space-between;align-items:end;gap:32px;margin:20px 0 32px;display:flex}.yellow-heading p{color:#303923}.how-page .yellow-roadmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;padding:0;list-style:none;display:grid}.yellow-roadmap li{border-top:1px solid #0c0f1060;flex-direction:column;min-width:0;padding-top:20px;display:flex;position:relative}.how-page .yellow-roadmap .system-number{color:#0c0f10;font-size:var(--text-lead);margin-bottom:8px}.yellow-diagram{margin-bottom:24px}.yellow-diagram svg{fill:none;stroke:currentColor;stroke-width:1.5px;width:100%;height:128px;display:block}.yellow-diagram>div{font:500 var(--text-caption)/1.5 var(--type-ui);justify-content:space-between;gap:4px;display:flex}.yellow-roadmap h3{margin-bottom:12px}.yellow-roadmap p{color:#303923;padding-bottom:24px}.yellow-result{border-top:1px solid #0c0f1040;margin-top:auto;padding-top:16px}.yellow-result small{font:500 var(--text-caption)/1.5 var(--type-ui);color:#303923;margin-bottom:8px;display:block}.yellow-result strong{font-weight:500;font-size:var(--text-ui)}.how-page .yellow-note{color:#303923;max-width:none;font-size:var(--text-ui);border-top:1px solid #0c0f1040;margin-top:32px;padding-top:24px}@media (min-width:1101px){.yellow-roadmap li:not(:last-child):after{content:"→";font-size:24px;position:absolute;top:14px;right:-23px}}@media (max-width:1100px){.how-page .yellow-roadmap{grid-template-columns:1fr 1fr}.system-flow li:nth-child(2) .process-arrow{visibility:hidden}.process-return{margin-left:0}.yellow-heading{align-items:start}}@media (max-width:800px){.how-page .system-yellow{margin-bottom:48px;padding:32px 24px}.yellow-heading{display:block}.yellow-heading p{margin-top:20px}.process-symbol{height:100px}.process-return{margin-top:16px}.how-page .system-flow{gap:20px}.process-arrow{margin-right:-39px}}@media (max-width:480px){.how-page .yellow-roadmap{grid-template-columns:1fr;gap:32px}.yellow-diagram svg{height:150px}.yellow-roadmap li{grid-template-columns:32px minmax(0,1fr);column-gap:12px;display:grid}.yellow-roadmap .system-number{grid-column:1}.yellow-diagram{grid-area:1/2/span 2}.yellow-roadmap h3,.yellow-roadmap p,.yellow-result{grid-column:2}.yellow-roadmap p{padding-bottom:20px}.how-page .system-flow{gap:28px}.process-node-top{position:relative}.process-arrow,.system-flow li:nth-child(2) .process-arrow{visibility:visible;background:var(--how-bg);margin:0;font-size:24px;line-height:28px;position:absolute;top:-51px;left:50%;transform:rotate(90deg)}.system-flow li:first-child .process-arrow{visibility:hidden}.system-flow li:last-child .process-arrow{visibility:visible}.process-return{gap:10px;padding:12px}.process-return strong{display:block}}@media (max-width:1100px){.how-page .system-flow{grid-template-columns:1fr;gap:28px}.process-node-top{position:relative}.process-symbol{max-width:280px;margin-inline:auto}.process-arrow,.system-flow li:nth-child(2) .process-arrow,.system-flow li:last-child .process-arrow{visibility:visible;background:var(--how-bg);margin:0;font-size:24px;line-height:28px;position:absolute;top:-51px;left:50%;transform:rotate(90deg)}.system-flow li:first-child .process-arrow{visibility:hidden}}@media (min-width:481px) and (max-width:1100px){.how-page .system-flow li{grid-template-columns:160px minmax(0,1fr);column-gap:24px;display:grid}.process-node-top{grid-column:1/-1}.process-symbol{grid-area:2/1/span 3;margin:16px 0 0}.system-flow h3{grid-column:2;margin-top:16px}.system-flow p,.system-output{grid-column:2}.system-flow p{padding-bottom:16px}}@media (max-width:480px){.yellow-roadmap li:not(:last-child):after{content:"↓";font-size:24px;position:absolute;bottom:-30px;left:7px}}.how-page .system-yellow{padding:0}.yellow-disclosure>summary{cursor:pointer;justify-content:space-between;align-items:center;gap:32px;padding:32px;list-style:none;display:flex}.yellow-disclosure>summary::-webkit-details-marker{display:none}.yellow-disclosure>summary h2{color:#0c0f10;margin:0}.yellow-disclosure>summary .how-eyebrow{margin-bottom:20px}.yellow-disclosure>summary i{flex:none;width:28px;height:28px;display:block;position:relative}.yellow-disclosure>summary i:before,.yellow-disclosure>summary i:after{content:"";background:#0c0f10;width:28px;height:2px;position:absolute;top:13px;left:0}.yellow-disclosure>summary i:after{transform:rotate(90deg)}.yellow-disclosure[open]>summary i:after{transform:none}.how-page .yellow-disclosure>summary:focus-visible{outline-offset:-8px;outline:2px solid #0c0f10}.yellow-body{padding:0 32px 32px}.how-page .yellow-intro{color:#303923;max-width:64ch;margin-bottom:32px}@media (max-width:800px){.how-page .system-yellow{padding:0}.yellow-disclosure>summary{gap:20px;padding:28px 24px}.yellow-body{padding:0 24px 28px}.yellow-disclosure>summary h2{font-size:var(--text-detail-heading)}}
