:root{--brand:#ec1c7d;--brand2:#3ee999;--accent:#f4763d;}

:root{
  --bg:#f5f7fb;--paper:#fff;--ink:#101624;--muted:#5d6b82;--line:#dce3ee;
  --brand:#0052ff;--brand2:#0b6bdc;--accent:#65e0ff;--dark:#080b12;--soft:#eef3fa;
  --good:#087f5b;--warn:#b7791f;--radius:12px;--shadow:0 24px 70px rgba(10,20,40,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.55}
a{color:inherit}
img{display:block;max-width:100%}
.wrap{width:min(1180px,calc(100% - 36px));margin:0 auto}
.top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(18,31,52,.1);backdrop-filter:blur(18px)}
.top-inner{height:76px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand-lockup{display:inline-flex;align-items:center;text-decoration:none;min-width:0}
.logo-img{width:auto;height:50px;max-width:220px;object-fit:contain}
.nav{display:flex;align-items:center;gap:20px;color:var(--muted);font-size:14px}.nav a{text-decoration:none}.nav a:hover{color:var(--ink)}
.cta{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;background:var(--brand);color:#fff;text-decoration:none;font-weight:850;padding:0 20px;box-shadow:0 12px 24px rgba(0,82,255,.2);white-space:nowrap}
.ghost{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:999px;border:1px solid currentColor;text-decoration:none;font-weight:800;padding:0 18px;background:transparent}
.kicker{font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--brand2)}
.section{padding:72px 0}.section.alt{background:#fff}.section.dark{background:var(--dark);color:#fff}
.intro-copy{padding:34px 0 12px}.intro-copy p{font-size:19px;line-height:1.78;color:#34435b;max-width:1040px;margin:0}.theme-noir .intro-copy p{color:#c3d0e1}.theme-notebook .intro-copy p{color:#4e4638}
.section-head{display:flex;align-items:end;justify-content:space-between;gap:26px;margin-bottom:28px}.section-head h2{font-size:clamp(30px,4vw,52px);line-height:1;margin:6px 0 0;letter-spacing:0}.section-head p{margin:0;max-width:520px;color:var(--muted)}
.card{background:var(--paper);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 14px 36px rgba(18,31,52,.08)}
.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:850;background:#fff;color:#23314a}
.score{font-size:66px;line-height:.9;font-weight:900;letter-spacing:0}.score small{font-size:22px;color:var(--muted)}
.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.metric{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.metric b{display:block;font-size:24px;line-height:1.15}.metric span{display:block;margin-top:8px;color:var(--muted);font-size:13px}
.pay-table{display:grid;gap:8px}.pay-row{display:grid;grid-template-columns:1.1fr .7fr .7fr .55fr;gap:10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px}.pay-row.head{background:#101624;color:#fff;font-weight:900}.pay-row span{color:var(--muted)}
.faq{display:grid;gap:12px}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:18px}.faq summary{font-weight:900;cursor:pointer}.faq p{color:var(--muted)}
.footer{background:#070a10;color:#ccd6e6;padding:42px 0}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,1fr);gap:24px}.footer h3{margin:0 0 8px;color:#fff}.footer p{margin:0;color:#9fb0c8}
.content-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.content-grid.two{grid-template-columns:repeat(2,1fr)}.content-card h3{margin:0 0 10px}.content-card p,.content-card li{color:var(--muted)}.content-card ul{margin:0;padding-left:18px}

.theme-blue{--brand:#0052ff;--brand2:#0667d0;--accent:#65e0ff;--bg:#f4f7fc;--soft:#eef3fa;--radius:12px}
.blue-hero{padding:76px 0 60px;background:linear-gradient(180deg,#fff 0%,#f4f7fc 100%)}
.blue-hero-grid{display:grid;grid-template-columns:minmax(0,.92fr) minmax(420px,1.08fr);gap:48px;align-items:center}
.blue-hero h1{font-size:clamp(50px,7vw,92px);line-height:.95;margin:18px 0;letter-spacing:0;font-weight:650;color:#07111f}
.blue-hero .lead{font-size:21px;color:#48566f;max-width:680px;margin:0 0 26px}
.blue-actions{display:flex;gap:12px;flex-wrap:wrap}.blue-visual{position:relative}.blue-visual .product{border-radius:28px;box-shadow:0 34px 90px rgba(16,42,90,.22);border:1px solid #d7e1f0}
.blue-score{position:absolute;left:-22px;bottom:-22px;width:230px;background:#080b12;color:#fff;border-radius:24px;padding:22px;box-shadow:var(--shadow)}.blue-score .score small{color:#b9c6d8}
.blue-proof{display:grid;grid-template-columns:1.2fr .8fr;gap:18px;margin-top:54px}.blue-proof-main{background:#080b12;color:#fff;border-radius:26px;padding:28px;display:grid;grid-template-columns:1fr 1fr;gap:22px}.blue-proof-main p{color:#c7d3e5}.blue-proof-side{display:grid;gap:12px}
.blue-zig{display:grid;grid-template-columns:.9fr 1.1fr;gap:36px;align-items:center}.blue-zig .shot{background:#fff;border:1px solid var(--line);border-radius:26px;padding:14px;box-shadow:var(--shadow)}

.theme-notebook{--brand:#7257d6;--brand2:#0f766e;--accent:#f7c948;--bg:#f8f3e8;--paper:#fffdf7;--line:#ded2b9;--soft:#fbf7ed;--radius:6px}
.theme-notebook .top{background:rgba(248,243,232,.92)}.notebook-hero{position:relative;padding:60px 0 42px;background:var(--bg)}
.notebook-sheet{position:relative;background:var(--paper);border:1px solid #d6c7a7;border-radius:10px;padding:54px 54px 44px 72px;box-shadow:0 26px 80px rgba(84,60,28,.14);display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:40px;overflow:hidden}
.notebook-sheet:before{content:"";position:absolute;left:28px;top:38px;bottom:38px;width:2px;background:#dfd4bb}.binder-hole{position:absolute;left:18px;width:18px;height:18px;border:2px solid #d7c6a6;border-radius:50%;background:var(--bg)}.hole-a{top:86px}.hole-b{top:50%}.hole-c{bottom:86px}
.tab-stack{position:absolute;right:-1px;top:70px;display:grid;gap:8px}.side-tab{writing-mode:vertical-rl;transform:rotate(180deg);padding:14px 9px;border-radius:8px 0 0 8px;font-weight:900;font-size:12px}.tab-a{background:#98d4bb}.tab-b{background:#c7b8ea}.tab-c{background:#ffe6a7}.tab-d{background:#f4b8c5}
.notebook-sheet h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,6vw,82px);line-height:.96;margin:16px 0;color:#24211c}.notebook-sheet .lead{font-size:20px;color:#4e4638;margin:0 0 24px}
.notebook-visual{align-self:center;background:#f4ead5;border:1px solid #dac8a4;border-radius:8px;padding:12px;transform:rotate(1.2deg);box-shadow:0 16px 36px rgba(67,48,20,.14)}
.notebook-ledger{display:grid;grid-template-columns:1fr .9fr;gap:18px}.ledger-card{background:#fffdf7;border:1px solid #d8c9aa;border-radius:8px;padding:22px}.ledger-card h3{margin:0 0 10px}.ledger-list{display:grid;gap:8px}.ledger-list div{display:flex;justify-content:space-between;border-bottom:1px dashed #d7c6a6;padding-bottom:7px}
.notebook-product{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center}.notebook-product .shot{background:#fffdf7;border:1px solid #d8c9aa;border-radius:8px;padding:12px;box-shadow:0 18px 40px rgba(84,60,28,.12)}

.theme-noir{--brand:#ff375f;--brand2:#ffd166;--accent:#2be7c8;--bg:#0b1018;--paper:#111824;--ink:#f7fbff;--muted:#9babbd;--line:#263348;--soft:#121b28;--dark:#06080d;--radius:2px}
.theme-noir body,.theme-noir{background:#0b1018;color:#f7fbff}.theme-noir .top{background:rgba(8,12,18,.88);border-bottom-color:#202b3d}.theme-noir .brand-name{color:#fff}.theme-noir .nav{color:#a9b7ca}
.noir-hero{position:relative;padding:70px 0 58px;background:radial-gradient(circle at 72% 20%,rgba(255,55,95,.22),transparent 34%),linear-gradient(135deg,#06080d 0%,#101a28 60%,#05070a 100%);overflow:hidden}
.noir-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(180deg,#000,transparent 88%)}
.noir-grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 480px;gap:42px;align-items:center}
.noir-hero h1{font-size:clamp(54px,7vw,98px);line-height:.9;margin:18px 0 20px;text-transform:uppercase;font-weight:950}.noir-hero .lead{font-size:20px;color:#d2dbea;max-width:720px}
.noir-dossier{background:rgba(17,24,36,.86);border:1px solid #344158;border-radius:3px;padding:18px;box-shadow:0 30px 90px rgba(0,0,0,.45);transform:rotate(-1deg)}
.noir-dossier img{border-radius:2px}.noir-score{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:14px}.noir-score .card{background:#0d131d;color:#fff;border-color:#2a3548;border-radius:2px}
.status-board{display:grid;grid-template-columns:1.2fr .8fr;gap:18px}.status-board .card{background:#111824;color:#fff;border-color:#263348}.status-board p,.theme-noir .section-head p,.theme-noir .faq p{color:#9babbd}.evidence-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.evidence-grid .shot{background:#111824;border:1px solid #263348;padding:12px;border-radius:4px}

@media(max-width:900px){
  body{overflow-x:hidden}.wrap{width:min(100% - 32px,1180px)}.nav{display:none}.top-inner{height:70px}.logo-img{height:46px;max-width:180px}.cta{min-height:42px;padding:0 16px}
  .section{padding:48px 0}.section-head{display:block}.section-head p{margin-top:12px}
  .blue-hero-grid,.blue-proof,.blue-proof-main,.blue-zig,.notebook-sheet,.notebook-ledger,.notebook-product,.noir-grid,.status-board,.evidence-grid,.footer-grid,.content-grid,.content-grid.two{grid-template-columns:1fr}
  .blue-hero{padding:48px 0 42px}.blue-hero h1,.notebook-sheet h1,.noir-hero h1{font-size:44px}.blue-score{position:static;width:auto;margin-top:14px}
  .notebook-sheet{padding:42px 24px 34px 48px}.tab-stack{display:none}.notebook-product .shot:last-child{max-width:300px}
  .metric-grid{grid-template-columns:1fr}.pay-row,.pay-row.head{grid-template-columns:1fr}.pay-row.head{display:none}.pay-row span{display:block}
}