:root {
  --bg: #100d18;
  --bg-soft: #171321;
  --paper: #f4efe8;
  --ink: #18141e;
  --muted: #a9a2b5;
  --line: rgba(255,255,255,.12);
  --coral: #ff6b62;
  --violet: #a978ff;
  --lemon: #e8ff84;
  --white: #fffaf5;
  --radius: 26px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; color: var(--white); background: var(--bg); font-family: "Manrope", Arial, sans-serif; line-height: 1.6; overflow-x: hidden; }
body.menu-open { overflow: hidden; }
a { color: inherit; text-decoration: none; }
button, a { -webkit-tap-highlight-color: transparent; }
button { font: inherit; }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.skip-link { position: fixed; top: 8px; left: 8px; z-index: 999; padding: 10px 16px; color: var(--ink); background: var(--white); transform: translateY(-160%); }
.skip-link:focus { transform: none; }
.ambient { position: fixed; z-index: -1; border-radius: 50%; filter: blur(110px); pointer-events: none; opacity: .32; }
.ambient--one { width: 360px; height: 360px; top: 80px; right: -150px; background: var(--violet); }
.ambient--two { width: 300px; height: 300px; top: 560px; left: -200px; background: var(--coral); }

.site-header { position: sticky; top: 0; z-index: 50; background: rgba(16,13,24,.86); border-bottom: 1px solid rgba(255,255,255,.07); backdrop-filter: blur(18px); }
.header-inner { height: 78px; display: flex; align-items: center; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 11px; font-family: "Unbounded", sans-serif; font-size: 15px; letter-spacing: -.03em; white-space: nowrap; }
.brand em { color: var(--coral); font-style: normal; }
.brand-mark { width: 32px; height: 32px; display: flex; align-items: center; justify-content: center; gap: 2px; border-radius: 10px; background: linear-gradient(145deg, var(--coral), var(--violet)); box-shadow: 0 8px 24px rgba(255,107,98,.24); }
.brand-mark i { display: block; width: 2px; border-radius: 2px; background: #fff; }
.brand-mark i:nth-child(1) { height: 8px; }.brand-mark i:nth-child(2) { height: 16px; }.brand-mark i:nth-child(3) { height: 12px; }.brand-mark i:nth-child(4) { height: 20px; }
.site-nav { margin-left: auto; display: flex; align-items: center; gap: 24px; }
.site-nav a { color: #c6c0cf; font-size: 13px; transition: color .2s; }
.site-nav a:hover, .site-nav a:focus-visible { color: #fff; }
.menu-button { display: none; width: 42px; height: 42px; margin-left: auto; border: 1px solid var(--line); border-radius: 12px; color: #fff; background: transparent; }
.menu-button span { display: block; width: 18px; height: 1px; margin: 4px auto; background: currentColor; }

.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 0 24px; border: 1px solid transparent; border-radius: 999px; font-weight: 800; font-size: 14px; transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); }
.button--small { min-height: 42px; padding-inline: 18px; font-size: 12px; background: var(--white); color: var(--ink); }
.button--primary { color: #fff; background: linear-gradient(110deg, var(--coral), #e0548f 55%, var(--violet)); box-shadow: 0 16px 45px rgba(231,87,126,.26); }
.button--outline { border-color: rgba(255,255,255,.22); background: rgba(255,255,255,.04); }
.button--outline:hover { background: rgba(255,255,255,.1); }
.button--full { width: 100%; }
.button--light { color: var(--ink); background: var(--white); }
.button svg { width: 21px; height: 21px; fill: currentColor; }
.ghost-link { display: inline-flex; align-items: center; gap: 9px; color: #d8d1df; font-size: 14px; font-weight: 700; }
.ghost-link span { color: var(--coral); }

.hero { min-height: 700px; padding-top: 90px; padding-bottom: 95px; display: grid; grid-template-columns: .92fr 1.08fr; align-items: center; gap: 60px; }
.kicker { margin: 0 0 18px; color: var(--coral); font-size: 11px; font-weight: 800; letter-spacing: .18em; text-transform: uppercase; }
.live-dot { display: inline-block; width: 7px; height: 7px; margin-right: 7px; border-radius: 50%; background: var(--lemon); box-shadow: 0 0 0 5px rgba(232,255,132,.1); }
h1, h2 { margin: 0; font-family: "Unbounded", sans-serif; line-height: 1.06; letter-spacing: -.06em; }
h1 { max-width: 690px; font-size: clamp(55px, 6.3vw, 94px); }
h1 span, h2 span { color: transparent; background: linear-gradient(105deg, var(--coral), #e967b0 52%, var(--violet)); -webkit-background-clip: text; background-clip: text; }
.hero-lead { max-width: 580px; margin: 28px 0 0; color: #beb7c8; font-size: 18px; }
.hero-actions { margin-top: 35px; display: flex; align-items: center; gap: 25px; }
.hero-proof { margin-top: 40px; display: flex; align-items: center; gap: 14px; }
.proof-avatars { display: flex; }
.proof-avatars b { width: 38px; height: 38px; display: grid; place-items: center; margin-right: -9px; border: 3px solid var(--bg); border-radius: 50%; color: var(--ink); background: var(--lemon); }
.proof-avatars b:nth-child(2) { background: var(--coral); }.proof-avatars b:nth-child(3) { background: var(--violet); }
.hero-proof p { margin: 0; color: var(--muted); font-size: 12px; line-height: 1.4; }.hero-proof strong { color: #fff; }

.hero-stage { position: relative; min-height: 540px; display: grid; place-items: center; }
.hero-stage::before { content: ""; position: absolute; inset: 9% 5%; border: 1px solid rgba(255,255,255,.11); border-radius: 50%; transform: rotate(-9deg); }
.player-card { position: relative; z-index: 3; width: 340px; padding: 17px; border: 1px solid rgba(255,255,255,.18); border-radius: 28px; background: rgba(28,22,38,.85); box-shadow: 0 38px 80px rgba(0,0,0,.45); backdrop-filter: blur(18px); transform: rotate(4deg); }
.player-top { margin: 3px 3px 12px; display: flex; justify-content: space-between; color: #a8a0b1; font-size: 9px; letter-spacing: .14em; }
.cover-art { position: relative; aspect-ratio: 1; overflow: hidden; border-radius: 19px; background: radial-gradient(circle at 70% 25%, rgba(255,255,255,.38), transparent 3%), radial-gradient(circle at 61% 32%, rgba(240,173,255,.65), transparent 4%), radial-gradient(circle at 40% 35%, rgba(255,123,100,.7), transparent 10%), linear-gradient(145deg, #ff7b61, #7c4de4 48%, #14101d 78%); }
.cover-art::before, .cover-art::after { content: ""; position: absolute; width: 220px; height: 220px; border: 1px solid rgba(255,255,255,.25); border-radius: 47% 53% 40% 60%; transform: rotate(28deg); }
.cover-art::before { left: -65px; top: 38px; box-shadow: 0 0 0 28px rgba(255,255,255,.03), 0 0 0 58px rgba(255,255,255,.025); }
.cover-art::after { right: -75px; bottom: -80px; border-width: 30px; border-color: rgba(16,13,24,.28); }
.cover-glow { position: absolute; width: 100px; height: 100px; right: 30px; top: 37px; border-radius: 50%; background: rgba(232,255,132,.5); filter: blur(25px); }
.cover-copy { position: absolute; inset: 0; z-index: 1; padding: 25px; display: flex; flex-direction: column; }
.cover-copy small { font-size: 8px; letter-spacing: .25em; }.cover-copy b { margin-top: auto; font-family: "Unbounded"; font-size: 31px; line-height: 1; letter-spacing: -.07em; }.cover-copy em { margin-top: 10px; font-size: 9px; font-style: normal; opacity: .65; }
.track-row { padding: 16px 4px 8px; display: flex; align-items: center; justify-content: space-between; }.track-row b, .track-row small { display: block; }.track-row b { font-size: 14px; }.track-row small { color: var(--muted); font-size: 9px; }.track-row button { width: 38px; height: 38px; border: 0; border-radius: 50%; color: var(--ink); background: var(--lemon); cursor: pointer; }
.waveform, .cta-wave { height: 32px; display: flex; align-items: center; gap: 3px; overflow: hidden; }
.waveform i, .cta-wave i { flex: 1; height: 20%; border-radius: 4px; background: #6f6878; }
.waveform i:nth-child(3n), .cta-wave i:nth-child(3n) { height: 80%; }.waveform i:nth-child(4n), .cta-wave i:nth-child(4n) { height: 45%; }.waveform i:nth-child(5n), .cta-wave i:nth-child(5n) { height: 100%; }.waveform i:nth-child(-n+13) { background: linear-gradient(var(--coral), var(--violet)); }
.timeline { display: flex; justify-content: space-between; color: #777080; font-size: 8px; }
.vinyl-orbit { position: absolute; z-index: 1; width: 310px; height: 310px; left: 20px; top: 65px; border-radius: 50%; border: 1px solid rgba(255,255,255,.1); }
.vinyl { width: 255px; height: 255px; margin: 29px; border-radius: 50%; background: repeating-radial-gradient(circle, #17131e 0 7px, #27202d 8px 10px); box-shadow: 0 20px 60px rgba(0,0,0,.55); animation: spin 18s linear infinite; }.vinyl span { position: absolute; width: 75px; height: 75px; inset: 0; margin: auto; border: 25px solid var(--coral); border-radius: 50%; background: #17131e; }
.floating-note { position: absolute; z-index: 5; padding: 10px 14px; border: 1px solid rgba(255,255,255,.15); border-radius: 13px; color: var(--lemon); background: rgba(23,19,33,.88); box-shadow: 0 14px 40px rgba(0,0,0,.3); font-size: 12px; font-weight: 800; backdrop-filter: blur(12px); }.floating-note span { margin-left: 5px; color: #d1cad8; font-weight: 500; }.floating-note--one { right: -5px; top: 80px; }.floating-note--two { left: -10px; bottom: 85px; }
@keyframes spin { to { transform: rotate(360deg); } }

.marquee { overflow: hidden; padding: 17px 0; color: var(--ink); background: var(--lemon); transform: rotate(-1deg) scale(1.02); }.marquee div { min-width: max-content; display: flex; justify-content: center; align-items: center; gap: 32px; font-family: "Unbounded"; font-size: 12px; }.marquee b { color: var(--coral); }
.section { padding-block: 120px; }.section-heading { max-width: 800px; margin-bottom: 60px; }.section-heading h2 { font-size: clamp(38px, 4.5vw, 65px); }.section-heading > p:last-child { max-width: 650px; color: var(--muted); }.split { max-width: none; display: grid; grid-template-columns: 1.1fr .9fr; gap: 80px; align-items: end; }.split > div > h2 { font-size: clamp(38px, 4.2vw, 62px); }.split > div:last-child p { color: var(--muted); }.large-copy { margin-top: 0; color: var(--white) !important; font-size: 19px; }
.story-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); }.story-grid article { position: relative; min-height: 290px; padding: 40px 35px 30px 0; border-right: 1px solid var(--line); }.story-grid article + article { padding-left: 35px; }.story-grid article:last-child { border: 0; }.story-no, .feature-number { color: #716b7a; font-size: 10px; letter-spacing: .18em; }.story-icon { width: 55px; height: 55px; margin-top: 45px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--lemon); font-size: 20px; }.story-grid article:nth-child(2) .story-icon { background: var(--coral); }.story-grid article:nth-child(3) .story-icon { background: var(--violet); }.story-grid h3, .feature-card h3 { margin: 22px 0 8px; font-size: 19px; line-height: 1.25; }.story-grid p, .feature-card p { margin: 0; color: var(--muted); font-size: 14px; }
.brand-visual { margin: 65px 0 0; overflow: hidden; border: 1px solid var(--line); border-radius: 30px; background: #080712; }.brand-visual img { width: 100%; height: auto; display: block; }

.features-section { color: var(--ink); background: var(--paper); }.features-section .kicker { color: #d9515b; }.feature-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.feature-card { position: relative; min-height: 300px; padding: 35px; overflow: hidden; border: 1px solid rgba(24,20,30,.1); border-radius: var(--radius); background: rgba(255,255,255,.5); }.feature-card--hero { grid-column: 1 / -1; min-height: 390px; display: grid; grid-template-columns: 1.05fr .95fr; background: var(--ink); color: #fff; }.feature-card--hero p { max-width: 560px; }.feature-card h3 { margin-top: 58px; font-size: 25px; }.feature-card--hero h3 { margin-top: 65px; font-size: 38px; }.feature-card:nth-child(3) { background: #ffded3; }.feature-card:nth-child(4) { background: #e2d8ff; }.feature-card:nth-child(5) { background: var(--lemon); }.feature-card:nth-child(5) p { color: #4c4b3d; }.feature-symbol { position: absolute; top: 32px; right: 35px; font-family: "Unbounded"; font-size: 32px; color: #db5361; }.tag-row { margin-top: 35px; display: flex; flex-wrap: wrap; gap: 7px; }.tag-row span { padding: 7px 12px; border: 1px solid rgba(255,255,255,.14); border-radius: 999px; color: #c7c0ce; font-size: 10px; }.mini-studio { position: relative; display: flex; align-items: center; justify-content: center; }.mini-album { width: 230px; aspect-ratio: 1; padding: 25px; display: flex; flex-direction: column; justify-content: flex-end; border-radius: 18px; font-family: "Unbounded"; font-size: 28px; line-height: 1; background: radial-gradient(circle at 55% 30%, #e8ff84 0 5%, transparent 20%), linear-gradient(145deg, var(--coral), var(--violet) 55%, #2a1937); box-shadow: 0 30px 60px rgba(0,0,0,.35); transform: rotate(5deg); }.mini-album small { margin-top: 10px; font-family: "Manrope"; font-size: 9px; letter-spacing: .1em; }.mini-wave { position: absolute; left: 0; right: 0; bottom: 45px; height: 50px; display: flex; align-items: center; gap: 5px; transform: rotate(-6deg); }.mini-wave i { flex: 1; height: 35%; border-radius: 6px; background: rgba(255,255,255,.75); }.mini-wave i:nth-child(3n) { height: 95%; }.mini-wave i:nth-child(4n) { height: 60%; }

.steps { margin: 0; padding: 0; display: grid; grid-template-columns: repeat(4,1fr); list-style: none; border-top: 1px solid var(--line); }.steps li { min-height: 330px; padding: 28px 28px 25px 0; border-right: 1px solid var(--line); }.steps li + li { padding-left: 28px; }.steps li:last-child { border: 0; }.steps > li > span { color: var(--coral); font-size: 10px; letter-spacing: .18em; }.step-mark { width: 68px; height: 68px; margin-top: 55px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; font-size: 23px; }.steps li:nth-child(2) .step-mark { color: var(--ink); background: var(--lemon); }.steps li:nth-child(3) .step-mark { color: var(--ink); background: var(--coral); }.steps li:nth-child(4) .step-mark { color: var(--ink); background: var(--violet); }.steps h3 { margin: 28px 0 8px; font-size: 17px; }.steps p { margin: 0; color: var(--muted); font-size: 13px; }.steps b { color: var(--white); }.center-action { margin-top: 45px; text-align: center; }

.pricing-section { background: linear-gradient(145deg, #1b1426, #110e19); }.price-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.price-card { position: relative; padding: 34px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.035); }.price-card--featured { border-color: rgba(232,255,132,.55); background: linear-gradient(155deg, rgba(232,255,132,.12), rgba(169,120,255,.07)); }.price-badge { position: absolute; top: 20px; right: 20px; padding: 7px 10px; border-radius: 99px; color: var(--ink); background: var(--lemon); font-size: 9px; font-weight: 800; }.price-card h3 { margin: 0; font-size: 15px; }.price { margin: 25px 0 0; font-family: "Unbounded"; font-size: 37px; letter-spacing: -.06em; }.stars { margin: 3px 0 0; color: var(--muted); font-size: 12px; }.price-line { margin: 28px 0; border-top: 1px solid var(--line); }.check-list { min-height: 125px; margin: 0; padding: 0; list-style: none; }.check-list li { position: relative; padding-left: 23px; margin: 10px 0; color: #c8c2d0; font-size: 13px; }.check-list li::before { content: "✓"; position: absolute; left: 0; color: var(--lemon); }.price-note { color: var(--coral); font-size: 11px; }.pricing-caption { max-width: 720px; margin: 24px auto 0; color: var(--muted); font-size: 11px; text-align: center; }

.info-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 16px; }.info-grid article { min-height: 280px; padding: 35px; border: 1px solid var(--line); border-radius: var(--radius); background: rgba(255,255,255,.025); }.info-grid article.info-accent { color: var(--ink); background: var(--lemon); }.info-icon { width: 48px; height: 48px; display: grid; place-items: center; border-radius: 50%; color: var(--ink); background: var(--coral); font-family: "Unbounded"; font-size: 16px; }.info-grid h3 { margin: 55px 0 8px; font-size: 21px; }.info-grid p { max-width: 490px; color: var(--muted); font-size: 14px; }.info-accent p { color: #4f4c3e; }.info-accent .info-icon { color: #fff; background: var(--ink); }.info-accent .ghost-link { margin-top: 10px; color: var(--ink); }.legal-note { margin-top: 18px; padding: 25px 28px; display: flex; gap: 50px; align-items: center; border: 1px solid var(--line); border-radius: 18px; }.legal-note b { white-space: nowrap; }.legal-note p { margin: 0; color: var(--muted); font-size: 12px; }

.contact-section { color: var(--ink); background: #ffded3; }.contact-layout { display: grid; grid-template-columns: 1fr .75fr; gap: 80px; align-items: center; }.contact-layout h2 { font-size: clamp(40px, 4.8vw, 68px); }.contact-layout > div > p:not(.kicker) { max-width: 600px; }.contact-layout .kicker { color: #d9515b; }.contact-layout .button { margin-top: 20px; }.contact-card { padding: 35px; border: 1px solid rgba(24,20,30,.1); border-radius: var(--radius); background: rgba(255,255,255,.5); }.contact-pulse { display: flex; align-items: center; gap: 10px; font-size: 11px; }.contact-pulse i { width: 8px; height: 8px; border-radius: 50%; background: #56b878; box-shadow: 0 0 0 5px rgba(86,184,120,.13); }.contact-card dl { margin: 30px 0 0; }.contact-card dl div { padding: 18px 0; display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid rgba(24,20,30,.1); }.contact-card dt { color: #776e72; font-size: 12px; }.contact-card dd { margin: 0; font-weight: 700; text-align: right; }

.document-grid { display: grid; grid-template-columns: repeat(2,1fr); gap: 14px; }.document-grid a { min-height: 170px; padding: 28px; display: grid; grid-template-columns: 40px 1fr 35px; align-items: start; gap: 16px; border: 1px solid var(--line); border-radius: 22px; transition: border-color .2s, transform .2s, background .2s; }.document-grid a:hover { transform: translateY(-3px); border-color: rgba(255,107,98,.5); background: rgba(255,255,255,.03); }.document-grid a > span { color: var(--coral); font-size: 10px; }.document-grid h3 { margin: 0 0 8px; font-size: 18px; }.document-grid p { margin: 0; color: var(--muted); font-size: 12px; }.document-grid b { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid var(--line); border-radius: 50%; }

.cta-section { position: relative; min-height: 370px; margin-bottom: 110px; padding: 60px; overflow: hidden; display: flex; align-items: flex-end; justify-content: space-between; gap: 40px; border-radius: 34px; color: var(--ink); background: linear-gradient(125deg, var(--coral), #f175ac 52%, var(--violet)); }.cta-section h2 { font-size: clamp(42px, 5.4vw, 75px); }.cta-section p:not(.kicker) { max-width: 550px; }.cta-section .kicker { color: var(--ink); }.cta-wave { position: absolute; top: 25px; right: 5%; width: 55%; height: 130px; opacity: .45; }.cta-wave i { background: #fff; }
.site-footer { padding: 70px 0 25px; border-top: 1px solid var(--line); }.footer-grid { display: grid; grid-template-columns: 1.7fr repeat(3,1fr); gap: 70px; }.footer-grid > div > p { max-width: 350px; color: var(--muted); font-size: 12px; }.footer-grid h2 { margin: 0 0 18px; font-family: "Manrope"; font-size: 12px; letter-spacing: .12em; text-transform: uppercase; }.footer-grid > div > a:not(.brand), .footer-grid > div > span { margin: 8px 0; display: block; color: var(--muted); font-size: 12px; }.footer-grid a:hover { color: #fff !important; }.footer-domain { color: var(--coral) !important; }.footer-bottom { margin-top: 60px; padding-top: 22px; display: flex; justify-content: space-between; border-top: 1px solid var(--line); color: #756e7d; font-size: 10px; }

[data-reveal] { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }.is-visible { opacity: 1; transform: none; }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } *, *::before, *::after { animation: none !important; transition: none !important; } [data-reveal] { opacity: 1; transform: none; } }

@media (max-width: 1040px) {
  .site-nav { gap: 14px; }.site-nav a { font-size: 11px; }.header-cta { display: none; }
  .hero { grid-template-columns: 1fr 1fr; gap: 20px; }.hero-stage { transform: scale(.9); }
}
@media (max-width: 820px) {
  .container { width: min(calc(100% - 28px), var(--container)); }.header-inner { height: 68px; }.menu-button { display: block; }.header-cta { display: none; }
  .site-nav { position: fixed; inset: 68px 0 auto; padding: 25px 20px 35px; display: none; flex-direction: column; align-items: stretch; gap: 0; background: rgba(16,13,24,.98); border-bottom: 1px solid var(--line); }.site-nav.is-open { display: flex; }.site-nav a { padding: 12px; font-size: 15px; text-align: center; }
  .hero { min-height: auto; padding-top: 65px; grid-template-columns: 1fr; }.hero-copy { text-align: center; }.hero-lead { margin-inline: auto; }.hero-actions, .hero-proof { justify-content: center; }.hero-stage { margin-top: 25px; transform: none; }.floating-note--one { right: 0; }.floating-note--two { left: 0; }
  .section { padding-block: 85px; }.split { grid-template-columns: 1fr; gap: 25px; }.section-heading { margin-bottom: 40px; }
  .story-grid { grid-template-columns: 1fr; }.story-grid article, .story-grid article + article { min-height: 220px; padding: 28px 0; border-right: 0; border-bottom: 1px solid var(--line); }.story-grid article:last-child { border-bottom: 0; }.story-icon { margin-top: 25px; }
  .feature-card--hero { grid-template-columns: 1fr; }.mini-studio { min-height: 280px; }.steps { grid-template-columns: repeat(2,1fr); }.steps li:nth-child(2) { border-right: 0; }.steps li:nth-child(3), .steps li:nth-child(4) { border-top: 1px solid var(--line); }.price-grid { grid-template-columns: 1fr; }.check-list { min-height: 0; }.contact-layout { grid-template-columns: 1fr; gap: 45px; }.footer-grid { grid-template-columns: repeat(2,1fr); gap: 45px; }
}
@media (max-width: 560px) {
  h1 { font-size: clamp(45px, 15vw, 66px); }.hero { padding-top: 50px; padding-bottom: 65px; }.hero-lead { font-size: 15px; }.hero-actions { flex-direction: column; gap: 18px; }.hero-actions .button { width: 100%; }.hero-stage { min-height: 465px; }.player-card { width: min(310px, 88vw); }.vinyl-orbit { width: 245px; height: 245px; left: -5px; top: 55px; }.vinyl { width: 205px; height: 205px; margin: 19px; }.floating-note { font-size: 10px; }
  .marquee div { gap: 20px; font-size: 10px; }.section-heading h2, .split > div > h2 { font-size: 35px; }.feature-grid, .info-grid, .document-grid { grid-template-columns: 1fr; }.feature-card, .feature-card--hero { min-height: auto; padding: 28px; }.feature-card h3, .feature-card--hero h3 { margin-top: 40px; font-size: 24px; }.mini-album { width: 190px; font-size: 23px; }
  .steps { grid-template-columns: 1fr; }.steps li, .steps li + li { min-height: 250px; padding: 28px 0; border-right: 0; border-top: 1px solid var(--line); }.steps li:first-child { border-top: 0; }.step-mark { margin-top: 25px; }.legal-note { align-items: flex-start; flex-direction: column; gap: 8px; }.contact-layout h2 { font-size: 38px; }.contact-card { padding: 25px; }.contact-card dl div { flex-direction: column; gap: 4px; }.contact-card dd { text-align: left; }
  .cta-section { min-height: 490px; margin-bottom: 70px; padding: 35px 28px; flex-direction: column; align-items: stretch; justify-content: flex-end; }.cta-section h2 { font-size: 41px; }.cta-section .button { width: 100%; }.cta-wave { top: 20px; width: 90%; height: 90px; }.footer-grid { grid-template-columns: 1fr; gap: 32px; }.footer-bottom { flex-direction: column; gap: 8px; }
}

/* Legal documents */
.legal-page { background: #0e0b15; }
.legal-header-nav { margin-left: auto; display: flex; align-items: center; gap: 22px; }
.legal-header-nav > a:first-child { color: var(--muted); font-size: 12px; }
.legal-hero { padding-top: 85px; padding-bottom: 75px; }
.legal-back { display: none; margin-bottom: 38px; color: var(--muted); font-size: 12px; }
.legal-hero h1 { max-width: 1050px; font-size: clamp(48px, 6.4vw, 88px); }
.legal-meta { margin-top: 55px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.legal-meta > div { padding: 23px 25px 23px 0; border-right: 1px solid var(--line); }
.legal-meta > div + div { padding-left: 25px; }
.legal-meta > div:last-child { border-right: 0; }
.legal-meta small, .legal-meta strong { display: block; }
.legal-meta small { margin-bottom: 5px; color: #797282; font-size: 9px; letter-spacing: .13em; text-transform: uppercase; }
.legal-meta strong { font-size: 13px; }
.legal-layout { padding-bottom: 120px; display: grid; grid-template-columns: 245px minmax(0, 1fr); gap: 75px; align-items: start; }
.legal-toc { position: sticky; top: 110px; padding: 24px; border: 1px solid var(--line); border-radius: 19px; background: rgba(255,255,255,.025); }
.legal-toc > p { margin: 0 0 15px; color: var(--coral); font-size: 9px; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.legal-toc ol { margin: 0; padding: 0; list-style: none; counter-reset: toc; }
.legal-toc li { counter-increment: toc; }
.legal-toc a { padding: 7px 0; display: block; color: #96909f; font-size: 11px; line-height: 1.35; transition: color .2s; }
.legal-toc a::before { content: counter(toc, decimal-leading-zero) "  "; color: #56505e; }
.legal-toc a:hover { color: var(--white); }
.legal-document { min-width: 0; }
.legal-document > section { position: relative; padding: 55px 0 62px; scroll-margin-top: 95px; border-top: 1px solid var(--line); }
.legal-document > section:first-child { padding-top: 0; border-top: 0; }
.legal-number { display: inline-block; margin-bottom: 20px; color: var(--coral); font-size: 10px; font-weight: 800; letter-spacing: .16em; }
.legal-document h2 { max-width: 760px; margin: 0 0 30px; font-family: "Unbounded", sans-serif; font-size: clamp(27px, 3vw, 40px); letter-spacing: -.045em; line-height: 1.15; }
.legal-document h3 { margin: 32px 0 12px; color: #f0eaf4; font-size: 16px; }
.legal-document p, .legal-document li { color: #aaa3b2; font-size: 14px; }
.legal-document p { max-width: 800px; margin: 14px 0; }
.legal-document p b { color: #e8e2ed; }
.legal-document ul { max-width: 800px; margin: 12px 0 25px; padding: 0; list-style: none; }
.legal-document li { position: relative; padding: 8px 0 8px 25px; border-bottom: 1px solid rgba(255,255,255,.055); }
.legal-document li::before { content: ""; position: absolute; left: 1px; top: 17px; width: 6px; height: 6px; border-radius: 50%; background: linear-gradient(135deg, var(--coral), var(--violet)); }
.legal-document p a, .legal-document li a { color: var(--lemon); text-decoration: underline; text-underline-offset: 3px; }
.legal-definitions { max-width: 800px; margin: 15px 0 0; }
.legal-definitions > div { padding: 18px 0; display: grid; grid-template-columns: 190px 1fr; gap: 25px; border-top: 1px solid rgba(255,255,255,.07); }
.legal-definitions dt { color: #eee8f3; font-size: 13px; font-weight: 800; }
.legal-definitions dd { margin: 0; color: #aaa3b2; font-size: 13px; }
.legal-definitions a { color: var(--lemon); text-decoration: underline; text-underline-offset: 3px; }
.legal-highlight { margin-top: 30px; padding: 24px 27px; display: grid; grid-template-columns: 1fr 1fr; gap: 10px 25px; border: 1px solid rgba(232,255,132,.25); border-radius: 18px; background: rgba(232,255,132,.06); }
.legal-highlight span { grid-column: 1 / -1; color: var(--coral); font-size: 9px; font-weight: 800; letter-spacing: .15em; text-transform: uppercase; }
.legal-highlight strong { font-size: 13px; }
.legal-lead { max-width: 760px !important; color: var(--white) !important; font-size: 20px !important; }
.legal-steps { max-width: 800px; margin: 18px 0; padding: 0; list-style: none; counter-reset: legal-step; }
.legal-steps li { counter-increment: legal-step; padding: 12px 0 12px 42px; }
.legal-steps li::before { content: counter(legal-step, decimal-leading-zero); top: 12px; width: auto; height: auto; color: var(--coral); background: none; font-size: 9px; font-weight: 800; }
.legal-price-grid { margin-top: 30px; display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; }
.legal-price-grid article { padding: 25px 20px; border: 1px solid var(--line); border-radius: 18px; background: rgba(255,255,255,.025); }
.legal-price-grid article.is-featured { border-color: rgba(232,255,132,.4); background: rgba(232,255,132,.07); }
.legal-price-grid span, .legal-price-grid strong, .legal-price-grid small { display: block; }
.legal-price-grid span { color: var(--muted); font-size: 11px; }
.legal-price-grid strong { margin: 12px 0 6px; font-family: "Unbounded"; font-size: 26px; }
.legal-price-grid small { color: var(--coral); font-size: 9px; }
.legal-contact { padding: 55px !important; border: 0 !important; border-radius: 27px; color: var(--ink); background: linear-gradient(125deg, #ff8675, #e676ad 53%, #a978ff); }
.legal-contact .legal-number, .legal-contact p, .legal-contact p b { color: var(--ink); }
.legal-email { margin-top: 30px; padding: 20px 0; display: grid; grid-template-columns: 1fr auto; border-top: 1px solid rgba(24,20,30,.25); border-bottom: 1px solid rgba(24,20,30,.25); }
.legal-email small, .legal-email strong { display: block; }
.legal-email small { font-size: 9px; letter-spacing: .12em; text-transform: uppercase; }
.legal-email strong { margin-top: 5px; font-size: clamp(15px, 2vw, 22px); }
.legal-email span { grid-row: 1 / 3; grid-column: 2; align-self: center; font-size: 24px; }
.legal-requisites dl { margin: 25px 0 0; }
.legal-requisites dl > div { padding: 15px 0; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; border-top: 1px solid rgba(24,20,30,.22); }
.legal-requisites dt { font-size: 11px; }
.legal-requisites dd { margin: 0; font-size: 14px; font-weight: 800; text-align: right; }
.legal-requisites a { color: var(--ink); text-decoration: none; }
.legal-footer { padding: 28px 0; border-top: 1px solid var(--line); }
.legal-footer .container { display: flex; gap: 25px; color: #77717e; font-size: 10px; }
.legal-footer a:first-of-type { margin-left: auto; }
.legal-footer a:hover { color: var(--white); }

@media (max-width: 820px) {
  .legal-header-nav > a:first-child { display: none; }
  .legal-hero { padding-top: 65px; }
  .legal-meta { grid-template-columns: 1fr; }
  .legal-meta > div, .legal-meta > div + div { padding: 17px 0; border-right: 0; border-bottom: 1px solid var(--line); }
  .legal-meta > div:last-child { border-bottom: 0; }
  .legal-layout { grid-template-columns: 1fr; gap: 0; }
  .legal-toc { display: none; }
}
@media (max-width: 560px) {
  .legal-header-nav .button { min-height: 39px; padding-inline: 14px; }
  .legal-back { display: block; }
  .legal-hero { padding-top: 45px; padding-bottom: 55px; }
  .legal-hero h1 { font-size: clamp(37px, 11.5vw, 50px); }
  .legal-document > section { padding: 43px 0 48px; }
  .legal-document h2 { font-size: 27px; }
  .legal-document p, .legal-document li { font-size: 13px; }
  .legal-contact { padding: 30px 24px !important; }
  .legal-definitions > div, .legal-requisites dl > div { grid-template-columns: 1fr; gap: 4px; }
  .legal-requisites dd { text-align: left; overflow-wrap: anywhere; }
  .legal-highlight { grid-template-columns: 1fr; }
  .legal-highlight span { grid-column: auto; }
  .legal-price-grid { grid-template-columns: 1fr; }
  .legal-email strong { overflow-wrap: anywhere; }
  .legal-footer .container { flex-wrap: wrap; }
  .legal-footer a:first-of-type { margin-left: 0; }
}

/* Simplified presentation without decorative numbering. */
.story-no,
.feature-number,
.steps > li > span,
.document-grid a > span,
.legal-number { display: none; }
.story-icon { margin-top: 8px; }
.feature-card--hero h3 { margin-top: 30px; }
.step-mark { margin-top: 15px; }
.document-grid a { grid-template-columns: 1fr 35px; }
.legal-toc a::before,
.legal-steps li::before { content: none; }
.legal-steps li { padding-left: 0; }