@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight.woff2") format("woff2"); font-style: normal; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Inter Tight"; src: url("../fonts/inter-tight-italic.woff2") format("woff2"); font-style: italic; font-weight: 100 900; font-display: swap; }
@font-face { font-family: "Manrope"; src: url("../fonts/manrope.woff2") format("woff2"); font-style: normal; font-weight: 200 800; font-display: swap; }

:root {
  --ink: #07060a;
  --panel: #111016;
  --text: #f7f3fa;
  --muted: #a7a0ac;
  --pink: #ff2e91;
  --violet: #8b5cff;
  --red: #ff314c;
  --line: rgba(255,255,255,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--ink); }
body { margin: 0; background: var(--ink); color: var(--text); font-family: "Manrope", Arial, sans-serif; overflow-x: hidden; }
h1,h2,h3,h4,h5,h6,.brand,.experience-card strong,.primary-button,.secondary-button { font-family: "Inter Tight", "Manrope", sans-serif; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; }
a { color: inherit; text-decoration: none; }

main { min-height: 100vh; background: radial-gradient(circle at 70% 15%, rgba(107,30,124,.12), transparent 30%), var(--ink); }
main.theme-natacha { --pink:#ff2e91; --mode-glow:rgba(255,46,145,.22); }
main.theme-pornochic { --pink:#ff355d; --violet:#a14fff; --mode-glow:rgba(190,45,255,.2); }
.topbar { position: absolute; top: 0; left: 0; right: 0; z-index: 20; height: 86px; padding: 0 4.5vw; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid rgba(255,255,255,.08); background: linear-gradient(180deg, rgba(4,3,6,.84), transparent); }
.brand { display: flex; align-items: center; gap: 10px; font-weight: 900; letter-spacing: -.04em; position: relative; }
.brand > span:nth-child(2) { font-size: 19px; }
.brand > span:nth-child(2) > span { color: var(--pink); }
.brand small { position: absolute; font-size: 7px; letter-spacing: .35em; color: #b9aebe; left: 47px; top: 24px; }
.brand-mark { width: 34px; height: 34px; display: grid; place-items: center; border: 1px solid rgba(255,46,145,.7); transform: rotate(45deg); border-radius: 8px; background: rgba(255,46,145,.08); color: #fff; text-shadow: 0 0 18px var(--pink); }
.brand-mark::first-letter { transform: rotate(-45deg); }
.desktop-nav { display: flex; gap: 32px; font-size: 13px; color: #d7d0da; }
.desktop-nav a { position: relative; padding: 10px 0; }
.desktop-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: 2px; height: 1px; background: var(--pink); transition: right .25s ease; }
.desktop-nav a:hover::after { right: 0; }
.header-actions { display: flex; align-items: center; gap: 10px; }
.icon-button, .account-button { border: 1px solid var(--line); background: rgba(255,255,255,.05); height: 40px; border-radius: 999px; cursor: pointer; }
.icon-button { width: 40px; display: grid; place-items: center; }
.account-button { padding: 0 17px 0 8px; }
.account-button span { display: inline-grid; place-items: center; margin-right: 8px; width: 27px; height: 27px; border-radius: 50%; background: #fff; color: #09070b; font-size: 10px; font-weight: 900; }
.search-symbol { display: inline-block; width: 15px; height: 15px; border: 1.7px solid currentColor; border-radius: 50%; position: relative; }
.search-symbol::after { content: ""; position: absolute; width: 7px; height: 1.5px; background: currentColor; right: -5px; bottom: -2px; transform: rotate(45deg); }

.hero { min-height: 790px; height: 96vh; max-height: 960px; position: relative; display: flex; align-items: center; padding: 110px 6vw 80px; isolation: isolate; overflow: hidden; background: linear-gradient(90deg, #08060a 0%, rgba(8,6,10,.96) 30%, rgba(8,6,10,.58) 55%, rgba(8,6,10,.16) 100%); }
.hero::before { content: ""; position: absolute; inset: 0; z-index: -4; background: radial-gradient(ellipse at 76% 46%, rgba(179,10,74,.32), transparent 27%), radial-gradient(ellipse at 66% 48%, rgba(88,24,112,.25), transparent 38%), linear-gradient(125deg,#060408 45%,#190813 100%); }
.hero::after { content: ""; position: absolute; inset: 0; z-index: -1; background: linear-gradient(180deg, transparent 62%, var(--ink) 99%), linear-gradient(90deg, rgba(7,6,10,.98) 0%, rgba(7,6,10,.74) 38%, transparent 72%); }
.hero-ambient { position: absolute; inset: 0; z-index: -2; opacity: .22; background-image: linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(90deg,transparent 35%,#000 100%); }
.hero-copy { width: min(600px, 48vw); position: relative; z-index: 4; }
.live-badge { display: inline-flex; align-items: center; gap: 9px; border: 1px solid rgba(255,49,76,.4); background: rgba(255,49,76,.08); border-radius: 999px; padding: 8px 13px; font-size: 9px; letter-spacing: .2em; color: #ffb4c0; font-weight: 800; }
.live-badge span { width: 6px; height: 6px; background: var(--red); border-radius: 50%; box-shadow: 0 0 12px var(--red); animation: pulse 1.4s ease infinite; }
@keyframes pulse { 50% { opacity: .35; transform: scale(.75); } }
.hero-signature { font-size: 10px; letter-spacing: .4em; color: #a898aa; margin: 27px 0 12px; }
.hero h1 { margin: 0; font-size: clamp(66px, 8.8vw, 132px); line-height: .76; letter-spacing: -.075em; font-weight: 950; text-shadow: 0 14px 60px #000; }
.hero h1 span { color: transparent; -webkit-text-stroke: 1px rgba(255,255,255,.7); text-shadow: 0 0 40px rgba(255,49,76,.18); }
.hero-copy-long h1 { font-size:clamp(52px,6.4vw,104px); line-height:.82; }
.hero-tagline { margin: 31px 0 9px; font-size: clamp(18px, 1.7vw, 26px); font-weight: 750; }
.hero-description { max-width: 550px; color: #c2b8c5; line-height: 1.7; font-size: 15px; }
.hero-tags, .modal-tags, .signal-tags { display: flex; flex-wrap: wrap; gap: 8px; margin: 22px 0; }
.hero-tags span, .modal-tags span, .signal-tags span { font-size: 9px; letter-spacing: .13em; text-transform: uppercase; padding: 7px 10px; border: 1px solid rgba(255,255,255,.16); border-radius: 5px; color: #d7ceda; background: rgba(255,255,255,.035); }
.hero-buttons { display: flex; gap: 11px; margin-top: 27px; }
.primary-button, .secondary-button { min-height: 49px; padding: 0 22px; border-radius: 6px; cursor: pointer; border: 0; font-weight: 800; font-size: 13px; }
.primary-button { background: #fff; color: #09070b; box-shadow: 0 12px 34px rgba(255,255,255,.12); }
.secondary-button { color: #fff; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.19); backdrop-filter: blur(10px); }
.play-triangle { display: inline-block; margin-right: 9px; width: 0; height: 0; border-top: 5px solid transparent; border-bottom: 5px solid transparent; border-left: 8px solid currentColor; }

.door-scene { position: absolute; right: 5%; top: 12%; width: 51%; height: 78%; z-index: -2; perspective: 900px; }
.hall-line { position: absolute; border: 1px solid rgba(242,54,121,.18); transform: rotate(-9deg); }
.line-one { inset: 7% 1% 13% 2%; clip-path: polygon(0 0,100% 13%,76% 100%,16% 86%); }
.line-two { inset: 16% 12% 20% 16%; clip-path: polygon(0 0,100% 11%,78% 100%,18% 88%); }
.door-frame { position: absolute; top: 5%; left: 35%; width: 39%; height: 76%; border: 1px solid rgba(255,61,122,.74); padding: 10px; background: linear-gradient(90deg,#160912,#09070a 50%,#1e0813); box-shadow: 0 0 8px rgba(255,49,87,.6), 0 0 70px rgba(220,20,78,.35), inset 0 0 30px #000; transform: rotateY(-4deg); }
.door-frame::before,.door-frame::after { content:""; position:absolute; inset:-24px -17px; border:1px solid rgba(255,50,112,.18); pointer-events:none; }
.door-frame::after { inset:-45px -32px; }
.door-panel { position: relative; display: block; width: 100%; height: 100%; border: 1px solid #2a1821; background: radial-gradient(circle at 50% 36%,rgba(91,22,54,.23),transparent 25%),linear-gradient(120deg,#040305,#160911 45%,#050406); box-shadow: inset 0 0 100px #000; overflow: hidden; }
.door-panel::before { content:""; position:absolute; inset:0; opacity:.28; background-image: linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px); background-size:100% 52px; }
.door-light { position: absolute; inset: 0; box-shadow: inset 0 0 10px #ff275f, inset 0 0 26px rgba(255,39,95,.5); z-index: 3; pointer-events: none; }
.door-eye { position: absolute; left: 50%; top: 42%; width: 24px; height: 8px; border-radius: 50%; transform: translate(-50%,-50%); background: #ff2b63; box-shadow: 0 0 8px #fff,0 0 25px #ff174e,0 0 60px #ff174e; }
.door-number { position: absolute; left: 50%; bottom: 7%; transform: translateX(-50%); font-size: 10px; letter-spacing: .5em; color: #76233c; }
.floor-glow { position: absolute; width: 62%; height: 26%; left: 23%; bottom: -4%; background: radial-gradient(ellipse,rgba(255,25,91,.32),transparent 65%); transform: rotateX(68deg); filter: blur(7px); }
.hero-index { position: absolute; right: 3vw; bottom: 15%; display: grid; justify-items: end; gap: 7px; }
.hero-index span { font-size: 28px; font-weight: 900; color: rgba(255,255,255,.55); }
.hero-index i { display:block; width: 70px; height: 1px; background: linear-gradient(90deg,var(--red),rgba(255,255,255,.15)); }
.hero-index small { font-size: 7px; letter-spacing: .3em; color: #938893; }
.scroll-hint { position: absolute; left: 50%; bottom: 31px; transform: translateX(-50%); font-size: 8px; letter-spacing: .35em; color: #978d99; display: grid; justify-items: center; gap: 8px; }
.scroll-hint span { display: block; height: 34px; width: 1px; background: linear-gradient(#fff,transparent); }

.hero-showcase { position:absolute; z-index:1; right:5.5vw; top:12%; width:min(42vw,640px); height:72%; display:grid; place-items:center; }
.hero-showcase::before{content:"30";position:absolute;font-size:clamp(170px,24vw,390px);font-weight:950;letter-spacing:-.1em;color:transparent;-webkit-text-stroke:1px rgba(255,70,143,.16);text-shadow:0 0 70px rgba(255,29,112,.18)}
.hero-poster-glow { position:absolute; width:72%; height:75%; border-radius:50%; background:radial-gradient(ellipse,rgba(255,31,113,.52),rgba(112,28,149,.2) 42%,transparent 72%); filter:blur(35px); animation:posterGlow 3.5s ease-in-out infinite alternate; }
@keyframes posterGlow { to { transform:scale(1.08); opacity:.72; } }
.hero-poster { position:relative; width:min(72%,430px); height:86%; object-fit:contain; filter:drop-shadow(0 35px 70px #000); border:1px solid rgba(255,78,159,.35); border-radius:10px; background:#09060c; }
.hero-teaser-card { position:absolute; z-index:3; left:0; bottom:3%; min-width:300px; height:76px; display:grid; grid-template-columns:48px 1fr auto; align-items:center; gap:13px; padding:0 16px; border:1px solid rgba(255,255,255,.19); border-radius:10px; background:rgba(12,8,14,.82); backdrop-filter:blur(20px); cursor:pointer; text-align:left; box-shadow:0 18px 50px #000; }
.hero-teaser-card > span:nth-child(2) { display:grid; gap:4px; }.hero-teaser-card small{font-size:7px;letter-spacing:.22em;color:#ff5fa6}.hero-teaser-card strong{font-size:13px}.hero-teaser-card em{font-style:normal;color:#817887;font-size:9px}
.teaser-play { width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#09070b;box-shadow:0 0 25px rgba(255,255,255,.2)}.teaser-play i{display:block;margin-left:3px;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:8px solid currentColor}

.platform { position: relative; z-index: 4; padding: 30px 0 110px; }
.rail-section, .universe-section, .how-section { margin: 0 0 72px; padding: 0 4.5vw; }
.section-heading { display: flex; align-items: end; justify-content: space-between; margin: 0 0 23px; }
.section-heading p { margin: 0 0 8px; font-size: 8px; letter-spacing: .35em; color: #766d79; font-weight: 800; }
.section-heading h2 { margin: 0; font-size: clamp(25px,2.2vw,34px); letter-spacing: -.035em; }
.all-button { border: 0; background: transparent; font-size: 11px; color: #978e9a; cursor: pointer; }
.all-button span { color: var(--pink); padding-left: 8px; }
.rail { display: grid; grid-auto-flow: column; grid-auto-columns: minmax(265px, 22vw); overflow-x: auto; gap: 14px; padding: 8px 4px 18px; scroll-snap-type: x mandatory; scrollbar-width: thin; scrollbar-color: #3d303f transparent; }
.experience-card { position: relative; overflow: hidden; height: 180px; padding: 0; border-radius: 9px; border: 1px solid rgba(255,255,255,.09); background: #151018; text-align: left; cursor: pointer; scroll-snap-align: start; transition: transform .28s ease,border-color .28s ease,box-shadow .28s ease; isolation: isolate; transform-style:preserve-3d; will-change:transform; }
.experience-card::before { content:""; position:absolute; z-index:4; inset:0; pointer-events:none; opacity:0; background:radial-gradient(circle at var(--card-x,50%) var(--card-y,50%),rgba(255,255,255,.22),transparent 30%); mix-blend-mode:screen; transition:opacity .25s ease; }
.experience-card:hover { transform:perspective(900px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg)) translateY(-7px) scale(1.015); border-color: rgba(255,255,255,.28); box-shadow: 0 24px 55px rgba(0,0,0,.55),0 0 35px color-mix(in srgb,var(--accent,#ff2e91) 13%,transparent); z-index: 2; }
.experience-card:hover::before { opacity:.72; }
.card-art, .modal-visual { position: absolute; inset: 0; overflow: hidden; background: radial-gradient(circle at 72% 38%,var(--glow,rgba(255,46,145,.65)),transparent 9%),radial-gradient(circle at 67% 44%,var(--glow,rgba(255,46,145,.42)),transparent 30%),linear-gradient(135deg,var(--dark,#180915),#050406); }
.card-art img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transform:scale(1.015); transition:transform .45s ease,filter .45s ease; }
.card-preview { position:absolute; z-index:2; inset:0; width:100%; height:100%; object-fit:cover; pointer-events:none; animation:previewIn .24s ease both; }
@keyframes previewIn { from { opacity:0; transform:scale(1.025); } to { opacity:1; transform:scale(1); } }
.experience-card:hover .card-art img { transform:scale(1.08); filter:saturate(1.08) contrast(1.04); }
.card-art::after { content:""; position:absolute; inset:0; border:1px solid color-mix(in srgb,var(--accent,#ff2e91) 20%,transparent); box-shadow:inset 0 0 35px rgba(0,0,0,.42); }
.card-grid { position:absolute; inset:0; opacity:.23; background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size:28px 28px; mask-image:linear-gradient(90deg,transparent,#000); }
.card-orbit { position:absolute; width:150px; height:150px; right:-45px; top:-45px; border:1px solid rgba(255,255,255,.16); border-radius:50%; box-shadow:0 0 0 22px rgba(255,255,255,.025),0 0 0 47px rgba(255,255,255,.018); }
.card-code { position:absolute; top:13px; right:11px; font-size:6px; letter-spacing:.24em; color:rgba(255,255,255,.5); }
.card-shade { position:absolute; inset:0; z-index:1; background:linear-gradient(90deg,rgba(5,4,7,.97),rgba(5,4,7,.63) 56%,rgba(5,4,7,.15)),linear-gradient(0deg,rgba(5,4,7,.9),transparent 55%); }
.card-content { position:absolute; z-index:2; inset:auto 16px 16px; display:flex; flex-direction:column; align-items:flex-start; }
.card-kicker { font-size:7px; letter-spacing:.22em; text-transform:uppercase; color:var(--accent,#ff2e91); font-weight:900; margin-bottom:5px; }
.card-content strong { font-size:20px; max-width:85%; line-height:1; letter-spacing:-.04em; }
.card-meta { display:flex; align-items:center; gap:8px; font-size:9px; color:#aaa1ad; margin-top:10px; }
.card-meta span + span { border-left:1px solid rgba(255,255,255,.22); padding-left:8px; color:#e7dfe9; font-weight:800; }
.card-plus { position:absolute; z-index:3; right:12px; bottom:12px; width:25px; height:25px; border:1px solid rgba(255,255,255,.3); border-radius:50%; display:grid; place-items:center; font-size:16px; font-weight:300; }
.new-chip { position:absolute; z-index:4; left:12px; top:12px; border-radius:4px; padding:6px 8px; background:#fff; color:#08060a; font-size:7px; font-weight:950; letter-spacing:.16em; box-shadow:0 6px 22px rgba(0,0,0,.35); }
.soon-chip { color:#fff; background:#8d50ff; }
.preview-chip { position:absolute; z-index:5; left:12px; top:12px; padding:6px 8px; border-radius:4px; background:rgba(8,6,10,.76); border:1px solid rgba(255,255,255,.25); backdrop-filter:blur(10px); font-size:7px; letter-spacing:.14em; font-weight:900; pointer-events:none; }
.experience-card:has(.new-chip) .preview-chip { left:auto; right:12px; }
.tone-door { --accent:#ff304f; --glow:rgba(255,30,75,.72); --dark:#21070c; }
.tone-simulator { --accent:#b077ff; --glow:rgba(119,52,255,.7); --dark:#0d0924; }
.tone-pink { --accent:#ff52ae; --glow:rgba(255,49,157,.65); --dark:#210817; }
.tone-acid { --accent:#ca70ff; --glow:rgba(188,53,255,.65); --dark:#1b0825; }
.tone-chrono { --accent:#ff5a74; --glow:rgba(255,48,90,.55); --dark:#22070d; }
.tone-warm { --accent:#ff778b; --glow:rgba(255,82,102,.58); --dark:#25090c; }
.tone-blackmail { --accent:#bd67ff; --glow:rgba(154,55,255,.6); --dark:#12071d; }
.tone-story { --accent:#f6b34f; --glow:rgba(255,134,48,.54); --dark:#241007; }
.tone-room { --accent:#fa3f9e; --glow:rgba(255,46,145,.63); --dark:#1e0718; }

.signal-banner { position:relative; margin: 35px 4.5vw 88px; min-height:370px; display:grid; grid-template-columns:1.1fr .9fr; align-items:center; overflow:hidden; border:1px solid rgba(177,116,255,.24); border-radius:14px; background:radial-gradient(circle at 74% 45%,rgba(126,47,255,.23),transparent 20%),linear-gradient(120deg,#0a0710,#10091c 62%,#08060c); box-shadow:0 30px 90px rgba(0,0,0,.35); }
.signal-banner::before { content:""; position:absolute; inset:0; opacity:.2; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:45px 45px; mask-image:linear-gradient(90deg,transparent,#000); }
.signal-copy { padding:54px; position:relative; z-index:2; }
.signal-copy > p:first-child { color:#ad73ff; font-size:8px; letter-spacing:.28em; font-weight:900; }
.signal-copy h2 { margin:9px 0 0; font-size:clamp(42px,5vw,77px); letter-spacing:-.07em; line-height:.88; }
.signal-copy h2 span { color:transparent; -webkit-text-stroke:1px #b581ff; }
.signal-copy h3 { margin:18px 0 8px; font-size:20px; }
.signal-description { max-width:570px; color:#a99ead; font-size:13px; line-height:1.65; }
.signal-copy button { color:#fff; background:transparent; border:0; padding:0; cursor:pointer; font-size:12px; font-weight:800; }
.signal-copy button span { color:#b177ff; margin-left:8px; }
.signal-rings { position:absolute; right:-60px; top:-130px; width:480px; height:480px; border-radius:50%; border:1px solid rgba(177,116,255,.09); }
.signal-rings span { position:absolute; inset:50px; border:1px solid rgba(177,116,255,.08); border-radius:50%; }
.signal-rings span:nth-child(2){ inset:105px; }.signal-rings span:nth-child(3){ inset:160px; }
.voice-ui { position:relative; z-index:2; margin:40px; height:220px; border:1px solid rgba(192,150,255,.2); border-radius:12px; background:rgba(4,2,8,.6); display:grid; align-content:center; padding:30px; box-shadow:inset 0 0 45px rgba(122,52,233,.09); }
.voice-label { font-size:7px; letter-spacing:.27em; color:#9c8ba7; }.voice-label span{display:inline-block;width:5px;height:5px;background:#b16cff;border-radius:50%;box-shadow:0 0 8px #b16cff;margin-right:7px;}
.wave { height:70px; display:flex; gap:4px; align-items:center; margin:20px 0; }
.wave i { display:block; flex:1; max-width:6px; border-radius:4px; background:linear-gradient(#e4cfff,#8b4cff); box-shadow:0 0 9px rgba(164,92,255,.55); animation:wave 1.6s ease-in-out infinite alternate; }.wave i:nth-child(2n){animation-delay:-.5s}.wave i:nth-child(3n){animation-delay:-1s}
@keyframes wave { to { transform:scaleY(.35); opacity:.5; } }
.voice-ui p { margin:0; color:#d6c8dc; font-size:13px; }

.upcoming-zone { margin:35px 4.5vw 88px; }
.upcoming-count { color:#817887; font-size:8px; font-weight:800; letter-spacing:.2em; }
.upcoming-feature { --project-accent:#7357ff; position:relative; min-height:430px; display:grid; grid-template-columns:1.05fr .95fr; align-items:stretch; overflow:hidden; border:1px solid color-mix(in srgb,var(--project-accent) 38%,rgba(255,255,255,.08)); border-radius:17px; background:radial-gradient(circle at 75% 42%,color-mix(in srgb,var(--project-accent) 25%,transparent),transparent 27%),linear-gradient(125deg,#08070b 0%,#130d19 54%,#08070b 100%); box-shadow:0 38px 100px rgba(0,0,0,.48),0 0 75px color-mix(in srgb,var(--project-accent) 8%,transparent); isolation:isolate; }
.upcoming-grid { position:absolute; z-index:-1; inset:0; opacity:.18; background-image:linear-gradient(rgba(255,255,255,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:52px 52px; mask-image:linear-gradient(90deg,transparent 4%,#000 45%,#000 100%); }
.upcoming-orbit { position:absolute; z-index:-1; border:1px solid color-mix(in srgb,var(--project-accent) 28%,transparent); border-radius:50%; pointer-events:none; animation:upcomingOrbit 16s linear infinite; }
.orbit-one { width:520px;height:520px;right:-180px;top:-230px;box-shadow:0 0 0 55px color-mix(in srgb,var(--project-accent) 3%,transparent),0 0 0 112px color-mix(in srgb,var(--project-accent) 2%,transparent); }
.orbit-two { width:180px;height:180px;left:43%;bottom:-110px;animation-direction:reverse;animation-duration:11s; }
@keyframes upcomingOrbit { to { transform:rotate(360deg) scale(1.04); } }
.upcoming-copy { position:relative; z-index:2; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:60px; }
.upcoming-copy>p:first-child { display:flex;align-items:center;gap:9px;margin:0 0 16px;color:color-mix(in srgb,var(--project-accent) 82%,white);font-size:8px;font-weight:900;letter-spacing:.28em; }
.upcoming-copy>p:first-child span { width:7px;height:7px;border-radius:50%;background:var(--project-accent);box-shadow:0 0 16px var(--project-accent);animation:pulse 1.4s ease infinite; }
.upcoming-copy h2 { max-width:670px;margin:0;font-size:clamp(48px,5.6vw,86px);line-height:.86;letter-spacing:-.07em;text-wrap:balance; }
.upcoming-release { display:flex;align-items:center;gap:12px;margin:24px 0 0;padding:10px 13px;border:1px solid color-mix(in srgb,var(--project-accent) 35%,rgba(255,255,255,.12));border-radius:7px;background:color-mix(in srgb,var(--project-accent) 8%,rgba(0,0,0,.38)); }
.upcoming-release small { color:#8e8592;font-size:7px;letter-spacing:.2em; }.upcoming-release strong{font-size:11px;color:#efe9f2}
.upcoming-description { max-width:620px;margin:18px 0 0;color:#b2a8b6;line-height:1.7;font-size:14px; }
.upcoming-cta { display:inline-flex;align-items:center;gap:16px;margin-top:9px;padding:12px 16px;border:1px solid color-mix(in srgb,var(--project-accent) 44%,rgba(255,255,255,.12));border-radius:7px;background:color-mix(in srgb,var(--project-accent) 13%,rgba(0,0,0,.3));font-size:11px;font-weight:800;transition:.25s ease; }
.upcoming-cta:hover { transform:translateY(-2px);border-color:var(--project-accent);box-shadow:0 12px 30px color-mix(in srgb,var(--project-accent) 16%,transparent); }.upcoming-cta>span{color:var(--project-accent)}.upcoming-cta-muted{cursor:default;color:#9a919e}.upcoming-cta-muted:hover{transform:none;box-shadow:none}
.upcoming-visual { position:relative;z-index:2;min-height:360px;margin:32px 32px 32px 0;overflow:hidden;border:1px solid color-mix(in srgb,var(--project-accent) 32%,rgba(255,255,255,.08));border-radius:12px;background:radial-gradient(circle,color-mix(in srgb,var(--project-accent) 18%,transparent),#050407 68%);box-shadow:inset 0 0 60px rgba(0,0,0,.5); }
.upcoming-visual img,.upcoming-visual video { position:absolute;inset:0;width:100%;height:100%;object-fit:cover; }.upcoming-visual img{object-fit:contain;padding:7%;filter:drop-shadow(0 18px 38px #000)}
.upcoming-visual:after { content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 52%,rgba(4,3,6,.82));pointer-events:none; }
.upcoming-scanline { position:absolute;z-index:3;left:0;right:0;top:-3px;height:2px;background:linear-gradient(90deg,transparent,var(--project-accent),transparent);box-shadow:0 0 14px var(--project-accent);animation:upcomingScan 5s ease-in-out infinite; }
@keyframes upcomingScan { 50% { transform:translateY(350px);opacity:.8 } 51% { opacity:0 } }
.upcoming-status { position:absolute;z-index:4;left:20px;right:20px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:12px 14px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:rgba(7,5,9,.67);backdrop-filter:blur(12px); }
.upcoming-status>span{width:7px;height:7px;border-radius:50%;background:#47f7a0;box-shadow:0 0 13px #47f7a0}.upcoming-status small{font-size:7px;letter-spacing:.22em;color:#a69cab}.upcoming-status strong{font-size:9px;color:color-mix(in srgb,var(--project-accent) 70%,white)}
.upcoming-placeholder { position:absolute;inset:0;display:grid;place-items:center }.upcoming-placeholder span{font-size:120px;font-weight:950;color:transparent;-webkit-text-stroke:1px color-mix(in srgb,var(--project-accent) 60%,white);text-shadow:0 0 60px var(--project-accent)}
.upcoming-project-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px }.upcoming-project-grid article{position:relative;overflow:hidden;min-height:260px;padding:25px;border:1px solid color-mix(in srgb,var(--project-accent) 28%,rgba(255,255,255,.1));border-radius:12px;background:linear-gradient(145deg,color-mix(in srgb,var(--project-accent) 10%,#0d0a10),#09070b)}.upcoming-project-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.25;mask-image:linear-gradient(180deg,#000,transparent)}.upcoming-project-grid article>span,.upcoming-project-grid h3,.upcoming-project-grid p,.upcoming-project-grid small,.upcoming-project-grid a{position:relative;z-index:2}.upcoming-project-grid article>span{color:var(--project-accent);font-size:7px;font-weight:900;letter-spacing:.2em}.upcoming-project-grid h3{margin:12px 0 8px;font-size:28px;line-height:.95}.upcoming-project-grid p{color:#aaa0ad;font-size:12px;line-height:1.55}.upcoming-project-grid small{display:block;color:#837a86}.upcoming-project-grid a{display:inline-block;margin-top:17px;color:#fff;font-size:11px;font-weight:800}
.simulator-logo { position:absolute; right:18px; top:17px; width:118px; max-height:48px; object-fit:contain; object-position:right center; filter:drop-shadow(0 0 14px rgba(177,108,255,.5)); }

.delivery-strip { width:calc(100% - 9vw); margin:0 4.5vw 58px; min-height:58px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:linear-gradient(90deg,rgba(255,46,145,.08),rgba(139,92,255,.05)); color:#fff; display:flex; align-items:center; gap:16px; padding:12px 20px; text-align:left; cursor:pointer; }
.delivery-strip strong { font-size:9px; letter-spacing:.18em; color:#ff7fbb; }
.delivery-strip > span:not(.delivery-pulse) { font-size:12px; color:#d7cfd9; }
.delivery-strip small { margin-left:auto; color:#8e8491; font-size:9px; }
.delivery-strip i { color:var(--pink); font-style:normal; }
.delivery-pulse { width:7px; height:7px; border-radius:50%; background:#ff2e91; box-shadow:0 0 12px #ff2e91; animation:pulse 1.5s ease infinite; flex:0 0 auto; }

.universe-mode { margin:-32px 4.5vw 64px; padding:18px 20px; display:flex; align-items:center; justify-content:space-between; gap:25px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:radial-gradient(circle at 80% 50%,var(--mode-glow,rgba(139,92,255,.15)),transparent 34%),rgba(12,9,14,.88); box-shadow:0 18px 55px rgba(0,0,0,.25); }
.universe-mode>div:first-child { display:grid; grid-template-columns:auto 1fr; gap:4px 14px; align-items:center; }
.universe-mode p { grid-row:1/3; margin:0; color:var(--pink); font-size:7px; letter-spacing:.25em; font-weight:900; }
.universe-mode strong { font-size:14px; }.universe-mode>div:first-child>span{color:#7f7582;font-size:10px}
.mode-controls { display:flex; gap:5px; padding:4px; border:1px solid rgba(255,255,255,.1); border-radius:999px; background:rgba(0,0,0,.3); }
.mode-controls button { min-width:92px; padding:9px 13px; border:0; border-radius:999px; background:transparent; color:#8f8592; cursor:pointer; font-size:9px; font-weight:800; transition:.25s ease; }
.mode-controls button.active { color:#09070b; background:#fff; box-shadow:0 0 24px rgba(255,255,255,.15); }.mode-controls button.active.natacha{background:#ff57aa}.mode-controls button.active.pornochic{background:#bd69ff;color:#fff}

.category-hub { margin:0 0 70px; padding:0 4.5vw; }
.category-grid { display:grid; grid-template-columns:repeat(5,1fr); gap:8px; }
.category-grid button { min-height:92px; display:grid; grid-template-columns:24px 1fr auto; align-items:center; gap:10px; padding:16px; border:1px solid rgba(255,255,255,.1); border-radius:9px; background:linear-gradient(135deg,rgba(255,255,255,.035),rgba(255,46,145,.025)); text-align:left; cursor:pointer; transition:transform .22s ease,border-color .22s ease,background .22s ease; }
.category-grid button:hover { transform:translateY(-4px); border-color:rgba(255,82,161,.45); background:linear-gradient(135deg,rgba(255,46,145,.12),rgba(139,92,255,.06)); }.category-grid button>span{font-size:7px;color:var(--pink);letter-spacing:.15em}.category-grid div{display:grid;gap:4px}.category-grid strong{font-size:13px}.category-grid small{font-size:8px;color:#776e7a;line-height:1.35}.category-grid i{font-style:normal;color:#665d69}

.story-highlights-section { margin:0 0 82px; padding:0 4.5vw; }
.stories-hint { color:#756b78; font-size:9px; letter-spacing:.08em; }
.story-highlights { display:flex; gap:26px; overflow-x:auto; padding:6px 4px 17px; scrollbar-width:thin; scrollbar-color:#3d303f transparent; }
.story-highlight { width:112px; flex:0 0 112px; display:grid; justify-items:center; gap:7px; padding:0; border:0; background:transparent; cursor:pointer; }
.story-highlight>span { width:92px;height:92px;padding:4px;position:relative;overflow:hidden;border-radius:50%;background:linear-gradient(135deg,#ff2e91,#a14fff 55%,#ff6d37);box-shadow:0 0 0 1px rgba(255,255,255,.1),0 12px 35px rgba(0,0,0,.32);transition:transform .25s ease,box-shadow .25s ease}.story-highlight>span::after{content:"";position:absolute;inset:5px;border:3px solid #09070b;border-radius:50%;pointer-events:none}.story-highlight img,.story-highlight video{width:100%;height:100%;object-fit:cover;border-radius:50%}.story-highlight:hover>span{transform:scale(1.06);box-shadow:0 0 32px rgba(255,46,145,.25)}.story-highlight strong{font-size:11px;line-height:1.1}.story-highlight small{font-size:6px;letter-spacing:.18em;color:#756d78}.story-highlight.natacha>span{background:linear-gradient(135deg,#ff75bb,#ff2e91)}.story-highlight.madame>span{background:linear-gradient(135deg,#b86cff,#ff345e)}.story-highlight.live>span{animation:storyRing 1.8s ease-in-out infinite alternate}.story-highlight.live small{color:#ff5a9f;font-weight:900}@keyframes storyRing{to{box-shadow:0 0 0 4px rgba(255,46,145,.08),0 0 35px rgba(255,46,145,.42)}}

.desire-scanner { margin:35px 4.5vw 88px; padding:45px; border:1px solid rgba(255,46,145,.22); border-radius:14px; background:radial-gradient(circle at 8% 0,rgba(255,46,145,.13),transparent 29%),linear-gradient(135deg,#100911,#09070b); position:relative; overflow:hidden; }
.desire-scanner::after { content:""; position:absolute; inset:0; pointer-events:none; opacity:.12; background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:42px 42px; mask-image:linear-gradient(90deg,transparent,#000); }
.scanner-copy,.scanner-console,.scanner-results { position:relative; z-index:2; }
.scanner-copy { display:grid; grid-template-columns:1fr 1fr; align-items:end; gap:25px; margin-bottom:35px; }
.scanner-copy p { grid-column:1/-1; margin:0; font-size:8px; letter-spacing:.33em; color:#ff69ae; font-weight:900; }
.scanner-copy h2 { margin:0; font-size:clamp(30px,4vw,58px); letter-spacing:-.055em; line-height:.95; }
.scanner-copy > span { color:#9f94a2; max-width:520px; line-height:1.7; font-size:13px; }
.scanner-console { border:1px solid rgba(255,255,255,.1); border-radius:10px; background:rgba(5,4,7,.7); padding:26px; display:grid; grid-template-columns:170px 1fr; gap:18px 22px; align-items:center; }
.scanner-line { display:flex; align-items:center; gap:10px; font-size:11px; }
.scanner-line span { width:27px; height:27px; display:grid; place-items:center; border:1px solid rgba(255,46,145,.4); color:#ff74b4; border-radius:50%; font-size:8px; }
.scanner-options { display:flex; gap:8px; flex-wrap:wrap; }
.scanner-options button { min-height:38px; padding:0 15px; border-radius:999px; border:1px solid rgba(255,255,255,.13); background:rgba(255,255,255,.025); color:#9e94a1; cursor:pointer; font-size:10px; }
.scanner-options button.active { color:#fff; border-color:#ff3898; background:rgba(255,46,145,.14); box-shadow:0 0 20px rgba(255,46,145,.09); }
.scan-status { grid-column:1/-1; border-top:1px solid rgba(255,255,255,.08); padding-top:17px; display:flex; gap:9px; align-items:center; font-size:9px; letter-spacing:.12em; color:#6f6671; text-transform:uppercase; }
.scan-status span { width:6px; height:6px; background:#514a53; border-radius:50%; }
.scan-status.ready { color:#d9cfe0; }.scan-status.ready span{background:#6affc0;box-shadow:0 0 10px #6affc0;}
.scanner-results { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; animation:fadeIn .25s ease; }
.scanner-results .experience-card { height:195px; }

.universe-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.universe-card { height:310px; border-radius:12px; padding:35px; border:1px solid rgba(255,255,255,.1); text-align:left; cursor:pointer; position:relative; overflow:hidden; background:#140c13; transition:transform .25s ease,border-color .25s ease; }
.universe-card:hover { transform:translateY(-5px); border-color:rgba(255,255,255,.27); }
.universe-card::before { content:""; position:absolute; width:390px; height:390px; border:1px solid rgba(255,255,255,.13); border-radius:50%; right:-125px; top:-130px; box-shadow:0 0 0 42px rgba(255,255,255,.025),0 0 0 88px rgba(255,255,255,.018); }
.universe-card::after { content:""; position:absolute; width:170px; height:250px; right:12%; bottom:-42px; border:1px solid var(--universe-accent); background:radial-gradient(circle at 50% 25%,var(--universe-glow),transparent 18%),linear-gradient(135deg,transparent,rgba(0,0,0,.8)); box-shadow:0 0 50px var(--universe-glow); transform:skewX(-4deg); }
.universe-card > img { position:absolute; inset:0 0 0 auto; width:58%; height:100%; object-fit:cover; object-position:center; opacity:.62; filter:saturate(.9) contrast(1.06); }
.universe-card::after { width:100%; height:100%; right:0; bottom:0; border:0; box-shadow:none; transform:none; background:linear-gradient(90deg,rgba(13,5,11,.99) 0%,rgba(13,5,11,.82) 48%,rgba(13,5,11,.12) 100%),linear-gradient(0deg,rgba(8,4,7,.82),transparent 56%); }
.universe-natacha { --universe-accent:#ff4daa; --universe-glow:rgba(255,48,150,.5); background:linear-gradient(120deg,#190812,#250b1d); }
.universe-pornochic { --universe-accent:#fa304f; --universe-glow:rgba(255,35,68,.48); background:linear-gradient(120deg,#140508,#21080c); }
.universe-code { font-size:7px; letter-spacing:.3em; color:var(--universe-accent); font-weight:900; }
.universe-card strong { display:block; position:relative; z-index:2; margin:28px 0 12px; font-size:38px; line-height:.88; letter-spacing:-.06em; }
.universe-card p { position:relative; z-index:2; color:#a99da8; max-width:270px; font-size:12px; line-height:1.6; }
.universe-link { position:absolute; z-index:2; left:35px; bottom:30px; font-size:11px; font-weight:800; }.universe-link i{font-style:normal;color:var(--universe-accent);margin-left:8px;}

.about-section { margin:0 4.5vw 88px; min-height:580px; display:grid; grid-template-columns:.82fr 1.18fr; border:1px solid rgba(255,255,255,.11); border-radius:14px; overflow:hidden; background:radial-gradient(circle at 65% 20%,rgba(255,46,145,.1),transparent 35%),#0d0910; }
.about-portrait { position:relative; min-height:580px; overflow:hidden; background:radial-gradient(circle at 48% 35%,rgba(255,46,145,.35),transparent 17%),linear-gradient(135deg,#240b1c,#09060b); }.about-portrait::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#0d0910,transparent 55%),linear-gradient(90deg,transparent 65%,#0d0910)}
.about-portrait img { width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.82) contrast(1.05); }
.about-portrait span { position:absolute;z-index:2;left:30px;right:30px;bottom:27px;font-size:7px;letter-spacing:.23em;color:#ddd1df; }
.about-copy { padding:64px;align-self:center; }.about-copy>p:first-child,.contact-cta p,.eyebrow{font-size:8px;letter-spacing:.3em;color:#ff5ba6;font-weight:900}.about-copy h2{font-size:clamp(35px,4vw,64px);line-height:.96;letter-spacing:-.06em;margin:14px 0 28px}.about-copy h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68)}.about-copy>p:not(:first-child){color:#aaa0ad;line-height:1.8;font-size:14px;max-width:720px}.about-stats{display:flex;gap:28px;margin-top:35px;padding-top:25px;border-top:1px solid rgba(255,255,255,.1)}.about-stats span{display:grid;gap:5px;color:#8d8490;font-size:9px;text-transform:uppercase;letter-spacing:.1em}.about-stats strong{font-size:23px;color:#fff;letter-spacing:-.04em}
.classic-catalog { margin:0 4.5vw 88px; padding:48px; display:grid; grid-template-columns:.72fr 1.28fr; gap:45px; align-items:center; border:1px solid rgba(255,255,255,.11); border-radius:14px; background:radial-gradient(circle at 10% 20%,rgba(255,46,145,.14),transparent 36%),#0c090e; }
.classic-copy>p:first-child{font-size:8px;letter-spacing:.28em;color:var(--pink);font-weight:900}.classic-copy h2{font-size:clamp(34px,4vw,62px);line-height:.94;letter-spacing:-.055em;margin:14px 0 23px}.classic-copy h2 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.62)}.classic-copy>p:last-child{max-width:520px;color:#988e9b;font-size:13px;line-height:1.75}
.classic-links{display:grid;grid-template-columns:1fr 1fr;gap:12px}.classic-links a{height:300px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:11px;background:#100b12}.classic-links img{width:100%;height:100%;object-fit:cover;object-position:center 22%;transition:transform .45s ease}.classic-links a:hover img{transform:scale(1.04)}.classic-links a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,7,.98),rgba(5,3,7,.05) 72%)}.classic-links a>span{position:absolute;z-index:2;left:20px;right:20px;bottom:19px;display:grid;gap:5px}.classic-links small{font-size:7px;letter-spacing:.2em;color:var(--pink)}.classic-links strong{font-size:24px;letter-spacing:-.04em}.classic-links em{font-size:10px;color:#b3a9b6;font-style:normal}
.contact-cta { margin:0 4.5vw 20px; padding:45px; border:1px solid rgba(255,46,145,.2); border-radius:14px; background:linear-gradient(120deg,rgba(255,46,145,.12),rgba(139,92,255,.08)); display:flex;align-items:center;justify-content:space-between;gap:30px}.contact-cta p{margin:0 0 10px}.contact-cta h2{margin:0;font-size:clamp(25px,3vw,42px);letter-spacing:-.04em}.contact-cta>a{display:flex;align-items:center;justify-content:center;min-width:220px}.contact-cta>a span{margin-left:10px}

.steps { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.1); border-radius:11px; overflow:hidden; }
.four-steps { grid-template-columns:repeat(4,1fr); }
.steps article { background:#0d0b10; padding:34px; min-height:205px; }
.steps article > span { font-size:10px; color:var(--pink); letter-spacing:.2em; }
.steps h3 { margin:31px 0 10px; font-size:17px; }.steps p{margin:0;color:#918895;font-size:12px;line-height:1.7;}

footer { padding:55px 4.5vw 105px; border-top:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:1fr 1fr; gap:25px; align-items:center; color:#8d838f; font-size:11px; }
.footer-brand { color:#fff; width:max-content; }.footer-brand .brand-mark{width:28px;height:28px}.footer-brand > span:nth-child(2){font-size:16px}
footer p { text-align:right; } footer nav { display:flex; gap:20px; } footer small{text-align:right;}

.mobile-nav { display:none; }
.modal-backdrop { position:fixed; inset:0; z-index:90; display:grid; place-items:center; padding:20px; background:rgba(3,2,5,.86); backdrop-filter:blur(16px); animation:fadeIn .18s ease; }
@keyframes fadeIn { from{opacity:0} }
.quick-view { width:min(1080px,100%); min-height:600px; max-height:90vh; border:1px solid rgba(255,255,255,.16); border-radius:15px; background:#0e0b10; overflow:hidden; display:grid; grid-template-columns:1.05fr .95fr; position:relative; box-shadow:0 35px 120px #000; }
.modal-close { position:absolute; z-index:4; top:13px; right:13px; width:34px; height:34px; border-radius:50%; border:1px solid rgba(255,255,255,.2); background:rgba(0,0,0,.55); cursor:pointer; font-size:22px; }
.modal-visual { position:relative; inset:auto; min-height:100%; background:radial-gradient(circle, color-mix(in srgb,var(--accent) 15%,transparent),#050405 65%); }.modal-visual::after{content:"";position:absolute;inset:0;border:1px solid color-mix(in srgb,var(--accent) 35%,transparent);box-shadow:inset 0 0 60px rgba(0,0,0,.38);pointer-events:none;}
.modal-visual img,.modal-visual video { position:absolute; inset:0; width:100%; height:100%; object-fit:contain; background:#050405; }
.modal-visual video { object-fit:contain; z-index:2; }
.modal-scan { position:absolute; z-index:2; left:0; right:0; height:1px; background:var(--accent); box-shadow:0 0 10px var(--accent); animation:scan 3s linear infinite; }
@keyframes scan { from{top:8%}to{top:92%} }
.modal-content { padding:55px 45px; align-self:center; }.modal-content > p:first-child{font-size:8px;letter-spacing:.25em;text-transform:uppercase;color:var(--accent);font-weight:900}.modal-content h2{font-size:45px;line-height:.9;letter-spacing:-.06em;margin:10px 0 22px}.modal-description{color:#aaa0ad;line-height:1.7;font-size:14px}.modal-actions{display:flex;align-items:center;justify-content:space-between;margin:27px 0}.modal-actions strong{font-size:18px}.modal-content small{color:#6f6671;font-size:9px}.modal-content .primary-button:disabled{opacity:.6;cursor:not-allowed}
.teaser-toggle { border:0; background:transparent; color:#d8cedc; padding:0; cursor:pointer; font-size:11px; font-weight:800; }.teaser-toggle span{color:var(--accent);margin-left:7px;}
.full-page-link { display:inline-flex;margin-left:18px;color:#fff;font-size:11px;font-weight:850;border-bottom:1px solid rgba(255,255,255,.3);padding-bottom:3px}.full-page-link span{color:var(--accent);margin-left:7px}
.quick-secure { display:flex; align-items:center; gap:7px; margin:22px 0 -13px; color:#aca3af; font-size:9px; }
.quick-secure span { width:18px; height:18px; display:grid; place-items:center; border-radius:50%; background:rgba(61,221,151,.12); color:#56e8a5; font-weight:950; }

.buy-flow { position:relative; width:min(640px,100%); max-height:92vh; overflow-y:auto; border:1px solid rgba(255,255,255,.16); border-radius:15px; background:radial-gradient(circle at 80% 0,rgba(255,46,145,.12),transparent 35%),#0c090e; padding:48px; box-shadow:0 35px 120px #000; }
.buy-flow > p:first-of-type { margin:0 0 10px; font-size:8px; letter-spacing:.3em; color:#ff62aa; font-weight:900; }
.buy-flow h2 { margin:0; padding-right:35px; font-size:clamp(30px,4vw,48px); line-height:.95; letter-spacing:-.055em; }
.buy-price { display:block; margin:15px 0 25px; font-size:19px; }
.buy-timeline { display:grid; gap:1px; border:1px solid rgba(255,255,255,.09); border-radius:10px; overflow:hidden; margin:22px 0; background:rgba(255,255,255,.08); }
.buy-timeline article { display:grid; grid-template-columns:42px 1fr; gap:10px; padding:18px; background:#0d0a0f; }
.buy-timeline article > span { color:#ff5aa7; font-size:9px; letter-spacing:.15em; padding-top:2px; }
.buy-timeline div { display:grid; gap:6px; }.buy-timeline b{font-size:13px}.buy-timeline small{font-size:10px;color:#8f8592;line-height:1.55;}
.payment-link { width:100%; display:flex; align-items:center; justify-content:center; text-align:center; margin-top:20px; }.payment-link span{margin-left:9px}.buy-note{display:block;text-align:center;margin-top:13px;color:#665e68;font-size:8px;}
.access-intro { color:#9c929f; line-height:1.7; font-size:13px; }

.search-panel { position:fixed; inset:0; z-index:100; overflow-y:auto; background:rgba(7,6,10,.98); backdrop-filter:blur(18px); padding:60px 5vw 80px; animation:fadeIn .18s ease; }
.search-top { display:flex; justify-content:space-between; align-items:start; max-width:1500px; margin:auto; }.search-top p{font-size:8px;letter-spacing:.35em;color:var(--pink)}.search-top h2{font-size:clamp(32px,4vw,58px);margin:7px 0;letter-spacing:-.055em}.search-top button{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:transparent;cursor:pointer;font-size:25px}
.search-box { max-width:800px; margin:35px auto 20px; height:60px; border-bottom:1px solid rgba(255,255,255,.3); display:flex; align-items:center; gap:17px; color:#b3a8b6; }.search-box input{flex:1;background:transparent;border:0;outline:0;color:#fff;font-size:19px}.search-box input::placeholder{color:#5f5761}
.filter-groups { display:grid; gap:9px; margin:20px 0 27px; }
.filter-row { display:flex;justify-content:center;gap:7px;margin:0; }.filter-row button{border:1px solid var(--line);border-radius:999px;background:transparent;padding:9px 15px;cursor:pointer;font-size:10px;color:#948a97}.filter-row button.active{border-color:var(--pink);color:#fff;background:rgba(255,46,145,.1)}
.result-count { max-width:1500px; margin:0 auto 14px; color:#6e6571; font-size:9px; letter-spacing:.13em; text-transform:uppercase; }
.search-results { max-width:1500px;margin:auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.search-results .experience-card{height:190px}

.story-viewer-backdrop { position:fixed; inset:0; z-index:180; display:grid; place-items:center; padding:16px; background:rgba(2,1,3,.94); backdrop-filter:blur(22px); animation:fadeIn .18s ease; }
.story-viewer { width:min(440px,100%); height:min(820px,94vh); position:relative; overflow:hidden; border:1px solid rgba(255,255,255,.18); border-radius:18px; background:#060407; box-shadow:0 35px 130px #000; }
.story-progress { position:absolute; z-index:8; top:11px; left:12px; right:12px; display:flex; gap:4px; }.story-progress>span{height:3px;flex:1;overflow:hidden;border-radius:10px;background:rgba(255,255,255,.26)}.story-progress i{display:block;height:100%;background:#fff;border-radius:inherit;transition:width .06s linear}
.story-viewer>header { position:absolute; z-index:8; top:25px; left:14px; right:12px; display:flex; align-items:center; gap:10px; }.mini-brand{width:31px;height:31px;display:grid;place-items:center;border:1px solid #ff4c9f;border-radius:50%;background:#130910;font-weight:950}.story-viewer>header>div{display:grid;gap:2px}.story-viewer>header strong{font-size:11px}.story-viewer>header small{font-size:7px;color:#b4aab8}.story-viewer>header button{margin-left:auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(0,0,0,.5);font-size:23px;cursor:pointer}
.story-stage { position:absolute; inset:0; }.story-stage>img,.story-stage>video{width:100%;height:100%;object-fit:cover}.story-stage-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55),transparent 22%,transparent 58%,rgba(0,0,0,.92))}.story-zone{position:absolute;z-index:4;top:80px;bottom:155px;width:38%;border:0;background:transparent;cursor:pointer}.story-zone.previous{left:0}.story-zone.next{right:0}.story-zone:disabled{cursor:default}.story-caption{position:absolute;z-index:6;left:24px;right:24px;bottom:25px;display:grid;gap:9px}.story-caption>small{font-size:7px;letter-spacing:.2em;color:#ff70b3;font-weight:900}.story-caption>strong{font-size:28px;line-height:.95;letter-spacing:-.05em;text-shadow:0 3px 20px #000}.story-caption>button,.story-caption>a{width:100%;min-height:45px;display:flex;align-items:center;justify-content:center;border:0;border-radius:6px;background:#fff;color:#08060a;font-size:11px;font-weight:900;cursor:pointer}.story-caption span{margin-left:8px}

.story-admin-page { min-height:100vh; background:radial-gradient(circle at 20% 10%,rgba(255,46,145,.13),transparent 30%),#07060a; }
.story-admin-shell { max-width:1400px; margin:auto; padding:75px 5vw 110px; }.story-admin-intro{max-width:830px;margin-bottom:45px}.story-admin-intro>p:first-child,.active-story-list>p{font-size:8px;letter-spacing:.3em;color:#ff5ba6;font-weight:900}.story-admin-intro h1{font-size:clamp(52px,7vw,100px);line-height:.86;letter-spacing:-.07em;margin:16px 0 28px}.story-admin-intro h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.65)}.story-admin-intro>p:last-child{max-width:650px;color:#aaa0ad;line-height:1.8;font-size:14px}
.story-admin-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:28px;align-items:start}.story-publisher{display:grid;grid-template-columns:minmax(260px,.7fr) 1fr;gap:25px;padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d0910}.upload-drop{position:relative;aspect-ratio:9/16;overflow:hidden;border:1px dashed rgba(255,82,161,.45);border-radius:12px;background:radial-gradient(circle,rgba(255,46,145,.12),transparent 55%),#09070b;cursor:pointer}.upload-drop>input{position:absolute;width:1px;height:1px;opacity:0}.upload-drop>span{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:9px;padding:30px;text-align:center}.upload-drop b{width:55px;height:55px;display:grid;place-items:center;border:1px solid rgba(255,255,255,.2);border-radius:50%;font-size:27px}.upload-drop strong{font-size:13px}.upload-drop small{color:#776e7a;font-size:9px;line-height:1.5}.upload-drop img,.upload-drop video{width:100%;height:100%;object-fit:cover}.publisher-fields{display:grid;align-content:center;gap:17px}.publisher-fields label{display:grid;gap:8px;color:#aca1af;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.publisher-fields input,.publisher-fields select{width:100%;padding:13px;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#08060a;color:#fff;outline:none;text-transform:none}.publisher-fields input:focus,.publisher-fields select:focus{border-color:#ff4ca0}.publisher-fields .primary-button{width:100%}.publisher-message{margin:0;color:#ff77b5;font-size:11px;text-align:center}
.active-story-list{padding:28px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:#0d0910}.active-story-list>p{margin:0}.active-story-list>h2{font-size:33px;margin:9px 0 24px}.active-story-list article{display:grid;grid-template-columns:78px 1fr;gap:14px;padding:12px 0;border-top:1px solid rgba(255,255,255,.09)}.active-story-list article>div{width:78px;aspect-ratio:9/16;overflow:hidden;border-radius:7px;background:#050405}.active-story-list article img,.active-story-list article video{width:100%;height:100%;object-fit:cover}.active-story-list article>span{display:grid;align-content:center;justify-items:start;gap:6px}.active-story-list article strong{font-size:13px}.active-story-list article small{font-size:9px;color:#8f8592}.active-story-list article button{padding:0;border:0;background:transparent;color:#ff6683;font-size:9px;cursor:pointer}.empty-story{min-height:250px;display:grid;place-content:center;justify-items:center;gap:8px;text-align:center;border:1px dashed rgba(255,255,255,.11);border-radius:10px;color:#7e7481}.empty-story>span{font-size:40px;color:#ff5aa7}.empty-story strong{font-size:13px;color:#bfb5c2}.empty-story small{font-size:9px}.admin-denied{max-width:800px;margin:100px auto;padding:0 30px}.admin-denied>p{font-size:8px;letter-spacing:.3em;color:#ff5ba6;font-weight:900}.admin-denied h1{font-size:clamp(42px,7vw,80px);line-height:.92;letter-spacing:-.06em}.admin-denied>span{display:block;color:#aaa0ad;margin:25px 0}.admin-denied>a{display:inline-flex;align-items:center;justify-content:center}

.age-gate { position:fixed; inset:0; z-index:200; display:grid; place-items:center; padding:20px; background:radial-gradient(circle at 50% 35%,rgba(172,35,119,.22),transparent 30%),rgba(3,2,5,.96); backdrop-filter:blur(25px); }
.age-gate-panel { width:min(560px,100%); min-height:570px; position:relative; overflow:hidden; display:flex; flex-direction:column; align-items:center; justify-content:center; padding:55px 48px; text-align:center; border:1px solid rgba(255,255,255,.15); border-radius:18px; background:radial-gradient(circle at 50% 5%,rgba(255,46,145,.17),transparent 36%),#0d0910; box-shadow:0 40px 140px #000; }
.age-gate-panel::before{content:"";position:absolute;inset:0;opacity:.13;background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px);background-size:42px 42px;mask-image:radial-gradient(circle,#000,transparent 70%)}
.age-orbit{position:absolute;width:360px;height:360px;left:50%;top:-190px;transform:translateX(-50%);border:1px solid rgba(255,90,170,.25);border-radius:50%;box-shadow:0 0 0 38px rgba(255,255,255,.018),0 0 0 82px rgba(255,255,255,.012)}
.age-mark{position:relative;width:94px;height:94px;display:grid;place-items:center;margin-bottom:25px;border:1px solid #ff4d9f;border-radius:50%;font-size:27px;font-weight:950;box-shadow:0 0 45px rgba(255,46,145,.25),inset 0 0 25px rgba(255,46,145,.12)}.age-gate-panel>p:first-of-type{position:relative;margin:0;color:#ff62aa;font-size:8px;letter-spacing:.32em;font-weight:900}.age-gate-panel h2{position:relative;margin:13px 0 20px;font-size:clamp(38px,6vw,62px);line-height:.92;letter-spacing:-.06em}.age-gate-panel>p:nth-of-type(2){position:relative;max-width:430px;margin:0 0 26px;color:#aaa0ad;font-size:13px;line-height:1.75}.age-gate-panel .primary-button{position:relative;width:100%;min-height:54px}.age-gate-panel>a{position:relative;margin:18px 0 15px;color:#918793;font-size:11px;text-decoration:underline}.age-gate-panel>small{position:relative;color:#675f69;font-size:8px}

.subpage-header { position:relative;z-index:10;height:86px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,6,10,.94)}
.subpage-header nav{display:flex;align-items:center;gap:24px;color:#b2a8b5;font-size:11px}.subpage-header nav a:hover{color:#fff}
.product-page,.contact-page{min-height:100vh;background:radial-gradient(circle at 80% 10%,rgba(255,46,145,.08),transparent 30%),#07060a}
.product-hero { min-height:710px;position:relative;overflow:hidden;padding:70px 7vw;display:grid;grid-template-columns:minmax(350px,.85fr) minmax(420px,1.15fr);gap:7vw;align-items:center;isolation:isolate }
.product-hero-bg{position:absolute;z-index:-2;inset:-10%;background-size:cover;background-position:center;filter:blur(45px) saturate(.6);opacity:.23;transform:scale(1.12)}.product-hero::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(7,6,10,.25),#07060a 73%),linear-gradient(0deg,#07060a,transparent 30%)}
.product-poster-wrap{height:570px;position:relative;display:grid;place-items:center}.product-poster-wrap>img{max-width:100%;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 55px #000)}.product-poster-wrap>button{position:absolute;bottom:18px;min-height:48px;padding:0 20px;border:1px solid rgba(255,255,255,.25);border-radius:999px;background:rgba(9,7,11,.86);backdrop-filter:blur(18px);cursor:pointer;font-weight:800}
.product-hero-copy>p:first-child{font-size:8px;letter-spacing:.3em;color:var(--accent);font-weight:900}.product-hero-copy h1{font-size:clamp(55px,7vw,105px);line-height:.85;letter-spacing:-.075em;margin:17px 0 25px}.product-lead{max-width:680px;color:#b9afbc;line-height:1.8;font-size:16px}.product-price-line{display:flex;align-items:end;gap:18px;margin:30px 0 21px}.product-price-line strong{font-size:38px;letter-spacing:-.05em}.product-price-line span{color:#8d8490;font-size:11px;padding-bottom:6px}.product-buy{min-width:290px}.product-buy span{margin-left:12px}.product-hero-copy>small{display:block;margin-top:12px;color:#786f7b;font-size:9px}
.secure-payment-row { display:flex; align-items:center; gap:7px; margin:-9px 0 18px; color:#a69cab; font-size:9px; }
.secure-payment-row span { width:19px; height:19px; display:grid; place-items:center; border-radius:50%; background:rgba(61,221,151,.12); color:#56e8a5; font-weight:950; }
.secure-payment-row strong { padding:5px 8px; border:1px solid rgba(255,255,255,.13); border-radius:5px; color:#e5dfe7; font-size:8px; letter-spacing:.03em; }
.product-body{max-width:1450px;margin:auto;padding:80px 5vw;display:grid;grid-template-columns:1.25fr .75fr;gap:8vw;align-items:start}.product-story h2,.product-protocol h2,.related-products h2{font-size:clamp(34px,4vw,58px);line-height:.95;letter-spacing:-.055em;margin:12px 0 32px}.product-story h3{font-size:21px;line-height:1.45;margin:0 0 25px;color:#eee6f0}.product-story p:not(.eyebrow){font-size:15px;line-height:1.85;color:#aaa0ad;margin:0 0 17px}.product-story p:nth-of-type(4n){padding-left:18px;border-left:1px solid var(--accent);color:#d4cad7}
.product-protocol{position:sticky;top:25px;padding:34px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(15,11,17,.88);box-shadow:0 25px 70px rgba(0,0,0,.35)}.product-protocol ol{list-style:none;margin:25px 0;padding:0;display:grid;gap:1px;background:rgba(255,255,255,.08)}.product-protocol li{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:18px;background:#0c090e}.product-protocol li>span{font-size:8px;color:var(--accent);letter-spacing:.15em}.product-protocol li div{display:grid;gap:6px}.product-protocol li strong{font-size:12px}.product-protocol li small{color:#887e8b;line-height:1.55}.product-protocol .primary-button{width:100%}
.tech-specs{margin:0 4.5vw 90px;display:grid;grid-template-columns:repeat(3,1fr);gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.1)}.tech-specs>div{padding:35px;background:#0d0a0f}.tech-specs span{font-size:8px;color:var(--accent);letter-spacing:.2em}.tech-specs strong{display:block;font-size:19px;margin:25px 0 10px}.tech-specs p{color:#908693;line-height:1.7;font-size:12px}
.related-products{padding:0 4.5vw 100px}.related-products>div{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related-products a{height:240px;position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:11px}.related-products img{width:100%;height:100%;object-fit:cover}.related-products a::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(5,3,7,.98),rgba(5,3,7,.05) 75%)}.related-products a>span{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:grid;gap:5px}.related-products small{font-size:7px;color:var(--accent);letter-spacing:.16em;text-transform:uppercase}.related-products strong{font-size:22px}.related-products em{font-style:normal;color:#a89dac;font-size:10px}
.product-footer{min-height:100px;padding:25px 4.5vw;border-top:1px solid rgba(255,255,255,.09);display:flex;align-items:center;justify-content:space-between;color:#817886;font-size:10px}.product-footer>a:first-child{color:#fff;font-weight:900}.video-lightbox{position:relative;width:min(1100px,100%);aspect-ratio:16/9;background:#000;border:1px solid rgba(255,255,255,.18);border-radius:14px;overflow:hidden}.video-lightbox video{width:100%;height:100%;object-fit:contain}

.contact-intro{max-width:1250px;margin:auto;padding:95px 5vw 65px}.contact-intro>p:first-child{font-size:8px;letter-spacing:.32em;color:#ff5ba6;font-weight:900}.contact-intro h1{font-size:clamp(58px,8vw,118px);line-height:.86;letter-spacing:-.075em;margin:20px 0 35px}.contact-intro h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.68)}.contact-intro>p:last-child{max-width:720px;color:#aaa0ad;line-height:1.8;font-size:15px}
.contact-layout{max-width:1250px;margin:0 auto;padding:0 5vw 110px;display:grid;grid-template-columns:.85fr 1.15fr;gap:65px}.contact-reasons{display:grid;align-content:start;gap:1px;border:1px solid rgba(255,255,255,.1);border-radius:12px;overflow:hidden;background:rgba(255,255,255,.08)}.contact-reasons article{padding:25px;display:grid;grid-template-columns:44px 1fr;gap:10px;background:#0d0a0f}.contact-reasons article>span{font-size:9px;color:#ff5aa7;letter-spacing:.18em}.contact-reasons strong{font-size:16px}.contact-reasons p{color:#8f8592;line-height:1.7;font-size:11px}.contact-layout form{padding:35px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:#0d0a0f;display:grid;gap:18px}.contact-layout label{display:grid;gap:8px;color:#a79da9;font-size:10px;letter-spacing:.08em;text-transform:uppercase}.contact-layout input,.contact-layout select,.contact-layout textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:7px;background:#08060a;color:#fff;padding:13px;outline:none;text-transform:none;letter-spacing:0}.contact-layout textarea{resize:vertical}.contact-layout input:focus,.contact-layout select:focus,.contact-layout textarea:focus{border-color:#ff4ca0;box-shadow:0 0 0 3px rgba(255,46,145,.08)}.contact-layout form>small{color:#7d7480;text-align:center}

@media (max-width: 900px) {
  .desktop-nav { display:none; }
  .topbar { height:70px; padding:0 18px; position:absolute; }.account-button{font-size:0;padding-right:7px}.account-button span{margin:0}.brand small{display:none}
  .hero { min-height:760px; height:92vh; max-height:860px; padding:100px 20px 85px; align-items:flex-end; }
  .hero::after { background:linear-gradient(0deg,#07060a 5%,rgba(7,6,10,.72) 46%,transparent 72%),linear-gradient(90deg,rgba(7,6,10,.5),transparent); }
  .hero-copy { width:100%; }.hero h1{font-size:clamp(58px,18vw,90px)}.hero-description{max-width:520px}.hero-index{display:none}.scroll-hint{display:none}
  .hero-showcase{width:100%;height:54%;right:0;top:7%}.hero-poster{width:76%;height:100%;opacity:.72}.hero-teaser-card{left:18px;bottom:-14px;min-width:270px;height:66px}.hero::after{background:linear-gradient(0deg,#07060a 12%,rgba(7,6,10,.88) 47%,transparent 75%),linear-gradient(90deg,rgba(7,6,10,.34),transparent)}
  .rail-section,.universe-section,.how-section{padding:0 18px;margin-bottom:58px}.section-heading p{letter-spacing:.26em}.all-button{display:none}
  .rail { margin-right:-18px; grid-auto-columns:78vw; gap:10px; }.experience-card{height:188px}
  .delivery-strip{width:calc(100% - 36px);margin:0 18px 48px;display:grid;grid-template-columns:auto 1fr auto;gap:6px 10px;padding:14px}.delivery-strip > span:not(.delivery-pulse){grid-column:2/-1}.delivery-strip small{grid-column:2;margin:0}.delivery-strip i{grid-column:3;grid-row:1}
  .universe-mode{margin:-25px 18px 52px;display:grid;padding:18px}.universe-mode>div:first-child{grid-template-columns:1fr}.universe-mode p{grid-row:auto}.mode-controls{width:100%}.mode-controls button{min-width:0;flex:1}
  .category-hub{padding:0 18px;margin-bottom:58px}.category-grid{grid-template-columns:1fr 1fr}.category-grid button{min-height:82px}.story-highlights-section{padding:0 18px;margin-bottom:65px}.story-highlights{margin-right:-18px;gap:16px}.story-highlight{width:94px;flex-basis:94px}.story-highlight>span{width:80px;height:80px}.stories-hint{display:none}
  .signal-banner { margin:20px 18px 68px;grid-template-columns:1fr; }.signal-copy{padding:35px 27px 20px}.voice-ui{margin:15px 27px 30px;height:175px}.signal-rings{opacity:.45}
  .upcoming-zone{margin:20px 18px 68px}.upcoming-count{display:none}.upcoming-feature{grid-template-columns:1fr;min-height:0}.upcoming-copy{padding:38px 28px 25px}.upcoming-copy h2{font-size:54px}.upcoming-visual{min-height:330px;margin:0 22px 22px}.upcoming-project-grid{grid-template-columns:1fr}.orbit-one{opacity:.55}
  .desire-scanner{margin:20px 18px 68px;padding:28px 22px}.scanner-copy{grid-template-columns:1fr;gap:13px}.scanner-console{grid-template-columns:1fr}.scanner-options{margin-bottom:9px}.scanner-results{grid-template-columns:1fr}.scanner-results .experience-card{height:190px}
  .universe-grid { grid-template-columns:1fr; }.universe-card{height:275px;padding:28px}.universe-card strong{font-size:34px}.universe-link{left:28px}
  .about-section{margin:0 18px 68px;grid-template-columns:1fr}.about-portrait{min-height:440px}.about-copy{padding:37px 25px}.about-stats{flex-wrap:wrap}.classic-catalog{margin:0 18px 68px;padding:30px 22px;grid-template-columns:1fr}.classic-links a{height:280px}.contact-cta{margin:0 18px 20px;padding:30px 24px;display:grid}.contact-cta>a{min-width:0}
  .steps,.four-steps { grid-template-columns:1fr; }.steps article{min-height:auto;padding:25px}.steps h3{margin:17px 0 7px}
  footer { grid-template-columns:1fr;padding:45px 20px 110px}footer p,footer small{text-align:left}footer nav{flex-wrap:wrap}
  .mobile-nav { position:fixed; z-index:40; left:10px;right:10px;bottom:10px;height:67px;border:1px solid rgba(255,255,255,.13);border-radius:18px;background:rgba(12,9,14,.92);backdrop-filter:blur(18px);display:grid;grid-template-columns:repeat(4,1fr);padding:7px;box-shadow:0 15px 50px #000; }
  .mobile-nav a,.mobile-nav button{border:0;background:transparent;color:#7d7480;display:grid;place-items:center;font-size:8px;gap:2px}.mobile-nav span{font-size:18px}.mobile-nav .active{color:#fff}.mobile-nav .active span{color:var(--pink)}
  .quick-view { grid-template-columns:1fr; max-height:90vh; overflow-y:auto; }.modal-visual{min-height:340px}.modal-content{padding:32px 25px}.modal-content h2{font-size:38px}.modal-actions{gap:15px}.modal-actions .primary-button{padding:0 15px}.full-page-link{margin:14px 0 0;display:flex;width:max-content}
  .buy-flow{padding:38px 23px}.search-panel{padding:34px 18px 90px}.search-results{grid-template-columns:1fr}.search-results .experience-card{height:190px}.search-box{margin-top:20px}.filter-row{justify-content:flex-start;overflow-x:auto;padding-bottom:4px}.category-filters{padding-top:7px;border-top:1px solid rgba(255,255,255,.08)}
  .subpage-header{height:70px;padding:0 18px}.subpage-header nav a:not(:first-child){display:none}.product-hero{padding:40px 20px 65px;grid-template-columns:1fr;gap:35px}.product-poster-wrap{height:470px}.product-hero-copy h1{font-size:58px}.product-body{padding:55px 20px;grid-template-columns:1fr;gap:45px}.product-protocol{position:relative;top:auto}.tech-specs{margin:0 18px 68px;grid-template-columns:1fr}.related-products{padding:0 18px 85px}.related-products>div{grid-template-columns:1fr}.product-footer{align-items:flex-start;gap:15px;flex-direction:column}.contact-intro{padding:70px 20px 45px}.contact-layout{padding:0 20px 90px;grid-template-columns:1fr;gap:28px}.contact-layout form{padding:25px 20px}.story-admin-shell{padding:55px 18px 90px}.story-admin-grid{grid-template-columns:1fr}.story-publisher{grid-template-columns:minmax(240px,360px) 1fr}.story-admin-intro h1{font-size:57px}
}

@media (max-width: 480px) {
  .hero-buttons{display:grid;grid-template-columns:1fr 1fr}.primary-button,.secondary-button{padding:0 11px;font-size:11px}.hero-tags span:nth-child(4){display:none}
  .hero-description{font-size:13px;line-height:1.55}.hero-tagline{margin-top:22px}.hero-signature{margin-top:19px}.live-badge{font-size:7px}.hero-showcase{height:50%}.hero-poster{width:92%}.hero-teaser-card{right:18px;min-width:0;grid-template-columns:40px 1fr auto}.teaser-play{width:36px;height:36px}
  .rail{grid-auto-columns:84vw}.section-heading h2{font-size:24px}.signal-copy h2{font-size:48px}.voice-ui{padding:20px}.universe-card::after{right:0}
  .upcoming-copy{padding:32px 21px 22px}.upcoming-copy h2{font-size:45px}.upcoming-description{font-size:13px}.upcoming-visual{min-height:280px;margin:0 14px 14px}.upcoming-status{left:12px;right:12px;bottom:12px}.hero-copy-long h1{font-size:clamp(43px,14vw,68px)}
  .card-content strong{font-size:18px}.scanner-copy h2{font-size:34px}.scanner-options button{flex:1;min-width:125px}.delivery-strip small{font-size:8px}
  .about-portrait{min-height:370px}.about-copy h2{font-size:36px}.about-stats{gap:18px}.product-poster-wrap{height:390px}.product-hero-copy h1{font-size:48px}.product-buy{width:100%;min-width:0}.product-price-line{align-items:start;flex-direction:column;gap:4px}.contact-intro h1{font-size:58px}
  .category-grid{grid-template-columns:1fr}.category-grid button{min-height:74px}.story-viewer-backdrop{padding:0}.story-viewer{width:100%;height:100%;max-height:none;border-radius:0;border:0}.story-caption>strong{font-size:25px}.classic-links{grid-template-columns:1fr}.classic-links a{height:330px}.age-gate-panel{min-height:540px;padding:42px 24px}.age-gate-panel h2{font-size:43px}.story-publisher{grid-template-columns:1fr;padding:18px}.upload-drop{max-height:540px}.story-admin-intro h1{font-size:47px}.active-story-list{padding:20px}
}

/* WordPress integration: the prototype remains the visual source of truth. */
[aria-hidden="true"].modal-backdrop,[aria-hidden="true"].search-panel,[aria-hidden="true"].story-viewer-backdrop,[aria-hidden="true"].age-gate { display:none !important; }
html.s2050-locked,html.s2050-locked body { overflow:hidden !important; }
body.sugaryprod-home main::before {
  content:"";
  position:fixed;
  z-index:19;
  inset:0;
  pointer-events:none;
  background:radial-gradient(360px circle at var(--s2050-x,72vw) var(--s2050-y,18vh),rgba(255,54,156,.11),rgba(121,71,255,.045) 38%,transparent 72%);
  mix-blend-mode:screen;
}
body.sugaryprod-2050-theme,
body.sugaryprod-2050-theme main,
body.sugaryprod-2050-theme .topbar,
body.sugaryprod-2050-theme .subpage-header,
body.sugaryprod-2050-theme .site-footer-2050,
body.sugaryprod-2050-theme .mobile-nav,
body.sugaryprod-2050-theme .modal-backdrop,
body.sugaryprod-2050-theme button,
body.sugaryprod-2050-theme input,
body.sugaryprod-2050-theme textarea,
body.sugaryprod-2050-theme select { font-family:"Manrope",Arial,sans-serif !important; font-synthesis:none; }
body.sugaryprod-2050-theme h1,
body.sugaryprod-2050-theme h2,
body.sugaryprod-2050-theme h3,
body.sugaryprod-2050-theme h4,
body.sugaryprod-2050-theme .brand,
body.sugaryprod-2050-theme .experience-card strong,
body.sugaryprod-2050-theme .primary-button,
body.sugaryprod-2050-theme .secondary-button { font-family:"Inter Tight","Manrope",sans-serif !important; font-synthesis:none; }
body.sugaryprod-home .rail { grid-auto-columns:clamp(285px,22vw,370px) !important; }
body.sugaryprod-home .experience-card,
body.sugaryprod-home .scanner-results .experience-card,
body.sugaryprod-home .search-results .experience-card { width:100%; height:auto !important; min-height:0 !important; aspect-ratio:16/9 !important; }
body.sugaryprod-home .experience-card .card-art img { width:100% !important; height:100% !important; max-width:none !important; object-fit:cover !important; object-position:center !important; }
body.sugaryprod-2050-theme .story-zone,
body.sugaryprod-2050-theme .story-zone:hover,
body.sugaryprod-2050-theme .story-zone:focus,
body.sugaryprod-2050-theme .story-zone:active {
  appearance:none !important;
  background:transparent !important;
  background-color:transparent !important;
  background-image:none !important;
  border:0 !important;
  border-radius:0 !important;
  box-shadow:none !important;
  outline:0 !important;
  opacity:1 !important;
  filter:none !important;
}
body.sugaryprod-2050-theme .story-zone::before,
body.sugaryprod-2050-theme .story-zone::after { display:none !important; content:none !important; }
body.sugaryprod-2050-theme #page,body.sugaryprod-2050-theme .site,body.sugaryprod-2050-theme .site-content { background:var(--ink); color:var(--text); }
body.sugaryprod-2050-theme .ast-container { max-width:none; padding:0; }
.admin-bar .topbar { top:32px; }
.admin-bar .search-panel,.admin-bar .modal-backdrop,.admin-bar .story-viewer-backdrop,.admin-bar .age-gate { top:32px; }
.content-page { min-height:75vh; padding-bottom:100px; background:radial-gradient(circle at 75% 5%,rgba(255,46,145,.12),transparent 28%),#07060a; }
.content-hero { max-width:1320px; margin:auto; padding:100px 5vw 55px; }
.content-hero>p { color:#ff5ba6; font-size:8px; font-weight:900; letter-spacing:.32em; text-transform:uppercase; }
.content-hero h1 { max-width:1050px; margin:15px 0 0; font-size:clamp(52px,7vw,100px); line-height:.88; letter-spacing:-.065em; color:#f7f3fa; }
.content-surface { max-width:1180px; margin:auto; padding:45px 5vw; border:1px solid rgba(255,255,255,.11); border-radius:14px; background:rgba(14,10,16,.88); color:#b8aebc; font-size:15px; line-height:1.8; }
.content-surface h2,.content-surface h3,.content-surface h4 { color:#fff; letter-spacing:-.035em; }
.content-surface a { color:#ff69ae; text-decoration:underline; text-underline-offset:3px; }
.content-surface img { max-width:100%; height:auto; border-radius:10px; }
.about-editor-content { margin-top:18px; color:#aaa0ad; line-height:1.8; font-size:14px; }
.about-editor-content h1,.about-editor-content h2 { font-size:24px; letter-spacing:-.03em; }
.product-description-content { color:#aaa0ad; font-size:15px; line-height:1.85; }
.product-description-content h2,.product-description-content h3,.product-description-content h4 { color:#fff; margin:28px 0 12px; }
.product-description-content ul,.product-description-content ol { padding-left:22px; }
.product-description-content iframe,.product-description-content video { max-width:100%; border-radius:10px; }
body.sugaryprod-2050-theme .woocommerce { max-width:1400px; margin:auto; padding:70px 5vw 100px; color:#d7ceda; }
body.sugaryprod-2050-theme .woocommerce a.button,body.sugaryprod-2050-theme .woocommerce button.button,body.sugaryprod-2050-theme .woocommerce input.button { background:#fff; color:#08060a; border-radius:6px; font-family:"Inter Tight",sans-serif; }
body.sugaryprod-2050-theme .woocommerce ul.products li.product { padding:12px; border:1px solid rgba(255,255,255,.1); border-radius:10px; background:#100c12; }
body.sugaryprod-2050-theme .woocommerce ul.products li.product img { aspect-ratio:16/9; object-fit:cover; border-radius:7px; }
body.sugaryprod-2050-theme .woocommerce div.product,body.sugaryprod-2050-theme .woocommerce table.shop_table { color:#d8cedc; }
.site-footer-2050 { background:#08070a; }
.content-list,.woocommerce-shell { max-width:1320px; margin:auto; padding:0 5vw 100px; }
.content-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; }
.content-list-card { min-height:220px; padding:28px; border:1px solid rgba(255,255,255,.1); border-radius:12px; background:#100c12; color:#a99fab; }
.content-list-card>p:first-child { color:#ff5ba6; font-size:8px; letter-spacing:.18em; }
.content-list-card h2 { margin:10px 0 18px; color:#fff; font-size:27px; line-height:1; letter-spacing:-.04em; }
.woocommerce-shell { color:#d7ceda; }
@media (max-width:782px){.admin-bar .topbar{top:46px}.admin-bar .search-panel,.admin-bar .modal-backdrop,.admin-bar .story-viewer-backdrop,.admin-bar .age-gate{top:46px}.content-hero{padding-top:70px}.content-surface{margin:0 18px;padding:30px 22px}}
@media (max-width:900px){body.sugaryprod-home .rail{grid-auto-columns:84vw !important}.content-list{grid-template-columns:1fr;padding-left:18px;padding-right:18px}}
@media (hover:none),(pointer:coarse){body.sugaryprod-home main::before{display:none}.experience-card{will-change:auto}.experience-card:hover{transform:none}}

@media (prefers-reduced-motion: reduce) {
  * { scroll-behavior:auto !important; animation:none !important; transition:none !important; }
}