:root {
  --bg: #09090b;
  --bg-soft: #101014;
  --panel: rgba(20,20,25,.72);
  --panel-strong: #15151a;
  --text: #f7f7f8;
  --muted: #aaaab5;
  --faint: #73737f;
  --line: rgba(255,255,255,.11);
  --line-strong: rgba(255,255,255,.19);
  --accent-a: #d8ff5f;
  --accent-b: #7ef5d6;
  --accent-c: #8da2ff;
  --danger: #ff9f9f;
  --radius: 24px;
  --shadow: 0 24px 80px rgba(0,0,0,.35);
  --container: 1180px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; background: var(--bg); }
body { margin: 0; color: var(--text); background: var(--bg); font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans Thai", sans-serif; line-height: 1.65; -webkit-font-smoothing: antialiased; overflow-x: hidden; }
a { color: inherit; }
button, input { font: inherit; }
::selection { background: var(--accent-a); color: #111; }
.skip-link { position: fixed; left: 16px; top: -80px; z-index: 999; padding: 10px 14px; border-radius: 10px; background: var(--text); color: #111; transition: top .2s; }
.skip-link:focus { top: 16px; }
.site-noise { pointer-events:none; position:fixed; inset:0; z-index:50; opacity:.035; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.container.narrow { max-width: 820px; }
.centered { text-align: center; }
.site-header { position: sticky; top: 0; z-index: 40; background: rgba(9,9,11,.76); backdrop-filter: blur(18px); border-bottom: 1px solid var(--line); }
.nav-wrap { min-height: 74px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand { display:flex; align-items:baseline; gap:10px; text-decoration:none; font-weight:900; letter-spacing:-.05em; }
.brand span { font-size: 1.32rem; }
.brand small { color:var(--faint); font-size:.64rem; letter-spacing:.14em; font-weight:800; }
.site-nav { display:flex; gap:8px; align-items:center; }
.nav-link { padding:9px 13px; text-decoration:none; color:var(--muted); font-weight:650; border-radius:999px; font-size:.92rem; transition:.2s ease; }
.nav-link:hover, .nav-link.is-active { color:var(--text); background:rgba(255,255,255,.06); }
.nav-link.nav-featured { color:#0c0d0b; background:var(--accent-a); }
.nav-link.nav-featured:hover { background:#e5ff8f; transform:translateY(-1px); }
.menu-toggle { display:none; width:44px; height:44px; border:1px solid var(--line); border-radius:13px; background:var(--panel); align-items:center; justify-content:center; flex-direction:column; gap:6px; }
.menu-toggle span { width:18px; height:1.5px; background:var(--text); display:block; }
.hero { position:relative; padding:112px 0 92px; overflow:hidden; }
.home-hero { min-height: 690px; display:flex; align-items:center; }
.hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(320px,.75fr); gap:72px; align-items:center; }
.hero-copy h1 { margin:18px 0 20px; max-width:920px; font-size:clamp(3rem,7vw,6.6rem); line-height:.97; letter-spacing:-.068em; font-weight:860; }
.home-hero .hero-copy h1 { font-size:clamp(3rem,6.4vw,6rem); }
.work-hero h1, .course-hero h1 { font-size:clamp(2.8rem,6vw,5.6rem); }
.hero-lead { margin:0; max-width:760px; color:var(--muted); font-size:clamp(1.03rem,1.8vw,1.28rem); line-height:1.7; }
.centered .hero-lead { margin-inline:auto; }
.gradient-text { color:transparent; background:linear-gradient(100deg,var(--accent-a),var(--accent-b) 55%,#d5ddff); background-clip:text; -webkit-background-clip:text; }
.eyebrow { display:inline-block; color:var(--accent-a); font-weight:800; font-size:.73rem; letter-spacing:.14em; text-transform:uppercase; }
.status-pill { display:inline-flex; align-items:center; gap:9px; border:1px solid var(--line); padding:7px 11px; border-radius:999px; color:var(--muted); font-size:.69rem; font-weight:750; letter-spacing:.08em; }
.status-pill span { width:7px; height:7px; border-radius:50%; background:var(--accent-a); box-shadow:0 0 18px var(--accent-a); }
.button-row { display:flex; flex-wrap:wrap; gap:10px; margin-top:30px; align-items:center; }
.centered-row { justify-content:center; }
.button { min-height:49px; display:inline-flex; align-items:center; justify-content:center; gap:10px; padding:0 18px; border-radius:14px; text-decoration:none; font-weight:780; border:1px solid transparent; transition:.2s ease; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:var(--accent-a); color:#0a0b08; box-shadow:0 14px 40px rgba(216,255,95,.12); }
.button-primary:hover { background:#e5ff8f; }
.button-ghost { border-color:var(--line-strong); background:rgba(255,255,255,.035); color:var(--text); }
.button-ghost:hover { background:rgba(255,255,255,.08); }
.micro-proof { margin-top:28px; display:flex; flex-wrap:wrap; gap:10px 18px; color:var(--faint); font-size:.84rem; }
.micro-proof span { display:flex; align-items:center; gap:8px; }
.micro-proof span:before { content:""; width:4px; height:4px; background:var(--faint); border-radius:50%; }
.hero-orb { position:absolute; border-radius:50%; filter:blur(2px); pointer-events:none; }
.orb-one { width:520px; height:520px; right:-120px; top:30px; background:radial-gradient(circle,rgba(126,245,214,.12),transparent 68%); }
.orb-two { width:460px; height:460px; left:-240px; bottom:-140px; background:radial-gradient(circle,rgba(141,162,255,.10),transparent 68%); }
.signal-card { position:relative; border:1px solid var(--line); background:linear-gradient(180deg,rgba(26,26,31,.86),rgba(13,13,17,.8)); border-radius:28px; padding:23px; box-shadow:var(--shadow); overflow:hidden; }
.signal-card:before { content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(216,255,95,.05),transparent 38%); pointer-events:none; }
.signal-top { display:flex; justify-content:space-between; color:var(--faint); font-size:.68rem; letter-spacing:.12em; font-weight:800; padding-bottom:15px; border-bottom:1px solid var(--line); }
.live-dot { color:var(--accent-a); }
.signal-item { display:grid; grid-template-columns:34px 1fr; gap:12px; padding:19px 0; border-bottom:1px solid var(--line); }
.signal-item b { color:var(--faint); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.73rem; }
.signal-item strong { display:block; font-size:1rem; margin-bottom:4px; }
.signal-item small { color:var(--muted); line-height:1.45; display:block; }
.signal-link { display:block; padding-top:17px; color:var(--accent-a); text-decoration:none; font-weight:750; font-size:.9rem; }
.section { padding:96px 0; }
.compact-section { padding:16px 0 38px; }
.logo-strip { min-height:66px; display:flex; justify-content:space-between; align-items:center; gap:16px; border-block:1px solid var(--line); color:var(--faint); font-size:.68rem; font-weight:800; letter-spacing:.14em; white-space:nowrap; overflow:hidden; }
.logo-strip i { width:5px; height:5px; border-radius:50%; background:var(--accent-a); opacity:.7; }
.section-heading { margin-bottom:42px; max-width:780px; }
.section-heading h2 { font-size:clamp(2.2rem,5vw,4.2rem); line-height:1.02; letter-spacing:-.052em; margin:12px 0 12px; }
.section-heading p { color:var(--muted); margin:0; font-size:1.05rem; }
.path-grid { display:grid; grid-template-columns:1.25fr 1fr 1fr; gap:14px; }
.path-card { min-height:300px; border:1px solid var(--line); border-radius:var(--radius); padding:26px; background:var(--panel); text-decoration:none; display:flex; flex-direction:column; transition:.25s ease; }
.path-card:hover { transform:translateY(-5px); border-color:var(--line-strong); background:#15151a; }
.path-card.path-primary { background:linear-gradient(145deg,rgba(216,255,95,.15),rgba(20,20,25,.82) 55%); }
.card-index { color:var(--faint); font-size:.68rem; font-weight:850; letter-spacing:.12em; }
.path-card h3 { margin:auto 0 10px; font-size:clamp(1.5rem,2.6vw,2.25rem); line-height:1.05; letter-spacing:-.04em; }
.path-card p { color:var(--muted); margin:0 0 24px; }
.text-link { color:var(--accent-a); font-weight:760; }
.manifesto-section { padding-top:20px; }
.manifesto { border-top:1px solid var(--line); padding-top:50px; }
.manifesto p { max-width:1040px; font-size:clamp(2rem,4vw,4.4rem); line-height:1.12; letter-spacing:-.045em; margin:16px 0 24px; color:#d9d9dd; }
.manifesto strong { color:var(--text); }
.manifesto a { color:var(--accent-a); text-decoration:none; font-weight:750; }
.work-hero { padding-bottom:60px; }
.path-choice-section { padding-top:28px; }
.two-paths { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.money-card { border:1px solid var(--line); border-radius:30px; padding:32px; background:var(--panel); min-height:610px; display:flex; flex-direction:column; box-shadow:var(--shadow); }
.money-done { background:linear-gradient(155deg,rgba(216,255,95,.14),rgba(18,18,22,.94) 42%); }
.money-learn { background:linear-gradient(155deg,rgba(141,162,255,.14),rgba(18,18,22,.94) 42%); }
.money-card-top { display:flex; justify-content:space-between; align-items:center; }
.number-badge { width:42px; height:42px; display:grid; place-items:center; border-radius:50%; border:1px solid var(--line-strong); color:var(--muted); font-size:.76rem; }
.money-card h2 { font-size:clamp(3rem,5vw,5rem); line-height:1; letter-spacing:-.06em; margin:58px 0 15px; }
.large-copy { color:var(--muted); font-size:1.1rem; margin:0 0 24px; }
.check-list { list-style:none; padding:0; margin:0 0 28px; }
.check-list li { position:relative; padding:11px 0 11px 28px; border-bottom:1px solid var(--line); color:#d6d6da; }
.check-list li:before { content:"↳"; position:absolute; left:2px; color:var(--accent-a); }
.money-card .button { margin-top:auto; }
.cta-note { color:var(--faint); margin-top:12px; }
.course-mini { display:grid; grid-template-columns:1fr 48px; gap:12px; padding:21px 0; border-bottom:1px solid var(--line); }
.course-mini:first-of-type { margin-top:auto; border-top:1px solid var(--line); }
.course-mini span { color:var(--faint); font-size:.66rem; font-weight:850; letter-spacing:.1em; }
.course-mini h3 { margin:3px 0 4px; font-size:1.6rem; letter-spacing:-.035em; }
.course-mini p { color:var(--muted); margin:0; font-size:.92rem; }
.course-mini > a { width:46px; height:46px; border-radius:50%; display:grid; place-items:center; align-self:center; text-decoration:none; border:1px solid var(--line-strong); font-size:1.25rem; transition:.2s; }
.course-mini > a:hover { background:var(--text); color:#111; }
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:14px; }
.fit-card { padding:28px; border:1px solid var(--line); border-radius:var(--radius); background:var(--panel); }
.fit-card > span { font-size:.7rem; font-weight:900; letter-spacing:.1em; color:var(--accent-a); }
.fit-card.no > span { color:var(--danger); }
.fit-card h3 { font-size:1.65rem; letter-spacing:-.035em; margin:12px 0 18px; }
.fit-card ul { padding-left:20px; color:var(--muted); margin-bottom:0; }
.fit-card li { margin:10px 0; }
.process-section { background:linear-gradient(180deg,transparent,rgba(255,255,255,.02),transparent); }
.process-grid { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:var(--radius); overflow:hidden; }
.process-step { padding:25px; min-height:255px; border-right:1px solid var(--line); }
.process-step:last-child { border-right:0; }
.process-step > span { color:var(--accent-a); font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.process-step h3 { margin:92px 0 8px; font-size:1.25rem; }
.process-step p { margin:0; color:var(--muted); font-size:.92rem; }
.faq-section { padding-top:70px; }
.faq { border-top:1px solid var(--line); }
.faq:last-child { border-bottom:1px solid var(--line); }
.faq summary { cursor:pointer; list-style:none; padding:20px 40px 20px 0; font-weight:760; position:relative; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary:after { content:"+"; position:absolute; right:4px; font-size:1.4rem; color:var(--faint); }
.faq[open] summary:after { content:"−"; }
.faq p { color:var(--muted); margin:0; padding:0 46px 22px 0; }
.final-cta-section { padding-top:48px; }
.final-cta { padding:60px; border:1px solid var(--line); border-radius:32px; text-align:center; background:radial-gradient(circle at 50% 0,rgba(216,255,95,.13),transparent 48%),var(--panel); }
.final-cta h2 { font-size:clamp(2.3rem,5vw,4.7rem); line-height:1.02; letter-spacing:-.055em; margin:14px auto 12px; max-width:880px; }
.final-cta p { color:var(--muted); max-width:650px; margin:0 auto; }
.start-hero { padding-bottom:44px; }
.timeline { border-top:1px solid var(--line); }
.timeline-item { display:grid; grid-template-columns:72px 1fr; gap:18px; padding:34px 0; border-bottom:1px solid var(--line); }
.timeline-item > span { color:var(--accent-a); font:800 .8rem ui-monospace,SFMono-Regular,Menlo,monospace; padding-top:7px; }
.timeline-item h2 { margin:0 0 8px; font-size:2rem; letter-spacing:-.045em; }
.timeline-item p { color:var(--muted); margin:0; }
.quote { font-size:clamp(1.6rem,3vw,2.7rem); color:#dedee2 !important; line-height:1.25; }
.course-hero-grid { display:grid; grid-template-columns:1.2fr .8fr; gap:68px; align-items:center; }
.course-cover { position:relative; min-height:520px; border-radius:30px; padding:28px; overflow:hidden; border:1px solid var(--line); background:linear-gradient(150deg,#191a1d,#0d0d10 60%); box-shadow:var(--shadow); display:flex; flex-direction:column; }
.course-cover > span { color:var(--accent-a); font-size:.67rem; font-weight:900; letter-spacing:.15em; }
.cover-mark { margin-top:40px; color:var(--faint); font:800 .78rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.cover-mark span { color:var(--accent-b); }
.course-cover h2 { margin:auto 0 8px; font-size:clamp(3.4rem,7vw,6.2rem); line-height:.85; letter-spacing:-.075em; }
.course-cover p { color:var(--muted); margin:0; }
.cover-grid { position:absolute; inset:0; opacity:.17; background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px); background-size:44px 44px; mask-image:linear-gradient(to bottom,black,transparent 75%); pointer-events:none; }
.cta-state { color:var(--faint); font-size:.76rem; margin-top:18px; display:flex; gap:8px; align-items:center; }
.state-dot { width:6px; height:6px; border-radius:50%; background:var(--accent-a); }
.result-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.result-card { padding:24px; min-height:230px; border:1px solid var(--line); border-radius:22px; background:var(--panel); display:flex; flex-direction:column; }
.result-card span { color:var(--faint); font:800 .7rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.result-card p { margin:auto 0 0; font-size:1.05rem; color:#dadae0; }
.curriculum-section { background:rgba(255,255,255,.015); }
.module-list { border-top:1px solid var(--line); }
.module { display:grid; grid-template-columns:70px minmax(180px,.7fr) 1.3fr; gap:20px; padding:25px 0; border-bottom:1px solid var(--line); align-items:start; }
.module > span { color:var(--accent-a); font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; }
.module h3 { margin:0; font-size:1.25rem; letter-spacing:-.03em; }
.module p { margin:0; color:var(--muted); }
.included-grid { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:start; }
.included-grid h2 { font-size:clamp(2.4rem,5vw,4.5rem); line-height:1; letter-spacing:-.055em; margin:12px 0 0; }
.included-list { border-top:1px solid var(--line); }
.included-list > div { display:grid; grid-template-columns:55px 1fr; padding:18px 0; border-bottom:1px solid var(--line); }
.included-list b { color:var(--faint); font-size:.72rem; }
.writing-hero { padding-bottom:38px; }
.writing-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:14px; }
.writing-card { min-height:300px; padding:27px; border:1px solid var(--line); border-radius:var(--radius); text-decoration:none; background:var(--panel); display:flex; flex-direction:column; transition:.22s; }
.writing-card:hover { transform:translateY(-4px); border-color:var(--line-strong); }
.writing-meta { display:flex; justify-content:space-between; gap:20px; color:var(--faint); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.writing-card h2 { font-size:2rem; line-height:1.07; letter-spacing:-.045em; margin:48px 0 10px; }
.writing-card p { color:var(--muted); margin:0 0 26px; }
.writing-card .text-link { margin-top:auto; }
.article-hero { padding:100px 0 50px; }
.article-container { max-width:760px; }
.back-link { display:inline-block; margin-bottom:38px; color:var(--muted); text-decoration:none; }
.article-hero h1 { font-size:clamp(2.7rem,6vw,5rem); line-height:1; letter-spacing:-.06em; margin:20px 0 15px; }
.article-hero > .container > p { color:var(--muted); font-size:1.15rem; }
.article-body { padding:30px 0 80px; }
.prose { color:#d2d2d8; font-size:1.03rem; }
.prose h1 { font-size:2.3rem; color:var(--text); letter-spacing:-.045em; margin:60px 0 18px; }
.prose h2 { font-size:1.8rem; color:var(--text); letter-spacing:-.04em; margin:52px 0 14px; }
.prose h3 { color:var(--text); margin-top:36px; }
.prose p, .prose ul { margin:0 0 22px; }
.prose li { margin:8px 0; }
.prose blockquote { margin:34px 0; padding:20px 24px; border-left:3px solid var(--accent-a); background:rgba(216,255,95,.05); border-radius:0 16px 16px 0; color:var(--text); }
.prose code { padding:2px 6px; border-radius:6px; background:rgba(255,255,255,.08); font-size:.92em; }
.prose a { color:var(--accent-b); }
.article-cta { padding-top:0; }
.error-hero { min-height:66vh; display:flex; align-items:center; }
.site-footer { border-top:1px solid var(--line); margin-top:80px; padding:58px 0 22px; }
.footer-grid { display:grid; grid-template-columns:1fr auto; gap:50px; }
.footer-brand { margin-bottom:18px; }
.footer-grid p { max-width:520px; color:var(--muted); }
.footer-links { display:grid; grid-template-columns:1fr 1fr; gap:10px 28px; align-content:start; }
.footer-links a { color:var(--muted); text-decoration:none; }
.footer-links a:hover { color:var(--text); }
.footer-bottom { margin-top:45px; padding-top:18px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--faint); font-size:.74rem; }
.reveal { animation: rise .7s cubic-bezier(.2,.75,.2,1) both; }
@keyframes rise { from { opacity:0; transform:translateY(14px); } to { opacity:1; transform:none; } }
:focus-visible { outline:2px solid var(--accent-a); outline-offset:3px; }
@media (prefers-reduced-motion: reduce) { *, *:before, *:after { scroll-behavior:auto!important; animation-duration:.01ms!important; transition-duration:.01ms!important; } }
@media (max-width: 920px) {
  .hero-grid, .course-hero-grid { grid-template-columns:1fr; gap:42px; }
  .home-hero { min-height:auto; }
  .signal-card { max-width:620px; }
  .path-grid { grid-template-columns:1fr 1fr; }
  .path-card:first-child { grid-column:1 / -1; }
  .two-paths, .fit-grid { grid-template-columns:1fr; }
  .money-card { min-height:560px; }
  .process-grid { grid-template-columns:1fr 1fr; }
  .process-step { border-bottom:1px solid var(--line); }
  .process-step:nth-child(2) { border-right:0; }
  .process-step:nth-child(3), .process-step:nth-child(4) { border-bottom:0; }
  .result-grid { grid-template-columns:1fr 1fr; }
  .included-grid { grid-template-columns:1fr; gap:35px; }
}
@media (max-width: 720px) {
  .container { width:min(calc(100% - 28px),var(--container)); }
  .site-header { backdrop-filter:blur(14px); }
  .nav-wrap { min-height:66px; }
  .menu-toggle { display:flex; }
  .site-nav { display:none; position:absolute; top:66px; left:14px; right:14px; padding:10px; flex-direction:column; align-items:stretch; background:#111115; border:1px solid var(--line); border-radius:18px; box-shadow:var(--shadow); }
  .site-nav.is-open { display:flex; }
  .nav-link { padding:13px 14px; }
  .hero { padding:82px 0 65px; }
  .hero-copy h1, .home-hero .hero-copy h1, .work-hero h1, .course-hero h1 { font-size:clamp(2.75rem,13vw,4.4rem); }
  .hero-lead { font-size:1rem; }
  .button-row { align-items:stretch; }
  .button-row .button { flex:1 1 100%; }
  .micro-proof { display:grid; }
  .section { padding:70px 0; }
  .compact-section { padding:5px 0 22px; }
  .logo-strip { justify-content:flex-start; gap:26px; overflow:hidden; }
  .path-grid { grid-template-columns:1fr; }
  .path-card:first-child { grid-column:auto; }
  .path-card { min-height:260px; }
  .manifesto p { font-size:2rem; }
  .money-card { padding:24px; min-height:auto; }
  .money-card h2 { margin-top:46px; font-size:3.5rem; }
  .money-card .button { margin-top:24px; }
  .course-mini:first-of-type { margin-top:30px; }
  .process-grid { grid-template-columns:1fr; }
  .process-step, .process-step:nth-child(2), .process-step:nth-child(3) { border-right:0; border-bottom:1px solid var(--line); min-height:auto; }
  .process-step:last-child { border-bottom:0; }
  .process-step h3 { margin-top:48px; }
  .final-cta { padding:38px 20px; }
  .timeline-item { grid-template-columns:45px 1fr; }
  .course-cover { min-height:420px; }
  .result-grid { grid-template-columns:1fr; }
  .result-card { min-height:180px; }
  .module { grid-template-columns:45px 1fr; }
  .module p { grid-column:2; }
  .writing-grid { grid-template-columns:1fr; }
  .writing-card { min-height:260px; }
  .footer-grid { grid-template-columns:1fr; }
  .footer-links { grid-template-columns:1fr 1fr; }
  .footer-bottom { flex-direction:column; gap:7px; }
}

/* Writing lead gate */
.writing-gate-section { padding:20px 0 84px; }
.gate-loading { min-height:180px; display:grid; place-items:center; border:1px solid var(--line); border-radius:var(--radius); color:var(--muted); background:var(--panel); }
.gate-card { border:1px solid var(--line-strong); border-radius:28px; padding:30px; background:linear-gradient(145deg,rgba(216,255,95,.08),rgba(18,18,23,.94) 42%); box-shadow:var(--shadow); }
.gate-heading { max-width:650px; margin-bottom:28px; }
.gate-heading h2 { margin:10px 0 10px; font-size:clamp(2rem,5vw,3.5rem); line-height:1.02; letter-spacing:-.05em; }
.gate-heading p { color:var(--muted); margin:0; line-height:1.65; }
.lead-gate-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.form-field { display:flex; flex-direction:column; gap:8px; }
.form-field.full { grid-column:1 / -1; }
.form-field label { font-size:.86rem; font-weight:750; color:#e8e8ec; }
.form-field label span, .check-row b { color:var(--accent-a); }
.form-field input, .form-field select, .form-field textarea { width:100%; border:1px solid var(--line-strong); border-radius:13px; background:#0d0d11; color:var(--text); padding:13px 14px; font:inherit; line-height:1.45; }
.form-field textarea { resize:vertical; min-height:104px; }
.form-field input::placeholder, .form-field textarea::placeholder { color:#65656f; }
.form-field input:focus, .form-field select:focus, .form-field textarea:focus { border-color:rgba(216,255,95,.65); outline:none; box-shadow:0 0 0 3px rgba(216,255,95,.08); }
.check-row { grid-column:1 / -1; display:grid; grid-template-columns:19px 1fr; gap:11px; align-items:start; color:#d7d7dc; font-size:.86rem; line-height:1.55; }
.check-row.secondary { color:var(--muted); }
.check-row input { margin-top:3px; width:16px; height:16px; accent-color:var(--accent-a); }
.check-row a { color:var(--accent-b); }
.hp-field { position:absolute!important; width:1px!important; height:1px!important; overflow:hidden!important; clip:rect(0 0 0 0)!important; white-space:nowrap!important; }
.gate-actions { grid-column:1 / -1; display:flex; align-items:center; gap:16px; flex-wrap:wrap; padding-top:4px; }
.gate-actions .button { border:0; cursor:pointer; font:inherit; }
.gate-actions .button:disabled { opacity:.55; cursor:wait; transform:none; }
.form-status { margin:0; color:var(--muted); font-size:.84rem; }
.protected-article { padding:10px 0 0; }
.privacy-section { padding-top:24px; }
.privacy-section .prose h2:first-child { margin-top:0; }
[hidden] { display:none!important; }

@media (max-width:720px) {
  .gate-card { padding:22px 18px; border-radius:22px; }
  .lead-gate-form { grid-template-columns:1fr; }
  .form-field.full, .check-row, .gate-actions { grid-column:auto; }
  .gate-actions { align-items:stretch; }
  .gate-actions .button { width:100%; }
}

/* Freelance Survival lead magnet */
.lead-magnet-hero { padding-bottom:70px; overflow:hidden; }
.lead-magnet-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(330px,.7fr); gap:64px; align-items:center; }
.lead-magnet-copy h1 { margin:18px 0 12px; font-size:clamp(4rem,8vw,7.8rem); line-height:.83; letter-spacing:-.075em; }
.lead-magnet-thesis { margin:20px 0 6px; font-size:clamp(1.4rem,2.7vw,2.3rem); font-weight:850; letter-spacing:-.035em; }
.survival-path { display:flex; align-items:center; flex-wrap:wrap; gap:9px; margin:30px 0 20px; color:#e7e7eb; font-size:.72rem; font-weight:800; letter-spacing:.07em; }
.survival-path i { color:var(--accent-a); font-style:normal; }
.guide-proof-row { display:flex; flex-wrap:wrap; gap:10px 18px; color:var(--muted); font-size:.82rem; }
.guide-cover-card { position:relative; min-height:570px; padding:38px 34px; border:1px solid rgba(255,255,255,.14); border-radius:5px; background:linear-gradient(155deg,#242429 0%,#111114 42%,#070708 100%); box-shadow:0 35px 90px rgba(0,0,0,.52); transform:rotate(1.5deg); overflow:hidden; }
.guide-cover-card::after { content:""; position:absolute; inset:auto -15% -10% 15%; height:52%; background:radial-gradient(ellipse at center,rgba(216,255,95,.13),transparent 66%); filter:blur(8px); }
.guide-cover-kicker { position:relative; z-index:1; max-width:280px; color:#8d8d96; font-size:.67rem; line-height:1.5; letter-spacing:.13em; }
.guide-cover-title { position:relative; z-index:1; margin-top:52px; font-size:clamp(2.6rem,5vw,4.6rem); line-height:.87; font-weight:900; letter-spacing:-.065em; }
.guide-cover-title strong { color:var(--accent-a); font-weight:900; }
.guide-cover-topics { position:absolute; left:34px; bottom:84px; z-index:1; color:#b8b8c0; font-size:.72rem; line-height:1.7; letter-spacing:.08em; }
.guide-cover-footer { position:absolute; left:34px; right:34px; bottom:28px; z-index:1; display:flex; justify-content:space-between; align-items:end; color:#777781; font-size:.63rem; letter-spacing:.09em; }
.guide-cover-footer b { color:#e8e8ec; font-size:.75rem; }
.lead-magnet-form-section { background:linear-gradient(180deg,rgba(216,255,95,.025),transparent 55%); }
.lead-form-layout { display:grid; grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr); gap:72px; align-items:start; }
.lead-form-intro { position:sticky; top:110px; }
.lead-form-intro h2 { margin:10px 0 18px; font-size:clamp(2.5rem,5vw,4.7rem); line-height:.94; letter-spacing:-.06em; }
.lead-form-intro > p { color:var(--muted); line-height:1.75; }
.lead-form-promise { margin-top:30px; padding:18px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:flex; flex-direction:column; gap:6px; }
.lead-form-promise b { color:var(--accent-a); }
.lead-form-promise span { color:var(--muted); font-size:.82rem; }
.lead-magnet-form { border:1px solid var(--line-strong); background:linear-gradient(150deg,#141419,#0c0c0f); border-radius:28px; padding:28px; box-shadow:var(--shadow); display:flex; flex-direction:column; gap:0; }
.form-step { display:grid; grid-template-columns:44px 1fr; gap:14px; padding:23px 0; border-bottom:1px solid var(--line); }
.form-step:first-child { padding-top:4px; }
.form-step > span { width:32px; height:32px; border:1px solid var(--line-strong); border-radius:50%; display:grid; place-items:center; color:var(--accent-a); font-size:.7rem; font-weight:850; }
.form-field small { color:#777781; font-size:.75rem; line-height:1.4; }
.other-blocker { margin-top:9px; }
.lead-magnet-form .check-row { margin-top:18px; }
.lead-magnet-form .check-row.secondary { margin-top:10px; }
.lead-submit-row { margin-top:18px; }
.lead-submit { min-height:56px; font-weight:900; letter-spacing:.03em; }
.form-microcopy { margin:8px 0 0; color:#72727b; font-size:.72rem; text-align:center; }
.lead-magnet-value-section { padding-top:40px; }
.lead-value-grid .process-step { min-height:280px; }
.guide-reader-hero { padding-bottom:30px; }
.guide-reader .prose > h1:first-child { display:none; }
.guide-reader-end { margin-top:70px; padding:40px 0 10px; border-top:1px solid var(--line-strong); }
.guide-reader-end h2 { margin:8px 0; font-size:clamp(2.3rem,5vw,4rem); }
.guide-reader-end p { color:var(--muted); }

@media (max-width:900px) {
  .lead-magnet-grid, .lead-form-layout { grid-template-columns:1fr; gap:42px; }
  .guide-cover-card { width:min(100%,540px); justify-self:center; }
  .lead-form-intro { position:static; }
}
@media (max-width:720px) {
  .lead-magnet-hero { padding-top:72px; }
  .lead-magnet-copy h1 { font-size:clamp(3.5rem,18vw,5.4rem); }
  .survival-path { gap:7px; }
  .survival-path span { font-size:.62rem; }
  .guide-cover-card { min-height:470px; padding:28px 24px; }
  .guide-cover-topics { left:24px; bottom:74px; }
  .guide-cover-footer { left:24px; right:24px; }
  .lead-magnet-form { padding:22px 18px; border-radius:22px; }
  .form-step { grid-template-columns:34px 1fr; gap:10px; }
  .form-step > span { width:28px; height:28px; }
}

/* =========================================================
   NOTEBOOK COMMERCE THEME V2 — original editorial system
   ========================================================= */
:root {
  --paper: #f3efe4;
  --paper-2: #fffdf6;
  --paper-3: #e9e3d5;
  --ink: #12120f;
  --ink-soft: #403f38;
  --pencil: #777267;
  --grid: rgba(38, 37, 31, .075);
  --rule: rgba(38, 37, 31, .22);
  --lime: #cfff2f;
  --yellow: #ffc928;
  --red: #f0574f;
  --blue: #8fb8ff;
  --bg: var(--paper);
  --bg-soft: var(--paper-2);
  --panel: var(--paper-2);
  --panel-strong: var(--paper-2);
  --text: var(--ink);
  --muted: var(--ink-soft);
  --faint: var(--pencil);
  --line: var(--rule);
  --line-strong: rgba(18,18,15,.55);
  --accent-a: var(--lime);
  --accent-b: var(--yellow);
  --accent-c: var(--blue);
  --shadow: 7px 7px 0 var(--ink);
  --radius: 10px;
}
html { background:var(--paper); }
body.notebook-site {
  color:var(--ink);
  background-color:var(--paper);
  background-image:
    repeating-linear-gradient(0deg, transparent 0, transparent 27px, var(--grid) 28px),
    repeating-linear-gradient(90deg, transparent 0, transparent 27px, var(--grid) 28px);
  background-size:28px 28px;
}
body.notebook-site > main,
body.notebook-site > .site-footer { position:relative; }
.notebook-rail {
  position:fixed; inset:0 auto 0 0; width:74px; z-index:60;
  background:
    radial-gradient(ellipse at 50% 22px, transparent 0 9px, #8d8b7e 10px 12px, transparent 13px) 0 0 / 74px 50px repeat-y,
    linear-gradient(90deg,#e8e3d6,#f6f2e9 55%,#d9d3c5);
  border-right:1px solid rgba(18,18,15,.38);
  box-shadow:4px 0 12px rgba(0,0,0,.08);
}
.notebook-rail::after { content:""; position:absolute; top:0; right:-34px; bottom:0; width:2px; background:rgba(240,87,79,.55); }
.notebook-site > .top-ticker,
.notebook-site > .site-header,
.notebook-site > main,
.notebook-site > .site-footer { margin-left:74px; }
.top-ticker { position:relative; z-index:55; background:var(--yellow); border-bottom:1px solid var(--ink); color:var(--ink); }
.ticker-inner { min-height:38px; padding:6px 26px; display:flex; align-items:center; justify-content:center; gap:18px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.74rem; font-weight:900; letter-spacing:.08em; text-transform:uppercase; }
.ticker-inner span { background:var(--ink); color:var(--yellow); padding:3px 7px; }
.ticker-inner a { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.site-noise { opacity:.02; mix-blend-mode:multiply; }
.site-header { background:rgba(243,239,228,.92); backdrop-filter:blur(12px); border-bottom:1px solid var(--ink); }
.nav-wrap { min-height:72px; }
.brand span { color:var(--ink); }
.brand small { color:var(--pencil); }
.nav-link { color:var(--ink-soft); border-radius:5px; font-weight:800; }
.nav-link:hover,.nav-link.is-active { color:var(--ink); background:rgba(255,255,255,.55); box-shadow:inset 0 -3px 0 var(--lime); }
.nav-link.nav-featured { background:var(--lime); color:var(--ink); border:1px solid var(--ink); box-shadow:3px 3px 0 var(--ink); }
.nav-link.nav-featured:hover { background:#dcff65; transform:translate(-1px,-1px); box-shadow:4px 4px 0 var(--ink); }
.menu-toggle { background:var(--paper-2); border:1px solid var(--ink); border-radius:5px; }
.menu-toggle span { background:var(--ink); }
.hero { overflow:visible; }
.hero-orb { display:none; }
.status-pill { border:1px solid var(--ink); border-radius:3px; background:var(--paper-2); color:var(--ink); box-shadow:3px 3px 0 rgba(18,18,15,.45); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; }
.status-pill span { background:var(--lime); box-shadow:none; border:1px solid var(--ink); }
.eyebrow { color:var(--ink); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-weight:900; }
.hero-copy h1,.section-heading h2,.money-card h2,.article-hero h1,.lead-magnet-copy h1,.lead-form-intro h2,.course-hero h1 { color:var(--ink); font-weight:900; }
.gradient-text { color:var(--ink); background:none; -webkit-text-fill-color:initial; box-shadow:inset 0 -.22em 0 var(--lime); }
.hero-lead,.section-heading p,.large-copy,.path-card p,.signal-item small,.money-card p,.fit-card li,.process-step p,.writing-card p,.lead-form-intro>p,.form-field small,.guide-reader-end p { color:var(--ink-soft); }
.button { border-radius:4px; border:1px solid var(--ink); font-weight:900; letter-spacing:.01em; }
.button:hover { transform:translate(-2px,-2px); }
.button-primary { background:var(--lime); color:var(--ink); box-shadow:4px 4px 0 var(--ink); }
.button-primary:hover { background:#dcff65; box-shadow:6px 6px 0 var(--ink); }
.button-ghost { background:var(--paper-2); color:var(--ink); border-color:var(--ink); box-shadow:3px 3px 0 rgba(18,18,15,.32); }
.micro-proof { color:var(--pencil); }
.micro-proof span:before { background:var(--ink); }
.signal-card,.path-card,.money-card,.fit-card,.result-card,.writing-card,.gate-card,.lead-magnet-form,.course-cover,.final-cta,.faq,.process-grid {
  background:var(--paper-2); color:var(--ink); border:1px solid var(--ink); border-radius:8px; box-shadow:var(--shadow);
}
.signal-card:before { display:none; }
.signal-top,.signal-item,.check-list li,.lead-form-promise,.form-step,.guide-reader-end,.manifesto { border-color:var(--rule); }
.signal-top,.signal-item b,.number-badge,.card-index,.cta-note,.writing-meta,.form-microcopy { color:var(--pencil); }
.live-dot,.signal-link,.text-link,.check-list li:before,.lead-form-promise b { color:var(--ink); }
.signal-link,.text-link { text-decoration:underline; text-decoration-thickness:2px; text-decoration-color:var(--lime); text-underline-offset:4px; }
.path-card:hover,.writing-card:hover { background:#fffefa; border-color:var(--ink); transform:translate(-3px,-3px); box-shadow:10px 10px 0 var(--ink); }
.path-card.path-primary,.money-done { background:linear-gradient(140deg,rgba(207,255,47,.72),var(--paper-2) 52%); }
.money-learn { background:linear-gradient(140deg,rgba(255,201,40,.38),var(--paper-2) 52%); }
.number-badge { border:1px solid var(--ink); background:var(--paper); }
.course-mini { border-color:var(--rule); }
.course-mini>a { color:var(--ink); border:1px solid var(--ink); background:var(--lime); }
.fit-card.yes { background:rgba(207,255,47,.36); }
.fit-card.no { background:rgba(240,87,79,.09); }
.process-grid { overflow:hidden; box-shadow:none; }
.process-step { background:rgba(255,253,246,.78); border-color:var(--rule); }
.manifesto-section { background:var(--ink); color:var(--paper); padding-block:78px; margin-top:20px; }
.manifesto { border:0; padding-top:0; }
.manifesto p,.manifesto strong { color:var(--paper); }
.manifesto .eyebrow { color:var(--lime); }
.manifesto a { color:var(--lime); }
.logo-strip { border-color:var(--ink); color:var(--ink-soft); background:rgba(255,253,246,.45); padding-inline:12px; }
.logo-strip i { background:var(--red); }
.course-cover { background:var(--ink); color:var(--paper); transform:rotate(1deg); }
.course-cover h2,.course-cover p { color:var(--paper); }
.cover-grid { background-image:linear-gradient(rgba(255,255,255,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.08) 1px,transparent 1px); }
.article-hero,.writing-hero,.free-library-hero { background:rgba(255,253,246,.36); border-bottom:1px solid var(--rule); }
.writing-meta span { color:var(--ink); }
.writing-card .text-link { margin-top:auto; }
.form-field label { color:var(--ink); }
.form-field label span,.check-row b { color:var(--red); }
.form-field input,.form-field select,.form-field textarea { background:#fffefa; color:var(--ink); border:1px solid rgba(18,18,15,.62); border-radius:4px; }
.form-field input::placeholder,.form-field textarea::placeholder { color:#9a9588; }
.form-field input:focus,.form-field select:focus,.form-field textarea:focus { border-color:var(--ink); box-shadow:0 0 0 3px rgba(207,255,47,.5); }
.check-row { color:var(--ink-soft); }
.check-row.secondary { color:var(--pencil); }
.check-row input { accent-color:#8bad0c; }
.check-row a { color:var(--ink); text-decoration:underline; text-decoration-color:var(--lime); }
.gate-loading { background:var(--paper-2); color:var(--ink-soft); border:1px solid var(--ink); border-radius:6px; }
.gate-card { background:linear-gradient(145deg,rgba(207,255,47,.25),var(--paper-2) 42%); }
.prose { color:var(--ink-soft); }
.prose h1,.prose h2,.prose h3,.prose strong { color:var(--ink); }
.prose blockquote { color:var(--ink); border-color:var(--red); background:rgba(255,255,255,.45); }
.prose code { background:rgba(18,18,15,.08); color:var(--ink); }
.site-footer { background:var(--paper-3); color:var(--ink); border-top:1px solid var(--ink); }
.footer-links a { color:var(--ink); }
.footer-bottom { color:var(--pencil); border-color:var(--rule); }
.paper-label { display:inline-block; padding:7px 10px; background:var(--paper-2); border:1px solid var(--ink); box-shadow:3px 3px 0 rgba(18,18,15,.45); font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.72rem; font-weight:900; letter-spacing:.08em; transform:rotate(-1.2deg); }
.ink-underline { position:relative; white-space:nowrap; }
.ink-underline::after { content:""; position:absolute; left:-2%; right:-2%; bottom:.02em; height:.18em; background:var(--lime); z-index:-1; transform:rotate(-1deg); }
.free-library-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:28px; }
.paper-resource-card { min-height:470px; padding:32px; display:flex; flex-direction:column; text-decoration:none; color:var(--ink); background:var(--paper-2); border:1px solid var(--ink); box-shadow:8px 8px 0 var(--ink); transition:.2s; position:relative; }
.paper-resource-card:nth-child(2n) { transform:rotate(.5deg); }
.paper-resource-card:hover { transform:translate(-3px,-3px) rotate(0); box-shadow:12px 12px 0 var(--ink); }
.paper-resource-card::before { content:""; width:82px; height:20px; background:rgba(255,201,40,.72); position:absolute; top:-10px; right:35px; transform:rotate(2deg); }
.paper-resource-top { display:flex; justify-content:space-between; gap:12px; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.68rem; font-weight:900; color:var(--pencil); }
.paper-resource-card h2 { font-size:clamp(2.1rem,4vw,4rem); line-height:.95; letter-spacing:-.055em; margin:70px 0 14px; }
.resource-thesis { font-size:1.2rem; font-weight:900; margin:0 0 12px; }
.paper-resource-card>p:not(.resource-thesis) { color:var(--ink-soft); }
.paper-resource-card>strong { margin-top:auto; text-decoration:underline; text-decoration-color:var(--lime); text-decoration-thickness:4px; text-underline-offset:4px; }
.mini-path { display:flex; flex-wrap:wrap; gap:7px; margin:24px 0; font-family:ui-monospace,SFMono-Regular,Menlo,monospace; font-size:.65rem; font-weight:800; }
.mini-path i { font-style:normal; color:var(--red); }
.notebook-hero { background:rgba(255,253,246,.28); }
.notebook-cover { min-height:590px; padding:40px 34px; position:relative; background:var(--ink); color:var(--paper); border:1px solid var(--ink); box-shadow:10px 10px 0 var(--lime); transform:rotate(1.4deg); overflow:hidden; }
.notebook-cover::before { content:""; position:absolute; inset:0; background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px); background-size:28px 28px; pointer-events:none; }
.cover-tape { position:absolute; top:16px; right:-18px; padding:7px 30px; background:var(--yellow); color:var(--ink); font:900 .65rem ui-monospace,SFMono-Regular,Menlo,monospace; transform:rotate(6deg); }
.cover-index { position:relative; font:800 .67rem ui-monospace,SFMono-Regular,Menlo,monospace; letter-spacing:.08em; color:#c6c0b4; }
.notebook-cover h2 { position:relative; margin:82px 0 18px; color:var(--paper); font-size:clamp(2.9rem,5vw,5.3rem); line-height:.86; letter-spacing:-.065em; }
.notebook-cover p { position:relative; color:#d8d2c7; font-size:1.05rem; max-width:430px; }
.cover-path { position:absolute; left:34px; bottom:32px; display:flex; flex-direction:column; gap:5px; font:800 .72rem ui-monospace,SFMono-Regular,Menlo,monospace; color:#b9b3a8; }
.cover-stamp { position:absolute; right:30px; bottom:28px; border:3px solid var(--lime); color:var(--lime); padding:10px 13px; font:900 1rem/1.05 ui-monospace,SFMono-Regular,Menlo,monospace; transform:rotate(-7deg); }
.paper-form { background:rgba(255,253,246,.96); box-shadow:8px 8px 0 var(--ink); border-radius:7px; }
.lead-magnet-form-section { background:rgba(255,255,255,.12); border-block:1px solid var(--rule); }
.lead-magnet-thesis { color:var(--ink); }
.survival-path { color:var(--ink-soft); }
.survival-path i { color:var(--red); }
.guide-proof-row { color:var(--ink-soft); }
.notebook-reader-head { background:rgba(207,255,47,.18); }
.top-ticker + .site-header { top:0; }
@media (max-width:900px) {
  .free-library-grid { grid-template-columns:1fr; }
  .notebook-cover { min-height:500px; }
}
@media (max-width:720px) {
  .notebook-rail { display:none; }
  .notebook-site > .top-ticker,.notebook-site > .site-header,.notebook-site > main,.notebook-site > .site-footer { margin-left:0; }
  .ticker-inner { justify-content:flex-start; overflow:auto; white-space:nowrap; padding-inline:14px; }
  .ticker-inner b { display:none; }
  .site-nav { background:var(--paper-2); border:1px solid var(--ink); border-radius:5px; box-shadow:6px 6px 0 var(--ink); }
  .paper-resource-card { min-height:400px; padding:24px; }
  .paper-resource-card h2 { margin-top:58px; }
  .notebook-cover { min-height:460px; padding:28px 24px; box-shadow:7px 7px 0 var(--lime); }
  .cover-path { left:24px; }
}