/* Adkivity glass kit v1 (3 Nov 2026), adapted for Data Dash. Adkivity-owned surface only.
   Scrim .40 + pane .66 keeps white at 8.7:1 and --mute at 5.7:1 over a pure white backdrop pixel,
   so all text sits on a pane. Kit orange --o is fill only; orange text uses --ot. No outlines, no rules. */
html,body{background:#140C28;margin:0}
html{scroll-padding-top:96px;scroll-behavior:smooth}
.dd{--p:#633CB7;--o:#DB6923;--ot:#F08A4B;--y:#F2BF0D;--ink:#17131F;--lav:#C9B8FF;--mute:#D6CFEA;--tint:#F5F2FB;--soft:#544E60;
 --glass:rgba(28,18,56,.66);--deep:rgba(8,4,22,.34);--wash:rgba(255,255,255,.06);--wash-2:rgba(255,255,255,.10);
 --lift:0 24px 60px rgba(6,3,16,.38),0 2px 6px rgba(6,3,16,.22);
 position:relative;isolation:isolate;font-family:'Aileron','Helvetica Neue',Arial,sans-serif;color:#fff;font-size:17px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}
.dd *{box-sizing:border-box}
.dd-bg{position:fixed;inset:0;z-index:-1;background:#140C28 url("assets/backdrop.webp") center/cover no-repeat}
.dd-bg::after{content:"";position:absolute;inset:0;background:rgba(20,12,40,.40)}
.dd h1,.dd h2,.dd h3,.dd .num{font-family:'Bricolage Grotesque','Aileron',Arial,sans-serif;font-weight:800;letter-spacing:-.02em;margin:0}
.dd p{margin:0}
.dd section>.wrap{margin:0 12px;padding:24px 16px;border-radius:32px}
.dd header,.dd section>.wrap,.dd footer,.dd .drawer{background-color:var(--glass);-webkit-backdrop-filter:blur(22px) saturate(150%);backdrop-filter:blur(22px) saturate(150%);box-shadow:var(--lift)}
.dd section{padding:8px 0}
.dd .skip{position:absolute;left:-9999px;top:8px;background:#fff;color:var(--ink);padding:12px 16px;border-radius:10px;z-index:10}
.dd .skip:focus{left:8px}
.dd a:focus-visible,.dd button:focus-visible,.dd input:focus-visible,.dd select:focus-visible,.dd .tier-r input:focus-visible+label{outline:3px solid var(--y);outline-offset:3px}
.dd .btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 28px;border-radius:16px;background:#fff;color:var(--p);font-weight:700;font-size:18px;text-decoration:none;border:0;cursor:pointer;font-family:inherit;box-shadow:0 10px 30px rgba(6,3,16,.35);transition:background-color .15s,transform .2s}
.dd .btn:hover{background:var(--tint);transform:translateY(-2px)}
.dd .eyebrow{font-size:16px;font-weight:700;color:var(--lav)}
.dd header{position:sticky;top:10px;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px 8px 18px;margin:10px 12px 0;border-radius:999px}
.dd header img{height:30px;width:auto;display:block}
.dd header a.tel{color:#fff;font-weight:700;text-decoration:none;min-height:44px;display:inline-flex;align-items:center;font-size:16px;padding:0 14px;border-radius:14px;background:var(--wash);white-space:nowrap}
.dd header a.tel:hover{background:var(--wash-2)}
/* hero */
.dd .hero{padding:16px 0 8px}
.dd .hero-copy{display:flex;flex-direction:column;gap:16px;padding:24px 20px}
.dd .pill{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:700;background:var(--wash-2);border-radius:999px;padding:6px 14px;align-self:flex-start}
.dd .pill i{width:9px;height:9px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px rgba(219,105,35,.25)}
.dd .hero h1{font-size:clamp(34px,6.2vw,62px);line-height:1.05;max-width:900px}
.dd .hero h1 em{font-style:normal;color:var(--ot)}
.dd .lead{font-size:17px;color:var(--mute);max-width:640px}
.dd .facts{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;max-width:560px}
.dd .facts div{background:var(--wash);border-radius:16px;padding:10px 12px}
.dd .facts b{display:block;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:19px;line-height:1.2}
.dd .facts span{font-size:16px;color:var(--mute)}
.dd .cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px}
.dd .cta-row small{font-size:16px;color:var(--mute)}
/* section heads */
.dd h2{font-size:clamp(28px,4.4vw,44px);line-height:1.1}
.dd .sec-head{display:flex;flex-direction:column;gap:12px;max-width:720px}
.dd .sec-head>p:not(.eyebrow){color:var(--mute);font-size:17px}
.dd .note{background:rgba(242,191,13,.12);border-radius:14px;padding:12px 14px}
.dd .note b{color:var(--y)}
.dd .sub{font-size:16px;color:var(--mute)}
/* dashboard */
.dd .controls{display:flex;flex-direction:column;gap:6px;margin:20px 0 16px;max-width:360px}
.dd .controls label,.dd .field label,.dd .field legend{font-size:16px;font-weight:700}
.dd select,.dd input{font:inherit;font-size:16px;min-height:48px;border-radius:14px;border:0;padding:0 14px;width:100%;background:#fff;color:var(--ink)}
.dd .kpis{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}
.dd .kpi{background:var(--wash);border-radius:18px;padding:14px}
.dd .kpi b{display:block;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:26px;line-height:1.1}
.dd .kpi span{font-size:16px;color:var(--mute);display:block}
.dd .kpi.real{background:rgba(201,184,255,.16)}
.dd .kpi.real em{font-style:normal;font-size:16px;font-weight:700;color:var(--lav)}
.dd .charts{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px}
.dd .chart{background:var(--deep);border-radius:22px;padding:18px}
.dd .chart h3{font-size:19px}
.dd .bars{display:flex;flex-direction:column;gap:10px;margin-top:14px}
.dd .bar{display:grid;grid-template-columns:96px 1fr 64px;gap:10px;align-items:center;font-size:16px}
.dd .bar .track{height:14px;border-radius:7px;background:rgba(255,255,255,.10);overflow:hidden}
.dd .bar .fill{display:block;height:100%;border-radius:7px;background:var(--lav)}
.dd .bar .fill.hot{background:var(--ot)}
.dd .bar .v{text-align:right;color:var(--mute);font-variant-numeric:tabular-nums}
.dd .h-lists{font-size:22px;margin:28px 0 12px}
.dd .lists{display:grid;grid-template-columns:1fr;gap:8px}
.dd .list-btn{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:1fr auto;gap:2px 12px;align-items:center;min-height:64px;padding:12px 16px;border-radius:18px;background:var(--wash);transition:background-color .15s}
.dd .list-btn:hover{background:var(--wash-2)}
.dd .list-btn[aria-pressed="true"]{background:rgba(240,138,75,.18)}
.dd .list-btn b{font-size:16px}
.dd .list-btn span{font-size:16px;color:var(--mute);grid-column:1}
.dd .list-btn .n{grid-row:1/3;grid-column:2;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:20px;color:#fff}
.dd .list-btn:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.dd .records{list-style:none;padding:0;margin:12px 0 0;display:grid;grid-template-columns:1fr;gap:8px}
.dd .rec{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:1fr auto;gap:4px 12px;padding:14px 16px;border-radius:18px;background:var(--wash);min-height:64px;transition:background-color .15s}
.dd .rec:hover{background:var(--wash-2)}
.dd .rec:focus-visible{outline:3px solid var(--y);outline-offset:3px}
.dd .rec b{font-size:16px}
.dd .rec .meta{font-size:16px;color:var(--mute);grid-column:1}
.dd .rec .score{grid-row:1/3;grid-column:2;align-self:center;font-size:16px;font-weight:700;background:rgba(240,138,75,.2);border-radius:12px;padding:6px 10px;white-space:nowrap}
/* data points */
.dd .pts-grid{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.dd .pt{background:var(--wash);border-radius:22px;padding:18px}
.dd .pt h3{font-size:19px;margin-bottom:10px}
.dd .pt ul{margin:0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:6px;font-size:16px;color:var(--mute)}
.dd .pt.lock{background:rgba(240,138,75,.14)}
.dd .pt.lock h3{color:#fff}
/* pricing */
.dd .tiers{display:grid;grid-template-columns:1fr;gap:12px;margin-top:24px}
.dd .tier{background:var(--wash);border-radius:22px;padding:20px;display:flex;flex-direction:column;gap:8px}
.dd .tier.top{background:#fff;color:var(--ink);box-shadow:var(--lift)}
.dd .tier .price{font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:40px;line-height:1}
.dd .tier .price small{font-size:16px;font-weight:700;color:var(--mute)}
.dd .tier.top .price small,.dd .tier.top li{color:var(--soft)}
.dd .tier .tag{font-size:14px;font-weight:700;color:#fff;background:var(--p);border-radius:999px;padding:4px 10px;align-self:flex-start}
.dd .tier h3{font-size:20px}
.dd .tier ul{margin:4px 0 0;padding:0 0 0 18px;display:flex;flex-direction:column;gap:4px;font-size:16px;color:var(--mute)}
.dd .tier .ex{font-size:16px;font-weight:700}
.dd .calc{display:grid;grid-template-columns:1fr;gap:16px;margin-top:24px;background:var(--deep);border-radius:24px;padding:20px}
.dd .calc h3{font-size:22px;margin-bottom:6px}
.dd .calc-in{display:flex;flex-direction:column;gap:12px}
.dd .field{display:flex;flex-direction:column;gap:6px;border:0;margin:0;padding:0;min-width:0}
.dd .calc-out{display:grid;grid-template-columns:1fr 1fr;gap:8px;align-content:start}
.dd .calc-out div{background:var(--wash);border-radius:16px;padding:14px}
.dd .calc-out div.big{grid-column:1/-1;background:rgba(240,138,75,.18)}
.dd .calc-out b{display:block;font-family:'Bricolage Grotesque',Arial,sans-serif;font-weight:800;font-size:24px;line-height:1.15}
.dd .calc-out div.big b{font-size:30px}
.dd .calc-out span{font-size:16px;color:var(--mute)}
.dd .fine{font-size:16px;color:var(--mute);margin-top:12px}
.dd .fine.dark{color:var(--soft)}
.dd .fine.dark a{color:var(--p)}
/* request */
.dd .req-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}
.dd .how{list-style:none;padding:0;margin:8px 0 0;display:flex;flex-direction:column;gap:8px}
.dd .how li{background:var(--wash);border-radius:18px;padding:14px 16px}
.dd .how b{display:block;font-size:16px}
.dd .how span{font-size:16px;color:var(--mute)}
.dd .form-card{background:#fff;color:var(--ink);border-radius:28px;padding:20px 16px;box-shadow:var(--lift)}
.dd .form-card form{display:flex;flex-direction:column;gap:14px}
.dd .form-card input,.dd .form-card select{background:var(--tint)}
.dd .form-card input[aria-invalid="true"],.dd .form-card select[aria-invalid="true"]{background:#FDECEC;box-shadow:inset 0 0 0 2px #B42318}
.dd .ferr{font-size:16px;color:#B42318;font-weight:700}
.dd .err-sum{background:#FDECEC;color:#7A1A12;border-radius:14px;padding:12px 14px;font-size:16px}
.dd .err-sum ul{margin:6px 0 0;padding-left:18px}
.dd .err-sum a{color:#7A1A12}
.dd .radios{display:grid;grid-template-columns:1fr;gap:6px}
.dd .tier-r{position:relative}
.dd .tier-r input{position:absolute;opacity:0;width:1px;height:1px;min-height:0}
.dd .tier-r label{display:flex;justify-content:space-between;gap:12px;align-items:center;min-height:48px;padding:10px 14px;border-radius:14px;background:var(--tint);cursor:pointer;font-weight:400}
.dd .tier-r label b{white-space:nowrap}
.dd .tier-r input:checked+label{background:var(--p);color:#fff}
.dd .submit{width:100%;background:var(--p);color:#fff;margin-top:4px}
.dd .submit:hover{background:#4F2E9A}
.dd .submit[aria-busy="true"]{opacity:.75;cursor:progress}
.dd .hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dd .done{display:flex;flex-direction:column;gap:10px;padding:8px 4px}
.dd .done h3{font-size:24px}
.dd .done p{color:var(--soft)}
.dd footer{margin:8px 12px 24px;border-radius:28px;padding:16px 20px;display:flex;flex-wrap:wrap;gap:8px 24px;justify-content:space-between;align-items:center;font-size:16px;color:var(--mute)}
.dd .legal{display:flex;flex-wrap:wrap;gap:0 16px}
.dd footer a{color:var(--lav);min-height:44px;display:inline-flex;align-items:center;text-decoration:underline;text-underline-offset:3px}
/* drawer */
.dd .drawer-wrap{position:fixed;inset:0;z-index:20;display:flex;justify-content:flex-end}
.dd .drawer-wrap[hidden]{display:none}
.dd .scrim{position:absolute;inset:0;background:rgba(8,4,22,.6)}
.dd .drawer{position:relative;width:100%;max-width:520px;height:100%;overflow-y:auto;padding:20px 16px 32px;background-color:rgba(28,18,56,.94);border-radius:28px 0 0 28px}
.dd .drawer:focus{outline:none}
.dd .dr-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:16px}
.dd .dr-top h3{font-size:22px}
.dd .x{min-height:44px;padding:0 16px;border-radius:14px;border:0;background:var(--wash-2);color:#fff;font:inherit;font-weight:700;cursor:pointer}
.dd .dr-sec{background:var(--wash);border-radius:18px;padding:14px 16px;margin-bottom:10px}
.dd .dr-sec h4{margin:0 0 8px;font-size:16px;color:var(--lav)}
.dd .dr-sec dl{margin:0;display:grid;grid-template-columns:1fr auto;gap:6px 16px;font-size:16px}
.dd .dr-sec dt{color:var(--mute)}
.dd .dr-sec dd{margin:0;text-align:right;font-weight:700}
.dd .dr-sec.lock{background:rgba(240,138,75,.16)}
.dd .dr-sec.lock p{font-size:16px;color:var(--mute)}
.dd .dr-sec.lock a{color:#fff}
/* reveal: only when JS adds .js, so content shows without it */
.dd.js .rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}
.dd.js .rv.in{opacity:1;transform:none}
@media (min-width:720px){
 .dd .kpis{grid-template-columns:repeat(3,1fr)}
 .dd .lists,.dd .records,.dd .pts-grid{grid-template-columns:1fr 1fr}
 .dd .tiers{grid-template-columns:1fr 1fr}
 .dd .radios{grid-template-columns:1fr 1fr}
}
@media (min-width:1024px){
 .dd header{margin:16px auto 0;padding:10px 12px 10px 24px;max-width:1176px}.dd header img{height:36px}
 .dd section>.wrap{margin:0 auto;max-width:1176px;padding:48px}
 .dd footer{margin:12px auto 40px;max-width:1176px;padding:20px 32px}
 .dd .hero-copy{padding:56px 48px}.dd .lead{font-size:19px}
 .dd .kpis{grid-template-columns:repeat(6,1fr)}
 .dd .charts{grid-template-columns:1fr 1fr}
 .dd .lists{grid-template-columns:repeat(4,1fr)}
 .dd .records{grid-template-columns:1fr 1fr 1fr}
 .dd .pts-grid{grid-template-columns:repeat(4,1fr)}
 .dd .tiers{grid-template-columns:repeat(4,1fr)}
 .dd .calc{grid-template-columns:1fr 1.2fr;padding:28px;gap:28px}
 .dd .req-grid{grid-template-columns:1fr 1fr;gap:48px}
 .dd .form-card{padding:28px}
}
@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.dd{--glass:rgba(28,18,56,.94)}}
@media (prefers-reduced-transparency:reduce){.dd{--glass:#21163F}.dd *{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.dd *{transition:none!important}.dd.js .rv{opacity:1;transform:none}}