:root{
  --bg:#0a0612;
  --bg-2:#120a1e;
  --bg-3:#1a0f2e;
  --ink:#f5f0ff;
  --ink-dim:#c8b8e0;
  --ink-mute:#8a7aa6;
  --line:rgba(217,102,240,.12);
  --line-strong:rgba(217,102,240,.28);
  --magenta:#d966f0;
  --pink:#ff7ae6;
  --violet:#a855f7;
  --deep:#7c3aed;
  --pale:#e9c8ff;
  --lime:#d4ff3a;
  --grad: linear-gradient(135deg,#d966f0 0%,#a855f7 50%,#7c3aed 100%);
  --grad-soft: linear-gradient(135deg,rgba(217,102,240,.18) 0%,rgba(124,58,237,.18) 100%);
  --radius:18px;
  --radius-lg:28px;
  --shadow-glow:0 0 60px -10px rgba(217,102,240,.5);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Manrope',system-ui,sans-serif;
  background:var(--bg);
  color:var(--ink);
  font-size:16px;
  line-height:1.55;
  overflow-x:hidden;
  -webkit-font-smoothing:antialiased;
  font-feature-settings:"ss01","cv11";
}
img{max-width:100%;display:block}

.ambient{
  position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(ellipse 80% 50% at 20% 0%, rgba(217,102,240,.18), transparent 60%),
    radial-gradient(ellipse 60% 50% at 80% 30%, rgba(124,58,237,.15), transparent 60%),
    radial-gradient(ellipse 50% 50% at 50% 100%, rgba(168,85,247,.12), transparent 60%),
    var(--bg);
}
.grain{
  position:fixed;inset:0;z-index:-1;pointer-events:none;opacity:.35;mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.5'/%3E%3C/svg%3E");
}

.wrap{max-width:1280px;margin:0 auto;padding:0 32px}
@media(max-width:720px){.wrap{padding:0 20px}}

.eyebrow{
  font-family:'JetBrains Mono',monospace;
  font-size:11px;
  letter-spacing:.18em;
  text-transform:uppercase;
  color:var(--ink-mute);
  display:inline-flex;align-items:center;gap:10px;
}
.eyebrow::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--magenta);box-shadow:0 0 12px var(--magenta);
}

.btn{
  display:inline-flex;align-items:center;gap:10px;
  padding:14px 24px;border-radius:999px;
  font-family:'Manrope',sans-serif;font-weight:600;font-size:14px;
  text-decoration:none;cursor:pointer;border:none;
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  letter-spacing:-.01em;
}
.btn-primary{
  background:var(--grad);color:#fff;
  box-shadow:0 8px 32px -8px rgba(217,102,240,.6),inset 0 1px 0 rgba(255,255,255,.2);
}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px -8px rgba(217,102,240,.8)}
.btn-ghost{
  background:rgba(255,255,255,.04);color:var(--ink);
  border:1px solid var(--line-strong);backdrop-filter:blur(10px);
}
.btn-ghost:hover{background:rgba(255,255,255,.08);border-color:var(--magenta)}

/* ── Nav ─────────────────────────────────────────────────── */
nav.top{
  position:sticky;top:0;z-index:50;
  background:rgba(10,6,18,.7);backdrop-filter:blur(20px) saturate(180%);
  border-bottom:1px solid var(--line);
}
nav.top .wrap{display:flex;align-items:center;justify-content:space-between;height:72px}
.logo{
  display:flex;align-items:center;gap:12px;
  font-family:'Fraunces',serif;font-weight:600;font-size:22px;letter-spacing:-.02em;
  text-decoration:none;color:var(--ink);
}
.logo-mark{
  width:38px;height:38px;border-radius:10px;
  background-image:url("assets/images/brand/logo.jpg");
  background-size:cover;background-position:center;
  box-shadow:0 4px 20px -4px rgba(217,102,240,.5);
  position:relative;
}
.logo-mark::after{
  content:"";position:absolute;inset:-1px;border-radius:11px;
  background:var(--grad);opacity:0;z-index:-1;filter:blur(8px);transition:opacity .3s;
}
.logo:hover .logo-mark::after{opacity:.6}
.nav-links{display:flex;gap:32px;align-items:center}
.nav-links a{
  color:var(--ink-dim);text-decoration:none;font-size:14px;font-weight:500;
  transition:color .2s;position:relative;
}
.nav-links a:hover{color:var(--ink)}
.nav-cta{display:flex;gap:10px;align-items:center}
@media(max-width:980px){.nav-links{display:none}}

/* ── Hero ────────────────────────────────────────────────── */
section.hero{
  position:relative;padding:120px 0 100px;overflow:hidden;
  background-image:
    linear-gradient(180deg,rgba(10,6,18,.5) 0%,rgba(10,6,18,.85) 60%,var(--bg) 100%),
    url("assets/images/brand/hero-background.jpg");
  background-size:cover;background-position:center top;background-attachment:fixed;
}
@media(max-width:880px){section.hero{background-attachment:scroll}}
section.hero::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:
    radial-gradient(ellipse 60% 40% at 30% 30%, rgba(217,102,240,.15), transparent 60%),
    radial-gradient(ellipse 50% 40% at 80% 60%, rgba(124,58,237,.18), transparent 60%);
}
.hero-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center;
  position:relative;
}
@media(max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:60px}}

.hero h1{
  font-family:'Fraunces',serif;
  font-size:clamp(48px,7vw,96px);
  font-weight:400;
  line-height:.96;
  letter-spacing:-.035em;
  margin:24px 0 28px;
}
.hero h1 em{
  font-style:italic;font-weight:300;
  background:linear-gradient(135deg,#ff7ae6 0%,#d966f0 50%,#a855f7 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero p.lede{
  font-size:19px;color:var(--ink-dim);max-width:520px;margin-bottom:36px;
  line-height:1.6;
}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-meta{
  margin-top:48px;display:flex;gap:32px;flex-wrap:wrap;
  padding-top:28px;border-top:1px solid var(--line);
}
.hero-meta .stat .num{
  font-family:'Fraunces',serif;font-size:32px;font-weight:500;letter-spacing:-.02em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-meta .stat .lbl{font-size:12px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em;margin-top:2px}

/* Hero phone visual */
.hero-visual{position:relative;perspective:1500px}
.phone-card{
  position:relative;border-radius:var(--radius-lg);
  background:linear-gradient(165deg,#1f1135 0%,#120a1e 100%);
  border:1px solid var(--line-strong);
  padding:28px;
  box-shadow:var(--shadow-glow),0 30px 60px -20px rgba(0,0,0,.6);
  transform:rotateY(-8deg) rotateX(4deg);
  animation:float 8s ease-in-out infinite;
}
@keyframes float{
  0%,100%{transform:rotateY(-8deg) rotateX(4deg) translateY(0)}
  50%{transform:rotateY(-6deg) rotateX(2deg) translateY(-12px)}
}
.phone-card::before{
  content:"";position:absolute;inset:-1px;border-radius:var(--radius-lg);
  background:var(--grad);opacity:.3;z-index:-1;filter:blur(20px);
}
.card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}
.card-tag{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--magenta);letter-spacing:.15em;text-transform:uppercase;
  display:inline-flex;align-items:center;gap:8px;
}
.card-logo-mini{width:20px;height:20px;border-radius:5px;background-image:url("assets/images/brand/logo.jpg");background-size:cover}
.card-balance{
  font-family:'Fraunces',serif;font-size:56px;font-weight:300;letter-spacing:-.03em;
  line-height:1;margin:8px 0 4px;
}
.card-balance small{font-size:24px;color:var(--ink-mute);font-weight:300;margin-left:4px}
.card-sub{font-size:13px;color:var(--ink-dim);margin-bottom:28px}
.stamp-row{display:flex;gap:8px;margin-bottom:24px}
.stamp{
  flex:1;height:36px;border-radius:8px;
  border:1px dashed var(--line-strong);
  display:grid;place-items:center;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--ink-mute);
}
.stamp.filled{
  border:1px solid transparent;background:var(--grad);
  color:#fff;font-weight:600;box-shadow:0 4px 12px -2px rgba(217,102,240,.5);
}
.tx-list{display:flex;flex-direction:column;gap:12px}
.tx{display:flex;justify-content:space-between;align-items:center;font-size:13px}
.tx .left{display:flex;align-items:center;gap:10px}
.tx .ico{width:32px;height:32px;border-radius:8px;background:rgba(217,102,240,.12);display:grid;place-items:center;font-size:14px}
.tx .name{font-weight:500}
.tx .when{font-size:11px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace}
.tx .amt{font-family:'Fraunces',serif;font-size:16px;color:var(--pink)}

.chip{
  position:absolute;
  background:rgba(20,12,32,.92);backdrop-filter:blur(20px);
  border:1px solid var(--line-strong);
  padding:10px 16px;border-radius:999px;
  font-size:12px;font-weight:500;
  display:flex;align-items:center;gap:8px;
  box-shadow:0 8px 24px -6px rgba(0,0,0,.5);
}
.chip.a{top:-20px;left:-30px;animation:bob 6s ease-in-out infinite}
.chip.b{bottom:40px;right:-40px;animation:bob 7s ease-in-out infinite -2s}
.chip-dot{width:8px;height:8px;border-radius:50%;background:var(--lime);box-shadow:0 0 10px var(--lime)}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}

/* ── Logo strip ──────────────────────────────────────────── */
.logos{padding:60px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.logos-inner{display:flex;align-items:center;gap:48px;flex-wrap:wrap;justify-content:space-between}
.logos-label{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute)}
.logo-row{display:flex;gap:48px;flex-wrap:wrap;align-items:center;opacity:.6}
.logo-row span{font-family:'Fraunces',serif;font-size:22px;font-weight:500;letter-spacing:-.01em;color:var(--ink-dim)}

section{padding:120px 0;position:relative}
.section-head{margin-bottom:64px;max-width:720px}
.section-head.center{margin-left:auto;margin-right:auto;text-align:center}
.section-head.center .eyebrow{justify-content:center}
.section-head.center p{margin-left:auto;margin-right:auto}
.section-head h2{
  font-family:'Fraunces',serif;font-size:clamp(36px,5vw,64px);font-weight:400;
  line-height:1.02;letter-spacing:-.03em;margin:18px 0 20px;
}
.section-head h2 em{font-style:italic;font-weight:300;color:var(--magenta)}
.section-head p{color:var(--ink-dim);font-size:18px;line-height:1.6;max-width:560px}

/* ── How It Works ────────────────────────────────────────── */
.how-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
@media(max-width:880px){.how-grid{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.how-grid{grid-template-columns:1fr}}
.how{
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  border:1px solid var(--line);border-radius:var(--radius-lg);
  padding:32px 28px;position:relative;
  transition:all .3s;
}
.how:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.how-num{
  width:56px;height:56px;border-radius:50%;
  background:var(--grad-soft);border:1px solid var(--line-strong);
  display:grid;place-items:center;
  font-family:'Fraunces',serif;font-size:24px;font-weight:500;
  background-clip:text;-webkit-background-clip:text;color:transparent;
  background-image:var(--grad);
  margin-bottom:24px;
  box-shadow:inset 0 0 0 1px rgba(217,102,240,.2);
}
.how h5{font-family:'Fraunces',serif;font-size:22px;font-weight:500;letter-spacing:-.015em;margin-bottom:10px;line-height:1.2}
.how p{color:var(--ink-dim);font-size:14px;line-height:1.55}

/* ── Features split (image + bullets) ────────────────────── */
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:64px;align-items:center}
@media(max-width:980px){.split{grid-template-columns:1fr;gap:40px}}
.split.reverse{grid-template-columns:1fr 1.05fr}
@media(max-width:980px){.split.reverse{grid-template-columns:1fr}}
.split-img{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--line-strong);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 0 60px -20px rgba(217,102,240,.3);
  aspect-ratio:4/3;
}
.split-img img{width:100%;height:100%;object-fit:cover;display:block}
.split-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 60%,rgba(10,6,18,.4));
  pointer-events:none;
}
.split-img .float-tag{
  position:absolute;bottom:24px;left:24px;
  background:rgba(20,12,32,.9);backdrop-filter:blur(20px);
  border:1px solid var(--line-strong);
  padding:10px 16px;border-radius:999px;
  font-family:'JetBrains Mono',monospace;font-size:11px;color:var(--magenta);
  letter-spacing:.1em;text-transform:uppercase;
  display:flex;align-items:center;gap:8px;z-index:2;
}
.split-content h2{font-family:'Fraunces',serif;font-size:clamp(32px,4.5vw,52px);font-weight:400;letter-spacing:-.03em;line-height:1.05;margin:18px 0 20px}
.split-content h2 em{font-style:italic;font-weight:300;color:var(--magenta)}
.split-content > p{color:var(--ink-dim);font-size:17px;line-height:1.6;margin-bottom:28px;max-width:520px}
.split-list{list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:32px}
.split-list li{
  display:flex;align-items:flex-start;gap:14px;
  font-size:15px;color:var(--ink);line-height:1.5;
}
.split-list li::before{
  content:"";width:24px;height:24px;border-radius:50%;flex-shrink:0;
  background:var(--grad);
  background-image:linear-gradient(135deg,#d966f0,#7c3aed),url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:cover, 60%;
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  margin-top:1px;
  box-shadow:0 4px 12px -4px rgba(217,102,240,.5);
  position:relative;
}
.split-list li::after{
  content:"✓";position:absolute;left:0;width:24px;height:24px;
  display:none;
}

/* ── Capabilities tile grid (with brand tiles) ───────────── */
.caps-grid{
  display:grid;grid-template-columns:repeat(4,1fr);gap:20px;
}
@media(max-width:1080px){.caps-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.caps-grid{grid-template-columns:repeat(2,1fr)}}
.cap{
  position:relative;aspect-ratio:1.05/1;
  border-radius:20px;overflow:hidden;
  background-size:cover;background-position:center;
  border:1px solid var(--line);
  cursor:pointer;transition:all .35s cubic-bezier(.2,.8,.2,1);
}
.cap:hover{transform:translateY(-6px) scale(1.02);box-shadow:0 20px 40px -12px rgba(0,0,0,.5),0 0 30px -8px rgba(217,102,240,.4)}
.cap::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(0,0,0,.35) 100%);
}
.cap-meta{
  position:absolute;top:18px;left:18px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.15em;text-transform:uppercase;color:rgba(255,255,255,.7);
  z-index:2;
}
.cap-arrow{
  position:absolute;top:18px;right:18px;
  width:28px;height:28px;border-radius:50%;
  background:rgba(255,255,255,.15);backdrop-filter:blur(10px);
  display:grid;place-items:center;color:#fff;font-size:14px;
  z-index:2;transition:all .3s;
}
.cap:hover .cap-arrow{background:rgba(255,255,255,.3);transform:rotate(-45deg)}

/* ── Banner strip (3D rings) ─────────────────────────────── */
.banner-strip{
  position:relative;
  padding:80px 0;
  background-image:
    linear-gradient(180deg,var(--bg) 0%,rgba(10,6,18,.4) 30%,rgba(10,6,18,.4) 70%,var(--bg) 100%),
    url("assets/images/brand/rings-banner.jpg");
  background-size:cover;background-position:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
}
.banner-content{
  position:relative;text-align:center;max-width:780px;margin:0 auto;padding:0 32px;
}
.banner-content h3{
  font-family:'Fraunces',serif;font-size:clamp(32px,4.5vw,52px);
  font-weight:400;letter-spacing:-.03em;line-height:1.05;
}
.banner-content h3 em{font-style:italic;font-weight:300;color:var(--magenta)}
.banner-content p{margin-top:18px;color:var(--ink-dim);font-size:17px}

/* ── Special Features (3 trio cards) ─────────────────────── */
.trio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:880px){.trio-grid{grid-template-columns:1fr}}
.trio{
  position:relative;padding:40px 32px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));
  border:1px solid var(--line-strong);
  overflow:hidden;
  transition:all .3s;
}
.trio:hover{transform:translateY(-6px);border-color:var(--magenta);box-shadow:0 20px 40px -12px rgba(217,102,240,.3)}
.trio::before{
  content:"";position:absolute;top:-60%;right:-30%;width:300px;height:300px;border-radius:50%;
  background:radial-gradient(circle,var(--magenta),transparent 70%);opacity:.15;
  filter:blur(40px);
}
.trio-img{
  width:100%;aspect-ratio:1.15/1;border-radius:14px;overflow:hidden;margin-bottom:24px;
  background-size:cover;background-position:center;
  border:1px solid var(--line);
  position:relative;
}
.trio h4{font-family:'Fraunces',serif;font-size:24px;font-weight:500;margin-bottom:10px;letter-spacing:-.015em;line-height:1.2;position:relative}
.trio p{color:var(--ink-dim);font-size:14px;line-height:1.6;position:relative}

/* ── Community section (Shoppers vs Shopkeepers) ─────────── */
.comm-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:48px}
@media(max-width:880px){.comm-grid{grid-template-columns:1fr}}
.comm{
  position:relative;padding:40px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  border:1px solid var(--line);
  overflow:hidden;
  transition:all .3s;
}
.comm:hover{border-color:var(--line-strong)}
.comm-tag{
  display:inline-flex;align-items:center;gap:8px;
  padding:6px 14px;border-radius:999px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;
  background:var(--grad-soft);border:1px solid var(--line-strong);
  color:var(--magenta);margin-bottom:20px;
}
.comm-tag.alt{color:var(--pink)}
.comm h3{font-family:'Fraunces',serif;font-size:28px;font-weight:500;letter-spacing:-.02em;margin-bottom:14px;line-height:1.2}
.comm > p{color:var(--ink-dim);font-size:15px;line-height:1.6;margin-bottom:24px}
.comm-list{list-style:none;display:flex;flex-direction:column;gap:12px;margin-bottom:28px}
.comm-list li{
  display:flex;align-items:flex-start;gap:12px;
  font-size:14px;color:var(--ink-dim);line-height:1.5;
}
.comm-list li::before{
  content:"";width:6px;height:6px;border-radius:50%;background:var(--magenta);
  flex-shrink:0;margin-top:8px;
  box-shadow:0 0 10px var(--magenta);
}

/* ── Dashboard preview ───────────────────────────────────── */
.dash-wrap{
  position:relative;border-radius:var(--radius-lg);overflow:hidden;
  background:linear-gradient(180deg,#0f0820,#0a0612);
  border:1px solid var(--line-strong);
  box-shadow:0 40px 80px -20px rgba(0,0,0,.6),0 0 80px -20px rgba(217,102,240,.3);
}
.dash-bar{
  display:flex;align-items:center;gap:8px;
  padding:14px 20px;border-bottom:1px solid var(--line);
  background:rgba(255,255,255,.02);
}
.dash-bar .dot{width:11px;height:11px;border-radius:50%;background:var(--line-strong)}
.dash-bar .url{
  flex:1;margin-left:14px;font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--ink-mute);
  background:rgba(0,0,0,.3);padding:6px 12px;border-radius:6px;
  display:flex;align-items:center;gap:8px;
}
.dash-bar .url::before{content:"🔒";font-size:10px}
.dash-body{display:grid;grid-template-columns:220px 1fr;min-height:520px}
@media(max-width:720px){.dash-body{grid-template-columns:1fr}}
.dash-side{
  padding:24px 16px;border-right:1px solid var(--line);
  display:flex;flex-direction:column;gap:6px;
  background:rgba(0,0,0,.15);
}
.dash-side-head{
  display:flex;align-items:center;gap:10px;padding:6px 8px 18px;
  border-bottom:1px solid var(--line);margin-bottom:10px;
}
.dash-side-head .lm{width:28px;height:28px;border-radius:7px;background-image:url("assets/images/brand/logo.jpg");background-size:cover}
.dash-side-head .lt{font-family:"Fraunces",serif;font-weight:600;font-size:15px}
.dash-side .nav-item{
  padding:10px 14px;border-radius:8px;font-size:13px;color:var(--ink-dim);
  display:flex;align-items:center;gap:10px;cursor:pointer;transition:all .2s;
}
.dash-side .nav-item:hover{background:rgba(255,255,255,.03);color:var(--ink)}
.dash-side .nav-item.active{background:var(--grad-soft);color:var(--ink);border:1px solid var(--line-strong)}
.dash-side .nav-item .nav-ico{width:18px;height:18px;display:grid;place-items:center;opacity:.8}
.dash-main{padding:32px;display:flex;flex-direction:column;gap:24px}
.dash-title{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}
.dash-title h4{font-family:'Fraunces',serif;font-size:24px;font-weight:500;letter-spacing:-.02em}
.dash-title .pill{font-size:11px;font-family:'JetBrains Mono',monospace;color:var(--lime);background:rgba(212,255,58,.1);padding:4px 10px;border-radius:999px;border:1px solid rgba(212,255,58,.3)}
.dash-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
@media(max-width:720px){.dash-stats{grid-template-columns:1fr}}
.dash-stat{
  padding:18px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--line);
}
.dash-stat .lbl{font-size:11px;color:var(--ink-mute);text-transform:uppercase;letter-spacing:.1em}
.dash-stat .v{font-family:'Fraunces',serif;font-size:28px;font-weight:500;margin-top:8px;letter-spacing:-.02em}
.dash-stat .delta{font-size:12px;color:var(--lime);margin-top:4px}
.dash-chart{
  height:200px;border-radius:12px;
  background:rgba(255,255,255,.02);border:1px solid var(--line);
  padding:20px;position:relative;
}
.dash-chart svg{width:100%;height:100%}

/* ── Pricing ─────────────────────────────────────────────── */
.price-toggle{
  display:inline-flex;background:rgba(0,0,0,.3);border:1px solid var(--line);
  padding:4px;border-radius:999px;margin:0 auto 48px;
  position:relative;
}
.price-toggle-wrap{display:flex;justify-content:center}
.price-toggle button{
  background:none;border:none;color:var(--ink-mute);
  font-family:inherit;font-weight:500;font-size:13px;
  padding:10px 22px;border-radius:999px;cursor:pointer;
  transition:all .25s;letter-spacing:-.01em;
}
.price-toggle button.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px -4px rgba(217,102,240,.5)}
.price-toggle .save{
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;
  color:var(--lime);margin-left:6px;
}

.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1080px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.price-grid{grid-template-columns:1fr}}
.price{
  padding:32px 28px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  border:1px solid var(--line);position:relative;
  display:flex;flex-direction:column;
  transition:all .3s;
}
.price:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.price.featured{
  border-color:transparent;
  background:linear-gradient(180deg,rgba(217,102,240,.1),rgba(124,58,237,.05));
  box-shadow:0 0 0 1px rgba(217,102,240,.5),0 20px 60px -20px rgba(217,102,240,.5);
}
.price.featured:hover{transform:translateY(-6px) scale(1.01)}
.price-tag{
  position:absolute;top:-12px;left:50%;transform:translateX(-50%);
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;
  background:var(--grad);color:#fff;padding:6px 14px;border-radius:999px;
  text-transform:uppercase;white-space:nowrap;
}
.price-icon{
  width:44px;height:44px;border-radius:11px;
  background:var(--grad-soft);border:1px solid var(--line-strong);
  display:grid;place-items:center;margin-bottom:18px;
  font-size:20px;
}
.price.featured .price-icon{background:var(--grad);border-color:transparent}
.price h4{font-family:'Fraunces',serif;font-size:24px;font-weight:500;margin-bottom:6px;letter-spacing:-.015em}
.price-desc{color:var(--ink-mute);font-size:13px;margin-bottom:22px;min-height:38px;line-height:1.4}
.price-amt{
  font-family:'Fraunces',serif;font-size:48px;font-weight:400;letter-spacing:-.03em;
  line-height:1;margin-bottom:4px;display:flex;align-items:baseline;gap:2px;
}
.price-amt .currency{font-size:24px;color:var(--ink-mute);font-weight:300;margin-right:2px}
.price-amt small{font-size:14px;color:var(--ink-mute);font-weight:400;margin-left:6px;font-family:'Manrope',sans-serif;letter-spacing:0}
.price-period{font-size:12px;color:var(--ink-mute);margin-bottom:22px;font-family:'JetBrains Mono',monospace;letter-spacing:.05em}
.price-period .save{color:var(--lime);margin-left:6px}
.price ul{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:24px;flex:1}
.price li{font-size:13px;color:var(--ink-dim);display:flex;align-items:flex-start;gap:10px;line-height:1.4}
.price li::before{
  content:"";width:14px;height:14px;border-radius:50%;background:var(--grad-soft);
  border:1px solid var(--line-strong);flex-shrink:0;margin-top:2px;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-6' stroke='%23d966f0' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:center;background-size:90%;
}
.price .btn{justify-content:center;padding:11px 18px;font-size:13px}

/* ── Signup ──────────────────────────────────────────────── */
.signup-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
@media(max-width:880px){.signup-grid{grid-template-columns:1fr}}
.signup-card{
  padding:40px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,#1a0f2e,#0a0612);
  border:1px solid var(--line-strong);
  box-shadow:var(--shadow-glow);
  position:relative;
}
.signup-card::before{
  content:"";position:absolute;top:-40px;right:-40px;width:120px;height:120px;
  background-image:url("assets/images/brand/logo.jpg");background-size:cover;border-radius:30px;
  opacity:.1;filter:blur(2px);
}
.signup-card h4{font-family:'Fraunces',serif;font-size:28px;font-weight:500;margin-bottom:8px;letter-spacing:-.02em;position:relative}
.signup-card .sub{color:var(--ink-dim);font-size:14px;margin-bottom:28px;position:relative}
.signup-card .sub a{color:var(--magenta)}
.tab-row{
  display:flex;background:rgba(0,0,0,.3);border-radius:10px;padding:4px;margin-bottom:24px;
  border:1px solid var(--line);position:relative;
}
.tab{
  flex:1;padding:10px;text-align:center;font-size:13px;font-weight:500;
  border-radius:7px;cursor:pointer;color:var(--ink-mute);transition:all .2s;
}
.tab.active{background:var(--grad);color:#fff;box-shadow:0 4px 12px -4px rgba(217,102,240,.5)}
.field{margin-bottom:16px;position:relative}
.field label{display:block;font-size:12px;color:var(--ink-mute);margin-bottom:6px;font-family:'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase}
.field input{
  width:100%;padding:14px 16px;border-radius:10px;
  background:rgba(0,0,0,.3);border:1px solid var(--line);
  color:var(--ink);font-family:inherit;font-size:14px;
  transition:border .2s;
}
.field input:focus{outline:none;border-color:var(--magenta)}
.field input::placeholder{color:var(--ink-mute)}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.signup-card .btn{width:100%;justify-content:center;margin-top:8px;position:relative}
.signup-card .legal{font-size:11px;color:var(--ink-mute);text-align:center;margin-top:18px;line-height:1.5;position:relative}
.signup-card .legal a{color:var(--ink-dim)}

/* ── Blog ────────────────────────────────────────────────── */
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
@media(max-width:880px){.blog-grid{grid-template-columns:1fr}}
.post{
  border-radius:var(--radius-lg);overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,.02),transparent);
  border:1px solid var(--line);transition:all .3s;cursor:pointer;
  display:flex;flex-direction:column;
}
.post:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.post-img{
  height:200px;position:relative;overflow:hidden;
  background-size:cover;background-position:center;
}
.post-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(10,6,18,.6));
}
.post-body{padding:24px 26px;flex:1;display:flex;flex-direction:column}
.post-date{font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;color:var(--magenta);text-transform:uppercase;margin-bottom:10px}
.post h5{font-family:'Fraunces',serif;font-size:21px;font-weight:500;letter-spacing:-.015em;margin-bottom:10px;line-height:1.25}
.post p{color:var(--ink-dim);font-size:14px;flex:1;line-height:1.55}
.post-link{font-size:12px;color:var(--magenta);margin-top:18px;font-family:'JetBrains Mono',monospace;letter-spacing:.1em;text-transform:uppercase;display:inline-flex;align-items:center;gap:6px}

/* ── Final CTA ───────────────────────────────────────────── */
.final-cta{
  display:grid;grid-template-columns:1fr 1fr;gap:0;
  border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--line-strong);
  box-shadow:0 40px 80px -20px rgba(0,0,0,.5),0 0 60px -20px rgba(217,102,240,.3);
}
@media(max-width:880px){.final-cta{grid-template-columns:1fr}}
.final-cta-img{
  position:relative;min-height:400px;
  background-size:cover;background-position:center;
}
.final-cta-img::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(135deg,rgba(124,58,237,.4) 0%,rgba(217,102,240,.2) 100%),
    linear-gradient(90deg,transparent 0%,rgba(10,6,18,.4) 100%);
}
.final-cta-content{
  padding:60px 48px;
  background:linear-gradient(135deg,#1a0f2e 0%,#0a0612 100%);
  position:relative;
  display:flex;flex-direction:column;justify-content:center;
}
.final-cta-content::before{
  content:"";position:absolute;top:-40px;right:-40px;width:160px;height:160px;
  background-image:url("assets/images/brand/logo.jpg");background-size:cover;border-radius:40px;
  opacity:.08;filter:blur(2px);
}
.final-cta h2{
  font-family:'Fraunces',serif;font-size:clamp(36px,4.5vw,52px);font-weight:400;
  letter-spacing:-.03em;line-height:1.05;position:relative;
}
.final-cta h2 em{font-style:italic;font-weight:300;color:var(--magenta)}
.final-cta p{color:var(--ink-dim);font-size:16px;margin:18px 0 32px;position:relative;line-height:1.6}
.final-cta-actions{display:flex;gap:12px;flex-wrap:wrap;position:relative}

/* ── Footer ──────────────────────────────────────────────── */
footer{
  border-top:1px solid var(--line);padding:64px 0 32px;margin-top:80px;
  background:linear-gradient(180deg,transparent,rgba(0,0,0,.3));
}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}
@media(max-width:880px){.footer-grid{grid-template-columns:1fr 1fr}}
.foot-col h6{font-size:12px;text-transform:uppercase;letter-spacing:.15em;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;margin-bottom:18px}
.foot-col a{display:block;color:var(--ink-dim);text-decoration:none;font-size:14px;margin-bottom:10px;transition:color .2s}
.foot-col a:hover{color:var(--ink)}
.foot-brand p{color:var(--ink-dim);font-size:14px;max-width:300px;margin-top:18px;line-height:1.6}
.foot-bottom{
  display:flex;justify-content:space-between;align-items:center;
  padding-top:32px;border-top:1px solid var(--line);
  font-size:12px;color:var(--ink-mute);font-family:'JetBrains Mono',monospace;
}
@media(max-width:720px){.foot-bottom{flex-direction:column;gap:16px}}


/* ── Founder's View ──────────────────────────────────────── */
.founder-essay-block{
  padding-bottom:64px;margin-bottom:64px;
  border-bottom:1px solid var(--line);
}
.founder-essay-block:last-child{padding-bottom:0;margin-bottom:0;border-bottom:none}
.founder-divider{
  display:flex;align-items:center;gap:16px;margin:0 0 32px;
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-mute);
}
.founder-divider::before,
.founder-divider::after{
  content:"";flex:1;height:1px;background:var(--line);
}
.founder-divider .num{
  background:var(--grad-soft);border:1px solid var(--line-strong);
  padding:4px 10px;border-radius:999px;color:var(--magenta);
}
.essay-tagline{
  font-family:'Fraunces',serif;font-style:italic;font-weight:300;
  font-size:18px;color:var(--ink-dim);margin-bottom:24px;line-height:1.5;
}

section.founder{
  padding:120px 0;
  position:relative;
}
.founder-wrap{
  display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:start;
  position:relative;
}
@media(max-width:980px){.founder-wrap{grid-template-columns:1fr;gap:48px}}

.founder-portrait{
  position:sticky;top:100px;
  border-radius:var(--radius-lg);overflow:hidden;
  border:1px solid var(--line-strong);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 0 60px -20px rgba(217,102,240,.3);
  aspect-ratio:4/5;
  background-image:url("assets/images/founder/devang.jpg");
  background-size:cover;background-position:center top;
  position:relative;
}
@media(max-width:980px){.founder-portrait{position:static;max-width:380px;margin:0 auto}}
.founder-portrait::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 50%,rgba(10,6,18,.85) 100%);
}
.founder-card{
  position:absolute;left:24px;right:24px;bottom:24px;z-index:2;
  background:rgba(20,12,32,.85);backdrop-filter:blur(20px);
  border:1px solid var(--line-strong);
  padding:18px 20px;border-radius:14px;
  display:flex;align-items:center;justify-content:space-between;gap:14px;
}
.founder-card .name{
  font-family:'Fraunces',serif;font-size:18px;font-weight:500;letter-spacing:-.01em;
}
.founder-card .role{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;
  color:var(--magenta);text-transform:uppercase;margin-top:2px;
}
.founder-card .li{
  width:36px;height:36px;border-radius:8px;
  background:var(--grad-soft);border:1px solid var(--line-strong);
  display:grid;place-items:center;color:var(--magenta);text-decoration:none;
  font-weight:700;font-size:14px;font-family:'JetBrains Mono',monospace;
  transition:all .2s;flex-shrink:0;
}
.founder-card .li:hover{background:var(--grad);color:#fff;border-color:transparent}

.founder-content h2{
  font-family:'Fraunces',serif;font-size:clamp(36px,5vw,60px);font-weight:400;
  line-height:1.02;letter-spacing:-.03em;margin:18px 0 32px;
}
.founder-content h2 em{font-style:italic;font-weight:300;color:var(--magenta)}

.founder-meta{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  margin-bottom:32px;padding-bottom:24px;border-bottom:1px solid var(--line);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-mute);
}
.founder-meta .dot{width:4px;height:4px;border-radius:50%;background:var(--ink-mute)}

.founder-essay{
  font-size:17px;line-height:1.75;color:var(--ink-dim);
}
.founder-essay p{margin-bottom:20px}
.founder-essay p:first-child::first-letter{
  font-family:'Fraunces',serif;font-size:64px;font-weight:400;
  float:left;line-height:.85;margin:6px 14px 0 0;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.founder-essay strong{color:var(--ink);font-weight:600}
.founder-essay em{
  font-style:italic;color:var(--ink);
  font-family:'Fraunces',serif;
}

.founder-pull{
  margin:36px 0;padding:32px 36px;
  border-left:3px solid var(--magenta);
  background:linear-gradient(90deg,rgba(217,102,240,.06),transparent 80%);
  border-radius:0 14px 14px 0;
  position:relative;
}
.founder-pull::before{
  content:"\201C";
  position:absolute;top:-8px;left:20px;
  font-family:'Fraunces',serif;font-size:80px;font-weight:300;
  color:var(--magenta);opacity:.4;line-height:1;
}
.founder-pull blockquote{
  font-family:'Fraunces',serif;font-size:clamp(22px,2.4vw,28px);
  font-weight:400;font-style:italic;line-height:1.3;
  color:var(--ink);letter-spacing:-.015em;
  margin-bottom:14px;
}
.founder-pull cite{
  font-style:normal;font-size:13px;color:var(--ink-mute);
  font-family:'JetBrains Mono',monospace;letter-spacing:.05em;
  display:flex;align-items:center;gap:10px;
}
.founder-pull cite::before{content:"";width:24px;height:1px;background:var(--ink-mute)}

.founder-results{
  display:grid;grid-template-columns:repeat(3,1fr);gap:14px;
  margin:32px 0;padding:24px;
  background:rgba(255,255,255,.02);
  border:1px solid var(--line);border-radius:14px;
}
@media(max-width:560px){.founder-results{grid-template-columns:1fr}}
.founder-results .r{display:flex;flex-direction:column;gap:4px}
.founder-results .r-num{
  font-family:'Fraunces',serif;font-size:24px;font-weight:500;letter-spacing:-.02em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;
}
.founder-results .r-lbl{
  font-size:12px;color:var(--ink-dim);line-height:1.4;
}

.founder-cta{
  display:flex;gap:14px;align-items:center;flex-wrap:wrap;
  margin-top:32px;padding-top:32px;border-top:1px solid var(--line);
}
.founder-tags{
  display:flex;gap:6px;flex-wrap:wrap;margin-top:24px;
}
.founder-tags span{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;
  padding:4px 10px;border-radius:999px;
  background:var(--grad-soft);border:1px solid var(--line);
  color:var(--ink-mute);
}


/* ── Founder essay cards row ─────────────────────────────── */
.founder-cards{
  margin-top:64px;padding-top:64px;border-top:1px solid var(--line);
}
.founder-cards-head{
  display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:32px;gap:24px;flex-wrap:wrap;
}
.founder-cards-head h4{
  font-family:'Fraunces',serif;font-size:28px;font-weight:500;letter-spacing:-.02em;
}
.founder-cards-head h4 em{font-style:italic;font-weight:300;color:var(--magenta)}
.founder-cards-head p{font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute)}

.fc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
@media(max-width:980px){.fc-grid{grid-template-columns:1fr}}
.fc{
  padding:32px 28px;border-radius:var(--radius-lg);
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  border:1px solid var(--line);
  display:flex;flex-direction:column;
  transition:all .3s cubic-bezier(.2,.8,.2,1);
  cursor:pointer;
  position:relative;overflow:hidden;
}
.fc:hover{border-color:var(--line-strong);transform:translateY(-4px)}
.fc::before{
  content:"";position:absolute;top:0;left:0;right:0;height:1px;
  background:linear-gradient(90deg,transparent,var(--magenta),transparent);
  opacity:0;transition:opacity .3s;
}
.fc:hover::before{opacity:.6}
.fc-meta{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--ink-mute);margin-bottom:18px;
  display:flex;align-items:center;gap:10px;
}
.fc-meta .badge{
  background:var(--grad-soft);border:1px solid var(--line-strong);
  padding:3px 10px;border-radius:999px;color:var(--magenta);
}
.fc h5{
  font-family:'Fraunces',serif;font-size:22px;font-weight:500;letter-spacing:-.015em;
  line-height:1.2;margin-bottom:14px;
}
.fc-stat{
  font-family:'Fraunces',serif;font-size:36px;font-weight:400;letter-spacing:-.025em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;margin-bottom:8px;
}
.fc-stat-lbl{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:var(--ink-mute);text-transform:uppercase;margin-bottom:18px;
}
.fc p{color:var(--ink-dim);font-size:14px;line-height:1.6;flex:1;margin-bottom:20px}
.fc p em{font-style:italic;color:var(--ink);font-family:'Fraunces',serif}
.fc-link{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  color:var(--magenta);text-transform:uppercase;
  display:inline-flex;align-items:center;gap:6px;
  text-decoration:none;
  padding-top:18px;border-top:1px solid var(--line);
}
.fc-link:hover{color:var(--pink)}


/* ── Chapter index ───────────────────────────────────────── */
.founder-toc{
  margin:32px 0 48px;padding:24px 28px;
  background:linear-gradient(180deg,rgba(255,255,255,.025),rgba(255,255,255,.005));
  border:1px solid var(--line);border-radius:16px;
}
.founder-toc-head{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--ink-mute);margin-bottom:16px;
}
.founder-toc-list{
  list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:8px 24px;
}
@media(max-width:720px){.founder-toc-list{grid-template-columns:1fr}}
.founder-toc-list a{
  display:flex;gap:14px;align-items:baseline;
  padding:8px 0;text-decoration:none;color:var(--ink-dim);
  font-size:14px;line-height:1.4;
  border-top:1px solid var(--line);
  transition:color .2s;
}
.founder-toc-list li:first-child a,
.founder-toc-list li:nth-child(2) a{border-top:none}
.founder-toc-list a:hover{color:var(--magenta)}
.founder-toc-list .num{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--magenta);letter-spacing:.05em;flex-shrink:0;min-width:28px;
}

/* ── Interstitial quote (between essays) ─────────────────── */
.founder-interstitial{
  margin:64px -32px;padding:64px 32px;
  text-align:center;
  border-top:1px solid var(--line);border-bottom:1px solid var(--line);
  background:
    radial-gradient(ellipse 60% 60% at 50% 50%, rgba(217,102,240,.08), transparent 70%);
}
.founder-interstitial blockquote{
  font-family:'Fraunces',serif;font-style:italic;font-weight:300;
  font-size:clamp(22px,2.6vw,32px);line-height:1.3;letter-spacing:-.015em;
  color:var(--ink);max-width:720px;margin:0 auto 18px;
}
.founder-interstitial blockquote em{
  font-weight:400;background:var(--grad);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.founder-interstitial cite{
  font-style:normal;font-size:11px;font-family:'JetBrains Mono',monospace;
  letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);
  display:inline-flex;align-items:center;gap:10px;
}
.founder-interstitial cite::before,
.founder-interstitial cite::after{
  content:"";width:24px;height:1px;background:var(--ink-mute);
}

/* ── Closing letter ──────────────────────────────────────── */
.closing-letter{
  margin-top:80px;padding:64px 56px;
  background:
    radial-gradient(ellipse at 50% 0%, rgba(217,102,240,.15), transparent 60%),
    linear-gradient(180deg,#1a0f2e,#120a1e);
  border:1px solid var(--line-strong);border-radius:var(--radius-lg);
  position:relative;overflow:hidden;
}
@media(max-width:720px){.closing-letter{padding:48px 32px}}
.closing-letter::before{
  content:"";position:absolute;top:-80px;right:-80px;width:240px;height:240px;
  background-image:url("assets/images/brand/logo.jpg");background-size:cover;border-radius:50px;
  opacity:.06;filter:blur(2px);
}
.closing-letter-head{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.2em;
  text-transform:uppercase;color:var(--magenta);margin-bottom:16px;
  display:inline-flex;align-items:center;gap:10px;position:relative;
}
.closing-letter-head::before{
  content:"";width:32px;height:1px;background:var(--magenta);
}
.closing-letter h3{
  font-family:'Fraunces',serif;font-size:clamp(28px,3.5vw,40px);font-weight:400;
  letter-spacing:-.025em;line-height:1.1;margin-bottom:24px;position:relative;
}
.closing-letter h3 em{font-style:italic;font-weight:300;color:var(--magenta)}
.closing-letter .letter-body{
  font-size:17px;line-height:1.75;color:var(--ink-dim);position:relative;
  max-width:720px;
}
.closing-letter .letter-body p{margin-bottom:18px}
.closing-letter .letter-body strong{color:var(--ink);font-weight:600}
.closing-letter .letter-body em{font-style:italic;color:var(--ink);font-family:'Fraunces',serif}
.closing-letter .signature{
  margin-top:32px;padding-top:24px;border-top:1px solid var(--line-strong);
  display:flex;align-items:center;gap:16px;position:relative;
}
.closing-letter .sig-img{
  width:56px;height:56px;border-radius:50%;
  background-image:url("assets/images/founder/devang.jpg");background-size:cover;background-position:center top;
  border:2px solid var(--line-strong);
}
.closing-letter .sig-text{
  font-family:'Fraunces',serif;font-style:italic;font-weight:400;font-size:18px;
  letter-spacing:-.01em;
}
.closing-letter .sig-text small{
  display:block;font-family:'JetBrains Mono',monospace;font-style:normal;
  font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--ink-mute);
  margin-top:2px;
}


/* ── Engineering notes ───────────────────────────────────── */
section.engineering{
  padding:120px 0;
  background:
    linear-gradient(180deg,transparent 0%,rgba(0,0,0,.2) 50%,transparent 100%);
  position:relative;
}
section.engineering::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:
    linear-gradient(rgba(217,102,240,.04) 1px,transparent 1px),
    linear-gradient(90deg,rgba(217,102,240,.04) 1px,transparent 1px);
  background-size:40px 40px;
  mask:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);
  -webkit-mask:linear-gradient(180deg,transparent,black 20%,black 80%,transparent);
}

.eng-tag{
  display:inline-flex;align-items:center;gap:10px;
  padding:6px 14px;border-radius:6px;
  background:rgba(212,255,58,.08);border:1px solid rgba(212,255,58,.3);
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.12em;
  color:var(--lime);text-transform:uppercase;margin-bottom:18px;
}
.eng-tag::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 10px var(--lime);
}

.eng-grid{
  display:grid;grid-template-columns:1.1fr .9fr;gap:64px;align-items:start;
  position:relative;
}
@media(max-width:1080px){.eng-grid{grid-template-columns:1fr;gap:48px}}

.eng-content h2{
  font-family:'Fraunces',serif;font-size:clamp(36px,5vw,60px);font-weight:400;
  line-height:1.02;letter-spacing:-.03em;margin:18px 0 24px;
}
.eng-content h2 em{font-style:italic;font-weight:300;color:var(--magenta)}
.eng-content h2 .strike{
  position:relative;color:var(--ink-mute);
}
.eng-content h2 .strike::after{
  content:"";position:absolute;left:-2%;right:-2%;top:50%;height:3px;
  background:var(--magenta);transform:rotate(-2deg);
}
.eng-lede{font-size:18px;color:var(--ink-dim);margin-bottom:32px;line-height:1.6;max-width:520px}

.eng-prose{
  font-size:16px;line-height:1.7;color:var(--ink-dim);
}
.eng-prose p{margin-bottom:18px}
.eng-prose h3{
  font-family:'JetBrains Mono',monospace;font-size:12px;letter-spacing:.18em;
  text-transform:uppercase;color:var(--magenta);margin:32px 0 14px;
}
.eng-prose strong{color:var(--ink);font-weight:600}
.eng-prose code{
  font-family:'JetBrains Mono',monospace;font-size:.88em;
  background:rgba(217,102,240,.12);border:1px solid var(--line);
  padding:1px 6px;border-radius:4px;color:var(--magenta);
}

.eng-payload{
  margin:24px 0;padding:24px 28px;
  background:rgba(0,0,0,.4);border:1px solid var(--line-strong);
  border-radius:14px;font-family:'JetBrains Mono',monospace;
  font-size:13px;color:var(--ink-dim);position:relative;
}
.eng-payload::before{
  content:"// scan_event payload";display:block;
  font-size:10px;color:var(--ink-mute);letter-spacing:.05em;
  margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid var(--line);
}
.eng-payload .pl{display:flex;align-items:flex-start;gap:12px;padding:6px 0;line-height:1.5}
.eng-payload .pl-arrow{color:var(--magenta);flex-shrink:0}
.eng-payload .pl strong{color:var(--ink);font-weight:500;display:inline-block;min-width:140px}
.eng-payload .pl em{color:var(--ink-mute);font-style:normal;font-size:11px}

.eng-pull{
  margin:28px 0;padding:24px 28px;
  background:linear-gradient(90deg,rgba(217,102,240,.08),transparent);
  border-left:3px solid var(--magenta);border-radius:0 12px 12px 0;
  font-family:'Fraunces',serif;font-style:italic;font-size:20px;
  line-height:1.4;color:var(--ink);letter-spacing:-.01em;
}

.eng-bottomline{
  margin-top:40px;padding:24px 28px;
  border:1px dashed var(--line-strong);border-radius:14px;
  position:relative;
}
.eng-bottomline-tag{
  position:absolute;top:-10px;left:20px;
  background:var(--bg);padding:0 10px;
  font-family:'JetBrains Mono',monospace;font-size:10px;
  letter-spacing:.18em;text-transform:uppercase;color:var(--magenta);
}
.eng-bottomline p{
  font-family:'Fraunces',serif;font-size:18px;line-height:1.5;color:var(--ink);
  letter-spacing:-.01em;
}
.eng-bottomline p em{font-style:italic;font-weight:300;color:var(--magenta)}

/* ── QR architecture diagram ─────────────────────────────── */
.eng-diagram{
  position:sticky;top:100px;
  border-radius:var(--radius-lg);overflow:hidden;
  background:linear-gradient(165deg,#1f1135 0%,#0f0820 100%);
  border:1px solid var(--line-strong);
  box-shadow:0 30px 60px -20px rgba(0,0,0,.5),0 0 80px -20px rgba(217,102,240,.3);
  padding:32px;
}
@media(max-width:1080px){.eng-diagram{position:static}}
.diag-head{
  display:flex;justify-content:space-between;align-items:center;
  padding-bottom:18px;border-bottom:1px solid var(--line);margin-bottom:24px;
}
.diag-head .label{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.15em;
  text-transform:uppercase;color:var(--magenta);
}
.diag-head .latency{
  font-family:'JetBrains Mono',monospace;font-size:11px;
  color:var(--lime);display:flex;align-items:center;gap:8px;
}
.diag-head .latency::before{
  content:"";width:6px;height:6px;border-radius:50%;
  background:var(--lime);box-shadow:0 0 8px var(--lime);
  animation:pulse-dot 1.6s ease-in-out infinite;
}
@keyframes pulse-dot{
  0%,100%{opacity:1;transform:scale(1)}
  50%{opacity:.5;transform:scale(.8)}
}

/* phone with QR */
.diag-phone{
  position:relative;width:200px;margin:0 auto 28px;
  aspect-ratio:1/1.9;border-radius:24px;
  background:linear-gradient(180deg,#0a0612,#120a1e);
  border:2px solid var(--line-strong);
  padding:14px 14px 24px;
  display:flex;flex-direction:column;
  box-shadow:0 20px 40px -12px rgba(0,0,0,.6);
}
.diag-phone::before{
  content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:60px;height:6px;border-radius:3px;background:rgba(255,255,255,.08);
}
.diag-phone-head{
  font-family:'Fraunces',serif;font-size:13px;font-weight:500;
  text-align:center;margin:14px 0 6px;letter-spacing:-.01em;
}
.diag-phone-name{
  font-family:'JetBrains Mono',monospace;font-size:8px;
  text-align:center;color:var(--ink-mute);letter-spacing:.1em;
  text-transform:uppercase;margin-bottom:14px;
}
.diag-qr{
  flex:1;border-radius:12px;background:#fff;padding:10px;
  display:grid;place-items:center;
  box-shadow:inset 0 0 0 1px rgba(217,102,240,.3),0 0 20px -4px rgba(217,102,240,.5);
  position:relative;
}
.diag-qr::after{
  content:"";position:absolute;inset:-4px;border-radius:14px;
  background:var(--grad);z-index:-1;opacity:.4;filter:blur(8px);
  animation:qr-glow 3s ease-in-out infinite;
}
@keyframes qr-glow{0%,100%{opacity:.3}50%{opacity:.6}}
.diag-qr svg{width:100%;height:auto;display:block}
.diag-phone-foot{
  text-align:center;margin-top:10px;
  font-family:'JetBrains Mono',monospace;font-size:8px;
  color:var(--magenta);letter-spacing:.1em;
}

/* The arrow + scan flow */
.diag-flow{
  display:flex;align-items:center;justify-content:center;gap:14px;
  margin:0 auto 24px;
}
.diag-flow .step{
  flex:1;text-align:center;padding:14px 8px;
  background:rgba(255,255,255,.02);border:1px solid var(--line);
  border-radius:10px;
}
.diag-flow .step .icn{font-size:20px;margin-bottom:6px}
.diag-flow .step .lbl{
  font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-dim);line-height:1.3;
}
.diag-flow .step.active{
  background:var(--grad-soft);border-color:var(--magenta);
  box-shadow:0 0 16px -4px rgba(217,102,240,.4);
}
.diag-flow .step.active .lbl{color:var(--ink)}
.diag-flow .arr{color:var(--magenta);font-size:18px;flex-shrink:0}

.diag-stats{
  display:grid;grid-template-columns:1fr 1fr;gap:10px;
  padding-top:20px;border-top:1px solid var(--line);
}
.diag-stat{
  padding:12px;border-radius:8px;background:rgba(0,0,0,.25);
  border:1px solid var(--line);
}
.diag-stat .lbl{
  font-family:'JetBrains Mono',monospace;font-size:9px;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-mute);
}
.diag-stat .v{
  font-family:'Fraunces',serif;font-size:22px;font-weight:500;
  letter-spacing:-.02em;margin-top:4px;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.diag-caption{
  font-family:'JetBrains Mono',monospace;font-size:10px;
  color:var(--ink-mute);text-align:center;margin-top:18px;letter-spacing:.05em;
  font-style:italic;
}


/* ── Mobile App section ──────────────────────────────────── */
section.mobile-app{
  padding:120px 0;
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse 80% 60% at 50% 0%, rgba(217,102,240,.12), transparent 60%),
    linear-gradient(180deg,var(--bg) 0%,rgba(20,12,32,.5) 50%,var(--bg) 100%);
  border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.ma-grid{
  display:grid;grid-template-columns:1fr 1.05fr;gap:64px;align-items:center;
  position:relative;
}
@media(max-width:1080px){.ma-grid{grid-template-columns:1fr;gap:64px}}

.ma-content .app-icon-row{
  display:flex;align-items:center;gap:14px;margin-bottom:20px;
}
.ma-content .app-icon{
  width:56px;height:56px;border-radius:14px;
  background-image:url("https://play-lh.googleusercontent.com/MTUDnt8L2Em2XBrYH7Lq5t6ArtNX8sNxTRAmkUY9zy2cXhnH1SZ-dWBij_09S46Jhg=w128");
  background-size:cover;background-position:center;
  box-shadow:0 8px 24px -6px rgba(217,102,240,.5),inset 0 1px 0 rgba(255,255,255,.15);
  border:1px solid var(--line-strong);
  flex-shrink:0;
}
.ma-content .app-icon-meta{
  display:flex;flex-direction:column;gap:2px;
}
.ma-content .app-icon-meta .name{
  font-family:'Fraunces',serif;font-size:18px;font-weight:600;letter-spacing:-.01em;
}
.ma-content .app-icon-meta .by{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.1em;
  text-transform:uppercase;color:var(--ink-mute);
}

.ma-content h2{
  font-family:'Fraunces',serif;font-size:clamp(36px,5vw,64px);font-weight:400;
  line-height:1.02;letter-spacing:-.03em;margin:18px 0 24px;
}
.ma-content h2 em{font-style:italic;font-weight:300;color:var(--magenta)}

.ma-lede{
  font-size:18px;color:var(--ink-dim);line-height:1.6;margin-bottom:32px;max-width:520px;
}

.ma-features{
  list-style:none;display:flex;flex-direction:column;gap:14px;margin-bottom:36px;
}
.ma-features li{
  display:flex;align-items:flex-start;gap:14px;
  font-size:15px;color:var(--ink);line-height:1.5;
}
.ma-features li::before{
  content:"";width:24px;height:24px;border-radius:50%;flex-shrink:0;margin-top:1px;
  background-image:linear-gradient(135deg,#d966f0,#7c3aed),url("data:image/svg+xml,%3Csvg viewBox='0 0 16 16' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M4 8l3 3 5-6' stroke='white' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
  background-size:cover, 60%;
  background-repeat:no-repeat,no-repeat;
  background-position:center,center;
  box-shadow:0 4px 12px -4px rgba(217,102,240,.5);
}

.ma-stores{
  display:flex;gap:14px;flex-wrap:wrap;margin-bottom:14px;
}
.ma-store{
  display:inline-flex;align-items:center;gap:14px;
  padding:14px 22px;border-radius:14px;
  background:linear-gradient(180deg,#1a0f2e,#0a0612);
  border:1px solid var(--line-strong);
  text-decoration:none;color:var(--ink);
  transition:all .25s cubic-bezier(.2,.8,.2,1);
  min-width:200px;
}
.ma-store:hover{
  transform:translateY(-3px);
  border-color:var(--magenta);
  box-shadow:0 12px 32px -8px rgba(217,102,240,.4);
}
.ma-store svg{flex-shrink:0;width:32px;height:32px}
.ma-store .lbl{display:flex;flex-direction:column;text-align:left}
.ma-store .lbl small{
  font-family:'JetBrains Mono',monospace;font-size:10px;letter-spacing:.12em;
  text-transform:uppercase;color:var(--ink-mute);line-height:1;
}
.ma-store .lbl strong{
  font-family:'Manrope',sans-serif;font-size:18px;font-weight:600;
  letter-spacing:-.01em;line-height:1.2;margin-top:2px;
}

.ma-rating{
  font-family:'JetBrains Mono',monospace;font-size:11px;letter-spacing:.1em;
  color:var(--ink-mute);text-transform:uppercase;
}

/* Phone carousel (right side) */
.ma-phones{
  position:relative;
  display:flex;justify-content:center;align-items:center;
  perspective:1500px;
  min-height:600px;
}
@media(max-width:1080px){.ma-phones{min-height:540px}}
@media(max-width:560px){.ma-phones{min-height:480px}}

.ma-phone{
  position:absolute;
  width:240px;aspect-ratio:9/19.5;
  border-radius:36px;overflow:hidden;
  background:#0a0612;
  border:8px solid #1a0f2e;
  box-shadow:0 30px 60px -20px rgba(0,0,0,.7),
             0 0 0 1px rgba(217,102,240,.3),
             0 0 80px -10px rgba(217,102,240,.4);
  transition:all .8s cubic-bezier(.4,0,.2,1);
}
@media(max-width:560px){.ma-phone{width:200px;border-width:6px;border-radius:28px}}

.ma-phone::before{
  content:"";position:absolute;top:8px;left:50%;transform:translateX(-50%);
  width:60px;height:5px;border-radius:3px;background:rgba(0,0,0,.6);
  z-index:3;
}
.ma-phone img{
  width:100%;height:100%;object-fit:cover;display:block;
}

.ma-phone.p1{transform:translateX(-180px) rotateY(8deg) translateZ(-60px) scale(.92);z-index:1}
.ma-phone.p2{transform:translateX(-90px) rotateY(4deg) translateZ(-20px) scale(.96);z-index:2}
.ma-phone.p3{transform:translateX(0) rotateY(0) translateZ(0) scale(1);z-index:4}
.ma-phone.p4{transform:translateX(90px) rotateY(-4deg) translateZ(-20px) scale(.96);z-index:2}
.ma-phone.p5{transform:translateX(180px) rotateY(-8deg) translateZ(-60px) scale(.92);z-index:1}

@media(max-width:1080px){
  .ma-phone.p1{transform:translateX(-150px) rotateY(8deg) translateZ(-60px) scale(.88)}
  .ma-phone.p2{transform:translateX(-75px) rotateY(4deg) translateZ(-20px) scale(.94)}
  .ma-phone.p4{transform:translateX(75px) rotateY(-4deg) translateZ(-20px) scale(.94)}
  .ma-phone.p5{transform:translateX(150px) rotateY(-8deg) translateZ(-60px) scale(.88)}
}
@media(max-width:560px){
  .ma-phone.p1,.ma-phone.p5{display:none}
  .ma-phone.p2{transform:translateX(-110px) rotateY(8deg) scale(.86)}
  .ma-phone.p4{transform:translateX(110px) rotateY(-8deg) scale(.86)}
}

/* QR floating chip on top of stack */
.ma-qr-chip{
  position:absolute;
  top:40px;left:50%;
  transform:translateX(-220px);
  background:rgba(20,12,32,.95);backdrop-filter:blur(20px);
  border:1px solid var(--line-strong);
  padding:12px 16px;border-radius:14px;
  display:flex;align-items:center;gap:12px;
  font-size:12px;
  z-index:10;
  box-shadow:0 12px 32px -8px rgba(0,0,0,.5);
  animation:bob 5s ease-in-out infinite;
}
.ma-qr-chip svg{width:32px;height:32px;flex-shrink:0}
.ma-qr-chip .txt{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.ma-qr-chip .txt strong{font-weight:600;font-size:12px}
.ma-qr-chip .txt small{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase}

.ma-points-chip{
  position:absolute;
  bottom:60px;
  right:6%;
  background:rgba(20,12,32,.95);backdrop-filter:blur(20px);
  border:1px solid var(--line-strong);
  padding:12px 18px;border-radius:14px;
  display:flex;align-items:center;gap:10px;
  z-index:10;
  box-shadow:0 12px 32px -8px rgba(0,0,0,.5);
  animation:bob 6s ease-in-out infinite -2s;
}
.ma-points-chip .num{
  font-family:'Fraunces',serif;font-size:20px;font-weight:500;letter-spacing:-.02em;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;
  line-height:1;
}
.ma-points-chip .lbl{font-family:'JetBrains Mono',monospace;font-size:9px;letter-spacing:.1em;color:var(--ink-mute);text-transform:uppercase;line-height:1}

@media(max-width:1080px){
  .ma-qr-chip{transform:translateX(-180px)}
}
@media(max-width:560px){
  .ma-qr-chip,.ma-points-chip{display:none}
}

@media(prefers-reduced-motion:no-preference){
  .reveal{opacity:0;transform:translateY(24px);transition:opacity .8s ease,transform .8s ease}
  .reveal.in{opacity:1;transform:none}
}