:root{--bg:#080e14;--panel:#0d151d;--ink:#f3f1e9;--muted:#a9b2b8;--soft:#72818d;--line:#2c3942;--accent:#b6cfbf;--warm:#d5c5aa;--serif:'Instrument Serif',Georgia,serif;--sans:'DM Sans',Arial,sans-serif;--mono:'DM Mono',monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.5 var(--sans)}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}a:hover,button:hover{color:var(--accent)}:focus-visible{outline:2px solid var(--accent);outline-offset:4px}::selection{background:var(--accent);color:var(--bg)}
.shell{width:min(100% - 88px,1380px);margin-inline:auto}.eyebrow,.mini-label,.panel-header,.step,.datum-strip,.object-label,.object-coordinate,.intro-top,.intro-bottom,.intro-caption{font:500 11px/1.3 var(--mono);letter-spacing:.13em;color:var(--muted)}.mark-dot{color:var(--accent)}
.nav{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:2}.brand{display:inline-flex;align-items:center;gap:12px;font:500 25px/1 var(--serif);letter-spacing:-.025em}.brand-mark{height:31px;width:31px;border:1.5px solid var(--ink);border-radius:50%;position:relative;display:inline-block;transform:rotate(-28deg);overflow:hidden}.brand-mark i{position:absolute;height:1.5px;width:38px;background:var(--accent);top:12px;left:-3px;transform:rotate(-28deg)}.brand-mark i+i{top:20px;transform:rotate(24deg)}.nav nav{display:flex;gap:35px;font-size:13px;color:#c8d0d1}.nav-actions{display:flex;align-items:center;gap:24px;font-size:12px}.text-button{background:none;border:0;color:var(--muted);font-size:12px}.nav-download{border:1px solid #667772;padding:12px 17px;display:flex;gap:25px;color:var(--ink)}.nav-download span{color:var(--accent)}
.hero{min-height:710px;display:grid;grid-template-columns:51% 49%;align-items:center;padding-top:50px;padding-bottom:60px;overflow:hidden}.hero-copy{position:relative;z-index:1}.eyebrow-line{display:inline-block;width:24px;height:1px;background:var(--accent);vertical-align:middle;margin-right:12px}.hero h1{font:400 clamp(76px,8.4vw,138px)/.86 var(--serif);letter-spacing:-.055em;margin:31px 0 28px}.hero h1 em,.section-heading em,.method h2 em,.token h2 em,.modal h2 em{font-weight:400;color:var(--accent)}.hero p{max-width:545px;color:#b9c2c4;font-size:18px;line-height:1.68;margin:0 0 38px}.hero-cta{display:inline-flex;align-items:center;justify-content:space-between;gap:70px;background:var(--ink);color:#091117;padding:17px 20px;font-size:13px;font-weight:700;min-width:242px}.hero-cta:hover{color:#091117;background:var(--accent)}.hero-quick{width:min(100%,360px);margin-top:28px;padding:14px 0 0;border-top:1px solid var(--line)}.hero-quick label{display:flex;justify-content:space-between;gap:10px;font:10px var(--mono);letter-spacing:.08em;color:var(--muted)}.hero-quick label span{color:var(--accent);letter-spacing:0}.hero-quick input{margin-top:13px;width:100%;accent-color:var(--accent)}.hero-quick small{display:block;color:var(--soft);font:10px var(--mono);margin-top:4px}
.hero-object{height:560px;position:relative;isolation:isolate}.object-rings,.object-rings:before,.object-rings:after{position:absolute;border:1px solid rgba(200,221,226,.16);border-radius:50%;inset:30px 3%;transform:rotate(-26deg)}.object-rings:before,.object-rings:after{content:"";inset:13%}.object-rings:after{inset:-16%;border-style:dashed;opacity:.42}.object-globe,.intro-globe{position:absolute;border-radius:50%;overflow:hidden;background:radial-gradient(circle at 35% 28%,#263844 0%,#17242e 27%,#0e1923 54%,#070d13 76%);box-shadow:inset -35px -22px 55px #020508,inset 8px 5px 45px #617d8240,0 0 80px #5f898a23;border:1px solid #687d8055}.object-globe{width:min(61%,370px);aspect-ratio:1;top:16%;left:18%}.globe-grid{position:absolute;inset:0;border-radius:50%;background:repeating-linear-gradient(0deg,transparent 0 24px,rgba(194,222,221,.09) 25px,transparent 26px 51px),repeating-linear-gradient(90deg,transparent 0 40px,rgba(194,222,221,.08) 41px,transparent 42px 81px);transform:rotate(-23deg) scale(1.2);mask-image:radial-gradient(circle,#000 38%,transparent 76%)}.object-contour{position:absolute;inset:15%;border:1px solid #a0bcaa31;border-radius:44% 56% 50% 39%;transform:rotate(24deg);box-shadow:0 0 0 32px #b2c7b408,0 0 0 75px #b2c7b406}.object-line{height:1px;background:var(--accent);position:absolute;left:52%;transform-origin:left;box-shadow:0 0 12px #adcfbc88}.line-a{width:42%;top:42%;transform:rotate(-20deg)}.line-b{width:44%;top:61%;transform:rotate(21deg)}.object-line:after{content:"";position:absolute;right:0;top:-4px;width:8px;height:8px;border:1px solid var(--accent);border-radius:50%;background:var(--bg)}.object-label{position:absolute;color:var(--accent);right:0}.label-a{top:25%}.label-b{top:79%}.object-coordinate{position:absolute;bottom:4%;left:9%;line-height:1.8}
.datum-strip{display:flex;align-items:center;justify-content:space-between;gap:16px;border-block:1px solid var(--line);min-height:70px;color:#a4b2b5}.datum-strip b{color:var(--accent);margin-right:14px;font-weight:500}.datum-note{font-style:italic;text-transform:none;letter-spacing:0;color:var(--warm)}
.instrument{padding-top:135px;padding-bottom:120px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-heading h2,.method h2,.ledger h2,.token h2{font:400 clamp(51px,5.1vw,84px)/.99 var(--serif);letter-spacing:-.037em;margin:19px 0 0}.section-heading p{max-width:346px;color:var(--muted);line-height:1.65;margin-bottom:6px}.workbench{display:grid;grid-template-columns:345px minmax(0,1fr);border:1px solid var(--line);background:var(--panel)}.controls{padding:24px 25px 20px;border-right:1px solid var(--line)}.panel-header{display:flex;justify-content:space-between;gap:12px;padding-bottom:25px;border-bottom:1px solid var(--line);white-space:nowrap}.live-dot{color:var(--accent)}.live-dot:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);margin-right:7px;vertical-align:middle}.scenario-key{display:flex;align-items:center;gap:12px;padding:15px 11px;border-bottom:1px solid var(--line)}.scenario-key.selected{background:#1b2d31;border:1px solid #577a70;margin-top:4px}.key-line{display:block;width:25px;height:2px;background:var(--warm)}.key-line.b{background:var(--accent)}.scenario-key div{flex:1}.scenario-key strong{font-size:14px;display:block;font-weight:600}.scenario-key small{font-size:11px;color:var(--muted)}.lock{font:10px var(--mono);color:var(--soft)}.selected .lock{color:var(--accent)}.control-intro{font-size:12px;color:var(--muted);line-height:1.6;margin:24px 0}.slider-group{margin:20px 0 26px}.slider-group label{display:flex;justify-content:space-between;font:12px var(--mono);color:#d4dedb;margin-bottom:9px}.slider-group strong{font-weight:500;color:var(--accent)}input[type=range]{width:100%;height:3px;accent-color:var(--accent);cursor:pointer}.range-ends{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--soft)}.model-select{display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--line);padding-top:20px}.model-select label{font:11px var(--mono);letter-spacing:.1em;color:var(--muted)}select{background:#142029;border:1px solid #41505a;color:var(--ink);padding:12px 10px;border-radius:0}.reset-button{border:0;background:none;padding:20px 0 0;color:var(--muted);font-size:12px}
.readout{padding:24px 31px 15px;min-width:0}.chart-title{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-top:27px}.chart-title h3{font:400 37px/1 var(--serif);margin:6px 0}.chart-key{display:flex;gap:17px;font:10px var(--mono);color:var(--muted);white-space:nowrap}.chart-key span{display:flex;align-items:center;gap:6px}.chart-key i{width:16px;height:2px;background:#d8d9d2}.chart-key .key-a{background:var(--warm)}.chart-key .key-b{background:var(--accent)}#chart{width:100%;display:block;height:auto;margin-top:18px;overflow:visible}.chart-footer{display:flex;justify-content:space-between;font:10px var(--mono);color:var(--soft);margin:0 4% 22px}.readout-stats{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid var(--line)}.readout-stats div{padding:18px 16px 20px;border-right:1px solid var(--line)}.readout-stats div:first-child{padding-left:0}.readout-stats div:last-child{border-right:0}.readout-stats span{display:block;color:var(--muted);font:10px var(--mono);letter-spacing:.08em}.readout-stats strong{display:block;font:400 39px var(--serif);line-height:1.4}.readout-stats div:nth-child(2) strong{color:var(--accent)}.readout-stats small{font-size:11px;color:var(--soft)}.chart-disclaimer{font:11px/1.5 var(--mono);color:var(--soft);max-width:700px;margin:16px 0 0}.instrument-actions{display:flex;gap:26px;align-items:center;padding:18px 0}.instrument-actions button{border:0;background:none;color:var(--accent);padding:5px 0;font:12px var(--mono)}#actionMessage{color:var(--muted);font:11px var(--mono)}
.method{padding-block:90px 120px;border-top:1px solid var(--line)}.method-top{display:grid;grid-template-columns:150px 1fr 300px;align-items:start;gap:30px}.method h2{margin:0}.method-top p{color:var(--muted);line-height:1.65;margin:5px 0}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:65px;border-top:1px solid var(--line)}.method-grid article{min-height:280px;padding:25px 35px 0 0;margin-right:35px;border-right:1px solid var(--line)}.method-grid article:last-child{border-right:0}.step{color:var(--accent)}.method h3{font:400 34px var(--serif);margin:24px 0 11px}.method article p{color:var(--muted);font-size:14px;line-height:1.7;min-height:100px}.method article a{font:12px var(--mono);color:var(--accent);border-bottom:1px solid #719280;padding-bottom:5px}
.ledger{background:#e7e6dc;color:#0a1519;padding:80px 65px;margin-bottom:120px}.ledger .eyebrow{color:#526466}.ledger h2{margin-top:10px}.ledger-title p{max-width:550px;color:#41555a}.ledger-table{margin-top:45px;border-top:1px solid #93a3a3}.ledger-table div{display:grid;grid-template-columns:240px 1fr;padding:19px 0;border-bottom:1px solid #aab5b2;gap:30px}.ledger-table span{font:11px var(--mono);letter-spacing:.06em;color:#496063}.ledger-table strong{font-size:14px;font-weight:500}.ledger-bottom{display:flex;gap:35px;margin-top:30px;font:12px var(--mono)}.ledger-bottom a{border-bottom:1px solid #41555a;padding-bottom:4px}
.token{border-top:1px solid var(--line);padding:100px 0 140px}.token-content{display:grid;grid-template-columns:1fr 380px;gap:50px;align-items:end}.token-content p{color:var(--muted);line-height:1.7}.token-content strong{color:var(--ink)}.token-content button,.modal-card>button:last-child{background:var(--accent);border:0;color:#081117;padding:14px 20px;margin-top:20px;font-weight:700;font-size:13px}.footer{border-top:1px solid var(--line);padding:35px 0 55px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:start;gap:20px}.footer p{font:20px var(--serif);margin:0;color:var(--muted)}.footer>div:last-child{display:flex;flex-direction:column;align-items:end;gap:12px;color:var(--soft);font:10px var(--mono)}.footer a{color:var(--accent)}
.modal[hidden]{display:none}.modal{position:fixed;inset:0;z-index:20;display:grid;place-items:center}.modal-backdrop{position:absolute;inset:0;background:#03080bdc}.modal-card{position:relative;width:min(90vw,580px);border:1px solid #6a857c;background:#112028;padding:55px}.modal-close{position:absolute;right:18px;top:12px;background:none;border:0;color:var(--ink);font-size:30px}.modal h2{font:400 56px/1 var(--serif);letter-spacing:-.035em}.modal p{color:var(--muted);line-height:1.7}
.intro{position:fixed;inset:0;z-index:100;background:#070e14;color:var(--ink);overflow:hidden;animation:introExit .75s ease 10s forwards}.intro[hidden]{display:none}.intro-top,.intro-bottom{position:absolute;left:45px;right:45px;display:flex;justify-content:space-between;z-index:5}.intro-top{top:34px}.intro-bottom{bottom:30px}.intro-top button{background:none;border:0;color:var(--ink);font:inherit;letter-spacing:inherit}.intro-core{position:absolute;inset:0;display:grid;place-items:center;animation:coreFade 1s ease 7.5s forwards}.intro-globe{width:min(33vw,350px);aspect-ratio:1;animation:globeBirth 3.5s cubic-bezier(.16,.8,.3,1) both}.intro-orbit{position:absolute;width:min(55vw,670px);aspect-ratio:1;border:1px solid #7a959442;border-radius:50%;transform:rotate(-28deg) scaleY(.55);animation:orbitBorn 4s ease both}.orbit-two{width:min(75vw,900px);border-style:dashed;animation-delay:.8s}.intro-paths{position:absolute;width:min(78vw,900px);height:70%;overflow:visible}.intro-paths path{fill:none;stroke:var(--accent);stroke-width:1.3;stroke-dasharray:800;stroke-dashoffset:800;filter:drop-shadow(0 0 5px #bfdaca80);animation:drawPath 3s ease 3.2s forwards}.intro-paths path+path{animation-delay:4.2s}.intro-caption{position:absolute;opacity:0;animation:appear .5s ease 4.5s forwards}.cap-one{left:10%;top:35%}.cap-two{right:7%;bottom:27%;animation-delay:6s}.intro-reveal{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:4;background:#070e14;opacity:0;pointer-events:none;animation:revealBrand 2s ease 7.5s forwards}.intro-word{font:400 clamp(75px,12vw,180px)/.9 var(--serif);letter-spacing:-.06em}.intro-reveal p{font:18px var(--sans);color:var(--muted)}
@keyframes globeBirth{from{transform:scale(.05);opacity:0;filter:blur(15px)}to{transform:scale(1);opacity:1;filter:blur(0)}}@keyframes orbitBorn{from{opacity:0;transform:rotate(-28deg) scale(.1,.05)}to{opacity:1;transform:rotate(-28deg) scale(1,.55)}}@keyframes drawPath{to{stroke-dashoffset:0}}@keyframes appear{to{opacity:1}}@keyframes coreFade{to{opacity:0}}@keyframes revealBrand{to{opacity:1}}@keyframes introExit{to{opacity:0;visibility:hidden}}
@media(max-width:1100px){.shell{width:min(100% - 48px,1380px)}.nav nav{gap:17px}.nav-actions .text-button{display:none}.hero{min-height:570px}.hero h1{font-size:clamp(68px,8vw,100px)}.datum-strip{flex-wrap:wrap;padding-block:18px}.datum-note{width:100%}.workbench{grid-template-columns:300px 1fr}.controls{padding-inline:18px}.readout{padding-inline:20px}.method-top{grid-template-columns:1fr 1fr}.method-top .eyebrow{grid-column:1/-1}.method-top p{align-self:end}}
@media(max-width:760px){.shell{width:min(100% - 32px,1380px)}.nav{height:70px}.brand{font-size:22px}.brand-mark{height:27px;width:27px}.nav nav,.nav-actions .text-button{display:none}.nav-download{padding:9px 10px;gap:5px;font-size:11px}.hero{grid-template-columns:1fr;min-height:auto;padding-top:62px;padding-bottom:20px}.hero h1{font-size:clamp(70px,14vw,102px);margin-block:22px}.hero p{font-size:16px;max-width:490px}.hero-object{height:320px;margin-top:25px}.object-globe{width:235px;left:22%;top:4%}.object-rings{inset:-20px 2% 15px}.object-coordinate{bottom:0;left:0}.object-label{font-size:8px}.label-a{top:15%}.label-b{top:75%}.datum-strip{justify-content:flex-start;gap:15px 25px;font-size:9px}.instrument{padding-block:85px}.section-heading{display:block}.section-heading h2,.method h2,.ledger h2,.token h2{font-size:clamp(55px,10vw,72px)}.section-heading p{margin-top:22px}.workbench{display:block}.controls{border-right:0;border-bottom:1px solid var(--line);padding:22px}.readout{padding:22px 16px}.chart-title{align-items:start;flex-direction:column}.chart-title h3{font-size:33px}.chart-key{flex-wrap:wrap}.readout-stats strong{font-size:30px}.readout-stats div{padding-inline:8px}.readout-stats span{font-size:8px}.readout-stats small{font-size:9px}.instrument-actions{flex-wrap:wrap;gap:12px 25px}.method{padding-block:70px}.method-top{display:block}.method-top h2{margin-top:18px}.method-top p{margin-top:20px}.method-grid{display:block;margin-top:35px}.method-grid article{min-height:auto;margin-right:0;padding:22px 0;border-right:0;border-bottom:1px solid var(--line)}.method article p{min-height:auto}.ledger{width:100%;padding:65px 22px;margin-bottom:80px}.ledger-table div{display:block}.ledger-table span{display:block;margin-bottom:9px}.ledger-bottom{flex-wrap:wrap}.token{padding-block:75px}.token-content{display:block}.token-content>div{max-width:500px;margin-top:25px}.footer{display:block}.footer p{margin:25px 0}.footer>div:last-child{align-items:start}.intro-top,.intro-bottom{left:18px;right:18px}.intro-globe{width:55vw}.intro-orbit{width:80vw}.intro-paths{width:100vw}.intro-caption{font-size:8px}.intro-reveal p{font-size:13px;text-align:center}.modal-card{padding:42px 25px}.modal h2{font-size:47px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.intro{display:none!important}}
