:root{--bg:#0c1f34;--panel:#12324f;--panel2:#0f2843;--gold:#c8973b;--hi:#ecc873;--cream:#f3ead4;--muted:#9db1c4;--line:rgba(243,234,212,.12);--display:'Fraunces',Georgia,serif;--body:'Manrope',system-ui,sans-serif}*{box-sizing:border-box}img{max-width:100%}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--cream);font-family:var(--body);line-height:1.6}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 24px}.skip{position:absolute;left:-9999px}.skip:focus{left:0;background:var(--hi);color:#111;padding:8px;z-index:99}header{position:sticky;top:0;z-index:20;background:rgba(12,31,52,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:11px}.brand b{font:600 19px var(--display)}.brand small{display:block;color:var(--muted);font-size:9px;letter-spacing:.2em;text-transform:uppercase}.mark{width:34px;height:34px;border-radius:10px;background:linear-gradient(var(--hi),var(--gold));color:#20160a;display:grid;place-items:center;font:700 20px var(--display)}nav{display:flex;gap:20px;align-items:center;flex-wrap:wrap}nav>a:not(.btn){font-size:13px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.12);border-radius:999px;padding:11px 18px;background:linear-gradient(var(--hi),var(--gold));color:#20160a;font-weight:700}.btn.ghost{background:transparent;color:var(--cream);border-color:var(--line)}.btn.mini{padding:8px 13px;font-size:12px}section{padding:74px 0;border-top:1px solid var(--line)}.hero{border-top:0;display:grid;grid-template-columns:1.05fr .95fr;gap:50px;align-items:center;padding-top:86px}.eyebrow{font-size:11px;letter-spacing:.2em;color:var(--hi);font-weight:700;text-transform:uppercase}h1,h2,h3{font-family:var(--display)}h1{font-size:clamp(52px,7vw,82px);line-height:.98;letter-spacing:-.04em;margin:16px 0 22px}h1 em{color:var(--hi)}h2{font-size:clamp(34px,4vw,48px);line-height:1.05;margin:8px 0 14px}.lead{font-size:18px;color:var(--muted);max-width:650px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}.trust{display:flex;gap:18px;flex-wrap:wrap;color:var(--muted);font-size:12px;margin-top:25px}.stack{min-height:420px;position:relative;display:grid;place-items:center}.cover{position:absolute;width:320px;aspect-ratio:4/5;border:1px solid rgba(236,200,115,.3);border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 75% 20%,rgba(236,200,115,.25),transparent 35%),linear-gradient(145deg,#183651,#071727);box-shadow:0 28px 70px rgba(0,0,0,.35)}.cover.a{transform:rotate(-7deg) translate(-35px,-8px)}.cover.b{transform:rotate(7deg) translate(38px,28px)}.cover span,.bundleart span{font-size:10px;letter-spacing:.16em;color:var(--hi);font-weight:800}.cover b{font:700 30px/1.04 var(--display);margin:10px 0}.cover i,.bundleart i{color:#b9c7d6;font-style:normal;font-size:13px}.sectionhead{display:flex;justify-content:space-between;margin-bottom:28px}.sectionhead p{color:var(--muted)}.metrics,.cards,.ecosystem{display:grid;gap:14px}.metrics{grid-template-columns:repeat(4,1fr)}.metrics article,.cards article,.ecosystem a,.free,.legalbox{background:linear-gradient(150deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(0,0,0,.28)}.metrics article{padding:22px}.metrics strong{display:block;color:var(--hi);font:600 32px var(--display)}.metrics span,.cards p,.ecosystem span,.free p,.legalbox p,details p,footer p{color:var(--muted);font-size:13px}.cards{grid-template-columns:repeat(4,1fr)}.cards article{overflow:hidden;padding-bottom:20px}.cards article>h3,.cards article>p,.cards article>strong,.cards article>.price,.cards article>.btn{margin-left:18px;margin-right:18px}.cards article>strong{display:block;color:var(--hi);font:600 22px var(--display);margin-bottom:12px}.art{position:relative;height:172px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(circle at 72% 22%,var(--acc,rgba(236,200,115,.30)),transparent 42%),linear-gradient(145deg,#173957,#071625)}.art svg{width:54px;height:54px;fill:none;stroke:var(--hi);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.96;filter:drop-shadow(0 6px 14px rgba(0,0,0,.35))}.art .tag{position:absolute;left:16px;bottom:13px;font:800 10px/1 var(--body);letter-spacing:.15em;color:var(--muted)}.art-1{--acc:rgba(236,200,115,.34)}.art-2{--acc:rgba(120,190,210,.30)}.art-3{--acc:rgba(200,150,220,.28)}.art-4{--acc:rgba(230,150,140,.28)}.art-5{--acc:rgba(150,205,170,.28)}.art-6{--acc:rgba(150,175,235,.28)}.art-7{--acc:rgba(236,180,110,.32)}.art-8{--acc:rgba(120,205,205,.28)}.price{display:block;color:var(--muted);font:700 11px var(--body);letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px}.bundle{display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.bundleart{min-height:380px;border-radius:20px;padding:36px;display:flex;flex-direction:column;justify-content:flex-end;background:radial-gradient(circle at 70% 20%,rgba(236,200,115,.25),transparent 34%),linear-gradient(145deg,#173957,#071625);border:1px solid rgba(236,200,115,.25)}.bundleart b{font:700 44px/1 var(--display);margin:12px 0}.bundle li{color:var(--muted);margin:5px}.free,.legalbox{padding:34px;display:flex;align-items:center;justify-content:space-between;gap:25px}.ecosystem{grid-template-columns:repeat(4,1fr)}.ecosystem a{padding:22px}.ecosystem small{color:var(--hi);font-weight:800;letter-spacing:.12em}.ecosystem b{display:block;font:700 21px var(--display);margin:8px 0}details{border-top:1px solid var(--line);padding:17px 0}summary{font-weight:700;cursor:pointer}.footer{padding:38px 24px 48px;display:flex;justify-content:space-between;gap:25px}.footer nav{max-width:600px;justify-content:flex-end}@media(max-width:950px){header nav>a:not(.btn){display:none}.hero,.bundle{grid-template-columns:1fr}.metrics,.cards,.ecosystem{grid-template-columns:repeat(2,1fr)}}@media(max-width:620px){.wrap{padding:0 18px}section{padding:54px 0}.hero{padding-top:55px}.metrics,.cards,.ecosystem{grid-template-columns:1fr}.stack{min-height:350px}.cover{width:245px}.free,.legalbox,.footer{flex-direction:column;align-items:flex-start}.footer nav{justify-content:flex-start}}