/* Variant B — the supplied Roma Softech structure, with a Superconscious-inspired atmosphere. */
:root{--petrol:#20162d;--petrol-deep:#09070f;--petrol-soft:#241a32;--paper:#0b0910;--cream:#221b2a;--ink:#fbf7ff;--ink-soft:#c7bdcf;--gold:#d9beff;--gold-strong:#a77ded;--line:#49404f;--line-dark:#4e3d63;--mint:#e8d8ff;--blue:#8053ce;--blue-light:#b69ae5;--muted:#c4b9d0}
body{background:#0b0910;color:#fcf8ff;font-family:'Manrope',Arial,sans-serif}
.eyebrow,.brand,.metric-card strong,.footer-brand{font-family:'Manrope',Arial,sans-serif}
h1,h2,h3{font-weight:400;letter-spacing:-.055em}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-style:italic!important;color:#e6ccff!important;letter-spacing:-.035em}
::selection{background:#8357bf;color:white}:focus-visible{outline-color:#e4bdff}
.topbar,.topbar.scrolled{background:#100c16ed;border-color:#ffffff16;backdrop-filter:blur(20px)}
.brand-point,.footer-brand span{color:#e1c8ff}.toplinks{gap:28px;background:#ffffff0b;border:1px solid #ffffff0d;border-radius:18px;padding:13px 21px}
.toplinks a{color:#e3d8ef;font-size:10px;letter-spacing:.04em}.toplinks a:after{background:#d9b9ff}
.top-cta{background:#f8f5fc;color:#1d1426;border:1px solid #fff;border-radius:40px;padding:13px 20px}
.menu-toggle{border-color:#ad8bc25c;border-radius:12px}
.hero{background:#0d0818}
.hero:before{background:radial-gradient(ellipse at 48% 1%,#d5aaffbd 0%,#8154d580 25%,#36196b5e 50%,transparent 76%);animation-duration:12s;opacity:.8}
.hero:after{background:linear-gradient(0deg,#0a0710,transparent 55%)}
.hero-glow{opacity:.7}
.ambient-orb{background:radial-gradient(circle at 32% 25%,#f5dfffec 0%,#b183ffcc 12%,#6d3fd28c 36%,#32175a72 59%,#13082100 74%);box-shadow:inset -12px -18px 25px #15072b66;opacity:.6}
.ambient-orb-1{width:420px;height:420px;left:41%;top:-250px;animation-duration:12s}
.ambient-orb-2{right:-220px;bottom:-170px;width:470px;height:470px;animation-duration:16s}
.starfield{position:absolute;inset:0;overflow:hidden;pointer-events:none;animation:star-drift 24s ease-in-out infinite alternate}
.starfield i{position:absolute;width:2px;height:2px;background:#f6e8ff;border-radius:50%;opacity:.5;animation:star-pulse 6s ease-in-out infinite alternate}
.orbit-ring{position:absolute;border:1px solid #ddbaff66;border-radius:50%;width:520px;height:520px;right:-280px;top:12%;box-shadow:inset 0 0 15px #ad5aff18,0 0 15px #b27aff18;animation:orbit-drift 18s ease-in-out infinite alternate;opacity:.6}
.orbit-ring.second{right:auto;left:18%;top:-410px;width:640px;height:640px;animation-direction:alternate-reverse}
@keyframes star-pulse{from{opacity:.15;transform:scale(.7)}to{opacity:.8;transform:scale(1.1)}}
@keyframes star-drift{from{transform:translateY(-9px)}to{transform:translateY(12px)}}
@keyframes orbit-drift{from{transform:translateY(-16px) rotateX(15deg) rotateZ(-9deg)}to{transform:translateY(20px) rotateX(27deg) rotateZ(8deg)}}
.motion-offscreen .starfield,.motion-offscreen .starfield i,.motion-offscreen .orbit-ring{animation-play-state:paused}
.hero-intro .edition,.hero-bottom,.eyebrow,.eyebrow.over-dark{color:#cfbfdc}
.eyebrow i{background:#eedcff;box-shadow:0 0 13px #c998ff}
.story-panel,.conversion-panel{border-radius:24px;border-color:#d9b9ff34}
.story-panel{background:#130e1b}
.story-photo img{filter:saturate(.55) brightness(.85)}
.story-photo-shade{background:linear-gradient(0deg,#0e0918 0%,#100b1cef 27%,#2e154c5c 67%,#30104d0d 100%),linear-gradient(90deg,#1f10362e,transparent 70%)}
.story-topline>span:first-child,.story-marker{color:#e6d6f4}.marker-rule{border-color:#dcc2ff}
.case-tag{border-radius:40px;border-color:#e3caff4d;background:#130d264d;color:#f2e7ff;padding:6px 10px}
.story-text-block h1{font-weight:400;line-height:1.08;letter-spacing:-.055em}
.story-text-block h1 em{color:#f1defe!important;letter-spacing:-.025em;line-height:1.04}
.story-text-block p,.story-note{color:#e4dcea}.story-note strong{color:#edd6ff}.quote-line{background:#d7a5ff}
.story-links{border-color:#b9a1d335}
.story-direct-cta{color:#eedfff!important;border-radius:40px;background:#c094ed15!important;border-color:#ba87e14d!important}
.underlined-link,.underlined-link.dark,.ghost-cta{color:#e6ceff;border-color:#be9de766}
.conversion-panel{background:linear-gradient(135deg,#24182fe8,#15101fe8);box-shadow:inset 0 1px 0 #f3daff20}
.conversion-panel:after{border-color:#edd9ff15;border-radius:24px}
.conversion-topline{background:#ffffff04;border-color:#d7bdf21c;color:#d1bcdf}
.conversion-topline i{background:#e7c7ff;box-shadow:0 0 15px #c491ff}
.pill-label{color:#dbc4ec;border-radius:40px;border-color:#bb94d94a;background:#c8a0ee09}
.conversion-teaser h2{font-weight:400;line-height:1.12}
.conversion-teaser h2 em{color:#e4c9ff!important;font-size:1.12em;line-height:1.12}
.conversion-teaser>p{color:#d0c2db}.preview-questions,.preview-questions>div{border-color:#d9bce526}
.preview-questions>div{color:#e2d5eb}.preview-questions span{color:#cda5f2}
.primary-cta,.article-cta,.journey-cta,.form-submit,.quiz-next,.quiz-go{background:#faf7ff;color:#201329;border-color:#fff!important;border-radius:40px;font-weight:700}
.primary-cta:before,.article-cta:before,.journey-cta:before,.form-submit:before{background:#e9d6ff}
.primary-cta:after,.article-cta:after,.journey-cta:after{background:linear-gradient(90deg,transparent,#a279da44,transparent)}
.micro-benefits{color:#ddc3f0}.after-cta{color:#bdabc9}.after-cta strong{color:#ebd4fc}.hero-bottom i{color:#dbb7f6}
.flow-card{color:#f8efff}.flow-head,.quiz-actions{border-color:#a385b832}
.flow-stepper,.progressline{color:#bda8cd}.flow-step.active{color:#f5dfff}.flow-step b{border-color:#9073a3}
.flow-step.active b{background:#9770cd;border-color:#cfb0f3}.flow-step-connector{color:#cca3ee}
.flow-close{background:#30213e;color:#ecd2fc;border-color:#876c98;border-radius:50%}
.progress-track{background:#3d2b4c}.progress-bar{background:#d8afff;border-radius:3px}
.quiz-hint,.quiz-finish p,.form-intro,.checkbox,.form-fine{color:#cfc0d9}
.quiz-option,.quiz-free-text{background:#261b32;border-color:#83668f6b;color:#edddf8;border-radius:12px}
.quiz-option[aria-pressed=true]{background:#493064;border-color:#d2a4ff;box-shadow:inset 3px 0 0 #d3abff}
.quiz-prev,.quiz-reset{border-color:#876a9a;color:#e4c8f5;border-radius:40px}
.quiz-actions button{border-radius:40px}.finish-check{background:#4c3269;color:#f0d8ff}
.quiz-details,.quiz-summary>div{border-color:#9c7aab40}.form-intro strong{color:#eed8ff}
.field label{color:#e9d3f7}.field input,.field select{background:#21162d;border-color:#9273a35e;color:#fcf5ff;border-radius:10px}
.field input::placeholder{color:#aa93bc}.checkbox input{accent-color:#b184e7}.form-feedback{color:#efd9ff;background:#39234d;border-color:#d8a8ff}
.ticker{background:#100c17;border-color:#ffffff12}.ticker-inner{color:#c5b4d5;font-weight:400}.ticker-inner span:before{color:#d9afff}
.numbers-section{background:#0c0911}.editorial-heading>p,.numbers-copy p,.numbers-disclaimer{color:#c1b3cc}
.numbers-composition{background:#201728;border-color:#e2c8f326;border-radius:24px}
.numbers-image img{filter:saturate(.5) contrast(.98)}.numbers-image figcaption{background:#211129dd;color:#e8d0f9;border-radius:20px}
.metric-card{background:#211927;border-color:#d7b9eb26;border-radius:20px}.metric-card strong{color:#fcf5ff;font-weight:400}.metric-card div>span{color:#c9b2d9}
.metric-card .metric-mark{color:#dcb6fc}.metric-gold{background:linear-gradient(135deg,#593b83,#342045);border-color:#b78bd555}.metric-gold .metric-mark{color:#eed6ff}.metric-dark{background:#17101f;border-color:#d7b9eb26}
.metric-trend{stroke:#d9bbf6}.metric-gold .metric-trend{stroke:#fff1ff}.metric-bar{fill:#c6a1ee}
.world-section{background:#100a19}.world-overlay{background:linear-gradient(90deg,#10091cee,#351b4999 58%,#47246030),linear-gradient(0deg,#0f0918,transparent 70%)}
.world-content p{color:#e0cde9}.solutions-section{background:#0b0811}.solutions-section:before{background:radial-gradient(ellipse at 95% 45%,#5c338aa6,transparent 60%)}
.solutions-side p{color:#cbbad8}.ghost-cta span{color:#e2bbff}
.product-card{background:#231a2c;border-color:#cbb4db20;border-radius:24px}
.product-card:before{border-radius:24px;background:linear-gradient(120deg,transparent 20%,#f0d0ff16 48%,transparent 75%)}
.product-art:after{background:linear-gradient(0deg,#27183477,transparent 70%)}
.product-index,.product-more b{color:#d8b6f4}.product-info h3{font-weight:400}.product-info p{color:#c9b8d7}.product-more{border-color:#c8a5dd30;color:#ecdaff}
.track-controls{color:#bda8cf}.track-controls button{border-color:#c6a0de55;background:#261833;border-radius:50%;color:#efd9ff}
.article-section{background:#130e1a}.article-deck,.article-body p{color:#c9bcd5}.article-body p strong{color:#f9ecff}
.article-image{border-radius:24px}.article-image figcaption,.reading-label{color:#c5a4df}
.pull-quote{font-family:Georgia,'Times New Roman',serif;font-style:italic;color:#edd9ff;border-color:#bd90e3;font-size:clamp(22px,2vw,30px)}
.sources{border-color:#bfa1d43d}.sources summary{color:#e0c9ee}.sources p,.sources li{color:#c8b3d9}.sources a{color:#e3bdff}
.journey-section{background:radial-gradient(ellipse at 80% 10%,#5c368a7d,transparent 65%),#18101f}
.journey-section:before{border-color:#d5afff42;box-shadow:0 0 0 80px #c68fff0b,0 0 0 160px #b277f009}
.journey-header p,.journey-steps p{color:#ccbadb}.journey-steps,.journey-steps article{border-color:#c4a4dd40}
.journey-steps article>span{color:#ddb4ff}.journey-cta{background:#faf7ff;color:#24142b;border-color:#fff}
.faq-section{background:#0d0a12}.faq-list details,.faq-list details:first-child{border-color:#b89ccb30}.faq-list summary{color:#f1e5fa}.faq-list summary span{color:#dab3ff}.faq-list details p{color:#cab9d6}
.footer{background:radial-gradient(ellipse at 50% 100%,#59308f80,transparent 70%),#09070f}.footer-nav a{color:#dac4e8}.footer-brand{border-color:#d5b1ea2d}.footer-bottom{color:#b9a1ca}
.toplinks a:hover{color:#fff}.toplinks a:after{background:#d7b3ff}
@media(hover:hover) and (pointer:fine){
 .primary-cta:hover,.article-cta:hover,.journey-cta:hover,.form-submit:hover,.top-cta:hover{background:#f8f2ff;color:#291738;transform:translateY(-2px) scale(1.025)}
 .product-card:hover,.motion-ready .product-card.motion-visible:hover{border-color:#d6afff91}
 .quiz-option:hover{background:#3c2752;border-color:#cea6f3}
 .track-controls button:hover{background:#65458b}
 .footer-nav a:hover{color:#ead1ff}
}
@media(max-width:920px){.toplinks{background:#1a1125;border-color:#8c65af3d;border-radius:0;padding:22px var(--side)}}
@media(max-width:700px){
 .story-panel,.conversion-panel{border-radius:20px}.conversion-panel:after{border-radius:20px}
 .story-photo-shade{background:linear-gradient(0deg,#0f0919 0%,#160c22ed 36%,#29144080 68%,#30194f10 100%)}
 .story-text-block h1{font-size:29px}.story-text-block h1 em{font-size:1.07em}
 .story-note strong{color:#edd3ff}.conversion-teaser h2{font-size:33px}
 .journey-steps article,.journey-steps article+article{border-color:#c4a4dd40}
 .orbit-ring{width:350px;height:350px;right:-230px}.ambient-orb-1{left:15%;top:-170px;width:320px;height:320px}
 .ambient-orb-2{width:350px;height:350px;right:-230px;bottom:-80px}
}
@media(prefers-reduced-motion:reduce){.starfield,.starfield i,.orbit-ring{animation:none!important}}
