/* ver.2 theme for the sub pages: same palette, type and frame as /v2, no 3D money */
:root{
  --bg:#F9EBD7; --bg2:#FCF5EA; --line:rgba(70,45,10,.10); --line2:rgba(70,45,10,.20);
  --text:#1B1712; --body:#4A4238; --mute:#665A4B;
  --green:#046A38; --verm:#E34222; --grid:rgba(70,45,10,.08);
  --serif:"Nanum Myeongjo","AppleMyungjo",serif;
  --sans:"Gowun Batang","Nanum Myeongjo","AppleMyungjo",serif;
  --hand:"Nanum Pen Script",cursive;
}
body{background:var(--bg)}
::selection{background:var(--green);color:#fff}
:focus-visible{outline-color:var(--green)}
.grid-bg{position:fixed;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);
  background-size:calc(100vw / 9) 168px;background-position:-1px 84px}

/* nav (same as /v2) */
nav.top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:0 clamp(18px,2.4vw,28px);height:84px;border-bottom:1px solid var(--grid);
  background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);position:sticky;top:0;z-index:20}
nav.top .brand{font-family:var(--sans);font-weight:700;font-size:18px;text-decoration:none;white-space:nowrap;color:var(--text)}
nav.top .brand em{font-weight:400;font-style:normal;margin-left:8px;color:var(--body)}
nav.top .links{display:flex;gap:clamp(18px,4vw,60px)}
nav.top .links a{text-decoration:none;font-size:17px;position:relative;padding:12px 0;color:var(--text);min-height:0}
nav.top .links a::after{content:"";position:absolute;left:0;right:0;bottom:8px;height:1.5px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s cubic-bezier(.7,0,.2,1)}
nav.top .links a:hover::after,nav.top .links a.on::after{transform:scaleX(1)}
nav.top .buy{justify-self:end;font-weight:700;font-size:17px;text-underline-offset:5px;text-decoration-thickness:1.5px;white-space:nowrap;color:var(--text)}
nav.top .buy sup{font-weight:400;font-size:11px;margin-left:4px}
@media (max-width:820px){nav.top .links{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(24px,9vw,56px)}nav.top .links a{font-size:15px;line-height:1.3;padding:10px 0}nav.top .links a::after{bottom:5px}nav.top{grid-template-columns:1fr auto;height:auto;gap:0 20px;padding-top:10px}nav.top .brand{font-size:16px}nav.top .buy{font-size:15px}}

/* type */
.label{font-family:var(--hand);font-size:26px;letter-spacing:0;color:var(--green);font-weight:400}
.display{font-weight:400;letter-spacing:-.04em;line-height:1.3}
h1.display{color:var(--green);letter-spacing:-.055em;line-height:1.15;font-size:clamp(42px,6.4vw,92px)}
h2.display{font-size:clamp(30px,4.2vw,52px)}
h3{font-family:var(--serif);font-weight:700}
.crumb{color:var(--mute)}

/* emphasis box: emerald with ivory text (was white on black) */
.inv{background:var(--green)!important;border-color:var(--green)!important;color:#FCF5EA}
.inv p,.inv b,.inv .ba-tag,.inv .tag,.inv .tag em,.inv .copy,.inv .sub{color:#FCF5EA!important}

/* buttons: one look, ink pill, ivory wipes in */
.btn,.btn.ghost{background:var(--text);color:var(--bg);border:1.5px solid var(--text)}
.btn:not(.ghost)::before,.btn.ghost::before{background:var(--bg)}
.btn:not(.ghost):hover,.btn.ghost:hover{color:var(--text)!important;border-color:var(--text)}
.pill{background:var(--text);color:var(--bg)!important}

/* cards */
.hook{background:var(--bg2);border-color:var(--text);color:var(--text)}
.hook b,.hook-steps li{color:var(--text)}
.hook-steps li{border-color:var(--line2)}
.hook-steps span,.hook .label{color:var(--green)}
.hook i{background:var(--text);color:var(--bg)}
.hook::before{background:var(--text)}
.hook:hover b,.hook:hover .hook-steps li{color:var(--bg)}
.hook:hover i{background:var(--bg);color:var(--text)}
.go{background:var(--bg2);border-color:var(--line2)}
.go::before{background:var(--text)}
.go:hover{background:var(--bg2)}
.go:hover b,.go:hover .label,.go:hover i,.go:hover p{color:var(--bg)!important}
.hook:hover,.go:hover{box-shadow:0 18px 40px -18px rgba(27,23,18,.45)}

/* components with fixed dark values */
.carousel .cv{background:#FFFBF4}
.mx th:last-child,.mx td:last-child{background:rgba(4,106,56,.07)}
.mx tr.me td{background:rgba(4,106,56,.10)}
.seg.on small{color:var(--bg)}
.modal{background:rgba(27,23,18,.45)}
.sticky a{background:var(--bg2)}
.kfab{background:var(--text);color:var(--bg);border:0}
.kfab::before{background:var(--green)}
.kfab:hover{color:#fff!important;box-shadow:0 16px 36px -12px rgba(27,23,18,.5)}

/* footer (same as /v2) */
footer.foot{padding:120px clamp(18px,2.4vw,28px) 40px;border-top:1px solid var(--grid);text-align:center}
footer.foot .giant{font-family:var(--serif);font-weight:400;color:var(--green);letter-spacing:-.06em;line-height:1;font-size:clamp(28px,5.1vw,81px)}
footer.foot .foot-row{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;margin-top:40px;font-size:15px;color:var(--body);text-align:left}
footer.foot a{color:inherit}

.hero h1.display{font-size:clamp(34px,5vw,64px)}
br.m{display:none}
@media (max-width:720px){br.m{display:inline}}

/* contrast fixes (impeccable detect) */
.funnel .l4 .tg{color:#D9C6A8!important}
.inv .ba-tag,.inv .tag{opacity:.88}

/* labels: clear serif instead of handwriting on sub pages */
.label{font-family:var(--serif);font-size:20px;font-weight:700;letter-spacing:-.01em}

/* mobile spacing: sections about 96px apart, blocks 24-36px. body prefix beats each page's inline styles */
@media (max-width:720px){
  body .ch{padding-top:48px;padding-bottom:48px}
  body .ch>:last-child{margin-bottom:0}
  body .hero{padding-top:64px;padding-bottom:32px}
  body .end{padding-top:64px;padding-bottom:72px}
  body .sec-t{margin-bottom:20px}
  body .bigg{margin:36px 0}
  body .fig{margin:24px 0}
  body .sendq{margin:28px 0 24px}
  body h3.agree{margin-top:36px}
  body .pal{grid-template-columns:repeat(4,1fr);gap:10px 8px;margin:16px 0 6px}
  body .pal span{height:66px;aspect-ratio:auto;margin-bottom:5px;border-radius:6px}
  body .pal b{display:block;font-size:11.5px;line-height:1.25;font-weight:400}
  body .pal small{display:none}
}