/* Homepage · Night Shift. Loaded after proof.css; fonts in fonts.css. */

/* iPhone-first layout: compact first screen, peeking swipe rows, 44pt taps, numbered steps, thumb-zone dock (dock.js). */
html{-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;}
body{font-size:17px;line-height:1.5;}
section[id],[aria-labelledby]{scroll-margin-top:72px;}

/* first screen fits an iPhone SE (667pt): headline, one vouch and the buttons, no giant art */
.top{min-height:0;padding:18px 16px 20px;gap:14px;justify-content:flex-start;}
.top .top-art{position:static;transform:none;width:118px;margin:0 0 -48px auto;}

/* swipe rows show the next card peeking, and snap cleanly */
.quotes{scroll-padding-left:16px;}
.quote{flex-basis:84%;}

/* tap targets: 44pt minimum */
.pill,.links a,.btn{min-height:44px;}
.faq summary{padding:4px 0;min-height:44px;display:flex;align-items:center;}
/* small links keep their look but get a 44pt invisible hit area */
.brand,.proofline{position:relative;}
.brand::after,.proofline::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:44px;margin-top:-22px;}
.links{gap:8px 20px;}
.links a{display:inline-flex;align-items:center;}

/* no emoji icons: numbered steps instead */
.how{counter-reset:step;}
.how i{font-size:0;width:auto;}
.how i::before{counter-increment:step;content:counter(step,decimal-leading-zero);font-size:.85rem;font-weight:700;letter-spacing:.05em;}

/* thumb-zone dock (filled by ux.js), hidden while the page's own buttons are on screen */
.dock-glow{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 12px calc(10px + env(safe-area-inset-bottom));
  transform:translateY(110%);transition:transform .25s ease;}
.dock-glow.on{transform:none;}
.dock-glow .ctas{max-width:520px;margin:0 auto;gap:8px;}
.dock-glow .cta2{min-height:54px;padding:6px 10px 6px 6px;}
.dock-glow .cta2-ic{width:38px;height:38px;}
.dock-glow .cta2-txt small{display:none;}
.fine{padding-bottom:calc(96px + env(safe-area-inset-bottom));}


@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important;}}

/* Night Shift look (from drafts/glow/1-night-shift): a graveyard night watchman's clipboard. Archivo Black stencil-ish caps, flat glow-green,
   a flashlight beam on the hero, tombstone horizon, thin ruled lists instead of bubbly cards. */
:root{--cream:#070907;--paper:#0f1310;--ink:#eef3ea;--dim:#b4bdaf;--honey:#b6ff3b;--honey-2:#b6ff3b;--line:rgba(238,243,234,.16);--mint:#b6ff3b;
  --display:'Archivo Black',system-ui,sans-serif;--body:'Archivo',system-ui,sans-serif;--mono:'Archivo',system-ui,sans-serif;
  --dlg-bg:#0f1310;--dlg-ink:#eef3ea;--dlg-dim:#b4bdaf;}
body{background:#070907;}
.bar{background:#070907;border-bottom:1px solid var(--line);}
.brand{text-transform:uppercase;font-size:.95rem;letter-spacing:.02em;}
.pill{background:transparent;border:1px solid #eef3ea;color:#eef3ea;border-radius:4px;text-transform:uppercase;font-size:.78rem;letter-spacing:.08em;}
.top{background:radial-gradient(120% 60% at 85% 0%,rgba(182,255,59,.16),transparent 55%);position:relative;padding-bottom:64px;}
.top::after{content:"";position:absolute;left:0;right:0;bottom:0;height:46px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 400 60'%3E%3Cpath fill='%231a2117' d='M0 60V48h20V30a12 12 0 0 1 24 0v18h30V36h6v-8h-6v-4h6v-6h4v6h6v4h-6v8h6v12h40V26a16 16 0 0 1 32 0v22h44V34a10 10 0 0 1 20 0v14h36V20h6v-6h-6v-4h6V4h4v6h6v4h-6v6h6v28h42V30a14 14 0 0 1 28 0v18h28V38a9 9 0 0 1 18 0v10h12v12Z'/%3E%3C/svg%3E") 0 100%/400px 46px repeat-x;pointer-events:none;}
.top .top-art{filter:grayscale(.4) brightness(.95);}
.top h1{font-size:clamp(2rem,9.4vw,3rem);line-height:.98;text-transform:uppercase;letter-spacing:-.01em;}
.top h1 em{color:#b6ff3b;}
.proofline{background:transparent;color:#b6ff3b;border:1px solid #b6ff3b;border-radius:4px;font:700 .78rem/1 var(--body);text-transform:uppercase;letter-spacing:.1em;}
.proofline b{color:#b6ff3b;font-family:var(--display);}
.quote{border:0;border-left:3px solid #b6ff3b;border-radius:0;background:#0f1310;box-shadow:none;}
.quote q{font-weight:500;font-size:1.05rem;}
.quote small{color:#b4bdaf;font-family:var(--body);letter-spacing:.04em;text-transform:uppercase;font-size:.7rem;}
.quote img{border-radius:3px;}
.stack img{border-color:#070907;box-shadow:none;}
.cta2{border:0;border-radius:6px;box-shadow:none;}
.cta2-tg{background:#b6ff3b;color:#070907;animation:none;}
.cta2-wa{background:#eef3ea;color:#070907;}
.cta2-ic{background:#070907;}
.cta2-tg .cta2-ic{color:#b6ff3b;}
.cta2-txt b{font-size:1.05rem;text-transform:uppercase;}
.cta2-txt small{font-family:var(--body);font-weight:500;}
.ship-line{font-family:var(--body);font-size:.85rem;color:#b4bdaf;}
.sec{border-top:1px solid var(--line);}
.sec-k{font:700 .74rem/1 var(--body);letter-spacing:.16em;color:#b6ff3b;}
.sec h2{font-size:2.1rem;text-transform:uppercase;line-height:1;}
.scam{background:#0f1310;}
.scam h2{color:#eef3ea;}
.scam > .wrap > p,.how span{color:#c9d1c4;}
.how p{background:transparent;border-top:1px solid var(--line);border-radius:0;padding:14px 2px;}
.how i::before{color:#b6ff3b;}
.how b{color:#eef3ea;}
.scam .quote{background:#070907;color:#eef3ea;box-shadow:none;}
.mitem{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;}
.mitem summary{padding:12px 0;}
.mitem summary b{text-transform:uppercase;font-size:.98rem;letter-spacing:.02em;}
.mitem summary small{color:#b4bdaf;}
.mitem summary em{font-family:var(--display);color:#b6ff3b;}
.mitem summary img{border-radius:4px;background:#0f1310;}
.mprices .p{background:#0f1310;border-radius:4px;font-family:var(--body);}
.vgrid button{border-radius:3px;}
.btn{background:transparent;color:#eef3ea;border:1px solid #eef3ea;border-radius:4px;box-shadow:none;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem;}
.ship-rows p{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0;}
.ship-rows small{color:#b4bdaf;}
.faq details{border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:10px 0;}
.faq p{color:#b4bdaf;}
.links a{color:#b6ff3b;}
.fine{color:#b4bdaf;}
.dock-glow{background:linear-gradient(rgba(7,9,7,0),#070907 40%);}
/* two buttons must fit side by side on a 375pt iPhone: let them shrink, keep the caps compact */
.cta2{min-width:0;}
.cta2-txt b{font-size:.95rem;letter-spacing:-.01em;white-space:nowrap;}
@media (max-width:389px){.cta2{gap:8px;padding-right:8px;}.cta2-ic{width:38px;height:38px;}.cta2-txt b{font-size:.86rem;}}
/* quotes read cleaner without quotation marks */
.quote q{quotes:none;}
/* Third hero contact option: direct SMS with a prefilled message. */
.sms-hero{margin-top:10px;min-width:0;}
.sms-contact{display:flex;align-items:center;gap:11px;min-height:62px;padding:10px 13px;color:#070907;background:#b6ff3b;border:2px solid #070907;border-radius:8px;text-decoration:none;box-shadow:0 3px 0 #070907;font:600 .84rem/1.25 system-ui,sans-serif;overflow-wrap:anywhere;}
.sms-contact span:nth-child(2){display:grid;gap:2px;min-width:0;}.sms-contact b{font-weight:800;}.sms-contact small{font-size:.75rem;font-weight:500;}.sms-icon{flex:none;font-size:1.25rem;}.sms-arrow{margin-left:auto;font-size:1.2rem;}
.sms-contact:focus-visible{outline:3px solid #fff;outline-offset:3px;}