/* Site-wide 2026 SaaS skin. nav.js pins this last so page <style> cannot
   drift the chrome. DuupFlow-level spacing and cards, Veyro white / black / blue.
   Does not rewrite IDs or JS behaviour. */

:root{
  --radius:20px;
  --radius-sm:12px;
  --radius-md:14px;
  --radius-lg:28px;
  --radius-xl:36px;
  --shadow:0 1px 2px rgba(15,23,42,.04), 0 16px 48px rgba(15,23,42,.06);
  --shadow-md:0 10px 32px rgba(15,23,42,.08);
  --shadow-lg:0 28px 70px rgba(15,23,42,.10);
  --shadow-blue:0 14px 40px rgba(37,99,235,.20);
}

h1,h2{
  text-transform:none;
  letter-spacing:-.05em;
  font-weight:900;
}

/* Pill actions — the DuupFlow chrome, in Veyro blue */
.go,.btn,.dl,.pbtn,.vcta,.tbtn,.allbtn,.gdrive-btn,.swap,.speed-toggle,
.mix-cta,.newfold button,.add button,.acts button,.acts select,
.speed-warn-actions button,.qw-plan button,.cel-actions a,.cel-actions button,
.ptile .pbtn,.pro .buy,.botcard .go,#tg-go,#rgo{
  border-radius:999px;
}
.go,.btn,.dl,.pbtn,.tbtn,.allbtn,.vcta,.pro .buy,.cel-actions a:not(.quiet){
  box-shadow:var(--shadow-blue);
  letter-spacing:.01em;
  text-transform:none;
  font-weight:800;
}
.go:hover:not([disabled]),.btn:hover:not([disabled]),.dl:hover,
.pbtn:hover,.tbtn:hover,.allbtn:hover{
  box-shadow:0 12px 30px rgba(37,99,235,.18);
}
.go[disabled],.btn[disabled]{box-shadow:none;transform:none}

/* Surfaces */
.drop,.panel,.kit-card,.kit-lead,.pcard,.tier,.preset,.tool,.hours article,
.promo-frame,.rate-card,.rate-well,.desk,.opt,.look,.count-look,.out-stage,
.clip,.m,.card,.cel-card,.gdrive-sheet,.gdrive-choice,.gdrive-folder,
.gdrive-ok,.flag,.msg,.empty,.batch-row,.match-desk,.match-row,
.speed-warn-card,.drive-call,.drive-billboard,.works-drive,.desk-sticker,
.add,.fold,.newfold input,.gdrive-banner,.gdrive-field input,
.batch-name-row,.err,.note,.box,.qw-card,.qw-plan,.live,
.cell,.ghost,.slot,.desk-clip,.ledger article,.built .fact,.plat,
.ptile,.tg,.botcard,.pro,.card3d,.confirm{
  border-radius:var(--radius);
}
.live,.out-stage,.kit-lead,.rate-well,.promo-frame,.tool,.desk,.pcard,.panel,.card,
.cel-card,.speed-warn-card{
  border-radius:var(--radius-lg);
}
.live,.out-stage,.kit-lead,.rate-well,.promo-frame,.tool{overflow:hidden}

input:not([type="checkbox"]):not([type="radio"]):not([type="range"]):not([type="file"]),
textarea,select{
  border-radius:var(--radius-sm);
}
.tabs{gap:6px;background:transparent}
.tabs button{border-radius:999px;border:1px solid var(--line)}
#who{border-radius:999px}

.works-drive,.drive-billboard,.desk-sticker,.btn.gdrive,.gdrive-ok,
.gdrive-steps span.on,.qw-x,.qw-chip,.best-chips span,
.match-sum .stamp,.cell .geo,.cell .dev,.slot .geo,.slot .dev{
  box-shadow:var(--shadow-blue);
  transform:none;
}
.works-drive{
  transform:none;animation:none;
  border-radius:999px;
  padding:10px 18px 10px 12px;
  box-shadow:0 10px 32px rgba(37,99,235,.14);
  border:1px solid rgba(37,99,235,.18);
  background:rgba(255,255,255,.86);
  -webkit-backdrop-filter:blur(12px);
  backdrop-filter:blur(12px);
}
.works-drive:hover,.works-drive:focus-visible{
  transform:translateY(-2px);
  box-shadow:0 16px 40px rgba(37,99,235,.2);
}
.drive-billboard{
  box-shadow:var(--shadow-lg);
  border-radius:var(--radius-xl);
}
.drive-billboard:hover{transform:translateY(-3px);box-shadow:0 28px 60px rgba(37,99,235,.16)}

.stamp-face,.stamp.xl .stamp-face{
  border-radius:22px;
  box-shadow:inset 0 1px 0 rgba(248,250,252,.18), 0 18px 40px rgba(37,99,235,.26);
}
.floater{border-radius:999px;box-shadow:0 14px 32px rgba(37,99,235,.24)}

.desk,.live,.out-stage{
  box-shadow:var(--shadow-lg), 0 0 0 1px rgba(37,99,235,.12);
}
.kit-card,.pcard,.tool,.hours article,.clip,.m,.add,.panel,.card,.ptile{
  box-shadow:var(--shadow);
  border-color:var(--line);
}
.kit-card:hover,.pcard:hover,.tool:hover,.clip:hover,.ptile:hover{box-shadow:var(--shadow-md)}

.flag,.pcard .flag,.qw-plan .flag{border-radius:999px}

/* FAQ — separate floating cards, two-column lead like a modern SaaS */
.faq-split{
  display:grid;grid-template-columns:minmax(240px,.85fr) 1.15fr;
  gap:48px 64px;align-items:start;
}
.faq-lead .kicker{margin-bottom:14px}
.faq-lead h2{max-width:12ch}
.faq-lead .sub{margin-top:18px}
.faq-lead .btn{margin-top:28px}
.faq{
  border:0;background:transparent;box-shadow:none;overflow:visible;
  display:grid;gap:12px;
}
.faq details{
  border:1px solid var(--line);
  background:#FFFFFF;
  border-radius:22px;
  box-shadow:var(--shadow);
  overflow:hidden;
}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{padding:20px 22px}
.faq details[open] summary{padding-bottom:8px}
.faq .ans p{padding:0 22px 20px}
@media (max-width:860px){
  .faq-split{grid-template-columns:1fr;gap:28px}
}

.hours{gap:16px;background:transparent}
.hours article{border:1px solid var(--line);box-shadow:var(--shadow)}
.hours article.win{box-shadow:var(--shadow-blue)}

.ledger{gap:16px;border:0;background:transparent}
.ledger article{
  border:1px solid var(--line);border-radius:var(--radius);
  background:#FFFFFF;box-shadow:var(--shadow);
}

.presets{gap:16px;background:transparent}
.preset{
  border-radius:var(--radius-lg);box-shadow:var(--shadow);
  text-transform:none;
}
.preset h3{text-transform:none}

.chips span,.proof,.badge,.pill,.best-chips span,.mix-label{border-radius:999px}

.gdrive-sheet{
  border-radius:28px;
  border:1px solid rgba(15,23,42,.1);
  box-shadow:0 28px 80px rgba(11,13,16,.26), 0 0 0 1px rgba(37,99,235,.1);
}
.gdrive-sheet h2{text-transform:none}
.gdrive-x{border-radius:999px}
.gdrive-btn,.gdrive-btn.lg{border-radius:999px;text-transform:none}
.qw-chip{border-radius:999px;box-shadow:0 12px 28px rgba(37,99,235,.3)}
.qw-x{border-radius:999px;box-shadow:none}

.fold{border-radius:12px}
.clip,.m{overflow:hidden}

.seg{border-radius:999px;overflow:visible;gap:6px;background:transparent}
.seg button{border-radius:999px}
.rows{border-radius:var(--radius);overflow:hidden}

.card3d,.panel{border-radius:var(--radius-lg)}
.box,.note,.err,.msg{border-radius:16px}

/* Numbered steps — filled circles, not 3D tiles */
.three{gap:28px;perspective:none}
.three .k,.three .k.mono{
  width:36px;height:36px;display:grid;place-items:center;
  background:var(--blue);color:#FFFFFF;border-radius:999px;
  font-size:14px;font-weight:800;opacity:1;letter-spacing:0;
}
.invert .three .k,.invert .three .k.mono{background:#2563EB;color:#FFFFFF}
#does .three{perspective:none}
#does .three > div{
  transform:none;
  background:rgba(255,255,255,.06);
  border:1px solid rgba(248,250,252,.12);
  border-radius:24px;
  padding:28px 24px;
  box-shadow:none;
}
#does .three > div:nth-child(2),
#does .three > div:nth-child(3),
#does .three > div:hover{transform:none}

/* Hero word highlight */
h1 em{
  font-style:normal;
  display:inline-block;
  background:var(--blue);
  color:#FFFFFF;
  border-radius:999px;
  padding:.04em .22em .08em;
  box-shadow:0 16px 36px rgba(37,99,235,.28);
}

.band{padding:120px 0}
@media (max-width:880px){.band{padding:80px 0}}

.invert{--line:rgba(248,250,252,.12)}

/* Pricing — separate floating cards, not a 2px brick wall */
.plans4{gap:18px;background:transparent;align-items:stretch}
.pcard{
  border-radius:28px;
  box-shadow:var(--shadow-lg);
  background:#111827;
}
.pcard:hover{transform:translateY(-4px)}
.pcard.hot{
  box-shadow:0 24px 60px rgba(37,99,235,.28);
}
.pbtn{border-radius:999px}

/* Platform / distance tiles — flat cards */
.plats{
  gap:14px;background:transparent;perspective:none;
}
.plat{
  transform:none;transform-style:flat;
  border:1px solid rgba(248,250,252,.1);
  border-radius:22px;
  box-shadow:var(--shadow);
}
.plat:hover{
  transform:translateY(-3px);
  box-shadow:var(--shadow-md);
}
.plat::after{display:none}

/* Live demo / toolbox — flatten leftover 3D */
.live-stage,.tools3,.js-reveal section,.js-reveal .hero{
  perspective:none;
}
.live,.tool,.slot,.slot.done,.slot.working,.slot.done:nth-child(2n),
.slot.done:nth-child(3n){
  transform:none;
  animation:none;
}
.live{transform:none}
.tool:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}
.slot .geo,.slot .dev{box-shadow:none;transform:none}

.js-reveal .rv,
.js-reveal .plans4.rv,.js-reveal .live.rv,.js-reveal .faq.rv,
.js-reveal .three.rv,.js-reveal .plats.rv,.js-reveal .spec.rv,
.js-reveal .tools3.rv,.js-reveal h2.rv,.js-reveal .measure.rv{
  transform:translateY(18px);
}
.js-reveal .rv.in{transform:none}

/* Built-by facts */
.built .facts{gap:12px;background:transparent}
.built .fact{
  border-radius:18px;
  border:1px solid var(--line);
  box-shadow:var(--shadow);
}

/* Account signed-in — light SaaS desk, no leftover 3D circus */
#acct{perspective:none;background:#FFFFFF;color:var(--ink)}
#acct .stage3d,#acct .stage-in,#acct .portal,#acct .card3d{
  transform:none;transform-style:flat;perspective:none;
}
#acct .float-v,#acct .dial-ring,#acct #a-plan,#acct #a-email,
#acct .pro-price,#acct .card3d{
  transform:none !important;
  animation:none;
}
#acct .pro h2,#acct .botcard h3,.cel-card h2,.gdrive-sheet h2,
.speed-warn-card h2{
  text-transform:none;
}
#acct .tg,#acct .botcard,#acct .ptile,#acct .pro,#acct .card3d,#ispro{
  border-radius:var(--radius);
}
.cel-actions a,.cel-actions button{border-radius:999px;text-transform:none}
.cel-card{border-radius:28px;overflow:hidden}

/* Library / team / legal */
.tools .btn,.newfold button,.add button,.acts button{border-radius:999px}
.lib-head h1,.wrap h1{letter-spacing:-.05em}
.side{background:#F8FAFC;border:1px solid var(--line);border-radius:22px;padding:18px 14px}
.fold.on{border-radius:12px}

/* Spoof desk — sentence case, air, pills */
.spoof-page .wrap,.desk-stage + .opts{ }
#desk .drop b,.drop b{text-transform:none}
.best-word{text-transform:none}
.best::before{animation:none;transform:none;border-radius:24px}
.speed-warn-card h2{text-transform:none}

/* Legal / utility forms */
.wrap .go,.wrap .btn,.wrap .allbtn{border-radius:999px}

.rate-stage,.rate-ready .rate-ring{perspective:none;transform:none}
.rate-ready .rate-card{position:relative !important;transform:none !important;
  inset:auto !important;width:100% !important;height:auto !important}

@media (max-width:620px){
  .works-drive{border-radius:20px}
  .gdrive-sheet{border-radius:22px 22px 12px 12px}
  .side{padding:14px 10px}
}