:root{--ink:#071317;--ink2:#0d2024;--paper:#edf1ed;--white:#fff;--aqua:#42f5c8;--aqua2:#a8ffe9;--muted:#738184;--line:rgba(7,19,23,.16);--ease:cubic-bezier(.18,.8,.22,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}a{color:inherit}.skip{position:fixed;left:1rem;top:-5rem;z-index:100;background:var(--aqua);color:var(--ink);padding:1rem}.skip:focus{top:1rem}.noise{position:fixed;inset:0;pointer-events:none;z-index:90;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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.site-head{position:absolute;z-index:20;left:0;right:0;top:0;height:88px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 clamp(1.2rem,4.5vw,5rem);border-bottom:1px solid rgba(255,255,255,.13);color:#fff}.brand{display:flex;align-items:center;gap:.35rem;text-decoration:none;font:bold .82rem monospace;letter-spacing:.08em}.brand span{color:var(--aqua)}.brand i{font-style:normal;color:#fff8;font-weight:400}.site-head nav{display:flex;gap:2.2rem}.site-head nav a,.head-cta{text-transform:uppercase;text-decoration:none;font:bold .61rem monospace;letter-spacing:.14em}.site-head nav a{color:#fffc}.site-head nav a:hover{color:var(--aqua)}.head-cta{justify-self:end;border:1px solid #ffffff55;padding:.8rem 1rem;border-radius:99px}.head-cta span{color:var(--aqua)}
.hero{height:100svh;min-height:730px;background:radial-gradient(circle at 70% 48%,#173b41 0,#0b2227 27%,var(--ink) 62%);color:#fff;position:relative;overflow:hidden;display:grid;grid-template-columns:46% 54%;align-items:center;padding:88px clamp(1.3rem,6vw,7rem) 0}.hero:after{content:"";position:absolute;inset:88px 0 0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:8vw 8vw;mask-image:linear-gradient(to bottom,#000,transparent)}.hero-copy{position:relative;z-index:5}.eyebrow{display:flex;align-items:center;justify-content:space-between;max-width:390px;text-transform:uppercase;font:bold .58rem monospace;letter-spacing:.16em;color:#fff9;margin:0 0 2rem}.eyebrow span:before{content:"";display:inline-block;width:30px;height:1px;background:var(--aqua);vertical-align:middle;margin-right:.7rem}.eyebrow b{color:var(--aqua)}h1,h2{font-size:clamp(4rem,7vw,8rem);line-height:.87;letter-spacing:-.065em;margin:0;font-weight:700}h1 em,h2 em{font-family:Georgia,serif;font-weight:400;color:var(--aqua);white-space:nowrap}.hero-copy>p:not(.eyebrow){max-width:510px;color:#b8c4c6;font-size:clamp(1rem,1.25vw,1.25rem);line-height:1.65;margin:2rem 0}.hero-actions{display:flex;gap:.7rem;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.15rem 1.35rem;text-transform:uppercase;text-decoration:none;font:bold .62rem monospace;letter-spacing:.13em;border:1px solid #ffffff55}.button.primary{background:var(--aqua);color:var(--ink);border-color:var(--aqua)}.button.ghost{color:#fff}.mark-stage{position:relative;z-index:4;width:min(50vw,760px);aspect-ratio:1;display:grid;place-items:center;transform:translateX(4%)}.xrp-mark{position:relative;z-index:4;width:82%;height:auto;filter:drop-shadow(0 35px 32px #000a) drop-shadow(0 0 26px #42f5c832);animation:float 6s ease-in-out infinite}.mark-glow{position:absolute;width:38%;aspect-ratio:1;border-radius:50%;background:var(--aqua);filter:blur(100px);opacity:.18}.orbit{position:absolute;border:1px solid #ffffff19;border-radius:50%}.o1{inset:8%;animation:spin 28s linear infinite}.o2{inset:20%;border-style:dashed;animation:spin 19s linear infinite reverse}.o3{inset:34%;border-color:#42f5c838}.o1:after,.o2:after{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--aqua);top:14%;left:14%;box-shadow:0 0 18px var(--aqua)}.label{position:absolute;z-index:5;color:#fff;font:bold .66rem monospace;letter-spacing:.12em;text-transform:uppercase}.label i{font-style:normal;color:var(--aqua);display:block;font-size:.5rem;margin-top:.3rem}.label-top{top:26%;right:2%}.label-mid{top:48%;left:2%}.label-bottom{bottom:25%;right:5%}.scroll-note{position:absolute;z-index:5;left:clamp(1.3rem,6vw,7rem);bottom:2rem;color:#fff8;text-transform:uppercase;font:bold .55rem monospace;letter-spacing:.13em}.scroll-note span{display:inline-block;width:1px;height:35px;background:var(--aqua);vertical-align:middle;margin-right:.7rem}.hero-fact{position:absolute;z-index:5;right:2rem;bottom:2rem;display:flex;align-items:flex-end;gap:.8rem}.hero-fact b{font-size:2.2rem;line-height:1;color:var(--aqua)}.hero-fact span{max-width:110px;color:#fff8;font-size:.65rem;line-height:1.35}@keyframes float{50%{transform:translateY(-14px) rotateX(5deg)}}@keyframes spin{to{transform:rotate(360deg)}}
section{position:relative}.lesson{padding:clamp(6rem,11vw,11rem) clamp(1.3rem,6vw,7rem);min-height:1000px}.section-label{position:absolute;left:1.5rem;top:7rem;display:flex;align-items:center;gap:1rem;writing-mode:vertical-rl;font:bold .55rem monospace;letter-spacing:.15em;text-transform:uppercase}.section-label span{color:#00a67e}.section-label.light{color:#fff}.section-label.light span{color:var(--aqua)}.lesson-head,.facts-head{margin-left:25%;margin-bottom:5rem}.kicker{text-transform:uppercase;font:bold .59rem monospace;letter-spacing:.16em;color:#557075;margin:0 0 1.7rem}.lesson h2,.facts h2,.safety h2,.how h2,.sources h2{font-size:clamp(3.5rem,6vw,7rem)}.lesson h2 em,.facts h2 em,.safety h2 em,.how h2 em,.sources h2 em{color:#00a67e}.concept-switcher{margin-left:12%;display:grid;grid-template-columns:25% 35% 40%;min-height:490px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.concept-tabs{display:flex;flex-direction:column;border-right:1px solid var(--line)}.concept-tabs button{flex:1;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left;padding:1.5rem;color:var(--muted);font:bold clamp(1rem,1.6vw,1.5rem) Arial;cursor:pointer}.concept-tabs button:last-child{border-bottom:0}.concept-tabs button span{display:block;font:.6rem monospace;margin-bottom:.8rem}.concept-tabs button[aria-selected="true"]{background:var(--ink);color:#fff}.concept-tabs button[aria-selected="true"] span{color:var(--aqua)}.concept-tabs button:focus-visible{outline:3px solid #00a67e;outline-offset:-3px}.concept-visual{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#d8e5df,#edf1ed 65%);overflow:hidden}.concept-visual img{width:78%;position:relative;z-index:2;filter:drop-shadow(0 20px 22px #07131755)}.concept-visual .pulse{position:absolute;width:45%;aspect-ratio:1;border:1px solid #00a67e;border-radius:50%;animation:pulse 2s ease-out infinite}@keyframes pulse{to{transform:scale(2.6);opacity:0}}.concept-panels{padding:clamp(2rem,5vw,5rem);display:grid;align-items:center}.concept-panels small{font:bold .58rem monospace;text-transform:uppercase;letter-spacing:.15em;color:#00a67e}.concept-panels h3{font-size:clamp(2.5rem,4vw,5rem);letter-spacing:-.06em;margin:.6rem 0 1.2rem}.concept-panels p{font-size:1rem;line-height:1.65;color:#607174}.concept-panels strong{display:block;border-left:2px solid #00a67e;padding-left:1rem;font-size:.82rem;line-height:1.4;margin-top:1.5rem}
.difference{background:var(--ink);color:#fff;padding:clamp(6rem,11vw,11rem) clamp(1.3rem,6vw,7rem)}.difference-title{margin-left:25%;margin-bottom:5rem}.difference-title h2{font-size:clamp(3.5rem,6vw,7rem)}.difference-title h2 em{color:var(--aqua)}.difference .kicker{color:#9ba9aa}.cards{margin-left:12%;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #ffffff28}.diff-card{min-height:570px;padding:2rem;display:flex;flex-direction:column;border-right:1px solid #ffffff28}.diff-card:last-child{border:0}.diff-card.featured{background:var(--aqua);color:var(--ink);transform:translateY(-20px);box-shadow:0 30px 60px #0006}.card-no{align-self:flex-end;font:5rem/1 monospace;color:#ffffff12}.featured .card-no{color:#07131718}.diff-card small{font:bold .55rem monospace;text-transform:uppercase;letter-spacing:.15em;color:var(--aqua)}.featured small{color:#156d59}.diff-card h3{font-size:3.3rem;letter-spacing:-.06em;margin:.6rem 0}.diff-card>div p{color:#fff8;margin:0}.featured>div p{color:#07131799}.diff-card dl{margin:auto 0 0}.diff-card dl div{display:flex;justify-content:space-between;border-top:1px solid #ffffff24;padding:1.1rem 0;font-size:.75rem}.featured dl div{border-color:#07131724}.diff-card dt{color:#fff7}.featured dt{color:#07131799}.diff-card dd{margin:0;text-align:right}
.how{padding:clamp(6rem,11vw,11rem) clamp(1.3rem,6vw,7rem);background:#fff}.how-copy{display:grid;grid-template-columns:1fr 2fr;column-gap:3rem}.how-copy .kicker{grid-row:1/4}.how-copy>p:not(.kicker){max-width:570px;color:var(--muted);line-height:1.65;font-size:1rem}.play-button{justify-self:start;background:var(--ink);color:#fff;border:0;padding:1rem 1.3rem;text-transform:uppercase;font:bold .62rem monospace;letter-spacing:.12em;cursor:pointer}.play-button span{color:var(--aqua);margin-right:.7rem}.flow{position:relative;margin:8rem 0 0 18%;display:grid;grid-template-columns:repeat(4,1fr)}.flow-line{position:absolute;left:8%;right:8%;top:68px;height:2px;background:#d4dcda}.flow-line i{display:block;width:0;height:100%;background:#00a67e;transition:width 3.2s linear}.flow.playing .flow-line i{width:100%}.flow article{text-align:center;position:relative}.flow article>b{font:.58rem monospace;color:#00a67e}.node{width:94px;height:94px;margin:1rem auto;display:grid;place-items:center;border-radius:50%;border:1px solid #bcc9c6;background:#fff;font:bold 1.4rem monospace;position:relative;z-index:2;transition:.35s}.flow.playing article.active .node{background:var(--ink);color:var(--aqua);border-color:var(--ink);box-shadow:0 0 0 10px #42f5c81c}.flow h3{margin:.8rem 0 .4rem;font-size:1.1rem}.flow p{margin:0 auto;color:var(--muted);font-size:.8rem;max-width:130px;line-height:1.4}.flow-note{text-align:right;color:#849092;font-size:.65rem;margin-top:4rem}
.safety{display:grid;grid-template-columns:1fr 1fr;min-height:820px;background:#cfded8}.safety-art{position:relative;display:grid;place-items:center;background:radial-gradient(circle,#16393e,#071317 67%);overflow:hidden}.safety-art:before{content:"";position:absolute;width:70%;aspect-ratio:1;border:1px solid #ffffff1d;border-radius:50%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff04}.shield{position:relative;z-index:2;width:48%;aspect-ratio:.85;clip-path:polygon(50% 0,95% 15%,88% 72%,50% 100%,12% 72%,5% 15%);background:linear-gradient(145deg,#42f5c8,#0b8f73);display:grid;place-items:center}.shield img{width:76%;filter:brightness(.2)}.safety-art>span{position:absolute;z-index:3;bottom:2rem;color:#fff;font:bold .58rem monospace;text-transform:uppercase;letter-spacing:.15em}.safety-copy{padding:clamp(4rem,8vw,8rem);display:flex;flex-direction:column;justify-content:center}.safety-copy ul{list-style:none;padding:0;margin:2rem 0}.safety-copy li{border-top:1px solid #07131725;padding:1rem 0;color:#4f6567;line-height:1.5}.safety-copy li:last-child{border-bottom:1px solid #07131725}.safety-copy li b{color:var(--ink)}.text-link{text-decoration:none;text-transform:uppercase;font:bold .62rem monospace;letter-spacing:.12em}.text-link span{color:#008b69;margin-left:.7rem}
.facts{padding:clamp(6rem,11vw,11rem) clamp(1.3rem,6vw,7rem)}.fact-list{margin-left:25%}.fact-list details{border-top:1px solid var(--line)}.fact-list details:last-child{border-bottom:1px solid var(--line)}.fact-list summary{list-style:none;cursor:pointer;padding:1.6rem 0;display:grid;grid-template-columns:60px 1fr auto;align-items:center;font-size:clamp(1rem,1.7vw,1.6rem);font-weight:bold}.fact-list summary::-webkit-details-marker{display:none}.fact-list summary span{font:.58rem monospace;color:#00a67e}.fact-list summary i{font:normal 1.8rem monospace;transition:transform .3s}.fact-list details[open] summary i{transform:rotate(45deg)}.fact-list details p{margin:0;padding:0 3rem 1.8rem 60px;max-width:750px;color:var(--muted);line-height:1.6}.facts details:focus-within{outline:2px solid #00a67e;outline-offset:4px}.sources{padding:clamp(6rem,10vw,9rem) clamp(1.3rem,6vw,7rem);background:var(--ink2);color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:8rem}.sources h2 em{color:var(--aqua)}.sources .kicker{color:#fff7}.source-links a{display:grid;grid-template-columns:50px 1fr auto;align-items:center;padding:1.4rem 0;border-top:1px solid #ffffff2b;text-decoration:none}.source-links a:last-child{border-bottom:1px solid #ffffff2b}.source-links span{font:.6rem monospace;color:var(--aqua)}.source-links b{font-size:1.2rem}.source-links i{font:normal .58rem monospace;color:#fff7}footer{padding:2.5rem clamp(1.3rem,6vw,7rem);background:var(--ink);color:#fff;border-top:1px solid #ffffff22;display:grid;grid-template-columns:1fr 2fr auto;gap:2rem;align-items:center}footer p{margin:0;color:#fff7;font-size:.7rem;line-height:1.4}footer>a{font:bold .58rem monospace;text-transform:uppercase}.reveal{opacity:0;transform:translateY(42px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.site-head{grid-template-columns:1fr auto}.site-head nav{display:none}.hero{height:auto;min-height:100svh;grid-template-columns:1fr;padding-top:145px}.mark-stage{width:90vw;min-height:450px;margin:0 auto}.hero-fact{bottom:1rem}.scroll-note{display:none}.lesson-head,.facts-head,.difference-title{margin-left:8%}.concept-switcher{margin-left:0;grid-template-columns:1fr 1fr}.concept-tabs{grid-column:1/-1;flex-direction:row;border-right:0;border-bottom:1px solid var(--line)}.concept-tabs button{min-height:90px;border-right:1px solid var(--line);border-bottom:0}.cards{margin-left:0}.diff-card{min-height:520px}.how-copy{grid-template-columns:1fr}.how-copy .kicker{grid-row:auto}.flow{margin-left:0}.safety{grid-template-columns:1fr}.safety-art{min-height:600px}.sources{grid-template-columns:1fr;gap:4rem}}
@media(max-width:600px){.site-head{height:72px;padding:0 1rem}.head-cta{display:none}.hero{padding:110px 1rem 2rem}.hero-copy{min-width:0;max-width:100%}.hero-copy h1{font-size:clamp(2.75rem,12vw,3.5rem)}.hero-actions{display:grid}.mark-stage{width:110vw;min-height:390px;transform:translateX(-7%)}.label{display:none}.hero-fact{position:relative;right:auto;bottom:auto;margin-top:-2rem}.lesson,.difference,.how,.facts,.sources{padding-left:1rem;padding-right:1rem}.section-label{display:none}.lesson-head,.facts-head,.difference-title{margin-left:0}.lesson h2,.facts h2,.difference h2,.how h2,.safety h2,.sources h2{font-size:3.3rem}.concept-switcher{grid-template-columns:1fr}.concept-tabs{overflow-x:auto}.concept-tabs button{min-width:130px;padding:1rem}.concept-visual{min-height:280px}.concept-panels{min-height:390px;padding:2rem 1rem}.cards{grid-template-columns:1fr}.diff-card{min-height:420px;border-right:0;border-bottom:1px solid #ffffff28}.diff-card.featured{transform:none}.how-copy{display:block}.flow{grid-template-columns:1fr;gap:2rem;margin-top:4rem}.flow-line{left:46px;top:5%;bottom:5%;height:auto;width:2px}.flow-line i{width:100%;height:0}.flow.playing .flow-line i{height:100%}.flow article{text-align:left;display:grid;grid-template-columns:40px 95px 1fr;align-items:center}.flow article p{display:none}.safety-art{min-height:430px}.safety-copy{padding:4rem 1rem}.fact-list{margin-left:0}.fact-list summary{grid-template-columns:35px 1fr auto}.fact-list details p{padding-left:35px}.sources{gap:3rem}.source-links a{grid-template-columns:35px 1fr}.source-links i{display:none}footer{grid-template-columns:1fr;align-items:start}.hero h1 em,h2 em{white-space:normal}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}