:root{
    color-scheme:dark;
    --bg:#07110d;
    --app-grad:linear-gradient(168deg,#07110d 0%,#090a08 46%,#120f06 100%);
    --panel:linear-gradient(145deg,rgba(15,19,14,.98),rgba(8,10,8,.99));
    --panel-soft:rgba(11,15,11,.92);
    --gold:#c5a45b;--gold-bright:#e2c574;
    --hair:rgba(197,164,91,.22);--hair-strong:rgba(203,174,105,.42);
    --green:#72a94b;--green-bright:#9cc96a;--btn-green:#285c32;--btn-green-line:rgba(156,201,106,.42);
    --oxblood:#772433;--oxblood-bright:#9a3242;
    --text:#eee9dc;--text-2:#b9b3a4;--muted:#817c70;
    --serif:"Iowan Old Style","Palatino Linotype",Palatino,"Book Antiqua",Georgia,serif;
    --body:"Segoe UI",system-ui,-apple-system,"Helvetica Neue",Arial,sans-serif;
    --wrap:1180px;
  }
  *,*::before,*::after{box-sizing:border-box}
  html{scroll-behavior:smooth}
  @media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
  body{margin:0}
  .page{background:var(--app-grad);color:var(--text);font-family:var(--body);font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative}
  .page::before{content:"";position:fixed;inset:0;pointer-events:none;z-index:0;
    background:repeating-linear-gradient(45deg,rgba(197,164,91,.03) 0 1px,transparent 1px 22px),
      repeating-linear-gradient(-45deg,rgba(197,164,91,.018) 0 1px,transparent 1px 30px),
      radial-gradient(130% 80% at 78% -8%,rgba(114,169,75,.09),transparent 55%);mix-blend-mode:screen}
  .page>*{position:relative;z-index:1}
  h1,h2,h3,h4{font-family:var(--serif);font-weight:500;margin:0;letter-spacing:.005em;text-wrap:balance}
  p{margin:0}a{color:inherit}
  .num{font-variant-numeric:tabular-nums}
  .lbl{color:var(--gold);font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
  .wrap{max-width:var(--wrap);margin:0 auto;padding:0 26px}

  .crest{display:grid;place-items:center;color:var(--gold-bright);
    background:radial-gradient(120% 120% at 40% 22%,rgba(20,26,18,.96),rgba(8,12,8,.96));
    border:1px solid var(--hair-strong);font-family:var(--serif);font-weight:600;line-height:1;
    clip-path:polygon(50% 0,95% 15%,88% 76%,50% 100%,12% 76%,5% 15%)}
  .emblem{display:block;object-fit:contain;flex:0 0 auto}
  .word .emblem{width:34px;height:34px}
  .seal .emblem{width:84px;height:84px}

  /* masthead */
  .mast{position:sticky;top:0;z-index:40;background:rgba(7,11,8,.86);backdrop-filter:blur(9px);border-bottom:1px solid var(--hair)}
  .mast__in{display:flex;align-items:center;gap:18px;height:64px;max-width:var(--wrap);margin:0 auto;padding:0 26px}
  .word{display:flex;align-items:center;gap:12px;text-decoration:none;flex:0 0 auto}
  .word .crest{width:30px;height:35px;font-size:12px}
  .word b{font-family:var(--serif);font-size:19px;font-weight:600;letter-spacing:.02em;display:block;line-height:1}
  .word small{display:block;color:var(--muted);font-size:9.5px;letter-spacing:.22em;text-transform:uppercase;margin-top:3px}
  .mast nav{margin-left:auto;display:flex;align-items:center;gap:24px}
  .mast nav a{color:var(--text-2);text-decoration:none;font-size:13.5px;font-weight:600}
  .mast nav a:hover{color:var(--text)}
  .mast nav a.d{display:none}
  .btn{display:inline-flex;align-items:center;gap:9px;min-height:42px;padding:0 18px;border:1px solid var(--btn-green-line);border-radius:5px;background:var(--btn-green);color:#eef2e8;font-family:var(--body);font-size:13.5px;font-weight:800;text-decoration:none;cursor:pointer;transition:transform .12s ease,box-shadow .2s ease}
  .btn:hover{transform:translateY(-1px);box-shadow:0 8px 26px rgba(40,92,50,.34)}
  .btn svg{width:15px;height:15px}
  .btn--ghost{background:rgba(8,11,8,.5);border-color:var(--hair-strong);color:var(--text)}
  .btn--ghost:hover{box-shadow:0 8px 26px rgba(0,0,0,.35);border-color:var(--gold)}
  @media(max-width:940px){.mast nav a:not(.d){display:none}.mast nav a.d{display:inline-flex}}

  /* browser frame */
  .frame{border:1px solid var(--hair-strong);border-radius:11px;overflow:hidden;background:#0a0d0a;box-shadow:0 40px 90px -44px rgba(0,0,0,.92),0 0 0 1px rgba(0,0,0,.4)}
  .frame__bar{display:flex;align-items:center;gap:8px;padding:11px 14px;border-bottom:1px solid var(--hair);background:rgba(6,9,6,.6)}
  .frame__bar .dot{width:10px;height:10px;border-radius:50%;background:#2a2f28;border:1px solid rgba(255,255,255,.06)}
  .frame__url{margin-left:12px;flex:1;max-width:340px;display:flex;align-items:center;gap:8px;padding:5px 12px;border:1px solid var(--hair);border-radius:20px;background:rgba(6,9,6,.6);color:var(--muted);font-size:11.5px}
  .frame__url svg{width:11px;height:11px;color:var(--green-bright)}
  .frame img{display:block;width:100%;height:auto}

  /* hero */
  .hero{padding:60px 0 26px}
  .hero__grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:48px;align-items:center}
  .eyebrow{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px}
  .eyebrow i{width:26px;height:1px;background:var(--hair-strong);display:inline-block}
  .hero h1{font-size:clamp(36px,5vw,58px);line-height:1.02;letter-spacing:-.01em}
  .hero h1 em{font-style:italic;color:var(--gold-bright)}
  .hero .lede{margin-top:20px;color:var(--text-2);font-size:18px;max-width:36ch}
  .hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}
  .hero__meta{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:24px;color:var(--muted);font-size:12.5px}
  .hero__meta span{display:inline-flex;align-items:center;gap:8px}
  .hero__meta svg{width:14px;height:14px;color:var(--green-bright)}
  .hero__shot{position:relative}
  .floaty{position:absolute;left:-16px;bottom:-16px;display:flex;align-items:center;gap:11px;padding:11px 15px;border:1px solid var(--hair-strong);border-radius:9px;background:rgba(8,11,8,.92);backdrop-filter:blur(6px);box-shadow:0 20px 50px -20px rgba(0,0,0,.9)}
  .floaty b{font-family:var(--serif);font-size:26px;line-height:.9;color:var(--gold-bright);display:block}
  .floaty small{display:block;color:var(--muted);font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;margin-top:3px}
  .floaty .txt{border-left:1px solid var(--hair);padding-left:11px}
  .floaty .txt b{font-size:13px;color:var(--text);font-family:var(--body);font-weight:700}
  @media(max-width:940px){.hero__grid{grid-template-columns:1fr;gap:34px}.hero{padding:40px 0 16px}.floaty{left:10px;bottom:-14px}}

  /* section scaffold */
  section{padding:72px 0}
  .rule{height:1px;background:linear-gradient(90deg,transparent,var(--hair-strong),transparent);max-width:var(--wrap);margin:0 auto}
  .head{max-width:66ch}
  .head.center{margin:0 auto;text-align:center}
  .head .lbl{display:block;margin-bottom:13px}
  .head h2{font-size:clamp(28px,3.6vw,40px);line-height:1.08}
  .head p{margin-top:15px;color:var(--text-2);font-size:17px}

  /* shoebox band */
  .band{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:linear-gradient(180deg,rgba(119,36,51,.10),transparent 70%)}
  .swap{display:grid;grid-template-columns:1fr auto 1fr;gap:30px;align-items:center;margin-top:32px}
  .swap .col h4{font-size:13px;letter-spacing:.14em;text-transform:uppercase;font-family:var(--body);font-weight:800;margin-bottom:16px}
  .swap .before h4{color:var(--oxblood-bright)}
  .swap .after h4{color:var(--green-bright)}
  .swap ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:11px}
  .swap li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--text-2)}
  .swap li svg{width:16px;height:16px;flex:0 0 auto;margin-top:3px}
  .before li svg{color:var(--oxblood-bright);opacity:.85}
  .after li svg{color:var(--green-bright)}
  .after li{color:var(--text)}
  .swap__arr{display:grid;place-items:center;width:52px;height:52px;border-radius:50%;border:1px solid var(--hair-strong);color:var(--gold);background:rgba(8,11,8,.6)}
  .swap__arr svg{width:20px;height:20px}
  @media(max-width:760px){.swap{grid-template-columns:1fr}.swap__arr{transform:rotate(90deg);margin:0 auto}}

  /* product tour — alternating rows */
  .tour{display:flex;flex-direction:column;gap:60px;margin-top:46px}
  .row{display:grid;grid-template-columns:minmax(0,1.28fr) minmax(0,.92fr);gap:44px;align-items:center}
  .row.flip .row__text{order:2}
  .row__text .lbl{display:block;margin-bottom:12px}
  .row__text h3{font-size:26px;line-height:1.1}
  .row__text p{margin-top:12px;color:var(--text-2);font-size:15.5px}
  .row__text ul{list-style:none;margin:14px 0 0;padding:0;display:flex;flex-direction:column;gap:9px}
  .row__text li{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--text-2)}
  .row__text li svg{width:15px;height:15px;color:var(--green-bright);flex:0 0 auto;margin-top:3px}
  @media(max-width:860px){.row{grid-template-columns:1fr;gap:22px}.row.flip .row__text{order:0}}

  /* gallery grid */
  .gal{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px}
  .gcard .frame{border-radius:9px}
  .gcard figcaption{margin:12px 2px 0}
  .gcard figcaption b{font-family:var(--serif);font-size:16px;font-weight:600;display:block}
  .gcard figcaption span{color:var(--text-2);font-size:12.5px}
  .gcard{margin:0}
  @media(max-width:860px){.gal{grid-template-columns:1fr}}

  /* round day steps */
  .day{border-top:1px solid var(--hair);background:radial-gradient(120% 90% at 15% 0%,rgba(114,169,75,.08),transparent 55%)}
  .daygrid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:48px;margin-top:42px;align-items:start}
  .steps{display:flex;flex-direction:column;gap:6px}
  .step{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:16px 0;border-top:1px solid rgba(197,164,91,.12)}
  .step:first-child{border-top:0}
  .step__n{width:40px;height:40px;border-radius:9px;display:grid;place-items:center;border:1px solid var(--hair-strong);background:rgba(8,11,8,.6);font-family:var(--serif);font-size:17px;color:var(--gold-bright)}
  .step h4{font-size:17px}
  .step p{color:var(--text-2);font-size:13.5px;margin-top:4px}
  .day__shot{position:sticky;top:84px}
  .day__shot .cap{margin-top:12px;color:var(--muted);font-size:12px;font-style:italic;text-align:center}
  @media(max-width:860px){.daygrid{grid-template-columns:1fr;gap:30px}.day__shot{position:static}}

  /* feature list */
  .feat{border-top:1px solid var(--hair)}
  .featgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
  .fcol{border:1px solid var(--hair);border-radius:10px;padding:22px 22px 8px;background:var(--panel-soft)}
  .fcol__h{display:flex;align-items:center;gap:11px;margin-bottom:6px}
  .fcol__h .ic{width:34px;height:34px;border-radius:8px;display:grid;place-items:center;border:1px solid var(--hair);background:rgba(140,171,82,.08);color:var(--gold-bright);flex:0 0 auto}
  .fcol__h .ic svg{width:17px;height:17px}
  .fcol__h b{font-family:var(--serif);font-size:17px;font-weight:600}
  .fcol ul{list-style:none;margin:0;padding:0}
  .fcol li{display:flex;gap:10px;align-items:flex-start;padding:10px 0;border-top:1px solid rgba(197,164,91,.1);font-size:13.5px;color:var(--text-2)}
  .fcol li:first-child{border-top:0}
  .fcol li svg{width:14px;height:14px;color:var(--green-bright);flex:0 0 auto;margin-top:3px}
  .fcol li b{color:var(--text);font-weight:600}
  @media(max-width:900px){.featgrid{grid-template-columns:1fr}}

  /* mobile / apps */
  .apps{border-top:1px solid var(--hair);background:radial-gradient(120% 90% at 85% 0%,rgba(114,169,75,.08),transparent 55%)}
  .appsgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:48px;align-items:center;margin-top:24px}
  .stores{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
  .store{display:inline-flex;align-items:center;gap:11px;padding:11px 16px;border:1px solid var(--hair-strong);border-radius:9px;background:rgba(8,11,8,.55)}
  .store svg{width:22px;height:22px;color:var(--text)}
  .store b{font-family:var(--serif);font-size:15px;font-weight:600;display:block;line-height:1.15}
  .store small{display:block;color:var(--green-bright);font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;margin-top:2px}
  .applist{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-direction:column;gap:10px}
  .applist li{display:flex;gap:10px;align-items:flex-start;font-size:14.5px;color:var(--text-2)}
  .applist li svg{width:15px;height:15px;color:var(--green-bright);flex:0 0 auto;margin-top:3px}
  .phones{display:flex;justify-content:center;align-items:flex-end;gap:18px}
  .phone{width:210px;flex:0 0 auto;border:9px solid #14180f;border-radius:34px;background:#07110d;box-shadow:0 40px 80px -34px rgba(0,0,0,.9),inset 0 0 0 1px var(--hair);overflow:hidden}
  .phone.mid{width:224px;margin-bottom:22px}
  .phone__notch{height:22px;display:flex;justify-content:center}
  .phone__notch::after{content:"";width:70px;height:16px;background:#14180f;border-radius:0 0 12px 12px}
  .pscreen{padding:0 0 14px}
  .ptop{display:flex;align-items:center;gap:9px;padding:6px 14px 12px}
  .ptop .crest{width:26px;height:30px;font-size:10px}
  .ptop b{font-family:var(--serif);font-size:12.5px;font-weight:600;display:block;line-height:1.1}
  .ptop small{color:var(--muted);font-size:9px;display:block}
  .plbl{color:var(--gold);font-size:8.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;padding:0 14px}
  .plead{padding:2px 14px 8px}
  .plead h5{font-family:var(--serif);font-size:16px;font-weight:600;margin:2px 0 0}
  .plead span{color:var(--text-2);font-size:10.5px}
  .prow{display:grid;grid-template-columns:16px 1fr auto;gap:8px;align-items:center;padding:8px 14px;border-top:1px solid rgba(197,164,91,.1);font-size:11.5px}
  .prow .pp{font-family:var(--serif);color:var(--muted);text-align:center;font-size:12px}
  .prow.me{background:linear-gradient(90deg,rgba(140,171,82,.14),transparent);box-shadow:inset 2px 0 0 var(--green-bright)}
  .prow .pt{font-family:var(--serif);font-size:13px}
  .pmono{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;background:rgba(140,171,82,.16);color:var(--green-bright);font-size:7.5px;font-weight:800}
  .pwho{display:flex;align-items:center;gap:7px}
  .phole{margin:8px 14px 0;border:1px solid var(--hair);border-radius:10px;padding:12px;background:rgba(140,171,82,.06);text-align:center}
  .phole .big{font-family:var(--serif);font-size:40px;color:var(--gold-bright);line-height:.9}
  .phole small{color:var(--text-2);font-size:10px}
  .pscore{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:9px 14px 0}
  .pscore div{border:1px solid var(--hair);border-radius:8px;padding:8px 0;text-align:center}
  .pscore b{font-family:var(--serif);font-size:22px;display:block}
  .pscore small{color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase}
  .psave{margin:10px 14px 0;padding:11px;border-radius:8px;text-align:center;background:var(--btn-green);border:1px solid var(--btn-green-line);color:#eef2e8;font-size:12px;font-weight:800}
  .pfeed{padding:9px 14px;border-top:1px solid rgba(197,164,91,.1)}
  .pfeed b{font-size:11.5px;font-weight:700;display:block}
  .pfeed span{color:var(--text-2);font-size:10px}
  .pnav{display:flex;justify-content:space-around;padding:10px 8px 4px;border-top:1px solid var(--hair);margin-top:8px;color:var(--muted)}
  .pnav svg{width:17px;height:17px}
  .pnav .on{color:var(--green-bright)}
  @media(max-width:860px){.appsgrid{grid-template-columns:1fr;gap:34px}.phone{width:180px}.phone.mid{width:196px}}
  @media(max-width:520px){.phones{gap:10px}.phone{width:150px}.phone.mid{width:164px;margin-bottom:14px}.phone.side{display:none}}

  /* languages */
  .langs{border-top:1px solid var(--hair);background:radial-gradient(120% 90% at 20% 0%,rgba(114,169,75,.08),transparent 55%)}
  .langlive{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:32px}
  .chip2{display:inline-flex;align-items:center;gap:11px;padding:12px 20px;border:1px solid var(--btn-green-line);border-radius:9px;background:rgba(39,92,42,.22)}
  .chip2 b{font-family:var(--serif);font-size:19px;font-weight:600}
  .chip2 .dot{width:8px;height:8px;border-radius:50%;background:var(--green-bright);box-shadow:0 0 10px rgba(156,201,106,.7)}
  .chip2 small{font-family:var(--body);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-bright)}
  .langroad{margin-top:34px;text-align:center}
  .langroad .lbl{display:block;margin-bottom:16px}
  .langcloud{display:flex;flex-wrap:wrap;gap:9px;justify-content:center;max-width:860px;margin:0 auto}
  .langcloud span{padding:7px 13px;border:1px solid var(--hair);border-radius:20px;background:rgba(8,11,8,.4);color:var(--text-2);font-size:13.5px}
  .langcloud span.more{border-color:var(--hair-strong);color:var(--gold-bright)}

  /* diary */
  .diary{margin-top:40px;border:1px solid var(--hair);border-radius:10px;overflow:hidden;background:var(--panel)}
  .diary .dh{padding:15px 20px;border-bottom:1px solid var(--hair);display:flex;align-items:center;justify-content:space-between}
  .diary .dh b{font-family:var(--serif);font-size:16px;font-weight:600}
  .fx{display:grid;grid-template-columns:88px 1fr auto;gap:16px;align-items:center;padding:15px 20px;border-top:1px solid rgba(197,164,91,.1)}
  .fx:first-of-type{border-top:0}
  .fx .date{font-family:var(--serif);font-size:15px;color:var(--gold-bright);text-align:center;line-height:1.15}
  .fx .date small{display:block;font-family:var(--body);font-size:10px;color:var(--muted);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}
  .fx .what b{font-family:var(--serif);font-size:16px;font-weight:600;display:block}
  .fx .what span{color:var(--text-2);font-size:12.5px}
  .fx .tag{font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;padding:5px 11px;border-radius:20px;white-space:nowrap}
  .tag.up{color:#a7dd79;background:rgba(76,137,61,.26)}
  .tag.ev{color:var(--text-2);background:rgba(255,255,255,.05)}
  .tag.so{color:var(--gold-bright);background:rgba(121,89,19,.2)}
  @media(max-width:620px){.fx{grid-template-columns:70px 1fr}.fx .tag{grid-column:2;justify-self:start}}

  /* about / seo keyword band */
  .about{border-top:1px solid var(--hair)}
  .about .inner{max-width:840px;margin:0 auto;text-align:center}
  .about h2{font-size:clamp(24px,3vw,32px);margin-top:12px}
  .about p{margin-top:14px;color:var(--text-2);font-size:15.5px}
  .tags{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:22px}
  .tags span{padding:6px 12px;border:1px solid var(--hair);border-radius:20px;background:rgba(8,11,8,.5);color:var(--text-2);font-size:12px}

  /* pricing */
  .price{border-top:1px solid var(--hair)}
  .founding{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin:28px auto 30px;width:max-content;max-width:100%;padding:10px 20px;border:1px solid var(--hair-strong);border-radius:30px;background:rgba(121,89,19,.16);color:var(--gold-bright);font-size:13px;font-weight:700;text-align:center}
  .founding svg{width:16px;height:16px;flex:0 0 auto}
  .tiers{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:840px;margin:0 auto}
  .tier{border:1px solid var(--hair);border-radius:12px;padding:28px;background:var(--panel-soft);display:flex;flex-direction:column}
  .tier.feat{border-color:var(--hair-strong);background:linear-gradient(160deg,rgba(24,44,33,.3),rgba(9,12,9,.98) 62%);box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
  .tier__tag{align-self:flex-start;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:#20140a;background:linear-gradient(180deg,#d8b968,#b5934b);padding:5px 12px;border-radius:20px;margin-bottom:14px}
  .tier__tag.sub{background:rgba(8,11,8,.5);border:1px solid var(--hair-strong);color:var(--text-2)}
  .tier h3{font-size:21px}
  .tier .who{color:var(--text-2);font-size:13.5px;margin-top:4px}
  .tier .amt{display:flex;align-items:baseline;gap:8px;margin:18px 0 4px}
  .tier .amt b{font-family:var(--serif);font-size:46px;line-height:1;color:var(--text)}
  .tier .amt span{color:var(--muted);font-size:13px}
  .tier .was{color:var(--muted);font-size:12.5px;margin-bottom:16px}
  .tier .was s{color:var(--oxblood-bright)}
  .tier ul{list-style:none;margin:6px 0 22px;padding:0;display:flex;flex-direction:column;gap:9px}
  .tier li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--text-2)}
  .tier li svg{width:14px;height:14px;color:var(--green-bright);flex:0 0 auto;margin-top:3px}
  .tier .btn{margin-top:auto;justify-content:center;width:100%}
  .price__note{text-align:center;color:var(--muted);font-size:12.5px;margin:24px auto 0;max-width:60ch}
  .price__intro{color:var(--text-2)!important;font-size:15px!important;max-width:58ch;margin:14px auto 0!important}
  @media(max-width:720px){.tiers{grid-template-columns:1fr}}

  /* checkout return */
  .checkout-thanks{padding:28px 0 0}
  .checkout-thanks__in{max-width:840px;margin:0 auto;padding:28px;border:1px solid var(--hair-strong);border-radius:12px;background:linear-gradient(145deg,rgba(24,44,33,.78),rgba(9,12,9,.98));box-shadow:0 30px 70px -40px rgba(0,0,0,.9)}
  .checkout-thanks h2{font-size:clamp(28px,3.6vw,40px);line-height:1.08}
  .checkout-thanks p:not(.lbl){max-width:62ch;margin-top:13px;color:var(--text-2);font-size:15px}
  .checkout-thanks .btn{margin-top:20px}
  .checkout-cancelled{max-width:840px;margin:20px auto 0;padding:12px 18px;border:1px solid var(--hair);border-radius:8px;background:var(--panel-soft);color:var(--text-2);font-size:13.5px;text-align:center}
  @media(max-width:720px){.checkout-thanks__in{padding:24px 20px}}

  /* faq */
  .faq{border-top:1px solid var(--hair)}
  .qa{max-width:820px;margin:34px auto 0;display:flex;flex-direction:column;gap:10px}
  .qa details{border:1px solid var(--hair);border-radius:9px;background:var(--panel-soft);overflow:hidden}
  .qa summary{list-style:none;cursor:pointer;padding:17px 20px;display:flex;align-items:center;gap:14px;font-family:var(--serif);font-size:17px;font-weight:600}
  .qa summary::-webkit-details-marker{display:none}
  .qa summary::after{content:"+";margin-left:auto;color:var(--gold);font-size:22px;font-weight:400;line-height:1}
  .qa details[open] summary::after{content:"–"}
  .qa summary:hover{color:var(--text)}
  .qa .a{padding:0 20px 18px;color:var(--text-2);font-size:14.5px}
  .qa details[open] summary{color:var(--gold-bright)}

  /* close */
  .close{border-top:1px solid var(--hair);background:radial-gradient(120% 130% at 50% 0%,rgba(114,169,75,.10),transparent 55%)}
  .seal{display:grid;place-items:center;text-align:center;gap:20px;max-width:640px;margin:0 auto}
  .seal .crest{width:76px;height:88px;font-size:26px}
  .seal h2{font-size:clamp(30px,4.4vw,46px);line-height:1.05}
  .seal p{color:var(--text-2);font-size:17px;max-width:48ch}
  form{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%;max-width:480px}
  form label{width:100%;text-align:left;color:var(--text-2);font-size:12.5px;margin-bottom:2px}
  .field{flex:1 1 240px;display:flex;gap:10px}
  input[type=email]{flex:1;min-width:0;height:46px;padding:0 15px;border:1px solid var(--hair-strong);border-radius:6px;background:rgba(6,9,6,.7);color:var(--text);font:inherit;font-size:14px}
  input[type=email]:focus{outline:2px solid var(--green-bright);outline-offset:1px;border-color:transparent}
  input[type=email]::placeholder{color:var(--muted)}
  .btn--gold{background:linear-gradient(180deg,#d8b968,#b5934b);border-color:rgba(226,197,116,.5);color:#20140a}
  .btn--gold:hover{box-shadow:0 8px 26px rgba(181,148,75,.34)}
  .msg{width:100%;color:var(--green-bright);font-size:13.5px;font-weight:700;margin-top:4px}
  .fineprint{color:var(--muted);font-size:12px}
  .hp{display:none !important}
  footer{border-top:1px solid var(--hair);padding:26px 0}
  .footlinks{display:flex;flex-wrap:wrap;gap:8px 18px;margin-bottom:16px}
  .footlinks a{color:var(--text-2);text-decoration:none;font-size:12.5px}
  .footlinks a:hover{color:var(--text)}
  .foot{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;justify-content:space-between;color:var(--muted);font-size:12.5px}
  .powered{display:inline-flex;align-items:center;gap:8px}
  .powered i{width:6px;height:6px;border-radius:50%;background:var(--gold)}
  .foot-legal{margin-top:16px;color:var(--muted);font-size:11.5px;line-height:1.55;max-width:72ch}
  .foot-legal a{color:var(--text-2);text-decoration:underline}
  .foot-legal a:hover{color:var(--text)}

  /* competition formats */
  .formats{border-top:1px solid var(--hair);background:radial-gradient(120% 90% at 82% 0%,rgba(114,169,75,.08),transparent 55%)}
  .fmtgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:46px;margin-top:42px;align-items:center}
  .fmtlist{display:flex;flex-direction:column;gap:20px}
  .fmtrow .k{color:var(--gold);font-family:var(--body);font-size:11px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:10px}
  .chips{display:flex;flex-wrap:wrap;gap:8px}
  .chip{display:inline-flex;align-items:center;gap:7px;padding:8px 13px;border:1px solid var(--hair);border-radius:20px;background:rgba(8,11,8,.5);color:var(--text);font-size:13.5px}
  .chip svg{width:13px;height:13px;color:var(--green-bright);flex:0 0 auto}
  /* pure-css knockout bracket */
  .bracket{border:1px solid var(--hair-strong);border-radius:12px;background:var(--panel);padding:22px 20px;box-shadow:0 30px 70px -44px rgba(0,0,0,.9)}
  .bracket__h{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
  .bracket__h b{font-family:var(--serif);font-size:16px;font-weight:600}
  .bracket__h span{color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .bkr{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px;align-items:stretch}
  .bkr .col{display:flex;flex-direction:column;justify-content:space-around;gap:12px}
  .tie{border:1px solid var(--hair);border-radius:8px;background:rgba(8,11,8,.55);overflow:hidden}
  .tie .p{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 12px;font-size:13px}
  .tie .p+.p{border-top:1px solid rgba(197,164,91,.14)}
  .tie .p b{font-family:var(--serif);font-size:13px;font-weight:600;color:var(--muted)}
  .tie .p.w{background:linear-gradient(90deg,rgba(140,171,82,.16),transparent);box-shadow:inset 2px 0 0 var(--green-bright)}
  .tie .p.w span{color:var(--text)}
  .tie .p.w b{color:var(--green-bright)}
  .tie .p span{color:var(--text-2)}
  .champ{margin:auto 0;border:1px solid var(--btn-green-line);border-radius:10px;padding:16px 14px;text-align:center;background:radial-gradient(120% 120% at 50% 0,rgba(39,92,42,.34),rgba(9,12,9,.6))}
  .champ small{color:var(--gold-bright);font-size:9.5px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;display:block;margin-bottom:6px}
  .champ b{font-family:var(--serif);font-size:19px;font-weight:600;display:block}
  .champ .cup{width:26px;height:26px;margin:0 auto 8px;color:var(--gold-bright)}
  @media(max-width:860px){.fmtgrid{grid-template-columns:1fr;gap:30px}.bkr{gap:8px}}

  /* beyond the leaderboard */
  .more{border-top:1px solid var(--hair)}
  .moregrid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin-top:44px}
  .mcard{border:1px solid var(--hair);border-radius:12px;padding:24px;background:var(--panel-soft);display:flex;flex-direction:column;gap:16px}
  .mcard__h .lbl{display:flex;align-items:center;gap:9px;margin-bottom:9px}
  .mcard__h .lbl svg{width:15px;height:15px}
  .mcard__h h3{font-size:20px;line-height:1.12}
  .mcard__h p{margin-top:9px;color:var(--text-2);font-size:14px}
  .mock{border:1px solid var(--hair);border-radius:9px;background:rgba(6,9,6,.55);padding:14px;margin-top:auto}
  /* mini: settle-up */
  .settle{display:flex;flex-direction:column;gap:8px}
  .settle .r{display:grid;grid-template-columns:1fr auto 1fr auto;gap:9px;align-items:center;font-size:12.5px;color:var(--text-2)}
  .settle .r .who{display:flex;align-items:center;gap:6px}
  .settle .r .ar{color:var(--gold);flex:0 0 auto}
  .settle .r .amt{font-family:var(--serif);color:var(--green-bright);font-size:14px;justify-self:end}
  .av{width:20px;height:20px;border-radius:50%;display:grid;place-items:center;background:rgba(140,171,82,.16);color:var(--green-bright);font-size:8px;font-weight:800;flex:0 0 auto}
  /* mini: ai report */
  .report .rk{color:var(--gold);font-size:9.5px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
  .report h4{font-family:var(--serif);font-size:15px;font-weight:600;margin:5px 0 8px;line-height:1.2}
  .report .ln{height:7px;border-radius:4px;background:linear-gradient(90deg,rgba(185,179,164,.28),rgba(185,179,164,.05));margin:6px 0}
  .report .ln.s{width:72%}
  .report .post{margin-top:11px;display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border-radius:6px;background:var(--btn-green);border:1px solid var(--btn-green-line);color:#eef2e8;font-size:11px;font-weight:800}
  .report .post svg{width:12px;height:12px}
  /* mini: stats / head-to-head */
  .stat{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .stat div{border:1px solid var(--hair);border-radius:8px;padding:9px 0;text-align:center}
  .stat b{font-family:var(--serif);font-size:20px;color:var(--gold-bright);display:block;line-height:1}
  .stat small{color:var(--muted);font-size:8.5px;letter-spacing:.06em;text-transform:uppercase;display:block;margin-top:4px}
  .h2h{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:11px;font-size:12px;color:var(--text-2)}
  .h2h .sc{font-family:var(--serif);font-size:17px;color:var(--text)}
  /* mini: handicap watch */
  .watch{display:flex;flex-direction:column;gap:9px}
  .watch .wr{display:flex;align-items:center;gap:10px;font-size:12.5px;color:var(--text-2)}
  .watch .bars{margin-left:auto;display:flex;align-items:flex-end;gap:3px;height:22px}
  .watch .bars i{width:5px;background:rgba(140,171,82,.4);border-radius:2px}
  .watch .bars i.hi{background:var(--gold-bright)}
  .watch .flag{margin-left:auto;font-size:9.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--gold-bright);background:rgba(121,89,19,.22);border:1px solid var(--hair);padding:4px 9px;border-radius:20px;white-space:nowrap}
  .watch .note{color:var(--muted);font-size:11px;font-style:italic;border-top:1px solid rgba(197,164,91,.12);padding-top:9px}
  @media(max-width:760px){.moregrid{grid-template-columns:1fr}}

  /* Content is visible by default — never JS-dependent. Gentle pure-CSS entrance only when motion is allowed. */
  .rev{opacity:1;transform:none}
  @keyframes revIn{from{opacity:0;transform:translateY(14px)}}
  @media (prefers-reduced-motion:no-preference){.rev{animation:revIn .6s ease}}
/* mailing-list signup (shared, JS-free, CSP-safe) */
.mlist{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair)}
.mlist .in{max-width:640px;margin:0 auto;text-align:center;padding:clamp(2.4rem,5vw,3.4rem) 0}
.mlist .k{color:var(--gold);font-size:11px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.mlist h2{font-family:var(--serif);font-weight:500;font-size:clamp(26px,3.4vw,38px);margin:12px 0 0;line-height:1.06}
.mlist p{color:var(--text-2);margin-top:12px}
.mlist form{margin-top:22px;display:flex;flex-direction:column;gap:10px;align-items:center}
.mlist .field{display:flex;gap:10px;width:100%;max-width:460px}
.mlist input[type=email]{flex:1;min-height:48px;padding:0 16px;border-radius:8px;border:1px solid var(--hair);background:rgba(8,11,8,.6);color:var(--text);font-size:15px;font-family:var(--body)}
.mlist input[type=email]::placeholder{color:var(--muted)}
.mlist input[type=email]:focus{outline:none;border-color:var(--gold)}
.mlist button{min-height:48px;padding:0 20px;border:0;border-radius:8px;background:linear-gradient(180deg,#d8b968,#b5934b);color:#20140a;font-weight:800;font-size:14px;font-family:var(--body);cursor:pointer;display:inline-flex;align-items:center;gap:8px;white-space:nowrap}
.mlist button:hover{transform:translateY(-1px)}
.mlist button svg{width:18px;height:18px}
.mlist .fine{color:var(--muted);font-size:12.5px;margin-top:2px}
.mlist .hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(max-width:520px){.mlist .field{flex-direction:column}.mlist button{width:100%;justify-content:center}}
.legal-disclosure{font-size:.72rem;opacity:.6;text-align:center;margin-top:12px;line-height:1.4;}