/* apple.css (v19r, Om 2026-11-07 21:52): APPLE-CLEAN re-skin, HOME ONLY.
   Linked only from _gen/body/index.html (meta "headlast", loads after every shared sheet) and every rule is also scoped to
   body[data-page=index], so no other page can change. CSS only: copy, order and structure untouched.
   Type: SF (Apple devices) then self-hosted Inter (OFL, fonts/inter-var-latin.woff2). Text colours kept as built;
   Neon Blueprint (indigo #0A0D24, cyan #22D3EE, magenta #FF3D9A, lime #C6F432) only on buttons, links, icons, hairlines.
   v19s: Home is DAY ONLY; html.riq-night only via ?theme=night (parked for a later day/night plugin).
   v19t (2026-11-07 22:48): APPLE WHITE block at the end of this file replaces the v19s light-glass bands.
   Fade-up: js/apple-home.js. */
@font-face{font-family:"RIQ Inter";src:url(../fonts/inter-var-latin.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap;
 unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--af:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","RIQ Inter","Helvetica Neue",Arial,system-ui,sans-serif;
 --a-ind:#0A0D24;--a-cy:#22D3EE;--a-mg:#FF3D9A;--a-lm:#C6F432;--a-l1:#ffffff;--a-l2:#f5f5f7;--a-hl:rgba(0,0,0,.08);--a-hld:rgba(255,255,255,.14);
 --a-pad:clamp(84px,11vw,152px)}
@media(min-width:1101px){:root{--hh:84px}}
@media(max-width:1100px){:root{--hh:56px}}

/* ---------- type ---------- */
body[data-page=index],body[data-page=index] *{font-family:var(--af)!important}
body[data-page=index] .hv-ar{font-family:RiqArrow,"Segoe UI Symbol","Apple Symbols","DejaVu Sans",sans-serif!important}
body[data-page=index]{font-size:17px;line-height:1.6;letter-spacing:-.011em;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}
body[data-page=index] h1,body[data-page=index] h2,body[data-page=index] h3,body[data-page=index] h4{font-weight:700;letter-spacing:-.022em;line-height:1.08}
body[data-page=index] em.s{font-style:normal;font-weight:inherit;letter-spacing:inherit}
body[data-page=index] .lede{text-wrap:pretty;font-size:clamp(1.06rem,1.5vw,1.3rem);line-height:1.5;letter-spacing:-.012em;font-weight:400}

/* ---------- buttons: pills; indigo on light, magenta on dark ---------- */
body[data-page=index] .btn{font-weight:600;font-size:.94rem;letter-spacing:-.01em;padding:12px 22px;border-width:1px;border-radius:980px;transition:background .2s,color .2s,border-color .2s}
body[data-page=index] .btn-p{background:var(--a-ind);color:#fff;border-color:var(--a-ind)}
body[data-page=index] .btn-p:hover{background:#1c2250;border-color:#1c2250;color:#fff}
body[data-page=index] .btn-o{border-color:rgba(10,13,36,.28);color:var(--ink)}
body[data-page=index] .btn-o:hover{background:var(--a-ind);border-color:var(--a-ind);color:#fff}
body[data-page=index] .c-hero .btn-p,body[data-page=index] .c-dark .btn-p{background:var(--a-mg);border-color:var(--a-mg);color:var(--a-ind)}
body[data-page=index] .c-hero .btn-p:hover,body[data-page=index] .c-dark .btn-p:hover{background:#ff62ae;border-color:#ff62ae;color:var(--a-ind)}
body[data-page=index] .btn:focus-visible,body[data-page=index] a:focus-visible,body[data-page=index] button:focus-visible{outline:2px solid var(--a-cy);outline-offset:3px}

/* ---------- header: slim frosted two rows (36 + 48) ---------- */
body[data-page=index] .hdr{background:rgba(255,255,255,.76);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid var(--a-hl);box-shadow:none}
body[data-page=index] .brand img{height:30px}
@media(min-width:1101px){
 body[data-page=index] .hdr2 .wrap{grid-template-rows:36px 48px}
 body[data-page=index] .hdr2:before{height:36px;background:rgba(245,245,247,.6);border-bottom:1px solid var(--a-hl)}
 body[data-page=index] .hdr2 .hu-t{font-weight:400;font-size:12px;letter-spacing:-.005em}
 body[data-page=index] .hdr2 .nav-g>a,body[data-page=index] .hdr2 .ddb{font-weight:400;font-size:12px;letter-spacing:-.005em;padding:6px 9px}
 body[data-page=index] .hdr2 .nav-m>a,body[data-page=index] .hdr2 .nav-m .ddb{font-weight:500;font-size:13px;padding:8px 10px}
 body[data-page=index] .hdr2 .nav-m>a[aria-current=page]{box-shadow:inset 0 -2px 0 var(--a-mg)}
 body[data-page=index] .hdr2 .talk{padding:6px 14px;font-size:12px;font-weight:500}
}
@media(min-width:1101px) and (max-width:1260px){body[data-page=index] .hdr2 .nav-m>a,body[data-page=index] .hdr2 .nav-m .ddb{padding:8px 7px;font-size:12.5px}}
@media(max-width:1100px){
 body[data-page=index] .hdr .wrap{height:var(--hh)}
 body[data-page=index] .hdr .talk{padding:8px 16px;font-size:.84rem}
 body[data-page=index] .hdr2 .nav-g>a,body[data-page=index] .hdr2 .ddb{font-weight:500;font-size:1.02rem;letter-spacing:-.015em;border-bottom-color:var(--a-hl)}
 body[data-page=index] .hdr2 .nav-g:before{font-weight:600;font-size:.72rem;letter-spacing:.08em}
}
/* dropdowns: frosted, and always above the festive greeting chip */
body[data-page=index] .ddm{z-index:80;border:1px solid var(--a-hl);border-radius:18px;box-shadow:0 24px 60px -20px rgba(10,13,36,.28)}
@media(min-width:1101px){
 body[data-page=index] .ddm{background:rgba(255,255,255,.94);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px)}
 body[data-page=index] .ddm a{font-size:13px;font-weight:400;border-radius:10px}
}
body[data-page=index] .hdr .dd{position:relative;z-index:80}

/* ---------- festive: quiet frosted chips (logic untouched) ---------- */
body[data-page=index] .fx-chip{z-index:2;padding:6px 6px 6px 12px;gap:7px;font-weight:500!important;font-size:12.5px!important;letter-spacing:-.005em;line-height:1.2;
 background:rgba(255,255,255,.72)!important;-webkit-backdrop-filter:saturate(180%) blur(18px);backdrop-filter:saturate(180%) blur(18px);
 border:1px solid rgba(255,255,255,.55)!important;box-shadow:0 8px 24px -12px rgba(10,13,36,.35)!important}
body[data-page=index] .fx-chip i{width:8px;height:8px}
body[data-page=index] .fx-chip button{width:22px;height:22px;font-size:15px}
@media(min-width:701px){body[data-page=index] .fx-chip{right:calc(max(20px,(100% - 1280px) / 2) + 312px);max-width:calc(100% - 352px)}}
/* Panchang: smaller frosted glass card; same fixed box (no layout shift) */
body[data-page=index] .pj{width:300px;height:124px;padding:11px 15px 10px;grid-template-rows:22px 20px 18px 20px 18px;border-radius:18px;
 background:rgba(10,13,36,.55);border:1px solid rgba(255,255,255,.16);box-shadow:0 10px 30px -14px rgba(0,0,0,.5)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){body[data-page=index] .pj{background:rgba(10,13,36,.38);-webkit-backdrop-filter:saturate(160%) blur(20px);backdrop-filter:saturate(160%) blur(20px)}}
body[data-page=index] .pj-l{font-weight:600;font-size:10.5px;line-height:22px;letter-spacing:.08em}
body[data-page=index] .pj-c{font-weight:500;font-size:12px;line-height:22px}
body[data-page=index] .pj-m,body[data-page=index] .pj-m svg{width:22px;height:22px}
body[data-page=index] .pj-t{font-weight:600;font-size:13.5px;line-height:20px;letter-spacing:-.01em}
body[data-page=index] .pj-s{font-style:normal;font-weight:500;font-size:12.5px;line-height:18px}
body[data-page=index] .pj-n{font-size:12px;line-height:20px;border-top-color:rgba(255,255,255,.12)}
body[data-page=index] .pj-d{font-weight:500;font-size:12px;line-height:18px}
@media(max-width:700px){
 body[data-page=index] .pj{top:28px;height:78px;padding:7px 12px;border-radius:16px;grid-template-rows:17px 15px 15px 15px}
 body[data-page=index] .pj-m,body[data-page=index] .pj-m svg{width:18px;height:18px}
 body[data-page=index] .pj-t{font-size:12.5px;line-height:17px}
 body[data-page=index] .pj-s,body[data-page=index] .pj-n{font-size:11.5px;line-height:15px}
 body[data-page=index] .pj-d,body[data-page=index] .pj-c{font-size:11px;line-height:15px}
 body[data-page=index] .c-hero.hv-hero>.wrap{padding-top:168px}
 body[data-page=index] .fx-chip{top:calc(100% + 118px)}
}

/* ---------- 1 hero ---------- */
body[data-page=index] .hv-hero h1{font-size:clamp(2.4rem,4.3vw,4.1rem);line-height:1.06;letter-spacing:-.032em;font-weight:700;max-width:26ch;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.35)}
body[data-page=index] .hv-hero .lede{text-wrap:balance;font-size:clamp(1.08rem,1.6vw,1.4rem);color:rgba(255,255,255,.86);margin-bottom:26px}
body[data-page=index] .hv-acts .btn{padding:15px 30px;font-size:1.06rem}
body[data-page=index] .hv-stats{background:none;border:0;border-top:1px solid rgba(255,255,255,.2);border-radius:0;gap:0;-webkit-backdrop-filter:none;backdrop-filter:none;max-width:1180px}
body[data-page=index] .hv-stats li{background:none;padding:18px 26px 4px 0}
body[data-page=index] .hv-stats li+li{padding-left:26px;border-left:1px solid rgba(255,255,255,.12)}
body[data-page=index] .hv-stats b{font-weight:600;font-size:clamp(1.4rem,2.1vw,2rem);letter-spacing:-.025em}
body[data-page=index] .hv-stats span{font-size:12.5px;color:rgba(255,255,255,.7);letter-spacing:0}
@media(max-width:700px){
 body[data-page=index] .hv-hero h1{font-size:clamp(2.3rem,10.6vw,2.9rem);line-height:1.06}
 body[data-page=index] .hv-stats li,body[data-page=index] .hv-stats li+li{padding:12px 10px 4px 0;border-left:0}
 body[data-page=index] .hv-stats li:nth-child(even){padding-left:14px;border-left:1px solid rgba(255,255,255,.12)}
 body[data-page=index] .hv-stats li:last-child{border-top:1px solid rgba(255,255,255,.12)}
 body[data-page=index] .hv-stats b{font-size:1.3rem}
}

/* ---------- bands: generous whitespace, white / #f5f5f7 / dark ---------- */
body[data-page=index] main>.sec{padding:var(--a-pad) 0}
body[data-page=index] .sec.alt{background:var(--a-l2)}
body[data-page=index] .hv-cod{background:var(--a-l1)}
body[data-page=index] [data-screen] .hv-h,body[data-page=index] .tt-h{text-wrap:balance}
body[data-page=index] [data-screen] .hv-h{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em;font-weight:700;margin:0 0 clamp(36px,4vw,56px)}
body[data-page=index] .c-dark{border-top:0}

/* ---------- 2 two tracks (light, thin cyan blueprint) ---------- */
body[data-page=index] .tt{background-color:var(--a-l1);background-image:linear-gradient(rgba(34,211,238,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.09) 1px,transparent 1px);background-size:40px 40px}
body[data-page=index] .tt-stage{padding:var(--a-pad) 0}
body[data-page=index] .tt-in{gap:clamp(10px,1.6vw,18px)}
body[data-page=index] .tt-h{font-size:clamp(2.2rem,5vw,4rem);line-height:1.05;letter-spacing:-.03em;margin:0 0 4px}
body[data-page=index] .tt-hint{font-size:.94rem}
body[data-page=index] .tt-lt{font-weight:600;font-size:12px;letter-spacing:.1em}
body[data-page=index] .tt-chips button{font-weight:500;font-size:.94rem;letter-spacing:-.01em;border-width:1px;border-color:#d2d2d7;min-height:44px}
body[data-page=index] .tt-chips button::before{width:7px;height:7px}
body[data-page=index] .tt-bar,body[data-page=index] .tt-rl{width:1px;background:#e5e5ea}
body[data-page=index] .tt-rl{width:auto;height:1px}
body[data-page=index] .tt-open{font-weight:600;font-size:11px;letter-spacing:.12em;border-width:1px}
body[data-page=index] .tt-cap{font-size:1.02rem;font-weight:400}
body[data-page=index] .tt-cta{margin-top:10px}
body[data-page=index] .tt-gnd{stroke:rgba(34,211,238,.6);stroke-width:1.5}

/* ---------- 3 services: rounded tile grid ---------- */
body[data-page=index] .hv-twin{gap:clamp(14px,1.6vw,22px)}
body[data-page=index] .hv-card{border-radius:28px;aspect-ratio:5/4;box-shadow:none;background:#0b0c12}
body[data-page=index] .hv-card img{transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
body[data-page=index] .hv-card:hover img{transform:scale(1.025)}
body[data-page=index] .hv-card:after{background:linear-gradient(180deg,rgba(7,8,13,0) 50%,rgba(7,8,13,.82))}
body[data-page=index] .hv-cb{left:clamp(22px,3vw,40px);right:clamp(22px,3vw,40px);bottom:clamp(22px,3vw,40px)}
body[data-page=index] .hv-cb b{font-weight:700;font-size:clamp(1.6rem,3vw,2.6rem);letter-spacing:-.028em;line-height:1.06}
body[data-page=index] .hv-cb small{font-size:clamp(1rem,1.3vw,1.18rem);margin-top:8px}
body[data-page=index] .hv-four{margin-top:clamp(14px,1.6vw,22px);gap:clamp(14px,1.6vw,22px)}
body[data-page=index] .hv-four a{flex-direction:column;align-items:flex-start;gap:18px;padding:26px 24px 24px;border:0;border-radius:22px;background:#fff;min-height:100%;box-sizing:border-box;transition:transform .3s,box-shadow .3s}
body[data-page=index] .hv-four a:hover{transform:translateY(-2px);box-shadow:0 18px 40px -26px rgba(10,13,36,.35)}
body[data-page=index] .hv-four svg{width:34px;height:34px;stroke:var(--a-mg);stroke-width:1.5}
body[data-page=index] .hv-four b{font-weight:600;font-size:1.12rem;letter-spacing:-.018em}
body[data-page=index] .hv-four small{font-size:.9rem;margin-top:2px}
body[data-page=index] .hv-xline{font-weight:400!important;font-size:1.02rem!important;letter-spacing:-.01em}
body[data-page=index] .hv-xline:first-of-type{margin-top:clamp(36px,4vw,56px)!important}
body[data-page=index] .hv-xline a{font-weight:500;text-decoration:none}
body[data-page=index] .hv-xline a:hover{text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){
 body[data-page=index] .hv-card{aspect-ratio:4/5;border-radius:24px}
 body[data-page=index] .hv-four a{padding:20px 18px;gap:12px;border-radius:20px}
 body[data-page=index] .hv-four svg{width:28px;height:28px}
}

/* ---------- 4 proof (dark): bigger crops ---------- */
body[data-page=index] .hv-proof .hv-h{text-align:center}
body[data-page=index] .hv-pj{gap:clamp(14px,1.6vw,22px)}
body[data-page=index] .hv-p{border:0;border-radius:24px;background:#12141d}
body[data-page=index] .hv-p:hover{transform:none;border-color:transparent}
body[data-page=index] .hv-p img{aspect-ratio:4/5;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
body[data-page=index] .hv-p:hover img{transform:scale(1.025)}
body[data-page=index] .hv-p{overflow:hidden}
body[data-page=index] .hv-p span{padding:18px 22px 22px}
body[data-page=index] .hv-p b{font-weight:600;font-size:1.1rem;letter-spacing:-.016em}
body[data-page=index] .hv-p small{font-size:.86rem;letter-spacing:0}
body[data-page=index] .hv-more{text-align:center;margin:clamp(28px,3vw,40px) 0 clamp(48px,6vw,80px)}
body[data-page=index] .hv-more a{color:var(--a-cy);font-weight:500;font-size:1.06rem;text-decoration:none}
body[data-page=index] .hv-more a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body[data-page=index] .ls{border-radius:28px}
@media(max-width:900px){body[data-page=index] .hv-p img{aspect-ratio:4/3}}

/* ---------- 5 cost of delay ---------- */
body[data-page=index] .hv-cod .hv-h{font-size:clamp(2.3rem,5vw,4rem);max-width:12ch}
body[data-page=index] .hv-tz{border:1px solid var(--a-hl);border-top:1px solid var(--a-hl);border-radius:28px;padding:clamp(24px,3vw,40px);box-shadow:0 40px 80px -56px rgba(10,13,36,.45);background:#fff}
body[data-page=index] .hv-tz-f label{display:flex;flex-direction:column;justify-content:flex-end;gap:6px;font-weight:500;font-size:.82rem;letter-spacing:-.005em}
body[data-page=index] .hv-tz-f input,body[data-page=index] .qb-l input{font-weight:400;font-size:1rem;padding:13px 14px;border:1px solid transparent;border-radius:12px;background:var(--a-l2)}
body[data-page=index] .hv-tz-f input:focus,body[data-page=index] .qb-l input:focus{outline:0;border-color:var(--a-ind);box-shadow:0 0 0 3px rgba(34,211,238,.45);background:#fff}
body[data-page=index] .hv-tz-o{border-top:1px solid var(--a-hl)}
body[data-page=index] .hv-tz-e{font-weight:600;font-size:1.15rem;letter-spacing:-.016em}
body[data-page=index] .hv-tz-n{font-weight:700;letter-spacing:-.04em}
body[data-page=index] .hv-tz-l a{font-weight:500;text-decoration:none}
body[data-page=index] .hv-tz-l a:hover{text-decoration:underline;text-underline-offset:4px}

/* ---------- 6 why ---------- */
body[data-page=index] .hv-ot{font-weight:600;font-size:clamp(1.4rem,2.6vw,2.2rem);letter-spacing:-.022em;line-height:1.2;margin-bottom:clamp(44px,5vw,72px)}
body[data-page=index] .hv-ot b{font-weight:700;font-size:clamp(4.6rem,12vw,9rem);letter-spacing:-.05em;margin-bottom:14px}
body[data-page=index] .hv-3{gap:clamp(14px,1.6vw,22px)}
body[data-page=index] .hv-3 li{border:0;border-radius:24px;padding:clamp(28px,3vw,44px) 24px;gap:18px;background:#fff}
body[data-page=index] .hv-3 svg{width:42px;height:42px;stroke:var(--a-ind);stroke-width:1.4}
body[data-page=index] .hv-3 b{font-weight:600;font-size:1.12rem;letter-spacing:-.018em}
@media(max-width:700px){body[data-page=index] .hv-3 li{padding:18px 20px;gap:16px;border-radius:20px}body[data-page=index] .hv-3 svg{width:34px;height:34px}}

/* ---------- 7 close (dark) + quick brief ---------- */
body[data-page=index] .hv-im{font-weight:700;letter-spacing:-.028em;font-size:clamp(1.8rem,3.4vw,2.8rem)}
body[data-page=index] .hv-chips{gap:10px;margin-bottom:22px}
body[data-page=index] .hv-chips button{font-weight:500;font-size:.9rem;letter-spacing:-.01em;border-width:1px;border-color:rgba(255,255,255,.24);padding:10px 18px}
body[data-page=index] .hv-chips button:hover{border-color:var(--a-cy)}
body[data-page=index] .hv-pp{border-radius:24px;border-color:var(--a-hld);background:rgba(255,255,255,.04);padding:26px 28px}
body[data-page=index] .hv-pp>p:first-child{font-weight:500;font-size:1.2rem;letter-spacing:-.016em}
body[data-page=index] .hv-pl a{color:var(--a-cy);font-weight:500;text-decoration:none}
body[data-page=index] .hv-pl a:hover{color:#fff;text-decoration:underline;text-underline-offset:4px}
body[data-page=index] .hv-qb h2{font-size:clamp(1.8rem,3.4vw,2.8rem);letter-spacing:-.028em;margin-bottom:22px}
body[data-page=index] .qb{border-top:0;border-radius:28px;padding:28px 28px 22px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
body[data-page=index] .qb-h b{font-weight:600;font-size:1.1rem;letter-spacing:-.016em}
body[data-page=index] .qb-l,body[data-page=index] .qb-s legend{font-weight:500;font-size:.82rem}
body[data-page=index] .qb-s span{font-weight:500;font-size:.86rem;border-color:#d2d2d7;padding:8px 14px}
body[data-page=index] .qb-s input:checked+span{background:var(--a-ind);border-color:var(--a-ind);color:#fff}
body[data-page=index] .qb .btn-p{background:var(--a-ind);border-color:var(--a-ind);color:#fff}
body[data-page=index] .qb .btn-p:hover{background:#1c2250;border-color:#1c2250}
@media(max-width:520px){body[data-page=index] .qb{padding:22px 18px 18px;border-radius:24px}}

/* ---------- footer, cookie strip, WhatsApp ---------- */
body[data-page=index] .ftr{border-top:1px solid var(--a-hld)}
body[data-page=index] .ftr .eyebrow{font-weight:600;letter-spacing:.08em;font-size:.72rem}
body[data-page=index] .ckb{background:rgba(17,21,34,.86);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--a-hld)}
body[data-page=index] .ckb .btn{font-weight:500;padding:7px 15px}
body[data-page=index] .ckb .btn-p{background:var(--a-mg);border-color:var(--a-mg);color:var(--a-ind)}
body[data-page=index] .ckb .btn-o{color:#fff;border-color:rgba(255,255,255,.4)}
body[data-page=index] .wa{border-radius:24px}

/* ---------- gentle fade-up on enter (js/apple-home.js adds .ap-js only when motion is allowed) ---------- */
@keyframes apUp{from{filter:opacity(0);translate:0 22px}to{filter:opacity(1);translate:0 0}}
html.ap-js body[data-page=index] .ap-f:not(.ap-in){filter:opacity(0)}
html.ap-js body[data-page=index] .ap-f.ap-in{animation:apUp .7s cubic-bezier(.2,.7,.2,1) both}
@media(prefers-reduced-motion:reduce){html.ap-js body[data-page=index] .ap-f{filter:none!important;animation:none!important}}

/* =================== NIGHT (html.riq-night) ===================
   The frosted header stays light at night so the logo keeps its true colours. */
html.riq-night{color-scheme:dark}
html.riq-night body[data-page=index]{background:var(--a-ind)}
html.riq-night body[data-page=index] main{--ink:#f5f5f7;--ink2:rgba(245,245,247,.78);--mute:#a1a1b5;--line:rgba(255,255,255,.12);--bg:var(--a-ind);--bg2:#10142e;--acc2:#6ea8ff}
html.riq-night body[data-page=index] .tt{background-color:var(--a-ind);background-image:linear-gradient(rgba(34,211,238,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(34,211,238,.07) 1px,transparent 1px)}
html.riq-night body[data-page=index] .sec.alt{background:#10142e}
html.riq-night body[data-page=index] .hv-cod{background:var(--a-ind)}
html.riq-night body[data-page=index] .c-dark{background:#05060f}
html.riq-night body[data-page=index] .tt-chips button{background:#161b3d}
html.riq-night body[data-page=index] .tt-chips button[aria-pressed=true],html.riq-night body[data-page=index] .tt-chips button.on{color:#fff}
html.riq-night body[data-page=index] .tt-open{background:#161b3d;color:#e9dcbc}
html.riq-night body[data-page=index] .tt-bar,html.riq-night body[data-page=index] .tt-rl{background:rgba(255,255,255,.14)}
html.riq-night body[data-page=index] .hv-four a,html.riq-night body[data-page=index] .hv-3 li{background:#161b3d}
html.riq-night body[data-page=index] .hv-3 svg{stroke:var(--a-cy)}
html.riq-night body[data-page=index] .hv-tz,html.riq-night body[data-page=index] .qb{background:#141938;border-color:var(--a-hld);color:var(--ink)}
html.riq-night body[data-page=index] .hv-tz-f input,html.riq-night body[data-page=index] .qb-l input{background:rgba(255,255,255,.07);color:#fff;border-color:transparent}
html.riq-night body[data-page=index] .hv-tz-f input:focus,html.riq-night body[data-page=index] .qb-l input:focus{background:rgba(255,255,255,.1);border-color:var(--a-cy)}
html.riq-night body[data-page=index] .hv-tz-f input::placeholder,html.riq-night body[data-page=index] .qb-l input::placeholder{color:rgba(255,255,255,.4)}
html.riq-night body[data-page=index] .qb-s span{background:transparent;border-color:rgba(255,255,255,.2);color:#f5f5f7}
html.riq-night body[data-page=index] .qb-s input:checked+span,html.riq-night body[data-page=index] .qb .btn-p{background:var(--a-mg);border-color:var(--a-mg);color:var(--a-ind)}
html.riq-night body[data-page=index] .qb-c a,html.riq-night body[data-page=index] .qb-n a{color:#f5f5f7}
html.riq-night body[data-page=index] main .btn-p{background:var(--a-mg);border-color:var(--a-mg);color:var(--a-ind)}
html.riq-night body[data-page=index] main .btn-o{border-color:rgba(255,255,255,.3);color:#f5f5f7}
html.riq-night body[data-page=index] .hv-tz-l a{color:var(--a-cy)}
html.riq-night body[data-page=index] .hv-ot b{color:var(--a-mg)}
html.riq-night body[data-page=index] .ftr{background:#05060f}

/* =================== v19t APPLE WHITE (Om 2026-11-07 22:48) ===================
   "clean means clean white slate ... from nav to footer use apple theme completely *White white white* ... font colour use
   gradient style ... card style attached". Replaces the v19s light-glass block (backup work/v19-backup/apple-white/).
   Day only (night above stays parked behind ?theme=night). Every rule scoped html:not(.riq-night) body[data-page=index] = html:not(.riq-night) body[data-page=index].
   Canvas: pure white #fff; #f5f5f7 only as the canvas behind white cards (Services, Cost of delay, Close, footer).
   No dark bands, no glass, no blur panels (nav excepted), no glows, no tinted washes, no hero media.
   Gradient text: brand magenta #FF3D9A -> orange #FF7A45, both ends darkened a touch (#F83592 -> #EC531B) so every point passes
   3:1 for large text on white (3.55 / 3.61) and on #f5f5f7 (3.26 / 3.31). Solid #E0218A fallback without background-clip:text.
   Small magenta eyebrow text #DE1F7E (4.56:1 on white). Primary pill Apple blue #0071E3 (4.7:1 white text); links #0066CC. */
html:not(.riq-night) body[data-page=index]{--w-ink:#1d1d1f;--w-g:#6e6e73;--w-g1:#424245;--w-hl:#d2d2d7;--w-hl2:#e8e8ed;--w-cv:#f5f5f7;--w-bl:#0071E3;--w-blh:#0077ED;--w-lk:#0066CC;
 --w-mg:#DE1F7E;--w-gr:linear-gradient(90deg,#F83592 0%,#EC531B 100%);--w-sh:0 4px 24px rgba(0,0,0,.06);--w-shh:0 10px 36px rgba(0,0,0,.09);--w-r:30px;
 background:#fff;color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] main{--ink:#1d1d1f;--ink2:#424245;--mute:#6e6e73;--line:#e8e8ed;--bg:#fff;--bg2:#f5f5f7;background:#fff}

/* ---------- gradient text (lead phrases); part two of a two-part heading is grey ---------- */
html:not(.riq-night) body[data-page=index] .ap-gt,html:not(.riq-night) body[data-page=index] .hv-hero h1 em.s,html:not(.riq-night) body[data-page=index] .hv-hero .hv-ar,html:not(.riq-night) body[data-page=index] .hv-stats b,html:not(.riq-night) body[data-page=index] .hv-ot b,html:not(.riq-night) body[data-page=index] .hv-tz-n{color:#E0218A}
@supports ((-webkit-background-clip:text) or (background-clip:text)){
 html:not(.riq-night) body[data-page=index] .ap-gt,html:not(.riq-night) body[data-page=index] .hv-hero h1 em.s,html:not(.riq-night) body[data-page=index] .hv-hero .hv-ar,html:not(.riq-night) body[data-page=index] .hv-stats b,html:not(.riq-night) body[data-page=index] .hv-ot b,html:not(.riq-night) body[data-page=index] .hv-tz-n{background:var(--w-gr);-webkit-background-clip:text;background-clip:text;
  color:transparent;-webkit-text-fill-color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}}
html:not(.riq-night) body[data-page=index] .tt-h em.s,html:not(.riq-night) body[data-page=index] .hv-cod .hv-h em.s{color:var(--w-g);-webkit-text-fill-color:var(--w-g)}
html:not(.riq-night) body[data-page=index] [data-screen] .hv-h,html:not(.riq-night) body[data-page=index] .tt-h,html:not(.riq-night) body[data-page=index] .hv-im,html:not(.riq-night) body[data-page=index] .hv-qb h2{color:var(--w-ink)}

/* ---------- buttons: Apple pills (blue primary, blue outline secondary) ---------- */
html:not(.riq-night) body[data-page=index] .btn{border-radius:980px;border-width:1px;font-weight:500;letter-spacing:-.01em}
html:not(.riq-night) body[data-page=index] .btn-p,html:not(.riq-night) body[data-page=index] .c-hero .btn-p,html:not(.riq-night) body[data-page=index] .c-dark .btn-p,html:not(.riq-night) body[data-page=index] .qb .btn-p,html:not(.riq-night) body[data-page=index] .ckb .btn-p,html:not(.riq-night) body[data-page=index] .hdr .talk{background:var(--w-bl);border-color:var(--w-bl);color:#fff}
html:not(.riq-night) body[data-page=index] .btn-p:hover,html:not(.riq-night) body[data-page=index] .c-hero .btn-p:hover,html:not(.riq-night) body[data-page=index] .c-dark .btn-p:hover,html:not(.riq-night) body[data-page=index] .qb .btn-p:hover,html:not(.riq-night) body[data-page=index] .ckb .btn-p:hover,html:not(.riq-night) body[data-page=index] .hdr .talk:hover{background:var(--w-blh);border-color:var(--w-blh);color:#fff}
html:not(.riq-night) body[data-page=index] .btn-o,html:not(.riq-night) body[data-page=index] .c-dark .btn-o,html:not(.riq-night) body[data-page=index] .ckb .btn-o{background:transparent;border-color:var(--w-bl);color:var(--w-bl)}
html:not(.riq-night) body[data-page=index] .btn-o:hover,html:not(.riq-night) body[data-page=index] .c-dark .btn-o:hover,html:not(.riq-night) body[data-page=index] .ckb .btn-o:hover{background:var(--w-bl);border-color:var(--w-bl);color:#fff}
html:not(.riq-night) body[data-page=index] .btn:focus-visible,html:not(.riq-night) body[data-page=index] a:focus-visible,html:not(.riq-night) body[data-page=index] button:focus-visible,html:not(.riq-night) body[data-page=index] input:focus-visible{outline:2px solid var(--w-bl);outline-offset:3px}

/* ---------- nav: white, thin hairline, dark grey links ---------- */
html:not(.riq-night) body[data-page=index] .hdr{background:rgba(255,255,255,.9);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);border-bottom:1px solid rgba(0,0,0,.08);box-shadow:none}
html:not(.riq-night) body[data-page=index] .hdr2 .nav-g>a,html:not(.riq-night) body[data-page=index] .hdr2 .ddb,html:not(.riq-night) body[data-page=index] .hdr2 .nav-m>a,html:not(.riq-night) body[data-page=index] .hdr2 .nav-m .ddb,html:not(.riq-night) body[data-page=index] .hdr .nav a,html:not(.riq-night) body[data-page=index] .hdr .ddb{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hdr2 .nav-g>a:hover,html:not(.riq-night) body[data-page=index] .hdr2 .nav-m>a:hover,html:not(.riq-night) body[data-page=index] .hdr .ddb:hover{color:var(--w-lk)}
html:not(.riq-night) body[data-page=index] .hdr2 .hu-t{color:var(--w-g)}
@media(min-width:1101px){
 html:not(.riq-night) body[data-page=index] .hdr2:before{background:#fff;border-bottom:1px solid rgba(0,0,0,.06)}
 html:not(.riq-night) body[data-page=index] .hdr2 .nav-m>a[aria-current=page]{color:var(--w-ink);box-shadow:inset 0 -2px 0 var(--w-mg)}
 html:not(.riq-night) body[data-page=index] .ddm{background:rgba(255,255,255,.98);-webkit-backdrop-filter:none;backdrop-filter:none}
}
html:not(.riq-night) body[data-page=index] .ddm{border:1px solid rgba(0,0,0,.06);border-radius:18px;box-shadow:0 18px 50px rgba(0,0,0,.12)}
html:not(.riq-night) body[data-page=index] .ddm a{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .ddm a:hover{background:var(--w-cv);color:var(--w-ink)}

/* ---------- festive, white-friendly (festive.js / panchang.js untouched) ---------- */
html:not(.riq-night) body[data-page=index] .fx-band{height:34px!important}
html:not(.riq-night) body[data-page=index] .fx-band:before{filter:none!important}
html:not(.riq-night) body[data-page=index] .fx-band:after{display:none!important}
@media(max-width:700px){html:not(.riq-night) body[data-page=index] .fx-band{height:22px!important}}
html:not(.riq-night) body[data-page=index] .fx-corner{filter:drop-shadow(0 2px 4px rgba(0,0,0,.08))!important}
html:not(.riq-night) body[data-page=index] .fx-chip{background:#fff!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border:1px solid rgba(0,0,0,.06)!important;color:var(--w-ink)!important;
 box-shadow:var(--w-sh)!important}
html:not(.riq-night) body[data-page=index] .fx-chip button{color:var(--w-g)}
@supports ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){html:not(.riq-night) body[data-page=index] .pj{background:#fff;-webkit-backdrop-filter:none;backdrop-filter:none}}
html:not(.riq-night) body[data-page=index] .pj{color:var(--w-ink);background:#fff;border:1px solid rgba(0,0,0,.05);border-radius:22px;box-shadow:0 4px 24px rgba(0,0,0,.08)}
html:not(.riq-night) body[data-page=index] .pj-l{color:var(--w-mg)}
html:not(.riq-night) body[data-page=index] .pj-c{color:#0E7490}
html:not(.riq-night) body[data-page=index] .pj-t{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .pj-s{color:#4D7C0F}
html:not(.riq-night) body[data-page=index] .pj-n{color:var(--w-g1);border-top-color:var(--w-hl2)}
html:not(.riq-night) body[data-page=index] .pj-d{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .pj-m circle{fill:rgba(0,0,0,.04);stroke:rgba(0,0,0,.28)}
html:not(.riq-night) body[data-page=index] .pj-m path{fill:#E0A526}

/* ---------- 1 hero: white slate, big headline left ---------- */
html:not(.riq-night) body[data-page=index] .hv-hero{background:#fff;color:var(--w-ink);border:0}
@media(min-width:701px){html:not(.riq-night) body[data-page=index] .hv-hero{min-height:clamp(600px,calc(100svh - var(--hh) - 56px),820px)}}
html:not(.riq-night) body[data-page=index] .hv-hero:after,html:not(.riq-night) body[data-page=index] .hv-hero:before{display:none}
html:not(.riq-night) body[data-page=index] .hv-hero h1{color:var(--w-ink);text-shadow:none;font-weight:700;font-size:clamp(2.5rem,5vw,4.7rem);line-height:1.05;letter-spacing:-.036em;max-width:none}
html:not(.riq-night) body[data-page=index] .hv-hero .lede{color:var(--w-g);font-size:clamp(1.12rem,1.7vw,1.5rem);line-height:1.4;letter-spacing:-.016em;margin:clamp(16px,2vw,24px) 0 clamp(24px,3vw,34px)}
html:not(.riq-night) body[data-page=index] .hv-acts .btn{padding:14px 30px;font-size:1.06rem;font-weight:500}
html:not(.riq-night) body[data-page=index] .hv-stats{border-top:1px solid var(--w-hl);margin-top:clamp(36px,5vw,64px)}
html:not(.riq-night) body[data-page=index] .hv-stats li+li{border-left-color:var(--w-hl2)}
html:not(.riq-night) body[data-page=index] .hv-stats b{font-weight:700;width:fit-content}
html:not(.riq-night) body[data-page=index] .hv-stats span{color:var(--w-g)}
@media(max-width:700px){
 html:not(.riq-night) body[data-page=index] .hv-stats li:nth-child(even){border-left-color:var(--w-hl2)}
 html:not(.riq-night) body[data-page=index] .hv-stats li:last-child{border-top-color:var(--w-hl2)}
}

/* ---------- 2 two tracks on white (no blueprint grid wash) ---------- */
html:not(.riq-night) body[data-page=index] .tt{background:#fff;background-image:none}
html:not(.riq-night) body[data-page=index] .tt-h{font-size:clamp(2.2rem,5vw,4rem);letter-spacing:-.034em}
html:not(.riq-night) body[data-page=index] .tt-hint,html:not(.riq-night) body[data-page=index] .tt-cap{color:var(--w-g)}
html:not(.riq-night) body[data-page=index] .tt-chips button{background:#fff;border-color:var(--w-hl);color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .tt-chips button.on,html:not(.riq-night) body[data-page=index] .tt-chips button.pv,html:not(.riq-night) body[data-page=index] .tt-chips button[aria-pressed=true]{background:var(--c);border-color:var(--c);color:#fff;box-shadow:none}
html:not(.riq-night) body[data-page=index] .tt.spotting .tt-chips button.on:not(.pv):not([aria-pressed=true]){background:#fff;color:var(--c)}
html:not(.riq-night) body[data-page=index] .tt-open{background:#fff}
html:not(.riq-night) body[data-page=index] .tt-stamp{box-shadow:0 8px 24px rgba(0,0,0,.12)}

/* ---------- shared white card (ref: rounded white card, eyebrow, bold title, image at the bottom, round grey arrow) ---------- */
html:not(.riq-night) body[data-page=index] .hv-card,html:not(.riq-night) body[data-page=index] .hv-p{position:relative;display:flex;flex-direction:column;overflow:hidden;text-decoration:none;color:var(--w-ink);background:#fff;
 border:0;border-radius:var(--w-r);box-shadow:var(--w-sh);transition:box-shadow .35s,transform .35s}
html:not(.riq-night) body[data-page=index] .hv-card:hover,html:not(.riq-night) body[data-page=index] .hv-p:hover{transform:translateY(-2px);box-shadow:var(--w-shh);border-color:transparent}
html:not(.riq-night) body[data-page=index] .hv-card::after,html:not(.riq-night) body[data-page=index] .hv-p::after{content:"\2197";position:absolute;inset:auto clamp(18px,2vw,26px) clamp(18px,2vw,26px) auto;z-index:2;width:40px;height:40px;border-radius:50%;
 display:grid;place-items:center;background:#e8e8ed;color:var(--w-ink);font:600 18px/1 var(--af);box-shadow:none;transition:background .25s,color .25s}
html:not(.riq-night) body[data-page=index] .hv-card:hover::after,html:not(.riq-night) body[data-page=index] .hv-p:hover::after{background:#dcdce1}
html:not(.riq-night) body[data-page=index] .hv-card img,html:not(.riq-night) body[data-page=index] .hv-p img{display:block;width:100%;height:auto;object-fit:cover;border-radius:0;margin-top:auto;transition:transform 1.2s cubic-bezier(.2,.8,.2,1)}
html:not(.riq-night) body[data-page=index] .hv-card:hover img,html:not(.riq-night) body[data-page=index] .hv-p:hover img{transform:scale(1.02)}

/* ---------- 3 services: #f5f5f7 canvas, white twin cards + icon strip ---------- */
html:not(.riq-night) body[data-page=index] #services{background:var(--w-cv)}
html:not(.riq-night) body[data-page=index] .hv-twin{gap:clamp(16px,1.8vw,24px)}
html:not(.riq-night) body[data-page=index] .hv-card{aspect-ratio:auto}
html:not(.riq-night) body[data-page=index] .hv-card .hv-cb{position:static;order:-1;flex:1 0 auto;padding:clamp(28px,3.4vw,48px) clamp(28px,3.4vw,48px) 0;left:auto;right:auto;bottom:auto}
html:not(.riq-night) body[data-page=index] .hv-cb b{color:var(--w-ink);font-weight:700;font-size:clamp(1.7rem,2.8vw,2.6rem);line-height:1.08;letter-spacing:-.03em}
html:not(.riq-night) body[data-page=index] .hv-cb b:after{content:none}
html:not(.riq-night) body[data-page=index] .hv-cb small{color:var(--w-g1);font-size:clamp(1.02rem,1.3vw,1.18rem);margin-top:10px}
html:not(.riq-night) body[data-page=index] .hv-card img{aspect-ratio:16/10;margin-top:clamp(26px,3vw,40px)}
/* icon strip (ref: picture over a centred label) */
html:not(.riq-night) body[data-page=index] .hv-four{grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(8px,1.4vw,20px);margin-top:clamp(40px,5vw,72px)}
html:not(.riq-night) body[data-page=index] .hv-four a{flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:14px;padding:14px 8px;background:transparent;border:0;border-radius:18px;box-shadow:none;min-height:0;color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-four a:hover{transform:none;box-shadow:none;background:transparent}
html:not(.riq-night) body[data-page=index] .hv-four a:hover b{color:var(--w-lk)}
html:not(.riq-night) body[data-page=index] .hv-four svg{width:clamp(44px,4.4vw,60px);height:clamp(44px,4.4vw,60px);stroke:var(--w-mg);stroke-width:1.2}
html:not(.riq-night) body[data-page=index] .hv-four b{color:var(--w-ink);font-weight:600;font-size:clamp(.98rem,1.2vw,1.12rem);letter-spacing:-.014em;transition:color .2s}
html:not(.riq-night) body[data-page=index] .hv-four small{color:var(--w-g);font-size:.86rem}
html:not(.riq-night) body[data-page=index] .hv-xline{color:var(--w-g)!important}
html:not(.riq-night) body[data-page=index] .hv-xline a{color:var(--w-lk)!important;font-weight:400}
@media(max-width:900px){html:not(.riq-night) body[data-page=index] .hv-four{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:520px){html:not(.riq-night) body[data-page=index] .hv-four{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}html:not(.riq-night) body[data-page=index] .hv-four svg{width:42px;height:42px}}

/* ---------- 4 proof: white, white project cards (eyebrow = scope) + client street on white ---------- */
html:not(.riq-night) body[data-page=index] #proof{background:#fff;border:0;color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-proof .hv-h{text-align:center}
html:not(.riq-night) body[data-page=index] .hv-p{box-shadow:0 4px 24px rgba(0,0,0,.07);outline:1px solid rgba(0,0,0,.04);outline-offset:-1px}
html:not(.riq-night) body[data-page=index] .hv-p>span{display:flex;flex-direction:column;order:-1;flex:1 0 auto;padding:clamp(26px,2.8vw,40px) clamp(24px,2.6vw,36px) 0}
html:not(.riq-night) body[data-page=index] .hv-p small{order:-1;margin:0 0 10px;color:var(--w-mg);font-size:12px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;line-height:1.4}
html:not(.riq-night) body[data-page=index] .hv-p b{color:var(--w-ink);font-weight:700;font-size:clamp(1.3rem,1.9vw,1.7rem);line-height:1.12;letter-spacing:-.024em;padding-right:4px}
html:not(.riq-night) body[data-page=index] .hv-p img{aspect-ratio:4/3;margin-top:clamp(22px,2.4vw,32px)}
html:not(.riq-night) body[data-page=index] .hv-more a{color:var(--w-lk);text-decoration:none;font-weight:400}
html:not(.riq-night) body[data-page=index] .hv-more a:hover{color:var(--w-lk);text-decoration:underline;text-underline-offset:4px}
html:not(.riq-night) body[data-page=index] .ls{background:#fff;border:1px solid var(--w-hl2);border-radius:var(--w-r);box-shadow:none}
html:not(.riq-night) body[data-page=index] .ls::before,html:not(.riq-night) body[data-page=index] .ls-s::after{display:none}
html:not(.riq-night) body[data-page=index] .ls-s{background:linear-gradient(90deg,#e3e3e8,#ededf0 50%,#e3e3e8) top/100% 100% no-repeat}
html:not(.riq-night) body[data-page=index] .ls-s::before{background:linear-gradient(90deg,#d2d2d7,#e8e8ed 50%,#d2d2d7)!important;box-shadow:none!important}
html:not(.riq-night) body[data-page=index] .ls-st{background:#d2d2d7}
html:not(.riq-night) body[data-page=index] .hv-tm,html:not(.riq-night) body[data-page=index] .ls-tm{color:var(--w-g)}

/* ---------- 5 cost of delay: #f5f5f7 canvas, white card ---------- */
html:not(.riq-night) body[data-page=index] #cost-of-delay{background:var(--w-cv)}
html:not(.riq-night) body[data-page=index] .hv-tz{background:#fff;border:0;border-radius:var(--w-r);box-shadow:var(--w-sh);padding:clamp(28px,3.4vw,48px)}
html:not(.riq-night) body[data-page=index] .hv-tz-f label{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-tz-f input,html:not(.riq-night) body[data-page=index] .qb-l input{background:var(--w-cv);border:1px solid transparent;color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-tz-f input::placeholder,html:not(.riq-night) body[data-page=index] .qb-l input::placeholder{color:#86868b}
html:not(.riq-night) body[data-page=index] .hv-tz-f input:focus,html:not(.riq-night) body[data-page=index] .qb-l input:focus{background:#fff;border-color:var(--w-bl);box-shadow:0 0 0 3px rgba(0,113,227,.22);outline:0}
html:not(.riq-night) body[data-page=index] .hv-tz-o{border-top:1px solid var(--w-hl2)}
html:not(.riq-night) body[data-page=index] .hv-tz-e{color:var(--w-g1)}
html:not(.riq-night) body[data-page=index] .hv-tz-n{width:fit-content}
html:not(.riq-night) body[data-page=index] .hv-tz-s{color:var(--w-g1)}
html:not(.riq-night) body[data-page=index] .hv-tz-s b{color:var(--w-mg)}
html:not(.riq-night) body[data-page=index] .hv-tz-l a{color:var(--w-lk);font-weight:400}

/* ---------- 6 why: white; 95%+ in gradient, rest grey; white cards ---------- */
html:not(.riq-night) body[data-page=index] #why{background:#fff}
html:not(.riq-night) body[data-page=index] .hv-ot{color:var(--w-g)}
html:not(.riq-night) body[data-page=index] .hv-ot b{width:fit-content;margin-left:auto;margin-right:auto}
html:not(.riq-night) body[data-page=index] .hv-3 li{background:#fff;border:0;border-radius:var(--w-r);box-shadow:0 4px 24px rgba(0,0,0,.07);outline:1px solid rgba(0,0,0,.04);outline-offset:-1px;padding:clamp(32px,3.4vw,48px) 28px}
html:not(.riq-night) body[data-page=index] .hv-3 svg{stroke:var(--w-mg);stroke-width:1.3}
html:not(.riq-night) body[data-page=index] .hv-3 b{color:var(--w-ink);font-weight:700;font-size:clamp(1.12rem,1.5vw,1.3rem);letter-spacing:-.02em}

/* ---------- 7 close: #f5f5f7 canvas, white persona card + white quick brief ---------- */
html:not(.riq-night) body[data-page=index] #plan{background:var(--w-cv);border:0;color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-chips button{background:#fff;color:var(--w-ink);border:1px solid var(--w-hl)}
html:not(.riq-night) body[data-page=index] .hv-chips button:hover{border-color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-chips button[aria-selected=true]{background:var(--w-ink);border-color:var(--w-ink);color:#fff}
html:not(.riq-night) body[data-page=index] .hv-pp,html:not(.riq-night) body[data-page=index] .qb{background:#fff;border:0;border-radius:var(--w-r);box-shadow:var(--w-sh);-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.riq-night) body[data-page=index] .hv-pp{padding:clamp(26px,3vw,40px)}
html:not(.riq-night) body[data-page=index] .hv-pp>p:first-child{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .hv-pl a{color:var(--w-lk);text-decoration:none}
html:not(.riq-night) body[data-page=index] .hv-pl a:hover{color:var(--w-lk);text-decoration:underline;text-underline-offset:4px}
html:not(.riq-night) body[data-page=index] .qb{padding:clamp(24px,3vw,40px)}
html:not(.riq-night) body[data-page=index] .qb-h b{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .qb-h span,html:not(.riq-night) body[data-page=index] .qb-l,html:not(.riq-night) body[data-page=index] .qb-s legend,html:not(.riq-night) body[data-page=index] .qb-c{color:var(--w-g1)}
html:not(.riq-night) body[data-page=index] .qb-s span{background:#fff;border-color:var(--w-hl);color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .qb-s input:checked+span{background:var(--w-ink);border-color:var(--w-ink);color:#fff}
html:not(.riq-night) body[data-page=index] .qb-c input{accent-color:var(--w-bl)}
html:not(.riq-night) body[data-page=index] .qb-c a,html:not(.riq-night) body[data-page=index] .qb-n a{color:var(--w-lk)}
html:not(.riq-night) body[data-page=index] .qb-n a:hover{color:var(--w-lk)}

/* ---------- footer (Home only): Apple-style light footer ---------- */
html:not(.riq-night) body[data-page=index] .ftr{background:var(--w-cv);color:var(--w-g);border-top:1px solid var(--w-hl);font-size:12px;line-height:1.5;padding:44px 0 26px}
html:not(.riq-night) body[data-page=index] .ftr .brand,html:not(.riq-night) body[data-page=index] .ftr .brand span{color:var(--w-ink)}
html:not(.riq-night) body[data-page=index] .ftr h4{color:var(--w-ink);font-size:12px;font-weight:600;letter-spacing:0;text-transform:none;margin-bottom:10px}
html:not(.riq-night) body[data-page=index] .ftr li{margin:7px 0}
html:not(.riq-night) body[data-page=index] .ftr a{color:var(--w-g1)}
html:not(.riq-night) body[data-page=index] .ftr a:hover{color:var(--w-ink);text-decoration:underline;text-underline-offset:3px}
html:not(.riq-night) body[data-page=index] .ftr p,html:not(.riq-night) body[data-page=index] .ftr .small{color:var(--w-g);font-size:12px}
html:not(.riq-night) body[data-page=index] .fcontact{border-top:1px solid var(--w-hl);margin-top:32px;padding-top:18px}
html:not(.riq-night) body[data-page=index] .fcontact a{color:var(--w-ink);font-size:12px}
html:not(.riq-night) body[data-page=index] .fcontact span{color:var(--w-g);font-size:12px}
html:not(.riq-night) body[data-page=index] .fbot{color:var(--w-g);border-top:1px solid var(--w-hl);margin-top:16px;padding-top:16px;font-size:12px}

/* ---------- cookie strip: white with a hairline ---------- */
html:not(.riq-night) body[data-page=index] .ckb{background:#fff;color:var(--w-ink);border-top:1px solid var(--w-hl);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
html:not(.riq-night) body[data-page=index] .ckb a{color:var(--w-lk)}
html:not(.riq-night) body[data-page=index] .brand i{color:var(--w-mg)}
html:not(.riq-night) body[data-page=index] .ftr .brand i{color:#C8106E}

/* v19w (Om 2026-11-08 00:03): Two Tracks storefront in the pastel papercut tone (ref work/inputs/image-169c5143cfaf.webp):
   white fading to blush/peach, mint accents, light grey trims. No champagne or amber. */
html:not(.riq-night) body[data-page=index] .tt-gnd{stroke:#A9DFC0;stroke-width:2}
html:not(.riq-night) body[data-page=index] .tt-box{filter:drop-shadow(0 0 6px #FFD6E6)}
html:not(.riq-night) body[data-page=index] .tt.js:not(.lit) .tt-box{fill:#FFF0F5}
html:not(.riq-night) body[data-page=index] .tt-open{border-color:#F3C3D6;color:#C8106E}
html:not(.riq-night) body[data-page=index] .tt:not(.js) .tt-open,html:not(.riq-night) body[data-page=index] .tt.open .tt-open{background:linear-gradient(135deg,#FFE3EE,#FFD3C4);border-color:#F3A9C6;color:#8A0F4E;box-shadow:0 0 0 6px rgba(255,201,222,.35)}