/* Brand1st site — sales, sample, partners, terms and privacy pages.
   Premium pass (30 Oct 2026): the same look as the app. Serif (Instrument Serif) only for H1/H2-scale headlines; everything else Inter Tight (src/b1st-tokens.css): the People Work look, quiet and
   serif-led, with Designjoy's tilted Brand Master card and monospace labels. Lime marks only the next step (buy).
   Class names are unchanged from the first version, so every page reskins from this one file. */

@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/fonts/instrument-serif-latin-400-italic.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/inter-tight-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/inter-tight-latin-500-normal.woff2) format('woff2');}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/inter-tight-latin-600-normal.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-400-normal.woff2) format('woff2');}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/ibm-plex-mono-latin-500-normal.woff2) format('woff2');}

:root{
  /* the app's tokens */
  --ink:#1D2622; --ink-2:#262F2B; --ink-3:#2A3430; --stone:#EDEAE5; --card:#F4F6F1; --card-soft:rgba(244,246,241,.6);
  --muted:#4E5753; --muted-2:#59625E; --line:rgba(29,38,34,.12); --line-2:rgba(29,38,34,.18); --wash:rgba(29,38,34,.08);
  --lime:#E6F35A; --lime-tint:#EEF4C9; --mist:linear-gradient(180deg,#BFC9CF 0%,#D3D8DA 55%,#EDEAE5 100%);
  --on-ink-2:rgba(244,246,241,.72); --on-ink-3:rgba(244,246,241,.55);
  --ease:cubic-bezier(.2,.7,.2,1);
  /* the first version's names, kept so page-level styles (partners) keep working */
  --black:var(--ink); --dark:var(--ink); --mid:var(--muted); --light:var(--muted-2);
  --hairline:var(--line); --rule:var(--line-2); --offset:var(--card); --input-bg:var(--card); --white:var(--card);
  --serif:'Instrument Serif', Georgia, serif; --sans:'Inter Tight', system-ui, -apple-system, 'Segoe UI', sans-serif; --mono:'IBM Plex Mono', ui-monospace, Menlo, monospace;
  --wrap:1180px; --gut:32px;
}
*,*::before,*::after{box-sizing:border-box;}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--stone);}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}}
body{margin:0;background:var(--stone);color:var(--ink);font:400 16px/1.55 var(--sans);-webkit-font-smoothing:antialiased;}
img{max-width:100%;height:auto;display:block;}
a{color:var(--ink);text-underline-offset:3px;}
[hidden]{display:none !important;}
::selection{background:var(--lime);color:var(--ink);}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--gut);}
@media (max-width:720px){:root{--gut:16px;}}
.skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--card);padding:10px 14px;z-index:100;border-radius:999px;}
.skip:focus{left:12px;top:12px;}
:focus-visible{outline:2px solid var(--ink);outline-offset:3px;}
.mono{font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;}
em{font-style:normal;}
/* italics only in the serif headlines (Inter Tight ships upright only) */
.h1 em,.h2 em,.quote-line em,.legal h1 em,.legal h2 em{font-style:italic;}

/* ---------------- header: a floating pill ---------------- */
.top{position:sticky;top:0;z-index:40;padding:14px 0 0;}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:20px;background:var(--card);border-radius:28px;padding:10px 10px 10px 26px;min-height:68px;
  box-shadow:0 10px 30px rgba(29,38,34,.08);max-width:calc(var(--wrap) - 2 * var(--gut));}
.mark{font:400 23px/1 var(--sans);letter-spacing:-.035em;color:var(--ink);text-decoration:none;white-space:nowrap;}
/* the logo: Brand light, 1st bold (1st does the work) */
.mark b{font-weight:700;letter-spacing:-.04em;}
.mark::after{content:'™';font-size:9px;font-weight:500;vertical-align:super;margin-left:1px;}
.nav{display:flex;align-items:center;gap:28px;font:500 15px var(--sans);}
.nav a{text-decoration:none;color:var(--muted);}
.nav a:hover{color:var(--ink);}
.nav a.btn,.nav a.btn:hover{color:var(--ink);}
@media (max-width:900px){.nav .nav-x{display:none;}}
@media (max-width:720px){.top{padding:8px 8px 0;}.top .wrap{margin:0;max-width:none;padding:8px 8px 8px 20px;border-radius:24px;}.nav{gap:16px;font-size:14px;}}

/* ---------------- type ---------------- */
.eyebrow{display:inline-block;font:500 13px/1.3 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);
  padding:8px 16px;border-radius:999px;background:var(--wash);margin:0 0 26px;}
.h1{font:400 clamp(52px, 7.6vw, 92px)/.96 var(--serif);color:var(--ink);margin:0 0 24px;letter-spacing:-.02em;text-wrap:balance;}
.h2{font:400 clamp(40px, 5.2vw, 64px)/1 var(--serif);color:var(--ink);margin:0 0 18px;letter-spacing:-.015em;text-wrap:balance;}
.h3{font:600 22px/1.2 var(--sans);letter-spacing:-.015em;color:var(--ink);margin:0 0 8px;}
.intro{font:400 clamp(18px, 1.7vw, 20px)/1.5 var(--sans);color:var(--muted);margin:0 0 28px;max-width:560px;text-wrap:pretty;}
.lead{font-size:18px;color:var(--muted);max-width:620px;margin:0 0 28px;text-wrap:pretty;}
.small{font-size:15px;color:var(--muted);}
.meta{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font:400 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin:0 0 32px;}
.meta .rule{width:1px;height:12px;background:var(--line-2);}

/* ---------------- buttons ---------------- */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;min-height:60px;padding:0 28px;border:0;border-radius:999px;
  background:var(--wash);color:var(--ink);font:600 17px/1 var(--sans);text-decoration:none;cursor:pointer;transition:transform .3s var(--ease), box-shadow .3s var(--ease), background .2s;}
.btn:hover{background:rgba(29,38,34,.13);}
/* the primary: a card pill with the lime arrow circle (the next step) */
.btn-primary{background:var(--card);padding:0 8px 0 28px;box-shadow:0 1px 0 rgba(29,38,34,.04);}
.btn-primary::after{content:'';width:46px;height:46px;border-radius:50%;flex:none;
  background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D2622' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center/16px no-repeat;}
.btn-primary:hover{background:#fff;transform:translateY(-1px);box-shadow:0 10px 24px rgba(29,38,34,.10);}
.btn-invert{background:var(--card);color:var(--ink);padding:0 8px 0 28px;}
.btn-invert::after{content:'';width:46px;height:46px;border-radius:50%;flex:none;
  background:var(--lime) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D2622' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 8h10M9 4l4 4-4 4'/%3E%3C/svg%3E") center/16px no-repeat;}
.btn-invert:hover{background:#fff;}
/* the header call to action: a lime pill */
.btn-small{min-height:48px;padding:0 22px;font-size:15px;background:var(--lime);}
.btn-small::after{content:none;}
.btn-small:hover{background:#DDEB4C;box-shadow:none;transform:none;}
.btn[disabled]{opacity:.55;cursor:default;transform:none;}
.btns{display:flex;flex-wrap:wrap;gap:12px;align-items:center;}
@media (max-width:720px){.btn{min-height:56px;font-size:16px;}.btn-small{min-height:42px;font-size:14px;padding:0 16px;}}

/* ---------------- sections ---------------- */
.sec{padding:88px 0;}
.hero-band + .sec{padding-top:24px;}
.sec-head{display:flex;flex-direction:column;align-items:flex-start;gap:10px;margin-bottom:28px;}
.sec-num{font:500 13px var(--mono);letter-spacing:.06em;color:var(--muted);}
.sec-title{font:500 13px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--ink);padding:8px 14px;border-radius:999px;background:var(--wash);}
@media (max-width:720px){.sec{padding:72px 0;}}
.cols{display:grid;grid-template-columns:repeat(12, minmax(0,1fr));gap:24px 48px;}
.c-5{grid-column:span 5;} .c-6{grid-column:span 6;} .c-7{grid-column:span 7;} .c-4{grid-column:span 4;} .c-8{grid-column:span 8;} .c-12{grid-column:1 / -1;}
@media (max-width:900px){.cols{grid-template-columns:minmax(0,1fr);gap:20px;}.c-4,.c-5,.c-6,.c-7,.c-8{grid-column:1 / -1;}}

/* ---------------- motion ---------------- */
@keyframes up{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes cover-in{from{opacity:0;transform:translateY(30px) rotate(2deg)}to{opacity:1;transform:rotate(-5deg)}}
@keyframes float{0%,100%{transform:rotate(-5deg) translateY(0)}50%{transform:rotate(-5deg) translateY(-8px)}}
.rise{animation:up .8s var(--ease) both;}
.d1{animation-delay:.1s}.d2{animation-delay:.2s}.d3{animation-delay:.3s}.d4{animation-delay:.4s}
@media (prefers-reduced-motion:reduce){.rise,.fan .f3,.fan .f1,.fan .f2{animation:none !important;}}

/* ---------------- hero ---------------- */
.hero-band{background:var(--mist);margin-top:-82px;padding-top:82px;}
.hero{padding:88px 0 104px;}
.hero .cols{align-items:center;}
.hero-pre{font:500 clamp(17px, 1.6vw, 20px)/1.35 var(--sans);color:var(--muted);margin:0 0 18px;}
.spots{margin:44px 0 0;max-width:520px;}
.spots-row{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font:400 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}
.spots-row b{color:var(--ink);font-weight:500;}
.spots-bar{height:6px;background:rgba(29,38,34,.14);border-radius:3px;overflow:hidden;}
.spots-fill{height:100%;background:var(--ink);width:0;border-radius:3px;}
/* the Brand Master as tilted physical cards */
.fan{display:block;position:relative;aspect-ratio:1 / 1.12;max-width:500px;margin-left:auto;}
.fan img{position:absolute;width:64%;border-radius:22px;background:#fff;box-shadow:0 30px 60px rgba(29,38,34,.18);}
.fan .f1{left:0;top:12%;transform:rotate(-9deg);opacity:.95;}
.fan .f2{left:20%;top:5%;transform:rotate(4deg);z-index:1;}
.fan .f3{right:2%;top:0;z-index:2;transform:rotate(-5deg);box-shadow:0 40px 80px rgba(29,38,34,.28);
  animation:cover-in 1s var(--ease) .3s both, float 6s ease-in-out 1.4s infinite;}
.fan-cap{font:400 13px/1.4 var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);text-align:right;margin-top:14px;}
@media (max-width:900px){.hero{padding:56px 0 72px;}.fan{max-width:400px;margin:28px auto 0;}.fan-cap{text-align:center;}}

/* ---------------- cards (the app's components) ---------------- */
.strip{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px;}
.strip-cell{background:var(--card);border-radius:28px;padding:28px 28px 30px;}
.strip-label{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;}
.strip-body{font-size:16px;line-height:1.55;color:var(--ink);margin:0;}
@media (max-width:820px){.strip{grid-template-columns:1fr;}}

.template{background:var(--ink);color:var(--card);border-radius:32px;padding:36px 40px;margin:14px 0 0;}
.template-label{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--on-ink-3);margin-bottom:14px;}
.template-text{font:500 clamp(22px, 2.4vw, 30px)/1.3 var(--sans);letter-spacing:-.015em;color:var(--card);margin:0;text-wrap:balance;}

.lock{border:0;border-radius:28px;padding:30px 30px 32px;background:var(--card);}
.lock-label{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.lock-label::before{content:'';width:9px;height:10px;background:currentColor;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'%3E%3Cpath d='M2 4V3a2.5 2.5 0 015 0v1h1v6H1V4h1zm1 0h3V3a1.5 1.5 0 00-3 0v1z'/%3E%3C/svg%3E") no-repeat center/contain;
          mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 9 10'%3E%3Cpath d='M2 4V3a2.5 2.5 0 015 0v1h1v6H1V4h1zm1 0h3V3a1.5 1.5 0 00-3 0v1z'/%3E%3C/svg%3E") no-repeat center/contain;}
.lock p{margin:0;}
.lock.not{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);}
.pills{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px;}
.pill{font-size:14px;color:var(--muted);padding:6px 12px;border-radius:999px;background:var(--card-soft);}

.panel{background:var(--ink);color:var(--card);border-radius:36px;padding:64px 56px;}
.panel .eyebrow{background:var(--ink-2);color:var(--card);}
.panel .h2{color:var(--card);}
.panel p{color:var(--on-ink-2);}
@media (max-width:720px){.panel{padding:40px 24px;border-radius:28px;}}

/* ---------------- problem ---------------- */
.quote-line{font:400 clamp(34px, 4.2vw, 56px)/1.04 var(--serif);color:var(--ink);max-width:900px;margin:0 0 44px;letter-spacing:-.015em;text-wrap:balance;}

/* ---------------- generic vs sharp ---------------- */
.gs-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px;}
.gs-tab{font:500 14px var(--sans);color:var(--ink);background:var(--card);border:0;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:999px;padding:10px 18px;cursor:pointer;}
.gs-tab:hover{box-shadow:inset 0 0 0 1.5px var(--ink);}
.gs-tab[aria-selected="true"]{background:var(--ink);color:var(--card);box-shadow:none;}
.gs-rows{display:flex;flex-direction:column;gap:14px;}
.gs-row{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1.15fr);gap:14px;align-items:stretch;}
.gs-k{font:500 12.5px/1.4 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding-top:26px;}
.gs-col{border-radius:24px;padding:22px 24px 24px;}
.gs-col .mono{font-size:12px;margin-bottom:10px;color:var(--muted);}
.gs-col p{margin:0;font:500 18px/1.4 var(--sans);letter-spacing:-.01em;text-wrap:pretty;}
.gs-generic{background:var(--card-soft);}
.gs-generic p{color:var(--muted-2);text-decoration:line-through;text-decoration-color:rgba(29,38,34,.3);}
.gs-sharp{background:var(--card);}
.gs-sharp .mono{color:var(--ink);display:flex;align-items:center;gap:8px;}
.gs-sharp .mono::before{content:'';width:18px;height:18px;border-radius:6px;flex:none;
  background:var(--lime-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D2622' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/10px no-repeat;}
.gs-why{grid-column:2 / -1;font-size:15px;color:var(--muted);margin:-4px 0 0 4px;}
@media (max-width:820px){.gs-row{grid-template-columns:1fr;gap:8px;}.gs-k{padding-top:6px;}.gs-why{grid-column:1;}}

/* ---------------- outputs ---------------- */
.gallery{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:16px;margin:12px 0 20px;}
.gallery figure{margin:0;}
.gallery img{width:100%;border-radius:20px;background:#fff;aspect-ratio:794 / 1123;object-fit:cover;object-position:top;box-shadow:0 20px 40px rgba(29,38,34,.10);transition:transform .4s var(--ease);}
.gallery figure:nth-child(odd) img{transform:rotate(-1.5deg);}
.gallery figure:nth-child(even) img{transform:rotate(1.5deg);}
.gallery figure:hover img{transform:none;}
.gallery figcaption{font-size:15px;color:var(--muted);margin-top:14px;}
@media (max-width:900px){.gallery{grid-template-columns:repeat(2, minmax(0,1fr));}}
.lives{margin:28px 0 0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);gap:14px 40px;align-items:center;background:var(--card);border-radius:28px;padding:30px 32px;}
.lives h3{margin:0;}
.lives ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 24px;}
.lives li{position:relative;padding-left:26px;font-size:15px;}
.lives li::before{content:'';position:absolute;left:0;top:3px;width:16px;height:16px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D2622' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/14px no-repeat;}
@media (max-width:820px){.lives{grid-template-columns:1fr;padding:26px 22px;}.lives ul{grid-template-columns:1fr;}}
.briefs{display:grid;grid-template-columns:repeat(4, minmax(0,1fr));gap:14px;margin-top:24px;}
.brief{border:0;border-radius:28px;padding:26px 26px 28px;background:var(--card);display:flex;flex-direction:column;gap:6px;min-height:240px;}
.brief-n{width:48px;height:48px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font:500 13px var(--mono);color:var(--ink);margin-bottom:28px;}
.brief:nth-child(1) .brief-n{background:#CFD9DF;} .brief:nth-child(2) .brief-n{background:#E9CFD2;} .brief:nth-child(3) .brief-n{background:#E8E2D6;} .brief:nth-child(4) .brief-n{background:#EEF4B8;}
.brief .h3{margin-top:0;}
.brief p{font-size:15.5px;color:var(--muted);margin:0;line-height:1.5;}
@media (max-width:900px){.briefs{grid-template-columns:repeat(2, minmax(0,1fr));}}
@media (max-width:520px){.briefs{grid-template-columns:1fr;}.brief{min-height:0;}}

/* ---------------- stages ---------------- */
.stages{display:grid;grid-template-columns:repeat(5, minmax(0,1fr));gap:14px;}
.stage{display:flex;flex-direction:column;gap:12px;background:var(--card);border-radius:28px;padding:26px;min-height:340px;}
.stage-n{width:52px;height:52px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;font:500 13px var(--mono);color:var(--ink);margin-bottom:18px;}
.stage:nth-child(1) .stage-n{background:#E9CFD2;} .stage:nth-child(2) .stage-n{background:#CFD9DF;} .stage:nth-child(3) .stage-n{background:#DCE4CF;} .stage:nth-child(4) .stage-n{background:#E8E2D6;} .stage:nth-child(5) .stage-n{background:#EEF4B8;}
.stage-name{font:600 24px/1.1 var(--sans);letter-spacing:-.02em;color:var(--ink);}
.stage-time{font:400 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:6px;}
.stage-shift{font:400 16px/1.45 var(--sans);color:var(--ink);}
.stage-shift span{display:block;color:var(--muted-2);}
.stage-out{font:600 13.5px var(--sans);color:var(--ink);padding-top:12px;border-top:1px solid var(--line);margin-top:auto;}
@media (max-width:1100px){.stages{grid-template-columns:repeat(auto-fit, minmax(200px, 1fr));}}
@media (max-width:620px){.stages{grid-template-columns:1fr;}.stage{min-height:0;}}
.features{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px;margin-top:14px;}
.feature{background:transparent;box-shadow:inset 0 0 0 1px var(--line-2);border-radius:28px;padding:28px 28px 30px;}
.feature h3{font:600 20px/1.25 var(--sans);letter-spacing:-.015em;color:var(--ink);margin:0 0 10px;}
.feature p{font-size:15px;color:var(--muted);margin:0;line-height:1.55;}
@media (max-width:900px){.features{grid-template-columns:1fr 1fr;}}
@media (max-width:560px){.features{grid-template-columns:1fr;}}

/* ---------------- compare ---------------- */
.compare{width:100%;border-collapse:separate;border-spacing:0 10px;font-size:16px;}
.compare th,.compare td{text-align:left;vertical-align:top;padding:22px 20px;background:var(--card);}
.compare tr > :first-child{border-radius:22px 0 0 22px;padding-left:26px;}
.compare tr > :last-child{border-radius:0 22px 22px 0;}
.compare thead th{background:none;font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);padding:0 20px;}
.compare thead th:first-child{padding-left:26px;}
.compare tbody th{font:600 17px/1.3 var(--sans);color:var(--ink);width:30%;}
.compare td.cost{white-space:nowrap;color:var(--ink);font-weight:600;}
.compare tr.us th,.compare tr.us td{background:var(--ink);color:var(--card);}
.compare tr.us td.cost{color:var(--card);}
.compare-wrap{overflow-x:auto;}
@media (max-width:720px){.compare{font-size:15px;}.compare tbody th{font-size:16px;}.compare td.cost{white-space:normal;}.compare th,.compare td{padding:16px 14px;}}
.note{font-size:14px;color:var(--muted);margin-top:16px;}

/* ---------------- for / not for ---------------- */
.fit{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.fit ul{list-style:none;margin:0;padding:0;}
.fit li{padding:12px 0 12px 30px;border-top:1px solid var(--line);position:relative;font-size:16px;}
.fit li::before{content:'';position:absolute;left:0;top:14px;width:18px;height:18px;border-radius:6px;
  background:var(--lime-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%231D2622' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/10px no-repeat;}
.fit .not li{color:var(--muted);}
.fit .not li::before{background:none;content:'—';color:var(--muted-2);width:auto;height:auto;top:12px;}
@media (max-width:720px){.fit{grid-template-columns:1fr;}}

/* ---------------- founder ---------------- */
.founder{font:400 clamp(19px, 1.8vw, 22px)/1.55 var(--sans);color:var(--ink);max-width:780px;}
.founder p{margin:0 0 22px;}
.sig{font:600 15px var(--sans);color:var(--ink);margin-top:8px;}
.sig span{display:block;font:400 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:4px;}

/* ---------------- guarantee ---------------- */
.locks{display:grid;grid-template-columns:repeat(3, minmax(0,1fr));gap:14px;}
.locks h3{font:600 22px/1.2 var(--sans);letter-spacing:-.015em;color:var(--ink);margin:0 0 12px;}
.locks p{font-size:15.5px;color:var(--ink);}
@media (max-width:900px){.locks{grid-template-columns:1fr;}}

/* ---------------- buy ---------------- */
.buy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;}
.buy-side{padding:40px 44px;border-radius:32px;background:var(--card);}
.buy-side:first-child{background:var(--ink);color:var(--card);}
.buy-side:first-child .eyebrow{background:var(--ink-2);color:var(--card);}
.buy-side:first-child .small{color:var(--on-ink-2);}
.buy-side:first-child .h3{color:var(--card);}
.buy-side:first-child .incl li{border-top-color:rgba(244,246,241,.1);}
.buy-side:first-child .incl li::before{background:var(--ink-2) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23E6F35A' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 8.5l3 3 6-7'/%3E%3C/svg%3E") center/11px no-repeat;}
@media (max-width:900px){.buy{grid-template-columns:1fr;}.buy-side{padding:30px 22px;border-radius:28px;}}
.price{display:flex;align-items:baseline;gap:14px;margin:4px 0 6px;flex-wrap:wrap;}
.price-now{font:400 96px/1 var(--serif);letter-spacing:-.02em;}
.price-then{font-size:15px;color:var(--on-ink-2);}
.incl{list-style:none;margin:24px 0 0;padding:0;}
.incl li{padding:12px 0 12px 32px;border-top:1px solid var(--line);position:relative;font-size:15.5px;}
.incl li::before{content:'';position:absolute;left:0;top:12px;width:22px;height:22px;border-radius:50%;}
.field{display:flex;flex-direction:column;gap:8px;margin:0 0 18px;}
.field label{font:500 12.5px var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);}
.field input{font:400 17px var(--sans);color:var(--ink);padding:16px 18px;border:0;border-radius:16px;background:var(--stone);width:100%;box-shadow:inset 0 0 0 1px transparent;}
.field input:focus{outline:none;box-shadow:inset 0 0 0 1.5px var(--ink);background:#fff;}
.field .hint{font-size:14px;color:var(--muted);}
.terms{display:flex;gap:12px;align-items:flex-start;padding:16px 18px;border-radius:18px;background:var(--stone);margin:6px 0 20px;cursor:pointer;}
.terms input{width:20px;height:20px;margin:1px 0 0;accent-color:var(--ink);flex:none;}
.terms span{font-size:15px;line-height:1.5;color:var(--ink);}
.buy .btn{width:100%;justify-content:space-between;}
.buy-side .btn-primary{background:var(--ink);color:var(--card);}
.buy-side .btn-primary:hover{background:#2B3530;}
.buy-msg{margin:14px 0 0;padding:14px 16px;font-size:15px;line-height:1.5;border-radius:16px;background:var(--lime-tint);}
.buy-msg.is-error{background:#F3D9D4;}
.buy-link{background:none;border:0;padding:0;font:inherit;color:var(--ink);text-decoration:underline;text-underline-offset:3px;cursor:pointer;}
.secure{display:flex;flex-wrap:wrap;gap:6px 16px;font:400 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);margin-top:16px;}
.signed{font-size:15px;padding:14px 16px;border-radius:16px;background:var(--stone);margin-bottom:16px;}
.ref-note{font-size:15px;color:var(--ink);padding:12px 16px;border-radius:16px;background:var(--lime-tint);margin-bottom:16px;}

/* ---------------- faq ---------------- */
.faq{display:flex;flex-direction:column;gap:10px;}
.faq details{background:var(--card);border-radius:22px;padding:0 26px;}
.faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;font:600 18px/1.3 var(--sans);color:var(--ink);}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:'+';width:36px;height:36px;border-radius:50%;background:var(--stone);display:inline-flex;align-items:center;justify-content:center;font:400 20px/1 var(--sans);color:var(--ink);flex:none;}
.faq details[open] summary::after{content:'−';}
.faq .ans{padding:0 0 24px;max-width:720px;font-size:16px;color:var(--muted);}
.faq .ans p{margin:0 0 10px;}

/* ---------------- footer ---------------- */
.foot{padding:56px 0 64px;font-size:15px;color:var(--muted);}
.foot .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:20px 40px;border-top:1px solid var(--line);padding-top:32px;}
.foot .mark{font-size:20px !important;}
.foot a{color:var(--muted);}
.foot a:hover{color:var(--ink);}
.foot-links{display:flex;flex-wrap:wrap;gap:8px 24px;}
.sources{font-size:13px;color:var(--muted);margin-top:10px;}
.sources a{color:var(--muted);}

/* ---------------- legal pages ---------------- */
.legal{max-width:820px;margin:0 auto;padding:72px var(--gut) 104px;}
.legal h1{font:400 clamp(52px, 7vw, 80px)/.98 var(--serif);color:var(--ink);margin:0 0 16px;letter-spacing:-.02em;}
.legal .updated{font:400 13px var(--mono);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);padding-bottom:32px;margin:0 0 32px;border-bottom:1px solid var(--line);}
.legal h2{font:400 34px/1.1 var(--serif);color:var(--ink);margin:56px 0 16px;display:flex;gap:14px;align-items:baseline;letter-spacing:-.01em;}
.legal h2 .n{font:500 13px var(--mono);letter-spacing:.06em;color:var(--muted);}
.legal h3{font:600 19px/1.3 var(--sans);color:var(--ink);margin:28px 0 8px;}
.legal p,.legal li{font-size:16px;line-height:1.65;}
.legal ul,.legal ol{padding-left:22px;}
.legal li{margin-bottom:6px;}
.legal .summary{background:var(--card);padding:24px 28px;border-radius:24px;margin:0 0 8px;}
.legal .summary p{margin:0 0 8px;}
.legal .summary p:last-child{margin:0;}
.legal table{width:100%;border-collapse:collapse;font-size:15px;margin:12px 0;}
.legal th,.legal td{text-align:left;vertical-align:top;padding:12px 12px 12px 0;border-top:1px solid var(--line);}
.legal th{font-weight:600;color:var(--ink);}
.draft-flag{background:var(--lime-tint);color:var(--ink);padding:12px 16px;font-size:15px;border-radius:16px;margin:0 0 24px;}
@media print{.top,.foot{display:none;}html,body{background:#fff;}}