/* VibrantaAI art-direction layer — approved 2026-09-17. */
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-regular.ttf') format('truetype');font-weight:400 600;font-display:swap}
@font-face{font-family:Manrope;src:url('/assets/fonts/manrope-bold.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--va-ink:#161b24;--va-muted:#5e6b79;--va-blue:#647d94;--va-blue-soft:#edf2f6;--va-violet:#6554b5;--va-violet-deep:#514196;--va-lilac:#eeeafa;--va-line:#d8e0e7;--va-white:#fcfcfb;--ink:var(--va-ink);--muted:var(--va-muted);--soft:var(--va-blue-soft);--client-accent:var(--va-violet);--romy-neon-blue:var(--va-violet)}
html:has(body[data-va-page]){background:var(--va-white);color-scheme:light;scroll-behavior:smooth}
body[data-va-page],body[data-va-page] button,body[data-va-page] input,body[data-va-page] select,body[data-va-page] textarea{font-family:Manrope,Arial,sans-serif!important}
body[data-va-page]{background:var(--va-white)!important;color:var(--va-ink)!important;letter-spacing:-.012em}
body[data-va-page] :is(h1,h2,h3,h4){font-family:Manrope,Arial,sans-serif!important;font-weight:800;letter-spacing:-.04em;color:var(--va-ink)}
body[data-va-page] p{line-height:1.7}
body[data-va-page] :is(.eyebrow,.connection-label,.section-label,.hero-kicker){color:var(--va-blue)!important}
body[data-va-page] :is(.button:not(.secondary):not(.text-link),.nav-cta,.primary-button,.voice-start,.romy-launch,.setup-tour-play,.opening-start-orb,button[type=submit]:not(.password-toggle)){background:linear-gradient(120deg,var(--va-violet),#7c66c0)!important;border-color:var(--va-violet)!important;color:#fff!important;box-shadow:none!important}
body[data-va-page] :is(.button:not(.secondary):not(.text-link),.nav-cta,.primary-button):hover{background:var(--va-violet-deep)!important}
body[data-va-page] :is(input,select,textarea):focus{outline:3px solid #cbd8e6!important;outline-offset:2px;border-color:var(--va-violet)!important}

/* HOME — open, editorial and art-led rather than card-led. */
body[data-va-page="home"] .shell{width:min(1280px,calc(100% - 64px))}
body[data-va-page="home"] header{position:absolute!important;inset:0 0 auto;z-index:30;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important}
body[data-va-page="home"] header .nav{height:72px;justify-content:flex-end!important;gap:20px;border:0!important;background:transparent!important}
body[data-va-page="home"] header .neon-nav-brand,body[data-va-page="home"] header>.shell>.logo{display:none!important}
body[data-va-page="home"] .nav-links{gap:18px;color:#34414d;font-size:12px;font-weight:800}
body[data-va-page="home"] .nav-links a{text-decoration:none}.nav-links a:hover{color:var(--va-violet)}
body[data-va-page="home"] .login{border:1px solid #ccd5dd!important;background:rgba(255,255,255,.7)!important;color:#26323c!important;border-radius:999px!important}
body[data-va-page="home"] .hero{padding-top:72px!important;overflow:hidden;background:radial-gradient(circle at 82% 13%,rgba(100,125,148,.16),transparent 34%),radial-gradient(circle at 16% 0,rgba(101,84,181,.08),transparent 30%),linear-gradient(180deg,#fcfcfb,#f5f7f9)!important;color:var(--va-ink)!important;border:0!important}
body[data-va-page="home"] .hero:before,body[data-va-page="home"] .hero:after{display:none!important}
body[data-va-page="home"] .neon-brand-stage{display:flex!important;flex-direction:column;align-items:center;justify-content:center;max-width:1060px;height:auto!important;margin:0 auto;padding:24px 20px 10px;overflow:visible!important}
body[data-va-page="home"] .neon-brand-stage img{position:static!important;width:min(78vw,850px)!important;max-width:850px!important;height:auto!important;transform:none!important;filter:saturate(.84) contrast(1.04) brightness(.98)}
body[data-va-page="home"] .neon-brand-tagline{margin:-2px 0 0!important;color:#60778b!important;font-size:clamp(15px,1.7vw,21px);font-weight:800;letter-spacing:.01em;text-align:center;text-shadow:0 0 16px rgba(89,119,150,.10)}
body[data-va-page="home"] .hero-grid{width:min(1280px,calc(100% - 64px));min-height:0;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:64px;align-items:center;padding:30px 0 68px}
body[data-va-page="home"] .hero h1,body[data-va-page="home"] .hero h1 .lead-line{max-width:720px;color:#111720!important;font-size:clamp(43px,4.8vw,67px);line-height:1.01;letter-spacing:-.055em}
body[data-va-page="home"] .hero-copy{max-width:680px;margin:22px 0 12px;color:#526170;font-size:17px}
body[data-va-page="home"] .hero-outcome{font-size:17px;font-weight:800;color:#28343f}
body[data-va-page="home"] .hero .actions{gap:12px;margin:25px 0 20px}
body[data-va-page="home"] .hero .button{min-height:47px;padding:11px 18px;border-radius:999px;font-size:12px}
body[data-va-page="home"] .hero .button.secondary{background:#fff!important;border:1px solid #cdd6de!important;color:#27343f!important}
body[data-va-page="home"] .hero .button.text-link{background:transparent!important;border:0!important;color:#536d84!important;padding-left:0!important;padding-right:0!important}
body[data-va-page="home"] .founder-line{margin:0;padding-top:17px;border-top:1px solid #dbe2e8;color:#5e6b78;font-size:12px;line-height:1.8}
body[data-va-page="home"] .founder-line strong{display:block;color:#202a34;font-size:13px}
body[data-va-page="home"] .survey-panel{margin:0;padding:12px 0 12px 34px!important;background:transparent!important;border:0!important;border-left:1px solid #cbd6df!important;border-radius:0!important;box-shadow:none!important;color:var(--va-ink)!important;transform:none!important}
body[data-va-page="home"] .survey-panel :is(strong,b){color:var(--va-ink)!important}
body[data-va-page="home"] .survey-panel :is(span,p,small){color:#5e6c79!important}
body[data-va-page="home"] .survey-total{color:#536d83!important;text-shadow:none!important}
body[data-va-page="home"] .survey-track{background:#d7dfe6!important}.survey-track i{background:#6f879c!important;box-shadow:none!important}
body[data-va-page="home"] .survey-row{border-color:#d7dfe6!important}
body[data-va-page="home"] .survey-foot{border-color:#d7dfe6!important;color:#64717d!important}.survey-foot a{color:#4f687e!important}
body[data-va-page="home"] section:not(.hero){padding:72px 0}
body[data-va-page="home"] .section-head{max-width:820px;margin:0 auto 34px}
body[data-va-page="home"] :is(.difference-intro h2,.alerts-intro h2,.section-head h2,.expert-card h2,.romy-copy h2){font-size:clamp(31px,3.5vw,47px);line-height:1.08}
body[data-va-page="home"] .section-head p{font-size:16px;color:var(--va-muted)}
body[data-va-page="home"] :is(.how,.alerts,.intake,.romy-section){background:#f1f4f6!important}
body[data-va-page="home"] :is(.difference,.expertise){background:var(--va-white)!important}
body[data-va-page="home"] :is(.comparison,.listened){background:#e8edf1!important;color:var(--va-ink)!important}
/* Remove the visual card wall. Content is separated by rhythm, rules and typography. */
body[data-va-page="home"] :is(.research-bridge,.step-card,.alert-card,.signal,.connection,.listened-points article,.compare-card){background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}
body[data-va-page="home"] :is(.research-bridge,.step-card,.alert-card,.signal,.connection,.listened-points article,.compare-card){border-top:1px solid #d5dee6!important;padding-left:0!important;padding-right:0!important}
body[data-va-page="home"] .research-bridge{padding:22px 0!important;border-bottom:1px solid #d5dee6!important}
body[data-va-page="home"] .workflow-steps{gap:28px}.workflow-steps .step-card{padding-top:22px!important}
body[data-va-page="home"] .product-reveal{background:linear-gradient(120deg,rgba(101,84,181,.075),rgba(100,125,148,.10))!important;border:0!important;border-radius:34px 8px 34px 8px!important;box-shadow:none!important;padding:34px!important}
body[data-va-page="home"] .response-table{background:transparent!important;border:0!important;box-shadow:none!important}.response-row{border-bottom:1px solid #d8e0e7!important}.response-cell{background:transparent!important}.response-cell.answer{background:rgba(100,125,148,.055)!important}
body[data-va-page="home"] .compare-card.vibranta{background:rgba(255,255,255,.62)!important;border:0!important;border-radius:30px 7px 30px 7px!important;padding:26px!important}
body[data-va-page="home"] .expert-card{background:linear-gradient(125deg,#eef2f5,#f7f5fb)!important;border:0!important;border-radius:38px 9px 38px 9px!important;box-shadow:none!important;padding:40px!important;gap:42px}
body[data-va-page="home"] .intake-card{background:#fff!important;border:0!important;border-radius:38px 9px 38px 9px!important;box-shadow:none!important;padding:40px!important}
body[data-va-page="home"] .portrait{box-shadow:0 24px 70px rgba(48,58,72,.14)!important}
body[data-va-page="home"] footer{background:#242d35!important;color:#fff!important;box-shadow:none!important}.footer-row>img{width:270px;max-width:100%;height:auto!important}

/* SITE-WIDE continuity: functional pages keep usability, but lose the generic boxed shell. */
body[data-va-page]:not([data-va-page="home"]){background:linear-gradient(180deg,#fcfcfb,#f5f7f9)!important}
body[data-va-page]:not([data-va-page="home"]) :is(header,.topbar,.site-header){background:rgba(252,252,251,.94)!important;border-color:#dbe2e8!important;box-shadow:none!important}
body[data-va-page]:not([data-va-page="home"]) :is(.card,.panel,.surface,.section-card,.setup-card,.connection-card,.metric-card){box-shadow:none!important;border-color:#d9e1e8!important}
body[data-va-page]:not([data-va-page="home"]) :is(.page-shell,.main-shell,.portal-shell){box-shadow:none!important}
body[data-va-page]:not([data-va-page="home"]) :is(.card,.panel,.surface,.section-card){border-radius:24px 6px 24px 6px!important}

@media(max-width:1050px){body[data-va-page="home"] .nav-links{gap:12px}body[data-va-page="home"] .nav-links a[href="#comparison"],body[data-va-page="home"] .nav-links a[href="#alerts"]{display:none}body[data-va-page="home"] .hero-grid{gap:38px}}
@media(max-width:800px){body[data-va-page="home"] .nav-links a:not(.login){display:none}body[data-va-page="home"] .hero{padding-top:62px!important}body[data-va-page="home"] header .nav{height:60px}body[data-va-page="home"] .hero-grid{grid-template-columns:1fr;padding:20px 0 48px;gap:34px}body[data-va-page="home"] .survey-panel{padding-left:0!important;border-left:0!important;border-top:1px solid #cbd6df!important;padding-top:28px!important}body[data-va-page="home"] .neon-brand-stage{padding:18px 16px 8px}body[data-va-page="home"] .romy-layout{grid-template-columns:1fr}}
@media(max-width:560px){body[data-va-page="home"] .shell,body[data-va-page="home"] .hero-grid{width:calc(100% - 36px)}body[data-va-page="home"] section:not(.hero){padding:52px 0}body[data-va-page="home"] .neon-brand-stage img{width:94vw!important}body[data-va-page="home"] .hero h1,body[data-va-page="home"] .hero h1 .lead-line{font-size:40px}body[data-va-page="home"] :is(.expert-card,.intake-card,.product-reveal){padding:24px!important}}