/* AI Side Hustles v1: black + signal green SaaS chrome, light reading surfaces */
:root{--ink:#07080A;--ink2:#0E1013;--ink3:#15181C;--line-d:rgba(255,255,255,.09);--txt-d:#E8EEEA;--mut-d:#9AA59F;
--g:#2EE88A;--g2:#1FCB74;--gdeep:#0B8A4B;--mint:#C8F7D8;--mint2:#EAFBF1;
--paper:#FFFFFF;--canvas:#F6F7F5;--line:#E6E9E6;--txt:#0B0D0F;--txt2:#3D4541;--mut:#6B746F;
--r:14px;--rs:10px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;font-family:Geist,system-ui,sans-serif;color:var(--txt);background:var(--paper);-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
.mono{font-family:'Geist Mono',monospace}
.hl{background:var(--g);color:var(--ink);padding:0 .18em;border-radius:.16em}
.dark{background:var(--ink);color:var(--txt-d);position:relative;overflow:hidden}
.dark>*{position:relative}
.glow{position:absolute!important;border-radius:50%;filter:blur(90px);pointer-events:none}
.g1{width:720px;height:380px;left:50%;top:-220px;transform:translateX(-50%);background:rgba(46,232,138,.22)}
.g2{width:420px;height:300px;right:-160px;bottom:-180px;background:rgba(46,232,138,.10)}
.grid{position:absolute!important;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 50% 30%,#000 15%,transparent 70%);pointer-events:none}
/* buttons */
.btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding:0 16px;border-radius:var(--rs);font-weight:600;font-size:14px;border:1px solid transparent;cursor:pointer;font-family:inherit;white-space:nowrap}
.btn.g{background:var(--g);color:var(--ink)}.btn.g:hover{background:#5BF0A5}
.btn.ghost{border-color:var(--line);background:#fff;color:var(--txt)}
.dark .btn.ghost{background:rgba(255,255,255,.04);border-color:var(--line-d);color:var(--txt-d)}
/* announcement + header */
.ann{background:#000;color:#C4CEC8;font-size:13px;text-align:center;padding:9px 16px;border-bottom:1px solid var(--line-d)}
.ann .pl{background:var(--g);color:var(--ink);font-weight:700;border-radius:999px;padding:2px 9px;margin-right:10px;font-size:12px}
.ann b{color:#fff}.ann a:hover b{color:var(--g)}
.hdr{background:rgba(7,8,10,.92);backdrop-filter:blur(10px);position:sticky;top:0;z-index:50;border-bottom:1px solid var(--line-d);color:var(--txt-d)}
.hdr .wrap{display:flex;align-items:center;gap:28px;height:64px}
.logo{display:flex;align-items:center;font-weight:800;font-size:19px;letter-spacing:-.6px;color:#fff;white-space:nowrap}
.logo .hl{margin-left:5px}
.nav{display:flex;gap:4px;flex:1;overflow:auto;scrollbar-width:none}
.nav a{font-size:14px;color:#AEB8B2;padding:7px 11px;border-radius:8px;white-space:nowrap;font-weight:500}
.nav a:hover,.nav a.on{color:#fff;background:rgba(255,255,255,.06)}
.nav a.on{box-shadow:inset 0 -2px 0 var(--g)}
.act{display:flex;gap:10px;align-items:center}
.ibtn{width:38px;height:38px;border-radius:9px;border:1px solid var(--line-d);display:grid;place-items:center;color:#C4CEC8}
/* hero */
.hero{padding:76px 0 64px;border-bottom:1px solid var(--line-d)}
.hero .top{text-align:center;max-width:1000px;margin:0 auto}
.pill{display:inline-flex;align-items:center;gap:10px;font-size:13px;color:#B8C2BC;border:1px solid var(--line-d);border-radius:999px;padding:5px 14px 5px 5px;background:rgba(255,255,255,.04)}
.pill span{background:var(--g);color:var(--ink);border-radius:999px;padding:2px 10px;font-weight:700;font-size:12px}
.hero h1{font-size:64px;line-height:1.02;letter-spacing:-2.6px;margin:22px 0 18px;color:#fff;font-weight:800}
.hero h1 .gr{background:linear-gradient(92deg,#2EE88A,#9BF7C6);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .sub{font-size:19px;color:#AEB8B2;max-width:640px;margin:0 auto 28px}
.nlf{display:flex;gap:8px;max-width:460px;margin:0 auto;background:rgba(255,255,255,.05);border:1px solid var(--line-d);border-radius:12px;padding:5px}
.nlf input{flex:1;background:transparent;border:0;color:#fff;font:inherit;font-size:15px;padding:0 12px;outline:0;min-width:0}
.light .nlf{background:#fff;border-color:var(--line)}.light .nlf input{color:var(--txt)}
.stats{display:flex;justify-content:center;gap:26px;margin-top:26px;font-size:13px;color:#8D9893;flex-wrap:wrap}
.stats b{color:#fff;font-weight:600;margin-right:4px}
.feat{display:grid;grid-template-columns:1.35fr 1fr;gap:20px;margin-top:56px}
.lead{border:1px solid var(--line-d);border-radius:18px;overflow:hidden;background:var(--ink2);display:grid;grid-template-rows:auto 1fr}
.lead .cv{aspect-ratio:16/8}
.lead .txt{padding:22px 24px}
.lead h2{font-size:28px;line-height:1.15;letter-spacing:-.8px;margin:12px 0 8px;color:#fff}
.lead p{color:#9AA59F;margin:0 0 12px}
.go{display:inline-flex;gap:6px;align-items:center;color:var(--g);font-weight:600;font-size:14px;margin-top:6px}
.lat{display:flex;flex-direction:column;border:1px solid var(--line-d);border-radius:18px;background:rgba(255,255,255,.02)}
.lat a{padding:18px 20px;border-bottom:1px solid var(--line-d)}.lat a:last-child{border-bottom:0}
.lat a:hover{background:rgba(255,255,255,.03)}
.lat h4{margin:8px 0 6px;font-size:16px;line-height:1.3;color:#fff;letter-spacing:-.2px}
/* tags + meta */
.tag{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:var(--gdeep);background:var(--mint2);border:1px solid #CDEFD9;padding:3px 9px;border-radius:999px}
.tag i{width:6px;height:6px;border-radius:50%;background:var(--g2)}
.dark .tag,.cv .tag{color:var(--g);background:rgba(46,232,138,.08);border-color:rgba(46,232,138,.25)}
.meta{font-size:13px;color:var(--mut)}.dark .meta{color:#7F8A85}
/* covers */
.cv{position:relative;background:var(--ink2);overflow:hidden;aspect-ratio:16/9;border-bottom:1px solid var(--line-d)}
.cv:before{content:"";position:absolute;width:70%;height:90%;left:var(--gx);top:var(--gy);transform:translate(-50%,-50%);background:radial-gradient(closest-side,rgba(46,232,138,.38),transparent);filter:blur(10px)}
.cv .pt{position:absolute;inset:0;opacity:.5}
.cv.p0 .pt{background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:26px 26px}
.cv.p1 .pt{background-image:radial-gradient(rgba(255,255,255,.16) 1px,transparent 1.5px);background-size:16px 16px}
.cv.p2 .pt{background-image:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 1px,transparent 1px 14px)}
.cv.p3 .pt{background-image:repeating-radial-gradient(circle at var(--hx) var(--hy),rgba(255,255,255,.08) 0 1px,transparent 1px 22px)}
.cv .ico{position:absolute;left:50%;top:46%;transform:translate(-50%,-50%);width:58px;height:58px;border-radius:15px;background:rgba(7,8,10,.7);border:1px solid rgba(46,232,138,.45);display:grid;place-items:center;color:var(--g);box-shadow:0 0 40px rgba(46,232,138,.25)}
.cv .ico svg{width:28px;height:28px}
.cv .lb{position:absolute;left:14px;right:14px;bottom:10px;display:flex;justify-content:space-between;font-family:'Geist Mono',monospace;font-size:11px;color:#7F8A85}
.cv .chip{position:absolute;top:12px;left:12px;font-size:11px;font-weight:700;background:var(--g);color:var(--ink);border-radius:6px;padding:3px 8px}
/* sections */
.sec{padding:64px 0}
.shead{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;margin-bottom:26px}
.shead h2{font-size:34px;letter-spacing:-1.2px;line-height:1.1;margin:8px 0 6px}
.shead p{margin:0;color:var(--mut);max-width:620px}.dark .shead p{color:#9AA59F}.dark .shead h2{color:#fff}
.kick{font-family:'Geist Mono',monospace;font-size:12px;color:var(--gdeep);letter-spacing:.3px}
.dark .kick{color:var(--g)}
.more{display:inline-flex;gap:6px;align-items:center;font-weight:600;font-size:14px;color:var(--txt);white-space:nowrap}.dark .more{color:#fff}
.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cards.four{grid-template-columns:repeat(4,1fr)}
.card{border:1px solid var(--line);border-radius:var(--r);overflow:hidden;background:#fff;transition:.2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(7,8,10,.08)}
.card .in{padding:16px 18px 18px}
.card h3{font-size:18px;line-height:1.25;letter-spacing:-.4px;margin:10px 0 8px}
.card p{font-size:14px;color:var(--txt2);margin:0 0 10px}
.dark .card{background:var(--ink2);border-color:var(--line-d)}.dark .card h3{color:#fff}.dark .card p{color:#9AA59F}
/* start here */
.start{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.st{border:1px solid var(--line);border-radius:var(--r);padding:22px;background:linear-gradient(180deg,#fff,var(--canvas))}
.st .n{font-family:'Geist Mono',monospace;font-size:12px;color:var(--gdeep)}
.st h3{margin:10px 0 6px;font-size:20px;letter-spacing:-.5px}.st p{margin:0 0 14px;color:var(--txt2);font-size:15px}
/* formats library */
.fmts{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.fm{border:1px solid var(--line-d);border-radius:12px;padding:16px;background:rgba(255,255,255,.025);display:flex;flex-direction:column;gap:8px;min-height:150px}
.fm:hover{border-color:rgba(46,232,138,.45);background:rgba(46,232,138,.04)}
.fm .top{display:flex;justify-content:space-between;align-items:center}
.fm .no{font-family:'Geist Mono',monospace;font-size:12px;color:var(--g)}
.fm .lv{display:flex;gap:3px}.fm .lv i{width:14px;height:4px;border-radius:2px;background:rgba(255,255,255,.14)}.fm .lv i.on{background:var(--g)}
.fm b{color:#fff;font-size:16px;letter-spacing:-.2px}
.fm span.d{font-size:13px;color:#8D9893;line-height:1.4}
.fm .tl{margin-top:auto;display:flex;gap:5px;flex-wrap:wrap}
.fm .tl em{font-style:normal;font-family:'Geist Mono',monospace;font-size:11px;color:#B8C2BC;border:1px solid var(--line-d);border-radius:5px;padding:1px 6px}
.fcats{display:flex;gap:8px;margin-bottom:18px;flex-wrap:wrap}
.fcats a{font-size:13px;padding:6px 12px;border-radius:999px;border:1px solid var(--line-d);color:#B8C2BC}.fcats a.on{background:var(--g);color:var(--ink);border-color:var(--g);font-weight:600}
/* tools */
.tools{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.tl2{border:1px solid var(--line);border-radius:12px;padding:16px;background:#fff;display:flex;flex-direction:column;gap:6px}
.tl2 .ic{width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--g);display:grid;place-items:center;font-weight:800;font-size:15px;letter-spacing:-.5px}
.tl2 b{font-size:15px;margin-top:6px}.tl2 span{font-size:13px;color:var(--mut)}
.tl2 .sc{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:12px;color:var(--mut);border-top:1px dashed var(--line);padding-top:8px}
.tl2 .sc em{font-style:normal;font-weight:700;color:var(--gdeep);background:var(--mint2);border-radius:6px;padding:1px 7px}
/* newsletter */
.nl{border-radius:22px;padding:48px;display:grid;grid-template-columns:1.2fr 1fr;gap:30px;align-items:center;margin:20px 0}
.nl h2{font-size:34px;letter-spacing:-1.2px;color:#fff;margin:14px 0 8px;line-height:1.1}.nl p{color:#9AA59F;margin:0}
.nl small{display:block;margin-top:10px;color:#6F7A75;font-size:12px}
.nl .nlf{margin:0}
/* split + rank */
.split{display:grid;grid-template-columns:1fr 340px;gap:40px}
.lrow{display:grid;grid-template-columns:240px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}
.lrow .cv{border-radius:12px;border:0}
.lrow h3{font-size:20px;letter-spacing:-.5px;line-height:1.25;margin:8px 0 6px}.lrow p{margin:0 0 8px;color:var(--txt2);font-size:15px}
.rank{border-radius:18px;padding:24px;position:sticky;top:90px}
.rank h3{color:#fff;margin:0 0 12px;font-size:18px}
.rank a{display:grid;grid-template-columns:34px 1fr;gap:6px;padding:12px 0;border-top:1px solid var(--line-d);color:#D7DED9;font-size:15px;line-height:1.35;font-weight:500}
.rank a span{font-family:'Geist Mono',monospace;color:var(--g);font-size:13px;padding-top:2px}
/* footer */
.ftr{padding:60px 0 0;margin-top:40px}
.ftr .wrap{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:30px}
.ftr p{color:#8D9893;font-size:14px;max-width:340px}
.ftr h5{margin:0 0 12px;color:#fff;font-size:13px}.ftr .col a{display:block;color:#8D9893;font-size:14px;padding:4px 0}.ftr .col a:hover{color:var(--g)}
.ftr .base{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line-d);padding:18px 0;font-size:12px;color:#6F7A75;margin-top:20px}
.ftr .disc{grid-column:1/-1;font-size:12px;color:#5F6A65;line-height:1.6;max-width:none}
.ftr .big{grid-column:1/-1;font-weight:900;font-size:150px;letter-spacing:-8px;line-height:.8;color:rgba(255,255,255,.04);white-space:nowrap;overflow:hidden;margin-top:6px}
/* ===== light article ===== */
.prog{position:fixed;top:0;left:0;height:3px;background:var(--g);z-index:60;width:0}
.ahead{background:var(--canvas);border-bottom:1px solid var(--line);padding:44px 0 34px}
.ahead .wrap{max-width:860px}
.crumb{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--mut);margin-bottom:16px}
.ahead h1{font-size:46px;line-height:1.08;letter-spacing:-1.8px;margin:0 0 14px}
.dek{font-size:20px;color:var(--txt2);margin:0 0 22px;line-height:1.45}
.byline{display:flex;align-items:center;gap:12px;font-size:14px}
.byline .av{width:40px;height:40px;border-radius:10px;background:var(--ink);color:var(--g);display:grid;place-items:center;font-weight:800}
.byline .sp{flex:1}
.upd{display:inline-flex;gap:6px;align-items:center;font-size:12px;color:var(--gdeep);background:var(--mint2);border-radius:6px;padding:2px 8px;font-weight:600;margin-left:8px}
.ahero{max-width:1000px;margin:30px auto 0;padding:0 24px}
.ahero .cv{border-radius:16px;aspect-ratio:16/7.5;border:0}
.ahero figcaption{font-size:13px;color:var(--mut);margin-top:8px}
.alay{max-width:1200px;margin:0 auto;padding:30px 24px 20px;display:grid;grid-template-columns:200px minmax(0,700px) 260px;gap:44px;justify-content:center}
.toc{position:sticky;top:90px;align-self:start;font-size:13px}
.toc h6{margin:0 0 10px;font-size:12px;color:var(--mut);font-family:'Geist Mono',monospace;font-weight:500}
.toc a{display:block;padding:6px 0 6px 12px;border-left:2px solid var(--line);color:var(--mut);line-height:1.35}
.toc a.on,.toc a:hover{border-color:var(--g2);color:var(--txt)}
.abody{font-size:18px;line-height:1.72;color:#1C2220}
.abody h2{font-size:28px;letter-spacing:-.8px;line-height:1.2;margin:42px 0 12px;color:var(--txt);scroll-margin-top:90px}
.abody h3{font-size:21px;letter-spacing:-.4px;margin:28px 0 8px}
.abody p{margin:0 0 18px}.abody a{color:var(--gdeep);text-decoration:underline;text-underline-offset:3px}
.abody ul,.abody ol{padding-left:22px;margin:0 0 18px}.abody li{margin-bottom:8px}
.ans{border:1px solid #BFEBD0;background:var(--mint2);border-radius:14px;padding:18px 20px;margin:0 0 26px}
.ans h6{margin:0 0 6px;font-size:12px;font-family:'Geist Mono',monospace;color:var(--gdeep);font-weight:600}
.ans p{margin:0;font-size:17px;line-height:1.6}
.kt{border:1px solid var(--line);border-radius:14px;padding:18px 22px;margin:0 0 28px;background:#fff}
.kt h6{margin:0 0 8px;font-size:14px;display:flex;gap:8px;align-items:center}.kt h6 i{width:8px;height:8px;border-radius:50%;background:var(--g2)}
.kt ul{margin:0;padding-left:20px;font-size:16px}
.tbl{width:100%;border-collapse:collapse;font-size:15px;margin:6px 0 24px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.tbl th{background:var(--ink);color:#fff;text-align:left;padding:10px 12px;font-weight:600;font-size:13px}
.tbl td{padding:10px 12px;border-top:1px solid var(--line);vertical-align:top}
.tbl tr:nth-child(even) td{background:var(--canvas)}
.steps{counter-reset:s;list-style:none;padding:0!important}
.steps li{counter-increment:s;position:relative;padding:14px 16px 14px 58px;border:1px solid var(--line);border-radius:12px;margin-bottom:10px!important;background:#fff}
.steps li:before{content:counter(s);position:absolute;left:14px;top:13px;width:30px;height:30px;border-radius:8px;background:var(--ink);color:var(--g);display:grid;place-items:center;font-weight:700;font-size:14px}
.tip{border-left:3px solid var(--g2);background:var(--canvas);padding:14px 18px;border-radius:0 10px 10px 0;margin:0 0 20px;font-size:16px}
.faq details{border:1px solid var(--line);border-radius:12px;padding:14px 18px;margin-bottom:10px;background:#fff}
.faq summary{font-weight:600;cursor:pointer;font-size:17px}.faq details p{margin:10px 0 0;font-size:16px}
.rail{align-self:start;position:sticky;top:90px;display:flex;flex-direction:column;gap:16px}
.mini{border-radius:16px;padding:20px}.mini b{color:#fff;font-size:17px}.mini p{color:#9AA59F;font-size:14px;margin:6px 0 12px}
.mini form{display:flex;flex-direction:column;gap:8px}.mini input{height:40px;border-radius:9px;border:1px solid var(--line-d);background:rgba(255,255,255,.05);color:#fff;padding:0 12px;font:inherit;font-size:14px}
.box{border:1px solid var(--line);border-radius:16px;padding:18px;background:#fff}
.box h6{margin:0 0 10px;font-size:13px;font-family:'Geist Mono',monospace;font-weight:500;color:var(--mut)}
.box a{display:flex;justify-content:space-between;align-items:center;padding:8px 0;border-top:1px solid var(--line);font-size:14px;font-weight:600}
.box a em{font-style:normal;font-size:12px;color:var(--mut);font-weight:500}
/* ===== advertorial (light, ad landing) ===== */
.adv-bar{background:#000;color:#C4CEC8;font-size:12px;text-align:center;padding:7px;letter-spacing:.2px}
.adv-hdr{background:var(--ink);border-bottom:1px solid var(--line-d)}
.adv-hdr .wrap{height:58px;display:flex;align-items:center;justify-content:space-between;max-width:860px}
.adv-hdr .lbl{font-size:12px;color:#8D9893;font-family:'Geist Mono',monospace}
.adv{max-width:760px;margin:0 auto;padding:36px 22px 60px;font-size:19px;line-height:1.7;color:#1C2220}
.adv h1{font-size:44px;line-height:1.08;letter-spacing:-1.6px;margin:12px 0 16px;color:var(--txt)}
.adv h2{font-size:30px;letter-spacing:-.9px;line-height:1.2;margin:40px 0 12px;color:var(--txt)}
.adv p{margin:0 0 18px}
.adv .by{display:flex;gap:12px;align-items:center;font-size:14px;color:var(--mut);margin-bottom:22px}
.adv .by .av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:var(--g);display:grid;place-items:center;font-weight:800;font-size:14px}
.adv .hero-img{border-radius:14px;overflow:hidden;margin:0 0 24px}
.rk{border:1px solid var(--line);border-radius:16px;padding:22px;margin:0 0 18px;background:#fff;position:relative}
.rk.win{border:2px solid var(--g2);box-shadow:0 14px 40px rgba(31,203,116,.14)}
.rk .rn{display:flex;align-items:center;gap:12px;margin-bottom:8px}
.rk .rn span{width:38px;height:38px;border-radius:10px;background:var(--ink);color:var(--g);display:grid;place-items:center;font-weight:800}
.rk.win .rn span{background:var(--g);color:var(--ink)}
.rk h3{margin:0;font-size:22px;letter-spacing:-.5px}
.rk .badge{position:absolute;top:-12px;right:18px;background:var(--g);color:var(--ink);font-size:12px;font-weight:700;padding:4px 10px;border-radius:999px}
.rk .sc{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}
.rk .sc div{background:var(--canvas);border-radius:10px;padding:8px 10px;font-size:13px;color:var(--mut)}.rk .sc b{display:block;color:var(--txt);font-size:15px}
.rk p{font-size:17px;margin:0 0 10px}
.pc{display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:15px}.pc div{line-height:1.5}
.pc b{display:block;font-size:13px;margin-bottom:4px}
.cta{display:flex;align-items:center;justify-content:center;gap:10px;height:60px;border-radius:14px;background:var(--g);color:var(--ink)!important;font-weight:800;font-size:19px;text-decoration:none!important;margin:18px 0 6px;box-shadow:0 10px 30px rgba(46,232,138,.35)}
.cta-n{text-align:center;font-size:13px;color:var(--mut);margin-bottom:22px}
.adv-ftr{background:var(--ink);color:#6F7A75;font-size:12px;line-height:1.6;padding:30px 0}
.adv-ftr .wrap{max-width:860px}.adv-ftr a{color:#9AA59F;margin-right:14px}
@media(max-width:1000px){.feat,.split,.nl{grid-template-columns:1fr}.cards,.cards.four{grid-template-columns:1fr 1fr}.fmts{grid-template-columns:1fr 1fr}.tools{grid-template-columns:repeat(2,1fr)}.start{grid-template-columns:1fr}
.alay{grid-template-columns:1fr}.toc,.rail{display:none}.hero h1{font-size:42px;letter-spacing:-1.5px}.nav{display:none}.ftr .wrap{grid-template-columns:1fr 1fr}.ftr .big{font-size:70px}.lrow{grid-template-columns:1fr}}
@media(max-width:600px){.cards,.cards.four{grid-template-columns:1fr}.ahead h1,.adv h1{font-size:32px;letter-spacing:-1px}.nl{padding:28px}}

/* live-site additions */
.phead{padding:72px 0 56px;border-bottom:1px solid var(--line-d)}
.phead h1{font-size:52px;letter-spacing:-2px;line-height:1.05;margin:12px 0 10px;color:#fff;font-weight:800}
.phead p{color:#9AA59F;max-width:640px;margin:0;font-size:18px}
.abody.solo{max-width:760px;margin:0 auto;padding:48px 0 80px}
.ok{background:rgba(46,232,138,.12);border:1px solid rgba(46,232,138,.4);color:#D7FBE7;border-radius:10px;padding:12px 14px;font-size:14px;font-weight:600}
.light .ok,.rail .ok{color:#0B8A4B}
.tlist{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.trow{display:grid;grid-template-columns:44px 1fr;gap:6px 14px;border:1px solid var(--line);border-radius:14px;padding:18px;background:#fff;scroll-margin-top:90px}
.trow .ic{width:44px;height:44px;border-radius:11px;background:var(--ink);color:var(--g);display:grid;place-items:center;font-family:'Geist Mono',monospace;font-weight:600;grid-row:span 3}
.trow b{font-size:17px}.trow .c{display:block;font-size:13px;color:var(--mut)}
.trow p{margin:0;font-size:14px;color:var(--txt2)}.trow .pr{color:var(--mut);font-size:13px}
.fm .d{display:block}
@media(max-width:820px){.tlist{grid-template-columns:1fr}.phead h1{font-size:36px}.phead{padding:52px 0 40px}}
