:root{--ink:#080f14;--panel:#0d1820;--slate:#1f2937;--blue:#0ea5e9;--cyan:#22d3ee;--text:#f8fafc;--muted:#9fb3c4;--line:rgba(148,163,184,.18);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:16px;line-height:1.6}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 75% 4%,rgba(14,165,233,.11),transparent 28%),linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:auto,64px 64px,64px 64px;mask-image:linear-gradient(to bottom,#000,transparent 64%);z-index:-1}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:92px;max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;padding:0 28px;border-bottom:1px solid var(--line)}.brand img{width:220px;height:62px;object-fit:contain;object-position:left center}.site-header nav{display:flex;gap:32px;align-items:center}.site-header nav a{color:#b8c5d0;font-size:.9rem;font-weight:650;transition:.2s}.site-header nav a:hover{color:var(--cyan)}.nav-cta{border:1px solid rgba(34,211,238,.45);border-radius:100px;padding:9px 17px;color:#e9fbff!important}.menu-button{display:none;background:none;color:white;border:1px solid var(--line);border-radius:8px;padding:7px 12px}.hero{max-width:var(--max);margin:auto;min-height:680px;padding:92px 28px 72px;display:grid;grid-template-columns:1.1fr .9fr;gap:80px;align-items:center}.eyebrow,.kicker{font-size:.73rem;letter-spacing:.2em;text-transform:uppercase;font-weight:800;color:#8fdcf8}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 28px}.eyebrow span{width:8px;height:8px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.2rem,6vw,5.6rem);line-height:.96;letter-spacing:-.065em;margin-bottom:28px;max-width:760px}h1 em{font-style:normal;color:transparent;background:linear-gradient(105deg,#fff 12%,var(--cyan));background-clip:text}.hero-lede{font-size:1.15rem;max-width:640px;color:#a9bac7;line-height:1.75}.hero-actions{display:flex;gap:14px;margin-top:36px}.button{display:inline-flex;gap:12px;align-items:center;justify-content:center;min-height:48px;border-radius:8px;padding:0 20px;font-weight:800;font-size:.92rem}.button.primary{background:linear-gradient(135deg,var(--blue),#16c5df);color:#031018;box-shadow:0 12px 34px rgba(14,165,233,.18)}.button.secondary{border:1px solid var(--line);background:rgba(255,255,255,.025)}.hero-system{position:relative;border:1px solid rgba(34,211,238,.18);background:linear-gradient(145deg,rgba(17,31,41,.95),rgba(7,15,20,.8));border-radius:18px;padding:26px;box-shadow:0 30px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.04)}.hero-system:after{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.025);border-radius:12px;pointer-events:none}.system-label{font-size:.68rem;letter-spacing:.18em;text-transform:uppercase;color:#7890a1;margin-bottom:24px}.flow-card{position:relative;display:flex;gap:18px;align-items:center;border:1px solid var(--line);border-radius:10px;background:#101c25;padding:16px 18px}.flow-card strong{display:block;font-size:.95rem}.flow-card small{display:block;color:#8097a8;margin-top:2px}.card-index{font-family:ui-monospace,monospace;font-size:.72rem;color:var(--cyan);border:1px solid rgba(34,211,238,.28);border-radius:5px;padding:4px 6px}.process-card{border-color:rgba(34,211,238,.43);box-shadow:0 0 30px rgba(14,165,233,.08)}.pulse{position:absolute;width:7px;height:7px;background:var(--cyan);right:15px;top:15px;border-radius:50%;box-shadow:0 0 14px var(--cyan)}.flow-line{height:44px;position:relative;margin-left:38px}.flow-line i{position:absolute;top:0;bottom:0;left:0;border-left:1px solid rgba(34,211,238,.45)}.flow-line b{position:absolute;left:-3px;bottom:8px;border:solid var(--cyan);border-width:0 1px 1px 0;padding:3px;transform:rotate(45deg)}.system-note{margin:22px 0 0;text-align:center;color:#728999;font-size:.78rem}.signal-strip{border-block:1px solid var(--line);display:flex;align-items:center;gap:45px;padding:23px max(28px,calc((100% - var(--max))/2 + 28px));overflow:hidden}.signal-strip p{margin:0;color:#708798;font-size:.72rem;letter-spacing:.16em;text-transform:uppercase;white-space:nowrap}.signal-strip div{display:flex;gap:38px;white-space:nowrap}.signal-strip span{font-weight:700;color:#d8e1e8}.signal-strip span:before{content:"";width:4px;height:4px;background:var(--blue);display:inline-block;border-radius:50%;vertical-align:middle;margin-right:12px}.section{max-width:var(--max);margin:auto;padding:112px 28px}.section-heading{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:48px}.kicker{margin-bottom:15px}.section h2,.start h2{font-size:clamp(2.3rem,4.2vw,4rem);line-height:1.05;letter-spacing:-.045em;margin-bottom:0}.section-heading>p,.method-copy>p:last-child{color:var(--muted);max-width:520px;margin:0}.card-grid{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:14px}.feature-card{min-height:380px;border:1px solid var(--line);border-radius:14px;background:rgba(15,26,34,.78);padding:24px;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s}.feature-card:hover{transform:translateY(-4px);border-color:rgba(34,211,238,.35)}.feature-card.featured{background:linear-gradient(150deg,rgba(13,42,56,.98),rgba(10,22,29,.95));}.card-top{display:flex;justify-content:space-between;align-items:center}.tag{font-size:.7rem;text-transform:uppercase;letter-spacing:.13em;color:#94dff8;border:1px solid rgba(34,211,238,.22);border-radius:100px;padding:5px 10px}.number{font:700 .75rem ui-monospace,monospace;color:#607888}.feature-card h3{font-size:1.45rem;line-height:1.22;letter-spacing:-.025em;margin-bottom:14px}.feature-card p{color:#8fa3b2}.feature-card .meta{font-size:.67rem;letter-spacing:.14em;color:#5fcbed}.feature-card a{font-size:.9rem;font-weight:750;color:var(--cyan)}.mini-flow{display:flex;align-items:center;margin:40px 0 auto;color:#9cb1bf}.mini-flow span{font-size:.68rem;border:1px solid var(--line);border-radius:5px;padding:6px 8px}.mini-flow i{height:1px;flex:1;background:linear-gradient(90deg,var(--blue),var(--cyan));opacity:.6}.method{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;border-top:1px solid var(--line)}.method-copy{position:sticky;top:32px;align-self:start}.method-copy h2{margin-bottom:24px}.principles{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.principles li{display:grid;grid-template-columns:56px 1fr;gap:12px;padding:26px 0;border-bottom:1px solid var(--line)}.principles li>span{font:700 .75rem ui-monospace,monospace;color:var(--blue);padding-top:4px}.principles strong{font-size:1.18rem}.principles p{color:var(--muted);margin:4px 0 0}.toolkit{border-top:1px solid var(--line)}.compact{align-items:center}.tool-roles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:14px;overflow:hidden}.tool-roles>div{min-height:230px;padding:24px;border-right:1px solid var(--line);background:rgba(255,255,255,.015)}.tool-roles>div:last-child{border-right:0}.tool-roles span{font:700 .7rem ui-monospace,monospace;color:#5999b3}.tool-roles strong{display:block;font-size:1.25rem;margin-top:66px}.tool-roles p{font-size:.9rem;color:var(--muted);margin:6px 0 0}.disclosure{font-size:.76rem;color:#657c8d;margin:18px 0 0}.start{max-width:calc(var(--max) - 56px);margin:0 auto 90px;padding:62px;border:1px solid rgba(34,211,238,.25);border-radius:18px;background:radial-gradient(circle at 80% 20%,rgba(34,211,238,.1),transparent 38%),#0d1921;display:flex;justify-content:space-between;align-items:end;gap:50px}.start h2{margin-bottom:18px}.start p:not(.kicker){color:var(--muted);margin:0;max-width:650px}.start .button{white-space:nowrap}footer{max-width:var(--max);margin:auto;padding:40px 28px 54px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:end;color:#748999;font-size:.78rem}footer img{width:180px}footer>p{text-align:center;margin:0}footer>div{display:flex;justify-content:flex-end;gap:24px}footer a{color:#b9c7d0}
@media(max-width:900px){.site-header{height:76px}.brand img{width:180px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:76px;left:16px;right:16px;z-index:5;background:#0c171f;border:1px solid var(--line);border-radius:12px;padding:18px;flex-direction:column;align-items:stretch}.site-header nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:68px;gap:54px}.hero-system{max-width:560px}.section-heading,.method{grid-template-columns:1fr;gap:36px}.method-copy{position:static}.card-grid{grid-template-columns:1fr 1fr}.feature-card.featured{grid-column:span 2}.tool-roles{grid-template-columns:1fr 1fr}.tool-roles>div{border-bottom:1px solid var(--line)}.tool-roles>div:nth-child(2){border-right:0}.start{margin-inline:20px;padding:42px;align-items:flex-start;flex-direction:column}footer{grid-template-columns:1fr;gap:20px;text-align:left}footer>p{text-align:left}footer>div{justify-content:flex-start}}
@media(max-width:580px){h1{font-size:3.1rem}.hero{padding:54px 20px}.hero-actions{flex-direction:column}.signal-strip{padding-inline:20px}.signal-strip p{display:none}.signal-strip div{gap:22px;overflow:auto}.section{padding:82px 20px}.card-grid{grid-template-columns:1fr}.feature-card.featured{grid-column:auto}.feature-card{min-height:330px}.tool-roles{grid-template-columns:1fr}.tool-roles>div{border-right:0;min-height:190px}.tool-roles strong{margin-top:38px}.start{padding:32px 24px}.start .button{width:100%}.system-note{font-size:.7rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card{transition:none}}
.site-header nav a.active{color:var(--cyan)}
.page-hero{max-width:var(--max);margin:auto;padding:100px 28px 70px;border-bottom:1px solid var(--line)}.page-hero h1{max-width:950px;margin-bottom:26px}.page-hero>p:last-of-type{max-width:720px;color:var(--muted);font-size:1.12rem}.jump-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}.jump-links a{border:1px solid var(--line);border-radius:100px;padding:8px 14px;color:#bfd0da;font-size:.86rem}.jump-links a:hover{border-color:var(--cyan);color:var(--cyan)}
.tool-section{max-width:var(--max);margin:auto;padding:84px 28px;border-bottom:1px solid var(--line)}.tool-section-title{display:grid;grid-template-columns:40px .8fr 1fr;gap:24px;align-items:end;margin-bottom:36px}.tool-section-title>span{font:700 .78rem ui-monospace,monospace;color:var(--blue);align-self:start;padding-top:9px}.tool-section-title h2{font-size:2.5rem;line-height:1;margin:0;letter-spacing:-.04em}.tool-section-title>p{color:var(--muted);margin:0;max-width:500px}.recommendation-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.recommendation-grid.three{grid-template-columns:repeat(3,1fr)}.tool-card{border:1px solid var(--line);border-radius:14px;background:rgba(15,26,34,.76);padding:26px;display:flex;flex-direction:column;min-height:420px}.tool-card.pick{border-color:rgba(34,211,238,.35);background:linear-gradient(145deg,rgba(15,47,60,.9),rgba(12,25,33,.92))}.tool-card-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:38px}.tool-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#e8f8fc;color:#07131a;font-weight:900}.best-for{font-size:.68rem;letter-spacing:.13em;color:#6bcfee}.tool-card h3{font-size:1.65rem;margin-bottom:2px}.tool-purpose{color:#d3dee5!important;font-weight:700;margin-bottom:20px!important}.tool-card p,.tool-card li{color:var(--muted)}.tool-card ul{margin:8px 0 28px;padding-left:20px}.tool-link{margin-top:auto;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;color:var(--cyan);font-weight:800;font-size:.9rem}
.affiliate-note{max-width:calc(var(--max) - 56px);margin:80px auto;padding:48px;border:1px solid rgba(34,211,238,.25);border-radius:16px;display:grid;grid-template-columns:1fr 1fr;gap:60px;background:#0d1921}.affiliate-note h2{font-size:2rem;line-height:1.15;margin:0}.affiliate-note>p{color:var(--muted);margin:0}.library-grid{max-width:var(--max);margin:auto;padding:70px 28px 110px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.template-card{border:1px solid var(--line);border-radius:14px;background:rgba(15,26,34,.78);padding:26px;min-height:390px;display:flex;flex-direction:column}.template-card.live{border-color:rgba(34,211,238,.35)}.template-card>div{display:flex;justify-content:space-between;gap:15px}.template-status,.template-type{font-size:.68rem;letter-spacing:.12em;color:var(--cyan)}.template-type{color:#718999}.template-card h2{font-size:1.65rem;line-height:1.2;margin:54px 0 14px}.template-card p,.template-card li{color:var(--muted)}.template-card a{margin-top:auto;color:var(--cyan);font-weight:800}
.signup-panel{max-width:var(--max);min-height:650px;margin:auto;padding:100px 28px;display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.signup-panel h1{font-size:clamp(3rem,6vw,5.4rem)}.signup-panel>div>p:not(.kicker){color:var(--muted);font-size:1.1rem}.signup-panel ul{list-style:none;padding:0;margin:30px 0 0;display:flex;gap:22px;flex-wrap:wrap;color:#afc1cd;font-size:.88rem}.signup-panel li:before{content:"✓";color:var(--cyan);margin-right:8px}.signup-panel form{border:1px solid var(--line);border-radius:16px;background:#0d1921;padding:34px}.signup-panel label{display:block;font-weight:750;margin-bottom:10px}.signup-panel form>div{display:flex;gap:8px}.signup-panel input{min-width:0;flex:1;background:#071017;color:white;border:1px solid #31424f;border-radius:8px;padding:0 14px;font:inherit}.signup-panel small{display:block;color:#6f8798;margin-top:14px}.form-message{color:var(--cyan);margin:18px 0 0}
.about-layout{max-width:var(--max);min-height:690px;margin:auto;padding:105px 28px;display:grid;grid-template-columns:1fr 1fr;gap:100px}.about-layout h1{font-size:clamp(3.2rem,6vw,5.8rem)}.about-copy{padding-top:45px;color:var(--muted)}.about-copy .lead{font-size:1.45rem;line-height:1.45;color:#dce8ee}.about-values{margin-top:50px;border-top:1px solid var(--line)}.about-values>div{display:flex;gap:24px;padding:18px 0;border-bottom:1px solid var(--line);color:#e6edf1}.about-values span{font:700 .7rem ui-monospace,monospace;color:var(--blue)}
@media(max-width:900px){.tool-section-title{grid-template-columns:35px 1fr}.tool-section-title>p{grid-column:2}.recommendation-grid.three{grid-template-columns:1fr 1fr}.library-grid{grid-template-columns:1fr 1fr}.signup-panel,.about-layout{grid-template-columns:1fr;gap:40px}.about-copy{padding-top:0}}
@media(max-width:580px){.page-hero{padding:70px 20px 48px}.tool-section{padding:64px 20px}.tool-section-title{grid-template-columns:1fr}.tool-section-title>span{display:none}.tool-section-title>p{grid-column:auto}.recommendation-grid,.recommendation-grid.three,.library-grid{grid-template-columns:1fr}.affiliate-note{margin:50px 20px;padding:30px 24px;grid-template-columns:1fr;gap:24px}.library-grid{padding:50px 20px 80px}.signup-panel,.about-layout{padding:70px 20px}.signup-panel form>div{flex-direction:column}.signup-panel input{min-height:48px}}