/* Delvane AI V20 — unified cinematic glass redesign across every page */
:root{--v20-bg:#070709;--v20-panel:rgba(28,25,32,.74);--v20-line:rgba(220,211,255,.16);--v20-muted:#b8b4c3;--v20-violet:#a78bfa;--v20-blue:#65c9ff;--v20-glow:rgba(137,82,205,.20)}
html{background:#050506;scroll-behavior:smooth}
body{position:relative;background:radial-gradient(ellipse at 7% 22%,rgba(91,28,62,.22),transparent 35%),radial-gradient(ellipse at 94% 33%,rgba(41,75,126,.17),transparent 36%),#08080a;color:#f7f5fa}
body:before{content:"";position:fixed;inset:10px;z-index:1000;pointer-events:none;border:1px solid rgba(210,202,225,.12);border-radius:clamp(18px,3.2vw,42px);box-shadow:inset 0 0 0 9px rgba(255,255,255,.012),0 0 80px rgba(75,50,100,.05)}
body:after{content:"";position:fixed;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 20% 58%,rgba(87,35,70,.12),transparent 42%),radial-gradient(ellipse at 85% 70%,rgba(35,69,112,.12),transparent 45%)}
::selection{background:rgba(167,139,250,.35);color:#fff}
.nav{background:rgba(9,8,12,.72)!important;border-bottom:1px solid rgba(255,255,255,.09)!important;backdrop-filter:blur(24px);padding-left:clamp(24px,6vw,100px)!important;padding-right:clamp(24px,6vw,100px)!important}
.nav nav a,.nav .language-switch,.nav .nav-cta{color:#e6e2ed}
.nav nav a[aria-current=page]{color:var(--v20-violet)!important}
.nav-cta{border:1px solid rgba(167,139,250,.45)!important;border-radius:999px!important;background:rgba(167,139,250,.06)!important;transition:all .25s ease}
.nav-cta:hover{background:rgba(167,139,250,.15)!important;box-shadow:0 0 28px rgba(167,139,250,.16)}
.brand-mark{box-shadow:0 0 25px rgba(245,201,40,.12)}
.hero,.subpage-hero{background:#08080a!important;overflow:hidden}
.hero{min-height:100svh;padding-left:clamp(28px,7vw,120px)!important;padding-right:clamp(28px,7vw,120px)!important}
.hero-photo{opacity:.20!important;filter:brightness(.55) saturate(.55)!important;mask-image:linear-gradient(90deg,transparent 0%,#000 65%);}
.hero-shade{background:radial-gradient(ellipse at 70% 40%,rgba(87,53,115,.23),transparent 46%),linear-gradient(90deg,rgba(7,7,9,.97),rgba(7,7,9,.62) 65%,rgba(7,7,9,.42))!important}
.hero:before{background:radial-gradient(600px circle at var(--pointer-x,72%) var(--pointer-y,45%),rgba(155,112,255,.13),transparent 72%)!important}
.hero-orbit,.story-orbit{stroke:rgba(167,139,250,.24)!important;opacity:.7!important}
.hero-copy{max-width:690px!important}
.hero h1,.subpage-hero h1{letter-spacing:-.075em!important;text-wrap:balance}
.hero h1 em,.subpage-hero h1 em{background:linear-gradient(100deg,#bba5ff 0%,#8c91ff 52%,#69d4ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.eyebrow,.section-kicker,.section-kicker span,.eyebrow-index{color:#bba7f7!important}
.button-yellow{background:linear-gradient(105deg,#a78bfa,#72caff)!important;color:#0a0910!important;border:0!important;border-radius:999px!important;box-shadow:0 8px 32px rgba(126,104,220,.2);transition:transform .25s,box-shadow .25s}
.button-yellow:hover{transform:translateY(-2px);box-shadow:0 12px 38px rgba(126,104,220,.32)}
.text-link,.line-link{color:#e6dfff!important}
.glass-card,.ui-window,.art-window,.feature,.subpage-card,.closing-invitation,.showcase-shell,.showcase-panel,.product-window,.demo-window{border:1px solid var(--v20-line)!important;border-radius:20px!important;background:linear-gradient(145deg,rgba(42,37,48,.78),rgba(16,15,20,.76))!important;box-shadow:0 28px 90px rgba(0,0,0,.38),inset 0 1px rgba(255,255,255,.055)!important;backdrop-filter:blur(22px)}
.glass-card:hover,.feature:hover,.subpage-card:hover{border-color:rgba(167,139,250,.42)!important}
.card-heading,.ui-window-head{border-color:rgba(255,255,255,.09)!important}
.avatar,.ui-initial{box-shadow:0 0 0 2px rgba(255,255,255,.05)}
.intro,.platform,.rhythm,.closing,.subpage-content,.type-interlude,.manifesto,.footer{background:transparent!important;color:#f5f2fa!important}
.intro h2,.platform h2,.subpage-content h2,.manifesto h2,.closing h2,.type-interlude h2{color:#f5f2fa!important}
.intro h2 em,.platform h2 em,.subpage-content h2 em,.manifesto h2 em,.closing h2 em,.type-interlude em{font-style:normal;background:linear-gradient(100deg,#bba5ff,#70cfff);-webkit-background-clip:text;background-clip:text;color:transparent!important}
.intro p,.intro-side p,.platform-heading>p,.feature p,.subpage-content p,.manifesto-content>p,.story-description{color:#b8b4c3!important}
.intro-rule,.step-line,.footer{border-color:rgba(255,255,255,.12)!important}
.story-stage{background:radial-gradient(ellipse at 70% 42%,rgba(75,49,104,.24),transparent 44%),#08080a!important}
.story-backdrop{background:radial-gradient(ellipse at 70% 42%,rgba(93,56,126,.2),transparent 48%),linear-gradient(130deg,rgba(12,11,16,.98),rgba(7,7,9,.97) 70%)!important}
.story-progress{background:rgba(255,255,255,.12)!important}.story-progress i{background:linear-gradient(90deg,#a78bfa,#6acfff)!important}
.status,.online{color:#a7f3d0!important}.live-dot{background:#8de6bd!important;box-shadow:0 0 10px #8de6bd66}
.metric-row>div,.task,.ops-task,.ui-booking,.ui-inbox-row{border-color:rgba(255,255,255,.09)!important}
.task-icon,.mini-mark{border-radius:9px!important}
.feature-graphic,.feature-icon{filter:saturate(.8)}
.manifesto-image{opacity:.25!important;filter:saturate(.5)!important}.manifesto-overlay{background:linear-gradient(90deg,rgba(8,8,10,.97),rgba(8,8,10,.74) 70%,rgba(8,8,10,.52))!important}
.subpage-hero{padding-top:clamp(145px,18vh,210px)!important;padding-bottom:clamp(70px,10vh,130px)!important}
.subpage-content .subpage-card{background:linear-gradient(145deg,rgba(35,31,41,.75),rgba(16,15,20,.72))!important;color:#f5f2fa!important}
.subpage-content .subpage-card p{color:#b8b4c3!important}.subpage-content .subpage-card span{color:#bba5ff!important}
.closing-invitation{max-width:1000px!important}.closing-invitation b{color:#bba5ff!important}
.footer a,.footer small,.footer>div{color:#aaa4b7!important}
.language-switch button[aria-pressed=true]{color:#bba5ff!important;border-color:rgba(167,139,250,.45)!important}
/* Showcase: make the product demo feel like a framed, premium application */
#product-showcase,.product-showcase,.showcase-section{color:#f5f2fa}
.showcase-shell,.showcase-panel{overflow:hidden}
.showcase-shell button,.showcase-panel button{border-radius:10px;transition:background .2s,border-color .2s,color .2s}
.showcase-shell button[aria-selected=true],.showcase-shell button.active,.showcase-panel button.active{background:linear-gradient(100deg,#a78bfa,#72caff)!important;color:#09090c!important}
input,select,textarea{background:rgba(255,255,255,.045)!important;border:1px solid rgba(255,255,255,.13)!important;border-radius:10px!important;color:#f5f2fa!important}
hr{border-color:rgba(255,255,255,.1)!important}
@media(max-width:700px){body:before{inset:5px;border-radius:18px;box-shadow:inset 0 0 0 5px rgba(255,255,255,.012)}.hero{padding-left:24px!important;padding-right:24px!important}.hero-photo{mask-image:linear-gradient(180deg,transparent 0%,#000 65%);opacity:.15!important}.nav{padding-left:24px!important;padding-right:24px!important}.glass-card,.ui-window,.art-window,.feature,.subpage-card{border-radius:16px!important}}
@media(prefers-reduced-motion:reduce){.hero-photo{animation:none!important;transform:none!important}}