:root {
  color-scheme: dark;
  --bg: #050507;
  --surface: #0b0a10;
  --surface-2: #11101a;
  --ink: #f8f7fc;
  --muted: #a4a0ae;
  --quiet: #716d79;
  --violet: #9c7cff;
  --violet-light: #c0afff;
  --line: rgba(255,255,255,.105);
  --max: 1320px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; overflow-x: hidden; }
body { margin: 0; overflow-x:clip; background: var(--bg); color: var(--ink); font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
:focus-visible { outline: 2px solid var(--violet-light); outline-offset: 4px; }
.skip-link { position: fixed; z-index: 100; top: -80px; left: 18px; padding: 12px 16px; border-radius: 10px; background: #fff; color: #050507; }
.skip-link:focus { top: 18px; }

.ambient { position: fixed; z-index: -2; inset: 0; pointer-events: none; overflow: hidden; background-image: linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px), linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px); background-size: 80px 80px; mask-image: linear-gradient(#000 0 80%, transparent); }
.ambient i { position: absolute; display: block; border-radius: 50%; filter: blur(80px); opacity: .2; }
.ambient i:nth-child(1) { width: 520px; height: 520px; top: -120px; right: 8%; background: #6d3dff; animation: drift-a 15s ease-in-out infinite alternate; }
.ambient i:nth-child(2) { width: 380px; height: 380px; top: 44%; left: -160px; background: #4a25ad; animation: drift-b 18s ease-in-out infinite alternate; }
.ambient i:nth-child(3) { width: 320px; height: 320px; bottom: 3%; right: 5%; background: #7d58ff; opacity: .08; }

.site-header { position: fixed; z-index: 50; top: 18px; left: 50%; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; width: min(calc(100% - 40px), var(--max)); min-height: 68px; padding: 0 14px 0 18px; transform: translateX(-50%); border: 1px solid transparent; border-radius: 20px; transition: background .25s, border-color .25s, box-shadow .25s; }
.site-header.is-scrolled { border-color: var(--line); background: rgba(7,6,11,.8); box-shadow: 0 14px 50px rgba(0,0,0,.3); backdrop-filter: blur(22px); }
.brand { display: inline-flex; align-items: center; gap: 10px; width: max-content; font-size: 20px; font-weight: 760; letter-spacing: -.04em; }
.brand-mark { display: grid; place-items: center; width: 34px; height: 34px; border: 1px solid rgba(192,175,255,.48); border-radius: 50%; color: var(--violet-light); font: italic 20px Georgia, serif; box-shadow: inset 0 0 18px rgba(156,124,255,.14); }
.site-header nav { display: flex; gap: 34px; color: #aaa7b1; font-size: 13px; }
.site-header nav a, .header-cta, .language button { transition: color .2s, background .2s, border-color .2s, transform .2s; }
.site-header nav a:hover, .site-header nav a:focus-visible { color: #fff; }
.header-tools { display: flex; justify-content: flex-end; align-items: center; gap: 12px; }
.language { display: flex; gap: 2px; padding: 3px; border: 1px solid var(--line); border-radius: 12px; background: rgba(255,255,255,.025); }
.language button { min-width: 35px; height: 30px; padding: 0 8px; border: 0; border-radius: 8px; background: transparent; color: #777280; font: 750 10px/1 inherit; cursor: pointer; }
.language button[aria-pressed="true"] { background: rgba(156,124,255,.2); color: #fff; box-shadow: inset 0 0 0 1px rgba(192,175,255,.18); }
.header-cta { display: inline-flex; gap: 12px; align-items: center; padding: 12px 17px; border: 1px solid rgba(192,175,255,.38); border-radius: 13px; background: rgba(156,124,255,.07); font-size: 13px; }
.header-cta:hover, .header-cta:focus-visible { transform: translateY(-1px); border-color: var(--violet-light); background: rgba(156,124,255,.15); }

.hero { position: relative; display: grid; grid-template-columns: minmax(0,.96fr) minmax(520px,1.04fr); align-items: center; gap: 52px; width: min(calc(100% - 48px),var(--max)); min-height: 1000px; margin: auto; padding: 150px 0 100px; }
.hero-copy { position: relative; z-index: 4; max-width: 650px; }
.eyebrow, .section-label { margin: 0; color: #b8b3c3; font-size: 11px; font-weight: 760; letter-spacing: .19em; text-transform: uppercase; }
.eyebrow { display: flex; align-items: center; gap: 10px; }
.eyebrow span { width: 28px; height: 1px; background: linear-gradient(90deg,#fff,var(--violet)); box-shadow: 0 0 14px rgba(156,124,255,.8); }
h1,h2,h3,p { margin-top: 0; }
.hero h1 { display: grid; gap: 5px; margin: 28px 0 30px; font-size: clamp(65px,6.2vw,100px); line-height: .91; letter-spacing: -.067em; font-weight: 630; }
.hero h1 em { color: var(--violet-light); font-family: Georgia, serif; font-weight: 400; text-shadow: 0 0 60px rgba(156,124,255,.2); }
.hero-lead { max-width: 590px; color: #b8b4c1; font-size: clamp(17px,1.35vw,20px); line-height: 1.65; }
.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 36px; }
.button { display: inline-flex; align-items: center; justify-content: space-between; gap: 30px; min-height: 58px; padding: 0 22px; border-radius: 15px; font-size: 14px; font-weight: 760; transition: transform .2s, background .2s, border-color .2s, box-shadow .2s; }
.button-primary { background: #f8f6ff; color: #09070e; box-shadow: 0 18px 55px rgba(156,124,255,.19); }
.button-primary:hover, .button-primary:focus-visible { transform: translateY(-2px); background: var(--violet-light); box-shadow: 0 24px 65px rgba(156,124,255,.28); }
.button-secondary { border: 1px solid var(--line); background: rgba(255,255,255,.035); }
.button-secondary:hover, .button-secondary:focus-visible { transform: translateY(-2px); border-color: rgba(192,175,255,.55); background: rgba(156,124,255,.1); }
.proof-line { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 38px; color: #77727f; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.proof-line span { display: flex; align-items: center; gap: 8px; }
.proof-line span::before { content: ""; width: 4px; height: 4px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 10px var(--violet); }

.hero-product { position: relative; min-height: 720px; perspective: 1800px; }
.halo { position: absolute; top: 6%; right: -6%; width: 570px; height: 570px; border-radius: 50%; background: radial-gradient(circle,rgba(128,80,255,.26),rgba(79,40,172,.07) 40%,transparent 69%); filter: blur(18px); animation: breathe 7s ease-in-out infinite; }
.phone { position: relative; margin: 0; overflow: hidden; border: 7px solid #282530; border-radius: 48px; background: #050507; box-shadow: inset 0 0 0 1px rgba(255,255,255,.16),0 50px 100px rgba(0,0,0,.65),0 0 80px rgba(123,80,255,.08); }
.phone::after { content: ""; position: absolute; inset: 0; border-radius: 40px; box-shadow: inset 0 0 0 1px rgba(255,255,255,.11); pointer-events: none; }
.phone img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top; }
.phone-island { position: absolute; z-index: 4; top: 9px; left: 50%; width: 25%; height: 20px; transform: translateX(-50%); border-radius: 20px; background: #020203; box-shadow: 0 1px rgba(255,255,255,.08); }
.phone-home { position: absolute; z-index: 3; top: 92px; right: 2%; width: 286px; aspect-ratio: 430/932; transform: rotateY(-5deg) rotate(1deg); animation: float-main 8s ease-in-out infinite; }
.phone-capital { position: absolute; z-index: 1; top: 112px; left: 3%; width: 244px; aspect-ratio: 430/932; opacity: .9; transform: rotateY(7deg) rotate(-4deg); animation: float-back 8s ease-in-out infinite; }
.hero-metric { position: absolute; z-index: 6; min-width: 185px; padding: 14px 16px; border: 1px solid rgba(192,175,255,.28); border-radius: 14px; background: rgba(12,10,20,.84); box-shadow: 0 20px 60px rgba(0,0,0,.42); backdrop-filter: blur(18px); }
.hero-metric small { display: block; margin-bottom: 5px; color: #85808f; font-size: 8px; font-weight: 760; letter-spacing: .15em; }
.hero-metric strong { font-size: 14px; letter-spacing: -.02em; }
.metric-total { z-index: 7; top: 22px; left: 2%; animation: float-card 8s ease-in-out infinite; }
.metric-available { z-index: 7; top: 22px; right: 0; animation: float-card 8s ease-in-out -4s infinite; }
.scroll-cue { position: absolute; bottom: 28px; left: 0; display: flex; align-items: center; gap: 12px; color: #6d6875; font-size: 9px; letter-spacing: .15em; text-transform: uppercase; }
.scroll-cue span { display: grid; place-items: center; width: 30px; height: 30px; border: 1px solid var(--line); border-radius: 50%; }

.section-intro { display: grid; grid-template-columns: .5fr 1.35fr .85fr; gap: 48px; align-items: start; margin-bottom: 95px; }
.section-intro h2, .operations-copy h2, .privacy-copy h2, .final-cta h2 { margin: 0; font-size: clamp(48px,5vw,76px); line-height: .98; letter-spacing: -.055em; font-weight: 610; }
.section-intro > p:last-child, .privacy-copy > p:last-child { color: #a9a5b1; line-height: 1.72; }
.capital-story, .how, .privacy, .faq, .final-cta, footer { width: min(calc(100% - 48px),var(--max)); margin-inline: auto; }
.capital-story { padding: 155px 0 170px; }
.capital-layout { display: grid; grid-template-columns: .88fr 1.12fr; gap: 100px; align-items: center; }
.capital-visual { position: relative; min-height: 750px; display: grid; place-items: center; }
.phone-feature { z-index: 2; width: 318px; aspect-ratio: 430/932; }
.capital-ring { position: absolute; width: 570px; height: 570px; border: 1px solid rgba(156,124,255,.13); border-radius: 50%; animation: rotate-ring 28s linear infinite; }
.capital-ring::before, .capital-ring::after { content: ""; position: absolute; inset: 13%; border: 1px solid rgba(255,255,255,.055); border-radius: inherit; }
.capital-ring::after { inset: 29%; border-color: rgba(156,124,255,.2); }
.capital-ring span { position: absolute; width: 8px; height: 8px; border-radius: 50%; background: var(--violet-light); box-shadow: 0 0 18px var(--violet); }
.capital-ring span:nth-child(1) { top: 8%; left: 28%; }.capital-ring span:nth-child(2) { right: 4%; top: 56%; }.capital-ring span:nth-child(3) { bottom: 8%; left: 22%; }
.capital-total { margin-bottom: 38px; padding: 0 0 40px; border-bottom: 1px solid var(--line); }
.capital-total small { display: block; margin-bottom: 16px; color: #8d8797; font-size: 11px; letter-spacing: .16em; text-transform: uppercase; }
.capital-total strong { display: block; font-size: clamp(48px,5vw,72px); line-height: .95; letter-spacing: -.06em; }
.capital-total strong span { color: var(--violet-light); font-size: .24em; letter-spacing: .02em; }
.capital-total p { margin: 20px 0 0; color: #8f8a98; }
.capital-breakdown { display: grid; }
.capital-breakdown article { display: grid; grid-template-columns: 35px 1fr auto; gap: 20px; align-items: center; min-height: 120px; border-bottom: 1px solid var(--line); }
.capital-breakdown article > span { color: var(--violet-light); font: italic 17px Georgia,serif; }
.capital-breakdown h3 { margin: 0 0 7px; font-size: 20px; }
.capital-breakdown p { margin: 0; color: #817d88; font-size: 13px; line-height: 1.5; }
.capital-breakdown strong { color: #dcd8e7; font-size: 18px; }

.operations-story { display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 100px; min-height: 930px; padding: 120px max(24px,calc((100vw - var(--max))/2)); overflow: hidden; border-block: 1px solid var(--line); background: radial-gradient(circle at 78% 44%,rgba(114,72,255,.18),transparent 28%),#08070b; }
.operations-copy h2 { max-width: 650px; margin: 26px 0 30px; }
.operations-copy > p:not(.section-label) { max-width: 620px; color: #aaa6b3; font-size: 17px; line-height: 1.72; }
.operations-copy ul { margin: 48px 0 0; padding: 0; list-style: none; }
.operations-copy li { display: flex; gap: 22px; padding: 18px 0; border-bottom: 1px solid var(--line); }
.operations-copy li span { color: var(--violet-light); font: italic 15px Georgia,serif; }
.analytics-visual { position: relative; min-height: 720px; }
.phone-operations { position: absolute; z-index: 2; top: 0; right: 4%; width: 308px; aspect-ratio: 430/932; transform: rotate(2deg); animation: phone-breathe 9s ease-in-out infinite; }
.chart-card { position: absolute; z-index: 4; left: 0; bottom: 30px; width: 355px; padding: 25px; border: 1px solid rgba(192,175,255,.3); border-radius: 22px; background: rgba(11,9,18,.9); box-shadow: 0 35px 90px rgba(0,0,0,.55); backdrop-filter: blur(18px); }
.chart-head { display: flex; justify-content: space-between; gap: 20px; font-size: 11px; color: #87828f; }
.chart-head strong { color: #fff; }
.bars { display: flex; align-items: center; gap: 10px; height: 135px; margin: 20px 0; border-bottom: 1px solid var(--line); }
.bars i { width: 22px; height: 24%; border-radius: 6px 6px 0 0; background: linear-gradient(#c0afff,#7650ee); box-shadow: 0 0 18px rgba(156,124,255,.15); animation: bar-pulse 5s ease-in-out infinite; transform-origin: bottom; }
.bars i:nth-child(2){height:42%;animation-delay:-.4s}.bars i:nth-child(3){height:31%;animation-delay:-.8s}.bars i:nth-child(4){height:68%;animation-delay:-1.2s}.bars i:nth-child(5){height:52%;animation-delay:-1.6s}.bars i:nth-child(6){height:91%;animation-delay:-2s}.bars i:nth-child(7){height:63%;animation-delay:-2.4s}.bars i:nth-child(8){height:78%;animation-delay:-2.8s}.bars i:nth-child(9){height:48%;animation-delay:-3.2s}
.chart-foot { display: grid; grid-template-columns: 1fr auto; gap: 8px; color: #817c8a; font-size: 11px; }.chart-foot b { color: #ded9ea; }

.how { padding: 160px 0; }
.steps { display: grid; grid-template-columns: repeat(4,1fr); margin: 0; padding: 0; border-top: 1px solid var(--line); list-style: none; }
.steps li { min-height: 330px; padding: 34px 28px; border-right: 1px solid var(--line); background: linear-gradient(160deg,rgba(156,124,255,.055),transparent 42%); }
.steps li:last-child { border-right: 0; }
.steps li > span { color: var(--violet-light); font: italic 25px Georgia,serif; }
.steps li div { margin-top: 105px; }
.steps h3 { margin-bottom: 15px; font-size: 24px; letter-spacing: -.04em; }
.steps p { color: #918c99; line-height: 1.65; }

.privacy { padding: 140px 0; }
.privacy-copy { display: grid; grid-template-columns: .5fr 1.35fr .85fr; gap: 48px; }
.privacy-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 78px; }
.privacy-grid article { min-height: 270px; padding: 30px; border: 1px solid var(--line); border-radius: 24px; background: linear-gradient(145deg,rgba(255,255,255,.04),rgba(156,124,255,.03)); transition: transform .3s,border-color .3s; }
.privacy-grid article:hover { transform: translateY(-5px); border-color: rgba(192,175,255,.4); }
.privacy-grid article > span { display: grid; place-items: center; width: 46px; height: 46px; border: 1px solid rgba(192,175,255,.34); border-radius: 50%; color: var(--violet-light); }
.privacy-grid h3 { margin: 55px 0 14px; font-size: 21px; }.privacy-grid p { color: #918c99; line-height: 1.6; }

.faq { padding: 150px 0; }
.faq-body { display: grid; grid-template-columns: minmax(360px,.72fr) minmax(560px,1.28fr); gap: 82px; align-items: start; }
.faq-list { border-top: 1px solid var(--line); }
.faq-orbit { position: sticky; top: 120px; min-height: 610px; overflow: hidden; border: 1px solid rgba(192,175,255,.2); border-radius: 32px; background: radial-gradient(circle at 50% 45%,rgba(135,91,255,.18),transparent 28%),linear-gradient(145deg,rgba(255,255,255,.035),rgba(92,48,190,.045)); box-shadow: inset 0 0 0 1px rgba(255,255,255,.025),0 40px 100px rgba(0,0,0,.28); isolation: isolate; }
.faq-orbit::before { content: ""; position: absolute; inset: 0; z-index: -2; opacity: .42; background-image: linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px); background-size: 42px 42px; mask-image: radial-gradient(circle,#000,transparent 72%); }
.faq-orbit::after { content: ""; position: absolute; z-index: -1; inset: 35% 24%; border-radius: 50%; background: rgba(135,91,255,.2); filter: blur(65px); animation: faq-glow 7s ease-in-out infinite; }
.faq-orbit-ring { position: absolute; top: 50%; left: 50%; border: 1px solid rgba(192,175,255,.17); border-radius: 50%; transform: translate(-50%,-50%); }
.faq-orbit-ring::before,.faq-orbit-ring::after { content: ""; position: absolute; width: 7px; height: 7px; border-radius: 50%; background: #c0afff; box-shadow: 0 0 18px rgba(192,175,255,.8); }
.ring-one { width: 360px; height: 360px; animation: faq-spin 24s linear infinite; }.ring-one::before { top: 13%; left: 9%; }.ring-one::after { right: 4%; bottom: 27%; }
.ring-two { width: 245px; height: 245px; border-style: dashed; animation: faq-spin-reverse 19s linear infinite; }.ring-two::before { right: 10%; top: 9%; }.ring-two::after { left: 3%; bottom: 31%; }
.faq-orbit-core { position: absolute; top: 50%; left: 50%; display: grid; place-items: center; width: 134px; height: 134px; padding: 22px; border: 1px solid rgba(224,216,255,.45); border-radius: 50%; transform: translate(-50%,-50%); text-align: center; background: rgba(9,7,15,.9); box-shadow: 0 0 55px rgba(130,82,255,.25); animation: faq-core 6s ease-in-out infinite; }
.faq-orbit-core small { color: var(--violet-light); font: italic 16px Georgia,serif; }.faq-orbit-core strong { margin-top: 7px; font-size: 9px; line-height: 1.35; letter-spacing: .12em; }
.faq-orbit-node { position: absolute; display: grid; grid-template-columns: 28px 1fr; width: 190px; padding: 14px; border: 1px solid rgba(192,175,255,.2); border-radius: 16px; background: rgba(10,8,16,.88); box-shadow: 0 18px 45px rgba(0,0,0,.34); backdrop-filter: blur(14px); animation: faq-node 7s ease-in-out infinite; }
.faq-orbit-node > span { grid-row: span 2; display: grid; place-items: center; width: 23px; height: 23px; border: 1px solid rgba(192,175,255,.35); border-radius: 50%; color: var(--violet-light); }.faq-orbit-node b { font-size: 12px; }.faq-orbit-node small { margin-top: 4px; color: #777281; font-size: 8px; line-height: 1.35; }
.node-operations { top: 44px; left: 26px; }.node-capital { top: 122px; right: 22px; animation-delay: -1.75s; }.node-currency { left: 22px; bottom: 112px; animation-delay: -3.5s; }.node-goals { right: 24px; bottom: 48px; animation-delay: -5.25s; }
.faq-orbit-equation { position: absolute; left: 50%; bottom: 20px; display: flex; gap: 9px; align-items: center; width: max-content; margin: 0; transform: translateX(-50%); color: #817b8c; font-size: 8px; font-weight: 780; letter-spacing: .11em; }.faq-orbit-equation i { color: var(--violet-light); font: 18px Georgia,serif; }
details { border-bottom: 1px solid var(--line); }
summary { position: relative; padding: 29px 48px 29px 0; cursor: pointer; list-style: none; font-size: 21px; }
summary::after { content: "+"; position: absolute; right: 5px; color: var(--violet-light); } details[open] summary::after { content: "−"; }
details p { max-width: 720px; padding: 0 0 30px; color: #9d98a6; line-height: 1.7; }
.final-cta { margin-bottom: 110px; padding: 90px; border: 1px solid rgba(192,175,255,.22); border-radius: 34px; background: radial-gradient(circle at 85% 0,rgba(156,124,255,.23),transparent 40%),rgba(255,255,255,.024); }
.final-cta h2 { max-width: 850px; margin: 20px 0; }.final-cta > p:not(.section-label) { max-width: 650px; color: #aaa6b2; }
footer { display: grid; grid-template-columns: 1fr 1fr 1fr; align-items: center; padding: 45px 0 60px; border-top: 1px solid var(--line); color: #777280; font-size: 12px; }
footer > p { text-align: center; } footer > div { display: grid; gap: 8px; text-align: right; }

.reveal { opacity: 0; transform: translateY(32px); transition: opacity .85s cubic-bezier(.2,.75,.25,1),transform .85s cubic-bezier(.2,.75,.25,1); }
.reveal.is-visible { opacity: 1; transform: translateY(0); }

@keyframes float-main { 0%,100% { transform: rotateY(-5deg) rotate(1deg) translateY(0); } 50% { transform: rotateY(-4deg) rotate(.7deg) translateY(-10px); } }
@keyframes float-back { 0%,100% { transform: rotateY(7deg) rotate(-4deg) translateY(0); } 50% { transform: rotateY(6deg) rotate(-3.5deg) translateY(8px); } }
@keyframes float-card { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes phone-breathe { 0%,100% { transform: rotate(2deg) translateY(0); } 50% { transform: rotate(1.5deg) translateY(-8px); } }
@keyframes breathe { 0%,100% { transform: scale(1); opacity: 1; } 50% { transform: scale(1.08); opacity: .8; } }
@keyframes rotate-ring { to { transform: rotate(360deg); } }
@keyframes bar-pulse { 50% { transform: scaleY(.86); filter: brightness(1.18); } }
@keyframes drift-a { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(-90px,110px) scale(1.15); } }
@keyframes drift-b { 0%,100% { transform: translate(0,0) scale(1); } 50% { transform: translate(140px,-80px) scale(.9); } }
@keyframes faq-spin { from { transform: translate(-50%,-50%) rotate(0); } to { transform: translate(-50%,-50%) rotate(360deg); } }
@keyframes faq-spin-reverse { from { transform: translate(-50%,-50%) rotate(360deg); } to { transform: translate(-50%,-50%) rotate(0); } }
@keyframes faq-glow { 0%,100% { transform: scale(.9); opacity: .5; } 50% { transform: scale(1.15); opacity: .95; } }
@keyframes faq-core { 0%,100% { box-shadow: 0 0 42px rgba(130,82,255,.18); } 50% { box-shadow: 0 0 72px rgba(130,82,255,.36); } }
@keyframes faq-node { 0%,100% { transform: translateY(0); } 50% { transform: translateY(-7px); } }

@media (max-width: 1100px) {
  .site-header { grid-template-columns: 1fr auto; }.site-header nav { display: none; }
  .hero { grid-template-columns: 1fr; padding-top: 145px; }.hero-copy { max-width: 760px; }.hero-product { width: min(100%,680px); margin: -50px auto 0; }
  .section-intro,.privacy-copy { grid-template-columns: 1fr 2fr; }.section-intro > p:last-child,.privacy-copy > p:last-child { grid-column: 2; }
  .capital-layout { gap: 40px; }.capital-ring { width: 480px; height: 480px; }
  .operations-story { grid-template-columns: 1fr .9fr; gap: 45px; }.chart-card { width: 300px; }.phone-operations { width: 286px; }
  .steps { grid-template-columns: repeat(2,1fr); }.steps li:nth-child(2) { border-right: 0; }
  .faq-body { grid-template-columns: 1fr; }.faq-orbit { position: relative; top: auto; width: min(100%,620px); min-height: 570px; margin-inline: auto; }.faq-list { max-width: 900px; width: 100%; margin-inline: auto; }
}

@media(max-width:720px) {
  .site-header { top: 10px; width: calc(100% - 20px); min-height: 58px; padding: 0 8px 0 12px; border-radius: 17px; }.brand { font-size: 17px; }.brand-mark { width: 29px; height: 29px; font-size: 17px; }
  .header-tools { gap: 6px; }.language { padding: 2px; }.language button { min-width: 31px; height: 28px; padding: 0 5px; }.header-cta { width: 38px; height: 38px; padding: 0; justify-content: center; border-radius: 11px; }.header-cta span { display: none; }
  .hero { display: block; width: calc(100% - 32px); min-height: 960px; padding: 115px 0 80px; }.hero h1 { margin-top: 22px; font-size: clamp(50px,15vw,67px); }.hero-lead { font-size: 16px; }.button { min-height: 54px; padding-inline: 18px; gap: 18px; }.proof-line { gap: 12px; }
  .hero-product { min-height: 590px; margin-top: 40px; }.halo { right: -35%; width: 480px; height: 480px; }.phone-home { width: 220px; right: 0; top: 84px; border-width: 5px; border-radius: 38px; }.phone-capital { width: 184px; left: -8px; top: 102px; border-width: 5px; border-radius: 35px; }.phone-island { top: 6px; height: 14px; }.hero-metric { min-width: 138px; padding: 10px 11px; }.metric-total { top: 12px; left: 0; }.metric-available { top: 12px; right: 0; }.scroll-cue { display: none; }
  .section-intro,.privacy-copy { display: block; margin-bottom: 58px; }.section-intro h2,.operations-copy h2,.privacy-copy h2,.final-cta h2 { margin: 20px 0; font-size: 43px; }
  .capital-story,.how,.privacy,.faq,.final-cta,footer { width: calc(100% - 32px); }.capital-story { padding: 105px 0; }.capital-layout { display: block; }.capital-visual { min-height: 650px; }.phone-feature { width: 274px; border-width: 6px; border-radius: 43px; }.capital-ring { width: 430px; height: 430px; }.capital-total strong { font-size: 50px; }.capital-breakdown article { grid-template-columns: 30px 1fr; padding: 18px 0; }.capital-breakdown article > strong { grid-column: 2; }
  .operations-story { display: flex; flex-direction: column; min-height: auto; padding: 95px 16px; }.analytics-visual { width: 100%; min-height: 900px; }.phone-operations { width: 270px; right: 50%; transform: translateX(50%) rotate(1deg); border-width: 6px; border-radius: 43px; animation-name: phone-breathe-mobile; }.chart-card { left: 50%; bottom: 0; width: min(92%,330px); transform: translateX(-50%); }
  .how { padding: 105px 0; }.steps { grid-template-columns: 1fr; }.steps li { min-height: 220px; border-right: 0; border-bottom: 1px solid var(--line); }.steps li div { margin-top: 45px; }
  .privacy { padding: 100px 0; }.privacy-grid { grid-template-columns: 1fr; }.faq { padding: 110px 0; }.faq-body { gap: 54px; }.faq-orbit { min-height: 540px; border-radius: 25px; }.ring-one { width: 320px; height: 320px; }.ring-two { width: 215px; height: 215px; }.faq-orbit-node { width: 158px; padding: 11px; }.node-operations { top: 32px; left: 12px; }.node-capital { top: 102px; right: 10px; }.node-currency { left: 10px; bottom: 103px; }.node-goals { right: 10px; bottom: 47px; }
  .final-cta { padding: 48px 25px; border-radius: 25px; }.final-cta .button { width: 100%; }
  footer { grid-template-columns: 1fr; gap: 24px; } footer > p,footer > div { text-align: left; }
}

@media (max-width: 350px) {
  .hero { width: calc(100% - 24px); }.hero h1 { font-size: 48px; }.hero-actions { display: grid; }.button { width: 100%; }.phone-home { width: 205px; }.phone-capital { width: 166px; }.hero-metric { min-width: 128px; padding-inline: 9px; }.hero-metric strong { font-size: 12px; }.capital-story,.how,.privacy,.faq,.final-cta,footer { width: calc(100% - 24px); }.capital-total strong { font-size: 44px; }.chart-card { padding: 20px; }
}

@keyframes phone-breathe-mobile { 0%,100% { transform: translateX(50%) rotate(1deg) translateY(0); } 50% { transform: translateX(50%) rotate(.5deg) translateY(-8px); } }

@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; }
}
