:root {
      --bg: #FDFBF7;
      --bg-alt: #F0ECE3;
      --ink: #1A1714;
      --ink-s: #3D3831;
      --muted: #8A8279;
      --accent: #C0392B;
      --mono: 'Source Code Pro', Consolas, monospace;
      --serif: 'Playfair Display', 'Noto Serif SC', Georgia, serif;
      --hand: 'Long Cang', cursive;
      --body: 'Noto Serif SC', Georgia, serif;
      --rule: rgba(26,23,20,.12);
      --rule-s: rgba(26,23,20,.25);
      --card: #fff;
      --shadow: 0 2px 24px rgba(26,23,20,.07);
    }
    [data-theme="dark"] {
      --bg: #0D0C0B; --bg-alt: #161514;
      --ink: #E8E4DB; --ink-s: #C4BFB4; --muted: #706B62;
      --accent: #4ADE80;
      --rule: rgba(232,228,219,.08); --rule-s: rgba(232,228,219,.18);
      --card: #1A1918; --shadow: 0 2px 24px rgba(0,0,0,.3);
    }
    *,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
    html{scroll-behavior:smooth}
    body{font-family:var(--body);color:var(--ink);background:var(--bg);line-height:1.7;-webkit-font-smoothing:antialiased;transition:background .5s,color .5s}
    a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}
    ::selection{background:var(--accent);color:#fff}
    img{max-width:100%;display:block}

    /* NAV */
    nav{position:fixed;top:0;left:0;right:0;z-index:100;display:flex;justify-content:space-between;align-items:center;padding:14px 32px;font-family:var(--mono);font-size:12px;mix-blend-mode:difference;color:#fff}
    nav a{color:#fff;opacity:.7;transition:opacity .2s}nav a:hover{opacity:1;text-decoration:none}
    .nav-r{display:flex;gap:6px;align-items:center}
    .nb{background:none;border:1px solid rgba(255,255,255,.3);color:#fff;padding:4px 10px;font-size:11px;cursor:pointer;font-family:var(--mono);border-radius:2px}
    .nb:hover{background:rgba(255,255,255,.15)}

    /* HERO — Magazine Cover Layout */
    .hero{min-height:100vh;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:48px;padding:120px 48px 80px;position:relative;overflow:hidden;
      background:radial-gradient(ellipse at 30% 50%, rgba(192,57,43,.06) 0%, transparent 50%),var(--bg)}
    [data-theme="dark"] .hero{background:radial-gradient(ellipse at 30% 50%, rgba(74,222,128,.05) 0%, transparent 50%),var(--bg)}
    .hero-text{position:relative;z-index:2}
    .hero-greeting{font-family:var(--hand);font-size:clamp(20px,3vw,32px);color:var(--accent);margin-bottom:8px}
    .hero-photo-area{position:relative;display:flex;align-items:center;justify-content:center;z-index:1}
    .hero-photo{width:280px;height:340px;border-radius:8px;background:var(--bg-alt);border:3px solid var(--ink);overflow:hidden;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:11px;color:var(--muted);transform:rotate(-2deg);box-shadow:12px 12px 0 var(--bg-alt),12px 12px 0 3px var(--rule-s);position:relative;z-index:2}
    .hero-photo img{width:100%;height:100%;object-fit:cover}
    .hero-blob{position:absolute;width:400px;height:400px;z-index:1;opacity:.12;animation:blobFloat 10s ease-in-out infinite}
    .hero-blob path{fill:var(--accent)}
    @keyframes blobFloat{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(10px,-15px) scale(1.03)}}
    .hero-tag{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:16px}
    .hero h1{font-family:var(--serif);font-size:clamp(48px,7vw,100px);font-weight:900;line-height:.9;letter-spacing:-.03em;margin-bottom:20px}
    .hero h1 em{font-style:italic;color:var(--accent)}
    .hero-sub{font-size:clamp(15px,1.8vw,19px);color:var(--ink-s);max-width:440px;line-height:1.7;margin-bottom:32px}
    .hero-links{display:flex;gap:12px;flex-wrap:wrap}
    .hero-social{display:flex;gap:10px;margin-top:16px}
    .hero-social a{width:36px;height:36px;border:1px solid var(--rule-s);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--muted);transition:all .2s}
    .hero-social a:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px);text-decoration:none}
    .cta{font-family:var(--mono);font-size:12px;letter-spacing:.04em;padding:12px 24px;border:1px solid var(--ink);background:var(--ink);color:var(--bg);transition:all .2s;text-decoration:none}
    .cta:hover{background:var(--accent);border-color:var(--accent);text-decoration:none}
    .cta.ghost{background:none;color:var(--ink);border-color:var(--rule-s)}
    .cta.ghost:hover{border-color:var(--accent);color:var(--accent)}

    /* SECTIONS */
    .wrap{max-width:900px;margin:0 auto;padding:0 28px}
    section{padding:80px 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease,transform .6s ease}
    section.visible{opacity:1;transform:translateY(0)}
    .sec-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);border-top:2px solid var(--ink);padding-top:8px;display:inline-block;margin-bottom:32px}
    .sec-title{font-family:var(--serif);font-size:clamp(32px,5vw,44px);font-weight:900;line-height:1.05;letter-spacing:-.02em;margin-bottom:20px}

    /* ABOUT — single column */
    .about-text p{font-size:19px;line-height:1.8;color:var(--ink-s);margin-bottom:18px}
    .about-text p:first-child{font-size:24px;font-weight:700;color:var(--ink);font-family:var(--serif)}
    .about-text em{font-style:normal;color:var(--accent);font-weight:700}
    .pull{font-family:var(--serif);font-size:28px;font-weight:700;line-height:1.35;color:var(--ink);border-left:3px solid var(--accent);padding-left:20px;margin:40px 0;font-style:italic}
    .about-img-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:28px}
    .about-img-row .img-slot{border:1px solid var(--rule);border-radius:4px;overflow:hidden;aspect-ratio:16/10;background:var(--bg-alt)}
    .about-img-row .img-slot img{width:100%;height:100%;object-fit:cover}

/* THINKING */
    .think-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}
    .think-piece{border-left:1px solid var(--rule-s);padding-left:18px}
    .think-piece p{font-size:16px;line-height:1.85;color:var(--ink-s)}
    .think-piece strong{color:var(--ink);font-weight:700}
    .think-date{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:10px;letter-spacing:.06em}

    /* NEWSLETTER / KB */
    .kb-section{background:var(--bg-alt)}
    .kb-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .kb-card{background:var(--card);border:1px solid var(--rule);padding:28px;transition:all .3s;position:relative}
    .kb-card:hover{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-2px)}
    .kb-card .kb-num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;margin-bottom:10px}
    .kb-card h3{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:10px}
    .kb-card .kb-meta{font-family:var(--mono);font-size:11px;color:var(--muted);margin-bottom:12px}
    .kb-card .kb-excerpt{font-size:14px;color:var(--ink-s);line-height:1.6}
    .kb-tags{display:flex;gap:5px;flex-wrap:wrap;margin-top:14px}
    .kb-tag{font-family:var(--mono);font-size:10px;padding:2px 7px;border:1px solid var(--rule);color:var(--muted)}
    .kb-card:hover .kb-tag{border-color:var(--accent);color:var(--accent)}

    /* HackingSEO OS1 banner */
    .gos-banner{margin-top:32px;background:var(--card);border:1px solid var(--rule-s);padding:32px;display:grid;grid-template-columns:1.2fr 1fr;gap:24px;align-items:center}
    .gos-text h3{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:8px}
    .gos-text p{font-size:14px;color:var(--ink-s);line-height:1.6;margin-bottom:12px}
    .gos-img{border:1px solid var(--rule);border-radius:4px;aspect-ratio:4/3;background:var(--bg-alt);overflow:hidden}
    .gos-img img{width:100%;height:100%;object-fit:cover}

    /* PRODUCTS */
    .prod-section{background:var(--bg-alt)}
    .prod-note{font-size:14px;color:var(--muted);margin-bottom:28px;max-width:600px}
    .prod-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
    .prod-cell{background:var(--card);padding:32px 24px;transition:all .3s;display:flex;flex-direction:column}
    .prod-cell:hover{background:var(--bg)}
    .prod-cell h3{font-family:var(--serif);font-size:20px;font-weight:700;margin-bottom:10px;line-height:1.3}
    .prod-cell p{font-size:14px;color:var(--muted);line-height:1.65}
    .prod-cta{font-family:var(--mono);font-size:11px;color:var(--accent);margin-top:auto;padding-top:16px;display:inline-block}
    .prod-img{margin-top:16px;border:1px solid var(--rule);border-radius:4px;aspect-ratio:16/9;overflow:hidden}
    .prod-img img{width:100%;height:100%;object-fit:cover}

    /* TOOLS */
    .tools-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
    .tool-card{border:1px solid var(--rule);padding:20px;transition:all .2s}
    .tool-card:hover{border-color:var(--accent)}
    .tool-card h3{font-family:var(--mono);font-size:13px;margin-bottom:6px}
    .tool-card p{font-size:13px;color:var(--muted);line-height:1.5}
    .tool-card a{font-family:var(--mono);font-size:11px;color:var(--accent)}

    /* KNOWLEDGE */
    .k-item{padding:32px 0;border-bottom:1px solid var(--rule)}
    .k-item:last-child{border-bottom:none}
    .k-src{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.08em;margin-bottom:6px}
    .k-item h3{font-family:var(--serif);font-size:22px;font-weight:700;line-height:1.35;margin-bottom:10px;max-width:680px}
    .k-item p{font-size:15px;color:var(--ink-s);max-width:580px}

    /* CTA BAND */
    .cta-band{padding:80px 0;text-align:center;border-top:1px solid var(--rule)}
    .cta-band .cta{margin-top:8px}

    /* PARTNER */
    .partner-band{text-align:center;padding:40px 0;border-bottom:1px solid var(--rule)}
    .partner-band p{font-family:var(--mono);font-size:12px;color:var(--muted);letter-spacing:.04em}
    .partner-band strong{color:var(--ink)}

    /* FOOTER */
    footer{padding:48px 28px;font-family:var(--mono);font-size:12px;color:var(--muted);border-top:1px solid var(--rule);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px}
    footer a{color:var(--muted)}footer a:hover{color:var(--accent);text-decoration:none}
    .f-links{display:flex;gap:18px}

    /* SUB-HERO (sub-pages) */
    .sub-hero{min-height:auto;padding:120px 24px 60px;text-align:center;
      background:radial-gradient(ellipse at 50% 30%, rgba(192,57,43,.04) 0%, transparent 60%),var(--bg)}
    [data-theme="dark"] .sub-hero{background:radial-gradient(ellipse at 50% 30%, rgba(74,222,128,.03) 0%, transparent 60%),var(--bg)}
    .sub-hero h1{font-family:var(--serif);font-size:clamp(28px,5vw,48px);font-weight:900;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px}
    .sub-hero .hero-tag{margin-bottom:12px}
    .sub-hero .hero-sub{margin-bottom:0}

    /* UPDATES BAND */
    .updates-band{background:var(--ink);color:var(--bg);padding:14px 0;font-family:var(--mono);font-size:11px;letter-spacing:.04em;overflow:hidden;position:relative}
    .updates-inner{max-width:900px;margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:20px}
    .updates-label{white-space:nowrap;opacity:.5;text-transform:uppercase;letter-spacing:.12em;font-size:10px}
    .updates-feed{display:flex;gap:24px;overflow-x:auto;scrollbar-width:none;width:max-content}
    .updates-feed::-webkit-scrollbar{display:none}
    .update-item{white-space:nowrap;opacity:.7;transition:opacity .2s}
    .update-item:hover{opacity:1}
    .update-item .ud{opacity:.4;margin-right:8px}

    /* TOC BAND */
    .toc-band{padding:60px 0;border-bottom:1px solid var(--rule)}
    .toc-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:1px;background:var(--rule)}
    .toc-item{background:var(--bg);padding:32px 24px;transition:all .3s;display:block;text-decoration:none;color:var(--ink);position:relative}
    .toc-item:hover{background:var(--bg-alt);text-decoration:none}
    .toc-num{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.12em;margin-bottom:10px}
    .toc-item h3{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;margin-bottom:6px}
    .toc-item p{font-size:13px;color:var(--muted);line-height:1.5}
    .toc-item::after{content:'';position:absolute;bottom:0;left:24px;right:24px;height:1px;background:var(--accent);transform:scaleX(0);transition:transform .3s;transform-origin:left}
    .toc-item:hover::after{transform:scaleX(1)}
    .toc-item:hover h3{color:var(--accent)}

    /* READ NEXT */
    .read-next{border-top:1px solid var(--rule);padding:48px 0}
    .rn-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
    .rn-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
    .rn-item{border:1px solid var(--rule);padding:24px;transition:all .3s;display:block;text-decoration:none;color:var(--ink)}
    .rn-item:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
    .rn-item .rn-sec{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:8px}
    .rn-item h4{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px}
    .rn-item p{font-size:13px;color:var(--muted);line-height:1.5}

    /* TIMELINE (about page) */
    .timeline{position:relative;padding:40px 0 20px;margin-left:20px;border-left:2px solid var(--rule-s)}
    .tl-item{position:relative;padding:0 0 36px 28px}
    .tl-item:last-child{padding-bottom:0}
    .tl-item::before{content:'';position:absolute;left:-7px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);z-index:1}
    .tl-year{font-family:var(--mono);font-size:11px;letter-spacing:.12em;color:var(--accent);margin-bottom:4px;text-transform:uppercase}
    .tl-title{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;color:var(--ink);margin-bottom:4px}
    .tl-desc{font-size:14px;color:var(--ink-s);line-height:1.65}
    .tl-desc em{font-style:normal;color:var(--accent);font-weight:600}

    /* SKILLS GRID (about page) */
    .skills-section{margin-top:48px;padding-top:32px;border-top:1px solid var(--rule)}
    .skills-label{font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:20px}
    .skills-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .skill-group h4{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.06em;margin-bottom:10px;text-transform:uppercase}
    .skill-tags{display:flex;gap:5px;flex-wrap:wrap}
    .skill-tag{font-family:var(--mono);font-size:10px;padding:3px 8px;border:1px solid var(--rule);color:var(--ink-s);transition:all .2s}
    .skill-tag:hover{border-color:var(--accent);color:var(--accent)}

    /* PHILOSOPHY (about page) */
    .phil-section{margin-top:48px;padding:32px;background:var(--bg-alt);border:1px solid var(--rule)}
    .phil-section .sec-label{margin-bottom:16px}
    .phil-section p{font-size:16px;line-height:1.8;color:var(--ink-s)}
    .phil-section p:first-of-type{font-size:18px;font-weight:700;color:var(--ink);font-family:var(--serif);line-height:1.5;margin-bottom:16px}

    /* FEATURED QUOTE (thinking page) */
    .featured-quote{padding:60px 0;border-bottom:1px solid var(--rule)}
    .fq-text{font-family:var(--serif);font-size:clamp(22px,3.5vw,32px);font-weight:700;line-height:1.5;color:var(--ink);max-width:760px}
    .fq-text strong{color:var(--accent)}
    .fq-date{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:20px;letter-spacing:.06em}

    /* APHORISMS (thinking page) */
    .aph-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}
    .aph-card{border:1px solid var(--rule);padding:28px;transition:all .3s}
    .aph-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .aph-num{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em;margin-bottom:12px}
    .aph-title{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .aph-card p{font-size:15px;color:var(--ink-s);line-height:1.7}
    .aph-card em{font-style:normal;color:var(--accent);font-weight:600}

    /* MANIFESTO (thinking page) */
    .mf-section{padding:60px 0;background:var(--bg-alt);border-bottom:1px solid var(--rule)}
    .mf-group{margin-bottom:28px}
    .mf-group:last-child{margin-bottom:0}
    .mf-group-title{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;padding-bottom:6px;border-bottom:1px solid var(--rule)}
    .mf-items{display:grid;grid-template-columns:1fr 1fr 1fr;gap:14px}
    .mf-item{font-size:13px;line-height:1.6;color:var(--ink-s)}
    .mf-item strong{color:var(--ink);font-weight:700;display:block;margin-bottom:2px}
    .mf-en{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.04em;margin-top:2px}

    /* CONTRARIAN (thinking page) */
    .contra-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
    .contra-card{padding:24px 0;border-top:1px solid var(--rule-s)}
    .contra-label{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.1em;margin-bottom:8px;text-transform:uppercase}
    .contra-card h3{font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .contra-card p{font-size:14px;color:var(--ink-s);line-height:1.7}

    /* STATS BAR (insights page) */
    .stats-bar{background:var(--ink);color:var(--bg);padding:48px 0}
    .stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px;text-align:center}
    .stat-num{font-family:var(--serif);font-size:clamp(36px,6vw,56px);font-weight:900;line-height:1;color:var(--bg)}
    .stat-label{font-family:var(--mono);font-size:11px;letter-spacing:.08em;margin-top:8px;opacity:.5;text-transform:uppercase}

    /* FINDINGS (insights page) */
    .findings-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px}
    .finding-card{border:1px solid var(--rule);padding:28px;transition:all .3s}
    .finding-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .finding-src{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.1em;margin-bottom:12px;text-transform:uppercase}
    .finding-num{font-family:var(--serif);font-size:clamp(32px,5vw,48px);font-weight:900;color:var(--accent);line-height:1;margin-bottom:12px}
    .finding-card h3{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .finding-card p{font-size:14px;color:var(--ink-s);line-height:1.6}

    /* CASE SPOTLIGHT (insights page) */
    .case-spot{display:grid;grid-template-columns:1.3fr 1fr;gap:32px;align-items:center;padding-top:48px;border-top:1px solid var(--rule);margin-top:48px}
    .case-spot-img{border:1px solid var(--rule);border-radius:4px;overflow:hidden;aspect-ratio:16/10;background:var(--bg-alt)}
    .case-spot-img img{width:100%;height:100%;object-fit:cover}
    .case-spot h3{font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.2;margin-bottom:12px}
    .case-spot p{font-size:15px;color:var(--ink-s);line-height:1.7;margin-bottom:8px}
    .cs-stat{font-family:var(--mono);font-size:12px;color:var(--accent);letter-spacing:.04em;margin-top:12px}

    /* METHODOLOGY (insights page) */
    .method-note{margin-top:48px;padding:24px;background:var(--bg-alt);border:1px solid var(--rule)}
    .method-note p{font-family:var(--mono);font-size:11px;color:var(--muted);line-height:1.7}

    /* TIER SPLIT (knowledge page) */
    .tier-split{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--rule);border:1px solid var(--rule)}
    .tier-col{background:var(--card);padding:36px 28px;display:flex;flex-direction:column}
    .tier-label{font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px;padding:2px 8px;border:1px solid var(--rule);display:inline-block;width:fit-content}
    .tier-col h3{font-family:var(--serif);font-size:22px;font-weight:700;margin-bottom:8px;line-height:1.3}
    .tier-col p{font-size:14px;color:var(--ink-s);line-height:1.65;margin-bottom:16px;flex:1}
    .tier-col .cta{align-self:flex-start;margin-top:auto}

    /* ISSUE GALLERY (knowledge page) */
    .issue-gallery{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .issue-card{border:1px solid var(--rule);overflow:hidden;transition:all .3s}
    .issue-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .issue-img{height:140px;overflow:hidden;background:var(--bg-alt)}
    .issue-img img{width:100%;height:100%;object-fit:cover}
    .issue-body{padding:20px}
    .issue-body h4{font-family:var(--serif);font-size:16px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .issue-body p{font-size:13px;color:var(--ink-s);line-height:1.6;margin-bottom:10px}

    /* LAYER STACK (knowledge page) */
    .layer-stack{margin-top:48px;padding-top:32px;border-top:1px solid var(--rule)}
    .layer-item{display:flex;align-items:center;padding:12px 0;border-bottom:1px solid var(--rule);transition:all .2s}
    .layer-item:last-child{border-bottom:none}
    .layer-item:hover{padding-left:8px}
    .layer-num{font-family:var(--mono);font-size:11px;color:var(--accent);letter-spacing:.1em;width:36px;flex-shrink:0}
    .layer-name{font-family:var(--serif);font-size:16px;font-weight:700;color:var(--ink);flex:1}
    .layer-desc{font-size:13px;color:var(--muted);max-width:280px;text-align:right}

    /* FEATURED TOOLS (tools page) */
    .feat-tools{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:48px}
    .feat-tool{border:1px solid var(--rule);padding:32px;transition:all .3s}
    .feat-tool:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .feat-tool h3{font-family:var(--serif);font-size:20px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .feat-tool p{font-size:14px;color:var(--ink-s);line-height:1.65;margin-bottom:16px}
    .tool-status{font-family:var(--mono);font-size:10px;padding:2px 8px;border:1px solid;display:inline-block;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
    .tool-status.live{color:var(--accent);border-color:var(--accent)}
    .tool-status.cli{color:var(--muted);border-color:var(--rule-s)}
    .tool-status.wip{color:var(--ink-s);border-color:var(--rule-s)}
    .feat-tool .tool-link{font-family:var(--mono);font-size:12px;color:var(--accent)}

    /* PROJECT GRID (tools page) */
    .project-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .project-card{border:1px solid var(--rule);padding:24px;transition:all .2s;background:var(--bg-alt)}
    .project-card:hover{border-color:var(--accent)}
    .project-card h4{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:6px}
    .project-card p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:10px}

    /* SERVICE CARDS (services page) */
    .svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
    .svc-card{border:1px solid var(--rule);padding:32px;transition:all .3s;background:var(--card)}
    .svc-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .svc-metric{font-family:var(--serif);font-size:32px;font-weight:900;color:var(--accent);line-height:1;margin-bottom:4px}
    .svc-metric-label{font-family:var(--mono);font-size:10px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-bottom:16px}
    .svc-card h3{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .svc-card p{font-size:14px;color:var(--ink-s);line-height:1.6;margin-bottom:12px}
    .svc-cta{font-family:var(--mono);font-size:11px;color:var(--accent)}

    /* PROCESS FLOW (services page) */
    .process-flow{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--rule);border:1px solid var(--rule);margin:48px 0}
    .process-step{background:var(--card);padding:28px 20px;text-align:center}
    .process-num{font-family:var(--mono);font-size:10px;color:var(--accent);letter-spacing:.12em;margin-bottom:8px}
    .process-step h4{font-family:var(--serif);font-size:15px;font-weight:700;line-height:1.3;margin-bottom:6px}
    .process-step p{font-size:12px;color:var(--muted);line-height:1.5}

    /* RESULTS BAR (services page) */
    .results-bar{background:var(--ink);color:var(--bg);padding:40px 0}
    .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;text-align:center}
    .result-num{font-family:var(--serif);font-size:clamp(28px,4vw,40px);font-weight:900;color:var(--bg);line-height:1}
    .result-label{font-family:var(--mono);font-size:10px;letter-spacing:.08em;margin-top:6px;opacity:.5;text-transform:uppercase}

    /* SIGN-OFF (community page) */
    .sign-off{text-align:center;padding:60px 0;border-bottom:1px solid var(--rule)}
    .sign-off blockquote{font-family:var(--serif);font-size:clamp(24px,4vw,36px);font-weight:700;line-height:1.4;color:var(--ink);max-width:600px;margin:0 auto;font-style:italic}
    .sign-off cite{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.06em;display:block;margin-top:20px;font-style:normal}

    /* CONTACT GRID (community page) */
    .contact-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;margin-bottom:48px}
    .contact-card{text-align:center;border:1px solid var(--rule);padding:32px 20px;transition:all .3s}
    .contact-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow)}
    .cc-icon{font-size:28px;margin-bottom:12px}
    .contact-card h3{font-family:var(--serif);font-size:18px;font-weight:700;margin-bottom:6px}
    .contact-card p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:14px}

    /* WECHAT (community page) */
    .wechat-section{text-align:center;padding:32px 0;border-top:1px solid var(--rule)}
    .wechat-img{max-width:220px;margin:16px auto 0;border:1px solid var(--rule);border-radius:4px;overflow:hidden}
    .wechat-img img{width:100%;height:auto}

    /* SERP GALLERY (case study pages) */
    .serp-gallery {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 16px;
    }
    .serp-item {
      border: 1px solid var(--rule);
      border-radius: 4px;
      overflow: hidden;
      background: var(--bg-alt);
      transition: border-color 0.2s;
    }
    .serp-item:hover {
      border-color: var(--accent);
    }
    .serp-item img {
      width: 100%;
      height: auto;
      display: block;
    }
    .serp-caption {
      font-family: var(--mono);
      font-size: 11px;
      color: var(--muted);
      padding: 8px 12px;
      letter-spacing: 0.04em;
    }

    /* PORTFOLIO GRID */
    .portfolio-grid {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 20px;
      margin-top: 24px;
    }

    .portfolio-card {
      border: 1px solid var(--rule);
      border-radius: 4px;
      padding: 24px;
      background: var(--bg-alt);
      transition: border-color 0.2s;
    }

    .portfolio-card:hover {
      border-color: var(--accent);
    }

    .portfolio-card h4 {
      font-family: var(--serif);
      font-size: 20px;
      font-weight: 700;
      margin: 6px 0 8px;
      color: var(--ink);
    }

    .portfolio-card p {
      font-size: 14px;
      color: var(--ink-s);
      line-height: 1.6;
      margin: 0 0 12px;
    }

    .portfolio-industry {
      font-size: 11px;
      text-transform: uppercase;
      letter-spacing: 1px;
      color: var(--accent);
      font-weight: 600;
    }

    .portfolio-metrics {
      display: flex;
      gap: 12px;
      flex-wrap: wrap;
    }

    .portfolio-metrics span {
      font-size: 12px;
      font-family: var(--mono);
      background: var(--bg);
      padding: 3px 10px;
      border-radius: 3px;
      color: var(--muted);
    }

    /* PASSAGE (AI extraction layer) */
    .passage{font-size:14px;line-height:1.6;color:var(--ink-s);margin-bottom:24px;max-width:640px}

    /* TOOL UI (free tool pages) */
    .tool-ui{max-width:720px;margin:0 auto}
    .tool-input-group{margin-bottom:20px}
    .tool-input-group label{font-family:var(--mono);font-size:11px;letter-spacing:.06em;color:var(--muted);text-transform:uppercase;display:block;margin-bottom:6px}
    .tool-input{width:100%;padding:12px 14px;border:1px solid var(--rule);background:var(--card);color:var(--ink);font-family:var(--body);font-size:15px;line-height:1.6;transition:border-color .2s;resize:vertical}
    .tool-input:focus{outline:none;border-color:var(--accent)}
    .tool-input::placeholder{color:var(--muted)}
    .tool-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
    .tool-btn{font-family:var(--mono);font-size:12px;letter-spacing:.06em;padding:12px 28px;background:var(--ink);color:var(--bg);border:none;cursor:pointer;transition:all .2s;text-transform:uppercase}
    .tool-btn:hover{background:var(--accent)}
    .tool-btn:disabled{opacity:.4;cursor:not-allowed}
    .tool-output{margin-top:28px;padding:24px;border:1px solid var(--rule);background:var(--bg-alt);min-height:100px;display:none}
    .tool-output.show{display:block}
    .tool-output pre{white-space:pre-wrap;word-break:break-all;font-family:var(--mono);font-size:12px;line-height:1.7;color:var(--ink-s)}
    .tool-output h4{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
    .tool-counter{font-family:var(--mono);font-size:11px;color:var(--muted);margin-top:4px}
    .tool-counter.over{color:var(--accent)}
    .tool-preview{margin-top:28px;display:none}
    .tool-preview.show{display:block}
    .tool-preview h4{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
    .serp-preview{border:1px solid var(--rule);border-radius:8px;padding:20px 24px;background:var(--card);max-width:600px}
    .serp-preview .sp-url{font-family:var(--mono);font-size:12px;color:var(--muted);margin-bottom:4px}
    .serp-preview .sp-title{font-size:18px;font-weight:700;color:#1a0dab;line-height:1.3;margin-bottom:4px;cursor:pointer}
    .serp-preview .sp-desc{font-size:13px;color:#545454;line-height:1.6}
    [data-theme="dark"] .serp-preview .sp-title{color:#8ab4f8}
    [data-theme="dark"] .serp-preview .sp-desc{color:#bdc1c6}
    .og-preview{border:1px solid var(--rule);border-radius:8px;overflow:hidden;max-width:500px;background:var(--card)}
    .og-preview .og-img{height:200px;background:var(--bg-alt);display:flex;align-items:center;justify-content:center;color:var(--muted);font-family:var(--mono);font-size:11px}
    .og-preview .og-body{padding:12px 16px;border-top:1px solid var(--rule)}
    .og-preview .og-site{font-family:var(--mono);font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em;margin-bottom:4px}
    .og-preview .og-title{font-size:15px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:2px}
    .og-preview .og-desc{font-size:12px;color:var(--muted);line-height:1.4}
    .tool-score{display:inline-block;font-family:var(--serif);font-size:48px;font-weight:900;color:var(--accent);line-height:1}
    .tool-score-label{font-family:var(--mono);font-size:11px;color:var(--muted);letter-spacing:.08em;text-transform:uppercase;margin-top:4px}
    .tool-tips{margin-top:24px;padding:20px;background:var(--bg-alt);border:1px solid var(--rule)}
    .tool-tips h4{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:12px}
    .tool-tips ul{list-style:none;padding:0}
    .tool-tips li{font-size:13px;color:var(--ink-s);line-height:1.6;padding:6px 0;border-bottom:1px solid var(--rule)}
    .tool-tips li:last-child{border-bottom:none}
    .tool-tips li strong{color:var(--ink)}
    .heading-tree{font-family:var(--mono);font-size:13px;line-height:2}
    .heading-tree .h1-item{font-weight:700;color:var(--ink);font-size:16px}
    .heading-tree .h2-item{padding-left:20px;font-weight:700;color:var(--ink)}
    .heading-tree .h3-item{padding-left:40px;color:var(--ink-s)}
    .heading-tree .h4-item{padding-left:60px;color:var(--muted)}
    .heading-tree .h-warn{color:var(--accent)}
    .tool-category{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:16px;padding-bottom:8px;border-bottom:2px solid var(--ink)}
    .tool-dir-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:16px}
    .tool-dir-card{border:1px solid var(--rule);padding:24px;transition:all .3s;display:block;text-decoration:none;color:var(--ink)}
    .tool-dir-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow);text-decoration:none}
    .tool-dir-card h3{font-family:var(--serif);font-size:17px;font-weight:700;line-height:1.3;margin-bottom:8px}
    .tool-dir-card p{font-size:13px;color:var(--muted);line-height:1.5;margin-bottom:12px}
    .tool-dir-card .tool-link{font-family:var(--mono);font-size:11px;color:var(--accent)}

    /* STAGGER CARDS */
    .stagger{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s ease}
    .stagger.visible{opacity:1;transform:translateY(0)}

    /* SUB-HERO ENTRANCE */
    .sub-hero h1,.sub-hero .hero-tag,.sub-hero .hero-sub{opacity:0;transform:translateY(20px);animation:fadeUp .6s ease forwards}
    .sub-hero .hero-tag{animation-delay:.1s}
    .sub-hero h1{animation-delay:.25s}
    .sub-hero .hero-sub{animation-delay:.4s}
    @keyframes fadeUp{to{opacity:1;transform:translateY(0)}}

    /* CARD HOVER LIFT (enhanced) */
    .toc-item:hover,.rn-item:hover,.kb-card:hover,.aph-card:hover,.finding-card:hover,.svc-card:hover,.contact-card:hover,.tool-dir-card:hover,.feat-tool:hover,.prod-cell:hover{transform:translateY(-3px)}

    /* ===== CREATIVE ANIMATION LAYER ===== */

    /* Hero blob float */

    /* Section line-draw dividers */
    .sec-divider{display:block;width:100%;height:24px;margin:0 auto;opacity:.15;transition:opacity .4s}
    .sec-divider.visible{opacity:.35}
    .sec-divider line{stroke:var(--ink);stroke-width:.5;stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1.2s ease}
    .sec-divider.visible line{stroke-dashoffset:0}
    [data-theme="dark"] .sec-divider line{stroke:var(--ink)}

    /* Updates ticker smooth scroll */
    .updates-feed{display:flex;gap:48px;animation:tickerScroll 30s linear infinite}
    @keyframes tickerScroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
    .updates-feed:hover{animation-play-state:paused}

    /* Hero entrance cascade — magazine layout */
    .hero .hero-greeting,.hero .hero-tag,.hero h1,.hero .hero-sub,.hero .hero-links,.hero .hero-photo-area{opacity:0;transform:translateY(20px);animation:heroIn .7s ease forwards}
    .hero .hero-greeting{animation-delay:.1s}
    .hero .hero-tag{animation-delay:.2s}
    .hero h1{animation-delay:.35s}
    .hero .hero-sub{animation-delay:.5s}
    .hero .hero-links{animation-delay:.65s}
    .hero .hero-photo-area{animation-delay:.3s;transform:translateY(20px) rotate(0deg)}
    @keyframes heroIn{to{opacity:1;transform:translateY(0)}}

    /* RESPONSIVE */
    @media(max-width:768px){
      .hero{grid-template-columns:1fr;justify-items:center;text-align:center;padding:100px 24px 60px;gap:32px}
      .hero-text{order:2}.hero-photo-area{order:1}
      .hero-photo{width:180px;height:220px;transform:rotate(-1deg)}
      .hero-blob{width:260px;height:260px}
      .hero-links{gap:10px;justify-content:center}
      .gos-banner{grid-template-columns:1fr;gap:16px}
      .kb-grid,.think-grid,.prod-grid,.tools-grid,.toc-grid,.rn-grid,.skills-grid,.aph-grid,.contra-grid,.mf-items,.findings-grid,.stats-grid,.case-spot,.tier-split,.issue-gallery,.feat-tools,.project-grid,.svc-grid,.results-grid,.contact-grid,.portfolio-grid,.serp-gallery{grid-template-columns:1fr}
      .about-img-row{grid-template-columns:1fr}.hero-sub{font-size:16px}
      nav{padding:12px 16px}.wrap{padding:0 16px}
      .updates-inner{padding:0 16px;flex-direction:column;gap:8px;text-align:center}
      .process-flow{grid-template-columns:1fr 1fr}
    }
    body.sw *{transition:background .5s,color .5s,border-color .5s!important}