/* ============================================================
   SOLENNE — TPL 6 · "Solar Harvest"
   Warm LIGHT editorial theme: cream paper, terracotta, sunflower
   gold, deep olive ink. Fraunces serif + Fira Sans.
   ============================================================ */
:root{
  --paper:#FAF4E8;
  --paper-2:#F4EBD4;
  --cream:#FFFDF6;
  --card:#FFFBEF;
  --ink:#2E2A20;
  --ink-2:#57503E;
  --ink-3:#8A8069;
  --terra:#C4643B;
  --terra-d:#A34E2C;
  --terra-soft:#F6DFCE;
  --gold:#E3A72F;
  --gold-2:#F2C14E;
  --gold-soft:#F9EBC8;
  --olive:#6F7440;
  --olive-d:#454A26;
  --line:#E4D8BC;
  --line-2:#D8C69A;
  --shadow:0 18px 44px -18px rgba(94,66,28,.28);
  --shadow-sm:0 8px 22px -10px rgba(94,66,28,.25);
  --r-lg:22px;
  --r-md:16px;
  --serif:"Fraunces",Georgia,"Times New Roman",serif;
  --sans:"Fira Sans","Segoe UI",system-ui,-apple-system,sans-serif;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth;overflow-x:clip}
body{
  font-family:var(--sans);
  background:var(--paper);
  color:var(--ink);
  line-height:1.6;
  font-size:16.5px;
  overflow-x:clip;
  -webkit-font-smoothing:antialiased;
}
img{max-width:100%}
a{color:var(--terra-d);text-decoration:none}
::selection{background:var(--gold-2);color:var(--ink)}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.main{display:block;position:relative;z-index:1}
h1,h2,h3{font-family:var(--serif);font-weight:700;line-height:1.08;color:var(--ink);letter-spacing:-.01em}
h2 em,h1 em{font-style:italic;font-weight:600;color:var(--terra)}
section{scroll-margin-top:110px}

/* paper grain over everything (very subtle, non-interactive) */
.paper-grain{
  position:fixed;inset:0;z-index:60;pointer-events:none;opacity:.5;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncA type='linear' slope='0.05'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
}

/* ---------- buttons: SOLENNE signature — hard offset shadow, lifts on hover ---------- */
.btn{
  position:relative;display:inline-flex;align-items:center;justify-content:center;gap:9px;
  font-family:var(--sans);font-weight:600;font-size:15.5px;line-height:1;
  padding:14px 26px;border-radius:999px;border:1.5px solid transparent;
  cursor:pointer;white-space:nowrap;
  transition:transform .22s ease,box-shadow .22s ease,background .22s ease,color .22s ease;
}
.btn .arr{transition:transform .22s ease}
.btn:hover .arr{transform:translateX(3px)}
.btn-terra{background:var(--terra);color:#FFF7EA;border-color:var(--terra-d);box-shadow:4px 4px 0 var(--ink)}
.btn-terra:hover{background:var(--terra-d);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn-terra:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-ink{background:var(--ink);color:var(--paper);border-color:var(--ink);box-shadow:4px 4px 0 var(--gold)}
.btn-ink:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--gold)}
.btn-ink:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--gold)}
.btn-paper{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 rgba(46,42,32,.9)}
.btn-paper:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(46,42,32,.9)}
.btn-ghost{background:transparent;color:var(--ink);border-color:var(--line-2)}
.btn-ghost:hover{border-color:var(--ink);background:var(--cream)}
.btn-lg{padding:17px 32px;font-size:16.5px}
.btn-sm{padding:10px 18px;font-size:14px}
.btn-block{width:100%}
input.btn{font-family:var(--sans)}
.ic-btn{
  display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;
  border-radius:50%;border:1.5px solid var(--line-2);background:var(--cream);color:var(--ink);
  font-size:17px;transition:.2s;
}
.ic-btn:hover{border-color:var(--terra);color:var(--terra);transform:translateY(-2px)}
.logout-btn:hover{border-color:#B3402A;color:#B3402A}

/* ---------- dateline strip ---------- */
.dateline{background:var(--ink);color:#EFE6CE;font-size:12px;letter-spacing:.14em;text-transform:uppercase;position:relative;z-index:5}
.dl-in{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}
.dl-right{color:var(--gold-2)}

/* ---------- header ---------- */
.site-head{
  position:sticky;top:0;z-index:50;background:rgba(250,244,232,.92);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border-bottom:3px double var(--line-2);
  transition:box-shadow .25s ease;
}
.site-head.scrolled{box-shadow:0 10px 30px -14px rgba(94,66,28,.35)}
.head-in{display:flex;align-items:center;gap:26px;padding-top:14px;padding-bottom:14px}
.brand{display:inline-flex;align-items:center;gap:12px;color:var(--ink)}
.brand-seal{width:46px;height:46px;flex:none;filter:drop-shadow(0 3px 6px rgba(164,78,44,.3))}
.brand-text{display:flex;flex-direction:column;line-height:1}
.brand-name{font-family:var(--serif);font-weight:900;font-size:25px;letter-spacing:.04em;text-transform:uppercase}
.brand-name .lg-num{color:var(--terra)}
.brand-sub{font-size:10.5px;letter-spacing:.34em;text-transform:uppercase;color:var(--terra);margin-top:4px;font-weight:600}
.head-nav{display:flex;gap:4px;margin-left:auto}
.head-nav a{
  display:inline-flex;align-items:baseline;gap:6px;color:var(--ink-2);font-weight:500;font-size:15px;
  padding:9px 12px;border-radius:8px;position:relative;transition:color .2s,background .2s;
}
.head-nav a i{font-style:normal;font-family:var(--serif);font-size:11px;color:var(--gold);font-weight:700}
.head-nav a::after{content:"";position:absolute;left:12px;right:12px;bottom:4px;height:2px;background:var(--terra);transform:scaleX(0);transform-origin:left;transition:transform .25s ease}
.head-nav a:hover{color:var(--ink)}
.head-nav a:hover::after{transform:scaleX(1)}
.head-actions{display:flex;align-items:center;gap:10px;margin-left:auto}
.head-nav + .head-actions{margin-left:0}
.user-chip{display:inline-flex;align-items:center;gap:9px;font-size:14.5px;color:var(--ink)}
.m-ava{
  width:34px;height:34px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;
  background:var(--gold);color:var(--ink);font-family:var(--serif);font-weight:900;border:1.5px solid var(--ink);
}
.nav-toggle{
  display:none;width:44px;height:44px;border-radius:12px;border:1.5px solid var(--line-2);
  background:var(--cream);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;
}
.nav-toggle span{display:block;width:20px;height:2px;background:var(--ink);border-radius:2px;transition:.25s}
.nav-toggle.is-open{color:var(--terra);font-size:19px;border-color:var(--terra)}

/* member nav — ruled strip under the masthead */
.member-nav{border-top:1px solid var(--line);background:var(--paper-2)}
.mn-in{display:flex;flex-wrap:wrap;gap:2px;padding-top:8px;padding-bottom:8px}
.member-nav a{color:var(--ink-2);font-size:14px;font-weight:500;padding:7px 11px;border-radius:8px;transition:.2s}
.member-nav a:hover,.member-nav a.active{background:var(--cream);color:var(--terra-d);box-shadow:inset 0 0 0 1px var(--line-2)}

/* login dropdown — a paper card pinned under the masthead */
.login-wrap{position:relative}
.login-drop{
  position:absolute;right:0;top:calc(100% + 14px);width:300px;background:var(--cream);
  border:1.5px solid var(--ink);border-radius:var(--r-md);box-shadow:7px 7px 0 rgba(46,42,32,.9);
  padding:20px;opacity:0;visibility:hidden;transform:translateY(-6px);transition:.22s;z-index:60;
}
.login-drop.open{opacity:1;visibility:visible;transform:none}
.ld-title{font-family:var(--serif);font-weight:700;letter-spacing:.18em;font-size:12px;color:var(--terra);margin-bottom:12px}
.fld-input{
  width:100%;padding:12px 14px;margin-bottom:10px;border:1.5px solid var(--line-2);border-radius:10px;
  background:var(--paper);font-family:var(--sans);font-size:15px;color:var(--ink);outline:none;transition:.2s;
}
.fld-input:focus{border-color:var(--terra);box-shadow:0 0 0 3px var(--terra-soft)}
.ld-links{margin-top:12px;text-align:center;font-size:13.5px}

/* mobile menu — full-screen paper overlay */
.mm-backdrop{position:fixed;inset:0;background:rgba(46,42,32,.45);opacity:0;visibility:hidden;transition:.25s;z-index:80}
.mm-backdrop.show{opacity:1;visibility:visible}
.mobile-menu{
  position:fixed;inset:0;z-index:90;background:var(--paper);padding:26px 26px 40px;overflow-y:auto;
  transform:translateY(-102%);transition:transform .38s cubic-bezier(.7,0,.2,1);visibility:hidden;
}
.mobile-menu.open{transform:none;visibility:visible}
.mm-close{
  position:absolute;top:20px;right:22px;width:44px;height:44px;border-radius:50%;
  border:1.5px solid var(--ink);background:var(--gold);color:var(--ink);font-size:17px;cursor:pointer;
}
.mm-brand{margin-bottom:26px}
.mm-links{display:flex;flex-direction:column}
.mm-links a{
  display:flex;align-items:center;gap:14px;padding:15px 6px;color:var(--ink);font-size:19px;font-weight:600;
  border-bottom:1px solid var(--line);font-family:var(--serif);
  opacity:0;transform:translateY(10px);animation: mmIn .4s ease forwards;animation-delay:var(--d,0ms);
}
.mobile-menu:not(.open) .mm-links a{animation:none}
@keyframes mmIn{to{opacity:1;transform:none}}
.mm-ic{width:36px;height:36px;flex:none;border-radius:50%;border:1.5px solid var(--line-2);background:var(--cream);display:inline-flex;align-items:center;justify-content:center;font-size:15px;font-family:var(--sans)}
.mm-tx{flex:1}
.mm-ar{color:var(--terra);font-family:var(--sans)}
.mm-links a.mm-logout{color:#B3402A}
.mm-user{display:flex;align-items:center;gap:12px;padding:14px 6px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.mm-user .mu-av{width:42px;height:42px;border-radius:50%;background:var(--gold);border:1.5px solid var(--ink);display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:900}
.mm-user b{display:block;font-family:var(--serif);font-size:18px}
.mm-user span span{font-size:12.5px;color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase}

/* ---------- reveal ---------- */
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.reveal.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  .reveal{opacity:1;transform:none;transition:none}
  html{scroll-behavior:auto}
}

/* ---------- kickers & section heads ---------- */
.kicker{
  display:inline-flex;align-items:center;gap:9px;font-size:12.5px;font-weight:700;letter-spacing:.22em;
  text-transform:uppercase;color:var(--terra);
}
.kicker i{font-style:normal;font-family:var(--serif);background:var(--ink);color:var(--gold-2);border-radius:6px;padding:2px 7px;letter-spacing:.06em}
.kicker.light{color:var(--gold-2)}
.section{padding:104px 0}
.section.alt{background:linear-gradient(180deg,var(--paper-2),var(--paper));border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.section.tight{padding:56px 0}
.sec-head{max-width:720px;margin-bottom:54px}
.sec-head h2{font-size:clamp(34px,4.4vw,50px);margin:16px 0 14px}
.sec-head p{color:var(--ink-2);font-size:17.5px}

/* ---------- hero ---------- */
.hero{position:relative;overflow:hidden;padding:86px 0 74px;
  background:
    radial-gradient(720px 420px at 88% -6%,rgba(227,167,47,.28),transparent 65%),
    radial-gradient(560px 380px at -8% 108%,rgba(196,100,59,.14),transparent 60%),
    var(--paper);
}
.sun-canvas{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}
.hero-grid{position:relative;display:grid;grid-template-columns:1.08fr .92fr;gap:56px;align-items:center}
.eyebrow{
  display:inline-flex;align-items:center;gap:9px;background:var(--cream);border:1.5px solid var(--ink);
  border-radius:999px;padding:7px 15px;font-size:12.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  box-shadow:3px 3px 0 rgba(46,42,32,.9);
}
.sun-dot{width:9px;height:9px;border-radius:50%;background:var(--gold);box-shadow:0 0 0 0 rgba(227,167,47,.55);animation:sunPulse 2.4s infinite}
@keyframes sunPulse{0%{box-shadow:0 0 0 0 rgba(227,167,47,.5)}70%{box-shadow:0 0 0 9px rgba(227,167,47,0)}100%{box-shadow:0 0 0 0 rgba(227,167,47,0)}}
.hero h1{font-size:clamp(46px,6.2vw,78px);font-weight:900;margin:26px 0 20px}
.hero-sub{font-size:18.5px;color:var(--ink-2);max-width:540px}
.hero-return{display:flex;align-items:center;gap:20px;margin:30px 0 6px}
.hr-figure{display:flex;align-items:baseline;gap:9px;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);padding:8px 2px}
.hr-up{font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.hr-num{font-family:var(--serif);font-size:56px;font-weight:900;color:var(--terra);line-height:1}
.hr-per{font-size:12.5px;color:var(--ink-2);line-height:1.3;text-transform:uppercase;letter-spacing:.08em}
.hr-note{font-size:14px;color:var(--ink-2);line-height:1.55}
.hero-ctas{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.hero-proof{display:flex;align-items:center;gap:13px;margin-top:30px}
.avatars{display:flex}
.avatars span{
  width:36px;height:36px;border-radius:50%;border:2px solid var(--paper);margin-left:-9px;
  background:var(--gold-soft);color:var(--terra-d);font-size:12px;font-weight:700;
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);
}
.avatars span:first-child{margin-left:0;background:var(--terra);color:#FFF3E2}
.avatars span:nth-child(2){background:var(--olive);color:#F4F6E4}
.avatars span:nth-child(3){background:var(--gold);color:var(--ink)}
.hero-proof p{font-size:15px;color:var(--ink-2)}
.hero-proof b{color:var(--ink)}

/* hero visual — the arch window onto the fields */
.hero-visual{position:relative}
.sun-arch{
  position:relative;border-radius:260px 260px var(--r-lg) var(--r-lg);overflow:hidden;
  border:2px solid var(--ink);box-shadow:10px 12px 0 rgba(46,42,32,.9);
  background:linear-gradient(180deg,#F7D98B,#F3E3BC 55%,#E9D9AE);
  aspect-ratio:.92;
}
.sun-arch img{width:100%;height:100%;object-fit:cover;display:block}
.arch-stamp{
  position:absolute;left:18px;bottom:16px;transform:rotate(-8deg);
  border:2px dashed rgba(163,78,44,.75);color:var(--terra-d);border-radius:50%;
  width:104px;height:104px;display:flex;align-items:center;justify-content:center;text-align:center;
  font-size:10.5px;font-weight:700;letter-spacing:.18em;line-height:1.5;background:rgba(255,253,246,.55);
}
.float-chip{
  position:absolute;display:flex;align-items:center;gap:9px;background:var(--cream);
  border:1.5px solid var(--ink);border-radius:14px;box-shadow:4px 4px 0 rgba(46,42,32,.9);
  padding:10px 15px;font-size:13.5px;color:var(--ink-2);animation:bob 5.5s ease-in-out infinite;z-index:3;
}
.float-chip b{color:var(--ink)}
.float-chip img{width:30px;height:30px}
.chip-coin{top:34px;left:-34px}
.chip-payout{bottom:88px;left:-52px;animation-delay:1.2s}
.chip-season{bottom:-18px;right:26px;animation-delay:2.1s}
@keyframes bob{0%,100%{transform:translateY(0) rotate(-.4deg)}50%{transform:translateY(-9px) rotate(.4deg)}}
.fc-ico{width:26px;height:26px;flex:none;border-radius:50%;background:var(--olive);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700}
.mini-sun{width:26px;height:26px;flex:none;border-radius:50%;background:radial-gradient(circle,var(--gold-2) 0 42%,var(--gold) 43% 60%,transparent 61%);box-shadow:0 0 0 2px var(--gold-soft)}

/* ---------- almanac stats band ---------- */
.almanac{
  position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:6px;
  background:var(--card);border:2px solid var(--ink);border-radius:var(--r-lg);
  box-shadow:7px 7px 0 rgba(46,42,32,.9);
}
.alm-tag{
  position:absolute;top:-1px;left:22px;transform:translateY(-50%);background:var(--terra);color:#FFF3E2;
  font-size:11px;font-weight:700;letter-spacing:.22em;text-transform:uppercase;padding:5px 13px;border-radius:999px;border:1.5px solid var(--ink);
}
.alm-item{padding:30px 26px 24px;text-align:left}
.alm-item + .alm-item{border-left:1px dashed var(--line-2)}
.alm-num{display:block;font-family:var(--serif);font-size:35px;font-weight:900;color:var(--ink);line-height:1.05}
.alm-label{display:block;margin-top:5px;font-size:12.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra);font-weight:600}

/* ---------- harvest pass plan cards ---------- */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;align-items:stretch}
.pass-card{
  position:relative;display:flex;flex-direction:column;padding:30px 28px 28px;border-radius:var(--r-lg);
  background:
    radial-gradient(340px 200px at 110% -10%,rgba(227,167,47,.20),transparent 60%),
    linear-gradient(180deg,var(--cream),var(--card));
  border:2px solid var(--ink);box-shadow:6px 6px 0 rgba(46,42,32,.9);
  transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;
}
.pass-card::before{ /* pointer glow, driven by main.js --mx/--my */
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(227,167,47,.20),transparent 65%);
}
.pass-card:hover{transform:translate(-3px,-5px);box-shadow:10px 12px 0 rgba(46,42,32,.9)}
.pass-card:hover::before{opacity:1}
.pass-card.featured{
  background:
    radial-gradient(380px 240px at 110% -10%,rgba(255,243,226,.35),transparent 60%),
    linear-gradient(165deg,#D97F52,var(--terra) 55%,var(--terra-d));
  color:#FFF3E2;border-color:var(--ink);
}
.pass-card.featured h3,.pass-card.featured .pass-name,.pass-card.featured .pass-pct{color:#FFF7EA}
.pass-pop{
  position:absolute;top:16px;right:16px;transform:rotate(3deg);background:var(--gold);color:var(--ink);
  font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;padding:6px 13px;border-radius:999px;border:1.5px solid var(--ink);z-index:2;box-shadow:2px 2px 0 rgba(46,42,32,.85);
}
.pass-stamp{
  align-self:flex-start;font-size:10px;font-weight:700;letter-spacing:.26em;color:var(--terra);
  border:1.5px dashed var(--terra);border-radius:999px;padding:5px 12px;transform:rotate(-2deg);margin-bottom:20px;
}
.featured .pass-stamp{color:#FFE9C4;border-color:rgba(255,233,196,.8)}
.pass-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}
.pass-name{font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.15}
.pass-name a{color:inherit}
.pass-name a:hover{color:var(--terra)}
.featured .pass-name a:hover{color:#FFE9C4}
.pass-term{
  flex:none;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  background:var(--gold-soft);color:var(--terra-d);border:1px solid var(--line-2);border-radius:999px;padding:5px 11px;
}
.featured .pass-term{background:rgba(255,247,234,.18);color:#FFE9C4;border-color:rgba(255,233,196,.5)}
.pass-figure{display:flex;align-items:baseline;gap:10px;margin:20px 0 4px}
.pass-up{font-size:12px;letter-spacing:.2em;text-transform:uppercase;font-weight:700;color:var(--ink-3)}
.featured .pass-up{color:#FFDFAE}
.pass-pct{font-family:var(--serif);font-size:74px;font-weight:900;line-height:.95;color:var(--terra)}
.featured .pass-pct{color:#FFF7EA}
.sunpath{position:relative;height:8px;border-radius:99px;background:var(--paper-2);border:1px solid var(--line-2);margin:16px 0 6px}
.featured .sunpath{background:rgba(255,247,234,.25);border-color:rgba(255,233,196,.4)}
.sunpath-fill{position:absolute;inset:0 auto 0 0;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--terra))}
.sunpath-dot{
  position:absolute;top:50%;width:17px;height:17px;border-radius:50%;transform:translate(-50%,-50%);
  background:radial-gradient(circle at 38% 35%,var(--gold-2),var(--gold));border:2px solid var(--ink);
}
.pass-range{font-family:var(--serif);font-size:19px;font-weight:600}
.pass-range i{font-style:normal;color:var(--terra);padding:0 3px}
.featured .pass-range i{color:#FFDFAE}
/* perforated tear line with punched holes */
.pass-perf{
  height:22px;margin:18px -28px 4px;position:relative;
  background:
    radial-gradient(circle 6px at 14px 50%,var(--paper) 5.5px,transparent 6.5px) 0 0/28px 22px repeat-x;
  border-top:2px dashed var(--line-2);
}
.featured .pass-perf{border-top-color:rgba(255,233,196,.55)}
.pass-meta{list-style:none;margin:8px 0 20px}
.pass-meta li{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--line);font-size:14.5px}
.pass-meta li:last-child{border-bottom:0}
.pass-meta span{color:var(--ink-2)}
.featured .pass-meta span{color:#FFE3C2}
.pass-meta b{font-weight:700}
.pass-card form{margin-top:auto}
.pass-card > .btn,.pass-card form .btn{margin-top:auto}
.plans-note{margin-top:28px;text-align:center;color:var(--ink-2);font-size:15px;font-style:italic;font-family:var(--serif)}

/* ---------- how it works ---------- */
.steps-row{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.step-card{
  position:relative;background:var(--cream);border:1.5px solid var(--line-2);border-radius:var(--r-lg);
  padding:32px 28px;box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease;overflow:hidden;
}
.step-card::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5px;background:linear-gradient(90deg,var(--gold),var(--terra));transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.step-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.step-card:hover::after{transform:scaleX(1)}
.step-no{font-size:11.5px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--ink-3)}
.step-seal{
  position:absolute;top:22px;right:22px;width:52px;height:52px;border-radius:50%;
  border:1.5px dashed var(--terra);color:var(--terra);display:flex;align-items:center;justify-content:center;
  font-size:21px;transform:rotate(8deg);background:var(--gold-soft);
}
.step-card h3{font-size:24px;margin:16px 0 9px}
.step-card p{color:var(--ink-2);font-size:15.5px}

/* ---------- about ---------- */
.about-grid{display:grid;grid-template-columns:.94fr 1.06fr;gap:60px;align-items:center}
.about-visual{position:relative}
.about-img{
  width:100%;border-radius:200px 200px var(--r-lg) var(--r-lg);border:2px solid var(--ink);
  box-shadow:-8px 10px 0 rgba(46,42,32,.9);display:block;aspect-ratio:1.05;object-fit:cover;background:#F3E3BC;
}
.chip-about{bottom:26px;left:-20px}
.about-copy h2{font-size:clamp(32px,3.8vw,46px);margin:16px 0 16px}
.about-copy p{color:var(--ink-2);margin-bottom:14px;font-size:17px}
.check-list{list-style:none;margin:20px 0 28px;display:grid;grid-template-columns:1fr 1fr;gap:11px 22px}
.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:15.5px;font-weight:500}
.check-list span{
  flex:none;width:23px;height:23px;border-radius:50%;background:var(--olive);color:#fff;font-size:12.5px;
  display:inline-flex;align-items:center;justify-content:center;margin-top:2px;
}

/* ---------- features ---------- */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.feat-card{
  position:relative;background:
    radial-gradient(300px 180px at 108% -12%,rgba(227,167,47,.16),transparent 60%),
    linear-gradient(180deg,var(--cream),var(--card));
  border:1.5px solid var(--line-2);border-radius:var(--r-lg);padding:30px 27px;
  box-shadow:var(--shadow-sm);transition:transform .25s ease,box-shadow .25s ease,border-color .25s;overflow:hidden;
}
.feat-card::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(300px circle at var(--mx,50%) var(--my,50%),rgba(227,167,47,.18),transparent 65%);
}
.feat-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:var(--terra)}
.feat-card:hover::before{opacity:1}
.feat-no{font-family:var(--serif);font-size:14px;font-weight:900;color:var(--gold);letter-spacing:.1em}
.feat-seal{
  position:absolute;top:24px;right:24px;width:50px;height:50px;border-radius:50%;
  border:1.5px dashed var(--terra);color:var(--terra-d);background:var(--terra-soft);
  display:flex;align-items:center;justify-content:center;font-size:20px;transform:rotate(-6deg);
}
.feat-card h3{font-size:22px;margin:14px 0 9px;padding-right:44px}
.feat-card p{color:var(--ink-2);font-size:15.5px}
.coin-row{display:flex;gap:8px;margin-top:16px}
.coin-row img{width:34px;height:34px;transition:transform .2s}
.coin-row img:hover{transform:translateY(-4px) rotate(-6deg)}

/* ---------- ledger ---------- */
.activity-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.ledger-panel{
  background:var(--cream);border:2px solid var(--ink);border-radius:var(--r-lg);
  box-shadow:6px 6px 0 rgba(46,42,32,.9);padding:8px 26px 16px;position:relative;overflow:hidden;
}
.ledger-panel::before{ /* the ledger's red margin rule */
  content:"";position:absolute;top:0;bottom:0;left:52px;width:1px;background:rgba(196,100,59,.35);
}
.lp-head{display:flex;align-items:center;gap:11px;padding:18px 0 12px;border-bottom:2px solid var(--ink);margin-bottom:6px}
.lp-head h3{font-size:21px}
.lp-dot{width:11px;height:11px;border-radius:50%;flex:none}
.lp-dot.in{background:var(--olive)}
.lp-dot.out{background:var(--terra)}
.lp-live{margin-left:auto;font-size:11px;font-weight:700;letter-spacing:.2em;color:var(--terra);border:1.5px solid var(--terra);border-radius:999px;padding:3px 10px}
.ledger-row{
  display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;
  padding:10.5px 0 10.5px 34px;border-bottom:1px solid var(--line);font-size:15px;
}
.ledger-row:last-child{border-bottom:0}
.lr-user{font-weight:600;justify-self:start;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.lr-coin{width:27px;height:27px;justify-self:center}
.lr-amt{justify-self:end;font-family:var(--serif);font-weight:700;color:var(--olive-d)}
.lr-amt.out{color:var(--terra-d)}

/* ---------- referral banner ---------- */
.ref-banner{
  position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:center;
  background:
    radial-gradient(560px 300px at 108% -20%,rgba(227,167,47,.35),transparent 60%),
    linear-gradient(140deg,#3A3524,var(--ink) 60%,#241F14);
  color:#F3ECD8;border-radius:26px;padding:52px 54px;overflow:hidden;border:2px solid var(--ink);
  box-shadow:8px 8px 0 rgba(46,42,32,.9);
}
.ref-banner h2{color:#FFF7EA;font-size:clamp(29px,3.4vw,42px);margin:14px 0 12px}
.ref-banner h2 span{color:var(--gold-2);font-style:italic;font-family:var(--serif)}
.ref-banner p{color:#DCD2B4;max-width:520px;margin-bottom:26px}
.ref-stamps{display:flex;flex-direction:column;gap:16px;align-items:center}
.rstamp{
  border:2px dashed rgba(242,193,78,.75);color:#F6E7BE;border-radius:50%;text-align:center;
  display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,253,246,.05);
}
.rstamp b{font-family:var(--serif);font-size:19px;color:#FFF3D6}
.rstamp span{font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:#CFC39E}
.rstamp .rpct{font-family:var(--serif);font-size:30px;line-height:1.05;color:var(--gold-2)}
.rs1{width:142px;height:142px;transform:rotate(-6deg)}
.rs2{width:118px;height:118px;transform:rotate(5deg);margin-left:96px}
.rs3{width:132px;height:132px;transform:rotate(-3deg);margin-right:70px}

/* ---------- FAQ ---------- */
.faq-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start}
.faq-side{position:sticky;top:130px}
.faq-side h2{font-size:clamp(32px,3.8vw,46px);margin:16px 0 14px}
.faq-side p{color:var(--ink-2);margin-bottom:24px;font-size:16.5px}
.faq-coin{width:74px;height:74px;margin-top:34px;animation:bob 6s ease-in-out infinite}
.faq-item{background:var(--cream);border:1.5px solid var(--line-2);border-radius:var(--r-md);margin-bottom:13px;overflow:hidden;transition:border-color .25s,box-shadow .25s}
.faq-item.open{border-color:var(--terra);box-shadow:var(--shadow-sm)}
.faq-q{
  width:100%;display:flex;justify-content:space-between;align-items:center;gap:14px;text-align:left;
  background:none;border:0;cursor:pointer;padding:19px 22px;font-family:var(--serif);font-size:18.5px;font-weight:700;color:var(--ink);
}
.faq-x{
  flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--terra);color:var(--terra);
  display:inline-flex;align-items:center;justify-content:center;font-size:17px;font-family:var(--sans);transition:.3s;
}
.faq-item.open .faq-x{transform:rotate(45deg);background:var(--terra);color:#FFF3E2}
.faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease}
.faq-a p{padding:0 22px 20px;color:var(--ink-2);font-size:15.5px}

/* ---------- CTA ---------- */
.cta-card{
  position:relative;text-align:center;border-radius:26px;padding:64px 30px;overflow:hidden;
  background:
    radial-gradient(520px 260px at 50% -30%,rgba(227,167,47,.4),transparent 65%),
    linear-gradient(160deg,#FBF0D2,var(--gold-soft) 55%,#F3DFA8);
  border:2px solid var(--ink);box-shadow:8px 8px 0 rgba(46,42,32,.9);
}
.cta-card h2{font-size:clamp(31px,4vw,48px);margin:16px 0 12px}
.cta-card p{color:var(--ink-2);max-width:520px;margin:0 auto 28px;font-size:17px}
.cta-card .kicker{color:var(--terra-d)}
.cta-coin{position:absolute;width:62px;height:62px;opacity:.9;animation:bob 6s ease-in-out infinite}
.cta-coin.c1{top:30px;left:38px}
.cta-coin.c2{bottom:34px;right:44px;width:76px;height:76px;animation-delay:1.4s}
.cta-coin.c3{top:36px;right:120px;width:44px;height:44px;animation-delay:2.2s}

/* ---------- footer ---------- */
.footer-mini{border-top:3px double var(--line-2);background:var(--paper-2);margin-top:70px}
.fm-in{display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;font-size:14px;color:var(--ink-2)}
.site-foot{background:var(--ink);color:#E9E0C8;margin-top:0;position:relative}
.site-foot::before{content:"";display:block;height:6px;background:repeating-linear-gradient(90deg,var(--gold) 0 26px,var(--terra) 26px 52px)}
.pulse-dot{width:9px;height:9px;border-radius:50%;background:#A8C256;box-shadow:0 0 0 0 rgba(168,194,86,.5);animation:sunPulse 2.4s infinite}
.pay-chip{
  display:inline-flex;align-items:center;gap:8px;background:rgba(255,253,246,.06);
  border:1px solid rgba(242,193,78,.35);border-radius:999px;padding:6px 13px 6px 7px;font-size:13px;color:#F3E9CB;
  transition:.2s;
}
.pay-chip:hover{border-color:var(--gold-2);background:rgba(255,253,246,.12);transform:translateY(-2px)}
.pay-chip img{width:24px;height:24px}

/* ——— COMPACT FOOTER BAND (SOLENNE public footer) ———
   One low horizontal band: thin warm rule with the small stamp at its
   LEFT end, three wide columns (brand · two link sub-lists side-by-side
   · payments in two warm chip rows), a slim risk line and a slim
   bottom bar. Nothing centered, nothing stacked tall. */
.cf-rule{border-top:3px double rgba(242,193,78,.6);margin-top:16px;position:relative}
.cf-rule img{
  position:absolute;left:0;top:0;transform:translateY(-50%);
  width:38px;height:38px;background:var(--ink);padding-right:10px;
}
.cf-grid{
  display:grid;grid-template-columns:.95fr 1.12fr 1.05fr;gap:30px;
  padding:18px 0 10px;align-items:start;
}
.cf-brand .brand{color:#FFF7EA}
.cf-brand .brand-sub{color:var(--gold-2)}
.cf-about{color:#CFC5A6;font-size:13px;line-height:1.5;margin:10px 0 7px}
.cf-meta{font-size:12.5px;color:#B7AC8C;line-height:1.55}
.cf-meta .pulse-dot{display:inline-block;margin-right:8px;vertical-align:1px}
.cf-links{display:grid;grid-template-columns:1fr 1fr;gap:26px}
.cf-sub-h{
  display:block;font-size:11px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;
  color:var(--gold-2);margin-bottom:8px;
}
.cf-sub a{display:block;color:#CFC5A6;font-size:14px;padding:3px 0;transition:.2s}
.cf-sub a:hover{color:var(--gold-2);transform:translateX(3px)}
.cf-disc p{
  font-family:var(--serif);font-style:italic;font-size:13.5px;line-height:1.65;color:#B7AC8C;
}
.cf-bottom{
  display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;
  border-top:3px double rgba(242,193,78,.45);margin-top:8px;padding:9px 0 11px;
  font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:#A99E7E;
}
.cf-legal a{color:#E9E0C8;margin-left:20px}
.cf-legal a:hover{color:var(--gold-2)}

/* back to top — a little sun button */
#backTop{
  position:fixed;right:22px;bottom:22px;z-index:70;width:50px;height:50px;border-radius:50%;
  background:var(--gold);border:2px solid var(--ink);color:var(--ink);font-size:19px;cursor:pointer;
  box-shadow:3px 3px 0 rgba(46,42,32,.9);opacity:0;visibility:hidden;transform:translateY(12px);transition:.3s;
}
#backTop.show{opacity:1;visibility:visible;transform:none}
#backTop:hover{background:var(--gold-2);transform:translateY(-3px)}

/* fx canvas inside cards (main.js injects) — not used on SOLENNE home; kept harmless */
/* ---------- responsive ---------- */
@media (max-width:1120px){
  .head-nav{display:none}
  .nav-toggle{display:inline-flex}
  .hero-grid{grid-template-columns:1fr 1fr;gap:40px}
  .chip-payout{left:-8px}
  .chip-coin{left:-6px}
  .plans-grid,.feat-grid{grid-template-columns:repeat(2,1fr)}
  .pass-card:last-child{grid-column:span 2;max-width:560px;width:100%;justify-self:center}
  .cf-grid{grid-template-columns:1fr 1fr;gap:26px}
  .cf-brand{grid-column:span 2}
}
@media (max-width:820px){
  .section{padding:74px 0}
  .hero{padding:58px 0 60px}
  .hero-grid{grid-template-columns:1fr;gap:52px}
  .hero-visual{max-width:480px}
  .almanac{grid-template-columns:1fr 1fr}
  .alm-item:nth-child(4){border-left:0}
  .alm-item{border-top:1px dashed var(--line-2)}
  .alm-item:nth-child(-n+3){border-top:0}
  .steps-row{grid-template-columns:1fr}
  .about-grid{grid-template-columns:1fr;gap:48px}
  .activity-grid{grid-template-columns:1fr}
  .ref-banner{grid-template-columns:1fr;padding:40px 30px}
  .ref-stamps{flex-direction:row;flex-wrap:wrap;justify-content:center}
  .rs2,.rs3{margin:0}
  .faq-grid{grid-template-columns:1fr;gap:36px}
  .faq-side{position:static}
  .dl-right{display:none}
  .dateline{font-size:11px}
}
@media (max-width:560px){
  body{font-size:16px}
  .wrap{padding:0 18px}
  .head-in{gap:10px}
  .brand{gap:8px}
  .brand-name{font-size:19px}
  .brand-sub{font-size:9px;letter-spacing:.26em}
  .brand-seal{width:36px;height:36px}
  .head-actions{gap:8px}
  .head-actions .btn-ghost{display:none}
  .head-actions .btn-terra{padding:11px 14px;font-size:13.5px}
  .head-actions .btn-terra .arr{display:none}
  .nav-toggle{width:40px;height:40px}
  .hero h1{font-size:43px}
  .hr-num{font-size:46px}
  .hero-return{flex-wrap:wrap}
  .hero-ctas .btn{flex:1;justify-content:center}
  .chip-coin{top:12px;left:6px}
  .chip-payout{bottom:64px;left:6px}
  .chip-season{right:10px}
  .arch-stamp{display:none}
  .plans-grid,.feat-grid{grid-template-columns:1fr}
  .pass-card:last-child{grid-column:auto;max-width:none}
  .pass-pct{font-size:64px}
  .check-list{grid-template-columns:1fr}
  .ledger-panel{padding:6px 16px 12px}
  .ledger-panel::before{left:38px}
  .ledger-row{padding-left:24px;gap:8px;font-size:14px}
  .lr-coin{width:24px;height:24px}
  .cta-coin.c3{display:none}
  .cta-coin.c1{left:14px;top:16px;width:46px;height:46px}
  .cta-coin.c2{right:14px;bottom:16px;width:52px;height:52px}
  .cf-grid{grid-template-columns:1fr 1fr;gap:22px}
  .cf-brand{grid-column:span 2}
  .cf-links{grid-column:span 2}
  .cf-disc{grid-column:span 2}
  .cf-bottom{letter-spacing:.08em}
  .fm-in{flex-direction:column;gap:6px}
  .login-drop{position:fixed;right:16px;left:16px;width:auto;top:86px}
}

/* ============================================================
   PAGES — catalog shared by public + member pages.
   In SOLENNE, .btn-grad IS the terracotta signature button.
   ============================================================ */
.btn-grad{background:var(--terra);color:#FFF7EA;border-color:var(--terra-d);box-shadow:4px 4px 0 var(--ink)}
.btn-grad:hover{background:var(--terra-d);transform:translate(-2px,-2px);box-shadow:7px 7px 0 var(--ink)}
.btn-grad:active{transform:translate(2px,2px);box-shadow:1px 1px 0 var(--ink)}
.btn-white{background:var(--cream);color:var(--ink);border-color:var(--ink);box-shadow:4px 4px 0 rgba(46,42,32,.9)}
.btn-white:hover{transform:translate(-2px,-2px);box-shadow:7px 7px 0 rgba(46,42,32,.9)}
.btn-white-solid{background:#FFF7EA;color:var(--ink);border-color:var(--ink)}
.btn-white-solid:hover{transform:translateY(-2px)}
.btn-outline-w{background:transparent;color:#FFF7EA;border-color:rgba(255,247,234,.65)}
.btn-outline-w:hover{border-color:#FFF7EA;transform:translateY(-2px)}
.grad-text,.grad{color:var(--terra)}
.grad-text{font-style:italic;font-family:var(--serif)}
.mut{color:var(--ink-2)}
.h-lg{font-size:clamp(30px,3.6vw,42px)}
.text-link{color:var(--terra-d);font-weight:600;border-bottom:1.5px solid var(--gold);transition:.2s}
.text-link:hover{color:var(--terra);border-color:var(--terra)}
.page-head{padding:56px 0 8px;text-align:left}
.page-head h1{font-size:clamp(36px,4.6vw,54px);margin:14px 0 12px}
.page-head h1 em{font-style:italic;color:var(--terra)}
.page-head > p,.page-head .wrap > p{color:var(--ink-2);font-size:17.5px;max-width:640px}
.content-sec{padding:30px 0 84px}
.member-pad{padding:34px 0 84px}
.section{padding-left:0;padding-right:0}

/* panels — paper cards with ink border + offset shadow */
.panel{
  background:linear-gradient(180deg,var(--cream),var(--card));
  border:2px solid var(--ink);border-radius:var(--r-lg);
  box-shadow:6px 6px 0 rgba(46,42,32,.9);padding:30px 30px 26px;margin-bottom:28px;position:relative;
}
.p-head{display:flex;align-items:center;gap:14px;margin-bottom:20px;padding-bottom:16px;border-bottom:2px solid var(--ink)}
.p-head h2,.p-head h3{font-size:23px}
.p-ico{
  flex:none;width:46px;height:46px;border-radius:50%;border:1.5px dashed var(--terra);
  background:var(--gold-soft);color:var(--terra-d);display:inline-flex;align-items:center;justify-content:center;font-size:19px;
}
.p-note{margin-left:auto;font-size:13px;color:var(--ink-3);text-align:right}
.msg{border-radius:12px;padding:14px 18px;font-size:15px;margin-bottom:18px;border:1.5px solid}
.msg-err,.error{background:#FBDFD2;border-color:#C25B36;color:#7E3418}
.msg-ok{background:#EDF0DA;border-color:var(--olive);color:var(--olive-d)}
.pill{
  display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;
  border-radius:999px;padding:4px 11px;border:1.5px solid var(--ink);background:var(--gold-soft);color:var(--terra-d);
}
.pill.green{background:#EDF0DA;color:var(--olive-d)}
.pill.violet{background:var(--terra-soft);color:var(--terra-d)}
.pill.amber{background:var(--gold-soft);color:#8A5E10}
.pos{color:var(--olive-d);font-weight:700}
.neg{color:#B3402A;font-weight:700}
.totals-strip{
  display:flex;flex-wrap:wrap;gap:12px 34px;background:var(--paper-2);border:1.5px dashed var(--line-2);
  border-radius:var(--r-md);padding:16px 22px;margin-bottom:24px;font-size:15px;
}
.totals-strip b{font-family:var(--serif)}

/* forms */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 22px}
.form-grid .span2{grid-column:span 2}
.field{display:flex;flex-direction:column;gap:7px;margin-bottom:16px}
.form-grid .field{margin-bottom:0}
.fld-label{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-d)}
/* DESIGNED FIELDS (fix 31 Oct 2026) — .field ke bare inputs par bhi full SOLENNE design.
   Pehle design sirf .fld-input class par tha; signup/login/edit ke inputs bina class ke
   browser-default plain reh jate thay (user screenshot). Sunrise-paper gradient, warm
   keyline, inset sun shadow, terra focus ring. */
.field input[type=text],.field input[type=password],.field input[type=email],.field select,.field textarea{
  width:100%;padding:13px 15px;border:1.5px solid var(--line-2);border-radius:12px;
  background:linear-gradient(180deg,var(--cream),#FFF6E0);font-family:var(--sans);font-size:15.5px;color:var(--ink);
  outline:none;box-shadow:inset 0 2px 3px rgba(163,78,44,.08),2px 2px 0 rgba(46,42,32,.05);
  transition:border-color .2s,box-shadow .2s,background .2s;
}
.field input[type=text]:hover,.field input[type=password]:hover,.field input[type=email]:hover,.field select:hover,.field textarea:hover{border-color:var(--terra)}
.field input[type=text]:focus,.field input[type=password]:focus,.field input[type=email]:focus,.field select:focus,.field textarea:focus{
  border-color:var(--terra);background:var(--cream);box-shadow:0 0 0 3px var(--terra-soft),inset 0 2px 3px rgba(163,78,44,.05);
}
.field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A34E2C' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
select.fld-input,textarea.fld-input{appearance:none;-webkit-appearance:none}
select.fld-input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23A34E2C' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;padding-right:38px}
textarea.fld-input{resize:vertical;min-height:110px}
.check-line{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2);margin:6px 0 18px}
.check-line input{width:19px;height:19px;margin-top:2px;accent-color:var(--terra)}
/* TERMS ACCEPT — SOLENNE SUN TOGGLE (fix 31 Oct 2026): plain checkbox ki jagah sunrise
   toggle. Asli checkbox input hi hai (name=agree, checkform() ki .checked validation
   bilkul waisi hi chalti hai) — sirf us ka roop badla hai: band halat mein track paper
   rang ka, thumb mein chhota suraj; on karte hi track terracotta gradient, suraj
   dayein taraf ghisak kar chamakta hai aur "Accepted" ki stamp lag jati hai. */
.agree-sun{display:flex;gap:14px;align-items:center;cursor:pointer;background:linear-gradient(180deg,var(--cream),var(--card));border:1.5px dashed var(--line-2);border-radius:14px;padding:13px 16px;margin:6px 0 20px;transition:border-color .25s,background .25s}
.agree-sun:hover{border-color:var(--terra)}
.agree-sun input{position:absolute;opacity:0;width:0;height:0}
.agree-sun .as-track{flex:none;width:62px;height:34px;border-radius:999px;border:1.5px solid var(--ink);background:linear-gradient(180deg,var(--paper-2),#EFE3C2);position:relative;box-shadow:inset 0 2px 4px rgba(46,42,32,.18);transition:background .3s,border-color .3s}
.agree-sun .as-thumb{position:absolute;top:50%;left:3px;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;border:1.5px solid var(--ink);background:radial-gradient(circle at 42% 38%,var(--gold-2),var(--gold));display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--terra-d);transition:left .3s cubic-bezier(.6,-0.1,.3,1.4),transform .3s}
.agree-sun input:checked ~ .as-track{background:linear-gradient(90deg,var(--gold),var(--terra));border-color:var(--terra-d)}
.agree-sun input:checked ~ .as-track .as-thumb{left:31px;transform:translateY(-50%) rotate(45deg);background:radial-gradient(circle at 42% 38%,#FFF3D6,var(--gold-2))}
.agree-sun input:focus-visible ~ .as-track{box-shadow:0 0 0 3px var(--terra-soft)}
.agree-sun .as-text{font-size:14.5px;color:var(--ink-2);line-height:1.45}
.agree-sun .as-state{display:block;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);margin-top:2px}
.agree-sun input:checked ~ .as-text .as-state{color:var(--olive-d)}
.agree-sun .as-state .on{display:none}
.agree-sun input:checked ~ .as-text .as-state .on{display:inline}
.agree-sun input:checked ~ .as-text .as-state .off{display:none}
.form-note{font-size:13.5px;color:var(--ink-3);margin-top:14px}
.captcha-block{margin:4px 0 16px}
.captcha-row{display:flex;gap:12px;align-items:stretch}
.captcha-row .fld-input{margin-bottom:0}
.captcha-img{border:1.5px solid var(--line-2);border-radius:10px;background:#fff}

/* auth layout — form card + editorial rail */
.auth-wrap{display:grid;grid-template-columns:1.12fr .88fr;gap:34px;align-items:start}
.auth-card{
  background:linear-gradient(180deg,var(--cream),var(--card));border:2px solid var(--ink);border-radius:var(--r-lg);
  box-shadow:7px 7px 0 rgba(46,42,32,.9);padding:38px 38px 32px;
}
.auth-card h2{font-size:30px;margin-bottom:6px}
.ac-sub{color:var(--ink-2);margin-bottom:24px;font-size:15.5px}
.auth-rail{display:flex;flex-direction:column;gap:22px}
.rail-card{border-radius:var(--r-lg);padding:28px;border:2px solid var(--ink);overflow:hidden;position:relative}
.rail-card.grad{background:linear-gradient(150deg,#D97F52,var(--terra) 60%,var(--terra-d));color:#FFF3E2;box-shadow:6px 6px 0 rgba(46,42,32,.9)}
.rail-card.ink{background:linear-gradient(150deg,#3A3524,var(--ink));color:#F3ECD8;box-shadow:6px 6px 0 rgba(46,42,32,.9)}
.rail-card h3{color:inherit;font-size:23px;margin-bottom:10px}
.rail-card p{font-size:15px;opacity:.92}
.rail-img{width:100%;max-height:230px;object-fit:cover;border-radius:14px;border:1.5px solid var(--ink);margin-bottom:16px;background:#F3E3BC}
.rail-list{list-style:none;display:flex;flex-direction:column;gap:11px;font-size:15px}
.rail-list li{display:flex;gap:10px;align-items:flex-start}
.rail-list li::before{content:"☀";color:var(--gold);font-size:13px;margin-top:3px}
.rail-card.grad .rail-list li::before{color:#FFE1A8}

/* tables */
.tbl{width:100%;border-collapse:collapse;font-size:15px}
.tbl th{
  text-align:left;font-size:11.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--terra-d);
  padding:10px 12px;border-bottom:2px solid var(--ink);font-family:var(--sans);
}
.tbl td{padding:12px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl .r{text-align:right}
.tbl tbody tr{transition:background .15s}
.tbl tbody tr:hover{background:rgba(227,167,47,.08)}
.filter-bar{
  display:flex;flex-wrap:wrap;gap:12px;align-items:flex-end;background:var(--paper-2);
  border:1.5px dashed var(--line-2);border-radius:var(--r-md);padding:18px;margin-bottom:22px;
}
.filter-bar .field{margin-bottom:0;flex:1;min-width:140px}
.pager{display:flex;gap:8px;flex-wrap:wrap;margin-top:20px}
.pager a,.pager b{
  min-width:38px;height:38px;padding:0 10px;display:inline-flex;align-items:center;justify-content:center;
  border-radius:10px;border:1.5px solid var(--line-2);background:var(--cream);color:var(--ink);font-weight:600;font-size:14px;
}
.pager b{background:var(--terra);color:#FFF7EA;border-color:var(--terra-d)}
.pager a:hover{border-color:var(--terra);transform:translateY(-2px)}
.empty-note{
  text-align:center;color:var(--ink-2);padding:34px 20px;border:1.5px dashed var(--line-2);
  border-radius:var(--r-md);font-family:var(--serif);font-style:italic;font-size:17px;background:var(--cream);
}

/* login redirect splash */
.rd-card{
  max-width:440px;margin:110px auto;text-align:center;background:var(--cream);border:2px solid var(--ink);
  border-radius:var(--r-lg);box-shadow:7px 7px 0 rgba(46,42,32,.9);padding:44px 36px;
}
.rd-logo{width:74px;height:74px;margin:0 auto 18px;display:block}
.rd-spin{
  width:44px;height:44px;margin:20px auto 4px;border-radius:50%;
  border:4px solid var(--gold-soft);border-top-color:var(--terra);animation:rdspin 1s linear infinite;
}
@keyframes rdspin{to{transform:rotate(360deg)}}

/* ---------- member console: editorial masthead + printed ledger ----------
   SOLENNE's dashboard opens like a newspaper front page — NO identity card.
   Identity is set as masthead type; the balance is a ledger headline
   between warm rule lines. */
.masthead{margin-bottom:34px}
.mh-top{
  display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;
  border-top:3px double var(--terra);border-bottom:1px solid var(--line-2);padding:12px 2px 11px;
}
.mh-stamp{
  font-size:11px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--olive-d);
  border:1.5px solid var(--olive);border-radius:5px;padding:4px 10px;transform:rotate(1.6deg);
  background:rgba(111,116,64,.07);
}
.mh-name{font-size:clamp(38px,5.6vw,62px);font-weight:900;margin:22px 0 10px;line-height:1.04}
.mh-name em{font-style:italic;color:var(--terra)}
.mh-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;color:var(--ink-2);font-size:15px}
.mh-meta .m-ava{width:38px;height:38px;font-size:16px}
.mh-meta b{color:var(--ink)}
.mh-dot{color:var(--terra);font-weight:900}
.ledger-head{
  display:flex;align-items:flex-end;gap:26px;flex-wrap:wrap;
  border-top:4px double var(--terra);border-bottom:3px double var(--terra);
  padding:22px 2px 20px;margin-top:24px;
}
.lh-main{flex:1;min-width:230px}
.lh-label{display:block;font-size:12px;font-weight:700;letter-spacing:.24em;text-transform:uppercase;color:var(--terra-d)}
.lh-amount{display:block;font-family:var(--serif);font-size:clamp(46px,5.6vw,70px);font-weight:900;line-height:1.02;margin-top:5px}
.lh-art{
  width:172px;height:86px;object-fit:cover;border:1.5px solid var(--ink);border-radius:10px;
  box-shadow:3px 3px 0 rgba(46,42,32,.9);background:#F3E3BC;
}
.mh-actions{display:flex;gap:12px;flex-wrap:wrap;margin-left:auto}
/* snapshot: full-width printed register, two-column ledger table */
.ledger-card{margin-top:28px}
.sl-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:52px}
.sl-cell{
  display:flex;align-items:baseline;gap:14px;padding:13px 0;border-bottom:1px solid var(--line);min-width:0;
}
.sl-cell .sr-k{flex:none}
.sl-cell .sr-v{margin-left:auto;text-align:right;min-width:0;overflow-wrap:anywhere}
.sl-cell .sr-amt{margin-left:auto}
.sr-k{font-size:12px;font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--terra-d)}
.stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-bottom:30px}
.stat-panel{
  background:linear-gradient(180deg,var(--cream),var(--card));border:1.5px solid var(--line-2);border-radius:var(--r-md);
  padding:20px 22px;box-shadow:var(--shadow-sm);transition:transform .22s,box-shadow .22s;position:relative;overflow:hidden;
}
.stat-panel::before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:0;transition:opacity .3s;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),rgba(227,167,47,.16),transparent 65%);
}
.stat-panel:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.stat-panel:hover::before{opacity:1}
.sp-label{display:block;font-size:11.5px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--terra-d)}
.sp-value{display:block;font-family:var(--serif);font-size:29px;font-weight:900;margin:6px 0 2px}
.sp-sub{display:block;font-size:13px;color:var(--ink-3)}
.console-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:start}
.snapshot-row,.alloc-row{
  display:flex;align-items:center;gap:13px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px;
}
.snapshot-row:last-child,.alloc-row:last-child{border-bottom:0}
.sr-k{color:var(--ink-2)}
.sr-v{margin-left:auto;font-weight:600;text-align:right}
.sr-amt{font-family:var(--serif);font-weight:700}
.ar-icon{
  width:38px;height:38px;flex:none;border-radius:50%;background:var(--gold-soft);
  border:1.5px dashed var(--terra);display:inline-flex;align-items:center;justify-content:center;overflow:hidden;
}
.ar-icon img{width:26px;height:26px}
.ar-main{flex:1;min-width:0}
.ar-main b{display:block;font-size:15px}
.ar-main small{color:var(--ink-3);font-size:12.5px}
.ar-amt{font-family:var(--serif);font-weight:700}
.ref-orbit{
  text-align:center;background:linear-gradient(180deg,var(--cream),var(--card));
  border:2px solid var(--ink);border-radius:var(--r-lg);box-shadow:6px 6px 0 rgba(46,42,32,.9);
  padding:28px 26px;overflow:hidden;position:relative;
}
.ref-orbit h3{font-size:24px;margin:10px 0 8px}
.ref-orbit p{color:var(--ink-2);font-size:15px;max-width:420px;margin:0 auto}
.ro-rings{display:flex;justify-content:center;gap:14px;margin:18px 0 20px}
.ring{
  border:2px dashed var(--terra);border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;
  background:var(--gold-soft);color:var(--terra-d);
}
.ring b{font-family:var(--serif);font-size:28px}
.ring span{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase}
.ring.r1{width:104px;height:104px;transform:rotate(-4deg)}
.ring.r2{width:88px;height:88px;transform:rotate(3deg);margin-top:14px}
.ring.r3{width:76px;height:76px;transform:rotate(-2deg);margin-top:24px}
.ro-field{display:flex;border:1.5px solid var(--ink);border-radius:12px;overflow:hidden;background:var(--paper);box-shadow:3px 3px 0 rgba(46,42,32,.9)}
.ro-field input{
  flex:1;min-width:0;padding:12px 14px;border:0;background:transparent;outline:none;
  font-family:var(--sans);font-size:14px;color:var(--ink);
}
.ro-field .btn{border-radius:0;border:0;border-left:1.5px solid var(--ink);box-shadow:none}
.ro-field .btn:hover{transform:none;box-shadow:none}
.ro-field button{
  flex:none;border:0;border-left:1.5px solid var(--ink);background:var(--terra);color:#FFF7EA;
  font-family:var(--sans);font-weight:700;font-size:14px;padding:0 20px;cursor:pointer;transition:background .2s;
}
.ro-field button:hover{background:var(--terra-d)}

/* ---------- deposit: plan picks, funding tabs, methods ---------- */
.pick-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:26px}
.pick-card{
  display:block;cursor:pointer;position:relative;background:linear-gradient(180deg,var(--cream),var(--card));
  border:2px solid var(--line-2);border-radius:var(--r-lg);padding:24px 22px;transition:.22s;overflow:hidden;
}
.pick-card:hover{transform:translateY(-4px);border-color:var(--terra);box-shadow:var(--shadow)}
.pick-card.sel{border-color:var(--ink);box-shadow:5px 5px 0 rgba(46,42,32,.9)}
.pick-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.pc-name{font-family:var(--serif);font-size:20px;font-weight:700;display:block}
.pc-range{color:var(--ink-2);font-size:14px;display:block;margin-top:2px}
.pc-sel{
  display:inline-flex;margin-top:14px;font-size:11.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;
  border:1.5px solid var(--line-2);border-radius:999px;padding:5px 12px;color:var(--ink-3);transition:.2s;
}
.pick-card.sel .pc-sel{background:var(--terra);border-color:var(--terra-d);color:#FFF7EA}
.dial{
  --p:50;width:104px;height:104px;border-radius:50%;margin:14px 0 6px;position:relative;
  background:conic-gradient(var(--terra) calc(var(--p)*1%),var(--paper-2) 0);
  display:flex;align-items:center;justify-content:center;
}
.dial::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--cream);border:1px solid var(--line)}
.dial-in{position:relative;text-align:center;line-height:1}
.dial-in b{font-family:var(--serif);font-size:27px;font-weight:900;color:var(--terra);display:block}
.dial-in span{font-size:10.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.pay-tabs{display:flex;gap:10px;margin-bottom:22px}
.pay-tab{
  flex:1;padding:14px 16px;border-radius:12px;border:2px solid var(--line-2);background:var(--cream);cursor:pointer;
  font-family:var(--sans);font-weight:700;font-size:15px;color:var(--ink-2);transition:.2s;text-align:center;
}
.pay-tab:hover{border-color:var(--terra);color:var(--ink)}
.pay-tab.on,.pay-tab.active{background:var(--ink);color:var(--gold-2);border-color:var(--ink)}
.fund-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.fund-card{
  display:flex;align-items:center;gap:13px;cursor:pointer;background:var(--cream);border:2px solid var(--line-2);
  border-radius:var(--r-md);padding:15px 17px;transition:.2s;position:relative;
}
.fund-card:hover{transform:translateY(-3px);border-color:var(--terra);box-shadow:var(--shadow-sm)}
.fund-card.sel{border-color:var(--ink);box-shadow:4px 4px 0 rgba(46,42,32,.9)}
.fund-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.fund-card img{width:34px;height:34px;flex:none}
.fund-card b{font-size:15.5px}
.fund-card small{display:block;color:var(--ink-3);font-size:12.5px}
.amount-row{display:flex;gap:14px;align-items:flex-end;flex-wrap:wrap;margin-top:24px}
.amount-row .field{flex:1;min-width:200px;margin-bottom:0}

/* ---------- deposit confirm ---------- */
.payform-panel{max-width:860px}
.confirm-tbl{width:100%}
.pc-row{display:grid;grid-template-columns:190px 1fr auto;gap:14px;align-items:center;padding:13px 0;border-bottom:1px solid var(--line)}
.pc-row:last-child{border-bottom:0}
.pc-label{font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--terra-d)}
.pc-val{font-weight:600;overflow-wrap:anywhere}
.pc-addr{font-family:ui-monospace,Menlo,Consolas,monospace;font-size:14px}
.qr-cell{text-align:center}
.qr-cell img{border:2px solid var(--ink);border-radius:14px;padding:8px;background:#fff;max-width:190px}
.copy-btn{
  flex:none;border:1.5px solid var(--ink);background:var(--gold);color:var(--ink);border-radius:999px;
  padding:8px 16px;font-family:var(--sans);font-weight:700;font-size:13px;cursor:pointer;transition:.2s;box-shadow:2px 2px 0 rgba(46,42,32,.9);
}
.copy-btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 rgba(46,42,32,.9)}
.pay-copy{display:flex;gap:10px;align-items:center;flex-wrap:wrap}
.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 30px}
.kv-cell{display:flex;justify-content:space-between;gap:14px;padding:11px 0;border-bottom:1px solid var(--line);font-size:15px}
.copy-row{display:flex;gap:10px;align-items:center}
.cr-val{flex:1;min-width:0;overflow-wrap:anywhere;font-weight:600}

/* ---------- withdraw cards ---------- */
.wd-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.wd-card{
  display:block;cursor:pointer;background:linear-gradient(180deg,var(--cream),var(--card));border:2px solid var(--line-2);
  border-radius:var(--r-lg);padding:20px;transition:.22s;position:relative;
}
.wd-card:hover{transform:translateY(-4px);border-color:var(--terra);box-shadow:var(--shadow)}
.wd-card.sel{border-color:var(--ink);box-shadow:5px 5px 0 rgba(46,42,32,.9)}
.wd-card input[type="radio"]{position:absolute;opacity:0;pointer-events:none}
.wd-top{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.wd-top img{width:34px;height:34px}
.wd-top b{font-family:var(--serif);font-size:18px}
.wd-letter{
  width:34px;height:34px;border-radius:50%;background:var(--gold-soft);border:1.5px solid var(--line-2);
  display:inline-flex;align-items:center;justify-content:center;font-family:var(--serif);font-weight:900;color:var(--terra-d);
}
.wd-bal{font-size:14px;color:var(--ink-2)}
.wd-bal b{color:var(--ink);font-family:var(--serif)}
.wd-to{font-size:13px;color:var(--ink-3);overflow-wrap:anywhere;margin-top:5px}
.wd-foot{margin-top:14px;padding-top:12px;border-top:1px dashed var(--line-2);display:flex;justify-content:space-between;align-items:center}

/* ---------- deposit list / pools ---------- */
.pool-tabs{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:22px}
.pool-tab{
  padding:9px 18px;border-radius:999px;border:1.5px solid var(--line-2);background:var(--cream);
  font-weight:600;font-size:14px;color:var(--ink-2);cursor:pointer;transition:.2s;font-family:var(--sans);
}
.pool-tab:hover{border-color:var(--terra);color:var(--ink)}
.pool-tab.on,.pool-tab.active{background:var(--terra);color:#FFF7EA;border-color:var(--terra-d)}
.dep-card{
  background:linear-gradient(180deg,var(--cream),var(--card));border:2px solid var(--line-2);border-radius:var(--r-lg);
  padding:24px 26px;margin-bottom:20px;transition:.22s;
}
.dep-card:hover{border-color:var(--terra);box-shadow:var(--shadow-sm)}
.dc-head{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-bottom:16px}
.dc-head b{font-family:var(--serif);font-size:20px}
.dc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px 22px}
.dc-cell small{display:block;font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-3);font-weight:700}
.dc-cell b{font-size:16px}
.progress{height:9px;border-radius:99px;background:var(--paper-2);border:1px solid var(--line-2);overflow:hidden;margin-top:16px}
.progress i{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--gold),var(--terra))}

/* ---------- referals / promo / security ---------- */
.ref-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:28px}
.ref-table-wrap{overflow-x:auto;border-radius:var(--r-md)}
.promo-banner{
  background:var(--cream);border:1.5px solid var(--line-2);border-radius:var(--r-md);padding:20px;margin-bottom:20px;overflow-x:auto;
}
.promo-banner img{max-width:none;display:block;margin-bottom:14px;border:1px solid var(--line)}
.promo-banner textarea{
  width:100%;border:1.5px solid var(--line-2);border-radius:10px;background:var(--paper);padding:11px 13px;
  font-family:ui-monospace,Menlo,Consolas,monospace;font-size:12.5px;color:var(--ink-2);resize:vertical;
}
.sec-groups{display:flex;flex-direction:column;gap:28px}
.opt-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.opt-card{
  display:block;cursor:pointer;background:var(--cream);border:2px solid var(--line-2);border-radius:var(--r-md);
  padding:18px;transition:.2s;position:relative;font-size:15px;
}
.opt-card:hover{border-color:var(--terra);transform:translateY(-3px)}
.opt-card.sel{border-color:var(--ink);box-shadow:4px 4px 0 rgba(46,42,32,.9)}
.opt-card input{position:absolute;opacity:0;pointer-events:none}
.opt-card b{display:block;font-family:var(--serif);font-size:17px;margin-bottom:4px}
.tfa-form,.sec-login-form{max-width:520px}

/* ---------- responsive: pages ---------- */
@media (max-width:1120px){
  .stat-grid{grid-template-columns:repeat(2,1fr)}
  .pick-grid,.wd-grid{grid-template-columns:repeat(2,1fr)}
  .dc-grid{grid-template-columns:repeat(2,1fr)}
  .console-grid{grid-template-columns:1fr}
  .auth-wrap{grid-template-columns:1fr}
  .auth-rail{flex-direction:row;flex-wrap:wrap}
  .auth-rail .rail-card{flex:1;min-width:260px}
}
@media (max-width:820px){
  .page-head{padding:42px 0 4px}
  .fund-grid{grid-template-columns:repeat(2,1fr)}
  .opt-grid{grid-template-columns:1fr 1fr}
  .sl-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
  .panel{padding:24px 20px 20px}
  .p-note{display:none}
  .form-grid{grid-template-columns:1fr}
  .form-grid .span2{grid-column:auto}
  .auth-card{padding:28px 22px 24px}
  .stat-grid{grid-template-columns:1fr 1fr;gap:13px}
  .sp-value{font-size:24px}
  .pick-grid,.wd-grid{grid-template-columns:1fr}
  .fund-grid{grid-template-columns:1fr}
  .pay-tabs{flex-direction:row;gap:7px}
  .pay-tab{padding:12px 8px;font-size:13.5px}
  .pc-row{grid-template-columns:1fr;gap:5px}
  .kv-grid{grid-template-columns:1fr}
  .dc-grid{grid-template-columns:1fr 1fr}
  .ref-stats{grid-template-columns:1fr}
  .opt-grid{grid-template-columns:1fr}
  .ro-field .btn{padding-left:13px;padding-right:13px}
  .captcha-row{flex-direction:column}
  .lh-art{display:none}
  .ledger-head{gap:14px;padding:18px 2px 16px}
  .mh-actions{margin-left:0;width:100%}
  .mh-actions .btn{flex:1;justify-content:center}
  .mh-name{font-size:36px}
  .totals-strip{gap:8px 20px}
}

/* ===== QR SIZE FIX 29 Oct 2026 — deposit-confirm QR renders full size ===== */
#qrCell img{width:auto!important;height:auto!important;max-width:200px!important;max-height:200px!important}

/* ===== DEPOSIT PANEL SWITCH FIX 29 Oct 2026 — active tab ka hi method set dikhe; generic display rule hide ko override na kare ===== */
.fund-grid.pay-panel[data-mode="ext"] .pay-bal{display:none}
.fund-grid.pay-panel[data-mode="bal"] .pay-ext{display:none}

/* ===== HEADER/SECTION WIDTHS 31 Oct 2026 — header 1350–full mix, sections header ke hisab se thore bare (kabhi full nahi) ===== */
.wrap{max-width:1330px}
.site-head .wrap,.dateline .wrap{max-width:1500px}

/* ============================================================
   ROUND-2 FIXES — 31 Oct 2026 (sirf rig test; store/Drive baad me)
   1) WHY: card grid khatam — "Harvest editorial numbered rows"
   2) SUPPORT/FAQ: overflow safety + rail polish
   3) MOBILE MEMBER MENU: strip duplication khatam + panel contrast
   ============================================================ */

/* --- 1) WHY — editorial numbered rows (01–06), hairline dividers --- */
#why .feat-grid{display:flex;flex-direction:column;gap:0;max-width:1020px}
#why .feat-card{
  display:grid;grid-template-columns:150px minmax(0,1fr);column-gap:38px;align-items:start;
  background:none;border:0;border-bottom:1.5px solid var(--line-2);border-radius:0;
  box-shadow:none;padding:38px 8px 36px;overflow:visible;transition:background .25s ease;
}
#why .feat-card:first-child{border-top:1.5px solid var(--line-2)}
#why .feat-card::before{display:none}
#why .feat-card:hover{transform:none;box-shadow:none;background:linear-gradient(90deg,rgba(227,167,47,.08),rgba(227,167,47,0) 68%)}
#why .feat-no{
  grid-column:1;grid-row:1/span 3;font-family:var(--serif);font-weight:900;
  font-size:clamp(46px,4.6vw,66px);line-height:.92;color:var(--gold);letter-spacing:0;padding-top:2px;
}
#why .feat-seal{top:40px;right:8px}
#why .feat-card h3{grid-column:2;font-size:25px;margin:4px 0 10px;padding-right:66px}
#why .feat-card p{grid-column:2;font-size:16px;color:var(--ink-2);max-width:660px}
#why .coin-row{grid-column:2;margin-top:15px}
@media (max-width:820px){
  #why .feat-card{grid-template-columns:94px minmax(0,1fr);column-gap:22px;padding:30px 4px 28px}
  #why .feat-no{font-size:42px}
  #why .feat-card h3{font-size:22px}
  #why .feat-seal{top:32px}
}
@media (max-width:560px){
  #why .feat-card{grid-template-columns:60px minmax(0,1fr);column-gap:15px;padding:24px 2px 22px}
  #why .feat-no{font-size:32px}
  #why .feat-card h3{font-size:20px;padding-right:0}
  #why .feat-card p{font-size:15px}
  #why .feat-seal{display:none}
}

/* --- 2) SUPPORT / FAQ — overflow safety + rail polish --- */
.content-sec .auth-card,.content-sec .panel{overflow-wrap:break-word}
.faq-q,.faq-a p{overflow-wrap:break-word}
.faq-list .faq-item:last-child{margin-bottom:0}
.auth-card .panel:last-of-type{margin-bottom:6px}
.rail-card h4{font-family:var(--serif);font-weight:700;font-size:21px;margin-bottom:10px;color:inherit}
.auth-rail .rail-list h4{font-family:var(--serif);font-weight:700;font-size:19px;color:var(--ink)}
.rail-img{margin:14px 0 0}
.field .field{margin-bottom:0}
@media (max-width:560px){
  .faq-q{font-size:16.5px;padding:16px 17px}
  .faq-a p{padding:0 17px 17px}
  .p-head h3{font-size:20px}
}

/* --- 3) MOBILE MEMBER MENU --- */
/* (a) hamburger breakpoint (1120px) par member strip band — links sirf panel me */
@media (max-width:1120px){
  .member-nav{display:none}
  /* member masthead (mheader): chhoti screen par balance chip ghayab, email line ghayab — header overflow na ho */
  .site-head .head-actions .user-chip ~ .user-chip{display:none}
}
@media (max-width:560px){
  .site-head .user-chip small{display:none}
}
/* (b) panel: themed paper par ink text — kabhi safed-par-safed nahi; lamba panel scroll kare */
.mobile-menu{background:var(--paper);color:var(--ink);overflow-y:auto;-webkit-overflow-scrolling:touch}
.mm-links a{color:var(--ink);background:transparent}
.mm-links a:hover,.mm-links a:active{background:var(--paper-2)}
.mm-links .mm-tx{color:var(--ink)}

/* ============================================================
   ROUND-2 FIX #5 — 1 Nov 2026 (sirf rig test)
   (a) WIDTH DISCIPLINE: tamam content .wrap (1330px) ke andar hai —
       header 1500px se koi hissa bara nahi (audit-verified; guard below)
   (b) SCROLLBAR RULE: default moti browser scrollbar kahin nahi —
       har jagah slim themed (terra thumb / paper track)
   ============================================================ */
/* (a) guard: member/content wrappers hamesha section width ke andar */
.main .wrap{max-width:1330px}
.ref-table-wrap{max-width:100%}
/* (b) page scrollbar — slim themed */
html{scrollbar-width:thin;scrollbar-color:var(--terra) var(--paper-2)}
::-webkit-scrollbar{width:9px;height:6px}
::-webkit-scrollbar-track{background:var(--paper-2)}
::-webkit-scrollbar-thumb{background:linear-gradient(180deg,var(--gold),var(--terra));border-radius:99px;border:2px solid var(--paper-2)}
::-webkit-scrollbar-thumb:hover{background:var(--terra)}
/* internal horizontal scrollers (history/referral tables, promo banner) — 5px slim */
.ref-table-wrap,.promo-banner{scrollbar-width:thin;scrollbar-color:var(--terra) var(--paper-2);padding-bottom:6px}
.ref-table-wrap::-webkit-scrollbar,.promo-banner::-webkit-scrollbar{height:5px}
.ref-table-wrap::-webkit-scrollbar-thumb,.promo-banner::-webkit-scrollbar-thumb{border:0}
/* mobile menu panel — 5px slim vertical */
.mobile-menu{scrollbar-width:thin;scrollbar-color:var(--terra) var(--paper-2)}
.mobile-menu::-webkit-scrollbar{width:5px}
.mobile-menu::-webkit-scrollbar-thumb{border:0}

/* ============================================================
   DASHBOARD FIX — KAAM #6 (1 Nov 2026, sirf rig test)
   Wallet Balances ab full-width ledger panel hai: balances
   harvest tiles ki surat me phailte hen (koi stretch khali
   dabba nahi), zero state me "khula ledger page" design —
   ruled lines, sun medallion, sun-fields art. Account
   Snapshot register console-grid me Partner Grove ke sath
   baithta hai ta ke dono columns content-height par barabar
   lagen. Koi data hide nahi hua — tamam blocks barqarar.
   ============================================================ */
.wb-tiles{display:flex;flex-wrap:wrap;gap:14px}
.wb-tiles .alloc-row{
  flex:1 1 250px;border:1.5px solid var(--line-2);border-radius:14px;
  padding:15px 18px;background:linear-gradient(180deg,var(--cream),var(--paper));
  box-shadow:var(--shadow-sm)
}
.wb-tiles .alloc-row:last-child{border-bottom:1.5px solid var(--line-2)}
.wb-tiles .ar-amt{font-size:19px}
/* zero state — open ledger page */
.wb-empty{
  display:flex;align-items:center;gap:24px;border:1.5px dashed var(--line-2);border-radius:14px;
  padding:24px 26px;
  background:
    repeating-linear-gradient(180deg,transparent 0 27px,rgba(163,78,44,.08) 27px 28px),
    linear-gradient(180deg,var(--cream),var(--paper))
}
.wb-panel:has(.alloc-row) .wb-empty{display:none}
.wb-panel:not(:has(.alloc-row)) .wb-tiles{display:none}
.wb-sun{
  flex:none;width:74px;height:74px;border-radius:50%;border:2px dashed var(--terra);
  background:var(--gold-soft);color:var(--terra-d);display:inline-flex;align-items:center;justify-content:center;
  font-size:34px;box-shadow:3px 3px 0 rgba(46,42,32,.12)
}
.wb-txt h4{font-family:var(--serif);font-size:21px;margin-bottom:5px}
.wb-txt p{color:var(--ink-2);font-size:14.5px;line-height:1.55;max-width:600px}
.wb-art{
  margin-left:auto;flex:none;width:158px;height:88px;object-fit:cover;border:1.5px solid var(--ink);
  border-radius:10px;box-shadow:3px 3px 0 rgba(46,42,32,.9);background:#F3E3BC
}
/* snapshot grid ke andar: register aik column me, panel margins grid ke hisab se */
.console-grid .panel{margin-bottom:0}
.console-grid .ledger-card{margin-top:0}
.console-grid .sl-grid{grid-template-columns:1fr}
@media (max-width:1120px){
  .console-grid .sl-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:820px){
  .console-grid .sl-grid{grid-template-columns:1fr}
  .wb-art{display:none}
  .wb-empty{gap:16px;padding:20px}
  .wb-sun{width:58px;height:58px;font-size:26px}
}

/* ===== NAV CENTER 1 Nov 2026 — main menu CENTER (logo ke sath left NAHI; actions right) ===== */
.head-nav{margin-inline:auto}
.member-nav .mn-in{justify-content:center}

/* ============================================================
   ROUND-4 BURGER FIX — 1 Nov 2026 (sirf rig test; store/Drive baad me)
   USER SCREENSHOT (shots2, 375px, login ke baad): header me logo,
   avatar, Dashboard aur "+" nazar ata tha — hamburger NAHI tha.
   Asal wajah: "+" koi menu NAHI, wo "Add funds" quick-action hai
   (.ic-btn, ?a=deposit). Hamburger toggle markup + JS dono theek
   thay, lekin member head-actions ki row (chip + Dashboard + "+"
   + logout + toggle) 375px se lambi thi aur html{overflow-x:clip}
   ki wajah se logout aur HAMBURGER screen ke bahir clip ho jate
   thay — member ke pas mobile par menu ka koi rasta hi nahi bachta
   tha (strip bhi round-2 se ≤1120 par band hai).
   FIX (CSS-only): ≤820px par quick-action ic-btns aur chip ka
   naam-text panel ke hawale (deposit/logout dono panel me pehle
   link-on ke sath mojood hen), brand shrink-safe (ellipsis guard),
   toggle flex:none + ink border ke sath hamesha screen ke andar.
   ============================================================ */
@media (max-width:820px){
  .site-head .head-in{gap:14px}
  .site-head .head-in > .brand{flex:0 1 auto;min-width:0}
  .site-head .brand-text{min-width:0}
  .site-head .brand-name{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .site-head .head-actions{flex:none;gap:8px}
  .site-head .head-actions .ic-btn{display:none}
  .site-head .head-actions .user-chip b{display:none}
  .site-head .nav-toggle{display:inline-flex;flex:none;border-color:var(--ink)}
}
@media (max-width:560px){
  .site-head .head-actions .btn-sm{padding:9px 14px}
}

/* ============================================================
   ROUND-5 DASH UNIQUENESS — 1 Nov 2026 (sirf rig test; store/Drive baad me)
   SUN DIAL LEDGER: Wallet Balances ab tiles nahi — suraj ki ghari
   wala journal hai. Har funded coin aik journal satar: baayen
   sun-mohar (seal) + coin naam, darmiyan dotted leader lakeer,
   dahine amount bari serif me, satar ke neeche ruled line.
   Zero state me bara dabba NAHI — journal ki aik hi khali satar
   (~56px): chhoti sun-mohar + "The ledger stands open" wali line.
   Neeche register + referral editorial duo: akhbaar ke do kalam,
   darmiyan halki vertical rule, upar double rule; koi card-box
   nahi, koi latka khali hissa nahi. Funded logic + tamam data
   barqarar — sirf CSS (account_main.tpl bilkul nahi chhua gaya).
   ============================================================ */
/* --- wallet: journal satren --- */
.wb-panel .wb-tiles{display:block}
.wb-panel .wb-tiles .alloc-row{
  display:flex;align-items:center;gap:16px;width:100%;
  border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:none;box-shadow:none;padding:15px 6px
}
.wb-panel .wb-tiles .alloc-row:last-child{border-bottom:1px solid var(--line)}
.wb-panel .wb-tiles .alloc-row::after{
  content:"";order:2;flex:1 1 auto;min-width:22px;height:0;
  border-bottom:2px dotted rgba(163,78,44,.38)
}
.wb-panel .ar-main{flex:0 1 auto}
.wb-panel .ar-main b{font-size:16.5px}
.wb-panel .ar-amt{order:3;margin-left:0}
.wb-panel .ar-amt b{font-family:var(--serif);font-weight:900;font-size:27px}
/* sun-mohar: suraj ki seal — radial sona, dashed terra kinara, halki ring */
.wb-panel .ar-icon{
  width:46px;height:46px;
  background:radial-gradient(circle at 50% 42%,#FBE9B8 0 34%,var(--gold-soft) 62%,#F1D586 100%);
  border:2px dashed var(--terra-d);
  box-shadow:0 0 0 3px var(--card),0 0 0 4.5px rgba(196,100,59,.45),3px 3px 0 rgba(46,42,32,.10)
}
.wb-panel .ar-icon i{font-style:normal;font-family:var(--serif);font-weight:900;color:var(--terra-d)}
/* --- zero state: journal ki aik khali satar --- */
.wb-panel .wb-empty{
  display:flex;align-items:center;gap:14px;min-height:56px;
  border:0;border-bottom:1px solid var(--line);border-radius:0;
  background:none;padding:11px 6px
}
.wb-panel .wb-sun{
  width:34px;height:34px;font-size:17px;border-width:1.5px;
  background:radial-gradient(circle at 50% 42%,#FBE9B8 0 34%,var(--gold-soft) 62%,#F1D586 100%);
  box-shadow:0 0 0 2.5px var(--card),0 0 0 4px rgba(196,100,59,.45)
}
.wb-panel .wb-txt{display:flex;align-items:baseline;gap:6px 12px;flex-wrap:wrap}
.wb-panel .wb-txt h4{font-size:16.5px;margin:0;white-space:nowrap}
.wb-panel .wb-txt p{font-size:14px;line-height:1.45;max-width:none}
.wb-panel .wb-art{display:none}
/* --- register + referral: editorial duo (akhbaar ke do kalam) --- */
.console-grid{
  grid-template-columns:1fr 1fr;gap:0;align-items:stretch;
  border-top:3px double var(--line-2);padding-top:26px;margin-top:2px
}
.console-grid > div:first-child{padding-right:36px}
.console-grid > div:last-child{border-left:1px solid var(--line-2);padding-left:36px}
.console-grid .ref-orbit{
  background:none;border:0;border-radius:0;box-shadow:none;
  padding:2px 0 0;text-align:left
}
.console-grid .ref-orbit h3{
  border-bottom:2px solid var(--ink);padding-bottom:14px;margin:8px 0 14px
}
.console-grid .ref-orbit p{margin:0}
.console-grid .ro-rings{justify-content:flex-start}
.console-grid .ledger-card{
  background:none;border:0;border-radius:0;box-shadow:none;padding:0
}
@media (max-width:1120px){
  .console-grid{grid-template-columns:1fr}
  .console-grid > div:first-child{padding-right:0}
  .console-grid > div:last-child{
    border-left:0;border-top:1px solid var(--line-2);
    padding-left:0;padding-top:24px;margin-top:24px
  }
}
@media (max-width:820px){
  .wb-panel .ar-amt b{font-size:22px}
  .wb-panel .wb-tiles .alloc-row{gap:12px;padding:13px 2px}
  .wb-panel .ar-icon{width:40px;height:40px}
}

/* FLUSH-RIGHT FIX — 1 Nov 2026: mobile par header ke actions (CTA + hamburger) hamesha bar ke right edge se chipke rahen. Wajah: .head-nav + .head-actions{margin-left:0} base .head-actions{margin-left:auto} ko hara deta hai, aur ≤1120 par nav display:none hone se actions brand ke sath reh jate thay (390px par toggle inner-right se 16.4px andar). Barabar specificity + baad ki position se ye block jeet-ta hai; desktop (>1120, nav center) bilkul unchanged. */
@media (max-width:1120px){
  .head-in{justify-content:space-between}
  .head-nav + .head-actions{margin-left:auto}
}