/* ============================================================
   Mist theme: soft blue + cream palette (#F8F6F1 #7FAFC2 #C9E1E8 #F7F9F8)
   Remove class "mist" from <body> to switch back to the black theme.
   ============================================================ */
body.mist{--m-ink:#2F3B46;--m-slate:#46535F;--m-deep:#3F7A92;--m-deeper:#2F5568;--m-amber:#B87A1E;
  background:#F7F9F8 linear-gradient(180deg,#F8F6F1 0,#7FAFC2 340px,#C9E1E8 760px,#F7F9F8 1180px) no-repeat top/100% 1180px;color:var(--m-ink)}
body.xp-dark.mist{--bg:transparent;--sand:rgba(255,255,255,.5);--card:rgba(255,255,255,.8);--inset:rgba(201,225,232,.5);--track:rgba(47,59,70,.14);
  --ink-w:#2F3B46;--mute-w:#46535F;--line-w:rgba(47,59,70,.16);--teal-d:#3F7A92;--teal-l:rgba(127,175,194,.3);--orange-d:#8F5E10;--orange-l:rgba(184,122,30,.16);--tip-ink:#6E470A}

/* dark "device" islands keep a dark UI inside the light page */
.mist .xp-art,.mist .xp-card,.mist .mkdev,.mist .ph3,.mist .bd-plan,.mist .card,.mist .xc,.mist .bd{--card:#2B3844;--inset:rgba(255,255,255,.09);--track:rgba(255,255,255,.16);--ink-w:#F4F1EC;--mute-w:#B6C1C8;--line-w:rgba(255,255,255,.16);
  --teal-d:#C9E1E8;--teal-l:rgba(201,225,232,.2);--orange-d:#F2C879;--orange-l:rgba(242,200,121,.2)}
.mist .xp-art,.mist .xp-card,.mist .mkdev,.mist .ph3,.mist .bd-plan{background:linear-gradient(160deg,#3A4957,#27333E);border-color:rgba(255,255,255,.12);color:#F4F1EC;box-shadow:0 24px 60px rgba(47,59,70,.28)}
.mist .mkdev{background:#1F2A33;border-color:#3B4854}
.mist .ph3{background:#1F2A33;border-color:#3B4854}
.mist .bd-plan{padding:14px;border-radius:22px}

/* shared chrome */
.mist .announce{background:var(--m-deep);color:#fff}
.mist .nav{background:rgba(47,59,70,.94);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(201,225,232,.18);color:#F4F8F9}
.mist .logo,.mist .foot .logo{color:var(--m-ink)}
.mist .nav .logo{color:#F4F8F9}
.mist .foot-links a{color:var(--m-ink)}.mist .foot-links a:hover{color:var(--m-deep)}
.mist .nav ul a:hover,.mist .nav ul a[aria-current]{color:#9CCBDB}
.mist .nav-login{border-color:rgba(244,248,249,.4)}
.mist .nav-login:hover{border-color:#C9E1E8;color:#C9E1E8}
.mist .nav a:focus-visible{outline-color:#C9E1E8}
.mist .nav .nav-cta{background:#9CCBDB;color:var(--m-ink)}
.mist .nav .nav-cta:hover{background:#C9E1E8;box-shadow:0 10px 30px rgba(156,203,219,.35)}
.mist .btn-teal,.mist .btn-white{background:var(--m-deep);color:#fff}
.mist .btn-teal:hover{box-shadow:0 10px 30px rgba(63,122,146,.4)}
.mist .btn-dark{background:var(--m-ink);color:#fff}
.mist .btn-ghost{border-color:rgba(47,59,70,.35);color:var(--m-ink)}
.mist .btn-ghost:hover{border-color:var(--m-deep);color:var(--m-deep)}
.mist .btn:focus-visible,.mist a:focus-visible,.mist button:focus-visible,.mist input:focus-visible,.mist select:focus-visible{outline:3px solid var(--m-deep);outline-offset:3px}
.mist .foot{background:rgba(247,249,248,.75);border-top:1px solid rgba(47,59,70,.12);color:var(--m-slate)}

/* landing page */
.mist .dark,.mist .light{background:transparent;color:var(--m-ink)}
.mist .different,.mist .expect,.mist .benefits{background:rgba(255,255,255,.55)}
.mist .big,.mist .mid,.mist .intro .big,.mist .different .big,.mist .kit .big,.mist .expect .big,.mist .plans .big,.mist .benefits .mid,.mist .two .mid{color:var(--m-ink);font-weight:500;letter-spacing:-.03em}
.mist .intro-p,.mist .two p,.mist .col p,.mist .plan p,.mist .fine,.mist .rail-label,.mist .kit-h,.mist .sample{color:var(--m-slate)}
.mist .intro-p{font-size:clamp(18px,1.5vw,21px);color:var(--m-ink)}
.mist .hero{background:transparent}
.mist .hero-glow,.mist .hero-shade{display:none}
.mist .hero h1{color:var(--m-ink);font-weight:500;font-size:clamp(40px,6.2vw,96px);max-width:11ch}
.mist .hero-in{bottom:16%}
.mist .macro-hub{right:-3vw;top:10vh;width:min(42vw,600px);background:linear-gradient(135deg,#566876,#2F3B46 55%,#222C35);
  box-shadow:inset 3px 3px 0 rgba(255,255,255,.22),inset -40px -50px 100px rgba(0,0,0,.55),0 40px 90px rgba(47,59,70,.35),0 0 120px rgba(247,249,248,.5)}
.mist .macro-face{background:linear-gradient(150deg,#364552,#222C35 70%)}
.mist .led{background:radial-gradient(circle at 35% 30%,#F7F9F8,#C9E1E8 45%,#7FAFC2);box-shadow:0 0 30px #C9E1E8,0 0 120px rgba(201,225,232,.9)}
.mist .rings i{border-color:rgba(255,255,255,.75)}
.mist .rail-prev,.mist .rail-next{background:#fff}
.mist .dots i{background:rgba(47,59,70,.25)}.mist .dots i.on{background:var(--m-ink)}
.mist .panel{background:rgba(255,255,255,.6)}
.mist .kit{background:transparent}
.mist .kit .dev{border-color:rgba(47,59,70,.14)}
.mist .col .num,.mist .eyebrow{color:var(--m-deep)}
.mist .dev.std .tick,.mist button.dev.on .tick{background:var(--m-deep);border-color:var(--m-deep)}
.mist button.dev.on{border-color:var(--m-deep);box-shadow:0 0 0 3px rgba(63,122,146,.2)}
.mist .kit-bar{background:var(--m-ink)}.mist .kit-bar .btn-dark{background:var(--m-deep)}
.mist .col{border-top-color:rgba(47,59,70,.2)}
.mist .plan{background:rgba(255,255,255,.82);border-color:rgba(47,59,70,.14);color:var(--m-ink);box-shadow:0 14px 40px rgba(47,59,70,.08)}
.mist .plan.hot{border-color:var(--m-deep);background:linear-gradient(170deg,#DDEBF0,#fff 60%)}
.mist .plan li{border-top-color:rgba(47,59,70,.14);color:var(--m-ink)}
.mist .badge{background:var(--m-amber)}
.mist .join{background:transparent;color:var(--m-ink)}
.mist #jf input{background:#fff;border:1px solid rgba(47,59,70,.25);color:var(--m-ink)}
.mist #jf input::placeholder{color:#6E7B85}
.mist .thanks{color:var(--m-deep)}

/* coloured feature cards (landing rail, Explore cards, bundles) */
.mist .f-dai{--bg:#3F7A92;--glow:rgba(201,225,232,.55);--glow2:rgba(247,249,248,.18)}
.mist .f-sleep{--bg:#2F5568;--glow:rgba(127,175,194,.55);--glow2:rgba(201,225,232,.25)}
.mist .f-comm{--bg:#4C829A;--glow:rgba(247,249,248,.42);--glow2:rgba(201,225,232,.3)}
.mist .f-emerg{--bg:#9A6A2A;--glow:rgba(248,246,241,.4);--glow2:rgba(242,200,121,.3)}
.mist .f-ai{--bg:#34424F;--glow:rgba(127,175,194,.55);--glow2:rgba(184,122,30,.28)}
.mist .f-share{--bg:#456F85;--glow:rgba(201,225,232,.5);--glow2:rgba(184,122,30,.22)}
.mist .bd.sel{border-color:#C9E1E8;box-shadow:0 0 0 6px rgba(63,122,146,.2),0 30px 70px rgba(47,59,70,.35)}
.mist .bd.sel .bd-btn{background:#C9E1E8}
.mist .bd-list li::before{background:rgba(201,225,232,.25) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23F7F9F8' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}
.mist .bd-gives li::before{background:rgba(63,122,146,.16) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233F7A92' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L19 7'/%3E%3C/svg%3E") center/12px no-repeat}

/* Explore pages */
.xp-dark.mist .xp-hero{background:none}
.mist .xp-lede,.mist .bd-hero p,.mist .lgn-copy p{color:var(--m-ink)}
.mist .xp-crumbs{color:var(--m-slate)}
.mist .live{background:var(--m-deep);box-shadow:0 0 10px var(--m-deep)}
.mist .bn-a{background:linear-gradient(160deg,rgba(127,175,194,.4),var(--card) 72%);border-color:rgba(63,122,146,.35)}
.mist .bn-b{background:linear-gradient(110deg,var(--card),rgba(184,122,30,.16))}
.mist .bn-b b{color:#8F5E10}
.mist .bn-bar i{background:#B87A1E}
.mist .sev-p>div>p{color:var(--m-ink)}
.mist .sev-seg:hover,.mist .sev-seg.on{color:var(--m-ink)}
.mist .sev-seg.on{background:color-mix(in srgb,var(--c) 22%,#fff)}
.mist .sev-badge{background:rgba(47,59,70,.08)}
.mist .sev-needle{box-shadow:0 0 0 4px rgba(47,59,70,.08),0 0 22px var(--c)}
.mist .xp-ai{background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(135deg,#7FAFC2,#E8C58A) border-box}
.mist .xp-cta{background:linear-gradient(135deg,#C9E1E8,#F8F6F1)}
.mist .au-tabs{background:rgba(47,59,70,.07)}
.mist .au-tabs button.on{background:var(--m-deep);color:#fff}

/* bundles */
.mist .bd-hero{background:none}
.mist .cmp thead th,.mist .cmp tbody th,.mist .cmp .tot th,.mist .cmp .tot td{color:var(--m-ink)}
.mist .cmp .grp th{background:rgba(47,59,70,.04)}
.mist .cmp td.n{color:#8A97A1}
.mist .bd-form input,.mist .bd-form select{background:#fff;border-color:rgba(47,59,70,.22);color:var(--m-ink)}
.mist .bd-form select option{background:#fff;color:var(--m-ink)}
.mist .bd-legend{color:var(--m-slate)}

/* login */
.mist .lgn-art{background:radial-gradient(70% 60% at 50% 55%,rgba(247,249,248,.35),transparent 70%),linear-gradient(160deg,#7FAFC2,#3F7A92 62%,#2F5568)}
.mist .lgn-art::before{background:radial-gradient(rgba(255,255,255,.22) 1px,transparent 1.6px) 0 0/24px 24px}
.mist .lgn-copy h2{color:#fff}
.mist .lgn-copy p{color:rgba(255,255,255,.92)}
.mist .lgn-copy .xp-chip{background:rgba(255,255,255,.2);color:#fff}
.mist .lgn-form{background:transparent}
.mist .au-f input[type=text],.mist .au-f input[type=password]{background:#fff;border-color:rgba(47,59,70,.22);color:var(--m-ink)}
.mist .au-f input::placeholder{color:#7E8A94}
.mist .au-f label.chk,.mist .au-role span{color:var(--m-ink)}
.mist .au-role input:checked+span{border-color:var(--m-deep);background:rgba(63,122,146,.16);color:var(--m-ink)}
.mist .au-note{color:var(--m-slate)}
.mist .floor{background:radial-gradient(ellipse at center,rgba(247,249,248,.55),rgba(201,225,232,.18) 45%,transparent 70%)}
.mist .oc{color:#fff;font-size:15px;border-color:rgba(255,255,255,.4);background:rgba(28,43,55,.95);box-shadow:0 10px 28px rgba(20,36,48,.45)}
.mist .oc i[style*="5FE3D3" i]{background:#C9E1E8!important;box-shadow:0 0 10px #C9E1E8!important}
.mist .oc i[style*="FF8A4C" i]{background:#F2C879!important;box-shadow:0 0 10px #F2C879!important}

/* accent colours inside dark islands and coloured cards: orange/teal -> palette blues and amber */
.mist .card [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .card [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .card [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .card [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .card [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .card [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .card [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .card [fill="#FF8A4C" i]{fill:#F2C879}
.mist .card [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .card [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .card [fill="#C65D1E" i]{fill:#E0A24A}
.mist .card [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .card [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .card [fill="#f2b84b" i]{fill:#F2C879}
.mist .card [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .card [stroke="#14504a" i]{stroke:#3F7A92}
.mist .card [fill="#14504a" i]{fill:#3F7A92}
.mist .card [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .card [stroke="#0F1516" i]{stroke:#2B3844}
.mist .card [fill="#0F1516" i]{fill:#2B3844}
.mist .card [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .card [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .card [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .card [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .card [stroke="#14564e" i]{stroke:#3F7A92}
.mist .card [fill="#14564e" i]{fill:#3F7A92}
.mist .card [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .xc [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .xc [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .xc [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .xc [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .xc [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .xc [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .xc [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .xc [fill="#FF8A4C" i]{fill:#F2C879}
.mist .xc [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .xc [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .xc [fill="#C65D1E" i]{fill:#E0A24A}
.mist .xc [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .xc [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .xc [fill="#f2b84b" i]{fill:#F2C879}
.mist .xc [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .xc [stroke="#14504a" i]{stroke:#3F7A92}
.mist .xc [fill="#14504a" i]{fill:#3F7A92}
.mist .xc [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .xc [stroke="#0F1516" i]{stroke:#2B3844}
.mist .xc [fill="#0F1516" i]{fill:#2B3844}
.mist .xc [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .xc [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .xc [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .xc [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .xc [stroke="#14564e" i]{stroke:#3F7A92}
.mist .xc [fill="#14564e" i]{fill:#3F7A92}
.mist .xc [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .bd [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .bd [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .bd [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .bd [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .bd [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .bd [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .bd [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .bd [fill="#FF8A4C" i]{fill:#F2C879}
.mist .bd [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .bd [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .bd [fill="#C65D1E" i]{fill:#E0A24A}
.mist .bd [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .bd [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .bd [fill="#f2b84b" i]{fill:#F2C879}
.mist .bd [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .bd [stroke="#14504a" i]{stroke:#3F7A92}
.mist .bd [fill="#14504a" i]{fill:#3F7A92}
.mist .bd [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .bd [stroke="#0F1516" i]{stroke:#2B3844}
.mist .bd [fill="#0F1516" i]{fill:#2B3844}
.mist .bd [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .bd [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .bd [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .bd [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .bd [stroke="#14564e" i]{stroke:#3F7A92}
.mist .bd [fill="#14564e" i]{fill:#3F7A92}
.mist .bd [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .xp-art [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .xp-art [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .xp-art [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .xp-art [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .xp-art [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .xp-art [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .xp-art [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .xp-art [fill="#FF8A4C" i]{fill:#F2C879}
.mist .xp-art [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .xp-art [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .xp-art [fill="#C65D1E" i]{fill:#E0A24A}
.mist .xp-art [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .xp-art [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .xp-art [fill="#f2b84b" i]{fill:#F2C879}
.mist .xp-art [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .xp-art [stroke="#14504a" i]{stroke:#3F7A92}
.mist .xp-art [fill="#14504a" i]{fill:#3F7A92}
.mist .xp-art [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .xp-art [stroke="#0F1516" i]{stroke:#2B3844}
.mist .xp-art [fill="#0F1516" i]{fill:#2B3844}
.mist .xp-art [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .xp-art [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .xp-art [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .xp-art [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .xp-art [stroke="#14564e" i]{stroke:#3F7A92}
.mist .xp-art [fill="#14564e" i]{fill:#3F7A92}
.mist .xp-art [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .xp-card [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .xp-card [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .xp-card [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .xp-card [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .xp-card [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .xp-card [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .xp-card [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .xp-card [fill="#FF8A4C" i]{fill:#F2C879}
.mist .xp-card [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .xp-card [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .xp-card [fill="#C65D1E" i]{fill:#E0A24A}
.mist .xp-card [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .xp-card [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .xp-card [fill="#f2b84b" i]{fill:#F2C879}
.mist .xp-card [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .xp-card [stroke="#14504a" i]{stroke:#3F7A92}
.mist .xp-card [fill="#14504a" i]{fill:#3F7A92}
.mist .xp-card [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .xp-card [stroke="#0F1516" i]{stroke:#2B3844}
.mist .xp-card [fill="#0F1516" i]{fill:#2B3844}
.mist .xp-card [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .xp-card [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .xp-card [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .xp-card [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .xp-card [stroke="#14564e" i]{stroke:#3F7A92}
.mist .xp-card [fill="#14564e" i]{fill:#3F7A92}
.mist .xp-card [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .bd-plan [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .bd-plan [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .bd-plan [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .bd-plan [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .bd-plan [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .bd-plan [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .bd-plan [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .bd-plan [fill="#FF8A4C" i]{fill:#F2C879}
.mist .bd-plan [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .bd-plan [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .bd-plan [fill="#C65D1E" i]{fill:#E0A24A}
.mist .bd-plan [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .bd-plan [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .bd-plan [fill="#f2b84b" i]{fill:#F2C879}
.mist .bd-plan [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .bd-plan [stroke="#14504a" i]{stroke:#3F7A92}
.mist .bd-plan [fill="#14504a" i]{fill:#3F7A92}
.mist .bd-plan [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .bd-plan [stroke="#0F1516" i]{stroke:#2B3844}
.mist .bd-plan [fill="#0F1516" i]{fill:#2B3844}
.mist .bd-plan [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .bd-plan [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .bd-plan [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .bd-plan [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .bd-plan [stroke="#14564e" i]{stroke:#3F7A92}
.mist .bd-plan [fill="#14564e" i]{fill:#3F7A92}
.mist .bd-plan [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .ph3 [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .ph3 [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .ph3 [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .ph3 [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .ph3 [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .ph3 [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .ph3 [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .ph3 [fill="#FF8A4C" i]{fill:#F2C879}
.mist .ph3 [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .ph3 [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .ph3 [fill="#C65D1E" i]{fill:#E0A24A}
.mist .ph3 [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .ph3 [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .ph3 [fill="#f2b84b" i]{fill:#F2C879}
.mist .ph3 [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .ph3 [stroke="#14504a" i]{stroke:#3F7A92}
.mist .ph3 [fill="#14504a" i]{fill:#3F7A92}
.mist .ph3 [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .ph3 [stroke="#0F1516" i]{stroke:#2B3844}
.mist .ph3 [fill="#0F1516" i]{fill:#2B3844}
.mist .ph3 [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .ph3 [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .ph3 [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .ph3 [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .ph3 [stroke="#14564e" i]{stroke:#3F7A92}
.mist .ph3 [fill="#14564e" i]{fill:#3F7A92}
.mist .ph3 [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .mkdev [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .mkdev [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .mkdev [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .mkdev [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .mkdev [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .mkdev [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .mkdev [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .mkdev [fill="#FF8A4C" i]{fill:#F2C879}
.mist .mkdev [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .mkdev [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .mkdev [fill="#C65D1E" i]{fill:#E0A24A}
.mist .mkdev [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .mkdev [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .mkdev [fill="#f2b84b" i]{fill:#F2C879}
.mist .mkdev [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .mkdev [stroke="#14504a" i]{stroke:#3F7A92}
.mist .mkdev [fill="#14504a" i]{fill:#3F7A92}
.mist .mkdev [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .mkdev [stroke="#0F1516" i]{stroke:#2B3844}
.mist .mkdev [fill="#0F1516" i]{fill:#2B3844}
.mist .mkdev [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .mkdev [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .mkdev [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .mkdev [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .mkdev [stroke="#14564e" i]{stroke:#3F7A92}
.mist .mkdev [fill="#14564e" i]{fill:#3F7A92}
.mist .mkdev [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .panel [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .panel [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .panel [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .panel [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .panel [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .panel [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .panel [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .panel [fill="#FF8A4C" i]{fill:#F2C879}
.mist .panel [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .panel [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .panel [fill="#C65D1E" i]{fill:#E0A24A}
.mist .panel [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .panel [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .panel [fill="#f2b84b" i]{fill:#F2C879}
.mist .panel [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .panel [stroke="#14504a" i]{stroke:#3F7A92}
.mist .panel [fill="#14504a" i]{fill:#3F7A92}
.mist .panel [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .panel [stroke="#0F1516" i]{stroke:#2B3844}
.mist .panel [fill="#0F1516" i]{fill:#2B3844}
.mist .panel [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .panel [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .panel [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .panel [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .panel [stroke="#14564e" i]{stroke:#3F7A92}
.mist .panel [fill="#14564e" i]{fill:#3F7A92}
.mist .panel [stop-color="#14564e" i]{stop-color:#3F7A92}
.mist .s3d [stroke="#5FE3D3" i]{stroke:#C9E1E8}
.mist .s3d [fill="#5FE3D3" i]{fill:#C9E1E8}
.mist .s3d [stop-color="#5FE3D3" i]{stop-color:#C9E1E8}
.mist .s3d [stroke="#2A9D8F" i]{stroke:#7FAFC2}
.mist .s3d [fill="#2A9D8F" i]{fill:#7FAFC2}
.mist .s3d [stop-color="#2A9D8F" i]{stop-color:#7FAFC2}
.mist .s3d [stroke="#FF8A4C" i]{stroke:#F2C879}
.mist .s3d [fill="#FF8A4C" i]{fill:#F2C879}
.mist .s3d [stop-color="#FF8A4C" i]{stop-color:#F2C879}
.mist .s3d [stroke="#C65D1E" i]{stroke:#E0A24A}
.mist .s3d [fill="#C65D1E" i]{fill:#E0A24A}
.mist .s3d [stop-color="#C65D1E" i]{stop-color:#E0A24A}
.mist .s3d [stroke="#f2b84b" i]{stroke:#F2C879}
.mist .s3d [fill="#f2b84b" i]{fill:#F2C879}
.mist .s3d [stop-color="#f2b84b" i]{stop-color:#F2C879}
.mist .s3d [stroke="#14504a" i]{stroke:#3F7A92}
.mist .s3d [fill="#14504a" i]{fill:#3F7A92}
.mist .s3d [stop-color="#14504a" i]{stop-color:#3F7A92}
.mist .s3d [stroke="#0F1516" i]{stroke:#2B3844}
.mist .s3d [fill="#0F1516" i]{fill:#2B3844}
.mist .s3d [stop-color="#0F1516" i]{stop-color:#2B3844}
.mist .s3d [stroke="#6fe0d1" i]{stroke:#F7F9F8}
.mist .s3d [fill="#6fe0d1" i]{fill:#F7F9F8}
.mist .s3d [stop-color="#6fe0d1" i]{stop-color:#F7F9F8}
.mist .s3d [stroke="#14564e" i]{stroke:#3F7A92}
.mist .s3d [fill="#14564e" i]{fill:#3F7A92}
.mist .s3d [stop-color="#14564e" i]{stop-color:#3F7A92}
/* accent colours in drawings on light surfaces */
.mist .bn [stroke="#5FE3D3" i]{stroke:#3F7A92}
.mist .bn [fill="#5FE3D3" i]{fill:#3F7A92}
.mist .bn [stop-color="#5FE3D3" i]{stop-color:#3F7A92}
.mist .bn [stroke="#FF8A4C" i]{stroke:#B87A1E}
.mist .bn [fill="#FF8A4C" i]{fill:#B87A1E}
.mist .bn [stop-color="#FF8A4C" i]{stop-color:#B87A1E}
.mist .bn [stroke="#2A9D8F" i]{stroke:#3F7A92}
.mist .bn [fill="#2A9D8F" i]{fill:#3F7A92}
.mist .bn [stop-color="#2A9D8F" i]{stop-color:#3F7A92}
.mist .msg.u,.mist .pf-b.u,.mist .qr span.on,.mist .pf-qr span.on,.mist .scr-btns span.p,.mist .scr-cta{background:#3F7A92;border-color:#3F7A92;color:#fff}
.mist .sw,.mist .tg{background:#7FAFC2}
.mist .pf-b.card,.mist .msg.appt{background:rgba(184,122,30,.28)}

/* leftover accent colours from the base styles */
.mist .explore:hover{color:#F7F9F8;border-color:#F7F9F8}
.mist .dm .bar i{background:#C9E1E8}
.mist .dm .delta em{color:#C9E1E8}
.mist .bd-p.on .mk-pt.new circle{stroke:#F2C879}
.mist .chk input{accent-color:#3F7A92}
.mist .pf-b .dt small,.mist .msg .dt small{color:#8F5E10}
.mist .pf-r{animation-name:rk1m}.mist .pf-r.k2{animation-name:rk2m}.mist .pf-r.k3{animation-name:rk3m}
@keyframes rk1m{0%,24%{opacity:.3}25%,97%{opacity:1;border-color:#C9E1E8;background:rgba(201,225,232,.16)}100%{opacity:.3}}
@keyframes rk2m{0%,49%{opacity:.3}50%,97%{opacity:1;border-color:#C9E1E8;background:rgba(201,225,232,.16)}100%{opacity:.3}}
@keyframes rk3m{0%,74%{opacity:.3}75%,97%{opacity:1;border-color:#C9E1E8;background:rgba(201,225,232,.16)}100%{opacity:.3}}
.mist .tg.anim{animation-name:tgbgm}
@keyframes tgbgm{0%,55%{background:#7FAFC2}62%,90%{background:#8A97A1}100%{background:#7FAFC2}}

/* "what makes Kartavya different" list */
.mist .diff-list li{background:rgba(255,255,255,.85);border-color:rgba(47,59,70,.14);box-shadow:0 12px 30px rgba(47,59,70,.08)}
.mist .di{background:rgba(63,122,146,.14);color:var(--m-deep)}
.mist .diff-list p{color:var(--m-slate)}
.mist .diff-sub{color:var(--m-slate)}
.mist .mem-head .mem-price{color:var(--m-deep)}

/* mobile hero for the landing page */
@media(max-width:980px){
  .mist .hero{display:flex;flex-direction:column;height:auto;min-height:0;padding:40px 5vw 0}
  .mist .hero-in{position:static;order:1}
  .mist .hero-cta{position:static;order:2;align-self:flex-start;margin-top:26px;transform:none}
  .mist .macro{position:relative;inset:auto;order:3;height:340px;margin-top:10px}
  .mist .macro-hub{right:-14vw;top:14px;width:86vw}
  .mist .rings i{left:70%;top:46%}
}

.mist .hero{--sweep:rgba(201,225,232,.42);--hero-glow:rgba(255,255,255,.45)}