@import url("https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500&family=Manrope:wght@300;400;500&family=Syne:wght@600;700;800&family=Instrument+Serif:ital@0;1&display=swap");
:root{--ink:#090b0a;--panel:rgba(16,21,18,.72);--line:rgba(193,255,216,.14);--line-bright:rgba(193,255,216,.42);--white:#eeefe9;--muted:#89928c;--phosphor:#b7f7ce;--display:"Syne",sans-serif;--serif:"Instrument Serif",serif;--mono:"IBM Plex Mono",monospace;--sans:"Manrope",sans-serif;--mouse-x:50vw;--mouse-y:40vh}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--white);font:300 15px/1.75 var(--sans);overflow-x:hidden;opacity:0;animation:page-in .55s ease forwards}body.page-out{animation:page-out .28s ease forwards}
body:before{content:"";position:fixed;inset:-40%;z-index:100;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");animation:grain .22s steps(2) infinite}body:after{content:"";position:fixed;inset:0;z-index:99;pointer-events:none;background:linear-gradient(rgba(255,255,255,.012) 50%,rgba(0,0,0,.025) 50%) 0 0/100% 4px,radial-gradient(ellipse at center,transparent 25%,rgba(0,0,0,.3) 100%)}
.atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(500px circle at var(--mouse-x) var(--mouse-y),rgba(183,247,206,.065),transparent 64%),linear-gradient(90deg,transparent 49.9%,rgba(183,247,206,.025) 50%,transparent 50.1%)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:1px solid var(--phosphor);outline-offset:5px}.wrap{width:min(1200px,calc(100% - 64px));margin-inline:auto}
.site-header{position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line);background:rgba(9,11,10,.64);backdrop-filter:blur(18px) saturate(130%);-webkit-backdrop-filter:blur(18px) saturate(130%)}.header-inner{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:12px;font:600 13px var(--display);letter-spacing:.2em}.logo-mark{display:grid;place-items:center;width:26px;height:26px;border:1px solid var(--phosphor);color:var(--phosphor);font:500 12px var(--mono);box-shadow:inset 0 0 12px rgba(183,247,206,.08)}.nav{display:flex;align-items:center;gap:clamp(18px,3vw,42px);font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.15em}.nav a{position:relative;color:var(--muted);transition:color .3s ease}.nav a:not(.nav-cta):after{content:"";position:absolute;height:1px;left:0;right:0;bottom:-9px;background:var(--phosphor);transform:scaleX(0);transform-origin:right;transition:transform .35s ease}.nav a:hover,.nav a[aria-current=page]{color:var(--white)}.nav a:hover:after,.nav a[aria-current=page]:after{transform:scaleX(1);transform-origin:left}.nav-cta{padding:9px 12px;border:1px solid var(--line);color:var(--phosphor)!important}
.eyebrow,.micro,.number{font:500 10px/1.5 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--phosphor)}.eyebrow:before{content:"●";font-size:6px;margin-right:12px}.micro{color:var(--muted)}
.hero{min-height:calc(100vh - 74px);display:grid;grid-template-columns:minmax(0,1.15fr) minmax(360px,.85fr);align-items:center;gap:clamp(50px,7vw,110px);padding-block:90px 110px}.hero-copy{position:relative;z-index:1}.hero h1{margin:38px 0 28px;font:800 clamp(56px,6vw,80px)/.78 var(--display);letter-spacing:-.09em;white-space:nowrap;text-transform:uppercase}.decode{color:var(--white);text-shadow:0 0 26px rgba(238,239,233,.08)}.decode.is-decoding{color:var(--phosphor)}.hero .lede{max-width:570px;margin:0 0 20px;font-size:clamp(20px,2vw,27px);line-height:1.35;letter-spacing:-.03em;color:#d9ddd7}.hero .sublede{max-width:550px;margin:0 0 34px;color:var(--muted)}
.action{--mx:0px;--my:0px;position:relative;display:inline-flex;align-items:center;justify-content:space-between;gap:38px;min-height:50px;padding:14px 18px;color:#0a120d;background:var(--phosphor);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase;transform:translate(var(--mx),var(--my));transition:transform .16s ease,box-shadow .3s ease}.action:hover{box-shadow:0 0 34px rgba(183,247,206,.18)}.action>span:last-child{font-size:16px}.action-outline{color:var(--phosphor);background:linear-gradient(var(--ink),var(--ink)) padding-box,linear-gradient(110deg,rgba(183,247,206,.15),var(--phosphor),rgba(183,247,206,.15)) border-box;border:1px solid transparent;background-size:100% 100%,200% 100%;animation:border-drift 3s linear infinite}
.specimen{position:relative;z-index:2;width:100%;max-width:430px;margin-left:auto;padding:22px;border:1px solid rgba(183,247,206,.28);background:linear-gradient(145deg,rgba(24,32,27,.96),rgba(9,12,10,.98));box-shadow:0 35px 100px rgba(0,0,0,.55),inset 0 0 60px rgba(183,247,206,.025);backdrop-filter:blur(14px);transform-style:preserve-3d;transition:transform .18s ease-out}.specimen:before{content:"PRIVATE / LOCAL";position:absolute;right:0;top:-28px;color:var(--muted);font:9px var(--mono);letter-spacing:.18em}.card-corners:before,.card-corners:after{content:"";position:absolute;width:11px;height:11px;border-color:var(--phosphor);opacity:.8}.card-corners:before{left:-1px;top:-1px;border-left:1px solid;border-top:1px solid}.card-corners:after{right:-1px;bottom:-1px;border-right:1px solid;border-bottom:1px solid}.spec-head,.spec-row,.spec-foot{display:flex;justify-content:space-between;gap:14px;font:400 10px/1.5 var(--mono);letter-spacing:.04em}.spec-head{padding:2px 0 17px;border-bottom:1px solid var(--line);color:var(--phosphor)}.spec-title{margin:34px 0 12px;font:700 31px/.94 var(--display);letter-spacing:-.055em}.spec-title span{display:block;clip-path:inset(0 100% 0 0);animation:title-wipe .8s cubic-bezier(.77,0,.18,1) forwards}.spec-title span:nth-child(2){animation-delay:.2s}.spec-caption{margin:0 0 34px;color:var(--muted);font-size:12px}.spec-row{min-height:44px;align-items:center;padding:12px 0;border-top:1px solid var(--line);color:#c9cec9}.spec-row [data-type]:after{content:"";display:inline-block;width:1px;height:1em;margin-left:3px;vertical-align:-2px;background:var(--phosphor);animation:blink .7s steps(1) infinite}.spec-row.typed [data-type]:after{display:none}.status{color:var(--phosphor);opacity:0;transform:rotateX(90deg)}.status.visible{animation:status-flip .42s steps(3) forwards}.spec-foot{margin-top:22px;padding-top:16px;border-top:1px solid var(--line);color:var(--muted)}.spec-foot b{color:var(--phosphor);font-weight:400}
.section{padding-block:120px;border-top:1px solid var(--line)}.section-label{display:flex;justify-content:space-between;gap:20px;margin-bottom:54px}.section h2,.page-title{max-width:950px;margin:0 0 24px;font:600 clamp(43px,6.2vw,82px)/.98 var(--display);letter-spacing:-.065em}.section-intro{max-width:610px;margin:0 0 58px;color:var(--muted);font-size:17px}.grid-3{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.journey-line{position:absolute;top:-29px;left:2%;right:2%;height:1px;background:var(--line)}.journey-line span{display:block;width:100%;height:100%;background:var(--phosphor);transform:scaleX(var(--line-progress,0));transform-origin:left;box-shadow:0 0 8px var(--phosphor)}.pillar{--px:50%;--py:50%;position:relative;min-height:305px;display:flex;flex-direction:column;padding:30px;overflow:hidden;border:1px solid var(--line);background:radial-gradient(280px circle at var(--px) var(--py),rgba(183,247,206,.09),transparent 55%),rgba(12,16,14,.72)}.pillar:after{content:"";position:absolute;inset:-1px;pointer-events:none;background:linear-gradient(90deg,transparent 0 20%,var(--phosphor) 48%,transparent 75%) top/220% 1px no-repeat;transform:translateX(-100%);transition:transform .8s cubic-bezier(.2,.7,.2,1)}.pillar:hover:after{transform:translateX(55%)}.pillar .number{color:var(--muted);transition:color .3s ease,text-shadow .3s ease}.pillar:hover .number{color:var(--phosphor);text-shadow:0 0 12px rgba(183,247,206,.3)}.pillar h3{margin:auto 0 12px;font:600 29px var(--display);letter-spacing:-.04em}.pillar p{max-width:290px;margin:0;color:var(--muted)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease var(--delay,0ms),transform .8s cubic-bezier(.2,.7,.2,1) var(--delay,0ms)}.reveal.in-view{opacity:1;transform:translateY(0)}.statement{display:grid;grid-template-columns:.7fr 1.5fr;gap:70px;padding-block:125px 140px}.statement blockquote{margin:0;font:400 clamp(37px,5vw,68px)/1.08 var(--serif);letter-spacing:-.025em}.word{display:inline-block;opacity:.08;transform:translateY(.15em);transition:opacity .5s ease,transform .5s ease}.statement.in-view .word{opacity:1;transform:none;transition-delay:calc(var(--word-index)*70ms)}.statement blockquote em{color:var(--phosphor);font-style:italic}.statement blockquote em .word{background:linear-gradient(105deg,#7ca68b 20%,#effff4 48%,#7ca68b 76%);background-size:220% auto;color:transparent;background-clip:text;-webkit-background-clip:text;animation:shimmer 4.5s linear infinite}
.signup{position:relative;padding-block:130px;overflow:hidden;border-top:1px solid var(--line);background:linear-gradient(90deg,rgba(9,11,10,.96),rgba(11,16,13,.8))}.signup .wrap{position:relative;z-index:1}.signup h2{max-width:900px;margin:25px 0;font:600 clamp(43px,6.5vw,86px)/.96 var(--display);letter-spacing:-.07em}.signup p{max-width:580px;color:var(--muted)}.signup .action{margin-top:25px}.vault-rings{position:absolute;top:50%;right:8%;width:min(44vw,560px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;transform:translateY(-50%);background:radial-gradient(circle,transparent 0 12%,var(--line) 12.2% 12.4%,transparent 12.6% 25%,var(--line) 25.2% 25.4%,transparent 25.6% 42%,var(--line) 42.2% 42.4%,transparent 42.6%),repeating-conic-gradient(from 0deg,transparent 0deg 28deg,rgba(183,247,206,.12) 28.4deg 29deg);opacity:.45;animation:vault-turn 45s linear infinite}.smallnote{color:var(--muted);font:10px/1.6 var(--mono);letter-spacing:.08em}
.site-footer{padding:34px 0;border-top:1px solid var(--line);color:#69716c;font:9px var(--mono);letter-spacing:.1em}.footer-inner{display:flex;justify-content:space-between;gap:20px}.page-hero{padding-block:125px 105px}.page-hero .page-title{margin-top:30px}.page-hero>p{max-width:670px;color:var(--muted);font-size:19px}.feature{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1fr);gap:clamp(40px,8vw,130px);align-items:center;padding-block:115px;border-top:1px solid var(--line)}.feature.reverse .feature-copy{order:2}.feature h2{margin:25px 0;font:600 clamp(38px,5vw,65px)/1 var(--display);letter-spacing:-.06em}.feature-copy p{color:var(--muted);font-size:16px}.feature-panel{position:relative;min-height:330px;padding:27px;border:1px solid var(--line-bright);background:linear-gradient(145deg,rgba(19,26,22,.8),rgba(9,12,10,.72));box-shadow:0 28px 80px rgba(0,0,0,.25);font:400 11px/1.7 var(--mono)}.feature-panel:before{content:"";position:absolute;width:9px;height:9px;right:-1px;top:-1px;border-right:1px solid var(--phosphor);border-top:1px solid var(--phosphor)}.panel-top{display:flex;justify-content:space-between;gap:20px;margin-bottom:28px;padding-bottom:16px;border-bottom:1px solid var(--line);color:var(--phosphor);letter-spacing:.08em}.event,.rule{display:flex;gap:20px;padding:15px 0;border-bottom:1px solid var(--line)}.event time{color:var(--muted)}.event strong{font-weight:400}.rule{justify-content:space-between}.rule b{color:var(--phosphor);font-weight:400;text-align:right}.gate{padding:24px;border:1px solid var(--line-bright);background:rgba(183,247,206,.035)}.gate-label{color:var(--phosphor);font-size:9px;letter-spacing:.16em}.gate h3{margin:18px 0;font:600 23px/1.2 var(--display);letter-spacing:-.04em}.gate-choice{display:flex;gap:9px;margin-top:25px}.gate-choice span{padding:8px 14px;border:1px solid var(--line-bright);color:var(--phosphor)}.gate-choice span+span{border-color:var(--line);color:var(--muted)}.disclaimer{margin-top:18px;color:var(--muted);font:9px/1.6 var(--mono)}.manifesto{max-width:900px;padding:10px 0 130px}.manifesto p{margin:0;padding:48px 0;border-top:1px solid var(--line);font:400 clamp(29px,3.8vw,47px)/1.25 var(--serif);letter-spacing:-.02em}.manifesto p:first-child{border-top:0}.manifesto em{color:var(--phosphor);font-style:italic}
@keyframes page-in{to{opacity:1}}@keyframes page-out{to{opacity:0;transform:translateY(-4px)}}@keyframes grain{0%{transform:translate(2%,-3%)}25%{transform:translate(-4%,2%)}50%{transform:translate(3%,4%)}75%{transform:translate(-2%,-4%)}100%{transform:translate(4%,1%)}}@keyframes blink{50%{opacity:0}}@keyframes title-wipe{to{clip-path:inset(0)}}@keyframes status-flip{50%{opacity:.5;transform:rotateX(-22deg) translateX(2px);filter:blur(1px)}100%{opacity:1;transform:rotateX(0);filter:none}}@keyframes shimmer{to{background-position:-220% center}}@keyframes border-drift{to{background-position:100% 100%,-200% 0}}@keyframes vault-turn{to{transform:translateY(-50%) rotate(360deg)}}
@media(max-width:900px){.hero{min-height:auto;grid-template-columns:1fr;gap:95px;padding-block:95px}.hero h1{font-size:clamp(62px,14vw,116px)}.specimen{margin:0}.statement{grid-template-columns:1fr}.feature{gap:40px}}
@media(max-width:680px){.wrap{width:min(100% - 36px,1200px)}.site-header{position:relative}.header-inner{min-height:102px;align-items:flex-start;flex-direction:column;justify-content:center;gap:15px}.nav{width:100%;gap:17px;font-size:8px;letter-spacing:.09em}.nav-cta{margin-left:auto;padding:6px 8px}.hero{padding-block:75px 85px;gap:85px}.hero h1{margin-top:30px;font-size:clamp(45px,15vw,76px);letter-spacing:-.1em}.hero .lede{font-size:20px}.specimen{padding:18px}.section,.signup{padding-block:80px}.section-label span:last-child{display:none}.grid-3{grid-template-columns:1fr;gap:12px}.journey-line{top:0;bottom:0;left:-7px;right:auto;width:1px;height:auto}.journey-line span{transform:scaleY(var(--line-progress,0));transform-origin:top}.pillar{min-height:220px}.pillar h3{margin:48px 0 10px}.statement{gap:38px;padding-block:80px 90px}.statement blockquote{font-size:39px}.vault-rings{right:-42%;width:105vw;opacity:.25}.page-hero{padding-block:80px 65px}.feature{grid-template-columns:1fr;padding-block:75px}.feature.reverse .feature-copy{order:0}.feature-panel{min-height:290px;padding:20px}.manifesto{padding-bottom:80px}.footer-inner{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}body{opacity:1}.reveal{opacity:1;transform:none}.word{opacity:1;transform:none}.spec-title span{clip-path:none}.status{opacity:1;transform:none}}