/* Delancar 9.2 Supreme Pro Edition — canonical presentation layer */
:root{
  --sp-n950:#020b15;--sp-n900:#051423;--sp-n850:#071b30;--sp-n800:#0a2949;
  --sp-b600:#1670d2;--sp-b500:#2c88df;--sp-b100:#e9f4ff;
  --sp-g500:#e4b23c;--sp-g400:#f0c95a;--sp-g100:#fff8e8;
  --sp-ink:#122238;--sp-muted:#66788b;--sp-line:#d7e1eb;--sp-line2:#c5d2df;
  --sp-paper:#f1f5f8;--sp-paper2:#f8fafc;--sp-surface:#fff;--sp-green:#178061;--sp-red:#a33b48;
  --sp-r1:6px;--sp-r2:9px;--sp-r3:12px;
  --sp-sh1:0 5px 16px rgba(4,25,46,.045);
  --sp-sh2:0 16px 42px rgba(4,25,46,.085);
  --sp-sh3:0 32px 90px rgba(0,10,22,.22)
}
html{accent-color:var(--sp-b600)}
body.supreme-pro{
  background:radial-gradient(900px 480px at 92% -10%,rgba(37,124,207,.07),transparent 65%),linear-gradient(180deg,#f9fbfd 0%,var(--sp-paper) 48%,#edf2f6 100%)!important;
  color:var(--sp-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased
}
body.supreme-pro :where(button,a,input,select,textarea,[tabindex]):focus-visible{outline:3px solid rgba(44,136,223,.22)!important;outline-offset:2px!important}

/* landing shell */
body.supreme-pro .nav{background:rgba(3,15,28,.965)!important;border-bottom:1px solid rgba(255,255,255,.075)!important;box-shadow:0 9px 34px rgba(0,9,19,.14)!important;backdrop-filter:blur(22px) saturate(1.15)!important}
body.supreme-pro .navin{height:60px!important}
body.supreme-pro .brandLogo{width:146px!important}
body.supreme-pro .links{gap:18px!important;font-size:12.5px!important}
body.supreme-pro .links a{color:#aebfd1!important;font-weight:590!important}
body.supreme-pro .links a:hover{color:#fff!important}
body.supreme-pro .btn{border-radius:var(--sp-r1)!important;min-height:40px!important;padding:0 15px!important;font-size:12px!important;font-weight:720!important;letter-spacing:-.005em!important;box-shadow:none!important;transition:transform .14s ease,border-color .14s ease,background .14s ease!important}
body.supreme-pro .btn.primary{background:linear-gradient(180deg,var(--sp-g400),var(--sp-g500))!important;border-color:#c99724!important;color:#0b1827!important}
body.supreme-pro .btn.dark{background:#0b243d!important;border-color:#2b4e6d!important;color:#f7fbff!important}
body.supreme-pro .btn:hover{transform:translateY(-1px)!important}

/* landing hero */
body.supreme-pro .hero{isolation:isolate;background:radial-gradient(680px 430px at 83% 11%,rgba(41,133,221,.55),transparent 67%),radial-gradient(560px 360px at 65% 88%,rgba(21,98,169,.18),transparent 68%),linear-gradient(136deg,#020b15 0%,#05182b 46%,#082b4e 100%)!important;border-bottom:1px solid #17344f}
body.supreme-pro .hero::before{opacity:.46!important;background-size:58px 58px!important;mask-image:linear-gradient(to bottom,#000 0%,rgba(0,0,0,.8) 56%,transparent 100%)!important}
body.supreme-pro .hero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("/assets/illustrations/supreme-flow-field.svg") center/cover no-repeat;opacity:.74}
body.supreme-pro .heroGrid{min-height:660px!important;padding:72px 0 68px!important;grid-template-columns:minmax(0,1.06fr) minmax(390px,.94fr)!important;gap:64px!important}
body.supreme-pro .hero h1{max-width:760px!important;margin:15px 0 18px!important;font-size:clamp(50px,5.7vw,78px)!important;font-weight:660!important;line-height:.96!important;letter-spacing:-.058em!important}
body.supreme-pro .hero .lead{max-width:680px!important;color:#c3d2df!important;font-size:18px!important;line-height:1.58!important}
body.supreme-pro .eyebrow{color:#f0c95a!important;font-size:9.5px!important;letter-spacing:.17em!important}
body.supreme-pro .eyebrow::before{height:1px!important;width:22px!important;background:#f0c95a!important}
body.supreme-pro .detected{width:max-content;max-width:100%;padding:6px 9px!important;border:1px solid rgba(142,179,210,.18)!important;border-radius:var(--sp-r1)!important;background:rgba(8,30,52,.46)!important;backdrop-filter:blur(12px)!important}
body.supreme-pro .pulse{width:7px!important;height:7px!important;background:#43d9a3!important}
body.supreme-pro .freeBanner{border:1px solid rgba(226,178,60,.18)!important;border-left:2px solid var(--sp-g500)!important;border-radius:var(--sp-r1)!important;background:rgba(255,255,255,.045)!important;color:#c7d5e2!important;padding:10px 12px!important;font-size:11.5px!important}
body.supreme-pro .heroPanel{border-radius:var(--sp-r2)!important;padding:18px!important;background:linear-gradient(180deg,rgba(9,34,59,.9),rgba(3,17,31,.94))!important;border:1px solid rgba(166,196,222,.18)!important;box-shadow:var(--sp-sh3)!important;backdrop-filter:blur(14px)!important}
body.supreme-pro .heroPanel::before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(255,255,255,.04),transparent 42%)}
body.supreme-pro .panelTop{padding-bottom:12px!important}
body.supreme-pro .v8chip{background:var(--sp-g400)!important;color:#071522!important;border-radius:4px!important;padding:4px 7px!important}
body.supreme-pro .event{min-height:64px!important;padding:10px 11px!important;border-radius:var(--sp-r1)!important;background:rgba(255,255,255,.035)!important;border-color:rgba(255,255,255,.075)!important}
body.supreme-pro .event:hover{background:rgba(255,255,255,.052)!important;border-color:rgba(110,171,224,.2)!important}
body.supreme-pro .voiceBar{border-radius:var(--sp-r1)!important;padding:11px 12px!important;box-shadow:0 10px 22px rgba(0,0,0,.12)!important}
body.supreme-pro .voiceIcon{width:34px!important;height:34px!important}

/* landing body */
body.supreme-pro .v81Trust{border-bottom-color:var(--sp-line)!important}
body.supreme-pro .v81TrustIn{width:min(1220px,calc(100% - 40px))!important;background:var(--sp-line)!important}
body.supreme-pro .v81TrustIn div{padding:12px 14px!important}
body.supreme-pro .v81TrustIn strong{font-size:10.5px!important}
body.supreme-pro .v81TrustIn span{font-size:9px!important}
body.supreme-pro .section{padding:68px 0!important}
body.supreme-pro .section.soft{background:linear-gradient(180deg,#f7fafc,#edf3f8)!important}
body.supreme-pro .headrow{margin-bottom:26px!important}
body.supreme-pro h2{font-weight:650!important;letter-spacing:-.045em!important}
body.supreme-pro .features{gap:10px!important}
body.supreme-pro .card,body.supreme-pro .store,body.supreme-pro .direct,body.supreme-pro .deviceBox,body.supreme-pro .faq details{border-radius:var(--sp-r2)!important;border-color:var(--sp-line)!important;box-shadow:var(--sp-sh1)!important}
body.supreme-pro .card{padding:18px!important}
body.supreme-pro .card .icon{width:36px!important;height:36px!important;border-radius:var(--sp-r1)!important;background:var(--sp-b100)!important;color:#125eaa!important}
body.supreme-pro .card h3{font-size:15.5px!important}
body.supreme-pro .card p{font-size:12.5px!important;line-height:1.55!important}
body.supreme-pro .deviceBox{top:76px!important;padding:18px!important;box-shadow:var(--sp-sh2)!important}
body.supreme-pro .deviceIcon{width:48px!important;height:48px!important;border-radius:var(--sp-r1)!important;background:linear-gradient(145deg,#061625,#0b3155)!important}
body.supreme-pro .store{min-height:100px!important;padding:14px!important}
body.supreme-pro .store.active{border-color:#8db5dc!important;background:linear-gradient(180deg,#fff,#fbfdff)!important;box-shadow:0 7px 22px rgba(29,97,158,.07)!important}
body.supreme-pro .direct{min-height:82px!important;padding:10px 12px!important}
body.supreme-pro .direct.currentDevice{border-color:#d7aa35!important;background:linear-gradient(180deg,#fffdf8,#fff8e9)!important}
body.supreme-pro .logic{border-radius:var(--sp-r1)!important;background:#071a2d!important}
body.supreme-pro .darkCard{border-radius:var(--sp-r2)!important;background:linear-gradient(180deg,#0a223b,#071a2e)!important;border-color:#254762!important}
body.supreme-pro .final{background:radial-gradient(560px 260px at 83% 0,rgba(37,126,205,.22),transparent 66%),linear-gradient(135deg,#030e1a,#082642)!important}

/* download center */
body.supreme-pro.download-pro .top{background:radial-gradient(560px 290px at 82% 8%,rgba(43,135,222,.32),transparent 66%),linear-gradient(135deg,#020b15,#082946)!important;border-bottom:1px solid #17344f}
body.supreme-pro.download-pro .hero{padding:58px 0 50px!important;border:0;background:none!important}
body.supreme-pro.download-pro .hero h1{font-size:clamp(42px,5.2vw,66px)!important}
body.supreme-pro.download-pro main{padding:34px 0 66px!important}
body.supreme-pro.download-pro .recommended{border-radius:var(--sp-r2)!important;border:1px solid var(--sp-line)!important;background:linear-gradient(135deg,#fff 0%,#f8fbfe 72%,#eef6ff 100%)!important;box-shadow:var(--sp-sh2)!important;padding:18px!important}
body.supreme-pro.download-pro .grid{gap:9px!important}
body.supreme-pro.download-pro .card{min-height:104px!important;padding:14px!important;grid-template-columns:44px minmax(0,1fr) auto!important}
body.supreme-pro.download-pro .icon{width:44px!important;height:44px!important;background:linear-gradient(145deg,#061625,#0b3155)!important;color:#f2cb5b!important}
body.supreme-pro.download-pro .card.current{border-color:#d7aa35!important;background:linear-gradient(180deg,#fffdf9,#fff9eb)!important}
body.supreme-pro.download-pro .card.deviceDetected{border-style:dashed!important;background:#f8fafc!important}
body.supreme-pro.download-pro .card.disabled{opacity:.62!important;filter:saturate(.75)}
body.supreme-pro.download-pro .note{border-radius:var(--sp-r1)!important;background:#f7fafc!important;border-color:var(--sp-line)!important}

/* app */
body.supreme-pro.app-pro{background:linear-gradient(180deg,#f8fafc,#edf2f6)!important}
body.supreme-pro.app-pro .side{background:radial-gradient(260px 170px at 35% -3%,rgba(49,128,207,.2),transparent 75%),linear-gradient(180deg,#030f1b 0%,#061b2e 56%,#030f1b 100%)!important;border-right-color:rgba(255,255,255,.06)!important}
body.supreme-pro.app-pro .brandLogoApp{width:138px!important}
body.supreme-pro.app-pro .top{border-radius:var(--sp-r2)!important;border-color:var(--sp-line)!important;box-shadow:var(--sp-sh1)!important}
body.supreme-pro.app-pro .card{border-radius:var(--sp-r2)!important;border-color:var(--sp-line)!important;box-shadow:var(--sp-sh1)!important}
body.supreme-pro.app-pro .oneMetric{border-radius:var(--sp-r2)!important}
body.supreme-pro.app-pro .oneMetric.primary{background:radial-gradient(280px 120px at 95% -10%,rgba(66,151,226,.28),transparent 70%),linear-gradient(135deg,#041526,#0b365d)!important}
body.supreme-pro.app-pro .v82ActionRail{border-radius:var(--sp-r2)!important;border-left-color:var(--sp-g500)!important;background:linear-gradient(90deg,#fff,#f7fbff)!important}
body.supreme-pro.app-pro .providerCard,body.supreme-pro.app-pro .smartGuide,body.supreme-pro.app-pro .agendaToolbar,body.supreme-pro.app-pro .weekDay,body.supreme-pro.app-pro .monthCell{border-radius:var(--sp-r1)!important}
body.supreme-pro.app-pro .gold{background:linear-gradient(180deg,var(--sp-g400),var(--sp-g500))!important;border-color:#c99724!important;color:#102033!important}
body.supreme-pro.app-pro .ghost{background:#fff!important;border-color:var(--sp-line)!important}

/* control */
body.supreme-pro.control-pro{background:linear-gradient(180deg,#f8fafc,#edf2f6)!important}
body.supreme-pro.control-pro .controlHeader{background:linear-gradient(180deg,#030f1b,#061b2e 60%,#030f1b)!important;border-right-color:#203a52!important}
body.supreme-pro.control-pro .controlNav a{border-radius:var(--sp-r1)!important}
body.supreme-pro.control-pro .controlNav a.active{background:linear-gradient(90deg,rgba(44,136,223,.15),rgba(255,255,255,.035))!important}
body.supreme-pro.control-pro .overviewIntro{border-radius:var(--sp-r2)!important;background:radial-gradient(300px 150px at 95% -10%,rgba(52,141,220,.28),transparent 68%),linear-gradient(135deg,#041424,#0b3357)!important;border-color:#234a6c!important}
body.supreme-pro.control-pro .overviewMetrics article,body.supreme-pro.control-pro .panelCard,body.supreme-pro.control-pro .tableCard,body.supreme-pro.control-pro .readinessPanel{border-radius:var(--sp-r2)!important;border-color:var(--sp-line)!important;box-shadow:var(--sp-sh1)!important}
body.supreme-pro.control-pro .panelCard:hover,body.supreme-pro.control-pro .tableCard:hover{border-color:#bfcddd!important;box-shadow:0 8px 24px rgba(5,30,53,.06)!important}
body.supreme-pro.control-pro input{border-radius:var(--sp-r1)!important;border-color:#ced9e5!important}
body.supreme-pro.control-pro .switchRow{border-radius:var(--sp-r1)!important;background:#f8fafc!important}
body.supreme-pro.control-pro .saveBar{border-radius:var(--sp-r2)!important;background:rgba(3,15,27,.965)!important;border-color:#29445d!important;box-shadow:0 18px 52px rgba(3,15,27,.23)!important}
body.supreme-pro.control-pro .primary,body.supreme-pro.control-pro .secondaryPrimary{border-radius:var(--sp-r1)!important}
body.supreme-pro.control-pro .primary{background:linear-gradient(180deg,var(--sp-g400),var(--sp-g500))!important}

/* legal + support */
body.supreme-pro.doc-pro header{background:radial-gradient(520px 260px at 82% 5%,rgba(43,135,222,.28),transparent 68%),linear-gradient(135deg,#020b15,#082946)!important;border-bottom:1px solid #17344f}
body.supreme-pro.doc-pro nav{height:60px!important}
body.supreme-pro.doc-pro nav img{width:136px!important}
body.supreme-pro.doc-pro .hero{padding:48px 0 42px!important;background:none!important;border:0!important}
body.supreme-pro.doc-pro .hero h1{font-size:clamp(36px,5vw,54px)!important;letter-spacing:-.05em!important}
body.supreme-pro.doc-pro main{padding:32px 0 68px!important}
body.supreme-pro.doc-pro .card{border-radius:var(--sp-r2)!important;border-color:var(--sp-line)!important;box-shadow:var(--sp-sh1)!important;padding:22px!important}
body.supreme-pro.doc-pro .note{border-radius:var(--sp-r1)!important;background:var(--sp-g100)!important;border-left-color:var(--sp-g500)!important}

/* responsive */
@media(max-width:980px){
  body.supreme-pro .heroGrid{grid-template-columns:1fr!important;gap:34px!important;min-height:auto!important}
  body.supreme-pro .heroPanel{max-width:720px!important}
}
@media(max-width:720px){
  body.supreme-pro .navin{height:56px!important}
  body.supreme-pro .brandLogo{width:128px!important}
  body.supreme-pro .heroGrid{padding:44px 0 48px!important}
  body.supreme-pro .hero h1{font-size:44px!important}
  body.supreme-pro .hero .lead{font-size:16px!important}
  body.supreme-pro .section{padding:52px 0!important}
  body.supreme-pro.download-pro .hero{padding:42px 0 38px!important}
}
@media(prefers-reduced-motion:reduce){
  body.supreme-pro *,body.supreme-pro *::before,body.supreme-pro *::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* Supreme Pro asset fidelity */
body.supreme-pro.download-pro .icon img{width:25px;height:25px;object-fit:contain;display:block;filter:drop-shadow(0 2px 7px rgba(0,0,0,.12))}
body.supreme-pro.app-pro .providerIcon{overflow:hidden!important;background:#fff!important;border:1px solid #d7e1eb!important;box-shadow:0 4px 12px rgba(4,25,46,.05)!important}
body.supreme-pro.app-pro .providerIcon img{width:70%!important;height:70%!important;object-fit:contain!important;display:block!important;margin:auto!important}
body.supreme-pro.app-pro .providerCard{transition:border-color .14s ease,background .14s ease,transform .14s ease,box-shadow .14s ease!important}
body.supreme-pro.app-pro .providerCard:hover{transform:translateY(-1px)!important;border-color:#a7bfd6!important;box-shadow:0 8px 22px rgba(5,32,56,.06)!important}