@import "https://fonts.googleapis.com/css2?family=Orbitron:wght@600;700;800;900&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--paper:#f7f7f5;--ink:#111;--muted:#6f6f6a;--line:#d9d9d4;--pad:clamp(1.2rem,5vw,5.5rem);--serif:Georgia, "Times New Roman", serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:Plus Jakarta Sans,Arial,sans-serif}button,a{font:inherit;color:inherit}button{cursor:pointer}a{text-decoration:none}.app{background:var(--paper);min-height:100vh;position:relative;overflow:hidden}.base-bg,.reveal-bg{z-index:0;pointer-events:none;position:fixed;inset:0}.base-bg{opacity:.08;mix-blend-mode:multiply;background:#aaa}.reveal-bg{opacity:.2;mix-blend-mode:multiply;-webkit-mask-image:var(--mask);-webkit-mask-image:var(--mask);mask-image:var(--mask);background:#666;-webkit-mask-size:100% 100%;mask-size:100% 100%}.reveal-bg:after{content:"";opacity:.4;background-image:linear-gradient(#5a5a5a1f 1px,#0000 1px),linear-gradient(90deg,#5a5a5a1f 1px,#0000 1px);background-size:clamp(34px,3vw,64px) clamp(34px,3vw,64px);position:absolute;inset:0}.header,main,.footer{z-index:1;position:relative}.header{padding:clamp(1.2rem,3vw,2.5rem) var(--pad) 1.2rem;justify-content:space-between;align-items:center;display:flex}.brand-mark{letter-spacing:.18em;font:900 clamp(1.2rem,2vw,1.8rem)/1 Orbitron,sans-serif}.brand-mark span{vertical-align:top;margin-left:.15em;font-size:.52em}.desktop-nav{letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:clamp(1rem,2.4vw,2.4rem);font-size:.68rem;display:flex}.desktop-nav a,.menu-trigger{opacity:.76;transition:opacity .2s}.desktop-nav a:hover,.menu-trigger:hover{opacity:1}.menu-trigger,.mobile-menu{letter-spacing:.14em;text-transform:uppercase;background:0 0;border:0;align-items:center;gap:.55rem;font-size:.68rem;display:flex}.mobile-menu{display:none}.section-pad{padding-inline:var(--pad)}.hero{justify-content:space-between;align-items:center;min-height:30vh;padding-block:clamp(2rem,4vh,3.2rem);display:flex}.hero-copy{max-width:920px;padding:1.8rem 2rem 2.2rem;position:relative}.eyebrow,.section-index{letter-spacing:.19em;text-transform:uppercase;color:var(--muted);font-size:.65rem}.hero h1,.section-intro h2{letter-spacing:-.04em;max-width:1000px;margin:1rem 0;font:800 clamp(2.2rem,5vw,5.2rem)/.98 Orbitron,sans-serif}.hero h1 em,.section-intro h2 em{font-family:var(--serif);letter-spacing:-.05em;font-style:italic;font-weight:400}.hero-desc{color:#51514c;max-width:450px;font-size:clamp(.85rem,1.1vw,1rem);line-height:1.8}.primary-btn{color:#fff;letter-spacing:.14em;text-transform:uppercase;background:#111;border:1px solid #1b1b1b;align-items:center;gap:.65rem;margin-top:1.2rem;padding:.85rem 1.2rem;font-size:.68rem;transition:transform .2s,background .2s;display:inline-flex}.primary-btn:hover{background:#2a2a27;transform:translateY(-3px)}.corner{border-color:#888;width:12px;height:12px;position:absolute}.corner:before,.corner:after{content:"";background:#888;position:absolute}.corner.tl{border-top:1px solid #888;border-left:1px solid #888;top:0;left:0}.corner.tr{border-top:1px solid #888;border-right:1px solid #888;top:0;right:0}.corner.bl{border-bottom:1px solid #888;border-left:1px solid #888;bottom:0;left:0}.corner.br{border-bottom:1px solid #888;border-right:1px solid #888;bottom:0;right:0}.hero-note{border-left:1px solid #999;flex-direction:column;gap:.7rem;min-width:145px;margin-bottom:1rem;padding-left:1.2rem;display:flex}.hero-note span{letter-spacing:.16em;color:var(--muted);font-size:.6rem}.hero-note strong{font:600 1rem/1.4 Orbitron,sans-serif}.image-strip{grid-template-columns:1fr 150px;gap:1rem;padding-bottom:clamp(5rem,12vh,10rem);display:grid}.image-main{background:#ddd;height:min(70vh,700px);position:relative;overflow:hidden}.image-placeholder{color:#686862;background:repeating-linear-gradient(135deg,#dcdcd7 0 1px,#0000 1px 12px);flex-direction:column;justify-content:center;align-items:center;gap:.7rem;width:100%;height:100%;display:flex}.image-placeholder span{letter-spacing:.03em;font:600 clamp(1rem,2vw,1.7rem)/1.3 Orbitron,sans-serif}.image-placeholder small{letter-spacing:.16em;font-size:.58rem}.image-placeholder.large{color:#777}.image-label{color:#333;letter-spacing:.15em;font-size:.58rem;position:absolute;bottom:1rem;left:1rem}.image-thumbs{grid-auto-rows:1fr;gap:.8rem;display:grid}.thumb{border:1px solid var(--line);opacity:.5;text-align:left;background:#ecece8;flex-direction:column;justify-content:space-between;align-items:flex-start;padding:1rem;display:flex;overflow:hidden}.thumb.active,.thumb:hover{opacity:1;border-color:#222}.thumb span{font:600 1.3rem Orbitron,sans-serif}.thumb small{color:#666;letter-spacing:.08em;font-size:.58rem;line-height:1.4}.story-section,.value-section,.hidden-value-section,.data-section{border-top:1px solid var(--line);padding-block:clamp(5rem,13vh,12rem)}.section-intro{max-width:800px}.section-intro h2{margin-top:1rem;font-size:clamp(2.2rem,5vw,5.7rem)}.section-intro p{color:#5f5f59;max-width:550px;line-height:1.8}.section-intro .section-statement{color:#111;margin:1.4rem 0 .55rem;font:600 clamp(1.05rem,1.7vw,1.4rem)/1.45 Orbitron,sans-serif}.flow-journey{margin-top:clamp(3rem,8vh,7rem)}.flow-step{border-top:1px solid #222;grid-template-columns:minmax(260px,.86fr) minmax(260px,1.14fr);min-height:clamp(300px,36vw,470px);display:grid}.flow-step:last-child{border-bottom:1px solid #222}.flow-step.reverse .flow-media{order:2}.flow-step.reverse .flow-content{order:1}.flow-media{background:#dfdfda;min-height:280px;position:relative;overflow:hidden}.flow-media.photo .image-placeholder{justify-content:flex-end;align-items:flex-start;padding:clamp(1.5rem,4vw,3.5rem)}.flow-media.photo:after{content:"";pointer-events:none;border:1px solid #0000001a;position:absolute;inset:0}.flow-media>span{z-index:1;color:#fff;letter-spacing:.16em;font-size:.58rem;position:absolute;bottom:1rem;left:1rem}.flow-content{flex-direction:column;justify-content:center;padding:clamp(1.5rem,4vw,4.4rem);display:flex;position:relative}.flow-content>span,.value-num,.hidden-grid span{letter-spacing:.14em;color:var(--muted);font-size:.66rem}.flow-content h3,.value-list h3,.hidden-grid h3{margin:1.5rem 0 .85rem;font:600 clamp(1.3rem,2.4vw,2.1rem)/1.25 Orbitron,sans-serif}.flow-content p,.value-list p,.hidden-grid p{color:#65655f;max-width:440px;margin:0;font-size:.9rem;line-height:1.75}.flow-outcome{border-top:1px solid var(--line);color:#2a2a28;align-items:flex-start;gap:.65rem;max-width:440px;margin-top:1.6rem;padding-top:1rem;font-size:.76rem;line-height:1.55;display:flex}.flow-outcome i{background:#111;flex:none;width:7px;height:7px;margin-top:.28rem}.qr-placeholder{color:#fff;background:#111;flex-direction:column;justify-content:center;align-items:flex-start;padding:clamp(1.5rem,4vw,3.5rem);display:flex}.qr-placeholder strong{margin-top:1.4rem;font:600 clamp(1.4rem,2.4vw,2.2rem)/1.35 Orbitron,sans-serif}.qr-placeholder small{letter-spacing:.16em;opacity:.65;margin-top:1.2rem;font-size:.58rem}.qr-grid{background-blend-mode:difference;background:repeating-linear-gradient(90deg,#fff 0 10px,#111 10px 16px),repeating-linear-gradient(#fff 0 10px,#111 10px 16px);width:115px;height:115px;opacity:1!important;position:static!important}.value-section{color:#f6f6f2;background:#111}.value-section .section-intro p,.value-section .section-index{color:#9c9c94}.value-list{border-top:1px solid #4a4a45;margin-top:4rem}.value-list article{border-bottom:1px solid #4a4a45;grid-template-columns:70px 1fr 22px;align-items:start;gap:1rem;padding:1.5rem 0;display:grid}.value-list h3{margin:.1rem 0 .5rem}.value-list p{color:#adada5}.value-list svg{opacity:.65}.hidden-grid{grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:4rem;display:grid}.hidden-grid article{border:1px solid var(--line);min-height:220px;padding:1.2rem}.hidden-grid h3{margin:3.5rem 0 .8rem}.funnel{border-top:1px solid #222;max-width:900px;margin-top:4rem;padding-top:1.2rem}.funnel-meta{letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;font-size:.68rem;display:flex}.funnel-meta span{color:var(--muted)}.funnel-row{grid-template-columns:130px 1fr 90px;align-items:center;gap:1rem;margin-top:1.3rem;font-size:.77rem;display:grid}.funnel-row>div{background:#e3e3df;height:16px}.funnel-row i{background:#111;height:100%;display:block}.closing{border-top:1px solid var(--line);justify-content:space-between;align-items:flex-end;padding-block:clamp(5rem,14vh,11rem);display:flex}.closing h2{margin-bottom:0}.footer{border-top:1px solid var(--line);color:#777;letter-spacing:.12em;text-transform:uppercase;justify-content:space-between;gap:1rem;padding-block:1.2rem;font-size:.62rem;display:flex}.drawer-backdrop{z-index:10;background:#0000002e;justify-content:flex-end;display:flex;position:fixed;inset:0}.drawer{background:var(--paper);width:min(420px,90vw);padding:2rem;position:relative;box-shadow:-20px 0 50px #00000014}.drawer-close{background:0 0;border:0;position:absolute;top:1.3rem;right:1.3rem}.drawer a{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:1.6rem 0;font:600 1.2rem Orbitron,sans-serif;display:flex}.drawer .eyebrow{margin-top:3rem}.toast{z-index:20;color:#fff;background:#111;align-items:center;gap:.6rem;padding:.8rem 1rem;font-size:.75rem;display:flex;position:fixed;bottom:1.5rem;right:1.5rem}@media (width<=800px){.desktop-nav{display:none}.mobile-menu{display:flex}.hero{flex-direction:column;align-items:flex-start;gap:4rem;min-height:auto;padding-top:clamp(4rem,13vh,8rem)}.hero-copy{padding-left:1.2rem}.hero h1{font-size:clamp(2.3rem,10vw,4.5rem)}.hero-note{align-self:flex-end}.image-strip{grid-template-columns:1fr}.image-main{height:68vh}.image-thumbs{grid-template-columns:repeat(3,1fr);grid-auto-rows:90px}.flow-step,.flow-step.reverse{grid-template-columns:1fr}.flow-step.reverse .flow-media,.flow-step.reverse .flow-content{order:initial}.flow-media{min-height:300px}.closing{flex-direction:column;align-items:flex-start;gap:2rem}.footer{flex-direction:column}.funnel-row{grid-template-columns:92px 1fr 72px;gap:.6rem;font-size:.68rem}}@media (width<=500px){.hero h1{font-size:clamp(2.15rem,11vw,3.7rem)}.flow-grid,.hidden-grid{grid-template-columns:1fr}.hidden-grid article{min-height:160px}.hidden-grid h3{margin-top:2rem}.image-main{height:58vh}.section-intro h2{font-size:clamp(2.1rem,10vw,3.5rem)}}
