/* "Round" skin, PREVIEW ONLY (preview.html). Same layout as the live site: nothing moves, only the look changes.
   Big heavy type, soft rounded panels (24-32px), pill buttons, fewer hairlines and less mono. Brand colours unchanged. */
:root { --r: 26px; --panel: #121519; --bg-2: #0e1114; --line: rgba(255,255,255,.07); --line-2: rgba(255,255,255,.12); }
body { font-size: 17px; }
body::before { display: none; }                         /* no lab grid: clean black */
.nav { border-bottom: 0; background: color-mix(in srgb, var(--bg) 70%, transparent); }
.logo { font-family: var(--sans); font-weight: 800; font-size: 19px; }
.nav-links a { font-family: var(--sans) !important; font-weight: 600; }

/* big type */
.kicker { font-family: var(--sans); font-weight: 700; font-size: 13px; letter-spacing: .06em; background: rgba(200,255,61,.1); padding: 7px 14px; border-radius: 999px; }
.kicker::before { width: 7px; height: 7px; border-radius: 50%; }
h1 { font-size: clamp(48px, 8.4vw, 104px); font-weight: 900; letter-spacing: -.055em; line-height: .92; max-width: 12ch; }
.lead { font-size: clamp(17px, 1.7vw, 20px); line-height: 1.5; }
.sec-head h2 { font-size: clamp(38px, 6vw, 68px); font-weight: 900; letter-spacing: -.05em; line-height: .95; }
.sec-head p { font-size: 16px; }

/* pill buttons, chunkier */
.btn { border-radius: 999px; padding: 15px 26px; font-family: var(--sans); font-weight: 800; font-size: 16px; }
.btn-buy { font-size: 18px; padding: 17px 20px; }

/* hero steps: soft rounded rows */
.quick li { border-radius: 20px; padding: 12px 16px; border-color: transparent; }
.quick li b { border-radius: 50%; font-family: var(--sans); font-weight: 800; }
.quick li small { font-family: var(--sans); }
.hero-meta { font-family: var(--sans); }
.ex-phone { border-radius: 36px; } .ex-phone video { border-radius: 29px; } .ex-end { border-radius: 29px; }

/* kit card: one big soft panel, rounded media */
.card { border-radius: 32px; border-color: transparent; background: var(--panel); overflow: hidden; }
.card .media { border-radius: 24px; overflow: hidden; margin: 10px; }
.card-body { padding: 22px; gap: 14px; }
.card h3 { font-size: clamp(30px, 3.4vw, 44px); font-weight: 900; letter-spacing: -.045em; line-height: 1; }
.card p { font-size: 16px; }
.chips span, .proof, .launch, .perks li, .box li, .box summary em, .box-h, .price, .stat .v, .stat .s, .fine, .step .n, .launchbar { font-family: var(--sans); }
.proof { font-weight: 700; font-size: 14px; padding: 7px 14px; }
.launch { border-radius: 16px; font-weight: 600; font-size: 14px; }
.buy { border-radius: 24px; padding: 16px; border-color: transparent; background: #0b0d10; }
.price { font-size: 34px; font-weight: 900; letter-spacing: -.03em; }
.pr .save { border-radius: 999px; font-family: var(--sans); }
.perks li { font-size: 13px; font-weight: 600; }
.card .box { border-radius: 18px; border-color: transparent; background: #0b0d10; padding: 14px 16px; }
.card .box li { font-size: 14px; }
.launchbar { border-radius: 999px; font-weight: 600; font-size: 14px; }
.media .watch { border-radius: 999px; font-family: var(--sans); font-weight: 800; }

/* lower sections: soft tiles instead of hairline grids */
.steps { gap: 14px; background: none; border: 0; overflow: visible; }
.step { border-radius: 26px; background: var(--panel); padding: 26px 24px; }
.step h4 { font-size: 21px; font-weight: 800; letter-spacing: -.02em; }
.terminal { border-radius: 26px; border-color: transparent; }
.stat { border-radius: 26px; border-color: transparent; }
.stat .v { font-weight: 900; }
.req div { border-left: 0; background: var(--panel); border-radius: 22px; padding: 20px; }
details { border-bottom: 0; background: var(--panel); border-radius: 20px; padding: 18px 22px; margin-bottom: 10px; }
details summary { font-weight: 700; font-size: 17px; }
.card .box { margin: 0; }
.gate .box, .gate header, .gate footer { border-radius: 0; }
.gate .box { border-radius: 28px; }
.check { border-radius: 18px !important; }
footer.site { font-family: var(--sans); }
@media (max-width: 899px) { .buybar:not([hidden]) { border-radius: 999px; } }
@media (max-width: 899px) { .launchbar { border-radius: 20px; } }