@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  --bg:#081923;
  --bg2:#0d2b38;
  --panel:#0f2530;
  --paper:#f3ede2;
  --paper-soft:#e8e0d1;
  --ink:#081923;
  --muted:rgba(243,237,226,.72);
  --muted-dark:rgba(8,25,35,.72);
  --line:rgba(243,237,226,.12);
  --line-strong:rgba(243,237,226,.18);
  --orange:#e97d40;
  --aqua:#8fd8d1;
  --shadow:0 22px 90px rgba(0,0,0,.28);
  --radius:34px;
  --serif:'Cormorant Garamond', Georgia, serif;
  --sans:'Inter', Arial, sans-serif;
  --mono:'IBM Plex Mono', monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:var(--sans);
  color:var(--paper);
  background:
    radial-gradient(circle at 20% 10%, rgba(90,189,183,.08), transparent 28%),
    radial-gradient(circle at 80% 0%, rgba(233,125,64,.09), transparent 30%),
    linear-gradient(180deg,#07161f 0%, #081923 20%, #0a2330 50%, #081923 100%);
  overflow-x:hidden;
}
body::before{
  content:'';
  position:fixed;
  inset:0;
  background:
    url('assets/texture.webp') center/cover no-repeat,
    url('assets/texture2.webp') center/cover no-repeat;
  opacity:.07;
  mix-blend-mode:screen;
  pointer-events:none;
  z-index:-2;
}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}

.nav-shell{
  position:sticky; top:0; z-index:20;
  display:grid; grid-template-columns:auto 1fr auto auto; align-items:center; gap:26px;
  padding:20px 4vw;
  backdrop-filter:blur(18px);
  background:linear-gradient(180deg, rgba(5,18,24,.86), rgba(5,18,24,.58));
  border-bottom:1px solid rgba(243,237,226,.08);
}
.logo{display:flex;align-items:center;gap:14px;font:500 12px/1.1 var(--mono);letter-spacing:.09em;text-transform:uppercase;color:var(--paper)}
.logo svg{width:38px;height:38px;stroke:var(--aqua);fill:none;stroke-width:1.6}
.nav-shell nav{justify-self:center;display:flex;gap:34px;font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.8)}
.nav-shell nav a{position:relative;padding-bottom:6px}
.nav-shell nav a::after{content:'';position:absolute;left:0;right:0;bottom:0;height:1px;background:var(--aqua);transform:scaleX(0);transform-origin:left;transition:transform .3s ease}
.nav-shell nav a:hover::after{transform:scaleX(1)}
.nav-cta,.button{
  display:inline-flex;align-items:center;gap:10px;padding:16px 24px;border-radius:999px;
  background:linear-gradient(135deg,var(--orange),#f39a59); color:white;
  box-shadow:0 12px 34px rgba(233,125,64,.25);
  font:600 14px var(--sans); transition:transform .25s ease,box-shadow .25s ease,filter .25s ease;
}
.nav-cta{font:500 11px var(--mono);text-transform:uppercase;letter-spacing:.12em;background:transparent;border:1px solid rgba(243,237,226,.18);box-shadow:none;padding:14px 20px;color:var(--paper)}
.nav-cta:hover,.button:hover{transform:translateY(-2px);filter:brightness(1.03)}
.button.secondary{background:transparent;border:1px solid rgba(243,237,226,.16);box-shadow:none;color:var(--paper)}
.menu-button{display:none;background:none;border:0;padding:0;cursor:pointer}
.menu-button i{display:block}

main{position:relative}
section{position:relative;overflow:hidden}
section::before{
  content:''; position:absolute; inset:0; pointer-events:none;
  background-repeat:no-repeat; background-size:cover; background-position:center;
  opacity:0;
}

.hero{
  min-height:100vh;
  display:grid; grid-template-columns:minmax(320px, 1fr) minmax(320px, .95fr);
  gap:clamp(24px,4vw,64px); align-items:center;
  padding:7vw 4vw 6vw;
}
.hero::before{
  opacity:.22;
  background-image:linear-gradient(180deg, rgba(8,25,35,.1), rgba(8,25,35,.22)), url('assets/texture3.webp');
  mix-blend-mode:screen;
}
.hero::after{
  content:''; position:absolute; width:46vw; height:46vw; max-width:720px; max-height:720px; right:-8vw; top:12vh;
  border-radius:50%; background:radial-gradient(circle, rgba(143,216,209,.17), rgba(143,216,209,0) 68%);
  filter:blur(18px); pointer-events:none;
}
.hero-copy{position:relative;z-index:1;max-width:760px}
.kicker,.section-tag{display:flex;align-items:center;gap:10px;font:500 11px var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--orange);margin:0 0 18px}
.kicker span{width:34px;height:1px;background:var(--orange);display:block}
.hero h1,h2{font-family:var(--serif);font-weight:500;line-height:.92;letter-spacing:-.04em;margin:0}
.hero h1{font-size:clamp(4.6rem, 10vw, 9.4rem);max-width:7.2ch;text-wrap:balance}
.hero h1 em{font-style:italic;color:var(--aqua)}
.intro{max-width:660px;font-size:clamp(1.05rem,1.7vw,1.42rem);line-height:1.72;color:var(--muted);margin:28px 0 32px}
.hero-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center}
.quiet-link{font:500 12px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper);padding-bottom:6px;border-bottom:1px solid rgba(243,237,226,.26)}
.hero-note{margin-top:28px;display:inline-flex;align-items:center;gap:12px;padding:14px 18px;border-radius:999px;border:1px solid rgba(243,237,226,.12);background:rgba(243,237,226,.03);font-size:14px;color:var(--muted)}
.hero-note b{color:var(--paper)}

.field-wrap{
  position:relative; z-index:1; min-height:740px; border-radius:42px;
  background:
    linear-gradient(180deg, rgba(8,25,35,.12), rgba(8,25,35,.28)),
    url('assets/texture2.webp') center/cover no-repeat;
  border:1px solid rgba(243,237,226,.12); box-shadow:var(--shadow);
  isolation:isolate; padding:26px;
}
.field-wrap::before{
  content:''; position:absolute; inset:0; border-radius:42px;
  background:
    linear-gradient(120deg, rgba(8,25,35,.12), rgba(8,25,35,.68)),
    url('assets/page8.webp') center/cover no-repeat;
  opacity:.22; mix-blend-mode:screen; pointer-events:none;
}
.field-label,.field-footer{position:absolute;left:26px;right:26px;display:flex;justify-content:space-between;align-items:center;z-index:4;color:var(--paper);font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.field-label{top:24px}.field-footer{bottom:22px;color:rgba(243,237,226,.74)}
.field-label b{color:var(--aqua)}
.field-base,.field-corrected{position:absolute;inset:24px; width:calc(100% - 48px); height:calc(100% - 48px); border-radius:34px}
.field-base{z-index:1}.field-corrected{z-index:2;clip-path:circle(0 at 50% 50%)}
.lens{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:220px;height:220px;border-radius:50%;border:1px solid rgba(255,255,255,.25);box-shadow:0 0 0 120vmax rgba(8,25,35,.05);pointer-events:none;z-index:3;backdrop-filter:saturate(1.05)}
.lens::before,.lens::after{content:'';position:absolute;inset:16px;border-radius:50%;border:1px solid rgba(143,216,209,.38)}
.lens::after{inset:50%;width:8px;height:8px;margin:-4px;border:none;background:var(--orange);box-shadow:0 0 0 8px rgba(233,125,64,.18)}
.lens span{position:absolute;left:50%;bottom:-42px;transform:translateX(-50%);padding:7px 12px;background:rgba(8,25,35,.88);border:1px solid rgba(243,237,226,.14);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;white-space:nowrap}

.ticker{border-block:1px solid rgba(243,237,226,.08);overflow:hidden;white-space:nowrap;background:rgba(243,237,226,.02);backdrop-filter:blur(14px)}
.ticker div{display:inline-flex;gap:22px;padding:15px 0;animation:marquee 34s linear infinite;font:500 10px var(--mono);letter-spacing:.16em;text-transform:uppercase;color:rgba(243,237,226,.84)}
.ticker i{font-style:normal;color:var(--orange)}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

.problem-section,
.method-section,
.proof-section,
.vision-section,
.team-section,
.ask-section{padding:9vw 4vw}

.problem-section{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:end;
}
.problem-section::before{
  opacity:.16;
  background-image:linear-gradient(180deg, rgba(8,25,35,.12), rgba(8,25,35,.3)), url('assets/page2.webp');
  mix-blend-mode:screen;
}
.problem-title, .problem-copy, .section-heading, .method-stage, .proof-heading, .proof-panel, .proof-stats, .vision-intro, .vision-map, .comparison-grid, .team-heading, .team-grid, .ask-number, .ask-copy{position:relative;z-index:1}
.problem-title h2,.section-heading h2,.proof-heading h2,.vision-intro h2,.team-heading h2,.ask-copy h2{font-size:clamp(3.6rem,7vw,7rem)}
.large-copy{font-size:clamp(1.3rem,2.15vw,2rem);line-height:1.55;color:var(--paper);max-width:15ch;margin:0 0 30px}
.fact-row{display:grid;grid-template-columns:132px 1fr;gap:24px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);align-items:start}
.fact-row strong{font:500 clamp(3rem,6vw,6rem)/.9 var(--serif);color:var(--orange)}
.fact-row p,.caption,.section-heading>p:last-child,.proof-heading p:last-child,.vision-intro>p:last-child,.ask-copy>p,.person span{color:var(--muted);line-height:1.78;font-size:15px}

.method-section{
  background:linear-gradient(180deg, rgba(6,19,25,.64), rgba(6,19,25,.82));
}
.method-section::before{
  opacity:.18; background-image:linear-gradient(180deg, rgba(8,25,35,.18), rgba(8,25,35,.44)), url('assets/page4.webp'); mix-blend-mode:screen;
}
.section-heading{display:grid;grid-template-columns:.9fr 1.1fr;gap:6vw;align-items:end;margin-bottom:4vw}
.section-heading .section-tag{grid-column:1/-1}
.method-stage{display:grid;grid-template-columns:.92fr 1.08fr;gap:4vw;align-items:start}
.phantom-card{position:relative;padding:22px;border-radius:var(--radius);background:rgba(243,237,226,.04);border:1px solid var(--line);box-shadow:var(--shadow)}
.phantom-card img{border-radius:26px;min-height:540px;object-fit:cover;background:#162c36}
.image-caption{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-top:16px;padding-top:14px;border-top:1px solid var(--line);font:500 11px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:rgba(243,237,226,.82)}
.image-caption b{color:var(--orange)}
.measure{position:absolute;padding:9px 12px;border-radius:999px;background:rgba(8,25,35,.86);backdrop-filter:blur(10px);border:1px solid rgba(243,237,226,.12);font:500 9px var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--paper)}
.m1{top:48px;left:34px}.m2{right:28px;top:38%}.m3{left:38px;bottom:96px}
.method-steps{display:grid;gap:0;border-top:1px solid var(--line)}
.method-steps article{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:26px 0;border-bottom:1px solid var(--line);transition:transform .25s ease,background .25s ease}
.method-steps article:hover{transform:translateX(8px);background:rgba(243,237,226,.025)}
.method-steps article>span{font:500 10px var(--mono);color:var(--orange)}
.method-steps h3{font:500 clamp(1.5rem,2.5vw,2.3rem) var(--serif);margin:0 0 8px}
.method-steps p{margin:0;color:var(--muted);line-height:1.7;font-size:15px}

.proof-section{padding-top:10vw;padding-bottom:10vw;background:linear-gradient(180deg,#082230 0%, #0d3340 50%, #091f2b 100%)}
.proof-section::before{
  opacity:.24;background-image:linear-gradient(180deg, rgba(8,25,35,.2), rgba(8,25,35,.52)), url('assets/page8.webp');mix-blend-mode:screen;
}
.proof-heading{display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:end;margin-bottom:4vw}
.proof-heading .section-tag{grid-column:1/-1}
.proof-panel{position:relative;overflow:hidden;border-radius:34px;border:1px solid var(--line-strong);cursor:ew-resize;background:#fff;box-shadow:var(--shadow);min-height:680px}
.proof-panel::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 48%, rgba(143,216,209,.22), transparent 34%), linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.0));pointer-events:none;z-index:3}
.proof-panel img{width:100%;height:100%;min-height:680px;object-fit:cover}
.proof-mask{position:absolute;inset:0 50% 0 0;background:rgba(7,29,38,.28);backdrop-filter:blur(6px) grayscale(1)}
.proof-divider{position:absolute;top:0;bottom:0;left:50%;width:2px;background:var(--orange)}
.proof-divider span{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:80px;height:80px;border-radius:50%;background:var(--orange);display:grid;place-items:center;color:white;font:600 14px var(--mono);box-shadow:0 0 0 12px rgba(233,125,64,.18)}
.proof-label{position:absolute;top:18px;padding:10px 13px;border-radius:999px;background:rgba(8,25,35,.88);color:var(--paper);font:500 9px var(--mono);letter-spacing:.14em;text-transform:uppercase;z-index:4}
.proof-label.before{left:18px}.proof-label.after{right:18px;background:rgba(233,125,64,.96)}
.proof-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}
.proof-stats div{padding:26px 24px;border:1px solid var(--line);border-radius:24px;background:rgba(243,237,226,.04);backdrop-filter:blur(8px);display:flex;flex-direction:column;gap:8px}
.proof-stats strong{font:500 clamp(2.8rem,5vw,5rem)/.9 var(--serif);color:var(--orange)}
.proof-stats span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:rgba(243,237,226,.74)}

.vision-section::before{opacity:.16;background-image:linear-gradient(180deg, rgba(8,25,35,.18), rgba(8,25,35,.36)), url('assets/page9.webp');mix-blend-mode:screen}
.vision-intro{display:grid;grid-template-columns:.88fr 1.12fr;gap:6vw;align-items:end;margin-bottom:2vw}
.vision-intro .section-tag{grid-column:1/-1}
.vision-map{width:min(980px,92vw);aspect-ratio:1;margin:5vw auto 6vw;position:relative;display:grid;place-items:center;padding-bottom:92px}
.vision-map::before{content:'';position:absolute;inset:5%;border-radius:50%;background:radial-gradient(circle, rgba(233,125,64,.12), transparent 58%);filter:blur(16px)}
.vision-center{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:30%;aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;padding:18px;background:linear-gradient(135deg,var(--orange),#f1a163);color:white;z-index:3;box-shadow:0 0 0 22px rgba(233,125,64,.11), 0 14px 40px rgba(0,0,0,.16)}
.vision-center span{font:500 10px var(--mono);letter-spacing:.14em;text-transform:uppercase}
.vision-center b{font:500 clamp(1.15rem,2vw,1.6rem) var(--serif);margin-top:4px}
.vision-center small{display:block;margin-top:10px;font-size:12px;line-height:1.45;color:rgba(255,255,255,.82)}
.orbit{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid rgba(243,237,226,.18);border-radius:50%}
.orbit-1{width:40%;height:40%;animation:orbitA 14s linear infinite}
.orbit-2{width:64%;height:64%;animation:orbitB 24s linear infinite reverse}
.orbit-3{width:88%;height:88%;animation:orbitC 34s linear infinite}
.orbit-position{position:absolute;left:50%;top:0;transform:translate(-50%,-50%)}
.orbit-pos-1{top:8%}
.orbit-pos-2{top:12%}
.orbit-pos-3{top:10%}
.orbit-card{min-width:210px;max-width:260px;padding:16px 18px;border-radius:22px;background:rgba(8,25,35,.86);backdrop-filter:blur(10px);border:1px solid rgba(243,237,226,.14);box-shadow:0 16px 34px rgba(0,0,0,.22);text-align:center;font:500 clamp(.98rem,1.2vw,1.28rem)/1.3 var(--serif);color:var(--paper)}
.orbit-1 .orbit-card {
    background: rgba(233,125,64,.92);
    color: white;
    border-color: rgba(255,255,255,.14);
    animation: counterOrbitA 14s linear infinite
}

.orbit-2 .orbit-card {
    animation: counterOrbitB 24s linear infinite
}

.orbit-3 .orbit-card {
    animation: counterOrbitC 34s linear infinite
}
.market-note{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(860px,100%);padding:16px 22px;border-radius:20px;border:1px solid var(--line);background:rgba(243,237,226,.05);backdrop-filter:blur(10px);text-align:center;font-size:14px;line-height:1.7;color:var(--muted)}
@keyframes orbitA{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitB{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes orbitC{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes counterOrbitA{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
@keyframes counterOrbitB{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(360deg)}}
@keyframes counterOrbitC{from{transform:translate(-50%,-50%) rotate(0deg)}to{transform:translate(-50%,-50%) rotate(-360deg)}}
.comparison-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.comparison-grid article{padding:32px;border:1px solid var(--line);border-radius:28px;min-height:260px;background:rgba(243,237,226,.035);backdrop-filter:blur(8px);transition:transform .3s ease,background .3s ease,border-color .3s ease}
.comparison-grid article:hover{transform:translateY(-8px);background:rgba(243,237,226,.08);border-color:rgba(243,237,226,.24)}
.comparison-grid article>span{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--orange)}
.comparison-grid h3{font:500 1.95rem/1.12 var(--serif);margin:28px 0 14px}.comparison-grid p{font-size:15px;line-height:1.72;color:var(--muted)}

.team-section{background:linear-gradient(180deg,#081923 0%, #0b2733 100%)}
.team-section::before{opacity:.18;background-image:linear-gradient(180deg, rgba(8,25,35,.15), rgba(8,25,35,.42)), url('assets/page1.webp');mix-blend-mode:screen}
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.person{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;padding:26px;border-radius:30px;border:1px solid var(--line);align-items:center;background:rgba(243,237,226,.03);backdrop-filter:blur(10px);box-shadow:var(--shadow)}
.person img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:24px;filter:saturate(.92) contrast(1.03);transition:transform .35s ease,filter .35s ease}
.person:hover img{transform:scale(1.02);filter:saturate(1.02)}
.person p{font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.12em;color:var(--orange);margin:0}
.person h3{font:500 clamp(2rem,3vw,3rem) var(--serif);margin:12px 0}

.ask-section{display:grid;grid-template-columns:.72fr 1.28fr;gap:6vw;align-items:center;background:linear-gradient(135deg, rgba(233,125,64,.98), rgba(232,139,77,.92));color:var(--ink)}
.ask-section::before{opacity:.2;background-image:url('assets/page11.webp');mix-blend-mode:multiply}
.ask-number{font:500 clamp(5rem,14vw,14rem)/.82 var(--serif);letter-spacing:-.06em;color:var(--paper);text-shadow:0 10px 30px rgba(0,0,0,.14)}
.ask-copy .section-tag{color:rgba(8,25,35,.7)}
.ask-copy>p{max-width:680px;color:rgba(8,25,35,.76);font-size:17px}
.ask-section .button{background:var(--paper);color:var(--ink);box-shadow:none}
.quiet-link.dark{border-color:rgba(8,25,35,.42);color:rgba(8,25,35,.84)}

footer{padding:34px 4vw;display:flex;justify-content:space-between;align-items:center;gap:24px;border-top:1px solid rgba(243,237,226,.08);font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase;color:rgba(243,237,226,.68)}
footer p{margin:0}

.cursor{position:fixed;left:0;top:0;width:34px;height:34px;border:1px solid rgba(143,216,209,.65);border-radius:50%;pointer-events:none;z-index:100;transform:translate(-50%,-50%);transition:width .2s,height .2s,background .2s,border-color .2s,box-shadow .2s}.cursor span{position:absolute;left:50%;top:50%;width:6px;height:6px;background:var(--orange);border-radius:50%;transform:translate(-50%,-50%)}.cursor.hover{width:64px;height:64px;background:rgba(143,216,209,.10);border-color:var(--aqua);box-shadow:0 0 0 10px rgba(143,216,209,.08)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.8,.2,1)}.reveal.visible{opacity:1;transform:none}

@media(max-width:1100px){
  .hero,.problem-section,.section-heading,.method-stage,.proof-heading,.vision-intro,.ask-section{grid-template-columns:1fr}
  .hero{padding-top:12vw}
  .hero h1{max-width:9ch}
  .field-wrap{min-height:620px}
  .fact-row{grid-template-columns:100px 1fr}
}
@media(max-width:900px){
  .cursor{display:none}
  .nav-shell{grid-template-columns:1fr auto;gap:12px}
  .nav-shell nav,.nav-cta{display:none}
  .menu-button{display:block;width:40px;height:40px}.menu-button i{width:24px;height:1px;background:var(--paper);margin:6px auto}
  .hero{min-height:auto;padding:18vw 4vw 10vw}
  .hero h1{font-size:clamp(3.3rem,17vw,5.8rem)}
  .field-wrap{min-height:480px;padding:18px}
  .field-base,.field-corrected{inset:18px;width:calc(100% - 36px);height:calc(100% - 36px)}
  .lens{width:160px;height:160px}
  .problem-title h2,.section-heading h2,.proof-heading h2,.vision-intro h2,.team-heading h2,.ask-copy h2{font-size:clamp(2.7rem,14vw,4.8rem)}
  .proof-panel,.proof-panel img{min-height:400px}
  .proof-divider span{width:62px;height:62px;font-size:12px}
  .proof-stats,.comparison-grid,.team-grid{grid-template-columns:1fr}
  .person{grid-template-columns:1fr}
  .vision-map{width:100%;margin:14vw auto;aspect-ratio:1/1.18;padding-bottom:120px}
  .vision-center{width:34%}
  .orbit-card{min-width:180px;max-width:220px;font-size:clamp(.9rem,1.8vw,1.05rem)}
  .market-note{font-size:13px;padding:14px 16px}
  .ask-number{font-size:26vw}
  footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:640px){
  .hero-actions{align-items:stretch}.button,.button.secondary,.nav-cta{justify-content:center}
  .fact-row{grid-template-columns:1fr;gap:10px}
  .large-copy{max-width:none}
  .field-footer,.field-label,.lens span{font-size:8px}
  .proof-label{font-size:8px}
  .vision-center{width:42%;padding:14px}
  .vision-center b{font-size:1rem}
  .vision-center small{font-size:10px}
  .orbit-1{width:44%;height:44%}
  .orbit-2{width:68%;height:68%}
  .orbit-3{width:90%;height:90%}
  .orbit-card{min-width:130px;max-width:160px;padding:10px 12px;border-radius:16px;font-size:clamp(.76rem,2.7vw,.92rem);line-height:1.2}
  .market-note{font-size:12px;line-height:1.55}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}.cursor{display:none}}

/* =========================================================
   MOBILE IMAGE FIXES
   Keeps the complete phantom and fork comparison visible.
   Desktop styling is unchanged.
   ========================================================= */
@media (max-width: 900px) {
  /* Calibration phantom: stop the fixed 540px crop on phones. */
  .phantom-card {
    overflow: hidden;
  }

  .phantom-card img {
    display: block;
    width: 100%;
    height: auto;
    min-height: 0;
    max-height: none;
    aspect-ratio: auto;
    object-fit: contain;
    object-position: center;
    background: rgba(8, 25, 35, 0.32);
  }

  .image-caption {
    flex-wrap: wrap;
    align-items: flex-start;
    line-height: 1.45;
  }

  /* Keep the phantom measurement labels inside the card. */
  .measure {
    max-width: calc(100% - 32px);
    padding: 7px 10px;
    font-size: 8px;
    white-space: normal;
  }

  .m1 {
    top: 32px;
    left: 26px;
  }

  .m2 {
    top: 42%;
    right: 24px;
  }

  .m3 {
    left: 26px;
    bottom: 86px;
  }

  /* Fork comparison: show the entire image instead of zooming/cropping it. */
  .proof-panel {
    min-height: 0;
    aspect-ratio: 1 / 1;
    background: #f4f2ed;
  }

  .proof-panel img {
    position: absolute;
    inset: 0;
    width: 100%;
    height: 100%;
    min-height: 0;
    object-fit: contain;
    object-position: center;
    background: #f4f2ed;
  }

  .proof-mask,
  .proof-divider,
  .proof-label {
    z-index: 4;
  }
}

@media (max-width: 640px) {
  .phantom-card {
    padding: 12px;
  }

  .phantom-card img {
    border-radius: 18px;
  }

  .image-caption {
    gap: 8px;
    font-size: 9px;
  }

  .measure {
    font-size: 7px;
    padding: 6px 8px;
  }

  .m1 {
    top: 24px;
    left: 20px;
  }

  .m2 {
    right: 18px;
  }

  .m3 {
    left: 20px;
    bottom: 76px;
  }

  .proof-panel {
    aspect-ratio: 1 / 1;
    border-radius: 22px;
  }

  .proof-label {
    top: 12px;
    padding: 7px 9px;
    font-size: 7px;
  }

  .proof-label.before {
    left: 12px;
  }

  .proof-label.after {
    right: 12px;
  }

  .proof-divider span {
    width: 52px;
    height: 52px;
    font-size: 9px;
    box-shadow: 0 0 0 8px rgba(233,125,64,.18);
  }
}