@charset "UTF-8";

:root {
    --bg: #07080b;
    --bg-soft: #0d1016;
    --paper: #f3f0ea;
    --paper-2: #e7e1d7;
    --ink: #101116;
    --muted: #a8acb8;
    --line: rgba(255,255,255,.12);
    --accent: #8af7d4;
    --accent-2: #9a7cff;
    --shell: min(1240px, calc(100vw - 48px));
    --radius: 28px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
    margin: 0;
    background: var(--bg);
    color: #fff;
    font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
    -webkit-font-smoothing: antialiased;
    overflow-x: hidden;
}
body.is-locked { overflow: hidden; }
button, input, textarea, select { font: inherit; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }
img { display: block; max-width: 100%; }
.shell { width: var(--shell); margin-inline: auto; }
.section { position: relative; padding: 140px 0; }
.kicker, .section-index {
    display: inline-flex;
    align-items: center;
    gap: 10px;
    font-size: 11px;
    line-height: 1;
    letter-spacing: .18em;
    text-transform: uppercase;
    font-weight: 700;
}
.kicker::before {
    content: "";
    width: 26px;
    height: 1px;
    background: currentColor;
}
.section-index { color: #7f838d; }


.intro-cinematic {
    position: fixed;
    inset: 0;
    z-index: 9999;
    overflow: hidden;
    display: grid;
    place-items: center;
    background: #030407;
    isolation: isolate;
    color: #fff;
    transition: opacity .65s ease, visibility .65s ease, background .35s ease;
}
.intro-cinematic.is-done { opacity: 0; visibility: hidden; pointer-events: none; }
.intro-cinematic__canvas { position:absolute;inset:0;width:100%;height:100%;opacity:.9; }
.intro-cinematic__noise {
    position:absolute;inset:-40%;opacity:.055;pointer-events:none;
    background-image:repeating-radial-gradient(circle at 20% 30%,#fff 0 1px,transparent 1px 4px);
    background-size:9px 9px;
    animation:introNoise .22s steps(2) infinite;
    mix-blend-mode:soft-light;
}
.intro-cinematic__scan {
    position:absolute;inset:0;pointer-events:none;opacity:.23;
    background:repeating-linear-gradient(to bottom,transparent 0 4px,rgba(255,255,255,.035) 4px 5px);
}
.intro-cinematic__scan::after {
    content:"";position:absolute;left:0;right:0;height:22vh;top:-25vh;
    background:linear-gradient(transparent,rgba(138,247,212,.16),rgba(255,255,255,.26),transparent);
    filter:blur(10px);animation:introScanner 2.2s cubic-bezier(.2,.65,.2,1) infinite;
}
.intro-cinematic__vignette {position:absolute;inset:0;box-shadow:inset 0 0 18vw 7vw #000;pointer-events:none;}
.intro-cinematic__hud {position:absolute;z-index:8;left:30px;right:30px;display:flex;justify-content:space-between;gap:20px;font-size:9px;letter-spacing:.19em;color:rgba(255,255,255,.42);}
.intro-cinematic__hud--top {top:26px;}
.intro-cinematic__hud--bottom {bottom:26px;}
.intro-cinematic__skip {position:absolute;z-index:12;right:30px;bottom:58px;border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:10px 14px;background:rgba(255,255,255,.045);color:rgba(255,255,255,.7);font-size:10px;letter-spacing:.08em;cursor:pointer;transition:.25s ease;}
.intro-cinematic__skip:hover {background:#fff;color:#07080b;}
.intro-cinematic__skip i {font-style:normal;margin-left:8px;}
.intro-cinematic__stage {position:relative;z-index:5;width:min(1100px,88vw);height:min(700px,76vh);display:grid;place-items:center;perspective:1200px;}
.intro-cinematic__coordinates {position:absolute;inset:3%;border:1px solid rgba(255,255,255,.075);opacity:0;transform:scale(.82);transition:1s cubic-bezier(.2,.7,.2,1);}
.intro-cinematic.phase-one .intro-cinematic__coordinates {opacity:1;transform:scale(1);}
.intro-cinematic__coordinates::before,.intro-cinematic__coordinates::after {content:"";position:absolute;background:rgba(255,255,255,.08);}
.intro-cinematic__coordinates::before {left:50%;top:0;bottom:0;width:1px;}
.intro-cinematic__coordinates::after {top:50%;left:0;right:0;height:1px;}
.intro-cinematic__coordinates i {position:absolute;width:22px;height:22px;border-color:rgba(138,247,212,.48);border-style:solid;}
.intro-cinematic__coordinates i:nth-child(1){left:-1px;top:-1px;border-width:1px 0 0 1px}.intro-cinematic__coordinates i:nth-child(2){right:-1px;top:-1px;border-width:1px 1px 0 0}.intro-cinematic__coordinates i:nth-child(3){right:-1px;bottom:-1px;border-width:0 1px 1px 0}.intro-cinematic__coordinates i:nth-child(4){left:-1px;bottom:-1px;border-width:0 0 1px 1px}
.intro-cinematic__portal {position:absolute;width:min(48vw,520px);aspect-ratio:1;display:grid;place-items:center;opacity:0;transform:scale(.42) rotateX(68deg);filter:blur(12px);transition:1.1s cubic-bezier(.12,.75,.18,1);}
.intro-cinematic.phase-one .intro-cinematic__portal {opacity:1;transform:scale(1) rotateX(0);filter:blur(0);}
.portal-ring {position:absolute;border-radius:50%;border:1px solid rgba(255,255,255,.17);box-shadow:inset 0 0 35px rgba(138,247,212,.04),0 0 45px rgba(154,124,255,.04);}
.portal-ring::before,.portal-ring::after {content:"";position:absolute;border-radius:50%;background:var(--accent);box-shadow:0 0 20px var(--accent);}
.portal-ring::before {width:7px;height:7px;left:11%;top:22%;}.portal-ring::after {width:4px;height:4px;right:8%;bottom:30%;background:var(--accent-2);box-shadow:0 0 18px var(--accent-2);}
.portal-ring--1 {inset:0;animation:portalSpin 13s linear infinite;}
.portal-ring--2 {inset:11%;border-style:dashed;animation:portalSpin 9s linear infinite reverse;}
.portal-ring--3 {inset:23%;animation:portalSpin 7s linear infinite;}
.portal-ring--4 {inset:34%;border-color:rgba(138,247,212,.32);animation:portalPulse 1.8s ease-in-out infinite;}
.portal-axis {position:absolute;background:linear-gradient(90deg,transparent,rgba(255,255,255,.28),transparent);}
.portal-axis--x {width:128%;height:1px;}.portal-axis--y {height:128%;width:1px;background:linear-gradient(transparent,rgba(255,255,255,.28),transparent);}
.portal-flare {position:absolute;width:32%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#fff 0 2%,var(--accent) 7%,rgba(154,124,255,.42) 27%,transparent 70%);filter:blur(4px);opacity:.72;animation:portalFlare 1.5s ease-in-out infinite alternate;}
.portal-prism {position:relative;width:108px;height:108px;transform-style:preserve-3d;animation:prismFloat 3.6s ease-in-out infinite alternate;}
.portal-prism__face {position:absolute;inset:12px;border:1px solid rgba(255,255,255,.66);background:linear-gradient(145deg,rgba(255,255,255,.09),rgba(138,247,212,.06));backdrop-filter:blur(4px);}
.portal-prism__face--1 {transform:rotate(45deg) translateZ(30px)}.portal-prism__face--2 {transform:rotate(45deg) rotateX(70deg) translateZ(30px)}.portal-prism__face--3 {transform:rotate(45deg) rotateY(70deg) translateZ(30px)}.portal-prism__face--4 {transform:rotate(45deg) scale(.55);border-color:var(--accent);box-shadow:0 0 35px rgba(138,247,212,.5)}
.portal-prism b {position:absolute;inset:43%;border-radius:50%;background:#fff;box-shadow:0 0 30px 10px var(--accent),0 0 65px 28px rgba(154,124,255,.35);}
.portal-shards {position:absolute;inset:-10%;animation:portalSpin 24s linear infinite reverse;}
.portal-shards i {position:absolute;width:28px;height:70px;border:1px solid rgba(255,255,255,.16);clip-path:polygon(50% 0,100% 100%,0 72%);background:linear-gradient(180deg,rgba(255,255,255,.11),transparent);}
.portal-shards i:nth-child(1){left:9%;top:21%;transform:rotate(18deg)}.portal-shards i:nth-child(2){right:13%;top:13%;transform:rotate(77deg) scale(.7)}.portal-shards i:nth-child(3){right:4%;bottom:24%;transform:rotate(138deg)}.portal-shards i:nth-child(4){left:18%;bottom:4%;transform:rotate(208deg) scale(.65)}.portal-shards i:nth-child(5){left:45%;top:-2%;transform:rotate(292deg) scale(.55)}.portal-shards i:nth-child(6){right:35%;bottom:-3%;transform:rotate(348deg) scale(.8)}.portal-shards i:nth-child(7){left:-1%;top:55%;transform:rotate(102deg) scale(.55)}.portal-shards i:nth-child(8){right:1%;top:48%;transform:rotate(244deg) scale(.45)}
.intro-cinematic__copy {position:absolute;z-index:6;left:0;right:0;text-align:center;display:grid;gap:18px;opacity:0;transform:translateY(36px) scale(.96);filter:blur(12px);transition:.75s cubic-bezier(.2,.75,.2,1);pointer-events:none;}
.intro-cinematic__copy span {font-size:9px;letter-spacing:.26em;color:var(--accent);}
.intro-cinematic__copy strong {font-size:clamp(42px,7vw,104px);line-height:.9;letter-spacing:-.065em;font-weight:520;text-shadow:0 0 45px rgba(0,0,0,.8);}
.intro-cinematic.phase-one .intro-cinematic__copy--one,.intro-cinematic.phase-two .intro-cinematic__copy--two {opacity:1;transform:none;filter:blur(0);}
.intro-cinematic.phase-two .intro-cinematic__copy--one,.intro-cinematic.phase-reveal .intro-cinematic__copy {opacity:0;transform:translateY(-35px) scale(1.04);filter:blur(12px);}
.intro-cinematic__reveal {position:absolute;z-index:7;display:grid;place-items:center;text-align:center;opacity:0;transform:scale(.72);filter:blur(18px);transition:.95s cubic-bezier(.15,.85,.2,1);}
.intro-cinematic.phase-reveal .intro-cinematic__reveal {opacity:1;transform:scale(1);filter:blur(0);}
.intro-cinematic__brand-symbol {display:flex;align-items:end;gap:7px;height:62px;margin-bottom:24px;}
.intro-cinematic__brand-symbol i {display:block;width:15px;border-radius:15px;background:linear-gradient(180deg,var(--accent),var(--accent-2));transform:skewY(-22deg);box-shadow:0 0 30px rgba(138,247,212,.28);}
.intro-cinematic__brand-symbol i:nth-child(1){height:34px}.intro-cinematic__brand-symbol i:nth-child(2){height:62px}.intro-cinematic__brand-symbol i:nth-child(3){height:46px}
.intro-cinematic__reveal > strong {font-size:clamp(56px,9vw,138px);line-height:.82;letter-spacing:-.075em;font-weight:560;}
.intro-cinematic__reveal > span {margin-top:27px;font-size:10px;letter-spacing:.3em;color:rgba(255,255,255,.58);}
.intro-cinematic__progress {position:absolute;z-index:10;left:30px;bottom:56px;display:grid;grid-template-columns:42px minmax(120px,260px) auto;align-items:center;gap:13px;color:rgba(255,255,255,.42);font-size:8px;letter-spacing:.16em;}
.intro-cinematic__percent {color:#fff;font-size:12px;letter-spacing:.05em;}
.intro-cinematic__progress-track {height:1px;background:rgba(255,255,255,.14);overflow:hidden;}
.intro-cinematic__progress-track i {display:block;width:0;height:100%;background:linear-gradient(90deg,var(--accent),#fff,var(--accent-2));box-shadow:0 0 16px var(--accent);}
.intro-cinematic__curtain {position:absolute;z-index:20;top:0;bottom:0;width:50.2%;background:#030407;transform:translateX(0);transition:transform 1.05s cubic-bezier(.76,0,.24,1);pointer-events:none;opacity:0;}
.intro-cinematic__curtain--left {left:0}.intro-cinematic__curtain--right {right:0}
.intro-cinematic.is-revealing {background:transparent;}
.intro-cinematic.is-revealing .intro-cinematic__curtain {opacity:1;}
.intro-cinematic.is-revealing .intro-cinematic__curtain--left {transform:translateX(-102%)}.intro-cinematic.is-revealing .intro-cinematic__curtain--right {transform:translateX(102%)}
.intro-cinematic.is-revealing .intro-cinematic__canvas,.intro-cinematic.is-revealing .intro-cinematic__noise,.intro-cinematic.is-revealing .intro-cinematic__scan,.intro-cinematic.is-revealing .intro-cinematic__vignette,.intro-cinematic.is-revealing .intro-cinematic__hud,.intro-cinematic.is-revealing .intro-cinematic__skip,.intro-cinematic.is-revealing .intro-cinematic__progress,.intro-cinematic.is-revealing .intro-cinematic__stage {opacity:0;transition:opacity .35s ease;}
body .site-header,body main {transition:transform 1.1s cubic-bezier(.16,.8,.2,1),filter 1.1s ease,opacity .8s ease;transform-origin:center top;}
body.intro-running .site-header,body.intro-running main {transform:scale(1.025);filter:blur(13px);opacity:.25;}
@keyframes introNoise {0%{transform:translate(0,0)}25%{transform:translate(2%,-1%)}50%{transform:translate(-1%,2%)}75%{transform:translate(1%,1%)}100%{transform:translate(-2%,-1%)}}
@keyframes introScanner {from{transform:translateY(0)}to{transform:translateY(150vh)}}
@keyframes portalSpin {to{transform:rotate(360deg)}}
@keyframes portalPulse {50%{transform:scale(1.08);opacity:.55}}
@keyframes portalFlare {to{transform:scale(1.28);opacity:1}}
@keyframes prismFloat {to{transform:rotateX(28deg) rotateY(38deg) translateY(-12px)}}


.site-header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    padding: 24px 0;
    transition: background .35s ease, padding .35s ease, border-color .35s ease;
    border-bottom: 1px solid transparent;
}
.site-header.is-scrolled {
    padding: 14px 0;
    background: rgba(7,8,11,.78);
    backdrop-filter: blur(18px);
    border-color: var(--line);
}
.site-header__inner { display: flex; align-items: center; justify-content: space-between; gap: 30px; }
.brand { display: inline-flex; align-items: center; gap: 13px; font-weight: 700; letter-spacing: -.02em; }
.brand .custom-logo { max-height: 44px; width: auto; }
.brand__symbol { display: flex; align-items: end; gap: 3px; width: 27px; height: 24px; }
.brand__symbol i { display:block; width:7px; background:linear-gradient(180deg,var(--accent),var(--accent-2)); border-radius: 7px; transform: skewY(-22deg); }
.brand__symbol i:nth-child(1) { height: 13px; }
.brand__symbol i:nth-child(2) { height: 23px; }
.brand__symbol i:nth-child(3) { height: 17px; }
.main-nav { display:flex; align-items:center; gap:30px; font-size:13px; }
.main-nav > a { color:rgba(255,255,255,.68); transition:.25s ease; }
.main-nav > a:hover { color:#fff; }
.nav-cta {
    border:1px solid rgba(255,255,255,.18);
    background:rgba(255,255,255,.06);
    border-radius:999px;
    padding:12px 18px;
    cursor:pointer;
    transition:.25s ease;
}
.nav-cta:hover { background:#fff; color:#08090c; }
.menu-toggle { display:none; border:0; background:none; padding:10px; cursor:pointer; }
.menu-toggle span { display:block; width:24px; height:1px; background:#fff; margin:6px 0; }

.hero {
    position: relative;
    min-height: 100svh;
    padding: 150px 0 80px;
    display:flex;
    align-items:center;
    overflow:hidden;
    background:
        radial-gradient(circle at 75% 35%, rgba(154,124,255,.12), transparent 28%),
        radial-gradient(circle at 20% 70%, rgba(138,247,212,.08), transparent 28%),
        var(--bg);
}
.hero::before {
    content:"";
    position:absolute;
    inset:0;
    background-image:linear-gradient(rgba(255,255,255,.034) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.034) 1px,transparent 1px);
    background-size:72px 72px;
    mask-image:linear-gradient(to bottom,black 0%,transparent 88%);
}
.hero__content { position:relative; z-index:2; display:grid; grid-template-columns:1.1fr .75fr; align-items:center; gap:8vw; }
.hero__copy { max-width:730px; }
.hero h1 {
    margin: 24px 0 28px;
    font-size: clamp(52px, 6.4vw, 104px);
    line-height: .93;
    letter-spacing: -.065em;
    font-weight: 520;
    text-wrap: balance;
}
.hero__lead { max-width:680px; font-size:clamp(18px,1.5vw,22px); line-height:1.55; color:#b7bac4; }
.hero-offer {
    margin-top:30px;
    display:flex;
    align-items:center;
    gap:22px;
    width:max-content;
    max-width:100%;
    padding:14px 18px;
    border:1px solid rgba(138,247,212,.3);
    border-radius:18px;
    background:linear-gradient(120deg,rgba(138,247,212,.1),rgba(154,124,255,.07));
    box-shadow:0 18px 60px rgba(0,0,0,.18);
}
.hero-offer__price { display:flex;align-items:baseline;gap:10px;padding-right:20px;border-right:1px solid rgba(255,255,255,.13);white-space:nowrap; }
.hero-offer__price strong { font-size:28px;letter-spacing:-.045em;color:var(--accent); }
.hero-offer__price strong small { font-size:11px;letter-spacing:.08em; }
.hero-offer__price del { color:#747985;font-size:12px; }
.hero-offer__message { display:grid;gap:6px; }
.hero-offer__message > span { font-size:9px;letter-spacing:.16em;color:#969ba7;font-weight:700; }
.hero-offer__message b { font-size:12px;font-weight:600; }
.hero-offer__message b i { display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 14px var(--accent);margin-right:8px; }
.hero__actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.button {
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:28px;
    min-height:56px;
    padding:0 22px;
    border:1px solid transparent;
    border-radius:999px;
    background:none;
    font-weight:650;
    cursor:pointer;
    transition:transform .25s ease, background .25s ease, color .25s ease, border-color .25s ease;
}
.button:hover { transform:translateY(-2px); }
.button i { font-style:normal; font-size:18px; }
.button--primary { background:var(--accent); color:#07100d; }
.button--primary:hover { background:#fff; }
.button--ghost { border-color:rgba(255,255,255,.2); color:#fff; }
.button--ghost:hover { background:#fff; color:#090a0d; }
.button--light { background:#fff; color:#090a0d; }
.button--full { width:100%; }
.hero__proof { margin-top:64px; display:flex; gap:34px; }
.hero__proof div { display:grid; gap:5px; padding-left:14px; border-left:1px solid rgba(255,255,255,.16); }
.hero__proof strong { font-size:22px; }
.hero__proof span { color:#858996; font-size:11px; line-height:1.3; max-width:110px; text-transform:uppercase; letter-spacing:.08em; }

.hero__panel { position:relative; perspective:1000px; transform:rotateY(-5deg) rotateX(3deg); }
.hero__panel::before {
    content:"";
    position:absolute;
    inset:12% -8% -10%;
    background:linear-gradient(135deg,rgba(138,247,212,.24),rgba(154,124,255,.22));
    filter:blur(60px);
    z-index:-1;
}
.panel-top, .panel-caption {
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:14px 16px;
    border:1px solid rgba(255,255,255,.1);
    background:rgba(255,255,255,.045);
    color:#838895;
    font-size:9px;
    letter-spacing:.14em;
}
.panel-top { border-radius:18px 18px 0 0; border-bottom:0; }
.panel-caption { border-radius:0 0 18px 18px; border-top:0; gap:20px; letter-spacing:0; font-size:10px; line-height:1.45; }
.panel-caption i { color:#fff; font-style:normal; }
.status-dot { color:var(--accent); }
.status-dot::before { content:""; display:inline-block; width:6px; height:6px; border-radius:50%; background:currentColor; margin-right:6px; box-shadow:0 0 14px currentColor; }
.panel-screen {
    position:relative;
    aspect-ratio: 4 / 4.75;
    padding:28px;
    border-inline:1px solid rgba(255,255,255,.1);
    background:
        linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.015)),
        #0b0d12;
    overflow:hidden;
}
.panel-screen::before {
    content:"";
    position:absolute;
    width:260px;
    aspect-ratio:1;
    border-radius:50%;
    background:radial-gradient(circle,var(--accent-2),transparent 70%);
    right:-120px;
    top:-80px;
    opacity:.3;
    filter:blur(10px);
}
.screen-nav { display:flex; gap:5px; }
.screen-nav i { width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28); }
.screen-title { margin-top:24%; }
.screen-title small { font-size:9px;letter-spacing:.18em;color:var(--accent); }
.screen-title strong { display:block; margin-top:14px;font-size:clamp(28px,3vw,48px);line-height:.96;letter-spacing:-.05em;font-weight:520; }
.screen-lines { display:grid; gap:7px; margin-top:30px; }
.screen-lines span { display:block;height:2px;background:rgba(255,255,255,.12); }
.screen-lines span:nth-child(2){width:72%}.screen-lines span:nth-child(3){width:48%}
.screen-card {
    position:absolute;
    left:28px;right:28px;bottom:28px;
    padding:18px;
    border:1px solid rgba(255,255,255,.12);
    background:rgba(255,255,255,.045);
    backdrop-filter:blur(10px);
}
.screen-card span { display:block;font-size:9px;color:#747a88;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px; }
.screen-card b { font-size:13px;font-weight:520; }
.hero__ambient { position:absolute;inset:0;pointer-events:none; }
.beam { position:absolute;width:1px;height:70vh;background:linear-gradient(transparent,rgba(255,255,255,.26),transparent);opacity:.35; }
.beam--a { left:64%;top:8%;transform:rotate(26deg); }
.beam--b { left:87%;top:20%;transform:rotate(-18deg); }
.prism { position:absolute;right:4%;top:15%;width:420px;aspect-ratio:1;opacity:.2; }
.prism__core { position:absolute;inset:38%;border:1px solid rgba(255,255,255,.4);transform:rotate(45deg); }
.prism__ring { position:absolute;inset:10%;border:1px solid rgba(255,255,255,.17);border-radius:50%;animation:spin 18s linear infinite; }
.prism__ring--two { inset:22%;animation-direction:reverse;animation-duration:13s; }
.prism__ring--three { inset:32%;animation-duration:9s; }
.prism__ring::before {content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:var(--accent);top:14%;left:12%;box-shadow:0 0 24px var(--accent);}
@keyframes spin { to { transform:rotate(360deg); } }
.hero__scroll { position:absolute;left:24px;bottom:34px;display:flex;align-items:center;gap:14px;transform:rotate(-90deg);transform-origin:left center;color:#777c89;font-size:10px;text-transform:uppercase;letter-spacing:.18em; }
.hero__scroll i { width:50px;height:1px;background:linear-gradient(90deg,#777c89,transparent); }

.reveal { opacity:0;transform:translateY(26px);animation:reveal .75s .2s ease forwards; }
.reveal--delay { animation-delay:.35s; }
.reveal--delay-2 { animation-delay:.5s; }
.reveal--delay-3 { animation-delay:.68s; }
@keyframes reveal { to {opacity:1;transform:none;} }

.launch-offer { background:var(--paper);color:var(--ink);overflow:hidden; }
.launch-offer::before { content:"";position:absolute;width:620px;aspect-ratio:1;border-radius:50%;right:-250px;top:-210px;background:radial-gradient(circle,rgba(138,247,212,.55),transparent 68%);filter:blur(15px);opacity:.48; }
.launch-offer__grid { position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:8vw;align-items:start; }
.launch-offer__copy { position:sticky;top:130px; }
.launch-offer h2 { margin:20px 0 26px;font-size:clamp(48px,6vw,86px);line-height:.96;letter-spacing:-.065em;font-weight:520; }
.launch-offer h2 em { font-style:normal;color:#8b8781; }
.launch-offer__lead { max-width:660px;margin:0 0 34px;font-size:20px;line-height:1.58;color:#5f5b56; }
.launch-offer__lead strong { color:var(--ink);font-size:1.12em; }
.launch-offer__lead del { color:#97918a; }
.offer-progress { margin:34px 0 30px;padding:22px;border:1px solid #d4cec4;border-radius:20px;background:rgba(255,255,255,.52); }
.offer-progress__head { display:flex;align-items:end;justify-content:space-between;gap:22px;margin-bottom:18px; }
.offer-progress__head > div { display:flex;align-items:baseline;gap:9px; }
.offer-progress__head strong { font-size:38px;line-height:1;letter-spacing:-.055em; }
.offer-progress__head span { color:#716c66;font-size:11px;text-transform:uppercase;letter-spacing:.1em; }
.offer-progress__remaining strong { color:#b13a2c; }
.offer-progress__track { height:10px;border-radius:999px;background:#d9d3c9;overflow:hidden; }
.offer-progress__track span { display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,#111318,var(--accent-2));transition:width 1.2s cubic-bezier(.2,.8,.2,1); }
.offer-progress.is-counted .offer-progress__track span { width:var(--offer-progress); }
.offer-progress p { margin:13px 0 0;color:#817b74;font-size:11px; }
.button--dark { background:#111318;color:#fff; }
.button--dark:hover { background:var(--accent);color:#07100d; }
.launch-offer__cards { display:grid;gap:14px; }
.offer-card { display:grid;grid-template-columns:62px 1fr;gap:22px;padding:30px;border:1px solid #d8d2c8;border-radius:22px;background:rgba(255,255,255,.46);transition:transform .3s ease,background .3s ease,border-color .3s ease; }
.offer-card:hover { transform:translateY(-4px);background:#fff;border-color:#c3bbb0; }
.offer-card--featured { background:#101218;color:#fff;border-color:#101218;box-shadow:0 28px 80px rgba(28,25,21,.18); }
.offer-card__number { font-size:10px;letter-spacing:.15em;color:#89847e; }
.offer-card--featured .offer-card__number { color:var(--accent); }
.offer-card h3 { margin:0 0 12px;font-size:25px;letter-spacing:-.035em; }
.offer-card p { margin:0;color:#716c66;line-height:1.65;font-size:15px; }
.offer-card--featured p { color:#aeb2bd; }

.simplicity {background:#07090d;overflow:hidden;}
.simplicity::before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(90deg,black,transparent 72%);}
.simplicity__glow {position:absolute;width:680px;aspect-ratio:1;border-radius:50%;right:-180px;top:50%;transform:translateY(-50%);background:radial-gradient(circle,rgba(154,124,255,.22),rgba(138,247,212,.08) 40%,transparent 70%);filter:blur(8px);}
.simplicity__grid {position:relative;display:grid;grid-template-columns:1.05fr .8fr;gap:8vw;align-items:center;}
.simplicity__copy h2 {margin:22px 0 28px;font-size:clamp(48px,6vw,88px);line-height:.95;letter-spacing:-.065em;font-weight:520;}
.simplicity__copy > p {max-width:720px;margin:0;color:#a3a7b2;font-size:18px;line-height:1.7;}
.simplicity__inputs {display:grid;gap:10px;margin:38px 0;}
.simplicity__inputs article {display:grid;grid-template-columns:45px 1fr;gap:16px;padding:17px 18px;border:1px solid rgba(255,255,255,.1);border-radius:14px;background:rgba(255,255,255,.035);opacity:0;transform:translateX(-22px);transition:.55s ease;}
.simplicity__inputs article.is-visible {opacity:1;transform:none;}
.simplicity__inputs i {font-style:normal;color:var(--accent);font-size:10px;letter-spacing:.14em;padding-top:4px;}
.simplicity__inputs strong {display:block;margin-bottom:5px;font-size:16px;}
.simplicity__inputs span {color:#858a96;font-size:13px;line-height:1.5;}
.delivery-machine {position:relative;opacity:0;transform:translateY(35px) rotateY(-7deg);transition:.8s cubic-bezier(.2,.75,.2,1);perspective:1000px;}
.delivery-machine.is-visible {opacity:1;transform:translateY(0) rotateY(-3deg);}
.delivery-machine::before {content:"";position:absolute;inset:12% -8% -10%;background:linear-gradient(135deg,rgba(138,247,212,.2),rgba(154,124,255,.24));filter:blur(65px);z-index:-1;}
.delivery-machine__top,.delivery-machine__bottom {display:flex;justify-content:space-between;gap:20px;padding:14px 17px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.045);color:#7f8490;font-size:8px;letter-spacing:.15em;}
.delivery-machine__top {border-radius:19px 19px 0 0;border-bottom:0;}.delivery-machine__bottom {border-radius:0 0 19px 19px;border-top:0;}
.delivery-machine__screen {position:relative;overflow:hidden;min-height:610px;padding:45px 38px;border-inline:1px solid rgba(255,255,255,.12);background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.012)),#0b0d13;}
.delivery-machine__screen::after {content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,transparent 0 6px,rgba(255,255,255,.02) 6px 7px);pointer-events:none;}
.delivery-machine__orbit {position:absolute;width:420px;aspect-ratio:1;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-190px;top:-140px;animation:portalSpin 18s linear infinite;}
.delivery-machine__orbit::before,.delivery-machine__orbit::after,.delivery-machine__orbit i {content:"";position:absolute;border-radius:50%;border:1px solid rgba(138,247,212,.13);}
.delivery-machine__orbit::before {inset:14%}.delivery-machine__orbit::after {inset:29%;border-color:rgba(154,124,255,.18)}.delivery-machine__orbit i:nth-child(1){width:7px;height:7px;background:var(--accent);border:0;left:12%;top:30%;box-shadow:0 0 20px var(--accent)}.delivery-machine__orbit i:nth-child(2){inset:39%}.delivery-machine__orbit i:nth-child(3){width:4px;height:4px;background:#fff;border:0;right:4%;bottom:38%;box-shadow:0 0 14px #fff}
.delivery-machine__label {position:relative;z-index:2;font-size:9px;letter-spacing:.2em;color:var(--accent);}
.delivery-machine__number {position:relative;z-index:2;display:flex;align-items:end;gap:15px;margin:55px 0 24px;}
.delivery-machine__number strong {font-size:clamp(130px,18vw,220px);line-height:.64;letter-spacing:-.09em;font-weight:520;background:linear-gradient(180deg,#fff 40%,rgba(255,255,255,.12));-webkit-background-clip:text;color:transparent;}
.delivery-machine__number span {padding-bottom:7px;font-size:14px;letter-spacing:.2em;color:#737986;writing-mode:vertical-rl;transform:rotate(180deg);}
.delivery-machine h3 {position:relative;z-index:2;margin:0 0 16px;font-size:30px;line-height:1.06;letter-spacing:-.045em;}
.delivery-machine p {position:relative;z-index:2;margin:0;color:#8e939e;line-height:1.65;}
.delivery-machine__timeline {position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);margin-top:54px;border-top:1px solid rgba(255,255,255,.12);}
.delivery-machine__timeline span {position:relative;padding-top:18px;color:#656a76;font-size:9px;text-align:center;}
.delivery-machine__timeline i {position:absolute;width:7px;height:7px;border-radius:50%;background:#313641;top:-4px;left:50%;transform:translateX(-50%);}
.delivery-machine__timeline .is-active {color:#fff}.delivery-machine__timeline .is-active i {background:var(--accent);box-shadow:0 0 18px var(--accent);}
.delivery-machine.is-visible .delivery-machine__timeline span:nth-child(2) i {animation:timelineOn .25s 1s forwards}.delivery-machine.is-visible .delivery-machine__timeline span:nth-child(3) i {animation:timelineOn .25s 1.5s forwards}.delivery-machine.is-visible .delivery-machine__timeline span:nth-child(4) i {animation:timelineOn .25s 2s forwards}
@keyframes timelineOn {to{background:var(--accent);box-shadow:0 0 18px var(--accent)}}

.statement { background:var(--paper);color:var(--ink); }
.statement__grid { display:grid;grid-template-columns:.3fr 1fr;gap:60px; }
.display-title { margin:0;font-size:clamp(44px,6vw,88px);line-height:.98;letter-spacing:-.06em;font-weight:520; }
.display-title em, .included h2 em { color:#8d8a86;font-style:normal; }
.large-copy { max-width:780px;margin:48px 0 0 auto;font-size:clamp(20px,2vw,30px);line-height:1.42;letter-spacing:-.025em;color:#5f5c59; }

.section-head { display:grid;grid-template-columns:1fr .55fr;align-items:end;gap:60px;margin-bottom:58px; }
.section-head h2 { margin:18px 0 0;font-size:clamp(42px,5vw,76px);line-height:1;letter-spacing:-.055em;font-weight:520; }
.section-head p { margin:0;color:#979ba7;line-height:1.7;font-size:16px; }
.ranges { background:#0a0b0f; }
.range-list { display:grid;gap:20px; }
.range-card {
    --rx:0deg;--ry:0deg;
    position:relative;
    min-height:450px;
    padding:34px;
    border:1px solid rgba(255,255,255,.1);
    border-radius:var(--radius);
    overflow:hidden;
    opacity:0;
    transform:translateY(40px) perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));
    transition:opacity .7s ease,transform .7s ease,border-color .25s ease;
}
.range-card.is-visible { opacity:1;transform:translateY(0) perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry)); }
.range-card:hover { border-color:rgba(255,255,255,.26); }
.range-card__meta { display:flex;justify-content:space-between;position:relative;z-index:2;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.62); }
.range-card__content { position:relative;z-index:2;display:flex;align-items:end;justify-content:space-between;gap:30px;height:330px; }
.range-card h3 { margin:0;font-size:clamp(54px,8vw,112px);line-height:.84;letter-spacing:-.07em;font-weight:520; }
.range-card p { max-width:500px;margin:28px 0 0;color:rgba(255,255,255,.65);line-height:1.6; }
.circle-link { flex:0 0 64px;width:64px;height:64px;border-radius:50%;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.04);display:grid;place-items:center;font-size:22px;cursor:pointer;transition:.25s ease; }
.circle-link:hover { background:#fff;color:#08090c;transform:rotate(45deg); }
.range-card__visual { position:absolute;right:7%;top:13%;width:min(36vw,420px);opacity:.75;transform:rotate(7deg);transition:.5s ease; }
.range-card:hover .range-card__visual { transform:rotate(2deg) translateY(-10px);opacity:.95; }
.visual-browser { border:1px solid rgba(255,255,255,.16);border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.4); }
.visual-bar { display:flex;gap:5px;padding:10px;background:rgba(0,0,0,.35); }
.visual-bar i {width:5px;height:5px;border-radius:50%;background:rgba(255,255,255,.28);}
.visual-body { min-height:250px;padding:50px 30px;display:flex;flex-direction:column;justify-content:center; }
.visual-kicker {font-size:8px;letter-spacing:.2em;margin-bottom:14px;}
.visual-body strong {font-size:28px;max-width:260px;line-height:1.02;}
.visual-button {width:76px;height:18px;border-radius:999px;margin-top:28px;background:currentColor;opacity:.55;}
.range-card--monolithe { background:linear-gradient(125deg,#171717,#050505); }
.range-card--monolithe .visual-body {background:#eee;color:#090909;}
.range-card--terra { background:linear-gradient(125deg,#243126,#0c130e); }
.range-card--terra .visual-body {background:linear-gradient(145deg,#dfe2cf,#b9c1a4);color:#263326;}
.range-card--atelier { background:linear-gradient(125deg,#2d2e34,#111216); }
.range-card--atelier .visual-body {background:#f4f0e9;color:#17171a;}
.range-card--maison { background:linear-gradient(125deg,#402d25,#160f0d); }
.range-card--maison .visual-body {background:linear-gradient(145deg,#cda888,#78533f);color:#fff7ed;}

.method { background:linear-gradient(180deg,#11131a,#090a0e); }
.section-head--light p { color:#8e929f; }
.steps { display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line); }
.step { min-height:310px;padding:34px 28px;border-right:1px solid var(--line);opacity:0;transform:translateY(30px);transition:.65s ease; }
.step:last-child { border-right:0; }
.step.is-visible { opacity:1;transform:none; }
.step > span { color:var(--accent);font-size:11px;letter-spacing:.12em; }
.step h3 { margin:80px 0 18px;font-size:26px;letter-spacing:-.03em; }
.step p { margin:0;color:#8f94a0;line-height:1.65;font-size:14px; }

.projects { background:var(--paper);color:var(--ink); }
.projects .section-head p, .projects .section-index { color:#85817c; }
.text-link { background:none;border:0;padding:0;cursor:pointer;color:var(--ink);font-weight:650; }
.text-link span { display:inline-block;margin-left:12px;transition:.25s ease; }
.text-link:hover span { transform:translate(4px,-4px); }
.project-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:22px; }
.project-card { opacity:0;transform:translateY(35px);transition:.7s ease; }
.project-card.is-visible { opacity:1;transform:none; }
.project-card a, .project-card button { display:block;width:100%;background:none;border:0;padding:0;text-align:left;color:inherit;cursor:pointer; }
.project-card__image { aspect-ratio:1.5/1;overflow:hidden;border-radius:22px;background:#d5d0c8; }
.project-card__image img { width:100%;height:100%;object-fit:cover;transition:.6s cubic-bezier(.2,.7,.2,1); }
.project-card:hover .project-card__image img { transform:scale(1.035); }
.project-card__info { display:flex;justify-content:space-between;gap:24px;padding:20px 4px 28px; }
.project-card__info span { font-size:9px;letter-spacing:.18em;color:#8a8680; }
.project-card__info h3 { margin:8px 0 0;font-size:24px;letter-spacing:-.035em; }
.project-card__info p { margin:10px 0 0;color:#77726c;line-height:1.5;max-width:520px; }
.project-card__info i {font-style:normal;font-size:22px;}
.project-placeholder { width:100%;height:100%;display:grid;place-items:center;position:relative;overflow:hidden;background:linear-gradient(135deg,#11141a,#343a48);color:#fff; }
.project-placeholder::before,.project-placeholder::after {content:"";position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;width:70%;aspect-ratio:1;}
.project-placeholder::after {width:40%;transform:translate(50%,30%);}
.project-placeholder span {position:relative;z-index:2;font-size:clamp(28px,4vw,58px);letter-spacing:-.05em;}
.project-placeholder--2 { background:linear-gradient(135deg,#344038,#9b8b72); }
.project-placeholder--3 { background:linear-gradient(135deg,#342b47,#191923); }

.included { background:#0b0c10; }
.included__grid { display:grid;grid-template-columns:.75fr 1.1fr;gap:9vw;align-items:start; }
.included__sticky { position:sticky;top:140px; }
.included h2 { margin:20px 0 38px;font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.055em;font-weight:520; }
.included__list { border-top:1px solid var(--line); }
.included__list article { display:grid;grid-template-columns:70px 1fr;gap:24px;padding:34px 0;border-bottom:1px solid var(--line);opacity:0;transform:translateY(22px);transition:.55s ease; }
.included__list article.is-visible { opacity:1;transform:none; }
.included__list > article > span { color:var(--accent);font-size:11px;letter-spacing:.14em; }
.included__list h3 { margin:0 0 12px;font-size:24px;letter-spacing:-.035em; }
.included__list p { margin:0;color:#8f939e;line-height:1.65; }

.final-cta { min-height:760px;display:grid;place-items:center;text-align:center;overflow:hidden;background:#10131a; }
.final-cta::before {content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px;mask-image:radial-gradient(circle at center,black,transparent 70%);}
.final-cta__orb {position:absolute;width:min(74vw,960px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(138,247,212,.22),rgba(154,124,255,.12) 35%,transparent 68%);filter:blur(12px);animation:floatOrb 6s ease-in-out infinite alternate;}
@keyframes floatOrb { to { transform:scale(1.08) translateY(-18px); } }
.final-cta__inner { position:relative;z-index:2; }
.final-cta h2 { margin:26px auto 24px;max-width:1050px;font-size:clamp(50px,7vw,100px);line-height:.95;letter-spacing:-.065em;font-weight:520; }
.final-cta p { max-width:620px;margin:0 auto;color:#a3a7b2;font-size:18px;line-height:1.6; }
.final-cta__actions { display:flex;align-items:center;justify-content:center;gap:34px;margin-top:38px; }
.final-phone { display:grid;text-align:left;gap:5px; }
.final-phone small {font-size:9px;letter-spacing:.14em;color:#8d919b;}
.final-phone strong {font-size:20px;}

.site-footer { padding:70px 0 28px;background:#06070a;border-top:1px solid var(--line); }
.footer-grid { display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px; }
.footer-brand { font-size:24px;font-weight:650;letter-spacing:-.03em;margin-bottom:16px; }
.footer-grid p {margin:0;color:#777c88;line-height:1.6;max-width:340px;}
.footer-grid > div {display:flex;flex-direction:column;gap:10px;}
.footer-label {font-size:9px;letter-spacing:.16em;color:#696e7b;text-transform:uppercase;margin-bottom:10px;}
.footer-grid a {color:#b6bac4;font-size:14px;}
.footer-bottom {display:flex;justify-content:space-between;gap:20px;margin-top:60px;padding-top:22px;border-top:1px solid var(--line);color:#5f6470;font-size:11px;}

.drawer-backdrop { position:fixed;inset:0;z-index:300;background:rgba(0,0,0,.62);backdrop-filter:blur(6px);opacity:0;visibility:hidden;transition:.35s ease; }
.drawer-backdrop.is-open { opacity:1;visibility:visible; }
.lead-drawer {
    position:fixed;z-index:301;top:0;right:0;width:min(620px,100%);height:100dvh;padding:52px clamp(24px,5vw,62px);overflow:auto;background:#f3f0ea;color:#121318;
    transform:translateX(102%);transition:transform .5s cubic-bezier(.2,.75,.2,1);
}
.lead-drawer.is-open { transform:none; }
.drawer-close {position:absolute;right:24px;top:20px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,0,0,.15);background:none;cursor:pointer;font-size:28px;line-height:1;}
.drawer-head h2 { margin:20px 0 16px;font-size:clamp(42px,5vw,70px);line-height:.95;letter-spacing:-.055em;font-weight:520; }
.drawer-head p { color:#66635f;line-height:1.6; }
.lead-form { margin-top:36px;display:grid;gap:18px; }
.field-row { display:grid;grid-template-columns:1fr 1fr;gap:14px; }
.lead-form label { display:grid;gap:8px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:#68655f; }
.lead-form input,.lead-form textarea,.lead-form select {
    width:100%;border:1px solid #d0cbc2;background:rgba(255,255,255,.58);border-radius:12px;padding:14px 15px;color:#131418;outline:none;text-transform:none;letter-spacing:0;font-weight:500;transition:.2s ease;
}
.lead-form input:focus,.lead-form textarea:focus,.lead-form select:focus { border-color:#18191e;box-shadow:0 0 0 3px rgba(0,0,0,.06); }
.hp-field { position:absolute!important;left:-9999px!important; }
.form-status { margin:0;font-size:13px;line-height:1.5; }
.form-status.is-success { color:#176b4a; }
.form-status.is-error { color:#a12626; }
.button.is-loading { opacity:.55;pointer-events:none; }

.whatsapp-float {position:fixed;z-index:120;right:22px;bottom:22px;display:flex;align-items:center;gap:14px;padding:13px 17px;border-radius:999px;background:#fff;color:#111;font-size:12px;font-weight:700;box-shadow:0 12px 40px rgba(0,0,0,.25);}
.whatsapp-float i {font-style:normal;}

.single-project { background:var(--paper);color:var(--ink);min-height:100vh;padding:160px 0 120px; }
.single-project__article { max-width:980px; }
.back-link { display:inline-block;margin-bottom:48px;color:#6f6b65; }
.single-project h1 { margin:22px 0 48px;font-size:clamp(56px,8vw,112px);line-height:.92;letter-spacing:-.07em;font-weight:520; }
.single-project__hero { border-radius:24px;overflow:hidden;margin-bottom:50px; }
.single-project__content { font-size:18px;line-height:1.8;color:#4d4a46;margin-bottom:45px; }
.single-project__content h2,.single-project__content h3 {color:var(--ink);letter-spacing:-.035em;}

.reveal-on-scroll {opacity:0;transform:translateY(35px);transition:.75s ease;}
.reveal-on-scroll.is-visible {opacity:1;transform:none;}

@media (max-width: 1050px) {
    .hero__content { grid-template-columns:1fr .68fr;gap:5vw; }
    .hero h1 { font-size:clamp(54px,7.5vw,82px); }
    .steps { grid-template-columns:repeat(2,1fr); }
    .step:nth-child(2) { border-right:0; }
    .step:nth-child(-n+2) { border-bottom:1px solid var(--line); }
    .included__grid { gap:6vw; }
}
@media (max-width: 820px) {
    :root { --shell:min(100% - 34px, 680px); }
    .section { padding:96px 0; }
    .site-header { padding:18px 0; }
    .menu-toggle { display:block; }
    .main-nav {
        position:fixed;left:17px;right:17px;top:76px;padding:24px;border:1px solid var(--line);border-radius:20px;background:rgba(8,9,13,.96);backdrop-filter:blur(18px);
        display:grid;gap:18px;opacity:0;visibility:hidden;transform:translateY(-12px);transition:.25s ease;
    }
    .main-nav.is-open {opacity:1;visibility:visible;transform:none;}
    .nav-cta {width:100%;}
    .hero { min-height:auto;padding:150px 0 100px; }
    .hero__content { grid-template-columns:1fr; }
    .hero__panel { margin:40px auto 0;width:min(100%,470px);transform:none; }
    .hero__scroll { display:none; }
    .statement__grid,.section-head,.included__grid,.launch-offer__grid,.simplicity__grid { grid-template-columns:1fr; }
    .launch-offer__copy { position:relative;top:0; }
    .delivery-machine { width:min(100%,560px);margin:20px auto 0;transform:none; }
    .delivery-machine.is-visible { transform:none; }
    .statement__grid { gap:30px; }
    .large-copy { margin-left:0; }
    .section-head { gap:28px; }
    .range-card { min-height:650px;padding:24px; }
    .range-card__content { height:auto;min-height:560px;align-items:end; }
    .range-card__visual { right:8%;top:15%;width:70%; }
    .range-card h3 { font-size:68px; }
    .project-grid { grid-template-columns:1fr; }
    .included__sticky { position:relative;top:0; }
    .footer-grid {grid-template-columns:1fr 1fr;}
}
@media (max-width: 560px) {
    :root { --shell:calc(100vw - 28px); --radius:22px; }
    .section { padding:80px 0; }
    .hero { padding-top:126px; }
    .hero h1 { font-size:50px; }
    .hero__lead { font-size:17px; }
    .hero-offer { width:100%;display:grid;gap:12px; }
    .hero-offer__price { border-right:0;border-bottom:1px solid rgba(255,255,255,.13);padding:0 0 12px; }
    .hero__actions { display:grid; }
    .button { width:100%; }
    .hero__proof { gap:15px; }
    .hero__proof div { padding-left:9px; }
    .hero__proof strong { font-size:18px; }
    .hero__proof span { font-size:8px; }
    .panel-screen { aspect-ratio:1/1.18; }
    .display-title,.section-head h2,.included h2,.launch-offer h2,.simplicity__copy h2 { font-size:42px; }
    .offer-progress__head { align-items:flex-start; }
    .offer-progress__head > div { display:grid;gap:4px; }
    .offer-card { grid-template-columns:40px 1fr;padding:24px 20px; }
    .range-card { min-height:580px; }
    .range-card__content { min-height:500px; }
    .range-card__visual { width:84%;right:8%; }
    .visual-body {min-height:210px;padding:38px 22px;}
    .visual-body strong {font-size:23px;}
    .range-card h3 { font-size:52px; }
    .range-card p {font-size:14px;}
    .circle-link { width:54px;height:54px;flex-basis:54px; }
    .steps {grid-template-columns:1fr;}
    .step,.step:nth-child(2) {border-right:0;border-bottom:1px solid var(--line);}
    .step:last-child {border-bottom:0;}
    .step {min-height:auto;padding:28px 4px;}
    .step h3 {margin-top:42px;}
    .included__list article {grid-template-columns:46px 1fr;}
    .field-row {grid-template-columns:1fr;}
    .final-cta {min-height:650px;}
    .final-cta h2 {font-size:48px;}
    .final-cta__actions {display:grid;}
    .final-phone {text-align:center;}
    .footer-grid {grid-template-columns:1fr;}
    .footer-bottom {display:grid;}
    .whatsapp-float span {display:none;}
}
@media (max-width: 560px) {
    .intro-cinematic__hud {left:16px;right:16px}.intro-cinematic__hud span:last-child{display:none}.intro-cinematic__skip{right:16px;bottom:50px}.intro-cinematic__progress{left:16px;right:16px;bottom:52px;grid-template-columns:34px 1fr}.intro-cinematic__progress > span:last-child{display:none}.intro-cinematic__stage{width:94vw;height:68vh}.intro-cinematic__portal{width:min(78vw,420px)}.intro-cinematic__copy strong{font-size:clamp(38px,11vw,64px)}.intro-cinematic__reveal > strong{font-size:clamp(54px,15vw,90px)}.intro-cinematic__reveal > span{font-size:8px;letter-spacing:.18em}.intro-cinematic__coordinates{inset:8% 2%}.portal-shards{display:none}.delivery-machine__screen{min-height:540px;padding:34px 24px}.delivery-machine__number{margin-top:48px}.delivery-machine__number strong{font-size:145px}.delivery-machine__bottom{display:grid}.simplicity__inputs article{grid-template-columns:38px 1fr;}
}
@media (prefers-reduced-motion: reduce) {
    *,*::before,*::after {animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important;}
    .reveal,.reveal-on-scroll,.range-card,.step,.project-card,.included__list article,.offer-card,.simplicity__inputs article,.delivery-machine {opacity:1!important;transform:none!important;}
    .intro-cinematic {display:none!important;}
}


/* =========================================================
   VERSION 1.3 — LUXURY MOTION SYSTEM
   ========================================================= */
@property --dial-angle {
    syntax: '<angle>';
    inherits: false;
    initial-value: 0deg;
}

body.studio-prisme {
    --lux-line: rgba(255,255,255,.11);
    --lux-glass: rgba(255,255,255,.055);
    --lux-shadow: 0 60px 140px rgba(0,0,0,.38);
}
body.studio-prisme::before {
    content:"";
    position:fixed;
    inset:0;
    z-index:9998;
    pointer-events:none;
    opacity:.034;
    background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.92' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E");
    mix-blend-mode:soft-light;
}
.site-progress {position:fixed;z-index:800;top:0;left:0;width:100%;height:2px;pointer-events:none;background:rgba(255,255,255,.03)}
.site-progress i {display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),#fff,var(--accent-2));box-shadow:0 0 16px rgba(138,247,212,.65);will-change:transform}
.page-spotlight {position:fixed;z-index:0;width:720px;aspect-ratio:1;border-radius:50%;pointer-events:none;transform:translate3d(-50%,-50%,0);background:radial-gradient(circle,rgba(154,124,255,.065),rgba(138,247,212,.025) 38%,transparent 70%);filter:blur(14px);opacity:0;transition:opacity .5s ease}
body.has-pointer .page-spotlight {opacity:1}
.luxury-cursor {position:fixed;z-index:9997;left:0;top:0;width:42px;height:42px;margin:-21px 0 0 -21px;border:1px solid rgba(255,255,255,.4);border-radius:50%;pointer-events:none;opacity:0;transform:translate3d(-100px,-100px,0);transition:width .25s ease,height .25s ease,margin .25s ease,background .25s ease,border-color .25s ease,opacity .25s ease;mix-blend-mode:difference}
.luxury-cursor span {position:absolute;inset:50%;width:4px;height:4px;margin:-2px;border-radius:50%;background:#fff}
.luxury-cursor i {position:absolute;inset:-7px;border:1px solid rgba(255,255,255,.14);border-radius:50%;animation:cursorOrbit 4s linear infinite}
.luxury-cursor i::after {content:"";position:absolute;width:4px;height:4px;border-radius:50%;background:#fff;top:3px;left:7px}
body.has-pointer .luxury-cursor {opacity:1}
body.cursor-active .luxury-cursor {width:72px;height:72px;margin:-36px 0 0 -36px;background:rgba(255,255,255,.12);border-color:#fff}
@keyframes cursorOrbit {to{transform:rotate(360deg)}}

[data-roll-number] {display:inline-flex;align-items:baseline;white-space:nowrap;font-variant-numeric:tabular-nums}
.roll-digit {position:relative;display:inline-block;width:.62em;height:1em;overflow:hidden;vertical-align:-.07em}
.roll-digit__track {display:flex;flex-direction:column;line-height:1em;transform:translateY(0);will-change:transform;transition:transform 1.45s cubic-bezier(.12,.8,.18,1)}
.roll-digit__track span {display:block;height:1em;line-height:1em;text-align:center}
[data-roll-number].is-rolling .roll-digit__track {transform:translateY(calc(var(--roll-step) * -1em))}

.hero {isolation:isolate;background:radial-gradient(circle at 76% 38%,rgba(154,124,255,.13),transparent 28%),radial-gradient(circle at 16% 72%,rgba(138,247,212,.08),transparent 30%),linear-gradient(145deg,#050609,#090b11 48%,#050609)}
.hero::after {content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 32%,rgba(255,255,255,.035) 48%,transparent 63%);transform:translateX(-100%);animation:heroSweep 8s 2.5s ease-in-out infinite}
@keyframes heroSweep {0%,40%{transform:translateX(-110%)}68%,100%{transform:translateX(110%)}}
.hero h1 {position:relative;background:linear-gradient(105deg,#fff 15%,#bfc4d1 44%,#fff 62%,#9ca3b4 88%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent;animation:reveal .75s .35s ease forwards, metalText 9s linear infinite}
@keyframes metalText {to{background-position:220% center}}
.hero__copy::before {content:"EDITION / 01";position:absolute;left:-58px;top:50%;font-size:8px;letter-spacing:.28em;color:rgba(255,255,255,.28);writing-mode:vertical-rl;transform:rotate(180deg)}
.hero-offer {position:relative;overflow:hidden;box-shadow:inset 0 1px rgba(255,255,255,.07),0 25px 70px rgba(0,0,0,.18)}
.hero-offer::after {content:"";position:absolute;inset:-100% -30%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.13) 50%,transparent 58%);transform:translateX(-60%) rotate(10deg);animation:offerShine 7s 2s ease-in-out infinite;pointer-events:none}
@keyframes offerShine {0%,55%{transform:translateX(-70%) rotate(10deg)}85%,100%{transform:translateX(70%) rotate(10deg)}}
.premium-price {display:inline-flex!important;align-items:baseline;gap:.08em}
.premium-price b {font-size:.62em;font-weight:600}
.premium-price small {font-size:.3em!important;margin-left:.28em}
.hero__proof strong {display:flex;align-items:baseline;gap:.08em;min-height:27px}
.hero__panel {transform-style:preserve-3d;will-change:transform;transition:transform .18s ease-out}
.panel-screen {box-shadow:inset 0 1px rgba(255,255,255,.08)}
.panel-screen::after {content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent 35%,rgba(255,255,255,.055) 50%,transparent 65%);transform:translateX(-120%);animation:screenScan 5.5s ease-in-out infinite}
@keyframes screenScan {55%,100%{transform:translateX(120%)}}

.kinetic-numbers {position:relative;height:430vh;background:#050609;color:#fff;isolation:isolate}
.kinetic-numbers__sticky {position:sticky;top:0;height:100svh;min-height:720px;overflow:hidden;display:grid;align-items:center}
.kinetic-numbers__sticky::before {content:"";position:absolute;inset:0;background:radial-gradient(circle at 68% 45%,rgba(154,124,255,.17),transparent 31%),radial-gradient(circle at 30% 70%,rgba(138,247,212,.08),transparent 27%)}
.kinetic-numbers__mesh {position:absolute;inset:-20%;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:82px 82px;transform:perspective(900px) rotateX(64deg) translateY(32%);mask-image:radial-gradient(circle at center,black,transparent 72%)}
.kinetic-numbers__frame {position:relative;height:min(78vh,800px);display:grid;grid-template-rows:auto 1fr auto;border:1px solid rgba(255,255,255,.1);border-radius:32px;background:rgba(8,10,15,.66);backdrop-filter:blur(18px);box-shadow:var(--lux-shadow);overflow:hidden}
.kinetic-numbers__frame::before {content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(120deg,rgba(255,255,255,.24),transparent 30%,transparent 70%,rgba(138,247,212,.28));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none}
.kinetic-numbers__topline,.kinetic-numbers__footer {position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:22px 28px;font-size:9px;letter-spacing:.2em;color:#777d8b}
.kinetic-numbers__topline {border-bottom:1px solid rgba(255,255,255,.08)}
.kinetic-numbers__footer {border-top:1px solid rgba(255,255,255,.08)}
.kinetic-numbers__viewport {position:relative;min-height:0}
.kinetic-scene {position:absolute;inset:0;display:grid;grid-template-columns:1.05fr .8fr;align-items:center;gap:6vw;padding:4vh 6vw;opacity:0;visibility:hidden;transform:translateY(36px);transition:opacity .7s ease,transform .8s cubic-bezier(.18,.75,.2,1),visibility .7s}
.kinetic-scene.is-active {opacity:1;visibility:visible;transform:none;z-index:2}
.kinetic-scene__number {position:relative;display:flex;align-items:flex-end;filter:drop-shadow(0 30px 70px rgba(0,0,0,.35))}
.kinetic-scene__number strong {font-size:clamp(190px,30vw,470px);line-height:.68;letter-spacing:-.105em;font-weight:470;background:linear-gradient(180deg,#fff 28%,#9ba2b2 58%,rgba(255,255,255,.08) 94%);-webkit-background-clip:text;background-clip:text;color:transparent}
.kinetic-scene__number i {position:relative;z-index:2;margin:0 0 .02em .15em;font-size:clamp(42px,7vw,100px);font-style:normal;font-weight:300;color:var(--accent);text-shadow:0 0 40px rgba(138,247,212,.35)}
.kinetic-scene__copy {position:relative;z-index:3;max-width:520px}
.kinetic-scene__copy > span {font-size:9px;letter-spacing:.23em;color:var(--accent);font-weight:700}
.kinetic-scene__copy h2 {margin:20px 0 18px;font-size:clamp(46px,6vw,86px);line-height:.91;letter-spacing:-.065em;font-weight:520}
.kinetic-scene__copy p {margin:0;color:#979ca8;font-size:17px;line-height:1.7}
.kinetic-numbers__sculpture {position:absolute;width:min(42vw,620px);aspect-ratio:1;left:18%;top:50%;transform:translate(-50%,-50%);opacity:.18;pointer-events:none}
.kinetic-numbers__sculpture > i {position:absolute;inset:0;border:1px solid rgba(255,255,255,.3);border-radius:50%;animation:sculptureSpin 19s linear infinite}
.kinetic-numbers__sculpture > i:nth-child(2){inset:16%;transform:rotateX(68deg);animation-duration:13s;animation-direction:reverse;border-color:rgba(138,247,212,.45)}
.kinetic-numbers__sculpture > i:nth-child(3){inset:30%;transform:rotateY(68deg);animation-duration:9s;border-color:rgba(154,124,255,.55)}
.kinetic-numbers__sculpture b {position:absolute;inset:43%;border:1px solid #fff;transform:rotate(45deg);box-shadow:0 0 60px rgba(255,255,255,.18)}
@keyframes sculptureSpin {to{transform:rotate(360deg)}}
.kinetic-dots {display:flex;gap:9px}
.kinetic-dots i {display:block;width:26px;height:2px;background:rgba(255,255,255,.13);transition:.4s ease}
.kinetic-dots i.is-active {width:58px;background:linear-gradient(90deg,var(--accent),#fff);box-shadow:0 0 14px rgba(138,247,212,.55)}
.kinetic-numbers__line {width:min(28vw,320px);height:1px;background:rgba(255,255,255,.1);overflow:hidden}
.kinetic-numbers__line i {display:block;width:100%;height:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,var(--accent),var(--accent-2));will-change:transform}

/* =========================================================
   HERO — carte prix & offre limitée (remplace l'aperçu process)
   ========================================================= */
.hero-offer-card {position:relative;align-self:center;display:flex;flex-direction:column;gap:20px;padding:34px 32px;border:1px solid rgba(255,255,255,.12);border-radius:26px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.015));box-shadow:0 30px 80px rgba(0,0,0,.4);backdrop-filter:blur(14px)}
.hero-offer-card__tag {display:inline-flex;align-items:center;gap:9px;align-self:flex-start;padding:8px 15px;border-radius:999px;background:rgba(138,247,212,.12);border:1px solid rgba(138,247,212,.32);color:var(--accent);font-size:10px;letter-spacing:.18em;font-weight:700}
.hero-offer-card__tag i {width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:offerPulse 2s ease-in-out infinite}
@keyframes offerPulse {50%{opacity:.35;transform:scale(.8)}}
.hero-offer-card__price {display:flex;align-items:baseline;gap:16px;flex-wrap:wrap}
.hero-offer-card__price strong {display:inline-flex;align-items:baseline;font-size:clamp(60px,6.4vw,92px);line-height:.9;letter-spacing:-.05em;font-weight:560;color:#fff}
.hero-offer-card__price strong b {font-size:.42em;font-weight:500;margin-left:.06em;color:var(--accent)}
.hero-offer-card__price strong small {font-size:.2em;letter-spacing:.16em;color:#9ba0ac;margin-left:.4em;font-weight:600}
.hero-offer-card__price del {color:#7c8290;font-size:17px;text-decoration-thickness:1px}
.hero-offer-card__note {margin:0;color:#a7acb8;font-size:15px;line-height:1.6}
.hero-offer-card__meter {display:flex;flex-direction:column;gap:12px}
.hero-offer-card__bar {height:8px;border-radius:999px;background:rgba(255,255,255,.1);overflow:hidden}
.hero-offer-card__bar i {display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2))}
.hero-offer-card__stats {display:flex;justify-content:space-between;font-size:13px;color:#9ba0ac}
.hero-offer-card__stats strong {color:#fff;font-weight:700}
@media (max-width:900px) {.hero-offer-card {align-self:stretch}}

/* =========================================================
   SECTION CHIFFRES — design simple, statique, toujours visible
   ========================================================= */
.values {background:#050609;color:#fff;overflow:hidden}
.values .section-head h2 {color:#fff}
.values__grid {margin-top:54px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.value-card {position:relative;display:flex;flex-direction:column;gap:12px;padding:32px 28px 34px;border:1px solid rgba(255,255,255,.1);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));transition:transform .4s ease,border-color .4s ease,box-shadow .4s ease}
.value-card:hover {transform:translateY(-6px);border-color:rgba(138,247,212,.4);box-shadow:0 26px 60px rgba(0,0,0,.45)}
.value-card__value {display:flex;align-items:flex-start;font-size:clamp(60px,5.4vw,88px);line-height:.85;letter-spacing:-.05em;font-weight:520;background:linear-gradient(180deg,#fff 42%,#9ba2b2);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:transparent}
.value-card__value i {font-style:normal;font-size:.5em;line-height:1;margin-left:.06em;color:var(--accent);-webkit-text-fill-color:var(--accent)}
.value-card__label {font-size:10px;letter-spacing:.2em;color:var(--accent);font-weight:700}
.value-card h3 {margin:2px 0 0;font-size:22px;line-height:1.12;letter-spacing:-.02em;font-weight:600}
.value-card p {margin:0;color:#9ba0ac;font-size:14.5px;line-height:1.6}
@media (max-width:1050px) {.values__grid {grid-template-columns:repeat(2,1fr)}}
@media (max-width:600px) {.values__grid {grid-template-columns:1fr;gap:14px}}

/* =========================================================
   NOTRE APPROCHE
   ========================================================= */
.approach__grid {margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.approach-card {padding:32px 30px 34px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));transition:transform .4s ease,border-color .4s ease}
.approach-card:hover {transform:translateY(-6px);border-color:rgba(138,247,212,.35)}
.approach-card__index {display:inline-flex;font-size:13px;letter-spacing:.1em;font-weight:700;color:var(--accent)}
.approach-card h3 {margin:18px 0 12px;font-size:22px;line-height:1.15;letter-spacing:-.02em;font-weight:600}
.approach-card p {margin:0;color:var(--muted);font-size:15px;line-height:1.65}
.approach__footer {margin-top:42px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap;padding-top:36px;border-top:1px solid var(--line)}
.approach__footer p {margin:0;max-width:640px;font-size:19px;line-height:1.5;color:#e8e9ee}
@media (max-width:900px) {.approach__grid {grid-template-columns:1fr}}

/* =========================================================
   NOTRE HISTOIRE
   ========================================================= */
.story {background:#07090d}
.story__grid {display:grid;grid-template-columns:.42fr 1fr;gap:6vw;align-items:start}
.story__card {margin-top:26px;padding:28px 26px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.012));display:flex;flex-direction:column;gap:12px}
.story__mark {display:inline-flex;gap:5px;align-items:flex-end}
.story__mark i {width:12px;height:26px;border-radius:3px;background:linear-gradient(180deg,var(--accent),var(--accent-2))}
.story__mark i:nth-child(2) {height:20px;opacity:.7}
.story__mark i:nth-child(3) {height:14px;opacity:.45}
.story__card strong {font-size:22px;letter-spacing:-.02em}
.story__role {font-size:13px;color:var(--muted)}
.story__body h2 {margin:0 0 26px;font-size:clamp(34px,4.6vw,62px);line-height:1;letter-spacing:-.04em;font-weight:520}
.story__body p {margin:0 0 20px;font-size:17px;line-height:1.75;color:#b7bcc7;max-width:720px}
.story__body p:last-child {margin-bottom:0}
@media (max-width:900px) {.story__grid {grid-template-columns:1fr;gap:32px}}

/* Prix « Tarif de lancement » agrandi */
.offer-progress__ledger .offer-progress__price {font-size:clamp(42px,5vw,56px);font-weight:600;letter-spacing:-.05em}
.offer-progress__ledger .offer-progress__price b {font-weight:inherit}
@media (max-width:620px) {.offer-progress__ledger .offer-progress__price {font-size:38px}}

/* Fallback statique : quand le défilement cinématique ne tourne pas
   (mouvement réduit, effets premium désactivés, ou JS en repli), la section
   se replie en scènes empilées et visibles au lieu d'un long vide de 430vh. */
.kinetic-numbers.is-static {height:auto;padding:90px 0}
.kinetic-numbers.is-static .kinetic-numbers__sticky {position:relative;height:auto;min-height:0}
.kinetic-numbers.is-static .kinetic-numbers__frame {height:auto;overflow:visible}
.kinetic-numbers.is-static .kinetic-numbers__viewport {display:grid}
.kinetic-numbers.is-static .kinetic-scene {position:relative;inset:auto;grid-template-columns:1fr;gap:22px;padding:52px 6vw;border-bottom:1px solid rgba(255,255,255,.08);opacity:1;visibility:visible;transform:none}
.kinetic-numbers.is-static .kinetic-scene:last-of-type {border-bottom:0}
.kinetic-numbers.is-static .kinetic-scene__number strong {font-size:clamp(120px,20vw,240px)}
.kinetic-numbers.is-static .kinetic-numbers__sculpture {display:none}
.kinetic-numbers.is-static .kinetic-numbers__footer {display:none}

/* Même repli au niveau CSS pour les visiteurs en « mouvement réduit »,
   indépendamment du JavaScript. */
@media (prefers-reduced-motion: reduce) {
    .kinetic-numbers {height:auto;padding:90px 0}
    .kinetic-numbers__sticky {position:relative;height:auto;min-height:0}
    .kinetic-numbers__frame {height:auto;overflow:visible}
    .kinetic-numbers__viewport {display:grid}
    .kinetic-scene {position:relative;inset:auto;grid-template-columns:1fr;gap:22px;padding:52px 6vw;border-bottom:1px solid rgba(255,255,255,.08);opacity:1;visibility:visible;transform:none}
    .kinetic-scene:last-of-type {border-bottom:0}
    .kinetic-numbers__sculpture {display:none}
    .kinetic-numbers__footer {display:none}
}

.prestige-marquee {position:relative;overflow:hidden;border-block:1px solid rgba(255,255,255,.1);background:#0a0b0f;padding:23px 0}
.prestige-marquee::before,.prestige-marquee::after {content:"";position:absolute;z-index:2;top:0;bottom:0;width:16vw;pointer-events:none}
.prestige-marquee::before {left:0;background:linear-gradient(90deg,#0a0b0f,transparent)}
.prestige-marquee::after {right:0;background:linear-gradient(-90deg,#0a0b0f,transparent)}
.prestige-marquee__track {display:flex;align-items:center;gap:32px;width:max-content;animation:prestigeMarquee 28s linear infinite;font-size:12px;letter-spacing:.19em;color:#a5a9b4;white-space:nowrap}
.prestige-marquee__track span {font-weight:650}
.prestige-marquee__track i {font-size:7px;color:var(--accent);font-style:normal}
@keyframes prestigeMarquee {to{transform:translateX(-50%)}}

.offer-progress--luxury {--dial-angle:0deg;display:grid;grid-template-columns:190px 1fr;align-items:center;gap:28px;padding:28px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(255,255,255,.38));box-shadow:0 30px 80px rgba(51,45,38,.09),inset 0 1px #fff}
.offer-progress--luxury.is-counted {--dial-angle:var(--dial-target)}
.offer-progress__dial {position:relative;width:170px;aspect-ratio:1;border-radius:50%;display:grid;place-items:center;background:conic-gradient(#11141a var(--dial-angle),#d8d2c8 0);transition:--dial-angle 1.8s cubic-bezier(.16,.8,.18,1);box-shadow:inset 0 0 0 1px rgba(0,0,0,.04),0 22px 45px rgba(37,31,25,.12)}
.offer-progress__dial::before {content:"";position:absolute;inset:9px;border-radius:50%;background:linear-gradient(145deg,#faf8f4,#ddd7ce);box-shadow:inset 0 1px #fff}
.offer-progress__dial-core {position:relative;z-index:2;display:flex;align-items:baseline;justify-content:center;gap:5px}
.offer-progress__dial-core strong {font-size:55px;line-height:1;letter-spacing:-.075em}
.offer-progress__dial-core small {font-size:11px;color:#7b756d}
.offer-progress__dial > span {position:absolute;z-index:2;bottom:39px;font-size:7px;letter-spacing:.18em;color:#777168}
.offer-progress__ledger {display:grid;gap:14px}
.offer-progress__ledger > div:not(.offer-progress__microline) {display:flex;align-items:end;justify-content:space-between;gap:18px;padding-bottom:13px;border-bottom:1px solid #d4cec5}
.offer-progress__ledger span {font-size:9px;letter-spacing:.14em;color:#777168}
.offer-progress__ledger strong {font-size:32px;letter-spacing:-.05em}
.offer-progress__ledger strong b {font-weight:inherit}
.offer-progress__microline {display:flex;align-items:center;gap:10px}
.offer-progress__microline i {width:7px;height:7px;border-radius:50%;background:#1e7558;box-shadow:0 0 16px rgba(30,117,88,.4)}

.offer-card,.project-card,.included__list article,.range-card {--spot-x:50%;--spot-y:50%}
.offer-card::after,.included__list article::after {content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;background:radial-gradient(340px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.42),transparent 45%);opacity:0;transition:opacity .3s ease;mix-blend-mode:soft-light}
.offer-card:hover::after,.included__list article:hover::after {opacity:1}
.offer-card {position:relative;overflow:hidden;box-shadow:0 22px 55px rgba(39,32,26,.05)}
.offer-card:hover {transform:translateY(-5px) scale(1.005);box-shadow:0 34px 80px rgba(39,32,26,.11)}
.range-card {box-shadow:0 45px 110px rgba(0,0,0,.22)}
.range-card::after {content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(480px circle at var(--spot-x) var(--spot-y),rgba(255,255,255,.11),transparent 48%);opacity:0;transition:.35s ease}
.range-card:hover::after {opacity:1}
.project-card__image {position:relative;box-shadow:0 28px 65px rgba(40,34,28,.12)}
.project-card__image::after {content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 35%,rgba(255,255,255,.2) 48%,transparent 61%);transform:translateX(-120%);transition:transform .85s ease}
.project-card:hover .project-card__image::after {transform:translateX(120%)}

.section-head h2,.display-title,.launch-offer h2,.simplicity__copy h2,.included h2 {text-wrap:balance}
.section-index {position:relative;padding-left:0}
.section-index::after {content:"";display:inline-block;width:42px;height:1px;margin-left:14px;background:currentColor;vertical-align:middle;opacity:.35}
.final-cta h2 {background:linear-gradient(100deg,#fff,#aab0be 38%,#fff 54%,#8e96a7 82%);background-size:220% auto;-webkit-background-clip:text;background-clip:text;color:transparent;animation:metalText 10s linear infinite}
.final-cta__orb {filter:blur(18px);opacity:.9}
.button,.circle-link,.nav-cta {position:relative;overflow:hidden}
.button::after,.nav-cta::after {content:"";position:absolute;inset:-120% -30%;background:linear-gradient(105deg,transparent 42%,rgba(255,255,255,.34) 50%,transparent 58%);transform:translateX(-70%) rotate(12deg);transition:transform .7s ease;pointer-events:none}
.button:hover::after,.nav-cta:hover::after {transform:translateX(70%) rotate(12deg)}

@media (pointer:coarse),(max-width:900px) {
    .luxury-cursor,.page-spotlight {display:none!important}
    .kinetic-numbers {height:auto;padding:90px 0}
    .kinetic-numbers__sticky {position:relative;height:auto;min-height:0}
    .kinetic-numbers__frame {height:auto;overflow:visible}
    .kinetic-numbers__viewport {display:grid}
    .kinetic-scene {position:relative;inset:auto;grid-template-columns:1fr;padding:58px 28px;border-bottom:1px solid rgba(255,255,255,.08);opacity:1;visibility:visible;transform:none}
    .kinetic-scene:last-of-type {border-bottom:0}
    .kinetic-scene__number strong {font-size:clamp(150px,42vw,280px)}
    .kinetic-scene__number i {font-size:56px}
    .kinetic-numbers__sculpture {display:none}
    .kinetic-numbers__footer {display:none}
    .offer-progress--luxury {grid-template-columns:160px 1fr}
    .offer-progress__dial {width:150px}
}
@media (max-width:620px) {
    .hero__copy::before {display:none}
    .kinetic-numbers {padding:70px 0}
    .kinetic-numbers__frame {border-radius:22px}
    .kinetic-numbers__topline {padding:18px}
    .kinetic-scene {padding:48px 20px}
    .kinetic-scene__number strong {font-size:44vw}
    .kinetic-scene__copy h2 {font-size:44px}
    .kinetic-scene__copy p {font-size:15px}
    .offer-progress--luxury {grid-template-columns:1fr;padding:22px}
    .offer-progress__dial {margin:auto}
    .offer-progress__ledger strong {font-size:28px}
    .prestige-marquee {padding:18px 0}
}
@media (prefers-reduced-motion:reduce) {
    .prestige-marquee__track,.hero::after,.hero h1,.final-cta h2,.panel-screen::after,.hero-offer::after,.kinetic-numbers__sculpture>i {animation:none!important}
    [data-roll-number] .roll-digit__track {transition:none!important}
}


/* Luxury numeric signature inside the cinematic intro */
.intro-cinematic__numbers {position:absolute;left:50%;bottom:13%;width:min(920px,80vw);display:grid;grid-template-columns:repeat(4,1fr);transform:translateX(-50%) translateY(24px);opacity:0;z-index:6;border-block:1px solid rgba(255,255,255,.1);transition:opacity .7s ease,transform .8s cubic-bezier(.2,.8,.2,1)}
.intro-cinematic__numbers span {display:grid;place-items:center;gap:7px;padding:16px;border-right:1px solid rgba(255,255,255,.08)}
.intro-cinematic__numbers span:last-child {border-right:0}
.intro-cinematic__numbers b {font-size:28px;line-height:1;letter-spacing:-.055em;font-weight:520;color:#fff}
.intro-cinematic__numbers i {font-style:normal;font-size:7px;letter-spacing:.2em;color:#727987}
.intro-cinematic.phase-reveal .intro-cinematic__numbers {opacity:1;transform:translateX(-50%) translateY(0)}
.intro-cinematic.is-revealing .intro-cinematic__numbers {opacity:0;transform:translateX(-50%) translateY(-16px)}
@media(max-width:700px){.intro-cinematic__numbers{width:90vw;grid-template-columns:repeat(2,1fr);bottom:12%}.intro-cinematic__numbers span:nth-child(2){border-right:0}.intro-cinematic__numbers span:nth-child(-n+2){border-bottom:1px solid rgba(255,255,255,.08)}.intro-cinematic__numbers b{font-size:22px}.intro-cinematic__numbers span{padding:11px}.intro-cinematic.phase-reveal .intro-cinematic__reveal{transform:translate(-50%,-62%) scale(1)}}