/* Digifyus website catalogue (websites.digifyus.com). Fonts are self-hosted, SIL Open Font License: see fonts/LICENSE.txt. */
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/bricolage-grotesque.woff2") format("woff2"); font-weight: 200 800; font-stretch: 75% 100%; font-style: normal; font-display: swap; }
@font-face { font-family: "Bricolage Grotesque"; src: url("fonts/bricolage-grotesque-rupee.woff2") format("woff2"); font-weight: 200 800; font-stretch: 75% 100%; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Geist"; src: url("fonts/geist.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Geist"; src: url("fonts/geist-rupee.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Archivo"; src: url("fonts/archivo.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; }
@font-face { font-family: "Archivo"; src: url("fonts/archivo-rupee.woff2") format("woff2"); font-weight: 100 900; font-stretch: 62% 125%; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Instrument Serif"; src: url("fonts/instrument-serif-400-italic.woff2") format("woff2"); font-weight: 400; font-style: italic; font-display: swap; }
@font-face { font-family: "Sora"; src: url("fonts/sora.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
@font-face { font-family: "JetBrains Mono"; src: url("fonts/jetbrains-mono.woff2") format("woff2"); font-weight: 100 800; font-style: normal; font-display: swap; }
@font-face { font-family: "Gloock"; src: url("fonts/gloock-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Gloock"; src: url("fonts/gloock-400-rupee.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Shrikhand"; src: url("fonts/shrikhand-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Shrikhand"; src: url("fonts/shrikhand-400-rupee.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Anton"; src: url("fonts/anton-400.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: "Anton"; src: url("fonts/anton-400-rupee.woff2") format("woff2"); font-weight: 400; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Unbounded"; src: url("fonts/unbounded.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Unbounded"; src: url("fonts/unbounded-rupee.woff2") format("woff2"); font-weight: 200 900; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/cormorant-garamond.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/cormorant-garamond-rupee.woff2") format("woff2"); font-weight: 300 700; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/cormorant-garamond-italic.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; }
@font-face { font-family: "Cormorant Garamond"; src: url("fonts/cormorant-garamond-italic-rupee.woff2") format("woff2"); font-weight: 300 700; font-style: italic; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-500.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-500-rupee.woff2") format("woff2"); font-weight: 500; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-600.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-600-rupee.woff2") format("woff2"); font-weight: 600; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-700.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Rajdhani"; src: url("fonts/rajdhani-700-rupee.woff2") format("woff2"); font-weight: 700; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Caveat"; src: url("fonts/caveat.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; }
@font-face { font-family: "Caveat"; src: url("fonts/caveat-rupee.woff2") format("woff2"); font-weight: 400 700; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Schibsted Grotesk"; src: url("fonts/schibsted-grotesk.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Schibsted Grotesk"; src: url("fonts/schibsted-grotesk-rupee.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Outfit"; src: url("fonts/outfit.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Gabarito"; src: url("fonts/gabarito.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-rupee.woff2") format("woff2"); font-weight: 100 900; font-style: normal; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-italic.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; }
@font-face { font-family: "Fraunces"; src: url("fonts/fraunces-italic-rupee.woff2") format("woff2"); font-weight: 100 900; font-style: italic; font-display: swap; unicode-range: U+20B9; }
@font-face { font-family: "Bodoni Moda"; src: url("fonts/bodoni-moda.woff2") format("woff2"); font-weight: 400 900; font-style: normal; font-display: swap; }
@font-face { font-family: "Saira"; src: url("fonts/saira.woff2") format("woff2"); font-weight: 100 900; font-stretch: 50% 125%; font-style: normal; font-display: swap; }
@font-face { font-family: "Saira"; src: url("fonts/saira-rupee.woff2") format("woff2"); font-weight: 100 900; font-stretch: 50% 125%; font-style: normal; font-display: swap; unicode-range: U+20B9; }

/* Layout: a type-led hero beside a live showreel, then the live client sites on stacked plates, each plate in its client's
   own colours with the real site on a desktop and a phone. Then the filterable wall of live designs, and the motion,
   process and price bands. Onyx carries the page and champagne is the one accent; the process band is Canvas. */
:root{
  --onyx:#16130F;
  --deep:#0A0907;
  --raised:#1E1914;
  --smoke:#3A3229;
  --line:rgba(245,241,234,.1);
  --line-2:rgba(245,241,234,.18);
  --canvas:#F5F1EA;
  --taupe:#A79E90;
  --stone:#6B6358;
  --champagne:#C9A86A;
  --gold-light:#E2C995;
  --gold-deep:#9A7B3F;
  --glass:rgba(22,19,15,.74);
  --veil:rgba(10,9,7,.8);
  --display:"Bricolage Grotesque","Arial Narrow",system-ui,sans-serif;
  --serif:"Instrument Serif",Georgia,"Times New Roman",serif;
  --text:"Geist",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --ease-out:cubic-bezier(.2,.8,.2,1);
  --ease-io:cubic-bezier(.65,0,.35,1);
  --ease-snap:cubic-bezier(.3,1.5,.5,1);
  --surge:420ms;
  --settle:240ms;
  --bar-h:68px;
  --gl:max(clamp(16px,4vw,56px),env(safe-area-inset-left,0px));
  --gr:max(clamp(16px,4vw,56px),env(safe-area-inset-right,0px));
  --grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .96 0 0 0 0 .94 0 0 0 0 .9 0 0 0 .75 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");
  color-scheme:dark;
}

/* ---------- base: the live mini-sites were drawn against these rules, so they stay as they are ---------- */
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%;background:var(--onyx);scroll-padding-top:calc(var(--bar-h) + 12px + env(safe-area-inset-top,0px))}
html.has-modal{overflow:hidden}
body{margin:0;background:var(--onyx);color:var(--canvas);font:400 16px/1.55 var(--text);-webkit-font-smoothing:antialiased;overflow-x:clip}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--onyx)}
a{color:inherit}
img,svg{max-width:100%}
h1,h2,h3{margin:0;font-family:var(--display);text-wrap:balance}
p{margin:0}
:focus-visible{outline:2px solid var(--champagne);outline-offset:3px}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}

/* ---------- live mini-site host ---------- */
.stage{position:relative;aspect-ratio:1280/800;max-width:100%;overflow:hidden;background:var(--deep)}
.site-host{position:absolute;left:0;top:0;width:var(--dw,1280px);height:var(--dh,800px);transform:scale(var(--k,.3));transform-origin:0 0;container:ms/inline-size;contain:layout paint;background:var(--deep)}
.ms{position:relative;width:100%;height:100%;overflow:hidden;font-family:var(--text);font-size:16px;line-height:1.5;scrollbar-width:none;-webkit-font-smoothing:antialiased;text-align:left}
.ms::-webkit-scrollbar{display:none}
.is-live .ms{overflow-y:auto;overscroll-behavior:contain}
.ms *,.ms *::before,.ms *::after{box-sizing:border-box}
:where(.ms) :is(button,input,select){font:inherit;color:inherit}
:where(.ms) button{cursor:pointer}
:where(.ms) :is(h1,h2,h3){font-family:inherit;font-weight:inherit}
:where(.ms) :is(ul,ol){margin:0;padding:0;list-style:none}
.is-paused *,.is-paused *::before,.is-paused *::after{animation-play-state:paused!important}
@supports (animation-timeline:view()){
  .ms .rv{animation:msRv linear both;animation-timeline:view();animation-range:entry 0% entry 65%}
}
@keyframes msRv{from{opacity:0;transform:translateY(48px)}to{opacity:1;transform:none}}
@keyframes msMarq{to{transform:translateX(-50%)}}
@keyframes msSpin{to{transform:rotate(360deg)}}
.site-host.reel-in{animation:wipeIn 900ms var(--ease-out) both}
@keyframes wipeIn{from{clip-path:inset(0 0 0 100%)}to{clip-path:inset(0 0 0 0)}}

/* motion switched off: every animation rests on its final frame */
.motion-off *,.motion-off *::before,.motion-off *::after{animation:none!important}
.motion-off .site-host *{transition:none!important}

/* ---------- shell utilities ---------- */
.sr{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:fixed;left:var(--gl);top:calc(10px + env(safe-area-inset-top,0px));z-index:80;padding:10px 16px;border-radius:999px;background:var(--canvas);color:var(--onyx);font-weight:600;text-decoration:none;transform:translateY(-200%)}
.skip:focus{transform:none}
.wrap{max-width:1360px;margin-inline:auto;padding-left:var(--gl);padding-right:var(--gr)}
.eyebrow{display:flex;align-items:center;gap:12px;font:600 12px/1.2 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--taupe)}
.eyebrow::before{content:"";flex:none;width:28px;height:1px;background:var(--champagne)}
.stop{color:var(--champagne)}
.it{font-family:var(--serif);font-style:italic;font-weight:400;font-variation-settings:normal;letter-spacing:-.01em}
.num{font-variant-numeric:tabular-nums}
.lead,.sub,.case__desc,.cta__sub,.tile__body p,.step p,.work__end p span{text-wrap:pretty}
.amb{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(120% 80% at 50% -12%,#2A2219 0%,var(--onyx) 56%,#110F0C 100%)}
.amb__glow{position:absolute;left:62%;top:-30vmax;width:96vmax;height:96vmax;margin-left:-48vmax;border-radius:50%;background:radial-gradient(closest-side,rgba(201,168,106,.17),rgba(154,123,63,.06) 52%,transparent 72%);animation:ambDrift 34s ease-in-out infinite alternate}
.amb__glow--2{left:6%;top:auto;bottom:-46vmax;width:80vmax;height:80vmax;margin-left:-40vmax;background:radial-gradient(closest-side,rgba(154,123,63,.12),transparent 70%);animation-duration:42s;animation-direction:alternate-reverse}
@keyframes ambDrift{to{transform:translate3d(-7vmax,5vmax,0) scale(1.08)}}
.amb__grain{position:absolute;inset:0;opacity:.055;background-image:var(--grain);background-size:220px}
main,.foot{position:relative;z-index:1}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:50px;padding:0 24px;border-radius:999px;border:1px solid transparent;font:600 15px/1 var(--text);letter-spacing:-.005em;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .2s var(--ease-out),border-color .2s var(--ease-out),color .2s var(--ease-out),transform .2s var(--ease-out),box-shadow .3s var(--ease-out)}
.btn svg{width:18px;height:18px;flex:none;transition:transform .3s var(--ease-out)}
.btn:hover .go{transform:translateX(3px)}
.btn:hover .up{transform:translate(2px,-2px)}
.btn:hover .down{transform:translateY(3px)}
.btn:active{transform:translateY(1px) scale(.98)}
.btn--gold{background:var(--champagne);color:#1A140C;box-shadow:inset 0 1px 0 rgba(255,250,238,.45),0 14px 34px -16px rgba(201,168,106,.7)}
.btn--gold:hover{background:var(--gold-light);box-shadow:inset 0 1px 0 rgba(255,250,238,.55),0 18px 40px -14px rgba(226,201,149,.75)}
.btn--ghost{background:rgba(245,241,234,.04);color:var(--canvas);border-color:var(--line-2)}
.btn--ghost:hover{background:rgba(245,241,234,.08);border-color:rgba(245,241,234,.36)}
.btn--sm{height:42px;padding:0 18px;font-size:14px}
.btn--ink{background:var(--onyx);color:var(--canvas)}
.btn--ink:hover{background:var(--smoke)}

/* ---------- top bar ---------- */
.bar{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;height:var(--bar-h);background:var(--glass);-webkit-backdrop-filter:blur(18px) saturate(1.3);backdrop-filter:blur(18px) saturate(1.3);border-bottom:1px solid transparent;transition:border-color .3s var(--ease-out),background-color .3s var(--ease-out)}
.bar.is-scrolled{border-bottom-color:var(--line);background:rgba(22,19,15,.86)}
.bar__in{display:flex;align-items:center;gap:28px;height:100%}
.logo{font:800 26px/1 var(--display);font-variation-settings:"wght" 800,"wdth" 80,"opsz" 96;letter-spacing:-.025em;color:var(--canvas);text-decoration:none}
.nav{display:flex;gap:2px}
.nav a{position:relative;padding:12px 13px;color:var(--taupe);text-decoration:none;font:500 14px/1 var(--text);transition:color .2s var(--ease-out)}
.nav a::after{content:"";position:absolute;left:13px;right:13px;bottom:5px;height:1px;background:var(--champagne);transform:scaleX(0);transform-origin:left;transition:transform .35s var(--ease-out)}
.nav a:hover,.nav a.is-on{color:var(--canvas)}
.nav a:hover::after,.nav a.is-on::after{transform:scaleX(1)}
.bar__end{margin-left:auto;display:flex;align-items:center;gap:10px}
.bar__prog{position:absolute;left:0;bottom:-1px;width:100%;height:1px;transform-origin:left;transform:scaleX(var(--prog,0));background:linear-gradient(90deg,var(--gold-deep),var(--gold-light));pointer-events:none}
.mbtn{display:inline-flex;align-items:center;gap:9px;height:42px;padding:0 15px;border-radius:999px;border:1px solid var(--line-2);background:transparent;color:var(--taupe);font:500 13px/1 var(--text);cursor:pointer;transition:color .2s var(--ease-out),border-color .2s var(--ease-out)}
.mbtn:hover{color:var(--canvas);border-color:rgba(245,241,234,.36)}
.mbtn__ic{width:10px;height:11px;background:currentColor;clip-path:polygon(0 0,35% 0,35% 100%,0 100%,0 0,65% 0,100% 0,100% 100%,65% 100%,65% 0)}
.mbtn.is-off .mbtn__ic{clip-path:polygon(0 0,100% 50%,0 100%)}
@media (max-width:1080px){.nav{display:none}}
@media (max-width:480px){.mbtn__t{display:none}.mbtn{width:42px;padding:0;justify-content:center}.bar__in{gap:12px}.bar .btn--sm{padding:0 15px}}

/* ---------- hero ---------- */
.hero{padding-block:clamp(40px,6vw,96px) clamp(64px,8vw,120px)}
.hero__grid{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(40px,5.5vw,96px);align-items:center}
.pill{display:inline-flex;align-items:center;gap:10px;min-height:34px;padding:6px 15px 6px 12px;border-radius:999px;border:1px solid var(--line-2);background:rgba(245,241,234,.035);font:500 13px/1.3 var(--text);color:var(--taupe)}
.pill b{font-weight:600;color:var(--canvas)}
.live-dot{position:relative;flex:none;width:8px;height:8px;border-radius:50%;background:#5BD68D;box-shadow:0 0 10px rgba(91,214,141,.7)}
.live-dot::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:1.5px solid #5BD68D;opacity:0;animation:ping 2.4s var(--ease-out) infinite;animation-delay:var(--pd,0ms)}
@keyframes ping{0%{transform:scale(.4);opacity:.9}70%,100%{transform:scale(1.5);opacity:0}}
.hero__title{margin-top:28px;font-size:clamp(60px,7.6vw,126px);line-height:.85;letter-spacing:-.045em;font-weight:800;font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96}
.hero__title .w{display:inline-block;animation:surge var(--surge) var(--ease-out) both;animation-delay:calc(var(--i) * 90ms + 150ms)}
.hero__title .it{display:inline-block;font-size:1.12em;line-height:.8;letter-spacing:-.03em;color:var(--gold-light);padding-right:.05em;animation:riseIn 760ms var(--ease-out) both;animation-delay:330ms}
.hero__title .l{display:inline-block;animation:wave 3.6s var(--ease-out) infinite;animation-delay:calc(1.6s + var(--j) * 70ms)}
.hero__title .stop{display:inline-block;animation:dropIn var(--settle) var(--ease-snap) both;animation-delay:900ms}
.hero__title.is-settled .w,.hero__title.is-settled .it,.hero__title.is-settled .stop{animation:none}
@keyframes surge{from{font-variation-settings:"wght" 300,"wdth" 100,"opsz" 96;transform:translateY(.08em)}to{font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;transform:none}}
@keyframes riseIn{from{opacity:0;transform:translateY(.22em)}}
@keyframes dropIn{from{transform:translateY(-.55em) scale(.6)}to{transform:none}}
@keyframes wave{0%,22%,100%{transform:none}11%{transform:translateY(-.08em)}}
.lead{margin-top:28px;max-width:38ch;font:400 clamp(17px,1.4vw,20px)/1.5 var(--text);color:var(--taupe)}
.lead b{font-weight:500;color:var(--canvas)}
.hero__ctas{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));margin:52px 0 0;border-top:1px solid var(--line)}
.stats div{display:flex;flex-direction:column-reverse;justify-content:flex-end;gap:10px;min-width:0;padding:22px 14px 0 18px;border-left:1px solid var(--line)}
.stats div:first-child{padding-left:0;border-left:0}
.stats dt{font:600 11px/1.35 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--taupe)}
.stats dd{margin:0;font:800 clamp(30px,2.7vw,42px)/1 var(--display);font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;letter-spacing:-.02em;font-variant-numeric:tabular-nums;white-space:nowrap}
.stats dd small{font-size:.62em;color:var(--champagne);margin-left:1px}
@media (max-width:1000px){.hero__grid{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){
  .stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .stats div:nth-child(odd){padding-left:0;border-left:0}
  .stats div:nth-child(n+3){margin-top:4px;border-top:1px solid var(--line)}
}

/* ---------- browser frame ---------- */
.browser{position:relative;display:block;border-radius:14px;overflow:hidden;background:#1F1A15;box-shadow:0 0 0 1px rgba(245,241,234,.09),0 50px 100px -44px rgba(4,3,2,.95),0 20px 40px -24px rgba(4,3,2,.7)}
.browser__bar{display:flex;align-items:center;gap:12px;height:34px;padding:0 14px;background:linear-gradient(#2B251E,#231E18);border-bottom:1px solid rgba(0,0,0,.4)}
.dots{display:flex;gap:7px;flex:none;width:44px}
.dots i{width:10px;height:10px;border-radius:50%;background:#4D443A}
.browser__url{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;min-width:0;max-width:340px;height:22px;margin-inline:auto;padding:0 12px;border-radius:7px;background:rgba(0,0,0,.28);color:var(--taupe);font:500 11.5px/1 var(--text);white-space:nowrap;overflow:hidden}
.browser__url svg{flex:none;width:10px;height:10px;opacity:.75}
.browser__url span{overflow:hidden;text-overflow:ellipsis}
.browser__end{flex:none;width:44px}
.vf{position:absolute;width:24px;height:24px;border:0 solid var(--champagne);pointer-events:none;z-index:2}
.vf--tl{left:0;top:0;border-left-width:2px;border-top-width:2px}
.vf--tr{right:0;top:0;border-right-width:2px;border-top-width:2px}
.vf--bl{left:0;bottom:0;border-left-width:2px;border-bottom-width:2px}
.vf--br{right:0;bottom:0;border-right-width:2px;border-bottom-width:2px}

/* ---------- showreel ---------- */
.reel{position:relative;isolation:isolate;margin:0;min-width:0}
.reel__glow{position:absolute;inset:6% 4% -6%;z-index:-1;border-radius:50%;background:radial-gradient(closest-side,rgba(201,168,106,.34),rgba(154,123,63,.1) 60%,transparent);filter:blur(42px);pointer-events:none;animation:breathe 7s ease-in-out infinite alternate}
@keyframes breathe{from{transform:scale(.95);opacity:.75}to{transform:scale(1.05);opacity:1}}
.reel .stage{cursor:pointer}
.reel__open{position:absolute;inset:0;z-index:3;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;border-radius:14px}
.reel__open:focus-visible{outline-offset:-3px}
.reel__open-hint{position:absolute;right:18px;bottom:18px;z-index:4;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:999px;background:var(--canvas);color:var(--onyx);font:600 13px/1 var(--text);box-shadow:0 12px 30px -12px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);transition:opacity var(--settle) var(--ease-out),transform var(--settle) var(--ease-out);pointer-events:none}
.reel__open-hint svg{width:14px;height:14px}
.reel:hover .reel__open-hint,.reel:focus-within .reel__open-hint{opacity:1;transform:none}
.reel__cap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 28px;margin-top:20px;padding-inline:2px}
.reel__now{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px 12px;min-width:0}
.reel__label{font:600 11px/1 var(--text);letter-spacing:.16em;text-transform:uppercase;color:var(--champagne)}
.reel__name{font:700 26px/1 var(--display);font-variation-settings:"wght" 700,"wdth" 85,"opsz" 48;letter-spacing:-.015em}
.reel__kind{color:var(--taupe);font-size:14px}
.reel__bars{display:flex;gap:4px;flex:1 1 220px;max-width:420px}
.reel__bars button{position:relative;flex:1;height:24px;padding:0;border:0;background:none;cursor:pointer}
.reel__bars button::before,.reel__bars button::after{content:"";position:absolute;left:0;right:0;top:50%;height:3px;margin-top:-1.5px;border-radius:3px;background:rgba(245,241,234,.22)}
.reel__bars button::after{background:var(--champagne);transform-origin:left;transform:scaleX(0)}
.reel__bars button:hover::before{background:rgba(245,241,234,.4)}
.reel__bars button.is-done::after{transform:scaleX(1)}
.reel__bars button.is-on::after{animation:barFill var(--reel-ms,6500ms) linear forwards}
.reel.is-held .reel__bars button.is-on::after{animation-play-state:paused}
.motion-off .reel__bars button.is-on::after{transform:scaleX(1)}
@keyframes barFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}

/* ---------- ticker ---------- */
.ticker{position:relative;z-index:1;overflow:hidden;border-block:1px solid var(--line);background:rgba(10,9,7,.35);-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.ticker__track{display:flex;width:max-content;padding-block:24px;animation:msMarq 70s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__track span{display:flex;align-items:center;gap:30px;padding-right:30px;font:700 clamp(24px,2.6vw,38px)/1 var(--display);font-variation-settings:"wght" 700,"wdth" 82,"opsz" 48;letter-spacing:-.02em;white-space:nowrap}
.ticker__track .it{font-size:1.08em;color:var(--taupe)}
.ticker__track i{font-style:normal;font-size:.5em;color:var(--champagne)}

/* ---------- section heads ---------- */
.band{position:relative;padding-block:clamp(84px,10vw,150px)}
.band--line::before{content:"";position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(201,168,106,.4),transparent)}
.head{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:22px 64px;align-items:end}
.head .eyebrow{grid-column:1/-1}
.title{font-size:clamp(46px,6.2vw,100px);line-height:.88;letter-spacing:-.04em;font-weight:800;font-variation-settings:"wght" 800,"wdth" 78,"opsz" 96}
.title .it{font-size:1.1em;letter-spacing:-.03em;color:var(--gold-light);padding-right:.04em}
.sub{max-width:46ch;color:var(--taupe);font-size:clamp(16px,1.25vw,18px);line-height:1.55}
@media (max-width:860px){.head{grid-template-columns:minmax(0,1fr)}}

/* ---------- live work: one plate per client, in the client's colours ---------- */
.cases{display:flex;flex-direction:column;gap:clamp(28px,3vw,40px);margin-top:clamp(52px,6vw,88px)}
.case{
  --c-bg:#10245A;--c-bg-2:#071430;--c-glow:rgba(227,179,65,.22);--c-ink:#F5F2EA;--c-mute:rgba(245,242,234,.7);--c-line:rgba(245,242,234,.16);
  --c-acc:#E3B341;--c-acc-ink:#0B1736;--c-shadow:rgba(2,6,20,.75);--c-chip:rgba(255,255,255,.07);
  --cover:0;
  position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:clamp(28px,3.8vw,60px);align-items:center;
  padding:clamp(28px,3.4vw,52px);border-radius:34px;overflow:hidden;color:var(--c-ink);
  background:radial-gradient(60% 80% at 100% 0%,var(--c-glow),transparent 62%),radial-gradient(50% 60% at 0% 100%,rgba(255,255,255,.05),transparent 70%),linear-gradient(155deg,var(--c-bg) 0%,var(--c-bg-2) 100%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.1),inset 0 0 0 1px rgba(255,255,255,.05),0 60px 120px -60px rgba(0,0,0,.95);
  transform-origin:50% 0;transform:scale(calc(1 - var(--cover) * .055))
}
.case::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.07;background-image:var(--grain);background-size:220px;pointer-events:none}
.case::after{content:"";position:absolute;inset:0;z-index:6;border-radius:inherit;background:#050403;opacity:calc(var(--cover) * .5);pointer-events:none}
.case--roadcast{--c-bg:#073A33;--c-bg-2:#021512;--c-glow:rgba(44,197,174,.26);--c-ink:#ECFBF7;--c-mute:rgba(236,251,247,.7);--c-line:rgba(236,251,247,.16);--c-acc:#33CDB5;--c-acc-ink:#03201B;--c-shadow:rgba(0,10,8,.8)}
.case--digifyus{--c-bg:#2E2419;--c-bg-2:#110E0A;--c-glow:rgba(201,168,106,.3);--c-ink:#F5F1EA;--c-mute:rgba(245,241,234,.7);--c-line:rgba(245,241,234,.16);--c-acc:#C9A86A;--c-acc-ink:#1A140C;--c-shadow:rgba(6,4,2,.8)}
.case--acharya{--c-bg:#F7EFE3;--c-bg-2:#EBDCC6;--c-glow:rgba(224,146,64,.26);--c-ink:#4A1B14;--c-mute:rgba(74,27,20,.74);--c-line:rgba(74,27,20,.18);--c-acc:#B4561F;--c-acc-ink:#FFF8EF;--c-shadow:rgba(92,48,20,.42);--c-chip:rgba(74,27,20,.05)}
.case--acharya{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 60px 120px -60px rgba(0,0,0,.95)}
.case--acharya::before{opacity:.05;mix-blend-mode:multiply}
.case--flip{grid-template-columns:minmax(0,8fr) minmax(0,4fr)}
.case--flip .case__stage{order:-1}

.case__info{display:flex;flex-direction:column;align-items:flex-start;gap:18px;min-width:0}
.case__meta{display:flex;flex-wrap:wrap;align-items:center;gap:10px 14px;font:600 12px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--c-mute)}
.case__idx{font-variant-numeric:tabular-nums;color:var(--c-ink)}
.case__idx span{color:var(--c-mute)}
.case__live{display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px 0 10px;border-radius:999px;background:var(--c-chip);border:1px solid var(--c-line);color:var(--c-ink);letter-spacing:.12em}
.case__live .live-dot{width:7px;height:7px}
.case--acharya .live-dot{background:#1E9E57;box-shadow:none}
.case--acharya .live-dot::after{border-color:#1E9E57}
.case__name{font-size:clamp(46px,4.7vw,80px);line-height:.86;letter-spacing:-.045em;font-weight:800;font-variation-settings:"wght" 800,"wdth" 76,"opsz" 96;transition:font-variation-settings var(--surge) var(--ease-out) var(--d,0ms)}
.case__name .stop{display:inline-block;color:var(--c-acc);transition:transform var(--settle) var(--ease-snap) calc(var(--d,0ms) + 380ms)}
.case__kind{margin-top:-2px;font:500 16.5px/1.4 var(--text);color:var(--c-ink);text-wrap:balance}
.case__desc{max-width:42ch;color:var(--c-mute);font-size:15.5px;line-height:1.6}
.case__tags{display:flex;flex-wrap:wrap;gap:6px;margin:2px 0 0;padding:0;list-style:none}
.case__tags li{padding:7px 12px;border-radius:999px;background:var(--c-chip);border:1px solid var(--c-line);color:var(--c-ink);font-size:12.5px;line-height:1.2}
.case__visit{display:inline-flex;align-items:center;gap:10px;height:48px;margin-top:8px;padding:0 22px;border-radius:999px;background:var(--c-acc);color:var(--c-acc-ink);font:600 14.5px/1 var(--text);text-decoration:none;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 16px 34px -18px var(--c-acc);transition:transform .2s var(--ease-out),filter .2s var(--ease-out)}
.case__visit svg{width:16px;height:16px;transition:transform .3s var(--ease-out)}
.case__visit:hover{filter:brightness(1.07) saturate(1.05)}
.case__visit:hover svg{transform:translate(2px,-2px)}
.case__visit:active{transform:translateY(1px) scale(.98)}
.case__visit:focus-visible{outline-color:var(--c-ink)}

/* the real site on a desktop with a phone resting on its corner; both pan through the page while the plate is on screen */
.case__stage{position:relative;display:block;padding:0 0 15% 0;color:inherit;text-decoration:none;cursor:pointer}
.desk{position:relative;display:block;width:86%;border-radius:12px;overflow:hidden;background:#141210;box-shadow:0 0 0 1px rgba(255,255,255,.12),0 60px 90px -40px var(--c-shadow),0 24px 40px -24px var(--c-shadow);transition:transform .7s var(--ease-out)}
.case--acharya .desk{box-shadow:0 0 0 1px rgba(74,27,20,.14),0 60px 90px -40px var(--c-shadow),0 24px 40px -24px var(--c-shadow)}
.desk .browser__bar{height:30px;background:linear-gradient(#2A2622,#201D1A)}
.desk .browser__url{height:19px;font-size:11px;background:rgba(255,255,255,.07)}
.screen{position:relative;display:block;overflow:hidden;aspect-ratio:1440/900;background:#fff}
.phone__screen{position:relative;display:block;overflow:hidden;aspect-ratio:390/844;border-radius:calc(var(--pr) - 6px);background:#fff}
.screen img,.phone__screen img{display:block;width:100%;height:auto;max-width:none;transform:translate3d(0,0,0);backface-visibility:hidden}
.phone{--pr:clamp(24px,3vw,42px);position:absolute;display:block;right:0;bottom:0;width:25%;padding:6px;border-radius:var(--pr);background:linear-gradient(145deg,#2E2C2A,#0C0C0D 40%);box-shadow:inset 0 0 0 1px rgba(255,255,255,.16),0 0 0 1px rgba(0,0,0,.5),0 50px 80px -30px var(--c-shadow),0 18px 30px -16px var(--c-shadow);transition:transform .7s var(--ease-out)}
.phone__island{position:absolute;left:50%;top:calc(6px + 2.2%);z-index:2;width:30%;height:3.3%;border-radius:999px;background:#050505;transform:translateX(-50%)}
.case__open{position:absolute;right:calc(14% + 16px);top:46px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:36px;padding:0 15px;border-radius:999px;background:var(--canvas);color:var(--onyx);font:600 13px/1 var(--text);box-shadow:0 14px 30px -14px rgba(0,0,0,.6);opacity:0;transform:translateY(8px);transition:opacity var(--settle) var(--ease-out),transform var(--settle) var(--ease-out);pointer-events:none}
.case__open svg{width:14px;height:14px}
.pan{will-change:transform}
.case.is-on .pan{animation:pan var(--dur,20s) var(--ease-io) infinite;animation-delay:var(--delay,0s)}
.case:not(.is-on) .pan{animation:pan var(--dur,20s) var(--ease-io) infinite paused;animation-delay:var(--delay,0s)}
@keyframes pan{0%,14%{transform:translate3d(0,0,0)}50%,60%{transform:translate3d(0,var(--pan,0%),0)}94%,100%{transform:translate3d(0,0,0)}}
@media (hover:hover){
  .case__stage:hover .desk{transform:translateY(-6px)}
  .case__stage:hover .phone{transform:translateY(-12px)}
  .case__stage:hover .case__open{opacity:1;transform:none}
  .case.is-on .case__stage:hover .pan{animation-play-state:paused}
}
/* entrance: plates below the fold wait light and wide, then land as they arrive */
.case-wait .case__name{font-variation-settings:"wght" 300,"wdth" 100,"opsz" 96}
.case-wait .case__name .stop{transform:translateY(-.55em) scale(.6)}
.case__info > *:not(.case__name){transition:transform .6s var(--ease-out);transition-delay:calc(var(--d,0ms) + var(--k,0) * 70ms)}
.case-wait .case__info > *:not(.case__name){transform:translateY(14px)}
.case__stage{transition:transform .9s var(--ease-out) calc(var(--d,0ms) + 80ms)}
.case-wait .case__stage{transform:translateY(28px)}
.motion-off .case__name,.motion-off .case__name .stop,.motion-off .case__info > *,.motion-off .case__stage{transition:none}
.motion-off .case-wait .case__name{font-variation-settings:"wght" 800,"wdth" 76,"opsz" 96}
.motion-off .case-wait .case__name .stop,.motion-off .case-wait .case__info > *,.motion-off .case-wait .case__stage{transform:none}
@media (min-width:1000px) and (min-height:720px){
  .case{position:sticky;top:calc(var(--bar-h) + 22px + env(safe-area-inset-top,0px) + var(--i) * 16px)}
}
@media (max-width:999px){
  .case,.case--flip{grid-template-columns:minmax(0,1fr);gap:30px;padding:20px 20px 30px;border-radius:26px}
  .case__stage,.case--flip .case__stage{order:-1;padding-bottom:16%}
  .case__info{padding:0 6px}
  .case__open{display:none}
}
@media (max-width:560px){
  .desk{width:84%}
  .phone{width:33%;padding:4px}
  .case__stage,.case--flip .case__stage{padding-bottom:22%}
  .desk .browser__bar{height:22px;padding:0 9px}
  .desk .dots{width:30px;gap:4px}
  .desk .dots i{width:6px;height:6px}
  .desk .browser__url{height:14px;font-size:8.5px;padding:0 8px;gap:4px}
  .desk .browser__url svg{width:7px;height:7px}
  .desk .browser__end{width:30px}
}
.work__end{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:18px 28px;margin-top:clamp(28px,3vw,40px);padding:22px 22px 22px 30px;border-radius:24px;border:1px solid var(--line);background:rgba(245,241,234,.025)}
.work__end p{font:700 clamp(22px,2vw,28px)/1.1 var(--display);font-variation-settings:"wght" 700,"wdth" 85,"opsz" 48;letter-spacing:-.015em}
.work__end p span{display:block;margin-top:6px;font:400 15px/1.4 var(--text);letter-spacing:0;color:var(--taupe)}

/* ---------- filters ---------- */
.filters{display:flex;flex-wrap:wrap;gap:8px;margin:48px 0 44px}
.chip{display:inline-flex;align-items:center;gap:10px;height:46px;padding:0 20px;border-radius:999px;border:1px solid var(--line-2);background:rgba(245,241,234,.02);color:var(--canvas);font:600 14px/1 var(--text);cursor:pointer;transition:background-color .2s var(--ease-out),color .2s var(--ease-out),border-color .2s var(--ease-out)}
.chip:hover{border-color:rgba(245,241,234,.4)}
.chip .n{min-width:22px;height:22px;padding:0 6px;border-radius:999px;background:rgba(245,241,234,.08);color:var(--taupe);font:600 12px/22px var(--text);text-align:center;font-variant-numeric:tabular-nums}
.chip[aria-pressed="true"]{background:var(--canvas);border-color:var(--canvas);color:var(--onyx)}
.chip[aria-pressed="true"] .n{background:var(--onyx);color:var(--canvas)}

/* ---------- catalogue grid ---------- */
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:60px 30px}
@media (max-width:1079px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card.is-lead{grid-column:1/-1}}
@media (max-width:679px){.grid{grid-template-columns:minmax(0,1fr);row-gap:48px}.card.is-lead{grid-column:auto}}
.card{position:relative;display:flex;flex-direction:column;gap:20px;min-width:0}
.card__media{position:relative;margin:-12px;padding:12px}
.card__frame{position:relative;transition:transform 420ms var(--ease-out),box-shadow 420ms var(--ease-out)}
.card__open{position:absolute;inset:0;z-index:4;width:100%;height:100%;padding:0;border:0;border-radius:14px;background:transparent;cursor:pointer}
.card__open:focus-visible{outline:2px solid var(--champagne);outline-offset:-12px}
.card .vf{opacity:0;transition:opacity var(--settle) var(--ease-out),transform var(--settle) var(--ease-out)}
.card .vf--tl{transform:translate(9px,9px)}
.card .vf--tr{transform:translate(-9px,9px)}
.card .vf--bl{transform:translate(9px,-9px)}
.card .vf--br{transform:translate(-9px,-9px)}
.card__media:hover .card__frame{transform:translateY(-6px);box-shadow:0 0 0 1px rgba(226,201,149,.3),0 44px 90px -40px rgba(201,168,106,.45)}
.card__media:hover .vf,.card__media:focus-within .vf{opacity:1;transform:none}
.card__hint{position:absolute;right:26px;bottom:26px;z-index:3;display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:999px;background:var(--canvas);color:var(--onyx);font:600 13px/1 var(--text);opacity:0;transform:translateY(8px);transition:opacity var(--settle) var(--ease-out),transform var(--settle) var(--ease-out);pointer-events:none}
.card__hint svg{width:14px;height:14px}
.card__media:hover .card__hint,.card__media:focus-within .card__hint{opacity:1;transform:none}
.card .site-host,.reel .site-host{pointer-events:none}
::view-transition-group(*){animation-duration:.45s;animation-timing-function:cubic-bezier(.2,.8,.2,1)}
.card__meta{display:flex;flex-direction:column;gap:8px;min-width:0}
.card__row{display:flex;align-items:center;gap:12px}
.card__idx{flex:none;align-self:flex-start;margin-top:2px;font:600 12px/1 var(--text);letter-spacing:.06em;color:var(--champagne);font-variant-numeric:tabular-nums}
.card__name{font-size:30px;line-height:1;letter-spacing:-.025em;font-weight:700;font-variation-settings:"wght" 720,"wdth" 82,"opsz" 72}
.card__kind{flex:none;margin-left:auto;font:600 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe)}
.card__for{color:var(--canvas);font-size:15px;opacity:.92}
.tags{display:flex;flex-wrap:wrap;gap:6px;margin:4px 0 0;padding:0;list-style:none}
.tags li{padding:6px 11px;border-radius:999px;border:1px solid var(--line-2);color:var(--taupe);font-size:12.5px;line-height:1.2}
.save{display:grid;place-items:center;flex:none;width:38px;height:38px;padding:0;border-radius:50%;border:1px solid var(--line-2);background:rgba(22,19,15,.4);color:var(--taupe);cursor:pointer;transition:color var(--settle) var(--ease-out),border-color var(--settle) var(--ease-out),background-color var(--settle) var(--ease-out),transform var(--settle) var(--ease-snap)}
.save svg{width:16px;height:16px}
.save svg path{fill:transparent;transition:fill var(--settle) var(--ease-out)}
.save:hover{color:var(--canvas);border-color:rgba(245,241,234,.4)}
.save[aria-pressed="true"]{color:var(--champagne);border-color:rgba(201,168,106,.6);background:rgba(201,168,106,.12)}
.save[aria-pressed="true"] svg path{fill:currentColor}
.save:active{transform:scale(.9)}

/* ---------- motion tiles ---------- */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:56px}
@media (max-width:980px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:620px){.tiles{grid-template-columns:minmax(0,1fr)}}
.tile{display:flex;flex-direction:column;min-width:0;border:1px solid var(--line);border-radius:22px;overflow:hidden;background:rgba(10,9,7,.5);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:border-color .3s var(--ease-out),transform 420ms var(--ease-out),box-shadow 420ms var(--ease-out)}
.tile:hover{border-color:rgba(201,168,106,.42);transform:translateY(-4px);box-shadow:0 40px 80px -48px rgba(201,168,106,.5)}
.tile__demo{position:relative;height:200px;display:grid;place-items:center;overflow:hidden;border-bottom:1px solid var(--line);background:radial-gradient(70% 90% at 50% 100%,rgba(201,168,106,.1),transparent 70%)}
.tile__body{display:flex;flex-direction:column;gap:8px;padding:22px 24px 26px}
.tile__body h3{font-size:24px;line-height:1.1;font-weight:700;font-variation-settings:"wght" 700,"wdth" 88,"opsz" 48;letter-spacing:-.01em}
.tile__body p{color:var(--taupe);font-size:15px}
.used{margin-top:6px;font-size:13px;color:var(--taupe)}
.used button{padding:0;border:0;background:none;color:var(--canvas);font:inherit;font-weight:600;text-decoration:underline;text-decoration-color:var(--stone);text-underline-offset:3px;cursor:pointer}
.used button:hover{text-decoration-color:var(--champagne)}
.d-surge{font:800 78px/1 var(--display);letter-spacing:-.03em;animation:dSurge 2.6s var(--ease-out) infinite}
.d-surge .stop{display:inline-block;animation:dStop 2.6s var(--ease-snap) infinite}
@keyframes dSurge{0%,8%{font-variation-settings:"wght" 300,"wdth" 100,"opsz" 96}24%,82%{font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96}100%{font-variation-settings:"wght" 300,"wdth" 100,"opsz" 96}}
@keyframes dStop{0%,22%{transform:translateY(-60px);opacity:0}32%,82%{transform:none;opacity:1}100%{opacity:0}}
.d-reveal{display:flex;flex-direction:column;gap:12px;width:62%}
.d-reveal i{display:block;height:14px;border-radius:7px;background:var(--smoke);animation:dRise 3.2s var(--ease-out) infinite;animation-delay:calc(var(--i) * 140ms)}
.d-reveal i:first-child{height:26px;width:80%;background:var(--canvas)}
.d-reveal i:last-child{width:46%;background:var(--champagne)}
@keyframes dRise{0%{transform:translateY(26px);opacity:0}22%,80%{transform:none;opacity:1}100%{transform:none;opacity:0}}
.d-count{text-align:center}
.d-count b{display:block;font:800 74px/.9 var(--display);font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;color:var(--champagne);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.d-count span{display:block;margin-top:10px;font:600 11px/1 var(--text);letter-spacing:.12em;text-transform:uppercase;color:var(--taupe)}
.d-path{width:78%;height:auto;overflow:visible}
.d-path path{fill:none;stroke:var(--champagne);stroke-width:3;stroke-linecap:square;stroke-linejoin:round;stroke-dasharray:420;animation:dDraw 3.4s var(--ease-out) infinite}
.d-path line{stroke:var(--smoke);stroke-width:1}
.d-path circle{fill:var(--canvas);animation:dDot 3.4s var(--ease-out) infinite;transform-box:fill-box;transform-origin:center}
@keyframes dDraw{0%{stroke-dashoffset:420}55%,88%{stroke-dashoffset:0}100%{stroke-dashoffset:0;opacity:0}}
@keyframes dDot{0%,48%{opacity:0;transform:scale(0)}58%,88%{opacity:1;transform:none}100%{opacity:0}}
.d-marq{width:100%;overflow:hidden;border-block:1px solid var(--smoke);padding-block:14px}
.d-marq div{display:flex;width:max-content;animation:msMarq 12s linear infinite}
.d-marq span{padding-right:28px;font:800 34px/1 var(--display);font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;letter-spacing:-.02em;white-space:nowrap}
.d-marq span em{font-style:normal;color:var(--champagne)}
.d-mag{position:absolute;inset:0;display:grid;place-items:center;touch-action:pan-y}
.d-mag b{display:grid;place-items:center;width:116px;height:116px;border-radius:50%;background:var(--canvas);color:var(--onyx);font:600 14px/1.2 var(--text);text-align:center;box-shadow:0 20px 40px -18px rgba(0,0,0,.7);transition:transform 520ms var(--ease-snap);will-change:transform}
.d-mag.is-near b{transition-duration:120ms;transition-timing-function:linear}

/* ---------- process band (Canvas) ---------- */
.process{position:relative;isolation:isolate;overflow:hidden;background:var(--canvas);color:var(--onyx)}
.process::before{content:"";position:absolute;inset:-25%;z-index:-1;background:radial-gradient(38% 46% at 16% 26%,rgba(201,168,106,.22),transparent 70%),radial-gradient(34% 44% at 84% 74%,rgba(226,201,149,.34),transparent 70%),var(--canvas);animation:wash 26s ease-in-out infinite alternate}
.process::after{content:"";position:absolute;inset:0;z-index:-1;opacity:.05;background-image:var(--grain);background-size:220px;mix-blend-mode:multiply;pointer-events:none}
@keyframes wash{0%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(4%,-3%) rotate(4deg)}100%{transform:translate(-4%,3%) rotate(-3deg)}}
.process .eyebrow{color:var(--stone)}
.process .eyebrow::before{background:var(--gold-deep)}
.process .sub{color:var(--stone)}
.process .stop{color:var(--gold-deep)}
.process .title .it{color:var(--gold-deep)}
.steps{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin:64px 0 0;padding:0;list-style:none}
.step{display:flex;flex-direction:column;min-width:0}
.step__rule{display:block;height:2px;background:var(--onyx);transform-origin:left}
@supports (animation-timeline:view()){
  .step__rule{animation:ruleIn linear both;animation-timeline:view();animation-range:entry 20% cover 45%}
}
@keyframes ruleIn{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.step__n{margin-top:24px;font:800 68px/.8 var(--display);font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;color:var(--gold-deep);font-variant-numeric:tabular-nums;letter-spacing:-.03em}
.step h3{margin-top:24px;font:600 18px/1.3 var(--text)}
.step p{margin-top:8px;color:var(--stone);font-size:15px}
@media (max-width:1000px){
  .steps{grid-template-columns:minmax(0,1fr);gap:0}
  .step{display:grid;grid-template-columns:84px minmax(0,1fr);column-gap:20px;padding-bottom:26px}
  .step__rule{grid-column:1/-1}
  .step__n{grid-row:2/4;margin-top:20px;font-size:56px}
  .step h3{margin-top:22px}
}

/* ---------- price band ---------- */
.cta{position:relative;overflow:hidden;background:linear-gradient(180deg,transparent,rgba(10,9,7,.55) 45%,rgba(10,9,7,.72))}
.cta::before{content:"";position:absolute;left:62%;top:50%;width:min(1100px,130vw);height:min(1100px,130vw);margin:calc(min(1100px,130vw) / -2) 0 0 calc(min(1100px,130vw) / -2);border-radius:50%;background:radial-gradient(closest-side,rgba(201,168,106,.22),rgba(154,123,63,.08) 50%,transparent 72%);animation:breathe 7s ease-in-out infinite alternate}
.cta .wrap{position:relative}
.cta__grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(40px,6vw,96px);align-items:center}
.chat{margin:0;width:100%;max-width:440px;justify-self:end;border-radius:30px;overflow:hidden;background:#110E0B;border:1px solid var(--line-2);box-shadow:0 60px 120px -50px rgba(0,0,0,.95),0 0 60px -20px rgba(201,168,106,.25)}
.chat__top{display:flex;align-items:center;gap:12px;padding:16px 20px;background:#1E1914;border-bottom:1px solid var(--line)}
.chat__av{display:grid;place-items:center;flex:none;width:40px;height:40px;border-radius:50%;background:var(--champagne);color:#1A140C;font:800 19px/1 var(--display);font-variation-settings:"wght" 800,"wdth" 80,"opsz" 48}
.chat__who{display:flex;flex-direction:column;gap:3px;min-width:0}
.chat__who b{font:600 15px/1.2 var(--text)}
.chat__who small{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--taupe)}
.chat__who small::before{content:"";width:6px;height:6px;border-radius:50%;background:#5BD68D}
.chat__body{display:flex;flex-direction:column;gap:10px;padding:22px 18px 18px;background:radial-gradient(rgba(245,241,234,.035) 1px,transparent 1px) 0 0/16px 16px}
.chat__day{align-self:center;margin-bottom:4px;padding:4px 10px;border-radius:8px;background:rgba(245,241,234,.06);font:600 11px/1.2 var(--text);letter-spacing:.06em;color:var(--taupe)}
.msg{position:relative;max-width:84%;padding:10px 14px 20px;border-radius:16px;font-size:14.5px;line-height:1.45}
.msg time{position:absolute;right:12px;bottom:6px;font-size:10.5px;opacity:.6;font-variant-numeric:tabular-nums}
.msg--out{align-self:flex-end;background:var(--champagne);color:#1A140C;border-bottom-right-radius:5px}
.msg--in{align-self:flex-start;background:#2A231C;color:var(--canvas);border-bottom-left-radius:5px}
.chat__input{display:flex;align-items:center;gap:10px;padding:12px 14px 16px}
.chat__input span{flex:1;height:42px;padding:0 16px;border-radius:999px;background:#1E1914;color:var(--stone);font:400 14px/42px var(--text)}
.chat__input i{display:grid;place-items:center;flex:none;width:42px;height:42px;border-radius:50%;background:var(--champagne);color:#1A140C}
.chat__input svg{width:18px;height:18px}
@media (max-width:1000px){.cta__grid{grid-template-columns:minmax(0,1fr)}.chat{justify-self:start}}
.cta__title{margin-top:26px;font-size:clamp(50px,7.4vw,124px);line-height:.86;letter-spacing:-.045em;font-weight:800;font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96;max-width:12ch}
.cta__price{color:var(--gold-light);font-variant-numeric:tabular-nums}
.cta__sub{margin-top:28px;max-width:50ch;color:var(--taupe);font-size:18px}
.cta__row{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:42px}
.phone-num{display:inline-flex;align-items:center;gap:6px;height:50px;padding:0 6px 0 20px;border:1px solid var(--line-2);border-radius:999px;background:rgba(245,241,234,.03)}
.phone-num span{font:600 16px/1 var(--text);letter-spacing:.02em;font-variant-numeric:tabular-nums;-webkit-user-select:all;user-select:all}
.phone-num button{height:38px;padding:0 15px;border:0;border-radius:999px;background:rgba(245,241,234,.1);color:var(--canvas);font:600 13px/1 var(--text);cursor:pointer;min-width:76px;transition:background-color .2s var(--ease-out)}
.phone-num button:hover{background:rgba(245,241,234,.18)}

/* ---------- footer ---------- */
.foot{background:rgba(10,9,7,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid var(--line);padding-block:44px calc(44px + env(safe-area-inset-bottom,0px));color:var(--taupe);font-size:14px}
.foot__in{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px 40px}
.foot__brand{display:flex;flex-direction:column;gap:8px}
.foot__links{display:flex;flex-wrap:wrap;gap:8px 26px;margin:0;padding:0;list-style:none}
.foot a{color:var(--canvas);text-decoration:none}
.foot a:hover{text-decoration:underline;text-decoration-color:var(--champagne);text-underline-offset:4px}

/* ---------- shortlist dock ---------- */
.dock{position:fixed;left:0;right:0;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:55;display:flex;align-items:center;gap:12px;width:max-content;max-width:calc(100% - 32px);margin-inline:auto;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(22,19,15,.92);border:1px solid rgba(201,168,106,.35);box-shadow:0 24px 60px -20px rgba(0,0,0,.9),0 0 34px -12px rgba(201,168,106,.45);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);animation:dockIn var(--surge) var(--ease-snap)}
@keyframes dockIn{from{transform:translateY(24px);opacity:0}}
.dock__t{display:flex;align-items:center;gap:10px;min-width:0;font:500 14px/1.2 var(--text);color:var(--canvas)}
.dock__t svg{flex:none;width:16px;height:16px;color:var(--champagne)}
.dock__t span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dock .btn{flex:none}
.dock__x{flex:none;height:40px;padding:0 10px;border:0;background:none;color:var(--taupe);font:600 13px/1 var(--text);cursor:pointer}
.dock__x:hover{color:var(--canvas)}
.has-dock .foot{padding-bottom:calc(112px + env(safe-area-inset-bottom,0px))}
@media (max-width:520px){.dock{gap:6px;padding-left:14px}.dock .btn{padding:0 14px}}

/* ---------- viewer ---------- */
.viewer{position:fixed;inset:0;width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:var(--deep);color:var(--canvas);overflow:hidden}
.viewer[open]{display:flex;flex-direction:column;animation:vIn 320ms var(--ease-out)}
.viewer::backdrop{background:var(--veil)}
@keyframes vIn{from{opacity:0;transform:translateY(16px)}}
.viewer__top{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;padding:calc(12px + env(safe-area-inset-top,0px)) var(--gr) 12px var(--gl);border-bottom:1px solid var(--line)}
.viewer__title{display:flex;flex-direction:column;gap:6px;min-width:0;margin-right:auto}
.viewer__title .eyebrow::before{display:none}
.viewer__title h2{font-size:32px;line-height:1;font-weight:700;font-variation-settings:"wght" 720,"wdth" 82,"opsz" 72;letter-spacing:-.02em}
.seg{display:inline-flex;padding:3px;border:1px solid var(--line-2);border-radius:999px}
.seg button{height:36px;padding:0 16px;border:0;border-radius:999px;background:transparent;color:var(--taupe);font:600 13px/1 var(--text);cursor:pointer;transition:color .2s var(--ease-out)}
.seg button:hover{color:var(--canvas)}
.seg button[aria-pressed="true"]{background:var(--canvas);color:var(--onyx)}
.ibtn{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line-2);background:transparent;color:var(--canvas);cursor:pointer;flex:none;transition:border-color .2s var(--ease-out),background-color .2s var(--ease-out)}
.ibtn:hover{border-color:rgba(245,241,234,.4);background:rgba(245,241,234,.05)}
.ibtn svg{width:18px;height:18px}
.ibtn.save{width:44px;height:44px}
.viewer__body{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 390px}
.viewer__stagewrap{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0;min-width:0;padding:24px;overflow:hidden;background:radial-gradient(60% 70% at 50% 40%,rgba(201,168,106,.08),transparent 70%)}
.vframe{width:min(100%,calc((100dvh - 210px) * 1.6))}
.vframe.is-phone{width:auto;border-radius:48px;padding:40px 12px 14px;background:#0B0B0C;box-shadow:inset 0 0 0 1px rgba(255,255,255,.14),0 0 0 8px #1A1714,0 40px 80px -40px var(--veil)}
.vframe.is-phone .browser__bar{display:none}
.vframe.is-phone .stage{aspect-ratio:390/844;height:min(calc(100dvh - 262px),740px);width:auto;border-radius:6px 6px 34px 34px}
.vframe.is-phone .vnotch{display:block}
.vframe.is-phone::before{content:"9:41";position:absolute;left:34px;top:13px;font:600 12px/1 var(--text);color:var(--canvas);font-variant-numeric:tabular-nums}
.vframe.is-phone::after{content:"";position:absolute;right:32px;top:14px;width:20px;height:10px;border-radius:3px;border:1.5px solid var(--canvas);box-shadow:inset -6px 0 0 0 #0B0B0C,inset 0 0 0 1.5px #0B0B0C;background:var(--canvas)}
.vnotch{display:none;position:absolute;left:50%;top:8px;z-index:4;width:92px;height:24px;margin-left:-46px;border-radius:999px;background:#000}
.vhint{color:var(--taupe);font-size:13px;text-align:center}
.viewer__info{display:flex;flex-direction:column;gap:22px;min-height:0;padding:30px var(--gr) 32px 30px;border-left:1px solid var(--line);overflow-y:auto}
.vfor{font:600 17px/1.4 var(--text)}
.vdesc{color:var(--taupe)}
.vlabel{font:600 11px/1 var(--text);letter-spacing:.14em;text-transform:uppercase;color:var(--taupe);margin-bottom:10px}
.vlist{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}
.vlist li{padding:11px 0;border-top:1px solid var(--line);font-size:15px}
.vprice{padding:20px 22px;border:1px solid var(--line-2);border-radius:16px;background:rgba(245,241,234,.025)}
.vprice b{display:block;font:800 32px/1 var(--display);font-variation-settings:"wght" 800,"wdth" 78,"opsz" 96;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.vprice span{display:block;margin-top:8px;color:var(--taupe);font-size:14px}
.vcta{display:flex;flex-direction:column;gap:10px}
.vcta .btn{width:100%}
.vnote{color:var(--taupe);font-size:13px}
@media (max-width:980px){
  .viewer__body{grid-template-columns:minmax(0,1fr);overflow-y:auto}
  .viewer__stagewrap{overflow:visible;padding:18px var(--gr) 8px var(--gl)}
  .vframe{width:100%}
  .vframe.is-phone .stage{height:min(calc(100dvh - 230px),700px)}
  .viewer__info{border-left:0;border-top:1px solid var(--line);overflow:visible;padding:24px var(--gr) 40px var(--gl)}
}
@media (max-width:560px){.viewer__title h2{font-size:24px}.seg button{padding:0 12px}}

/* ---------- Drop · OFFCUT · streetwear pre-launch ---------- */
.ms--drop{--blue:#2138F0;--paper:#F3F1EC;--ink:#0B0B0C;--sun:#FFE14D;background:var(--blue);color:var(--paper);font-family:"Archivo",var(--text)}
.dp-hero{position:relative;height:var(--dh);overflow:hidden}
.dp-nav{position:relative;z-index:6;display:flex;align-items:center;justify-content:space-between;height:84px;padding:0 48px}
.dp-logo{font-weight:900;font-variation-settings:"wdth" 125;font-size:26px;letter-spacing:.02em}
.dp-navmid{font-size:13px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.dp-pill{height:44px;padding:0 22px;border-radius:99px;border:2px solid var(--paper);background:transparent;font-weight:800;font-size:15px}
.dp-big{position:absolute;left:0;right:0;top:92px;display:flex;justify-content:center;gap:36px;font-weight:900;font-variation-settings:"wdth" 125;font-size:236px;line-height:.8;letter-spacing:-.02em;color:transparent;-webkit-text-stroke:2px rgba(243,241,236,.42);white-space:nowrap;user-select:none}
.dp-big span{display:inline-block;animation:dpRise 1.1s cubic-bezier(.2,.8,.2,1) both}
.dp-big span:nth-child(2){animation-delay:.14s}
@keyframes dpRise{from{transform:translateY(70px);opacity:0}}
.dp-scene{position:absolute;left:50%;top:372px;width:0;height:0;z-index:3;--bs:1}
.dp-float{position:absolute;left:50%;top:50%;scale:var(--bs);perspective:1200px;animation:dpFloat 4.6s ease-in-out infinite}
.dp-box{position:absolute;left:0;top:0;transform-style:preserve-3d;transform:rotateX(-20deg) rotateY(-34deg);animation:dpSpin 11s linear infinite}
@keyframes dpSpin{from{transform:rotateX(-20deg) rotateY(0deg)}to{transform:rotateX(-20deg) rotateY(360deg)}}
@keyframes dpFloat{0%,100%{transform:translateY(-12px)}50%{transform:translateY(12px)}}
.dp-f{position:absolute;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;background:#111113;border:1px solid rgba(243,241,236,.1);color:var(--paper)}
.dp-f::before{content:"";position:absolute;left:0;right:0;top:30px;height:2px;background:rgba(243,241,236,.16)}
.dp-front,.dp-back{width:340px;height:140px;left:-170px;top:-70px}
.dp-front{transform:translateZ(105px)}
.dp-back{transform:rotateY(180deg) translateZ(105px)}
.dp-side{width:210px;height:140px;left:-105px;top:-70px;background:#1B1B1E}
.dp-right{transform:rotateY(90deg) translateZ(170px)}
.dp-left{transform:rotateY(-90deg) translateZ(170px);background:#0B0B0D}
.dp-top,.dp-bottom{width:340px;height:210px;left:-170px;top:-105px}
.dp-top{transform:rotateX(90deg) translateZ(70px);background:#26262A}
.dp-top::before,.dp-bottom::before{display:none}
.dp-bottom{transform:rotateX(-90deg) translateZ(70px);background:#070708}
.dp-f b{position:relative;font-weight:900;font-variation-settings:"wdth" 125;font-size:40px;letter-spacing:.02em;line-height:1;margin-top:20px}
.dp-f small{position:relative;font-size:10px;font-weight:700;letter-spacing:.24em}
.dp-side i{position:absolute;top:30px;bottom:0;left:50%;width:46px;margin-left:-23px;background:var(--sun)}
.dp-side i::after{content:"";position:absolute;left:10px;right:10px;top:22px;height:52px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 4px,var(--ink) 4px 7px,transparent 7px 9px)}
.dp-top b{margin:0;font-size:30px;opacity:.9}
.dp-top i{position:absolute;right:22px;top:22px;width:58px;height:58px;border-radius:50%;background:var(--sun)}
.dp-shadow{position:absolute;left:50%;top:50%;width:380px;height:44px;margin:150px 0 0 -190px;scale:var(--bs);border-radius:50%;background:radial-gradient(closest-side,rgba(7,13,70,.6),transparent);animation:dpShadow 4.6s ease-in-out infinite}
@keyframes dpShadow{0%,100%{transform:scale(.86);opacity:.7}50%{transform:scale(1.04);opacity:1}}
.dp-sticker{position:absolute;right:104px;top:118px;z-index:4;width:168px;height:168px;animation:msSpin 14s linear infinite}
.dp-sticker circle{fill:var(--sun)}
.dp-sticker text{font:800 15.5px "Archivo",sans-serif;letter-spacing:.2em;fill:var(--ink)}
.dp-sticker path.star{fill:var(--ink)}
.dp-count{position:absolute;left:48px;bottom:116px;z-index:4}
.dp-label{font-size:13px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:14px}
.dp-units{display:flex;gap:10px}
.dp-unit{position:relative;width:96px;height:112px;border-radius:14px;background:var(--paper);color:var(--ink);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;overflow:hidden}
.dp-unit::after{content:"";position:absolute;left:0;right:0;top:44%;height:1px;background:rgba(11,11,12,.14)}
.dp-unit b{font-weight:900;font-variation-settings:"wdth" 62;font-size:64px;line-height:.9;font-variant-numeric:tabular-nums}
.dp-unit b.tick{animation:dpTick .38s cubic-bezier(.2,.8,.2,1)}
@keyframes dpTick{from{transform:translateY(-45%);opacity:.15}}
.dp-unit span{font-size:10.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;opacity:.55}
.dp-join{position:absolute;right:48px;bottom:124px;z-index:4;width:430px}
.dp-join h3{font-weight:900;font-variation-settings:"wdth" 100;font-size:32px;line-height:1;letter-spacing:-.01em}
.dp-join p{margin:10px 0 16px;font-size:15px;opacity:.86}
.dp-form{display:flex;height:58px;padding:5px;border-radius:99px;background:var(--paper)}
.dp-form input{flex:1;min-width:0;border:0;background:transparent;padding:0 18px;font-size:16px;color:var(--ink);outline:none}
.dp-form button{border:0;border-radius:99px;padding:0 24px;background:var(--ink);color:var(--paper);font-weight:800;letter-spacing:.04em;transition:background .3s,color .3s}
.dp-form.is-done button{background:var(--sun);color:var(--ink)}
.dp-band{position:absolute;left:-4%;right:-4%;bottom:14px;z-index:5;height:62px;display:flex;align-items:center;overflow:hidden;background:var(--sun);color:var(--ink);transform:rotate(-1.6deg)}
.dp-track{display:flex;width:max-content;animation:msMarq 18s linear infinite}
.dp-track span{padding-right:30px;font-weight:900;font-variation-settings:"wdth" 112;font-size:27px;letter-spacing:.02em;white-space:nowrap}
.dp-more{background:var(--paper);color:var(--ink);padding:110px 48px 40px}
.dp-more h2{font-weight:900;font-variation-settings:"wdth" 110;font-size:76px;line-height:.9;letter-spacing:-.02em;max-width:820px}
.dp-more > p{margin-top:18px;font-size:19px;opacity:.7}
.dp-ways{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:56px}
.dp-way{border-radius:22px;background:#E6E3DC;padding:18px 18px 22px}
.dp-way div{display:grid;place-items:center;height:250px;border-radius:14px;background:var(--bg)}
.dp-way svg{width:78%}
.dp-way b{display:block;margin-top:16px;font-weight:900;font-variation-settings:"wdth" 110;font-size:26px}
.dp-way span{font-size:15px;opacity:.7}
.dp-foot{display:flex;justify-content:space-between;margin-top:90px;padding-top:24px;border-top:2px solid var(--ink);font-weight:800;font-size:14px;letter-spacing:.12em;text-transform:uppercase}
@container ms (max-width:600px){
  .dp-hero{height:auto;min-height:var(--dh);padding-bottom:96px;display:flex;flex-direction:column}
  .dp-nav{height:66px;padding:0 20px}
  .dp-navmid{display:none}
  .dp-logo{font-size:20px}
  .dp-pill{height:38px;padding:0 15px;font-size:13px}
  .dp-big{position:relative;top:auto;flex-direction:column;align-items:center;gap:0;margin-top:6px;font-size:100px;line-height:.84}
  .dp-scene{position:relative;left:auto;top:auto;width:100%;height:230px;margin-top:-64px;--bs:.58}
  .dp-shadow{margin-top:86px}
  .dp-sticker{right:14px;top:66px;width:92px;height:92px}
  .dp-count{position:relative;left:auto;bottom:auto;padding:0 20px;margin-top:6px}
  .dp-units{gap:8px}
  .dp-unit{flex:1;width:auto;height:88px}
  .dp-unit b{font-size:46px}
  .dp-join{position:relative;right:auto;bottom:auto;width:auto;padding:0 20px;margin-top:28px}
  .dp-join h3{font-size:26px}
  .dp-form button{padding:0 16px}
  .dp-more{padding:72px 20px 32px}
  .dp-more h2{font-size:44px}
  .dp-ways{grid-template-columns:1fr;gap:14px;margin-top:36px}
  .dp-way div{height:180px}
  .dp-foot{flex-direction:column;gap:8px;margin-top:56px}
}

/* ---------- Skyline · Northlight Residences · real estate pre-launch ---------- */
.ms--sky{--ink:#071822;--sand:#E7B98A;--cream:#F6F1E7;--mist:#B4C3C8;background:var(--ink);color:var(--cream)}
.sk-hero{position:relative;height:var(--dh);overflow:hidden;background:linear-gradient(180deg,#071822 0%,#0D2A37 36%,#27505D 58%,#A9876C 83%,#E6BC8E 100%)}
.sk-sky{position:absolute;inset:0;pointer-events:none}
.sk-stars,.sk-stars2{position:absolute;left:0;top:0;width:2px;height:2px;border-radius:50%;background:transparent;box-shadow:120px 120px #F6F1E7,260px 70px #F6F1E7,410px 150px #F6F1E7,520px 96px #F6F1E7,690px 60px #F6F1E7,820px 132px #F6F1E7,960px 84px #F6F1E7,1080px 150px #F6F1E7,1190px 70px #F6F1E7,640px 200px #F6F1E7,880px 230px #F6F1E7,1150px 250px #F6F1E7;animation:skTw 3.4s ease-in-out infinite}
.sk-stars2{box-shadow:200px 180px #F6F1E7,340px 40px #F6F1E7,600px 150px #F6F1E7,760px 110px #F6F1E7,1010px 190px #F6F1E7,1240px 120px #F6F1E7,930px 40px #F6F1E7,470px 220px #F6F1E7;animation-duration:4.6s;animation-delay:-2s;opacity:.7}
@keyframes skTw{0%,100%{opacity:.85}50%{opacity:.25}}
.sk-sun{position:absolute;left:640px;top:520px;width:640px;height:520px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,214,160,.7),rgba(255,190,130,.22) 55%,transparent);animation:skSun 7s ease-in-out infinite alternate}
@keyframes skSun{to{transform:scale(1.1);opacity:.85}}
.sk-cloud{position:absolute;width:340px;height:56px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,232,206,.2),transparent);animation:skDrift 38s linear infinite}
.sk-cloud.c1{top:250px;left:-340px}
.sk-cloud.c2{top:330px;left:-340px;width:440px;animation-duration:52s;animation-delay:-20s}
.sk-cloud.c3{top:170px;left:-340px;width:260px;animation-duration:44s;animation-delay:-34s;opacity:.7}
@keyframes skDrift{to{transform:translateX(1960px)}}
.sk-nav{position:relative;z-index:4;display:flex;align-items:center;gap:40px;height:86px;padding:0 64px}
.sk-logo{font-family:"Instrument Serif",serif;font-size:22px;letter-spacing:.32em}
.sk-links{display:flex;gap:30px;margin-left:auto;font-size:15px;color:var(--mist)}
.sk-visit{height:42px;padding:0 20px;border-radius:99px;border:1px solid rgba(231,185,138,.6);background:transparent;color:var(--cream);font-size:14px}
.sk-copy{position:absolute;left:64px;top:132px;z-index:3;width:600px}
.sk-eyebrow{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--sand)}
.sk-copy h1{margin-top:16px;font-family:"Instrument Serif",serif;font-weight:400;font-size:80px;line-height:.95;letter-spacing:-.01em}
.sk-copy h1 em{color:var(--sand)}
.sk-sub{margin-top:16px;max-width:460px;font-size:17px;color:var(--mist)}
.sk-form{margin-top:24px;width:470px;padding:18px;border-radius:18px;background:rgba(7,24,34,.58);border:1px solid rgba(231,185,138,.26);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.sk-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.sk-row label{display:flex;flex-direction:column;gap:6px;min-width:0}
.sk-row span{font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#9FB1B7}
.sk-row input{width:100%;min-width:0;height:44px;padding:0 12px;border-radius:10px;border:1px solid rgba(246,241,231,.14);background:rgba(246,241,231,.06);color:var(--cream);outline:none}
.sk-row input:focus{border-color:var(--sand)}
.sk-row input::placeholder{color:#7F949B}
.sk-bhk{display:flex;gap:8px;margin-top:12px}
.sk-bhk input{position:absolute;opacity:0;pointer-events:none}
.sk-bhk span{display:inline-flex;align-items:center;height:38px;padding:0 18px;border-radius:99px;border:1px solid rgba(246,241,231,.2);font-size:14px;color:#DCE4E6;transition:background .25s,color .25s,border-color .25s}
.sk-bhk input:checked + span{background:var(--sand);border-color:var(--sand);color:var(--ink)}
.sk-bhk input:focus-visible + span{outline:2px solid var(--sand);outline-offset:2px}
.sk-form button[type="submit"]{width:100%;height:50px;margin-top:14px;border:0;border-radius:12px;background:var(--sand);color:var(--ink);font-weight:600;font-size:16px}
.sk-note{margin-top:9px;text-align:center;font-size:12.5px;color:#8FA3AA}
.sk-stats{position:absolute;left:64px;bottom:34px;z-index:3;display:flex;gap:44px}
.sk-stats div{display:flex;flex-direction:column;gap:4px}
.sk-stats b{font-family:"Instrument Serif",serif;font-weight:400;font-size:40px;line-height:1;font-variant-numeric:tabular-nums}
.sk-stats span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--mist)}
.sk-scene{position:absolute;right:40px;bottom:0;z-index:2;width:600px;height:640px}
.sk-tower{position:absolute;bottom:22px;background-color:#132A35;background-image:linear-gradient(90deg,#132A35 0 6px,transparent 6px),linear-gradient(0deg,#132A35 0 8px,transparent 8px),linear-gradient(rgba(255,212,138,.13),rgba(255,212,138,.13));background-size:18px 22px,18px 22px,auto}
.t-back1{left:40px;width:112px;height:330px;opacity:.8}
.t-back2{right:20px;width:132px;height:410px;opacity:.85}
.t-front{left:410px;width:124px;height:250px;background-color:#0A161D;background-image:linear-gradient(90deg,#0A161D 0 6px,transparent 6px),linear-gradient(0deg,#0A161D 0 8px,transparent 8px),linear-gradient(rgba(255,212,138,.2),rgba(255,212,138,.2))}
.sk-main{position:absolute;left:206px;bottom:22px;width:190px;display:flex;flex-direction:column-reverse}
.sk-floor{display:grid;grid-template-columns:repeat(6,1fr);gap:6px;height:22px;padding:5px 9px 4px;background:#0D1D25;border-top:3px solid #1D3542;transform-origin:50% 100%;animation:skBuild .55s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 75ms + .35s)}
@keyframes skBuild{from{transform:scaleY(0);opacity:0}}
.sk-floor i{border-radius:1px;background:#1B2E38;transition:background-color .6s,box-shadow .6s}
.sk-floor i.on{background:#FFD48A;box-shadow:0 0 8px rgba(255,200,120,.55)}
.sk-crane{position:absolute;left:118px;bottom:100%;width:0;height:124px;animation:skFade .8s 2.4s both}
@keyframes skFade{from{opacity:0}}
.sk-crane .mast{position:absolute;left:0;bottom:0;width:8px;height:124px;border-inline:2px solid var(--sand);background:repeating-linear-gradient(45deg,transparent 0 5px,rgba(231,185,138,.9) 5px 6.5px)}
.sk-crane .jib{position:absolute;left:-64px;bottom:118px;width:236px;height:6px;background:var(--sand);transform-origin:68px 3px;animation:skSwing 8s ease-in-out infinite alternate}
@keyframes skSwing{from{transform:rotate(-3deg)}to{transform:rotate(3deg)}}
.sk-crane .cable{position:absolute;left:190px;top:6px;width:1px;height:64px;background:rgba(231,185,138,.85);transform-origin:top;animation:skCable 5s ease-in-out infinite alternate}
@keyframes skCable{to{transform:scaleY(1.45)}}
.sk-crane .hook{position:absolute;left:-5px;bottom:-10px;width:11px;height:10px;background:var(--sand)}
.sk-ground{position:absolute;left:-60px;right:-40px;bottom:0;height:22px;background:#06121A;border-top:1px solid #1D3542;overflow:hidden}
.sk-ground .car{position:absolute;top:9px;left:0;width:12px;height:3px;border-radius:2px;background:#FFE3A8;box-shadow:0 0 8px #FFD48A;animation:skCar 9s linear infinite}
.sk-ground .c2{animation-delay:-4s;animation-duration:12s}
.sk-ground .c3{top:13px;background:#FF8A7A;box-shadow:0 0 8px #FF8A7A;animation-direction:reverse;animation-duration:10s}
@keyframes skCar{from{transform:translateX(-20px)}to{transform:translateX(720px)}}
.sk-more{background:#F2EEE6;color:#0F2530;padding:104px 64px 40px}
.sk-k{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:#8A6A4B}
.sk-more h2{margin-top:14px;max-width:760px;font-family:"Instrument Serif",serif;font-weight:400;font-size:66px;line-height:1}
.sk-plan{display:grid;grid-template-columns:560px 1fr;gap:56px;align-items:center;margin-top:52px}
.sk-svg{width:100%;height:auto;overflow:visible}
.sk-svg path{fill:none;stroke:#0F2530;stroke-width:3;stroke-linejoin:miter}
@supports (animation-timeline:view()){.sk-svg path{animation:skDraw linear both;animation-timeline:view();animation-range:entry 15% cover 45%}}
@keyframes skDraw{from{stroke-dashoffset:1}}
.sk-svg path{stroke-dasharray:1}
.sk-svg .bal{stroke-dasharray:.012 .012;stroke-width:2}
.sk-svg text{font:500 13px "Geist",sans-serif;fill:#4E6670}
.sk-svg text.r{font:400 21px "Instrument Serif",serif;fill:#0F2530}
.sk-specs{display:grid;grid-template-columns:1fr 1fr;gap:30px 24px}
.sk-specs li{border-top:1px solid #CFC5B6;padding-top:14px}
.sk-specs b{display:block;font-family:"Instrument Serif",serif;font-weight:400;font-size:38px;line-height:1}
.sk-specs span{font-size:15px;color:#4E6670}
.sk-amen{display:flex;flex-wrap:wrap;gap:10px;margin-top:56px}
.sk-amen span{padding:10px 18px;border-radius:99px;border:1px solid #CFC5B6;font-size:15px}
.sk-foot{display:flex;justify-content:space-between;align-items:center;margin-top:72px;padding-top:22px;border-top:1px solid #CFC5B6;font-size:14px;color:#4E6670}
.sk-foot .sk-logo{color:#0F2530}
@container ms (max-width:600px){
  .sk-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .sk-nav{height:66px;padding:0 20px}
  .sk-logo{font-size:18px}
  .sk-links{display:none}
  .sk-visit{margin-left:auto;height:36px;padding:0 14px;font-size:13px}
  .sk-copy{position:relative;left:auto;top:auto;width:auto;padding:12px 20px 0}
  .sk-copy h1{font-size:50px}
  .sk-sub{font-size:16px}
  .sk-form{width:auto}
  .sk-row{grid-template-columns:minmax(0,1fr)}
  .sk-stats{position:relative;left:auto;bottom:auto;gap:28px;padding:26px 20px 0}
  .sk-stats b{font-size:32px}
  .sk-scene{position:relative;right:auto;bottom:auto;align-self:center;margin-top:10px;zoom:.62}
  .sk-sun{left:-100px;top:auto;bottom:-260px}
  .sk-more{padding:64px 20px 32px}
  .sk-more h2{font-size:42px}
  .sk-plan{grid-template-columns:1fr;gap:32px;margin-top:36px}
  .sk-amen{margin-top:36px}
  .sk-foot{flex-direction:column;align-items:flex-start;gap:8px}
}

/* ---------- Orbit · kosha · app waitlist ---------- */
.ms--orbit{--bg:#F1F4EE;--ink:#0F1A14;--jade:#0E9F6E;--lime:#D7F75B;--muted:#46534B;background:var(--bg);color:var(--ink);font-family:"Sora",var(--text)}
.ob-hero{position:relative;height:var(--dh);overflow:hidden;background-image:radial-gradient(rgba(15,26,20,.09) 1.2px,transparent 1.2px);background-size:26px 26px}
.ob-nav{position:relative;z-index:4;display:flex;align-items:center;gap:36px;height:84px;padding:0 72px}
.ob-logo{display:inline-flex;align-items:flex-end;gap:3px;font-weight:700;font-size:27px;letter-spacing:-.04em}
.ob-logo i{width:9px;height:9px;margin-bottom:7px;border-radius:50%;background:var(--jade)}
.ob-links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--muted)}
.ob-navbtn{height:42px;padding:0 20px;border:0;border-radius:99px;background:var(--ink);color:#fff;font-size:14px;font-weight:600}
.ob-copy{position:absolute;left:72px;top:168px;z-index:3;width:540px}
.ob-badge{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:99px;background:#fff;border:1px solid rgba(15,26,20,.1);font-size:13px;color:var(--muted)}
.ob-badge i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--jade)}
.ob-badge i::after{content:"";position:absolute;inset:-5px;border-radius:50%;border:2px solid var(--jade);animation:obPing 1.8s ease-out infinite;opacity:0}
@keyframes obPing{from{transform:scale(.4);opacity:.8}to{transform:scale(1.4);opacity:0}}
.ob-copy h1{margin-top:22px;font-weight:600;font-size:70px;line-height:1.02;letter-spacing:-.04em}
.ob-mark{background:linear-gradient(var(--lime),var(--lime)) no-repeat 0 88%/100% 38%;animation:obMark .9s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes obMark{from{background-size:0% 38%}}
.ob-sub{margin-top:20px;max-width:440px;font-family:"Geist",sans-serif;font-size:18px;color:var(--muted)}
.ob-form{display:flex;width:470px;height:60px;margin-top:30px;padding:5px;border-radius:99px;background:#fff;border:1px solid rgba(15,26,20,.12);box-shadow:0 12px 30px -16px rgba(15,26,20,.3)}
.ob-form input{flex:1;min-width:0;padding:0 20px;border:0;background:transparent;font-family:"Geist",sans-serif;font-size:16px;outline:none}
.ob-form button{padding:0 26px;border:0;border-radius:99px;background:var(--ink);color:#fff;font-weight:600;font-size:15px;transition:background .3s}
.ob-form.is-done button{background:var(--jade)}
.ob-proof{display:flex;align-items:center;gap:14px;margin-top:24px;font-family:"Geist",sans-serif;font-size:15px;color:var(--muted)}
.ob-faces{display:flex}
.ob-faces i{display:grid;place-items:center;width:36px;height:36px;margin-left:-10px;border-radius:50%;border:2px solid var(--bg);background:#C9E7D8;color:var(--ink);font-style:normal;font-size:11px;font-weight:700}
.ob-faces i:first-child{margin-left:0}
.ob-faces i:nth-child(2){background:#F6D6A8}.ob-faces i:nth-child(3){background:#D8D4F2}.ob-faces i:nth-child(4){background:#F4C7C3}.ob-faces i:nth-child(5){background:var(--ink);color:#fff}
.ob-count{display:inline-block;font-family:"JetBrains Mono",monospace;color:var(--ink);font-variant-numeric:tabular-nums}
.ob-count.bump{animation:obBump .45s cubic-bezier(.3,1.5,.5,1)}
@keyframes obBump{from{transform:translateY(-6px);color:var(--jade)}}
.ob-stage{position:absolute;left:600px;top:90px;z-index:2;width:600px;height:700px}
.ob-glow{position:absolute;left:50%;top:50%;width:560px;height:560px;margin:-280px;border-radius:50%;background:radial-gradient(closest-side,rgba(14,159,110,.2),transparent)}
.ob-ring{position:absolute;left:50%;top:50%;border-radius:50%;border:1.5px dashed rgba(15,26,20,.2);animation:msSpin 46s linear infinite}
.ob-ring.r1{width:420px;height:420px;margin:-210px}
.ob-ring.r2{width:600px;height:600px;margin:-300px;animation-duration:70s;animation-direction:reverse;border-style:solid;border-color:rgba(15,26,20,.08)}
.ob-ic{position:absolute;left:50%;top:50%;width:0;height:0;transform:rotate(var(--a)) translateX(var(--r)) rotate(calc(-1 * var(--a)))}
.r1 .ob-ic{--r:210px}.r2 .ob-ic{--r:300px}
.ob-ic b{position:absolute;left:-29px;top:-29px;display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;border:1px solid rgba(15,26,20,.07);box-shadow:0 12px 26px -10px rgba(15,26,20,.25);font:700 21px "Geist",sans-serif;animation:msSpin 46s linear infinite reverse}
.r2 .ob-ic b{left:-24px;top:-24px;width:48px;height:48px;font-size:16px;animation-duration:70s;animation-direction:normal}
.ob-ic b.t{font-size:12.5px;letter-spacing:.04em}
.ob-ic b.j{background:var(--jade);color:#fff;border-color:var(--jade)}
.ob-ic b.l{background:var(--lime)}
.ob-ic svg{width:24px;height:24px;fill:none;stroke:var(--jade);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.ob-ic b.j svg{stroke:#fff}
.ob-phone{position:absolute;left:50%;top:50%;width:240px;height:486px;margin:-243px 0 0 -120px;border-radius:42px;border:9px solid var(--ink);background:#FBFCF9;box-shadow:0 40px 70px -30px rgba(15,26,20,.45);overflow:hidden;animation:obBob 6s ease-in-out infinite}
@keyframes obBob{0%,100%{transform:translateY(-6px)}50%{transform:translateY(6px)}}
.ob-phone::before{content:"";position:absolute;left:50%;top:8px;width:70px;height:20px;margin-left:-35px;border-radius:99px;background:var(--ink);z-index:3}
.ob-status{display:flex;justify-content:space-between;padding:10px 18px 0;font:600 11px "Geist",sans-serif}
.ob-bat{width:20px;height:10px;border-radius:3px;border:1.5px solid var(--ink);position:relative}
.ob-bat::after{content:"";position:absolute;inset:1.5px 5px 1.5px 1.5px;background:var(--ink);border-radius:1px}
.ob-notes{position:absolute;left:10px;right:10px;top:36px;z-index:2;display:flex;flex-direction:column;gap:6px}
.ob-note{display:flex;align-items:center;gap:8px;padding:9px 10px;border-radius:14px;background:#fff;box-shadow:0 8px 20px -10px rgba(15,26,20,.35);font:500 10.5px/1.3 "Geist",sans-serif;color:var(--muted);animation:obIn .5s cubic-bezier(.2,.8,.2,1) both}
.ob-note i{flex:none;width:22px;height:22px;border-radius:7px;background:var(--jade)}
.ob-note span{flex:1;min-width:0}
.ob-note b{display:block;color:var(--ink);font-weight:700}
.ob-note em{font-style:normal;font-size:9.5px;opacity:.6}
.ob-note.out{animation:obOut .4s ease-in both}
@keyframes obIn{from{transform:translateY(-24px);opacity:0}}
@keyframes obOut{to{transform:scale(.92);opacity:0}}
.ob-main{position:absolute;left:18px;right:18px;top:158px}
.ob-lbl{font:600 10px "Geist",sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#7C8A81}
.ob-bal{margin-top:4px;font:700 34px/1 "Geist",sans-serif;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ob-delta{margin-top:6px;font:600 11px "Geist",sans-serif;color:var(--jade)}
.ob-chart{display:block;width:100%;height:84px;margin-top:12px}
.ob-chart .area{fill:rgba(14,159,110,.12)}
.ob-chart .line{fill:none;stroke:var(--jade);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:obDraw 1.8s .6s cubic-bezier(.2,.8,.2,1) both}
@keyframes obDraw{from{stroke-dashoffset:1}}
.ob-goal{display:grid;grid-template-columns:1fr auto;gap:6px;margin-top:14px;font:600 11px "Geist",sans-serif}
.ob-goal i{grid-column:1/-1;height:7px;border-radius:9px;background:#E3E9E3;position:relative;overflow:hidden}
.ob-goal i::after{content:"";position:absolute;inset:0;border-radius:9px;background:var(--ink);transform-origin:left;transform:scaleX(var(--p));animation:obFill 1.6s .9s cubic-bezier(.2,.8,.2,1) both}
.ob-goal:last-child i::after{background:var(--jade)}
@keyframes obFill{from{transform:scaleX(0)}}
.ob-more{background:var(--ink);color:#EEF3EE;padding:104px 72px 40px}
.ob-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--lime)}
.ob-more h2{margin-top:14px;font-weight:600;font-size:56px;line-height:1.04;letter-spacing:-.035em;max-width:720px}
.ob-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:52px}
.ob-step{display:flex;flex-direction:column;gap:12px;padding:26px;border-radius:22px;background:#17261E}
.ob-step em{font:600 14px "JetBrains Mono",monospace;font-style:normal;color:var(--lime)}
.ob-step h3{font-weight:600;font-size:23px;letter-spacing:-.02em}
.ob-step p{font-family:"Geist",sans-serif;font-size:15px;color:#A9B8AE}
.ob-vis{display:flex;align-items:center;gap:10px;height:64px;margin-top:6px;padding:0 16px;border-radius:14px;background:#0F1A14;font:600 15px "Geist",sans-serif}
.ob-vis svg{width:20px;height:20px;fill:none;stroke:var(--lime);stroke-width:2.4;stroke-linecap:round;stroke-linejoin:round}
.ob-vis s{color:#7C8A81}
.ob-vis b{color:var(--lime)}
.ob-bar{flex:1;height:8px;border-radius:9px;background:#24362B;overflow:hidden}
.ob-bar i{display:block;height:100%;width:72%;border-radius:9px;background:var(--lime)}
.ob-trust{display:flex;flex-wrap:wrap;gap:12px 40px;margin-top:48px;font-family:"Geist",sans-serif;font-size:15px;color:#A9B8AE}
.ob-trust span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:10px;border-radius:50%;background:var(--jade);vertical-align:2px}
.ob-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:1px solid #24362B;font-family:"Geist",sans-serif;font-size:14px;color:#7C8A81}
@container ms (max-width:600px){
  .ob-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .ob-nav{height:66px;padding:0 20px}
  .ob-links{display:none}
  .ob-navbtn{margin-left:auto;height:38px;padding:0 16px;font-size:13px}
  .ob-copy{position:relative;left:auto;top:auto;width:auto;padding:14px 20px 0}
  .ob-copy h1{font-size:44px}
  .ob-sub{font-size:16px}
  .ob-form{width:auto;height:56px}
  .ob-form button{padding:0 16px;font-size:14px}
  .ob-proof{font-size:14px}
  .ob-stage{position:relative;left:auto;top:auto;align-self:center;zoom:.6;margin:10px 0 0}
  .ob-more{padding:64px 20px 32px}
  .ob-more h2{font-size:38px}
  .ob-steps{grid-template-columns:1fr;margin-top:32px}
  .ob-foot{flex-direction:column;gap:6px}
}

/* ---------- Sunroom · Arch & Oak · home decor store ---------- */
.ms--sun{--wall:#B4BDA3;--ink:#263021;--bone:#F2EFE7;--oak:#C59A6A;--oak2:#A97F52;--blue:#2E3B57;background:var(--bone);color:var(--ink)}
.su-hero{position:relative;height:var(--dh);overflow:hidden;background:linear-gradient(180deg,#BCC5AB,var(--wall) 60%,#A9B297)}
.su-floor{position:absolute;left:0;right:0;bottom:0;height:160px;background:linear-gradient(180deg,rgba(38,48,33,0),rgba(38,48,33,.22)),repeating-linear-gradient(90deg,var(--oak) 0 138px,var(--oak2) 138px 140px);box-shadow:0 -10px 0 var(--bone)}
.su-nav{position:relative;z-index:5;display:flex;align-items:center;gap:40px;height:84px;padding:0 64px}
.su-logo{font-family:"Gloock",serif;font-size:28px;letter-spacing:-.01em}
.su-links{display:flex;gap:28px;margin:0 auto;font-size:15px}
.su-icons{display:flex;align-items:center;gap:18px}
.su-icons svg{width:22px;height:22px;fill:none;stroke:var(--ink);stroke-width:1.8}
.su-bag{position:relative}
.su-bag b{position:absolute;right:-8px;top:-6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--blue);color:var(--bone);font-size:10px}
.su-copy{position:absolute;left:64px;top:166px;z-index:4;width:500px}
.su-eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.8}
.su-copy h1{margin-top:18px;font-family:"Gloock",serif;font-weight:400;font-size:80px;line-height:.98;letter-spacing:-.02em}
.su-sub{margin-top:20px;max-width:420px;font-size:18px;opacity:.88}
.su-ctas{display:flex;align-items:center;gap:24px;margin-top:30px}
.su-btn{position:relative;height:54px;padding:0 28px;border:0;border-radius:4px;background:var(--ink);color:var(--bone);font-size:16px;font-weight:500;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.su-link{padding:0;border:0;background:none;font-size:16px;text-decoration:underline;text-underline-offset:5px}
.su-scene{position:absolute;left:560px;top:0;z-index:2;width:720px;height:800px}
.su-beam{position:absolute;left:-560px;top:0;width:1280px;height:800px;z-index:3;pointer-events:none;background:linear-gradient(200deg,rgba(255,246,220,.5),rgba(255,246,220,.12) 70%);clip-path:polygon(700px 150px,970px 150px,800px 790px,430px 790px);animation:suBeam 11s ease-in-out infinite alternate}
@keyframes suBeam{to{clip-path:polygon(700px 150px,970px 150px,700px 790px,330px 790px)}}
.su-arch{position:absolute;left:140px;top:128px;width:274px;height:404px;border-radius:137px 137px 0 0;border:11px solid var(--bone);background:linear-gradient(180deg,#C6DCE3,#F3E2C3);overflow:hidden;box-shadow:inset 0 0 0 1px rgba(38,48,33,.08)}
.su-arch::before{content:"";position:absolute;left:50%;top:0;bottom:0;width:7px;margin-left:-3.5px;background:var(--bone);z-index:2}
.su-arch::after{content:"";position:absolute;left:0;right:0;top:56%;height:7px;background:var(--bone);z-index:2}
.su-cloud{position:absolute;top:110px;left:-160px;width:150px;height:40px;border-radius:40px;background:rgba(255,255,255,.75);box-shadow:40px -14px 0 4px rgba(255,255,255,.75);animation:suCloud 24s linear infinite}
@keyframes suCloud{to{transform:translateX(560px)}}
.su-sill{position:absolute;left:124px;top:532px;width:306px;height:14px;border-radius:2px;background:var(--bone);box-shadow:0 8px 14px -6px rgba(38,48,33,.3)}
.su-lamp{position:absolute;left:66px;top:300px;width:110px;height:340px}
.su-lamp i{position:absolute;left:52px;top:40px;width:5px;height:300px;background:#3C3326;border-radius:3px}
.su-lamp b{position:absolute;left:0;top:0;width:110px;height:56px;border-radius:56px 56px 8px 8px;background:#E9DCC2;box-shadow:inset 0 -6px 0 rgba(38,48,33,.12)}
.su-lamp s{position:absolute;left:-60px;top:46px;width:230px;height:160px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,236,190,.55),transparent);animation:suGlow 4s ease-in-out infinite alternate}
@keyframes suGlow{to{opacity:.55}}
.su-lamp u{position:absolute;left:30px;bottom:-4px;width:50px;height:8px;border-radius:50%;background:#3C3326}
.su-chair{position:absolute;left:236px;top:500px;width:230px;height:250px;z-index:4}
.su-chair .back{position:absolute;left:34px;top:0;width:156px;height:156px;border-radius:78px 78px 26px 26px;background:linear-gradient(160deg,#3A4A6E,var(--blue));transform:rotate(-7deg)}
.su-chair .seat{position:absolute;left:8px;top:132px;width:212px;height:54px;border-radius:26px;background:linear-gradient(180deg,#3F5078,#2A3652)}
.su-chair .leg{position:absolute;top:178px;width:9px;height:66px;border-radius:4px;background:#5B3E26}
.su-chair .l1{left:34px;transform:rotate(9deg)}
.su-chair .l2{left:186px;transform:rotate(-9deg)}
.su-shadow{position:absolute;left:220px;top:732px;width:280px;height:26px;border-radius:50%;background:radial-gradient(closest-side,rgba(38,48,33,.35),transparent)}
.su-plant{position:absolute;left:470px;top:440px;width:160px;height:320px}
.su-pot{position:absolute;left:36px;bottom:20px;width:92px;height:92px;background:#E5DCCB;clip-path:polygon(6% 0,94% 0,80% 100%,20% 100%)}
.su-leaf{position:absolute;left:78px;bottom:104px;width:20px;height:150px;margin-left:-10px;border-radius:50%;background:#4E6A44;transform-origin:50% 100%;transform:rotate(var(--r));animation:suSway 5s ease-in-out infinite alternate;animation-delay:var(--d)}
.su-leaf:nth-child(even){background:#5F7D53;height:120px}
@keyframes suSway{to{transform:rotate(calc(var(--r) + 5deg))}}
.su-mote{position:absolute;z-index:3;width:4px;height:4px;border-radius:50%;background:rgba(255,250,232,.95);left:var(--x);top:var(--y);animation:suMote var(--t) ease-in-out infinite alternate;animation-delay:var(--dl)}
@keyframes suMote{from{transform:translate(0,0);opacity:.15}to{transform:translate(18px,-46px);opacity:.95}}
.su-spot{position:absolute;z-index:5;display:flex;align-items:center;gap:10px}
.su-spot i{position:relative;width:16px;height:16px;border-radius:50%;background:var(--bone);box-shadow:0 0 0 4px rgba(242,239,231,.35)}
.su-spot i::after{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid var(--bone);animation:suPing 2s ease-out infinite}
@keyframes suPing{from{transform:scale(.5);opacity:1}to{transform:scale(1.5);opacity:0}}
.su-spot span{padding:8px 12px;border-radius:4px;background:var(--bone);font-size:13px;line-height:1.3;box-shadow:0 10px 20px -12px rgba(38,48,33,.5)}
.su-spot span b{display:block;font-weight:600}
.su-more{background:var(--bone);padding:96px 64px 40px}
.su-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;opacity:.7}
.su-more h2{margin-top:12px;font-family:"Gloock",serif;font-weight:400;font-size:62px;line-height:1}
.su-rail{margin:44px -64px 0;overflow:hidden}
.su-track{display:flex;gap:20px;width:max-content;padding-left:64px;animation:msMarq 40s linear infinite}
.su-card{width:270px;flex:none}
.su-card div{position:relative;height:330px;border-radius:135px 135px 6px 6px;background:var(--bg);overflow:hidden}
.su-card b{display:block;margin-top:14px;font-weight:600}
.su-card span{opacity:.75}
.su-obj{position:absolute;left:50%;bottom:44px;transform:translateX(-50%)}
.o-table{width:120px;height:120px}
.o-table::before{content:"";position:absolute;left:0;top:0;width:120px;height:22px;border-radius:50%;background:#8C6845}
.o-table::after{content:"";position:absolute;left:52px;top:14px;width:16px;height:106px;background:#6E5034}
.o-lamp{width:130px;height:190px;border-top:6px solid #3C3326;border-right:6px solid #3C3326;border-radius:0 120px 0 0}
.o-lamp::after{content:"";position:absolute;left:-26px;top:-4px;width:52px;height:30px;border-radius:26px 26px 4px 4px;background:#E9DCC2}
.o-cab{width:150px;height:170px;border-radius:4px;background:#8C6845;background-image:radial-gradient(circle,#F2EFE7 3px,transparent 3.5px);background-size:16px 16px;box-shadow:inset 0 0 0 10px #8C6845}
.o-cush{width:150px;height:90px}
.o-cush::before,.o-cush::after{content:"";position:absolute;bottom:0;width:90px;height:84px;border-radius:22px;background:#C9774E}
.o-cush::after{left:56px;width:80px;height:70px;background:#E7C9A5}
.o-chair{width:140px;height:150px}
.o-chair::before{content:"";position:absolute;left:20px;top:0;width:96px;height:96px;border-radius:48px 48px 16px 16px;background:var(--blue)}
.o-chair::after{content:"";position:absolute;left:4px;top:82px;width:132px;height:36px;border-radius:18px;background:#3F5078}
.su-rooms{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:64px}
.su-room{display:flex;align-items:flex-end;height:220px;padding:22px;border-radius:110px 110px 6px 6px;background:var(--bg);color:var(--bone);font-family:"Gloock",serif;font-size:30px}
.su-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:1px solid #D9D3C5;font-size:14px;opacity:.8}
@container ms (max-width:600px){
  .su-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .su-floor{height:86px}
  .su-nav{height:66px;padding:0 20px;gap:16px}
  .su-logo{font-size:23px}
  .su-links{display:none}
  .su-icons{margin-left:auto}
  .su-copy{position:relative;left:auto;top:auto;width:auto;padding:14px 20px 0}
  .su-copy h1{font-size:50px}
  .su-sub{font-size:16px}
  .su-ctas{gap:18px;margin-top:24px}
  .su-btn{height:50px;padding:0 22px}
  .su-scene{position:relative;left:auto;top:auto;margin-top:-90px;align-self:center;zoom:.54}
  .su-beam,.su-mote{display:none}
  .su-more{padding:64px 20px 32px}
  .su-more h2{font-size:42px}
  .su-rail{margin:32px -20px 0}
  .su-track{padding-left:20px}
  .su-rooms{grid-template-columns:1fr;margin-top:40px}
  .su-room{height:160px}
  .su-foot{flex-direction:column;gap:6px}
}

/* ---------- Tadka · Chowk 21 · restaurant ---------- */
.ms--tadka{--tur:#F2B33D;--tur2:#E8A22B;--maroon:#5A1424;--chilli:#D8432B;--cream:#FFF3D6;--leaf:#2E6B3B;background:var(--cream);color:var(--maroon)}
.td-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(circle at 72% 58%,#F7C25A,var(--tur) 46%)}
.td-nav{position:relative;z-index:5;display:flex;align-items:center;gap:36px;height:88px;padding:0 60px}
.td-logo{font-family:"Shrikhand",serif;font-size:32px;line-height:1}
.td-links{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500}
.td-book{height:46px;padding:0 24px;border:0;border-radius:99px;background:var(--maroon);color:var(--cream);font-weight:600;font-size:15px}
.td-copy{position:absolute;left:60px;top:168px;z-index:4;width:640px}
.td-eyebrow{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;opacity:.82}
.td-copy h1{margin-top:18px;font-family:"Shrikhand",serif;font-weight:400;font-size:78px;line-height:1.05}
.td-rot{display:block;height:1.1em;overflow:hidden;color:var(--chilli)}
.td-rot span{display:block;animation:tdRot 7.5s cubic-bezier(.7,0,.2,1) infinite}
.td-rot i{display:block;height:1.1em;font-style:normal}
@keyframes tdRot{0%,26%{transform:translateY(0)}33%,59%{transform:translateY(-1.1em)}66%,92%{transform:translateY(-2.2em)}100%{transform:translateY(-3.3em)}}
.td-sub{margin-top:18px;max-width:470px;font-size:18px;opacity:.9}
.td-ctas{display:flex;gap:12px;margin-top:30px}
.td-ctas button{height:54px;padding:0 26px;border-radius:99px;font-weight:600;font-size:16px}
.td-b1{border:0;background:var(--maroon);color:var(--cream)}
.td-b2{border:2px solid var(--maroon);background:transparent}
.td-hours{display:flex;align-items:center;gap:10px;margin-top:26px;font-size:14px;font-weight:500}
.td-hours i{width:9px;height:9px;border-radius:50%;background:var(--leaf);box-shadow:0 0 0 4px rgba(46,107,59,.2)}
.td-scene{position:absolute;left:600px;top:60px;z-index:2;width:640px;height:680px}
.td-plate{position:absolute;left:50%;top:52%;width:540px;height:540px;margin:-270px;border-radius:50%;background:var(--tur2)}
.td-ring{position:absolute;left:50%;top:52%;width:600px;height:600px;margin:-300px;border-radius:50%;border:3px dashed rgba(90,20,36,.22);animation:msSpin 60s linear infinite}
.td-handi{position:absolute;left:150px;top:290px;width:340px;height:260px}
.td-body{position:absolute;left:0;top:34px;width:340px;height:226px;border-radius:50% 50% 46% 46%/34% 34% 66% 66%;background:radial-gradient(circle at 34% 30%,#E39A62,#B4643A 38%,#6E3418 82%)}
.td-body::after{content:"";position:absolute;left:4%;right:4%;top:44%;height:18px;border-radius:50%;background:rgba(58,22,10,.28)}
.td-rim{position:absolute;left:14px;top:12px;width:312px;height:58px;border-radius:50%;background:#5A2A12}
.td-curry{position:absolute;left:30px;top:20px;width:280px;height:40px;border-radius:50%;background:radial-gradient(ellipse at 45% 40%,#F08A44,#C8461E 70%);overflow:hidden}
.td-curry::before{content:"";position:absolute;left:96px;top:12px;width:70px;height:12px;border-radius:50%;border:3px solid rgba(255,243,214,.85);border-top-color:transparent}
.td-curry::after{content:"";position:absolute;inset:0;background:radial-gradient(circle,#3F8A4A 2.5px,transparent 3px) 0 0/34px 18px}
.td-steam{position:absolute;left:96px;top:-150px;width:150px;height:170px;overflow:visible}
.td-steam path{fill:none;stroke:rgba(255,243,214,.9);stroke-width:7;stroke-linecap:round;animation:tdSteam 3.4s ease-in-out infinite;transform-box:fill-box;transform-origin:50% 100%}
.td-steam path:nth-child(2){animation-delay:-1.1s}
.td-steam path:nth-child(3){animation-delay:-2.2s}
@keyframes tdSteam{0%{transform:translateY(30px) scaleY(.6);opacity:0}35%{opacity:.9}100%{transform:translateY(-40px) scaleY(1.1);opacity:0}}
.td-sp{position:absolute;animation:tdBob 4s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes tdBob{to{transform:translateY(-16px) rotate(14deg)}}
.td-anise{width:52px;height:52px;background:var(--maroon);clip-path:polygon(50% 0,60% 35%,100% 50%,60% 65%,50% 100%,40% 65%,0 50%,40% 35%)}
.td-chilli{width:96px;height:24px;border-radius:50% 70% 70% 50%/50% 60% 60% 50%;background:var(--chilli);box-shadow:inset -10px -4px 0 rgba(90,20,36,.25)}
.td-chilli::before{content:"";position:absolute;left:-14px;top:6px;width:18px;height:8px;border-radius:4px;background:var(--leaf)}
.td-card{width:28px;height:42px;border-radius:50%;background:#7FA25A;box-shadow:inset -5px -3px 0 rgba(46,107,59,.45)}
.td-cin{width:86px;height:22px;border-radius:11px;background:#8A4B23;box-shadow:inset 0 -6px 0 rgba(58,22,10,.3)}
.td-badge{position:absolute;right:44px;top:118px;z-index:4;width:156px;height:156px;animation:msSpin 16s linear infinite}
.td-badge circle{fill:var(--maroon)}
.td-badge text{font:600 14px "Geist",sans-serif;letter-spacing:.2em;fill:var(--cream)}
.td-badge .c{font:400 34px "Shrikhand",serif;letter-spacing:0;fill:var(--tur)}
.td-band{position:absolute;left:0;right:0;bottom:0;z-index:5;height:70px;display:flex;align-items:center;overflow:hidden;background:var(--maroon);color:var(--cream)}
.td-track{display:flex;align-items:center;width:max-content;animation:msMarq 26s linear infinite}
.td-track span{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-family:"Shrikhand",serif;font-size:29px;white-space:nowrap}
.td-track b{display:inline-block;width:12px;height:12px;background:var(--tur);transform:rotate(45deg)}
.td-menu{padding:96px 60px 40px;background:var(--cream)}
.td-menu h2{font-family:"Shrikhand",serif;font-weight:400;font-size:60px;line-height:1}
.td-tabs{display:flex;gap:8px;margin-top:30px}
.td-tabs button{height:44px;padding:0 20px;border-radius:99px;border:2px solid var(--maroon);background:transparent;font-weight:600}
.td-tabs button[aria-selected="true"]{background:var(--maroon);color:var(--cream)}
.td-grid{display:grid;grid-template-columns:1fr 360px;gap:48px;margin-top:34px;align-items:start}
.td-list li{display:flex;flex-direction:column;gap:2px;padding:14px 0;border-bottom:1px dashed rgba(90,20,36,.25)}
.td-item{display:flex;align-items:baseline;gap:12px;font-size:20px;font-weight:600}
.td-item::after{content:"";flex:1;order:2;border-bottom:2px dotted rgba(90,20,36,.4);transform:translateY(-5px)}
.td-item em{order:3;font-style:normal;font-variant-numeric:tabular-nums}
.td-list small{font-size:14px;opacity:.75}
.td-side{padding:28px;border-radius:24px;background:var(--maroon);color:var(--cream)}
.td-side h3{font-family:"Shrikhand",serif;font-weight:400;font-size:30px;line-height:1.1}
.td-side p{margin-top:10px;opacity:.85}
.td-side button{margin-top:20px;height:48px;padding:0 22px;border:0;border-radius:99px;background:var(--tur);color:var(--maroon);font-weight:700}
.td-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:2px solid var(--maroon);font-size:14px;font-weight:500}
@container ms (max-width:600px){
  .td-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:70px}
  .td-nav{height:68px;padding:0 20px}
  .td-logo{font-size:26px}
  .td-links{display:none}
  .td-book{margin-left:auto;height:40px;padding:0 16px;font-size:13px}
  .td-copy{position:relative;left:auto;top:auto;width:auto;padding:10px 20px 0}
  .td-copy h1{font-size:46px}
  .td-sub{font-size:16px}
  .td-ctas button{height:50px;padding:0 18px;font-size:15px}
  .td-scene{position:relative;left:auto;top:auto;align-self:center;margin-top:-40px;zoom:.6}
  .td-badge{right:16px;top:auto;bottom:90px;width:96px;height:96px}
  .td-menu{padding:64px 20px 32px}
  .td-menu h2{font-size:42px}
  .td-grid{grid-template-columns:1fr;gap:28px}
  .td-item{font-size:17px}
  .td-foot{flex-direction:column;gap:6px}
}

/* ---------- Pulse · Rep House · fitness studio ---------- */
.ms--pulse{--conc:#D9D8D3;--ink:#111111;--volt:#E4FF3C;--paper:#F4F4F0;--grey:#8E8D88;background:var(--paper);color:var(--ink)}
.pl-hero{position:relative;height:var(--dh);overflow:hidden;background-color:var(--conc);background-image:radial-gradient(rgba(17,17,17,.07) 1px,transparent 1.2px),radial-gradient(rgba(255,255,255,.4) 1px,transparent 1.2px);background-size:7px 7px,11px 11px;background-position:0 0,3px 5px}
.pl-nav{position:relative;z-index:5;display:flex;align-items:center;gap:36px;height:84px;padding:0 48px}
.pl-logo{font-family:"Anton",sans-serif;font-size:30px;letter-spacing:.04em;line-height:1}
.pl-links{display:flex;gap:28px;margin-left:auto;font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
.pl-nav button{height:46px;padding:0 20px;border:0;background:var(--ink);color:var(--volt);font-family:"Anton",sans-serif;font-size:17px;letter-spacing:.05em;text-transform:uppercase}
.pl-words{position:absolute;left:44px;top:112px;z-index:3;font-family:"Anton",sans-serif;font-size:196px;line-height:.86;text-transform:uppercase;letter-spacing:-.005em}
.pl-words span{position:relative;display:block;width:max-content;padding:0 12px;transform-origin:0 50%;animation:plStretch 4.5s cubic-bezier(.7,0,.2,1) infinite;animation-delay:calc(var(--i) * 1.5s)}
.pl-words span::before{content:"";position:absolute;inset:6% 0 2%;z-index:-1;background:var(--volt);transform-origin:0 50%;transform:scaleX(0);animation:plHi 4.5s cubic-bezier(.7,0,.2,1) infinite;animation-delay:calc(var(--i) * 1.5s)}
@keyframes plHi{0%{transform:scaleX(0)}10%,30%{transform:scaleX(1);transform-origin:0 50%}31%{transform-origin:100% 50%}40%,100%{transform:scaleX(0);transform-origin:100% 50%}}
@keyframes plStretch{0%,40%,100%{transform:none}12%,28%{transform:scaleX(1.05)}}
.pl-row{position:absolute;left:56px;top:658px;z-index:3;display:flex;align-items:center;gap:22px}
.pl-cta{height:56px;padding:0 26px;border:0;background:var(--volt);color:var(--ink);font-family:"Anton",sans-serif;font-size:21px;letter-spacing:.04em;text-transform:uppercase;box-shadow:5px 5px 0 var(--ink)}
.pl-row p{max-width:300px;font-size:15px;line-height:1.4;font-weight:500}
.pl-card{position:absolute;right:48px;top:116px;z-index:3;width:440px;padding:26px;background:var(--ink);color:var(--paper)}
.pl-head{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--grey)}
.pl-live{display:inline-flex;align-items:center;gap:8px;color:var(--volt)}
.pl-live i{width:8px;height:8px;border-radius:50%;background:var(--volt);animation:plBlink 1s steps(2) infinite}
@keyframes plBlink{50%{opacity:.2}}
.pl-bpm{display:flex;align-items:flex-end;gap:14px;margin-top:18px}
.pl-bpm svg{width:44px;height:44px;margin-bottom:12px;fill:var(--volt);animation:plBeat .83s ease-in-out infinite}
@keyframes plBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.22)}30%{transform:scale(.96)}}
.pl-bpm b{font-family:"Anton",sans-serif;font-weight:400;font-size:88px;line-height:.9;font-variant-numeric:tabular-nums}
.pl-bpm span{margin-bottom:10px;font-family:"Anton",sans-serif;font-size:24px;color:var(--grey)}
.pl-who{margin-top:6px;font-size:14px;color:var(--grey)}
.pl-ecg{display:block;width:100%;height:84px;margin-top:10px}
.pl-ecg .base{fill:none;stroke:#2A2A2A;stroke-width:2}
.pl-ecg .beat{fill:none;stroke:var(--volt);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:.3 .7;animation:plEcg 2.4s linear infinite}
@keyframes plEcg{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.pl-list{margin-top:10px}
.pl-list li{display:grid;grid-template-columns:86px 1fr auto;align-items:center;gap:14px;padding:13px 0;border-top:1px solid #2A2A2A}
.pl-list b{font-family:"Anton",sans-serif;font-weight:400;font-size:24px}
.pl-list span{font-size:14px;line-height:1.3}
.pl-list span small{display:block;color:var(--grey);font-size:12.5px}
.pl-list em{font-style:normal;font-size:12.5px;font-weight:600;color:var(--volt);white-space:nowrap}
.pl-list em.full{color:var(--grey);text-decoration:line-through}
.pl-book{width:100%;height:54px;margin-top:14px;border:0;background:var(--volt);color:var(--ink);font-family:"Anton",sans-serif;font-size:21px;letter-spacing:.05em;text-transform:uppercase}
.pl-band{position:absolute;left:0;right:0;bottom:0;z-index:4;height:58px;display:flex;align-items:center;overflow:hidden;background:var(--ink);color:var(--volt)}
.pl-track{display:flex;width:max-content;animation:msMarq 20s linear infinite}
.pl-track span{padding-right:26px;font-family:"Anton",sans-serif;font-size:27px;letter-spacing:.04em;white-space:nowrap}
.pl-more{padding:96px 48px 40px;background:var(--paper)}
.pl-more h2{font-family:"Anton",sans-serif;font-weight:400;font-size:110px;line-height:.86;text-transform:uppercase}
.pl-classes{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:44px}
.pl-class{display:flex;flex-direction:column;gap:12px;padding:22px;border:2px solid var(--ink);transition:background .3s}
.pl-class:hover{background:var(--volt)}
.pl-class h3{font-family:"Anton",sans-serif;font-weight:400;font-size:34px;line-height:1;text-transform:uppercase}
.pl-class p{font-size:14.5px}
.pl-meter{display:flex;gap:4px}
.pl-meter i{width:22px;height:10px;background:#CFCFCA}
.pl-meter i.on{background:var(--ink)}
.pl-class small{font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#5E5D58}
.pl-price{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:40px;padding:28px 32px;background:var(--ink);color:var(--paper)}
.pl-price b{font-family:"Anton",sans-serif;font-weight:400;font-size:44px;line-height:1}
.pl-price b em{font-style:normal;color:var(--volt)}
.pl-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:2px solid var(--ink);font-size:13px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}
@container ms (max-width:600px){
  .pl-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:84px}
  .pl-nav{height:66px;padding:0 20px}
  .pl-logo{font-size:24px}
  .pl-links{display:none}
  .pl-nav button{margin-left:auto;height:38px;padding:0 12px;font-size:14px}
  .pl-words{position:relative;left:auto;top:auto;padding:10px 12px 0;font-size:98px}
  .pl-row{position:relative;left:auto;top:auto;flex-direction:column;align-items:flex-start;gap:12px;padding:20px 20px 0}
  .pl-card{position:relative;right:auto;top:auto;width:auto;margin:26px 20px 0;padding:20px}
  .pl-bpm b{font-size:70px}
  .pl-more{padding:64px 20px 32px}
  .pl-more h2{font-size:64px}
  .pl-classes{grid-template-columns:1fr 1fr;gap:10px}
  .pl-class{padding:16px}
  .pl-class h3{font-size:26px}
  .pl-price{flex-direction:column;align-items:flex-start;padding:22px}
  .pl-price b{font-size:34px}
  .pl-foot{flex-direction:column;gap:6px}
}

/* ---------- Fizz · chuski · beverage launch landing ---------- */
.ms--fizz{--pink:#FFA9B6;--pink2:#FF8FA1;--green:#0F4532;--mint:#BFF0D4;--sun:#FFD54A;background:var(--green);color:var(--green);font-family:"Unbounded",var(--text)}
.fz-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(circle at 50% 56%,#FFCCD4,var(--pink) 58%)}
.fz-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:86px;padding:0 64px}
.fz-logo{font-weight:800;font-size:31px;letter-spacing:-.04em}
.fz-links{display:flex;gap:28px;margin-left:auto;font-family:"Geist",sans-serif;font-weight:600;font-size:15px}
.fz-buy{height:46px;padding:0 22px;border:0;border-radius:99px;background:var(--green);color:var(--pink);font-weight:700;font-size:14px}
.fz-cart{width:24px;height:24px;fill:none;stroke:var(--green);stroke-width:2}
.fz-back{position:absolute;left:0;top:260px;z-index:1;display:flex;width:max-content;animation:msMarq 34s linear infinite}
.fz-back span{padding-right:60px;font-weight:900;font-size:300px;line-height:1;letter-spacing:-.04em;color:rgba(255,255,255,.42);white-space:nowrap}
.fz-copy{position:absolute;left:64px;top:182px;z-index:4;width:410px}
.fz-copy h1{font-weight:700;font-size:54px;line-height:1.02;letter-spacing:-.035em}
.fz-sub{margin-top:18px;font-family:"Geist",sans-serif;font-size:17px;max-width:330px}
.fz-facts{display:flex;gap:26px;margin-top:30px}
.fz-facts div{display:flex;flex-direction:column}
.fz-facts b{font-weight:800;font-size:38px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.fz-facts div > span{margin-top:4px;font-family:"Geist",sans-serif;font-size:12.5px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;opacity:.8}
.fz-stage{position:absolute;left:390px;top:100px;z-index:3;width:500px;height:640px}
.fz-can{position:absolute;left:155px;top:118px;width:190px;height:380px;animation:fzFloat 5.2s ease-in-out infinite}
@keyframes fzFloat{0%,100%{transform:rotate(-8deg) translateY(-10px)}50%{transform:rotate(-5deg) translateY(12px)}}
.fz-body{position:absolute;inset:0;border-radius:28px/20px;overflow:hidden;background:var(--pink2)}
.fz-strip{position:absolute;left:0;top:0;bottom:0;display:flex;width:760px;animation:fzTurn 6s linear infinite}
@keyframes fzTurn{to{transform:translateX(-380px)}}
.fz-seg{position:relative;width:380px;height:100%;flex:none;background:linear-gradient(180deg,#E9E9E9 0 18px,var(--pink2) 18px)}
.fz-seg::before{content:"";position:absolute;left:0;right:0;top:150px;height:120px;background:var(--green);clip-path:polygon(0 18%,25% 0,50% 18%,75% 0,100% 18%,100% 100%,0 100%)}
.fz-seg b{position:absolute;left:24px;top:182px;font-weight:800;font-size:42px;letter-spacing:-.04em;color:#fff}
.fz-seg i{position:absolute;left:230px;top:66px;width:70px;height:70px;border-radius:50%;background:radial-gradient(circle,#FF5D7C 0 44%,#FFC1CB 46% 60%,#9CCB5E 62%)}
.fz-seg small{position:absolute;left:24px;top:300px;font-family:"Geist",sans-serif;font-weight:700;font-size:10.5px;letter-spacing:.16em;color:var(--green)}
.fz-shade{position:absolute;inset:0;border-radius:28px/20px;background:linear-gradient(90deg,rgba(15,30,25,.32),rgba(255,255,255,.4) 20%,rgba(255,255,255,0) 38%,rgba(15,30,25,.06) 68%,rgba(15,30,25,.38))}
.fz-top{position:absolute;left:4px;top:-13px;width:182px;height:32px;border-radius:50%;background:linear-gradient(180deg,#F4F4F4,#B9B9B9);box-shadow:inset 0 -4px 0 #A9A9A9}
.fz-top::after{content:"";position:absolute;left:62px;top:7px;width:46px;height:14px;border-radius:8px;border:3px solid #9B9B9B}
.fz-cshadow{position:absolute;left:150px;top:520px;width:200px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(120,30,50,.35),transparent);animation:fzSh 5.2s ease-in-out infinite}
@keyframes fzSh{50%{transform:scale(.86);opacity:.7}}
.fz-g{position:absolute;width:var(--s);height:var(--s);border-radius:50%;background:radial-gradient(circle,#FF5D7C 0 44%,#FFC6CF 46% 60%,#F2E6A6 62% 70%,#7DB24F 72%);animation:fzBob var(--t,6s) ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.fz-g::after{content:"";position:absolute;left:50%;top:50%;width:4px;height:6px;margin:-3px 0 0 -2px;border-radius:50%;background:#FFF1D6;box-shadow:-12px -8px 0 #FFF1D6,10px -10px 0 #FFF1D6,-8px 10px 0 #FFF1D6,12px 8px 0 #FFF1D6,0 -16px 0 #FFF1D6,0 15px 0 #FFF1D6}
.fz-g.far{filter:blur(3px);opacity:.75}
.fz-leaf{position:absolute;width:44px;height:96px;border-radius:0 100% 0 100%;background:#3E8E4E;animation:fzBob 7s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
@keyframes fzBob{from{transform:translateY(0) rotate(var(--r,0deg))}to{transform:translateY(-22px) rotate(calc(var(--r,0deg) + 18deg))}}
.fz-bub{position:absolute;bottom:-30px;left:var(--x);width:var(--s);height:var(--s);border-radius:50%;border:2px solid rgba(255,255,255,.85);background:rgba(255,255,255,.18);animation:fzRise var(--t) linear infinite;animation-delay:var(--d)}
@keyframes fzRise{from{transform:translateY(0)}to{transform:translateY(-860px)}}
.fz-buybox{position:absolute;right:64px;top:210px;z-index:4;width:300px;padding:22px;border-radius:26px;background:#fff;box-shadow:0 30px 60px -30px rgba(120,30,50,.5)}
.fz-buybox p{font-family:"Geist",sans-serif;font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.7}
.fz-price{display:flex;align-items:baseline;gap:10px;margin-top:6px}
.fz-price b{font-weight:700;font-size:42px;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.fz-price span{font-family:"Geist",sans-serif;font-size:14px;opacity:.7}
.fz-qty{display:flex;align-items:center;justify-content:space-between;height:52px;margin-top:16px;padding:0 6px;border-radius:99px;background:#F6EDEE}
.fz-qty button{width:40px;height:40px;border:0;border-radius:50%;background:#fff;font-size:20px;font-weight:700;line-height:1}
.fz-qty output{font-family:"Geist",sans-serif;font-weight:700;font-size:15px}
.fz-addw{margin-top:12px}
.fz-add{width:100%;height:56px;border:0;border-radius:99px;background:var(--green);color:#fff;font-weight:700;font-size:16px;transition:transform .3s cubic-bezier(.3,1.5,.5,1),background .3s}
.fz-add.is-done{background:#1F7A55}
.fz-note{margin-top:12px;text-align:center;font-family:"Geist",sans-serif;font-size:12.5px;opacity:.7}
.fz-band{position:absolute;left:0;right:0;bottom:0;z-index:5;height:64px;display:flex;align-items:center;overflow:hidden;background:var(--green);color:var(--pink)}
.fz-track{display:flex;width:max-content;animation:msMarq 24s linear infinite}
.fz-track span{display:inline-flex;align-items:center;gap:22px;padding-right:22px;font-weight:700;font-size:22px;white-space:nowrap}
.fz-track i{width:12px;height:12px;border-radius:50%;background:var(--sun)}
.fz-more{padding:96px 64px 40px;background:var(--green);color:#FFE8EC}
.fz-more h2{font-weight:700;font-size:62px;line-height:1;letter-spacing:-.04em}
.fz-flavs{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.fz-flav{display:flex;flex-direction:column;align-items:center;gap:8px;padding:30px 20px 26px;border-radius:28px;background:#155A42;transition:transform .4s cubic-bezier(.3,1.5,.5,1)}
.fz-flav:hover{transform:translateY(-8px)}
.fz-mini{position:relative;width:96px;height:190px;margin-bottom:14px;border-radius:16px/12px;background:linear-gradient(90deg,rgba(0,0,0,.3),rgba(255,255,255,.35) 22%,rgba(255,255,255,0) 40%,rgba(0,0,0,.35)),linear-gradient(180deg,#E9E9E9 0 10px,var(--c) 10px 60%,#0F4532 60% 78%,var(--c) 78%)}
.fz-flav b{font-weight:700;font-size:24px}
.fz-flav span{font-family:"Geist",sans-serif;font-size:15px;opacity:.8}
.fz-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:1px solid #2A6A52;font-family:"Geist",sans-serif;font-size:14px;opacity:.85}
@container ms (max-width:600px){
  .fz-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:80px}
  .fz-nav{height:66px;padding:0 20px;gap:14px}
  .fz-logo{font-size:24px}
  .fz-links{display:none}
  .fz-buy{margin-left:auto;height:40px;padding:0 16px;font-size:13px}
  .fz-back{top:330px}
  .fz-back span{font-size:180px}
  .fz-copy{position:relative;left:auto;top:auto;width:auto;padding:12px 20px 0}
  .fz-copy h1{font-size:38px}
  .fz-sub{font-size:15px}
  .fz-facts{gap:20px;margin-top:20px}
  .fz-facts b{font-size:30px}
  .fz-stage{position:relative;left:auto;top:auto;align-self:center;margin:-60px 0 -70px;zoom:.66}
  .fz-buybox{position:relative;right:auto;top:auto;width:auto;margin:0 20px}
  .fz-more{padding:64px 20px 32px}
  .fz-more h2{font-size:40px}
  .fz-flavs{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .fz-foot{flex-direction:column;gap:6px}
}

/* ---------- Marigold · Phoolwari Weddings · lead-gen landing ---------- */
.ms--mari{--em:#0F2E27;--ivory:#F6EFE0;--mari:#F4A42C;--mari2:#E07B12;--rose:#E2687A;--muted:#B9C7BF;background:var(--ivory);color:var(--ivory)}
.mg-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(circle at 76% 62%,#1B4C40,var(--em) 62%)}
.mg-petals{position:absolute;left:0;top:0;z-index:1;width:100%;height:800px;pointer-events:none}
.mg-nav{position:relative;z-index:5;display:flex;align-items:center;gap:36px;height:86px;padding:0 72px;border-bottom:1px solid rgba(246,239,224,.14)}
.mg-logo{font-family:"Cormorant Garamond",serif;font-style:italic;font-weight:600;font-size:34px;line-height:1}
.mg-links{display:flex;gap:30px;margin-left:auto;font-size:15px;color:var(--muted)}
.mg-nav button{height:44px;padding:0 22px;border:0;border-radius:4px;background:var(--mari);color:var(--em);font-weight:600;font-size:14px}
.mg-toran{position:absolute;left:0;right:0;top:86px;z-index:2;height:0}
.mg-toran::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:repeating-linear-gradient(90deg,var(--mari) 0 14px,var(--mari2) 14px 28px)}
.mg-str{position:absolute;top:0;display:flex;flex-direction:column;align-items:center;transform-origin:50% 0;animation:mgSway var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes mgSway{from{transform:rotate(-3.5deg)}to{transform:rotate(3.5deg)}}
.mg-str i{display:block;width:24px;height:22px;margin-top:-2px;border-radius:50%;background:radial-gradient(circle at 40% 38%,#FFC65A,var(--mari) 48%,var(--mari2))}
.mg-str i.r{background:radial-gradient(circle at 40% 38%,#F7A1AC,var(--rose) 55%,#B8475A)}
.mg-str b{display:block;width:14px;height:24px;margin-top:-2px;border-radius:0 100% 0 100%;background:#3F7A4A}
.mg-copy{position:absolute;left:72px;top:290px;z-index:3;width:620px}
.mg-eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--mari)}
.mg-copy h1{margin-top:16px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:84px;line-height:.98;letter-spacing:-.01em}
.mg-copy h1 em{color:var(--mari)}
.mg-sub{margin-top:18px;max-width:470px;font-size:17px;color:var(--muted)}
.mg-stats{display:flex;gap:44px;margin-top:34px}
.mg-stats div{display:flex;flex-direction:column;gap:2px}
.mg-stats b{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:46px;line-height:1;font-variant-numeric:tabular-nums}
.mg-stats div > span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.mg-diyas{position:absolute;left:72px;bottom:40px;z-index:3;display:flex;gap:46px}
.mg-diya{position:relative;width:46px;height:20px;border-radius:0 0 26px 26px;background:linear-gradient(180deg,#C46A2A,#8E4316)}
.mg-diya::before{content:"";position:absolute;left:19px;top:-26px;width:10px;height:26px;border-radius:50% 50% 50% 50%/70% 70% 30% 30%;background:radial-gradient(ellipse at 50% 80%,#FFF4C8,#FFC14A 45%,#F07A12 80%);box-shadow:0 0 20px 6px rgba(255,180,70,.35);transform-origin:50% 100%;animation:mgFlick 1.3s ease-in-out infinite alternate}
.mg-diya:nth-child(2)::before{animation-duration:1.7s}.mg-diya:nth-child(3)::before{animation-duration:1.1s}.mg-diya:nth-child(4)::before{animation-duration:1.5s}
@keyframes mgFlick{0%{transform:scale(1,1) rotate(-2deg)}50%{transform:scale(.9,1.12) rotate(2deg)}100%{transform:scale(1.05,.94) rotate(-1deg)}}
.mg-form{position:absolute;right:72px;top:236px;z-index:4;width:410px;padding:28px;border-radius:4px;background:var(--ivory);color:var(--em);outline:1px solid rgba(244,164,44,.7);outline-offset:-10px}
.mg-form h3{font-family:"Cormorant Garamond",serif;font-weight:600;font-size:33px;line-height:1.05}
.mg-form > p{margin-top:8px;font-size:14px;color:#4F6A61}
.mg-field{display:flex;flex-direction:column;gap:8px;margin-top:18px}
.mg-field > span{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:#4F6A61}
.mg-field select{height:46px;padding:0 12px;border-radius:4px;border:1px solid rgba(15,46,39,.25);background:#fff;color:var(--em)}
.mg-range{display:flex;align-items:center;gap:14px}
.mg-range input{flex:1;accent-color:var(--em)}
.mg-range output{min-width:92px;text-align:right;font-weight:600;font-variant-numeric:tabular-nums}
.mg-cities{display:flex;gap:8px}
.mg-cities button{flex:1;height:42px;border-radius:4px;border:1px solid rgba(15,46,39,.25);background:#fff;font-size:14px}
.mg-cities button[aria-pressed="true"]{background:var(--em);border-color:var(--em);color:var(--ivory)}
.mg-form button[type="submit"]{width:100%;height:54px;margin-top:22px;border:0;border-radius:4px;background:var(--em);color:var(--ivory);font-weight:600;font-size:16px}
.mg-form.is-done button[type="submit"]{background:var(--mari2)}
.mg-more{padding:100px 72px 40px;background:var(--ivory);color:var(--em)}
.mg-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:#A05A10}
.mg-more h2{margin-top:12px;font-family:"Cormorant Garamond",serif;font-weight:500;font-size:68px;line-height:1}
.mg-steps{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-top:52px}
.mg-steps::before{content:"";position:absolute;left:0;right:0;top:27px;height:2px;background:var(--mari);transform-origin:left}
@supports (animation-timeline:view()){.mg-steps::before{animation:ruleIn linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}
.mg-step{position:relative}
.mg-step b{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--em);color:var(--ivory);font-family:"Cormorant Garamond",serif;font-size:28px;font-weight:600}
.mg-step h3{margin-top:18px;font-family:"Cormorant Garamond",serif;font-weight:600;font-size:28px;line-height:1.1}
.mg-step p{margin-top:8px;font-size:15px;color:#4F6A61}
.mg-gal{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:64px}
.mg-ph{display:flex;align-items:flex-end;height:300px;padding:22px;border-radius:150px 150px 4px 4px;background:var(--g);color:var(--ivory);font-family:"Cormorant Garamond",serif;font-style:italic;font-size:24px}
.mg-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:1px solid #D8CDB6;font-size:14px;color:#4F6A61}
@container ms (max-width:600px){
  .mg-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:110px}
  .mg-petals{height:1300px}
  .mg-nav{height:66px;padding:0 20px}
  .mg-logo{font-size:27px}
  .mg-links{display:none}
  .mg-nav button{margin-left:auto;height:38px;padding:0 14px;font-size:13px}
  .mg-toran{top:66px}
  .mg-copy{position:relative;left:auto;top:auto;width:auto;padding:150px 20px 0}
  .mg-copy h1{font-size:50px}
  .mg-sub{font-size:16px}
  .mg-stats{gap:26px}
  .mg-stats b{font-size:36px}
  .mg-form{position:relative;right:auto;top:auto;width:auto;margin:30px 20px 0;padding:24px}
  .mg-diyas{left:20px;gap:34px}
  .mg-more{padding:64px 20px 32px}
  .mg-more h2{font-size:44px}
  .mg-steps{grid-template-columns:1fr;gap:26px}
  .mg-steps::before{display:none}
  .mg-gal{grid-template-columns:1fr;margin-top:40px}
  .mg-ph{height:200px}
  .mg-foot{flex-direction:column;gap:6px}
}

/* ---------- Rings · TAAL Watch 2 · smartwatch pre-order landing ---------- */
.ms--rings{--g0:#0E1013;--line:#262A31;--txt:#F2F3F5;--mut:#8A9099;--amber:#FFB547;--rose:#FF6B8B;--aqua:#3EE0C0;--strap:#2B2F36;background:var(--g0);color:var(--txt)}
.rg-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(circle at 69% 54%,#1D222B,var(--g0) 52%);background-color:var(--g0)}
.rg-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 69% 54%,#000,transparent 70%);-webkit-mask-image:radial-gradient(circle at 69% 54%,#000,transparent 70%)}
.rg-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px}
.rg-logo{font-family:"Rajdhani",sans-serif;font-weight:700;font-size:30px;letter-spacing:.26em}
.rg-links{display:flex;gap:28px;margin-left:auto;font-size:14px;color:var(--mut)}
.rg-nav button{height:42px;padding:0 20px;border:0;border-radius:99px;background:var(--txt);color:var(--g0);font-weight:600;font-size:14px}
.rg-copy{position:absolute;left:64px;top:176px;z-index:4;width:520px}
.rg-eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua)}
.rg-copy h1{margin-top:16px;font-family:"Rajdhani",sans-serif;font-weight:700;font-size:84px;line-height:.92;letter-spacing:-.01em}
.rg-sub{margin-top:18px;max-width:440px;font-size:17px;color:var(--mut)}
.rg-ctas{display:flex;align-items:center;gap:18px;margin-top:30px}
.rg-pre{height:56px;padding:0 26px;border:0;border-radius:99px;background:var(--txt);color:var(--g0);font-weight:600;font-size:16px;transition:transform .3s cubic-bezier(.3,1.5,.5,1)}
.rg-film{display:inline-flex;align-items:center;gap:10px;padding:0;border:0;background:none;color:var(--txt);font-size:15px}
.rg-film i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid #3A3F48}
.rg-film i::after{content:"";width:0;height:0;margin-left:3px;border-left:11px solid var(--txt);border-block:7px solid transparent}
.rg-straps{display:flex;align-items:center;gap:14px;margin-top:34px;font-size:14px;color:var(--mut)}
.rg-straps button{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--c);box-shadow:inset 0 0 0 3px var(--g0)}
.rg-straps button[aria-pressed="true"]{border-color:var(--txt)}
.rg-straps b{color:var(--txt);font-weight:600}
.rg-specs{position:absolute;left:64px;right:64px;bottom:36px;z-index:4;display:flex;gap:40px;padding-top:20px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.rg-specs b{color:var(--txt);font-family:"Rajdhani",sans-serif;font-weight:600;font-size:22px;margin-right:6px}
.rg-stage{position:absolute;left:600px;top:84px;z-index:3;width:560px;height:620px}
.rg-glow{position:absolute;left:50%;top:50%;width:520px;height:520px;margin:-260px;border-radius:50%;background:radial-gradient(closest-side,rgba(62,224,192,.16),transparent);animation:rgBreathe 2.6s ease-in-out infinite}
@keyframes rgBreathe{50%{transform:scale(1.08);opacity:.7}}
.rg-watch{position:absolute;left:155px;top:162px;width:250px;height:296px}
.rg-strap{position:absolute;left:41px;width:168px;height:190px;background:var(--strap);transition:background-color .6s}
.rg-strap::after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,rgba(255,255,255,.04) 0 2px,transparent 2px 9px)}
.rg-strap.t{bottom:270px;border-radius:30px 30px 0 0;-webkit-mask-image:linear-gradient(0deg,#000 50%,transparent);mask-image:linear-gradient(0deg,#000 50%,transparent)}
.rg-strap.b{top:270px;border-radius:0 0 30px 30px;-webkit-mask-image:linear-gradient(180deg,#000 50%,transparent);mask-image:linear-gradient(180deg,#000 50%,transparent)}
.rg-body{position:absolute;inset:0;border-radius:68px;background:linear-gradient(145deg,#4A505B,#16191E 42%,#2C3038 80%,#454B55);box-shadow:0 40px 70px -30px rgba(0,0,0,.8)}
.rg-crown{position:absolute;right:-9px;top:88px;width:14px;height:50px;border-radius:5px;background:linear-gradient(90deg,#2C3038,#5A616D)}
.rg-btn2{position:absolute;right:-6px;top:160px;width:10px;height:34px;border-radius:4px;background:#3A3F48}
.rg-screen{position:absolute;inset:12px;border-radius:56px;background:#040506;overflow:hidden;display:flex;flex-direction:column;align-items:center}
.rg-screen::after{content:"";position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,.08),transparent 40%)}
.rg-rings{width:168px;height:168px;margin-top:18px;transform:rotate(-90deg)}
.rg-rings circle{fill:none;stroke-width:15;stroke-linecap:round}
.rg-rings .tr{opacity:.2}
.rg-rings .pg{stroke-dasharray:100;stroke-dashoffset:var(--o);animation:rgFill 6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:var(--d)}
@keyframes rgFill{0%{stroke-dashoffset:100}40%,86%{stroke-dashoffset:var(--o)}100%{stroke-dashoffset:100}}
.rg-time{margin-top:6px;font-family:"Rajdhani",sans-serif;font-weight:600;font-size:38px;line-height:1;font-variant-numeric:tabular-nums}
.rg-mini{display:flex;align-items:center;gap:6px;margin-top:4px;font-size:12px;color:var(--mut)}
.rg-mini svg{width:12px;height:12px;fill:var(--rose);animation:rgBeat .85s ease-in-out infinite}
@keyframes rgBeat{15%{transform:scale(1.3)}30%{transform:scale(.95)}}
.rg-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.rg-lines path{fill:none;stroke:#3A3F48;stroke-width:1.5;stroke-dasharray:1;animation:rgLine 1s .9s cubic-bezier(.2,.8,.2,1) both}
@keyframes rgLine{from{stroke-dashoffset:1}}
.rg-chip{position:absolute;display:flex;flex-direction:column;gap:2px;padding:12px 16px;border-radius:14px;background:rgba(23,26,31,.86);border:1px solid #2A2F37;animation:rgPop .6s cubic-bezier(.3,1.5,.5,1) both;animation-delay:var(--d)}
@keyframes rgPop{from{transform:scale(.7);opacity:0}}
.rg-chip > span{display:flex;align-items:center;gap:7px;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut)}
.rg-chip > span::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c)}
.rg-chip b{font-family:"Rajdhani",sans-serif;font-weight:600;font-size:30px;line-height:1.05;font-variant-numeric:tabular-nums}
.rg-chip small{font-size:15px;color:var(--mut);font-family:"Geist",sans-serif;font-weight:500}
.rg-more{padding:100px 64px 40px;background:#121418}
.rg-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--aqua)}
.rg-more h2{margin-top:12px;font-family:"Rajdhani",sans-serif;font-weight:700;font-size:66px;line-height:.95}
.rg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px}
.rg-card{display:flex;flex-direction:column;gap:10px;padding:24px;border-radius:22px;background:#191C21;border:1px solid var(--line)}
.rg-card h3{font-family:"Rajdhani",sans-serif;font-weight:600;font-size:26px}
.rg-card p{font-size:14.5px;color:var(--mut)}
.rg-bars{display:flex;align-items:flex-end;gap:8px;height:110px;margin-top:8px}
.rg-bars i{flex:1;height:var(--h);border-radius:6px 6px 2px 2px;background:var(--c)}
.rg-hr{width:100%;height:110px;margin-top:8px}
.rg-hr path{fill:none;stroke:var(--rose);stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.rg-big{margin-top:8px;font-family:"Rajdhani",sans-serif;font-weight:700;font-size:72px;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}
.rg-order{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:40px;padding:28px 32px;border-radius:22px;background:linear-gradient(120deg,#16302B,#191C21 60%);border:1px solid var(--line)}
.rg-order b{display:block;font-family:"Rajdhani",sans-serif;font-weight:700;font-size:38px;line-height:1}
.rg-order span{font-size:15px;color:var(--mut)}
.rg-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:22px;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
@container ms (max-width:600px){
  .rg-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:30px}
  .rg-nav{height:66px;padding:0 20px}
  .rg-logo{font-size:24px}
  .rg-links{display:none}
  .rg-nav button{margin-left:auto;height:38px;padding:0 16px;font-size:13px}
  .rg-copy{display:contents}
  .rg-eyebrow{order:1;padding:12px 20px 0}
  .rg-copy h1{order:2;margin:12px 20px 0;font-size:52px}
  .rg-sub{order:3;margin:14px 20px 0;font-size:16px}
  .rg-stage{order:4;position:relative;left:auto;top:auto;align-self:center;margin:-30px 0 -40px;zoom:.62}
  .rg-ctas{order:5;margin:0 20px;flex-wrap:wrap}
  .rg-straps{order:6;margin:24px 20px 0}
  .rg-specs{order:7;position:relative;left:auto;right:auto;bottom:auto;flex-wrap:wrap;gap:12px 24px;margin:28px 20px 0}
  .rg-more{padding:64px 20px 32px}
  .rg-more h2{font-size:44px}
  .rg-cards{grid-template-columns:1fr}
  .rg-order{flex-direction:column;align-items:flex-start}
  .rg-foot{flex-direction:column;gap:6px}
}

/* ---------- Glow · saar. · skincare serum pre-launch ---------- */
.ms--glow{--sand:#F3E6DC;--milk:#FFF8F2;--cocoa:#3B201A;--clay:#6E4A3F;--saffron:#E39A2D;--amber:#C9741F;background:var(--milk);color:var(--cocoa)}
.gw-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(70% 90% at 74% 58%,#F9DCC8 0%,var(--sand) 55%,#EBD8CB 100%)}
.gw-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px}
.gw-logo{font-family:"Fraunces",serif;font-style:italic;font-weight:600;font-size:32px;letter-spacing:-.02em}
.gw-logo i,.gw-label b i{font-style:normal;color:var(--saffron)}
.gw-links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--clay)}
.gw-navbtn{height:44px;padding:0 22px;border:0;border-radius:99px;background:var(--cocoa);color:var(--milk);font-weight:600;font-size:14px}
.gw-copy{position:absolute;left:64px;top:140px;z-index:4;width:560px}
.gw-eyebrow{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:99px;background:rgba(255,248,242,.72);border:1px solid rgba(59,32,26,.12);font-size:13px;font-weight:600}
.gw-eyebrow i{width:8px;height:8px;border-radius:50%;background:var(--saffron);box-shadow:0 0 0 4px rgba(227,154,45,.22)}
.gw-copy h1{margin-top:22px;font-family:"Fraunces",serif;font-weight:400;font-size:86px;line-height:.94;letter-spacing:-.035em}
.gw-copy h1 em{font-weight:300;color:var(--amber)}
.gw-sub{margin-top:20px;max-width:450px;font-size:18px;color:var(--clay)}
.gw-form{width:500px;margin-top:26px}
.gw-types{display:flex;flex-wrap:wrap;gap:8px}
.gw-types button{height:36px;padding:0 16px;border-radius:99px;border:1px solid rgba(59,32,26,.2);background:rgba(255,248,242,.6);font-size:14px;font-weight:500;transition:background-color .25s,color .25s,border-color .25s}
.gw-types button[aria-pressed="true"]{background:var(--cocoa);border-color:var(--cocoa);color:var(--milk)}
.gw-field{display:flex;height:58px;margin-top:12px;padding:5px;border-radius:99px;background:var(--milk);border:1px solid rgba(59,32,26,.14);box-shadow:0 18px 40px -24px rgba(59,32,26,.45)}
.gw-field input{flex:1;min-width:0;padding:0 20px;border:0;background:transparent;font-size:16px;color:var(--cocoa);outline:none}
.gw-field input::placeholder{color:#A08378}
.gw-field button{padding:0 22px;border:0;border-radius:99px;background:var(--saffron);color:var(--cocoa);font-weight:700;font-size:15px;white-space:nowrap;transition:background-color .3s,color .3s}
.gw-form.is-done .gw-field button{background:var(--cocoa);color:var(--milk)}
.gw-batch{width:500px;margin-top:22px}
.gw-batch p{display:flex;justify-content:space-between;font-size:13px;font-weight:600;color:var(--clay)}
.gw-batch b{color:var(--cocoa);font-variant-numeric:tabular-nums}
.gw-bar{position:relative;display:block;height:6px;margin-top:8px;border-radius:9px;background:rgba(59,32,26,.12);overflow:hidden}
.gw-bar::after{content:"";position:absolute;inset:0;border-radius:9px;background:linear-gradient(90deg,var(--saffron),var(--amber));transform-origin:left;transform:scaleX(var(--p,.72));transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.gw-stage{position:absolute;left:660px;top:84px;z-index:2;width:560px;height:716px}
.gw-sun{position:absolute;left:120px;top:60px;width:320px;height:320px;border-radius:50%;background:radial-gradient(circle at 42% 38%,#FFDDA8,var(--saffron) 62%,var(--amber));box-shadow:0 0 120px 40px rgba(227,154,45,.32);animation:gwSun 7s ease-in-out infinite alternate}
@keyframes gwSun{to{transform:scale(1.07)}}
.gw-arch{position:absolute;left:90px;top:190px;width:380px;height:526px;border-radius:190px 190px 0 0;background:linear-gradient(180deg,rgba(255,248,242,.5),rgba(255,248,242,.88) 60%);border:1px solid rgba(255,255,255,.75)}
.gw-shadow{position:absolute;left:170px;top:580px;width:220px;height:30px;border-radius:50%;background:radial-gradient(closest-side,rgba(59,32,26,.3),transparent)}
.gw-bottle{position:absolute;left:200px;top:342px;z-index:3;width:160px;height:250px}
.gw-dropper{position:absolute;left:64px;top:-220px;z-index:4;width:32px;height:154px;animation:gwLift 5.6s ease-in-out infinite}
@keyframes gwLift{50%{transform:translateY(-8px)}}
.gw-bulb{position:absolute;left:0;top:0;width:32px;height:58px;border-radius:16px 16px 6px 6px;background:linear-gradient(90deg,#2A1611,#5A3329 45%,#2A1611)}
.gw-pipe{position:absolute;left:10px;top:58px;width:12px;height:96px;border-radius:0 0 6px 6px;background:linear-gradient(90deg,rgba(255,255,255,.75),rgba(255,255,255,.25) 50%,rgba(255,255,255,.65));border:1px solid rgba(255,255,255,.85);overflow:hidden}
.gw-pipe::after{content:"";position:absolute;left:0;right:0;bottom:0;height:42%;background:var(--saffron)}
.gw-drop{position:absolute;left:73px;top:-66px;z-index:1;width:14px;height:18px;border-radius:50% 50% 50% 50%/60% 60% 40% 40%;background:radial-gradient(circle at 35% 30%,#FFE3B0,var(--saffron) 55%,#B9661A);opacity:0;animation:gwDrop 2.8s cubic-bezier(.55,0,1,.45) infinite}
@keyframes gwDrop{0%{transform:translateY(0) scale(.3);opacity:0}16%{transform:translateY(0) scale(1);opacity:1}60%{transform:translateY(166px) scale(.9,1.15);opacity:1}62%,100%{transform:translateY(170px) scale(.2);opacity:0}}
.gw-neck{position:absolute;left:50px;top:34px;z-index:3;width:60px;height:22px;border-radius:5px 5px 0 0;background:linear-gradient(90deg,#2A1611,#5A3329 45%,#2A1611)}
.gw-glass{position:absolute;left:0;bottom:0;z-index:2;width:160px;height:196px;border-radius:28px 28px 32px 32px;background:linear-gradient(90deg,rgba(255,255,255,.6),rgba(255,255,255,.14) 28%,rgba(255,255,255,.06) 64%,rgba(255,255,255,.45));border:1.5px solid rgba(255,255,255,.8);overflow:hidden;box-shadow:inset 0 0 30px rgba(201,116,31,.25),0 34px 50px -22px rgba(59,32,26,.5)}
.gw-liquid{position:absolute;left:0;right:0;bottom:0;height:74%;background:linear-gradient(180deg,#F2B35A,#D9852A 55%,#B9661A)}
.gw-wave{position:absolute;left:0;top:-9px;width:320px;height:18px;animation:gwWave 3.4s linear infinite}
.gw-wave path{fill:#F2B35A}
@keyframes gwWave{to{transform:translateX(-160px)}}
.gw-ripple{position:absolute;left:50%;top:-5px;width:56px;height:10px;margin-left:-28px;border-radius:50%;border:2px solid rgba(255,236,200,.95);opacity:0;animation:gwRipple 2.8s ease-out infinite}
@keyframes gwRipple{0%,60%{transform:scale(.2);opacity:0}64%{opacity:1}100%{transform:scale(2.4);opacity:0}}
.gw-label{position:absolute;left:22px;right:22px;top:58px;bottom:30px;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border-radius:10px;background:rgba(255,248,242,.94);text-align:center}
.gw-label b{font-family:"Fraunces",serif;font-style:italic;font-weight:600;font-size:30px;line-height:1}
.gw-label span{font-size:8.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase}
.gw-label small{font-size:9px;color:var(--clay)}
.gw-chip{position:absolute;z-index:5;display:flex;align-items:center;gap:10px;padding:10px 16px 10px 10px;border-radius:18px;background:rgba(255,248,242,.9);border:1px solid #fff;box-shadow:0 18px 36px -20px rgba(59,32,26,.5);font-size:12.5px;line-height:1.25;color:var(--clay);animation:gwFloat 6s ease-in-out infinite alternate;animation-delay:var(--d,0s)}
.gw-chip i{flex:none;width:34px;height:34px;border-radius:50%;background:var(--c)}
.gw-chip b{display:block;font-family:"Fraunces",serif;font-weight:600;font-size:19px;color:var(--cocoa)}
@keyframes gwFloat{to{transform:translateY(-14px)}}
.gw-thread{position:absolute;z-index:4;width:30px;height:3px;border-radius:3px;background:linear-gradient(90deg,#B83A14,#E0662B);opacity:.85;transform:rotate(var(--r));animation:gwThread var(--t) ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes gwThread{to{transform:translate(18px,-28px) rotate(calc(var(--r) + 50deg))}}
.gw-more{padding:100px 64px 40px;background:var(--milk)}
.gw-k{font-size:13px;font-weight:600;letter-spacing:.2em;text-transform:uppercase;color:var(--amber)}
.gw-more h2{margin-top:14px;max-width:760px;font-family:"Fraunces",serif;font-weight:400;font-size:62px;line-height:1;letter-spacing:-.025em}
.gw-ings{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:52px}
.gw-ing{display:flex;flex-direction:column;gap:10px;padding:28px;border-radius:28px;background:var(--sand)}
.gw-ing b{font-family:"Fraunces",serif;font-weight:300;font-size:64px;line-height:1;color:var(--amber);font-variant-numeric:tabular-nums}
.gw-ing h3{font-family:"Fraunces",serif;font-weight:600;font-size:26px}
.gw-ing p{font-size:15px;color:var(--clay)}
.gw-steps{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.gw-steps span{display:inline-flex;align-items:center;gap:12px;height:52px;padding:0 20px 0 7px;border-radius:99px;border:1px solid rgba(59,32,26,.16);font-size:15px}
.gw-steps b{display:grid;place-items:center;min-width:52px;height:38px;padding:0 10px;border-radius:99px;background:var(--cocoa);color:var(--milk);font-size:13px}
.gw-foot{display:flex;justify-content:space-between;margin-top:64px;padding-top:22px;border-top:1px solid rgba(59,32,26,.16);font-size:14px;color:var(--clay)}
@container ms (max-width:600px){
  .gw-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .gw-nav{height:66px;padding:0 20px}
  .gw-logo{font-size:26px}
  .gw-links{display:none}
  .gw-navbtn{margin-left:auto;height:38px;padding:0 16px;font-size:13px}
  .gw-copy{position:relative;left:auto;top:auto;width:auto;padding:8px 20px 0}
  .gw-copy h1{font-size:52px}
  .gw-sub{font-size:16px}
  .gw-form,.gw-batch{width:auto}
  .gw-field button{padding:0 14px;font-size:13px}
  .gw-stage{position:relative;left:auto;top:auto;align-self:center;margin:-40px 0 0;zoom:.62}
  .gw-more{padding:64px 20px 32px}
  .gw-more h2{font-size:40px}
  .gw-ings{grid-template-columns:1fr;gap:14px;margin-top:32px}
  .gw-foot{flex-direction:column;gap:6px}
}

/* ---------- Cohort · datashala · course batch pre-launch ---------- */
.ms--cohort{--paper:#FAF7EF;--ink:#1F2A44;--slate:#4A5570;--pink:#FFB3D1;--red:#D9472B;--pencil:#8B90A0;--note:#FFE58A;--rule:#E3E7EE;background:var(--paper);color:var(--ink);font-family:"Schibsted Grotesk",var(--text)}
.ch-hero{position:relative;height:var(--dh);overflow:hidden;background-color:var(--paper);background-image:linear-gradient(var(--rule) 1px,transparent 1px),linear-gradient(90deg,var(--rule) 1px,transparent 1px);background-size:32px 32px}
.ch-hero::before{content:"";position:absolute;left:44px;top:0;bottom:0;z-index:1;width:2px;background:rgba(217,71,43,.4)}
.ch-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px 0 72px;background:rgba(250,247,239,.92);border-bottom:1px solid var(--rule)}
.ch-logo{display:inline-flex;align-items:flex-end;gap:8px;font-weight:800;font-size:26px;letter-spacing:-.03em}
.ch-logo i{display:flex;align-items:flex-end;gap:3px;height:22px;margin-bottom:5px}
.ch-logo i b{width:5px;border-radius:1px;background:var(--ink)}
.ch-logo i b:nth-child(1){height:9px}
.ch-logo i b:nth-child(2){height:15px}
.ch-logo i b:nth-child(3){height:22px;background:var(--red)}
.ch-links{display:flex;gap:28px;margin-left:auto;font-size:15px;font-weight:500}
.ch-navbtn{height:44px;padding:0 20px;border:2px solid var(--ink);border-radius:10px;background:var(--note);color:var(--ink);font-weight:700;font-size:14px;box-shadow:3px 3px 0 var(--ink)}
.ch-copy{position:absolute;left:84px;top:140px;z-index:4;width:600px}
.ch-pill{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:99px;background:var(--ink);color:var(--paper);font-size:13px;font-weight:600}
.ch-pill i{width:8px;height:8px;border-radius:50%;background:var(--pink);animation:chBlink 1.6s ease-in-out infinite}
@keyframes chBlink{50%{opacity:.3}}
.ch-copy h1{position:relative;isolation:isolate;margin-top:24px;font-weight:800;font-size:78px;line-height:.98;letter-spacing:-.045em}
.ch-hl{position:relative;white-space:nowrap}
.ch-hl::before{content:"";position:absolute;left:-8px;right:-8px;top:46%;bottom:4%;z-index:-1;border-radius:4px;background:var(--pink);transform:skew(-8deg);transform-origin:left;animation:chHl .9s .5s cubic-bezier(.2,.8,.2,1) both}
@keyframes chHl{from{transform:skew(-8deg) scaleX(0)}}
.ch-note{position:absolute;left:420px;top:222px;z-index:2;font-family:"Caveat",cursive;font-weight:700;font-size:30px;line-height:1;color:var(--red);transform:rotate(-5deg);white-space:nowrap}
.ch-note svg{position:absolute;left:-62px;top:-2px;width:56px;height:44px;overflow:visible}
.ch-note path{fill:none;stroke:var(--red);stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:chDraw .7s 1.3s ease-out both}
@keyframes chDraw{from{stroke-dashoffset:1}}
.ch-sub{margin-top:20px;max-width:470px;font-size:18px;line-height:1.5;color:var(--slate)}
.ch-form{display:flex;gap:10px;width:520px;margin-top:26px}
.ch-form input{flex:1;min-width:0;height:56px;padding:0 18px;border:2px solid var(--ink);border-radius:12px;background:#fff;font-size:16px;color:var(--ink);outline:none}
.ch-form input:focus{box-shadow:0 0 0 4px rgba(255,179,209,.6)}
.ch-form button{height:56px;padding:0 22px;border:2px solid var(--ink);border-radius:12px;background:var(--pink);color:var(--ink);font-weight:800;font-size:15px;white-space:nowrap;box-shadow:4px 4px 0 var(--ink);transition:transform .15s,box-shadow .15s,background-color .3s}
.ch-form button:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--ink)}
.ch-form.is-done button{background:var(--note)}
.ch-small{margin-top:14px;font-size:14px;color:var(--slate)}
.ch-small b{color:var(--ink);font-variant-numeric:tabular-nums}
.ch-stage{position:absolute;left:690px;top:122px;z-index:3;width:540px;height:640px}
.ch-page{position:absolute;left:24px;top:20px;width:480px;height:470px;padding:26px 30px 0 46px;border-radius:6px;background:#fff;box-shadow:0 30px 60px -30px rgba(31,42,68,.45),0 0 0 1px rgba(31,42,68,.08);transform:rotate(2deg)}
.ch-page::before{content:"";position:absolute;left:14px;top:22px;bottom:22px;width:12px;background:radial-gradient(circle,var(--paper) 0 4.5px,rgba(31,42,68,.2) 5px 5.6px,transparent 6px) 0 0/12px 36px}
.ch-page h3{font-family:"Caveat",cursive;font-weight:700;font-size:36px;line-height:1}
.ch-page h3 small{display:block;margin-top:6px;font-family:"Schibsted Grotesk",sans-serif;font-size:12px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--pencil)}
.ch-chart{position:relative;width:400px;height:260px;margin-top:24px}
.ch-chart svg{position:absolute;left:0;top:0;width:400px;height:260px;overflow:visible}
.ch-grid line{stroke:#E6E9F0;stroke-width:1}
.ch-axis{stroke:var(--ink);stroke-width:2}
.ch-bars rect{fill:#DCE3F2;transform-box:fill-box;transform-origin:50% 100%;animation:chBar .7s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i) * 80ms + .2s)}
.ch-bars rect:last-child{fill:var(--pink)}
@keyframes chBar{from{transform:scaleY(0)}}
.ch-mo text{font:600 12px "Schibsted Grotesk",sans-serif;fill:var(--pencil);text-anchor:middle}
.ch-line{fill:none;stroke:var(--ink);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:1;animation:chLine 7s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes chLine{0%{stroke-dashoffset:1}55%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ch-circ{fill:none;stroke:var(--red);stroke-width:2.4;stroke-linecap:round;stroke-dasharray:1;animation:chCirc 7s ease-out infinite}
@keyframes chCirc{0%,56%{stroke-dashoffset:1}66%,92%{stroke-dashoffset:0;opacity:1}100%{stroke-dashoffset:0;opacity:0}}
.ch-ann{font:700 22px "Caveat",cursive;fill:var(--red);animation:chAnn 7s infinite}
@keyframes chAnn{0%,58%{opacity:0}66%,92%{opacity:1}100%{opacity:0}}
.ch-pencil{position:absolute;left:0;top:0;z-index:2;width:14px;height:120px;offset-path:path("M32 142 L80 128 L128 136 L176 110 L224 98 L272 82 L320 64 L368 42");offset-rotate:0deg;offset-anchor:50% 100%;offset-distance:100%;animation:chPencil 7s cubic-bezier(.45,.05,.55,.95) infinite}
@keyframes chPencil{0%{offset-distance:0%;opacity:1}55%,86%{offset-distance:100%;opacity:1}94%,100%{offset-distance:100%;opacity:0}}
.ch-pencil i{position:absolute;inset:0;transform:rotate(32deg);transform-origin:50% 100%;border-radius:3px 3px 0 0;background:linear-gradient(180deg,#F49AB8 0 12px,#C9CED8 12px 20px,#F6C744 20px calc(100% - 26px),transparent calc(100% - 26px))}
.ch-pencil i::after{content:"";position:absolute;left:0;right:0;bottom:0;height:26px;background:linear-gradient(180deg,#F1D3A8 0 68%,#2B2B2B 68%);clip-path:polygon(0 0,100% 0,50% 100%)}
.ch-sticky{position:absolute;z-index:4;display:grid;place-items:center;width:96px;height:96px;padding:10px;background:var(--bg,var(--note));box-shadow:0 14px 24px -14px rgba(31,42,68,.55);font-family:"Caveat",cursive;font-weight:700;font-size:27px;line-height:1;text-align:center;transform:rotate(var(--r));animation:chSway 5s ease-in-out infinite alternate;animation-delay:var(--d)}
@keyframes chSway{to{transform:rotate(calc(var(--r) + 4deg)) translateY(-6px)}}
.ch-cd{position:absolute;left:24px;top:500px;z-index:5;width:250px;padding:18px 18px 16px;background:var(--note);box-shadow:0 18px 30px -16px rgba(31,42,68,.55);transform:rotate(-3deg);font-family:"Caveat",cursive}
.ch-cd::before{content:"";position:absolute;left:50%;top:-11px;width:90px;height:22px;margin-left:-45px;background:rgba(255,255,255,.6);transform:rotate(2deg)}
.ch-cd > span{display:block;font-size:24px;font-weight:600;line-height:1}
.ch-cd b{display:block;margin-top:6px;font-size:46px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}
.ch-more{padding:100px 64px 40px 84px;background:var(--paper);border-top:1px solid var(--rule)}
.ch-k{font-family:"Caveat",cursive;font-weight:700;font-size:32px;line-height:1;color:var(--red)}
.ch-more h2{margin-top:10px;max-width:820px;font-weight:800;font-size:60px;line-height:1;letter-spacing:-.04em}
.ch-weeks{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin:56px 0 0;padding:0;list-style:none}
.ch-weeks::before{content:"";position:absolute;left:0;right:0;top:9px;height:2px;background:var(--ink);transform-origin:left}
@supports (animation-timeline:view()){.ch-weeks::before{animation:ruleIn linear both;animation-timeline:view();animation-range:entry 20% cover 45%}}
.ch-weeks li{position:relative;padding-top:38px}
.ch-weeks li::before{content:"";position:absolute;left:0;top:0;width:20px;height:20px;border-radius:50%;border:2px solid var(--ink);background:var(--paper)}
.ch-weeks li:last-child::before{background:var(--pink)}
.ch-weeks em{font-style:normal;font-size:13px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--red)}
.ch-weeks h3{margin-top:8px;font-weight:800;font-size:26px;letter-spacing:-.02em}
.ch-weeks p{margin-top:6px;font-size:15px;color:var(--slate)}
.ch-fee{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-top:52px;padding:28px 32px;border:2px solid var(--ink);border-radius:16px;background:#fff;box-shadow:6px 6px 0 var(--ink)}
.ch-fee b{display:block;font-weight:800;font-size:44px;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.ch-fee span{font-size:15px;color:var(--slate)}
.ch-fee button{height:52px;padding:0 22px;border:2px solid var(--ink);border-radius:12px;background:var(--note);font-weight:800;font-size:15px}
.ch-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px dashed rgba(31,42,68,.3);font-size:14px;color:var(--slate)}
@container ms (max-width:600px){
  .ch-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:30px}
  .ch-hero::before{left:14px}
  .ch-nav{height:66px;padding:0 20px 0 28px}
  .ch-logo{font-size:22px}
  .ch-links{display:none}
  .ch-navbtn{margin-left:auto;height:38px;padding:0 14px;font-size:13px}
  .ch-copy{position:relative;left:auto;top:auto;width:auto;padding:18px 20px 0 30px}
  .ch-copy h1{font-size:46px}
  .ch-note{display:none}
  .ch-sub{font-size:16px}
  .ch-form{width:auto;flex-direction:column}
  .ch-form button{width:100%}
  .ch-stage{position:relative;left:auto;top:auto;align-self:center;margin-top:16px;zoom:.64}
  .ch-more{padding:64px 20px 32px 30px}
  .ch-more h2{font-size:38px}
  .ch-weeks{grid-template-columns:1fr;gap:22px;margin-top:36px}
  .ch-weeks::before{left:9px;right:auto;top:0;bottom:0;width:2px;height:auto}
  .ch-weeks li{padding:0 0 0 38px}
  .ch-fee{flex-direction:column;align-items:flex-start;padding:22px}
  .ch-foot{flex-direction:column;gap:6px}
}

/* ---------- Smile · 32 Dental · dental clinic ---------- */
.ms--smile{--ivory:#F7F5F0;--ink:#1C2733;--coral:#F26B4F;--mint:#CFE5DD;--steel:#5E6B78;--shade:#E2CDA2;background:var(--ivory);color:var(--ink);font-family:"Outfit",var(--text)}
.sm-hero{position:relative;height:var(--dh);overflow:hidden;background:var(--ivory)}
.sm-blob{position:absolute;left:720px;top:-150px;width:760px;height:760px;border-radius:50%;background:radial-gradient(circle at 40% 40%,#E6F2EC,var(--mint) 62%,#BCD8CE);animation:smBlob 12s ease-in-out infinite alternate}
@keyframes smBlob{to{transform:translate(-24px,26px) scale(1.04)}}
.sm-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px}
.sm-logo{display:inline-flex;align-items:center;gap:10px;font-weight:700;font-size:23px;letter-spacing:-.02em}
.sm-logo b{display:grid;place-items:center;width:38px;height:42px;border-radius:13px 13px 19px 19px;background:var(--ink);color:var(--ivory);font-size:16px}
.sm-links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--steel)}
.sm-navbtn{height:44px;padding:0 22px;border:0;border-radius:99px;background:var(--coral);color:#fff;font-weight:600;font-size:14px}
.sm-copy{position:absolute;left:64px;top:150px;z-index:4;width:560px}
.sm-open{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:var(--steel)}
.sm-open i{width:9px;height:9px;border-radius:50%;background:#2FA36B;box-shadow:0 0 0 4px rgba(47,163,107,.18)}
.sm-copy h1{margin-top:18px;font-weight:700;font-size:78px;line-height:.98;letter-spacing:-.045em}
.sm-copy h1 em{font-style:normal;color:var(--coral)}
.sm-sub{margin-top:20px;max-width:460px;font-size:18px;color:var(--steel)}
.sm-ctas{display:flex;align-items:center;gap:12px;margin-top:30px}
.sm-b1{height:56px;padding:0 26px;border:0;border-radius:99px;background:var(--ink);color:#fff;font-weight:600;font-size:16px}
.sm-b2{height:56px;padding:0 24px;border:1.5px solid rgba(28,39,51,.2);border-radius:99px;background:#fff;font-weight:600;font-size:16px}
.sm-proof{display:flex;align-items:center;gap:14px;margin-top:30px;font-size:14px;color:var(--steel)}
.sm-proof b{color:var(--ink);font-weight:600}
.sm-stars{display:flex;gap:3px}
.sm-stars i{width:16px;height:16px;background:#F5B73B;clip-path:polygon(50% 0,61% 35%,98% 35%,68% 57%,79% 91%,50% 70%,21% 91%,32% 57%,2% 35%,39% 35%)}
.sm-stage{position:absolute;left:670px;top:104px;z-index:3;width:560px;height:660px}
.sm-card{position:absolute;left:0;top:0;width:390px;padding:24px 24px 20px;border-radius:30px;background:#fff;box-shadow:0 40px 80px -40px rgba(28,39,51,.35)}
.sm-card__k{font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--steel)}
.sm-card h3{margin-top:6px;font-weight:600;font-size:22px;letter-spacing:-.01em}
.sm-tooth{position:relative;display:grid;place-items:center;height:180px;margin-top:14px;border-radius:22px;background:radial-gradient(80% 90% at 50% 35%,#FBF9F4,#E5EBE8)}
.sm-tooth svg{width:132px;height:150px;overflow:visible}
.sm-tooth .fill{fill:var(--shade);transition:fill .6s ease}
.sm-tooth .edge{fill:none;stroke:rgba(28,39,51,.2);stroke-width:2.2}
.sm-tooth .gloss{fill:rgba(255,255,255,.8)}
.sm-spark{position:absolute;width:18px;height:18px;background:#fff;clip-path:polygon(50% 0,61% 39%,100% 50%,61% 61%,50% 100%,39% 61%,0 50%,39% 39%);opacity:0;transition:opacity .4s;filter:drop-shadow(0 0 4px rgba(242,107,79,.55))}
.sm-tooth.is-white .sm-spark{opacity:1;animation:smTw 1.4s ease-in-out infinite alternate}
@keyframes smTw{to{transform:scale(.5) rotate(45deg)}}
.sm-guide{display:flex;gap:6px;margin-top:16px}
.sm-guide button{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px;padding:0;border:0;background:none;font-size:12px;font-weight:600;color:var(--steel)}
.sm-guide button i{width:100%;height:32px;border-radius:7px 7px 12px 12px;background:var(--c);box-shadow:inset 0 -6px 10px rgba(0,0,0,.06),0 0 0 1px rgba(28,39,51,.12);transition:transform .3s cubic-bezier(.3,1.5,.5,1),box-shadow .3s}
.sm-guide button[aria-pressed="true"]{color:var(--ink)}
.sm-guide button[aria-pressed="true"] i{transform:translateY(-6px);box-shadow:inset 0 -6px 10px rgba(0,0,0,.06),0 0 0 2px var(--coral)}
.sm-range{width:100%;margin:10px 0 0;accent-color:var(--coral)}
.sm-note{margin-top:4px;font-size:13px;color:var(--steel)}
.sm-note b{color:var(--ink)}
.sm-book{position:absolute;left:236px;top:406px;z-index:4;width:300px;padding:20px;border-radius:24px;background:var(--ink);color:#fff;box-shadow:0 30px 60px -30px rgba(28,39,51,.65)}
.sm-book__k{display:flex;justify-content:space-between;font-size:12px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:#9DB0C0}
.sm-days{display:flex;gap:6px;margin-top:12px}
.sm-days button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;height:56px;border-radius:14px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#C9D4DE;font-size:12px}
.sm-days b{font-size:15px;font-weight:600;color:#fff}
.sm-days button[aria-pressed="true"]{background:#fff;border-color:#fff;color:var(--steel)}
.sm-days button[aria-pressed="true"] b{color:var(--ink)}
.sm-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}
.sm-slots button{height:40px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:transparent;color:#fff;font-size:13.5px;font-weight:500}
.sm-slots button[aria-pressed="true"]{background:var(--coral);border-color:var(--coral)}
.sm-slots button:disabled{color:#62717F;text-decoration:line-through;cursor:default}
.sm-confirm{width:100%;height:46px;margin-top:10px;border:0;border-radius:14px;background:#fff;color:var(--ink);font-weight:600;font-size:14.5px;transition:background-color .3s,color .3s}
.sm-confirm.is-done{background:#2FA36B;color:#fff}
.sm-more{padding:100px 64px 40px;background:#fff}
.sm-k{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--coral)}
.sm-more h2{margin-top:12px;max-width:760px;font-weight:700;font-size:58px;line-height:1;letter-spacing:-.045em}
.sm-grid{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:44px;align-items:start;margin-top:48px}
.sm-prices li{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-bottom:1px solid #E7E4DC;font-size:19px}
.sm-prices li span{flex:1}
.sm-prices b{font-weight:600;font-variant-numeric:tabular-nums}
.sm-doc{padding:28px;border-radius:28px;background:var(--mint)}
.sm-avatar{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:var(--ink);color:#fff;font-style:normal;font-weight:600;font-size:20px}
.sm-doc h3{margin-top:16px;font-weight:700;font-size:24px}
.sm-doc p{margin-top:4px;font-size:15px;color:#3F5560}
.sm-hours{display:grid;grid-template-columns:auto 1fr;gap:8px 16px;margin-top:20px;padding-top:18px;border-top:1px solid rgba(28,39,51,.15);font-size:15px}
.sm-hours b{font-weight:600;text-align:right}
.sm-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px solid #E7E4DC;font-size:14px;color:var(--steel)}
@container ms (max-width:600px){
  .sm-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .sm-blob{left:120px;top:auto;bottom:-260px;width:560px;height:560px}
  .sm-nav{height:66px;padding:0 20px}
  .sm-logo{font-size:20px}
  .sm-links{display:none}
  .sm-navbtn{margin-left:auto;height:38px;padding:0 16px;font-size:13px}
  .sm-copy{position:relative;left:auto;top:auto;width:auto;padding:10px 20px 0}
  .sm-copy h1{font-size:48px}
  .sm-sub{font-size:16px}
  .sm-ctas{flex-wrap:wrap;margin-top:24px}
  .sm-b1,.sm-b2{height:50px;padding:0 20px;font-size:15px}
  .sm-proof{margin-top:22px}
  .sm-stage{position:relative;left:auto;top:auto;align-self:center;margin:26px 0 20px;zoom:.62}
  .sm-more{padding:64px 20px 32px}
  .sm-more h2{font-size:38px}
  .sm-grid{grid-template-columns:1fr;gap:28px;margin-top:32px}
  .sm-prices li{font-size:16px}
  .sm-foot{flex-direction:column;gap:6px}
}

/* ---------- Loom · Taana · handloom saree store ---------- */
@property --lmc1{syntax:"<color>";inherits:true;initial-value:#9E2B25}
@property --lmc2{syntax:"<color>";inherits:true;initial-value:#D9B46A}
@property --lmc3{syntax:"<color>";inherits:true;initial-value:#F1D48C}
@property --lmb{syntax:"<color>";inherits:true;initial-value:#1F2F5C}
.ms--loom{--cotton:#F3EBDD;--madder:#9E2B25;--char:#231F1C;--muted:#5A514A;background:var(--cotton);color:var(--char)}
.lm-weave{background-color:var(--lmc1);background-image:radial-gradient(circle,var(--lmc3) 0 4px,transparent 4.5px),linear-gradient(45deg,transparent 45%,var(--lmc2) 45% 55%,transparent 55%),linear-gradient(-45deg,transparent 45%,var(--lmc2) 45% 55%,transparent 55%),repeating-linear-gradient(90deg,rgba(0,0,0,.1) 0 1.2px,transparent 1.2px 7px);background-size:48px 48px,48px 48px,48px 48px,auto}
.lm-hero{position:relative;height:var(--dh);overflow:hidden;background:radial-gradient(60% 70% at 74% 55%,#FBF4E8,var(--cotton) 70%)}
.lm-nav{position:relative;z-index:6;display:flex;align-items:center;gap:40px;height:84px;padding:0 64px;border-bottom:1px solid rgba(35,31,28,.12)}
.lm-logo{font-family:"Bodoni Moda",serif;font-weight:700;font-size:26px;letter-spacing:.34em}
.lm-links{display:flex;gap:30px;margin:0 auto;font-size:13px;font-weight:500;letter-spacing:.12em;text-transform:uppercase}
.lm-icons{display:flex;align-items:center;gap:18px}
.lm-icons svg{width:22px;height:22px;fill:none;stroke:var(--char);stroke-width:1.7}
.lm-bag{position:relative}
.lm-bag b{position:absolute;right:-8px;top:-6px;display:grid;place-items:center;width:17px;height:17px;border-radius:50%;background:var(--madder);color:var(--cotton);font-size:10px}
.lm-bag b.bump{animation:lmBump .5s cubic-bezier(.3,1.5,.5,1)}
@keyframes lmBump{from{transform:scale(1.7)}}
.lm-copy{position:absolute;left:64px;top:146px;z-index:4;width:540px}
.lm-eyebrow{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--madder)}
.lm-copy h1{margin-top:18px;font-family:"Bodoni Moda",serif;font-weight:500;font-size:82px;line-height:.98;letter-spacing:-.025em}
.lm-copy h1 em{color:var(--madder)}
.lm-sub{margin-top:20px;max-width:440px;font-size:17px;line-height:1.55;color:var(--muted)}
.lm-weaves{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}
.lm-weaves button{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 7px;border-radius:99px;border:1px solid rgba(35,31,28,.22);background:rgba(255,255,255,.45);font-size:14px;transition:background-color .3s,color .3s,border-color .3s}
.lm-weaves button i{width:30px;height:30px;border-radius:50%;box-shadow:inset 0 0 0 2px rgba(255,255,255,.6)}
.lm-weaves button[aria-pressed="true"]{background:var(--char);border-color:var(--char);color:var(--cotton)}
.lm-ctas{display:flex;align-items:center;gap:24px;margin-top:22px}
.lm-shop{height:54px;padding:0 30px;border:0;background:var(--char);color:var(--cotton);font-size:13px;font-weight:600;letter-spacing:.14em;text-transform:uppercase}
.lm-link{padding:0;border:0;background:none;font-size:15px;text-decoration:underline;text-underline-offset:5px}
.lm-stage{position:absolute;left:640px;top:84px;z-index:2;width:600px;height:716px}
.lm-loom{position:absolute;left:90px;top:60px;width:420px;height:600px;--lmc1:#9E2B25;--lmc2:#D9B46A;--lmc3:#F1D48C;--lmb:#1F2F5C;transition:--lmc1 .9s,--lmc2 .9s,--lmc3 .9s,--lmb .9s}
.lm-post{position:absolute;top:-24px;bottom:-34px;width:18px;border-radius:6px;background:linear-gradient(90deg,#6E4227,#9A6440 50%,#6E4227)}
.lm-post.l{left:-36px}
.lm-post.r{right:-36px}
.lm-beam{position:absolute;left:-48px;right:-48px;z-index:2;height:24px;border-radius:12px;background:linear-gradient(180deg,#B47A4E,#6E4227);box-shadow:0 8px 14px -8px rgba(0,0,0,.45)}
.lm-beam.t{top:0}
.lm-beam.b{bottom:0}
.lm-warp{position:absolute;left:0;right:0;top:24px;bottom:calc(24px + 56%);background:repeating-linear-gradient(90deg,rgba(35,31,28,.5) 0 1.2px,transparent 1.2px 7px)}
.lm-cloth{position:absolute;left:0;right:0;bottom:24px;height:56%;overflow:hidden;box-shadow:inset 0 12px 16px -12px rgba(0,0,0,.45);animation:lmRoll 4s linear infinite}
@keyframes lmRoll{to{background-position:0 48px,0 48px,0 48px,0 0}}
.lm-cloth::before,.lm-cloth::after{content:"";position:absolute;top:0;bottom:0;width:46px;background-color:var(--lmb);background-image:linear-gradient(90deg,var(--lmc2) 0 3px,transparent 3px calc(100% - 3px),var(--lmc2) calc(100% - 3px)),repeating-linear-gradient(180deg,var(--lmc3) 0 6px,transparent 6px 16px);background-size:auto,100% 16px;animation:lmRollB 4s linear infinite}
.lm-cloth::before{left:0}
.lm-cloth::after{right:0}
@keyframes lmRollB{to{background-position:0 0,0 48px}}
.lm-fell{position:absolute;left:0;right:0;bottom:calc(24px + 56% - 1px);height:3px;background:var(--lmc3);box-shadow:0 0 10px rgba(241,212,140,.7)}
.lm-reed{position:absolute;left:-28px;right:-28px;bottom:calc(24px + 56% + 16px);z-index:2;height:12px;border-radius:4px;background:linear-gradient(180deg,#C08656,#7A4A2B);box-shadow:0 6px 10px -6px rgba(0,0,0,.5);animation:lmBeat 1.8s ease-in-out infinite}
@keyframes lmBeat{0%,100%{transform:translateY(12px)}14%,86%{transform:translateY(-18px)}}
.lm-shuttle{position:absolute;left:0;bottom:calc(24px + 56% - 7px);z-index:3;width:86px;height:16px;border-radius:50%;background:linear-gradient(180deg,#E0A56C,#8A5530);box-shadow:0 4px 8px -2px rgba(0,0,0,.45);animation:lmShuttle 3.6s cubic-bezier(.6,0,.4,1) infinite}
@keyframes lmShuttle{0%,8%{transform:translateX(-92px)}42%,58%{transform:translateX(426px)}92%,100%{transform:translateX(-92px)}}
.lm-tag{position:absolute;left:-14px;top:430px;z-index:5;filter:drop-shadow(0 18px 22px rgba(35,31,28,.32));transform:rotate(-4deg)}
.lm-tag__in{position:relative;width:256px;padding:20px 20px 20px 38px;background:#FFFCF6;clip-path:polygon(22px 0,100% 0,100% 100%,22px 100%,0 50%)}
.lm-tag__in::before{content:"";position:absolute;left:14px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--cotton);box-shadow:inset 0 1px 2px rgba(0,0,0,.35)}
.lm-tag__k{font-size:11px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--madder)}
.lm-tag__n{display:block;margin-top:6px;font-family:"Bodoni Moda",serif;font-weight:600;font-size:24px;line-height:1.1}
.lm-tag__p{display:block;margin-top:4px;font-size:13px;color:var(--muted);font-variant-numeric:tabular-nums}
.lm-tag button{margin-top:14px;height:40px;padding:0 16px;border:0;background:var(--madder);color:var(--cotton);font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;transition:background-color .3s}
.lm-tag button.is-done{background:#2F6B3B}
.lm-more{padding:100px 64px 40px;background:#FBF6EC}
.lm-k{font-size:13px;letter-spacing:.2em;text-transform:uppercase;color:var(--madder)}
.lm-more h2{margin-top:12px;max-width:760px;font-family:"Bodoni Moda",serif;font-weight:500;font-size:60px;line-height:1;letter-spacing:-.02em}
.lm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px}
.lm-card b{display:block;margin-top:16px;font-family:"Bodoni Moda",serif;font-weight:600;font-size:28px}
.lm-card span{font-size:15px;color:var(--muted)}
.lm-sw{position:relative;display:block;height:280px;overflow:hidden}
.lm-sw::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.22),transparent 14%,transparent 42%,rgba(255,255,255,.12) 50%,transparent 58%,transparent 86%,rgba(0,0,0,.22))}
.lm-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:56px;padding-top:28px;border-top:1px solid rgba(35,31,28,.14)}
.lm-facts b{display:block;font-family:"Bodoni Moda",serif;font-weight:600;font-size:46px;line-height:1;color:var(--madder);font-variant-numeric:tabular-nums}
.lm-facts span{display:block;margin-top:8px;font-size:15px;color:var(--muted)}
.lm-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px solid rgba(35,31,28,.14);font-size:14px;color:var(--muted)}
@container ms (max-width:600px){
  .lm-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column}
  .lm-nav{height:66px;padding:0 20px}
  .lm-logo{font-size:21px;letter-spacing:.28em}
  .lm-links{display:none}
  .lm-icons{margin-left:auto}
  .lm-copy{position:relative;left:auto;top:auto;width:auto;padding:16px 20px 0}
  .lm-copy h1{font-size:50px}
  .lm-sub{font-size:16px}
  .lm-stage{position:relative;left:auto;top:auto;align-self:center;margin:-6px 0 -20px;zoom:.6}
  .lm-more{padding:64px 20px 32px}
  .lm-more h2{font-size:38px}
  .lm-cards{grid-template-columns:1fr;gap:18px;margin-top:32px}
  .lm-sw{height:180px}
  .lm-facts{grid-template-columns:1fr;gap:18px}
  .lm-foot{flex-direction:column;gap:6px}
}

/* ---------- Volt · ZEPH One · electric scooter test-ride landing ---------- */
.ms--volt{--sky:#E8EEF1;--ink:#111417;--volt:#FF5B22;--road:#2B2F35;--mute:#5F6B73;--body:#FF5B22;background:var(--sky);color:var(--ink)}
.vt-hero{position:relative;height:var(--dh);overflow:hidden;background:linear-gradient(180deg,#F6F9FA,var(--sky) 72%)}
.vt-sun{position:absolute;left:860px;top:110px;width:340px;height:340px;border-radius:50%;background:radial-gradient(circle,#FFE0CF,rgba(255,224,207,0) 70%)}
.vt-city{position:absolute;left:0;bottom:150px;display:flex;width:2560px;height:130px;opacity:.55;animation:vtCity 70s linear infinite}
.vt-city svg{flex:none;width:1280px;height:130px;fill:#C9D4DA}
@keyframes vtCity{to{transform:translateX(-1280px)}}
.vt-wind{position:absolute;z-index:1;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,rgba(17,20,23,.22));animation:vtWind var(--t) linear infinite;animation-delay:var(--d)}
@keyframes vtWind{to{transform:translateX(-1500px)}}
.vt-road{position:absolute;left:0;right:0;bottom:0;z-index:2;height:150px;overflow:hidden;background:var(--road)}
.vt-road::before{content:"";position:absolute;left:0;right:0;top:0;height:6px;background:#3A3F46}
.vt-lane{position:absolute;left:0;top:62px;width:200%;height:6px;background:repeating-linear-gradient(90deg,#F2F4F5 0 64px,transparent 64px 128px);animation:vtLane .5s linear infinite}
@keyframes vtLane{to{transform:translateX(-128px)}}
.vt-specs{position:absolute;left:64px;right:64px;bottom:24px;z-index:5;display:flex;flex-wrap:wrap;gap:6px 44px;font-size:14px;color:#C8D0D6}
.vt-specs b{margin-right:6px;font-family:"Saira",sans-serif;font-weight:700;font-size:22px;color:#fff;font-variation-settings:"wdth" 90}
.vt-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px}
.vt-logo{font-family:"Saira",sans-serif;font-weight:800;font-size:28px;letter-spacing:.2em;font-variation-settings:"wdth" 125}
.vt-logo i{font-style:normal;color:var(--volt)}
.vt-links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--mute)}
.vt-navbtn{height:44px;padding:0 20px;border:0;border-radius:10px;background:var(--ink);color:#fff;font-weight:600;font-size:14px}
.vt-copy{position:absolute;left:64px;top:122px;z-index:5;width:540px}
.vt-eyebrow{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--volt)}
.vt-copy h1{margin-top:12px;font-family:"Saira",sans-serif;font-weight:800;font-size:94px;line-height:.86;letter-spacing:-.01em;text-transform:uppercase;font-variation-settings:"wdth" 75}
.vt-copy h1 b{font-weight:800;color:var(--volt);font-variant-numeric:tabular-nums}
.vt-sub{margin-top:18px;max-width:430px;font-size:17px;color:var(--mute)}
.vt-form{width:470px;margin-top:22px;padding:16px;border-radius:20px;background:rgba(255,255,255,.78);border:1px solid rgba(17,20,23,.08);box-shadow:0 24px 50px -30px rgba(17,20,23,.45);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.vt-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.vt-row label{display:flex;flex-direction:column;gap:6px;min-width:0}
.vt-row span{font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--mute)}
.vt-row select,.vt-row input{width:100%;min-width:0;height:46px;padding:0 12px;border-radius:12px;border:1px solid rgba(17,20,23,.14);background:#fff;color:var(--ink);outline:none}
.vt-form button{width:100%;height:52px;margin-top:12px;border:0;border-radius:14px;background:var(--volt);color:#fff;font-weight:700;font-size:16px;transition:background-color .3s}
.vt-form.is-done button{background:var(--ink)}
.vt-stage{position:absolute;left:600px;top:190px;z-index:4;width:660px;height:480px}
.vt-colors{position:absolute;left:40px;top:0;display:flex;align-items:center;gap:10px;font-size:14px;color:var(--mute)}
.vt-colors button{width:30px;height:30px;padding:0;border-radius:50%;border:2px solid transparent;background:var(--c);box-shadow:inset 0 0 0 3px var(--sky),0 0 0 1px rgba(17,20,23,.12)}
.vt-colors button[aria-pressed="true"]{border-color:var(--ink)}
.vt-colors b{margin-left:4px;color:var(--ink);font-weight:600}
.vt-batt{position:absolute;right:20px;top:-10px;display:flex;align-items:center;gap:12px;padding:12px 16px 12px 12px;border-radius:18px;background:#fff;box-shadow:0 20px 40px -24px rgba(17,20,23,.45);font-size:13px;color:var(--mute)}
.vt-batt svg{width:46px;height:46px;transform:rotate(-90deg)}
.vt-batt circle{fill:none;stroke-width:5}
.vt-batt .tr{stroke:#E4E9EC}
.vt-batt .pg{stroke:var(--volt);stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:8;animation:vtRing 1.6s .4s cubic-bezier(.2,.8,.2,1) both}
@keyframes vtRing{from{stroke-dashoffset:100}}
.vt-batt b{display:block;font-family:"Saira",sans-serif;font-weight:800;font-size:22px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 90}
.vt-scooter{position:absolute;left:30px;top:98px;width:600px;height:380px;overflow:visible}
.vt-shadow{fill:rgba(17,20,23,.22)}
.vt-paint{fill:var(--body);transition:fill .5s}
.vt-seat{fill:#1B1E22}
.vt-floor{fill:#2B2F35}
.vt-tail{fill:#E5322D}
.vt-glow{fill:var(--volt);animation:vtGlow 1.6s ease-in-out infinite alternate}
@keyframes vtGlow{from{opacity:.35}}
.vt-fork{fill:none;stroke:#2B2F35;stroke-width:10;stroke-linecap:round}
.vt-bar{fill:none;stroke:#2B2F35;stroke-width:8;stroke-linecap:round}
.vt-grip{fill:#1B1E22}
.vt-lamp{fill:#FFF6C8}
.vt-guard{fill:none;stroke:var(--body);stroke-width:10;stroke-linecap:round;transition:stroke .5s}
.vt-bodyg{animation:vtBob .45s ease-in-out infinite alternate}
@keyframes vtBob{to{transform:translateY(2px)}}
.vt-wheel .tyre{fill:#1B1E22}
.vt-wheel .rim{fill:#DCE3E7}
.vt-wheel .spoke{fill:none;stroke:#8E9AA3;stroke-width:5;stroke-linecap:round}
.vt-wheel .hub{fill:#2B2F35}
.vt-spin{transform-box:fill-box;transform-origin:50% 50%;animation:vtSpin .42s linear infinite}
@keyframes vtSpin{to{transform:rotate(360deg)}}
.vt-more{padding:100px 64px 40px;background:#fff}
.vt-k{font-size:13px;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--volt)}
.vt-more h2{margin-top:10px;font-family:"Saira",sans-serif;font-weight:800;font-size:76px;line-height:.9;text-transform:uppercase;font-variation-settings:"wdth" 75}
.vt-calc{display:grid;grid-template-columns:300px minmax(0,1fr);gap:28px 52px;margin-top:44px;padding:34px;border-radius:28px;background:var(--sky)}
.vt-calc__in{display:flex;flex-direction:column;gap:4px;font-size:15px;color:var(--mute)}
.vt-calc__in output{font-family:"Saira",sans-serif;font-weight:800;font-size:66px;line-height:1;color:var(--ink);font-variant-numeric:tabular-nums;font-variation-settings:"wdth" 80}
.vt-calc__in input{margin-top:12px;accent-color:var(--volt)}
.vt-bars{display:flex;flex-direction:column;justify-content:center;gap:18px}
.vt-bar{display:grid;grid-template-columns:130px minmax(0,1fr) 100px;align-items:center;gap:16px;font-size:15px}
.vt-bar i{height:18px;border-radius:9px;background:#B9C4CB;transform-origin:left;transform:scaleX(var(--w,1));transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vt-bar.is-ev i{background:var(--volt)}
.vt-bar b{font-family:"Saira",sans-serif;font-weight:700;font-size:24px;text-align:right;font-variant-numeric:tabular-nums}
.vt-save{grid-column:1/-1;font-size:20px}
.vt-save b{font-family:"Saira",sans-serif;font-weight:800;font-size:32px;color:var(--volt);font-variant-numeric:tabular-nums}
.vt-note{grid-column:1/-1;font-size:13px;color:var(--mute)}
.vt-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:20px}
.vt-spec{padding:22px;border-radius:22px;border:1px solid #E1E7EA}
.vt-spec b{display:block;font-family:"Saira",sans-serif;font-weight:800;font-size:42px;line-height:1;font-variation-settings:"wdth" 80}
.vt-spec span{display:block;margin-top:6px;font-size:14px;color:var(--mute)}
.vt-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px solid #E1E7EA;font-size:14px;color:var(--mute)}
@container ms (max-width:600px){
  .vt-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:138px}
  .vt-sun{left:180px;top:300px}
  .vt-nav{height:66px;padding:0 20px}
  .vt-logo{font-size:22px}
  .vt-links{display:none}
  .vt-navbtn{margin-left:auto;height:38px;padding:0 14px;font-size:13px}
  .vt-copy{position:relative;left:auto;top:auto;width:auto;padding:10px 20px 0}
  .vt-copy h1{font-size:58px}
  .vt-sub{font-size:16px}
  .vt-form{width:auto}
  .vt-stage{position:relative;left:auto;top:auto;align-self:center;margin-top:18px;zoom:.56}
  .vt-specs{left:20px;right:20px;gap:6px 22px}
  .vt-specs span:nth-child(n+3){display:none}
  .vt-more{padding:64px 20px 32px}
  .vt-more h2{font-size:48px}
  .vt-calc{grid-template-columns:1fr;padding:22px}
  .vt-bar{grid-template-columns:96px minmax(0,1fr) 72px;gap:10px;font-size:13px}
  .vt-bar b{font-size:19px}
  .vt-grid{grid-template-columns:1fr 1fr}
  .vt-foot{flex-direction:column;gap:6px}
}

/* ---------- Airtime · Paisa Pathshala · live masterclass registration ---------- */
.ms--air{--paper:#FFF7EC;--ink:#17171A;--air:#E5322D;--sky:#BFD5FF;--muted:#5E5A55;background:var(--paper);color:var(--ink)}
.ai-hero{position:relative;height:var(--dh);overflow:hidden;background:var(--paper)}
.ai-hero::before{content:"";position:absolute;left:640px;top:40px;width:700px;height:700px;border-radius:50%;background:radial-gradient(circle,var(--sky),rgba(191,213,255,0) 68%)}
.ai-nav{position:relative;z-index:6;display:flex;align-items:center;gap:36px;height:84px;padding:0 64px}
.ai-logo{display:inline-flex;align-items:center;gap:10px;font-family:"Gabarito",var(--text);font-weight:800;font-size:22px;letter-spacing:-.02em}
.ai-logo i{width:14px;height:14px;border-radius:50%;background:var(--air);box-shadow:0 0 0 4px rgba(229,50,45,.18)}
.ai-links{display:flex;gap:28px;margin-left:auto;font-size:15px;color:var(--muted)}
.ai-navbtn{height:44px;padding:0 20px;border:0;border-radius:12px;background:var(--ink);color:#fff;font-weight:600;font-size:14px}
.ai-copy{position:absolute;left:64px;top:132px;z-index:4;width:580px}
.ai-live{display:inline-flex;align-items:center;gap:10px;height:34px;padding:0 14px;border-radius:8px;background:var(--ink);color:#fff;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase}
.ai-live i{width:9px;height:9px;border-radius:50%;background:var(--air);animation:aiOn 1.2s ease-in-out infinite}
@keyframes aiOn{50%{opacity:.25}}
.ai-copy h1{margin-top:22px;font-family:"Gabarito",var(--text);font-weight:800;font-size:64px;line-height:1.02;letter-spacing:-.04em}
.ai-copy h1 em{font-style:normal;color:var(--air)}
.ai-sub{margin-top:18px;max-width:470px;font-size:18px;color:var(--muted)}
.ai-cd{display:flex;gap:8px;margin-top:24px}
.ai-cd div{display:flex;flex-direction:column;align-items:center;justify-content:center;width:82px;height:80px;border-radius:16px;background:#fff;border:1px solid rgba(23,23,26,.08);box-shadow:0 12px 28px -18px rgba(23,23,26,.45)}
.ai-cd b{font-family:"Gabarito",var(--text);font-weight:800;font-size:32px;line-height:1;font-variant-numeric:tabular-nums}
.ai-cd span{margin-top:4px;font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ai-buy{display:flex;align-items:center;gap:22px;margin-top:24px}
.ai-btn{height:60px;padding:0 28px;border:0;border-radius:16px;background:var(--air);color:#fff;font-weight:700;font-size:17px;box-shadow:0 16px 30px -14px rgba(229,50,45,.75);transition:background-color .3s,box-shadow .3s}
.ai-btn.is-done{background:#2F7A4F;box-shadow:none}
.ai-price{display:flex;flex-direction:column;gap:2px;font-size:13px;color:var(--muted)}
.ai-price b{font-family:"Gabarito",var(--text);font-weight:800;font-size:28px;line-height:1;color:var(--ink)}
.ai-price s{margin-left:8px;font-family:var(--text);font-weight:500;font-size:16px;color:var(--muted)}
.ai-seats{margin-top:16px;font-size:14px;color:var(--muted)}
.ai-seats b{color:var(--air);font-variant-numeric:tabular-nums}
.ai-stage{position:absolute;left:680px;top:112px;z-index:3;width:560px;height:640px}
.ai-call{position:absolute;left:0;top:20px;width:540px;height:400px;border-radius:24px;background:#141418;box-shadow:0 50px 90px -40px rgba(23,23,26,.6);overflow:hidden}
.ai-bar{display:flex;align-items:center;gap:10px;height:46px;padding:0 18px;color:#EDEDF0;font-size:13px}
.ai-rec{display:inline-flex;align-items:center;gap:8px;height:24px;padding:0 10px;border-radius:6px;background:var(--air);font-size:11px;font-weight:700;letter-spacing:.12em}
.ai-rec i{width:7px;height:7px;border-radius:50%;background:#fff;animation:aiOn 1.2s ease-in-out infinite}
.ai-time{margin-left:auto;font-variant-numeric:tabular-nums;color:#A9A9B2}
.ai-host{position:absolute;left:14px;right:14px;top:46px;bottom:64px;border-radius:16px;background:radial-gradient(70% 90% at 40% 30%,#3A3A46,#1E1E25);overflow:hidden}
.ai-hair{position:absolute;left:150px;top:44px;width:132px;height:96px;border-radius:66px 66px 30px 30px;background:#1C1210}
.ai-face{position:absolute;left:160px;top:58px;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#CC9470,#8A5A42)}
.ai-face::after{content:"";position:absolute;inset:-12px;border-radius:50%;border:3px solid rgba(191,213,255,.85);animation:aiTalk .9s ease-in-out infinite alternate}
@keyframes aiTalk{from{transform:scale(.94);opacity:.35}to{transform:scale(1.05);opacity:1}}
.ai-body{position:absolute;left:96px;top:180px;width:240px;height:150px;border-radius:120px 120px 0 0;background:linear-gradient(180deg,#E5322D,#B8221E)}
.ai-name{position:absolute;left:14px;bottom:12px;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 10px;border-radius:8px;background:rgba(0,0,0,.55);color:#fff;font-size:12px}
.ai-slide{position:absolute;right:14px;top:14px;width:176px;padding:12px;border-radius:12px;background:#fff;color:var(--ink);box-shadow:0 12px 24px -12px rgba(0,0,0,.6)}
.ai-slide p{font-size:9.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.ai-slide b{display:block;margin-top:4px;font-family:"Gabarito",var(--text);font-weight:800;font-size:16px;line-height:1.1}
.ai-donut{display:block;width:86px;height:86px;margin:10px auto 0;transform:rotate(-90deg)}
.ai-donut circle{fill:none;stroke-width:14}
.ai-donut .s1{stroke:var(--air);stroke-dasharray:50 50;animation:aiArc 1.2s .4s cubic-bezier(.2,.8,.2,1) both}
.ai-donut .s2{stroke:#7FA8FF;stroke-dasharray:30 70;stroke-dashoffset:-50}
.ai-donut .s3{stroke:#F2B705;stroke-dasharray:20 80;stroke-dashoffset:-80}
@keyframes aiArc{from{stroke-dasharray:0 100}}
.ai-legend{display:flex;justify-content:space-between;margin-top:8px;font-size:10px;font-weight:600}
.ai-legend span::before{content:"";display:inline-block;width:7px;height:7px;margin-right:4px;border-radius:2px;background:var(--c)}
.ai-tools{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:center;gap:12px;height:64px}
.ai-tools i{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#2A2A33}
.ai-tools i.end{width:60px;border-radius:20px;background:var(--air)}
.ai-tools svg{width:18px;height:18px;fill:none;stroke:#EDEDF0;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.ai-react{position:absolute;right:46px;bottom:74px;z-index:3;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#fff;color:var(--air);font-size:13px;font-weight:800;font-style:normal;animation:aiUp 2.6s ease-out forwards}
@keyframes aiUp{0%{transform:translate(0,0) scale(.6);opacity:0}15%{transform:translate(0,-20px) scale(1);opacity:1}100%{transform:translate(var(--x),-230px) scale(1);opacity:0}}
.ai-chat{position:absolute;left:-44px;top:372px;z-index:4;width:300px;padding:14px;border-radius:20px;background:#fff;box-shadow:0 30px 60px -30px rgba(23,23,26,.5)}
.ai-chat__k{display:flex;justify-content:space-between;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.ai-msgs{display:flex;flex-direction:column;justify-content:flex-end;gap:10px;height:156px;margin-top:10px;overflow:hidden}
.ai-msg{display:flex;align-items:flex-start;gap:8px;font-size:13px;line-height:1.35;animation:aiMsg .45s cubic-bezier(.2,.8,.2,1) both}
.ai-msg i{flex:none;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c);color:#fff;font-style:normal;font-size:10px;font-weight:700}
.ai-msg b{display:block;font-size:11px;font-weight:600;color:var(--muted)}
@keyframes aiMsg{from{transform:translateY(14px);opacity:0}}
.ai-people{position:absolute;right:16px;top:458px;z-index:4;display:flex;align-items:center;gap:12px;padding:8px 16px 8px 8px;border-radius:99px;background:#fff;box-shadow:0 20px 40px -24px rgba(23,23,26,.45);font-size:13px;color:var(--muted)}
.ai-people > span{display:flex}
.ai-people > span i{display:grid;place-items:center;width:30px;height:30px;margin-left:-8px;border-radius:50%;border:2px solid #fff;background:var(--c);color:#fff;font-style:normal;font-size:10px;font-weight:700}
.ai-people > span i:first-child{margin-left:0}
.ai-people b{color:var(--ink);font-variant-numeric:tabular-nums}
.ai-more{padding:100px 64px 40px;background:#fff}
.ai-k{font-size:13px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--air)}
.ai-more h2{margin-top:12px;font-family:"Gabarito",var(--text);font-weight:800;font-size:58px;line-height:1;letter-spacing:-.04em}
.ai-agenda{margin:44px 0 0;padding:0;list-style:none;border-top:1px solid #EDE6DA}
.ai-agenda li{display:grid;grid-template-columns:120px minmax(0,1fr);gap:24px;padding:22px 0;border-bottom:1px solid #EDE6DA}
.ai-agenda time{font-family:"Gabarito",var(--text);font-weight:800;font-size:28px;line-height:1.1;color:var(--air);font-variant-numeric:tabular-nums}
.ai-agenda h3{font-family:"Gabarito",var(--text);font-weight:700;font-size:24px;letter-spacing:-.02em}
.ai-agenda p{margin-top:4px;font-size:15px;color:var(--muted)}
.ai-hostcard{display:flex;align-items:center;gap:22px;margin-top:40px;padding:26px;border-radius:24px;background:var(--paper)}
.ai-hostcard > i{flex:none;width:72px;height:72px;border-radius:50%;background:radial-gradient(circle at 40% 35%,#CC9470,#8A5A42);box-shadow:inset 0 14px 0 #1C1210}
.ai-hostcard b{display:block;font-family:"Gabarito",var(--text);font-weight:800;font-size:22px}
.ai-hostcard span{font-size:15px;color:var(--muted)}
.ai-hostcard button{margin-left:auto;height:52px;padding:0 22px;border:0;border-radius:14px;background:var(--air);color:#fff;font-weight:700;white-space:nowrap;transition:background-color .3s}
.ai-hostcard button.is-done{background:#2F7A4F}
.ai-foot{display:flex;justify-content:space-between;margin-top:56px;padding-top:20px;border-top:1px solid #EDE6DA;font-size:14px;color:var(--muted)}
@container ms (max-width:600px){
  .ai-hero{height:auto;min-height:var(--dh);display:flex;flex-direction:column;padding-bottom:20px}
  .ai-hero::before{left:-120px;top:520px}
  .ai-nav{height:66px;padding:0 20px}
  .ai-logo{font-size:19px}
  .ai-links{display:none}
  .ai-navbtn{margin-left:auto;height:38px;padding:0 14px;font-size:13px}
  .ai-copy{position:relative;left:auto;top:auto;width:auto;padding:10px 20px 0}
  .ai-copy h1{font-size:42px}
  .ai-sub{font-size:16px}
  .ai-cd div{width:auto;flex:1;height:72px}
  .ai-cd b{font-size:28px}
  .ai-buy{flex-wrap:wrap;gap:14px}
  .ai-stage{position:relative;left:auto;top:auto;align-self:center;margin:24px 0 0 26px;zoom:.6}
  .ai-more{padding:64px 20px 32px}
  .ai-more h2{font-size:38px}
  .ai-agenda li{grid-template-columns:72px minmax(0,1fr);gap:14px}
  .ai-agenda time{font-size:20px}
  .ai-hostcard{flex-wrap:wrap}
  .ai-hostcard button{margin-left:0;width:100%}
  .ai-foot{flex-direction:column;gap:6px}
}

/* ---------- websites.digifyus.com additions ---------- */
/* 404 page */
.nf{min-height:100svh;display:grid;place-items:center;padding:24px var(--gr) 24px var(--gl);text-align:center}
.nf h1{margin-top:16px;font-size:clamp(44px,12vw,96px);line-height:.9;letter-spacing:-.045em;font-variation-settings:"wght" 800,"wdth" 75,"opsz" 96}
.nf p:not(.eyebrow){max-width:36ch;margin:18px auto 30px;color:var(--taupe)}
.nf .eyebrow{justify-content:center}