*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}.tg-lf-err{display:none}.tg-lf-err.on{display:block}.tg-cc{display:none}.tg-cc.show{display:block}.tg-cc-modal{display:none}.tg-cc-modal.show{display:grid}details.tg-qa>summary{list-style:none;cursor:pointer}details.tg-qa>summary::-webkit-details-marker{display:none}.tg-map{position:relative}.tg-map iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.tg-lf-cc{display:inline-flex;align-items:center;justify-content:center;font:inherit}[hidden]{display:none!important}
/* gen4 base layout — one stylesheet, 6 visual variants via html[data-v] */
:root{--bg:#ffffff;--ink:#141414;--mut:#5c5c5c;--card:#fafafa;--line:#e6e6e6;--acc:#2563eb;--acc-ink:#fff;--rad:16px;--serif:Georgia,serif;--sans:system-ui,sans-serif;--maxw:1160px;--pad:26px}
body{background:var(--bg);color:var(--ink);font:400 17px/1.65 var(--sans)}
h1,h2,h3,h4{margin:0;line-height:1.1;font-family:var(--serif);font-weight:600;text-wrap:balance}
p{margin:0 0 1em}
a{color:var(--acc)}a:hover{opacity:.72}
:focus-visible{outline:2px solid var(--acc);outline-offset:3px}
.tg-u-wrap{max-width:var(--maxw);margin:0 auto;padding:0 var(--pad)}
section{padding:76px 0}
.tg-u-kick,.tg-doc-kicker{display:inline-block;font-size:13px;letter-spacing:.14em;text-transform:uppercase;color:var(--acc);font-family:var(--sans);font-weight:600;margin-bottom:14px}
.tg-u-lead{font-size:19px;color:var(--mut);max-width:54ch}
.tg-u-sec-h{font-size:clamp(30px,4.2vw,46px);max-width:22ch;margin-bottom:12px}
.tg-u-sec-p{color:var(--mut);max-width:56ch;margin-bottom:40px}
/* header */
.tg-u-head{position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.tg-u-head .tg-in{max-width:var(--maxw);margin:0 auto;padding:12px var(--pad);display:flex;align-items:center;gap:20px}
.tg-u-brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-weight:700;font-size:21px;margin-inline-end:auto}
.tg-u-brand .tg-mk{width:38px;height:38px;border-radius:12px;background:var(--acc);color:var(--acc-ink);display:grid;place-items:center;font-size:20px;flex:none}
.tg-u-brand .tg-mk:has(svg){background:none;border-radius:0}
.tg-u-brand .tg-mk svg{width:100%;height:100%;display:block}
.tg-u-brand .tg-wm{letter-spacing:-.015em;line-height:1}
.tg-u-brand small{font-family:var(--sans);font-weight:500;color:var(--mut);font-size:13px}
.tg-u-nav{display:flex;gap:22px;font-size:15px;font-family:var(--sans)}
.tg-u-nav a{color:var(--ink);text-decoration:none}
.tg-u-nav a:hover,.tg-u-nav a[aria-current]{color:var(--acc)}
.tg-u-btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--sans);font-weight:600;font-size:15px;text-decoration:none;padding:11px 22px;border-radius:999px;background:var(--acc);color:var(--acc-ink);border:1.5px solid var(--acc);cursor:pointer}
.tg-u-btn:hover{opacity:1;filter:brightness(1.06)}
.tg-u-btn.tg-ghost{background:transparent;color:var(--ink);border-color:var(--line)}
.tg-u-btn.tg-ghost:hover{border-color:var(--acc);color:var(--acc)}
.tg-u-btn.tg-lg{padding:15px 28px;font-size:17px}
.tg-u-btns{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
/* hero */
.tg-u-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:52px;align-items:center;padding:68px 0 52px}
.tg-u-hero h1{font-size:clamp(40px,6vw,70px);margin:16px 0 18px}
.tg-u-art{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.tg-u-trust{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px;font-family:var(--sans)}
.tg-u-chip{font-size:13px;padding:5px 12px;border-radius:999px;background:var(--card);border:1px solid var(--line);color:var(--mut)}
/* media */
.tg-pic{margin:0;overflow:hidden;border-radius:var(--rad)}.tg-pic img{width:100%;height:100%;object-fit:cover;display:block}
.tg-u-bleed{aspect-ratio:21/9}
/* features */
.tg-u-feats{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.tg-u-feat{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:26px}
.tg-u-feat i{font-size:30px;color:var(--acc)}
.tg-u-feat h3{font-size:21px;margin:12px 0 8px;font-family:var(--sans);font-weight:700}
.tg-u-feat p{color:var(--mut);margin:0;font-size:15px}
/* split rows */
.tg-u-split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}
.tg-u-split+.tg-u-split{margin-top:72px}
.tg-u-split.tg-rev>.tg-pic{order:2}
.tg-u-split .tg-pic{aspect-ratio:4/3}
.tg-u-split h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:14px}
.tg-u-split p{color:var(--mut);font-size:18px;margin:0}
/* steps */
.tg-u-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;counter-reset:st}
.tg-u-step{padding-top:16px;border-top:2px solid var(--acc)}
.tg-u-step b{font-family:var(--sans);color:var(--acc);font-size:14px;display:block}
.tg-u-step b::before{counter-increment:st;content:"0" counter(st) "  "}
.tg-u-step h3{font-size:22px;margin:6px 0 8px;font-family:var(--sans);font-weight:700}
.tg-u-step p{color:var(--mut);margin:0;font-size:15px}
/* free band */
.tg-u-free{background:var(--ink);color:var(--bg);border-radius:var(--rad);padding:46px;display:flex;flex-wrap:wrap;gap:22px 48px;align-items:center;justify-content:space-between}
.tg-u-free h2{font-size:clamp(26px,3.4vw,40px);max-width:20ch;color:var(--bg)}
.tg-u-free ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-family:var(--sans)}
.tg-u-free li{display:flex;gap:10px;align-items:center;opacity:.92}
.tg-u-free li i{opacity:.8}
/* start / form */
.tg-u-start{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:start}
.tg-u-start h2{font-size:clamp(28px,4vw,48px);margin-bottom:16px}
.tg-u-start p{color:var(--mut);font-size:18px}
.tg-lf{background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:28px;display:grid;gap:16px}
.tg-lf h3{font-size:24px;font-family:var(--sans);font-weight:700}
.tg-lf-field label{display:block;font-family:var(--sans);font-weight:600;font-size:13px;margin-bottom:6px}
.tg-lf-input{width:100%;font:inherit;font-size:16px;padding:12px 14px;border-radius:12px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink)}
.tg-lf-input:focus{outline:none;border-color:var(--acc)}
.tg-lf-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px}
.tg-lf-cc{align-self:stretch;display:inline-flex;align-items:center;padding:0 14px;border:1.5px solid var(--line);border-radius:12px;font-weight:600;opacity:.8}
.tg-lf-check{display:flex;gap:10px;font-family:var(--sans);font-size:13px;color:var(--mut);line-height:1.55}
.tg-lf-check input{accent-color:var(--acc);width:18px;height:18px;flex:none;margin-top:2px}
.tg-lf-err{color:#c0362b;font-family:var(--sans);font-size:13px}
.tg-lf-btn{font:inherit;font-family:var(--sans);font-weight:700;font-size:17px;padding:15px;border-radius:999px;border:0;background:var(--acc);color:var(--acc-ink);cursor:pointer}
.tg-lf-btn:hover{filter:brightness(1.06)}
.tg-lf-note{font-family:var(--sans);font-size:13px;color:var(--mut)}
/* faq */
.tg-u-faq,.tg-faq-page{max-width:820px}
.tg-faq-page{margin-bottom:40px}
.tg-qa{border-bottom:1px solid var(--line);padding:18px 0}
.tg-qa summary{font-family:var(--sans);font-weight:600;font-size:18px;display:flex;justify-content:space-between;gap:16px}
.tg-qa summary::after{content:"+";color:var(--acc);font-size:22px;line-height:1}
.tg-qa[open] summary::after{content:"\u2212"}
.tg-qa-a{color:var(--mut);margin-top:10px}
.tg-qa-a p{margin:0}
/* contact */
.tg-contact-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:44px;align-items:start;margin-bottom:40px}
.tg-map{aspect-ratio:4/3;border:1px solid var(--line);border-radius:var(--rad)}
.tg-info{margin:0;display:grid;gap:18px;font-family:var(--sans)}
.tg-info dt{font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--acc);font-weight:700;margin-bottom:4px}
.tg-info dd{margin:0}.tg-info a{color:var(--ink)}
/* footer */
.tg-u-foot{border-top:1px solid var(--line);padding:46px 0 34px;margin-top:40px;font-family:var(--sans)}
.tg-u-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.4fr;gap:30px}
.tg-u-foot h4{font-size:13px;color:var(--mut);margin:0 0 12px;font-weight:600}
.tg-u-foot ul{list-style:none;margin:0;padding:0;display:grid;gap:8px;font-size:15px}
.tg-u-foot a,.tg-u-foot button,.tg-linkish{color:var(--ink);text-decoration:none;background:none;border:0;font:inherit;padding:0;cursor:pointer;text-align:start}
.tg-linkish{color:var(--acc);text-decoration:underline}
.tg-u-foot a:hover,.tg-u-foot button:hover{color:var(--acc)}
.tg-u-fine{margin-top:34px;padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:var(--mut);display:grid;gap:6px}
.tg-u-fine p{margin:0}
/* legal / pages */
.tg-doc{max-width:800px;margin:0 auto;padding:58px 0 36px}
.tg-doc h1{font-size:clamp(34px,5vw,54px);margin:10px 0 12px}
.tg-doc h2{font-size:22px;margin:36px 0 10px;font-family:var(--sans);font-weight:700}
.tg-doc p,.tg-doc li{color:#3a3a3a}
.tg-doc-date{color:var(--mut);font-size:14px}
.tg-doc table{width:100%;border-collapse:collapse;font-size:14px;margin:12px 0}
.tg-doc th,.tg-doc td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:start;vertical-align:top}
.tg-doc .tg-box{background:var(--card);border:1px solid var(--line);border-radius:12px;padding:4px 20px;margin:18px 0}
.tg-page-head{padding:60px 0 34px}
.tg-page-head h1{font-size:clamp(38px,5.4vw,62px);max-width:18ch}
.tg-page-head p{color:var(--mut);font-size:19px;max-width:56ch}
.tg-about-pic{aspect-ratio:21/8;margin-bottom:12px}
.tg-doc ul{padding-inline-start:20px;display:grid;gap:6px}
.tg-success{max-width:640px;margin:0 auto;padding:90px 0;text-align:center}
.tg-success h1{font-size:clamp(36px,5vw,56px);margin:14px 0}
.tg-success p{color:var(--mut)}
/* cookie */
.tg-cc{position:fixed;inset-inline:16px;bottom:16px;max-width:560px;z-index:50;background:var(--card);border:1px solid var(--line);border-radius:var(--rad);padding:20px;box-shadow:0 18px 50px rgba(0,0,0,.14)}
.tg-cc strong{font-family:var(--sans)}
.tg-cc p{font-size:14px;color:var(--mut);margin:6px 0 14px}
.tg-cc-btns{display:flex;flex-wrap:wrap;gap:8px}
.tg-cc-b{font:inherit;font-family:var(--sans);font-weight:600;font-size:14px;padding:10px 16px;border-radius:999px;border:1.5px solid var(--line);background:var(--bg);color:var(--ink);cursor:pointer}
.tg-cc-yes{background:var(--acc);color:var(--acc-ink);border-color:var(--acc)}
.tg-cc-modal{position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.45);place-items:center;padding:20px}
.tg-cc-box{background:var(--bg);border-radius:var(--rad);padding:28px;max-width:480px;width:100%}
.tg-cc-box h3{font-family:var(--sans);font-size:24px;margin-bottom:10px}
.tg-cc-pref{display:flex;justify-content:space-between;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}
.tg-cc-pref b{font-family:var(--sans)}
.tg-cc-pref small{display:block;color:var(--mut);font-size:13px}
.tg-cc-pref input{accent-color:var(--acc);width:20px;height:20px}
.tg-cc-box .tg-cc-btns{margin-top:18px}
@media(max-width:880px){.tg-u-nav{display:none}.tg-u-hero,.tg-u-split,.tg-u-start,.tg-contact-grid,.tg-u-foot-grid{grid-template-columns:minmax(0,1fr)}.tg-u-split.tg-rev>.tg-pic{order:0}.tg-u-steps{grid-template-columns:minmax(0,1fr)}.tg-u-free{padding:30px}section{padding:54px 0}.tg-u-brand small{display:none}}

/* ============ VARIANT: mag (bold editorial) ============ */
html[data-v=mag] h1,html[data-v=mag] h2,html[data-v=mag] h3,html[data-v=mag] h4{font-family:var(--serif);font-weight:800;letter-spacing:-.02em;line-height:1.02}
html[data-v=mag] .tg-u-btn,html[data-v=mag] .tg-lf-btn,html[data-v=mag] .tg-cc-b{border-radius:0}
html[data-v=mag] .tg-u-feat,html[data-v=mag] .tg-u-art,html[data-v=mag] .tg-pic,html[data-v=mag] .tg-map,html[data-v=mag] .tg-lf,html[data-v=mag] .tg-cc,html[data-v=mag] .tg-cc-box{border-radius:0}
html[data-v=mag] .tg-u-feat{border:0;border-top:4px solid var(--ink)}
html[data-v=mag] .tg-u-head{border-bottom:3px solid var(--ink)}
html[data-v=mag] .tg-u-hero h1{font-size:clamp(46px,8vw,96px)}
html[data-v=mag] .tg-lf-input{border-radius:0}
html[data-v=mag] .tg-lf-cc{border-radius:0}

/* ============ VARIANT: swiss (minimal hairline) ============ */
html[data-v=swiss]{--rad:0px}
html[data-v=swiss] h1,html[data-v=swiss] h2,html[data-v=swiss] h3,html[data-v=swiss] h4{font-family:var(--sans);font-weight:600;letter-spacing:-.02em}
html[data-v=swiss] .tg-u-btn{background:transparent;color:var(--ink);border:0;border-bottom:2px solid var(--acc);border-radius:0;padding:8px 2px}
html[data-v=swiss] .tg-u-btn.tg-ghost{color:var(--mut);border-bottom-color:var(--line)}
html[data-v=swiss] .tg-u-feat{background:transparent;border:0;border-top:1px solid var(--ink);padding-inline:0}
html[data-v=swiss] .tg-u-art,html[data-v=swiss] .tg-lf{background:transparent;border:1px solid var(--line)}
html[data-v=swiss] .tg-u-step{border-top-color:var(--ink)}
html[data-v=swiss] .tg-lf-btn{border-radius:0}

/* ============ VARIANT: soft (rounded friendly) ============ */
html[data-v=soft]{--rad:26px}
html[data-v=soft] h1,html[data-v=soft] h2,html[data-v=soft] h3,html[data-v=soft] h4{font-family:var(--serif);font-weight:800;letter-spacing:-.02em}
html[data-v=soft] body{background:var(--bg)}
html[data-v=soft] .tg-u-feat{box-shadow:0 10px 30px rgba(0,0,0,.05);border-color:transparent}
html[data-v=soft] .tg-u-step{border-top:0}
html[data-v=soft] .tg-u-step b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--acc);color:var(--acc-ink)}
html[data-v=soft] .tg-u-step b::before{content:"0" counter(st)}

/* ============ VARIANT: tech (dark mono) ============ */
html[data-v=tech] h1,html[data-v=tech] h2,html[data-v=tech] h3,html[data-v=tech] h4{font-family:var(--sans);letter-spacing:-.01em}
html[data-v=tech] .tg-u-head{background:color-mix(in srgb,var(--bg) 80%,transparent);border-bottom-color:var(--line)}
html[data-v=tech] .tg-u-chip{background:var(--card)}
html[data-v=tech] .tg-u-feat i{color:var(--acc)}
html[data-v=tech] .tg-u-free{background:var(--card);color:var(--ink);border:1px solid var(--line)}
html[data-v=tech] .tg-u-free h2{color:var(--ink)}
html[data-v=tech] .tg-u-foot a,html[data-v=tech] .tg-u-foot button{color:var(--ink)}
html[data-v=tech] .tg-map{filter:invert(.92) hue-rotate(180deg) saturate(.7)}
html[data-v=tech] .tg-u-step{border-top-color:var(--acc)}

/* ============ VARIANT: clock (light indigo cards) ============ */
html[data-v=clock] h1,html[data-v=clock] h2,html[data-v=clock] h3,html[data-v=clock] h4{font-family:var(--serif);font-weight:600}
html[data-v=clock] .tg-u-free{background:var(--acc);color:var(--acc-ink)}
html[data-v=clock] .tg-u-free h2{color:var(--acc-ink)}
html[data-v=clock] .tg-u-feat{background:var(--card)}

/* signature art shells */
.art-tally{display:grid;gap:14px}
.art-tally .row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid var(--line);font-family:var(--sans)}
.art-tally .row:last-child{border-bottom:0}
.art-tally .marks{letter-spacing:3px;color:var(--acc);font-weight:700}
.art-tally .amt{color:var(--mut);font-size:14px}
.art-ring{display:grid;place-items:center;gap:10px;text-align:center;font-family:var(--sans)}
.art-ring .dial{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--acc) var(--p,72%),var(--line) 0)}
.art-ring .dial span{width:140px;height:140px;border-radius:50%;background:var(--bg);display:grid;place-content:center;font-family:var(--serif);font-size:52px;color:var(--ink)}
.art-ring small{color:var(--mut)}
.art-bars{display:flex;align-items:flex-end;gap:10px;height:180px}
.art-bars i{flex:1;background:var(--acc);border-radius:8px 8px 0 0;opacity:.35}
.art-bars i:nth-child(1){height:30%}.art-bars i:nth-child(2){height:48%}.art-bars i:nth-child(3){height:66%}.art-bars i:nth-child(4){height:84%}.art-bars i:nth-child(5){height:100%}
.art-bars i.on{opacity:1}
.art-ledger{font-family:var(--sans);font-size:15px}
.art-ledger .r{display:grid;grid-template-columns:1fr auto auto;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}
.art-ledger .r.tg-h{color:var(--mut);font-size:12px;text-transform:uppercase;letter-spacing:.1em}
.art-ledger .r:last-child{border-bottom:0}
.art-ledger .due{color:var(--acc);font-weight:700}
.art-num{font-family:var(--serif);font-size:clamp(120px,20vw,200px);line-height:.85;color:var(--acc)}
.art-num small{display:block;font-family:var(--sans);font-size:18px;color:var(--mut);margin-top:10px}
.art-sms{display:grid;gap:10px;font-family:var(--sans)}
.art-sms .b{max-width:85%;padding:12px 16px;border-radius:18px;font-size:15px}
.art-sms .b.them{background:var(--acc);color:var(--acc-ink);border-end-end-radius:5px;justify-self:end}
.art-sms .b.us{background:var(--card);border:1px solid var(--line);border-end-start-radius:5px}

/* gen5 extras: hero layouts + centered footer */
.tg-u-hero.stack{grid-template-columns:minmax(0,1fr);text-align:center;justify-items:center;gap:36px}
.tg-u-hero.stack .tg-u-lead{margin-inline:auto}
.tg-u-hero.stack .tg-u-btns,.tg-u-hero.stack .tg-u-trust{justify-content:center}
.tg-u-hero.stack h1{max-width:16ch;margin-inline:auto}
.tg-u-hero.stack .tg-u-art{width:min(560px,100%)}
.tg-u-hero.flip>.tg-u-art{order:-1}
.u-foot-c{text-align:center}
.u-foot-c .tg-u-brand{display:inline-flex;margin:0 auto}
.u-foot-blurb{color:var(--mut);max-width:46ch;margin:14px auto 0}
.u-foot-nav{display:flex;flex-wrap:wrap;justify-content:center;gap:8px 22px;margin:22px 0 10px;font-size:15px}
.u-foot-nav a,.u-foot-nav button{color:var(--ink);text-decoration:none;background:none;border:0;font:inherit;padding:0;cursor:pointer}
.u-foot-nav a:hover,.u-foot-nav button:hover{color:var(--acc)}
.u-foot-addr{color:var(--mut);font-size:14px}
.u-foot-addr a{color:var(--ink)}
.u-foot-c .tg-u-fine{text-align:center}
.tg-u-head.solid{background:var(--ink);border-bottom:0}
.tg-u-head.solid .tg-u-brand,.tg-u-head.solid .tg-u-nav a{color:var(--bg)}
.tg-u-head.solid .tg-u-nav a:hover,.tg-u-head.solid .tg-u-nav a[aria-current]{color:var(--acc)}
.tg-u-head.center .tg-in{flex-wrap:wrap;justify-content:center}
.tg-u-head.center .tg-u-brand{margin-inline-end:0;width:100%;justify-content:center}
@media(max-width:880px){.tg-u-hero.flip>.tg-u-art{order:0}.tg-u-head.center .tg-u-brand{width:auto;margin-inline-end:auto}.tg-u-head.center .tg-in{justify-content:space-between}}

/* gen7 — India variants */
.tg-lng{display:flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px;background:var(--card);flex:none}
.tg-lng button{font:600 13px/1 var(--sans);padding:7px 10px;border:0;border-radius:999px;background:transparent;color:var(--ink);cursor:pointer}
.tg-lng button[aria-pressed=true]{background:var(--ink);color:var(--bg)}
.tg-lng button:focus-visible{outline:2px solid var(--acc);outline-offset:2px}
@media(max-width:560px){.tg-u-hcta{display:none}}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] h3,html[lang=hi] h4{letter-spacing:0!important;text-transform:none!important;font-style:normal!important;line-height:1.3!important}
html[lang=hi] body{line-height:1.75}
html[lang=hi] .tg-u-kick,html[lang=hi] .tg-doc-kicker{letter-spacing:0!important;text-transform:none!important}
.tg-lgl-note{font-size:14px;color:var(--mut);border-inline-start:3px solid var(--line);padding-inline-start:12px}
.u-promise{padding:64px 0}
.u-pr-big{font-family:var(--serif);font-size:clamp(28px,4.4vw,52px);line-height:1.15;max-width:24ch;margin:0 0 14px;text-wrap:balance}
.u-pr-sm{color:var(--mut);max-width:58ch;font-size:18px;margin:0}
.art-list{display:grid;gap:10px;font-family:var(--sans)}
.art-list div{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;padding:12px 14px;border-radius:calc(var(--rad) * .6);background:color-mix(in srgb,var(--ink) 4%,var(--card))}
.art-list i{font-size:22px;color:var(--acc)}
.art-list b{display:block;font-size:15px}.art-list small{color:var(--mut);font-size:13px}
.art-list em{font-style:normal;font-size:12px;font-weight:700;padding:4px 8px;border-radius:999px;background:var(--acc);color:var(--acc-ink)}
.art-cap{margin:12px 0 0;color:var(--mut);font-size:13px}

/* 1 REGISTER — ledger */
html[data-v=register]{--rad:3px}
html[data-v=register] h1,html[data-v=register] h2,html[data-v=register] h3{font-family:var(--serif);font-weight:800;letter-spacing:-.01em}
html[data-v=register] .tg-u-head{border-bottom:3px double var(--acc)}
html[data-v=register] .tg-u-btn,html[data-v=register] .tg-lf-btn,html[data-v=register] .tg-cc-b{border-radius:3px}
html[data-v=register] .tg-u-feat{background:var(--card);border:1px solid var(--line);border-top:4px solid var(--acc)}
html[data-v=register] .tg-u-free{background:var(--acc)}
html[data-v=register] .tg-u-step{border-top:3px double var(--acc)}
.art-ledger{font-family:var(--sans);font-size:15px;background:repeating-linear-gradient(var(--card) 0 37px,var(--line) 37px 38px);border-inline-start:3px solid #c8574a}
.art-ledger div{display:grid;grid-template-columns:70px 1fr 90px;height:38px;align-items:center;padding-inline:12px}
.art-ledger div:first-child{font-weight:700;color:var(--acc);text-transform:uppercase;font-size:12px;letter-spacing:.08em}
.art-ledger s{color:var(--mut)}.art-ledger u{text-decoration:none;color:var(--acc2);font-weight:700}

/* 2 AAJ — tear-off daily */
html[data-v=aaj]{--rad:18px}
html[data-v=aaj] h1,html[data-v=aaj] h2,html[data-v=aaj] h3{font-family:var(--serif);font-weight:800;letter-spacing:-.035em}
html[data-v=aaj] .tg-u-hero h1{font-size:clamp(44px,7.4vw,92px);line-height:.98}
html[data-v=aaj] .tg-u-feat{border:0;background:var(--card)}
html[data-v=aaj] .tg-u-feat i{color:var(--acc)}
html[data-v=aaj] .tg-u-free{background:var(--ink)}
html[data-v=aaj] .tg-u-step{border-top:0;background:var(--card);border-radius:var(--rad);padding:24px}
html[data-v=aaj] .tg-u-step b{font-size:44px;font-family:var(--serif);font-weight:800;color:var(--acc)}
html[data-v=aaj] .tg-u-step b::before{content:"" counter(st)}
html[data-v=aaj] .tg-u-art{padding:0;overflow:hidden;border:0;box-shadow:0 24px 60px rgba(0,0,0,.12)}
.art-tear{text-align:center;font-family:var(--sans)}
.art-tear .t{background:var(--acc);color:#fff;padding:14px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;font-size:14px;position:relative}
.art-tear .n{font-family:var(--serif);font-weight:800;font-size:120px;line-height:1;padding:18px 0 4px}
.art-tear .w{color:var(--mut);font-weight:600}
.art-tear ul{list-style:none;margin:18px 0 0;padding:0 22px 24px;display:grid;gap:8px;text-align:start}
.art-tear li{padding:10px 14px;border-radius:12px;background:var(--card);display:flex;justify-content:space-between;gap:8px}
.art-tear li b{color:var(--acc)}

/* 3 CHAUKHAT — arches */
html[data-v=chaukhat]{--rad:16px}
html[data-v=chaukhat] h1,html[data-v=chaukhat] h2,html[data-v=chaukhat] h3{font-family:var(--serif);font-weight:700}
html[data-v=chaukhat] .tg-u-feat{border:0;background:var(--card);border-radius:120px 120px var(--rad) var(--rad);padding-top:44px;text-align:center}
html[data-v=chaukhat] .tg-u-feat i{display:inline-grid;place-items:center;width:58px;height:58px;border-radius:50%;background:var(--acc2);color:#fff}
html[data-v=chaukhat] .tg-pic img{border-radius:200px 200px 0 0}
html[data-v=chaukhat] .tg-u-free{background:var(--acc2)}
html[data-v=chaukhat] .tg-u-step{border-top:2px dotted var(--acc)}
html[data-v=chaukhat] .tg-u-art{border-radius:200px 200px var(--rad) var(--rad);padding-top:60px;background:var(--card)}
html[data-v=chaukhat] .tg-u-head{border-bottom:0;box-shadow:0 1px 0 var(--line)}
.art-door{display:grid;gap:10px;font-family:var(--sans)}
.art-door div{display:flex;gap:12px;align-items:center;border-bottom:1px dashed var(--line);padding:8px 0}
.art-door i{font-size:24px;color:var(--acc)}
.art-door b{display:block}.art-door small{color:var(--mut)}

/* 4 ITVAAR — weekly lavender */
html[data-v=itvaar]{--rad:24px}
html[data-v=itvaar] h1,html[data-v=itvaar] h2,html[data-v=itvaar] h3{font-family:var(--serif);font-weight:800;letter-spacing:-.02em}
html[data-v=itvaar] .tg-u-feat{border:0;box-shadow:0 14px 40px color-mix(in srgb,var(--acc) 12%,transparent)}
html[data-v=itvaar] .tg-u-feat:nth-child(2){background:color-mix(in srgb,var(--acc2) 16%,#fff)}
html[data-v=itvaar] .tg-u-free{background:linear-gradient(120deg,var(--acc),color-mix(in srgb,var(--acc) 70%,var(--acc2)))}
html[data-v=itvaar] .tg-u-step{border-top:0;padding:22px;border-radius:var(--rad);background:var(--card)}
html[data-v=itvaar] .tg-u-step b{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--acc2);color:#26213d}
html[data-v=itvaar] .tg-u-step b::before{content:"" counter(st)}
.art-week{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;font-family:var(--sans);font-size:13px}
.art-week div{border-radius:14px;background:color-mix(in srgb,var(--acc) 6%,var(--bg));padding:10px 4px;min-height:120px;display:flex;flex-direction:column;gap:6px;align-items:center}
.art-week b{font-size:12px;color:var(--mut)}
.art-week span{width:100%;font-size:11px;padding:4px;border-radius:8px;background:var(--acc);color:#fff;text-align:center}
.art-week span.o{background:var(--acc2);color:#26213d}
.art-week div.sun{background:color-mix(in srgb,var(--acc2) 22%,var(--bg))}

/* 5 SAFAI — fresh bubbles */
html[data-v=safai]{--rad:30px}
html[data-v=safai] h1,html[data-v=safai] h2,html[data-v=safai] h3{font-family:var(--serif);font-weight:800;letter-spacing:-.01em}
html[data-v=safai] .tg-u-feat{border:0;background:var(--card);border-radius:var(--rad)}
html[data-v=safai] .tg-u-feat i{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:50%;background:color-mix(in srgb,var(--acc2) 45%,#fff);color:var(--ink)}
html[data-v=safai] .tg-u-free{background:var(--acc)}
html[data-v=safai] .tg-u-hero{position:relative}
html[data-v=safai] .tg-u-art{border:0;background:radial-gradient(circle at 80% 20%,color-mix(in srgb,var(--acc2) 40%,#fff) 0 70px,transparent 71px),radial-gradient(circle at 12% 88%,color-mix(in srgb,var(--acc) 22%,#fff) 0 46px,transparent 47px),var(--card)}
html[data-v=safai] .tg-u-step{border-top:0}
html[data-v=safai] .tg-u-step b{display:inline-grid;place-items:center;width:50px;height:50px;border-radius:50%;background:var(--acc);color:#fff;font-size:18px}
html[data-v=safai] .tg-u-step b::before{content:"" counter(st)}
.art-ring{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;font-family:var(--sans)}
.art-ring .r{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--acc) 0 70%,color-mix(in srgb,var(--acc) 15%,#fff) 0);display:grid;place-items:center}
.art-ring .r b{width:112px;height:112px;border-radius:50%;background:var(--card);display:grid;place-items:center;text-align:center;font-size:30px;line-height:1.05;font-family:var(--serif)}
.art-ring .r small{display:block;font-size:12px;color:var(--mut);font-family:var(--sans);font-weight:600}
.art-ring ul{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.art-ring li{display:flex;gap:8px;align-items:center}.art-ring li i{color:var(--acc)}

/* 6 GHADI — night clock */
html[data-v=ghadi]{--rad:10px}
html[data-v=ghadi] h1,html[data-v=ghadi] h2,html[data-v=ghadi] h3{font-family:var(--serif);font-weight:700;letter-spacing:.005em}
html[data-v=ghadi] .tg-u-hero h1{font-size:clamp(44px,7vw,86px);line-height:1}
html[data-v=ghadi] .tg-u-feat{background:var(--card);border-color:var(--line)}
html[data-v=ghadi] .tg-u-feat i{color:var(--acc)}
html[data-v=ghadi] .tg-u-free{background:var(--card);color:var(--ink);border:1px solid var(--acc)}
html[data-v=ghadi] .tg-u-free h2{color:var(--ink)}
html[data-v=ghadi] .tg-map{filter:invert(.92) hue-rotate(180deg) saturate(.5)}
html[data-v=ghadi] .tg-doc p,html[data-v=ghadi] .tg-doc li{color:var(--ink)}
html[data-v=ghadi] .tg-u-btn.tg-ghost{color:var(--ink)}
.tg-art-clock{display:grid;place-items:center;gap:14px;font-family:var(--sans)}
.tg-art-clock .tg-f{width:220px;height:220px;border-radius:50%;border:3px solid var(--acc);position:relative;background:radial-gradient(circle,color-mix(in srgb,var(--acc) 14%,var(--card)),var(--card) 70%);box-shadow:0 0 60px color-mix(in srgb,var(--acc) 25%,transparent)}
.tg-art-clock .tg-f i{position:absolute;left:50%;bottom:50%;width:4px;border-radius:2px;background:var(--ink);transform-origin:bottom center}
.tg-art-clock .tg-f i.tg-h{height:60px;transform:translateX(-50%) rotate(-60deg)}
.tg-art-clock .tg-f i.tg-m{height:86px;background:var(--acc);transform:translateX(-50%) rotate(30deg)}
.tg-art-clock .tg-f::after{content:"";position:absolute;inset:50% auto auto 50%;width:14px;height:14px;margin:-7px;border-radius:50%;background:var(--acc)}
.tg-art-clock p{margin:0;text-align:center;color:var(--mut)}.tg-art-clock p b{color:var(--ink);display:block;font-size:18px}

/* 7 SOCH — editorial pause */
html[data-v=soch]{--rad:0px}
html[data-v=soch] h1,html[data-v=soch] h2,html[data-v=soch] h3{font-family:var(--serif);font-weight:400;letter-spacing:-.01em}
html[data-v=soch] .tg-u-hero h1{font-size:clamp(46px,7vw,88px);line-height:1.02}
html[data-v=soch] .tg-u-head{border-bottom:1px solid var(--ink)}
html[data-v=soch] .tg-u-btn,html[data-v=soch] .tg-lf-btn,html[data-v=soch] .tg-cc-b{border-radius:0;background:var(--ink);color:var(--bg)}
html[data-v=soch] .tg-u-btn.tg-ghost{background:transparent;color:var(--ink);border-color:var(--ink)}
html[data-v=soch] .tg-u-feat{border:0;border-top:1px solid var(--ink);border-radius:0;background:transparent;padding-inline:0}
html[data-v=soch] .tg-u-feat i{color:var(--ink);background:var(--acc);padding:6px;border-radius:50%}
html[data-v=soch] .tg-u-free{background:var(--acc);color:var(--ink)}
html[data-v=soch] .tg-u-free h2{color:var(--ink)}
html[data-v=soch] .tg-u-free li i{color:var(--ink)}
html[data-v=soch] .tg-u-step{border-top:1px solid var(--ink)}
html[data-v=soch] .tg-u-step b{color:var(--ink)}
html[data-v=soch] .tg-u-kick{color:var(--ink);font-style:italic}
html[data-v=soch] a{color:var(--ink)}
html[data-v=soch] .u-promise{border-block:1px solid var(--ink)}
html[data-v=soch] .tg-u-art{border:0;background:transparent;padding:0}
.art-quote{font-family:var(--serif);font-size:clamp(30px,4vw,46px);line-height:1.15;border-inline-start:6px solid var(--acc);padding:6px 0 6px 24px}
.art-quote small{display:block;font-family:var(--sans);font-size:15px;color:var(--mut);margin-top:16px}

/* 8 BOOKMARK — ribbons */
html[data-v=bookmark]{--rad:6px}
html[data-v=bookmark] h1,html[data-v=bookmark] h2{font-family:var(--serif);font-weight:400;letter-spacing:0}
html[data-v=bookmark] h3{font-family:var(--sans);font-weight:600}
html[data-v=bookmark] .tg-u-feat{background:var(--card);position:relative;padding-top:40px}
html[data-v=bookmark] .tg-u-feat::before{content:"";position:absolute;top:-1px;inset-inline-start:24px;width:22px;height:34px;background:var(--acc);clip-path:polygon(0 0,100% 0,100% 100%,50% 75%,0 100%)}
html[data-v=bookmark] .tg-u-feat:nth-child(2)::before{background:var(--acc2)}
html[data-v=bookmark] .tg-u-free{background:var(--acc)}
html[data-v=bookmark] .tg-u-step{border-top:1px solid var(--line)}
.art-book{display:grid;grid-template-columns:1fr 1fr;background:var(--card);border-radius:4px;box-shadow:0 18px 40px rgba(0,0,0,.1);position:relative;font-family:var(--sans);min-height:240px}
.art-book>div{padding:22px;display:grid;gap:8px;align-content:start}
.art-book>div:first-child{border-inline-end:1px solid var(--line)}
.art-book b{font-family:var(--serif);font-size:24px;font-weight:400}
.art-book small{color:var(--mut)}
.art-book i.rb{position:absolute;top:-8px;inset-inline-end:28px;width:26px;height:120px;background:var(--acc2);clip-path:polygon(0 0,100% 0,100% 100%,50% 86%,0 100%)}

/* 9 MOHLAT — hourglass sand */
html[data-v=mohlat]{--rad:4px}
html[data-v=mohlat] h1,html[data-v=mohlat] h2,html[data-v=mohlat] h3{font-family:var(--serif);font-weight:600;text-transform:uppercase;letter-spacing:.01em;line-height:1}
html[data-v=mohlat] .tg-u-hero h1{font-size:clamp(48px,7.6vw,96px)}
html[data-v=mohlat] .tg-u-feat{background:var(--card);border:0;border-bottom:4px solid var(--acc2)}
html[data-v=mohlat] .tg-u-free{background:var(--acc)}
html[data-v=mohlat] .tg-u-btn,html[data-v=mohlat] .tg-lf-btn,html[data-v=mohlat] .tg-cc-b{border-radius:4px;text-transform:uppercase;letter-spacing:.06em}
html[data-v=mohlat] .tg-u-step{border-top:4px solid var(--acc)}
html[data-v=mohlat] .tg-u-step b{font-family:var(--serif);font-size:30px}
.art-sand{display:grid;grid-template-columns:120px 1fr;gap:22px;align-items:center;font-family:var(--sans)}
.art-sand .g{width:120px;height:190px;background:linear-gradient(var(--acc2),var(--acc2)) top/100% 34% no-repeat,linear-gradient(var(--acc2),var(--acc2)) bottom/100% 22% no-repeat,color-mix(in srgb,var(--acc) 10%,var(--card));clip-path:polygon(0 0,100% 0,56% 50%,100% 100%,0 100%,44% 50%);border-radius:4px}
.art-sand b{font-family:var(--serif);font-size:46px;line-height:1;display:block;text-transform:uppercase}
.art-sand small{color:var(--mut);display:block;margin-top:6px}

/* 10 DIN — brutal stamp */
html[data-v=din]{--rad:0px}
html[data-v=din] h1,html[data-v=din] h2,html[data-v=din] h3{font-family:var(--serif);font-weight:800;letter-spacing:-.03em;line-height:.98}
html[data-v=din] .tg-u-hero h1{font-size:clamp(48px,8vw,104px)}
html[data-v=din] .tg-u-head{border-bottom:3px solid var(--ink);background:var(--bg)}
html[data-v=din] .tg-u-btn,html[data-v=din] .tg-lf-btn,html[data-v=din] .tg-cc-b{border-radius:0;border:3px solid var(--ink);box-shadow:5px 5px 0 var(--ink);color:var(--ink)}
html[data-v=din] .tg-u-btn.tg-ghost{background:var(--hi)}
html[data-v=din] .tg-u-feat,html[data-v=din] .tg-lf,html[data-v=din] .tg-u-art,html[data-v=din] .tg-pic,html[data-v=din] .tg-map,html[data-v=din] .tg-cc{border:3px solid var(--ink);border-radius:0;box-shadow:7px 7px 0 var(--ink)}
html[data-v=din] .tg-u-feat:nth-child(2){background:var(--hi)}
html[data-v=din] .tg-u-free{background:var(--acc);color:var(--ink);border:3px solid var(--ink)}
html[data-v=din] .tg-u-free h2,html[data-v=din] .tg-u-free li i{color:var(--ink)}
html[data-v=din] .tg-u-kick{background:var(--ink);color:var(--hi);padding:3px 8px;display:inline-block}
html[data-v=din] .tg-u-feat i,html[data-v=din] .tg-u-step b,html[data-v=din] .tg-qa summary::after{color:var(--ink)}
html[data-v=din] a{color:var(--ink)}
html[data-v=din] .tg-lf-input,html[data-v=din] .tg-lf-cc{border:2px solid var(--ink);border-radius:0}
html[data-v=din] .tg-lng{border:2px solid var(--ink);border-radius:0}html[data-v=din] .tg-lng button{border-radius:0}
.art-stamp{position:relative;font-family:var(--sans);display:grid;gap:10px}
.art-stamp .s{justify-self:start;border:4px solid var(--acc);color:var(--ink);padding:10px 18px;font-weight:800;font-size:28px;transform:rotate(-6deg);text-transform:uppercase;background:var(--hi)}
.art-stamp .big{font-family:var(--serif);font-weight:800;font-size:clamp(60px,9vw,120px);line-height:.9}
.art-stamp small{font-weight:600}

:root{--bg:#121019;--ink:#f1ece0;--mut:#b4ad9e;--card:#1c1926;--line:#2e2a3a;--acc:#d9a441;--acc-ink:#121019;--serif:"Rajdhani",system-ui,sans-serif;--sans:"Yantramanav",system-ui,sans-serif}
a{color:var(--acc)}