:root {
      --ink: #0b1d2a;
      --navy: #081b2b;
      --navy-2: #0e2a3d;
      --teal: #9dff00;
      --teal-dark: #64a800;
      --mint: #efffd7;
      --lime: #9dff00;
      --paper: #f7f8f2;
      --white: #fff;
      --muted: #60717c;
      --line: #dfe5db;
      --shadow: 0 18px 50px rgba(8,27,43,.1);
      --radius: 24px;
      --max: 1180px;
    }
    * { box-sizing: border-box; }
    html { scroll-behavior: smooth; }
    body {
      margin: 0;
      color: var(--ink);
      background: var(--white);
      font-family: "Poppins", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
      font-size: 16px;
      font-weight: 400;
      line-height: 1.65;
      -webkit-font-smoothing: antialiased;
    }
    body.menu-open { overflow: hidden; }
    a { color: inherit; text-decoration: none; }
    button, input, textarea, select { font: inherit; }
    body, button, input, textarea, select, h1, h2, h3, h4, h5, h6, a, p, span, small, strong { font-family: "Poppins", ui-sans-serif, system-ui, sans-serif; }
    button, a { -webkit-tap-highlight-color: transparent; }
    img { max-width: 100%; }
    .container { width: min(calc(100% - 40px), var(--max)); margin-inline: auto; }
    .eyebrow {
      display: inline-flex; align-items: center; gap: 9px;
      margin-bottom: 14px; color: var(--teal-dark); font-size: 13px;
      font-weight: 800; letter-spacing: .11em; text-transform: uppercase;
    }
    .eyebrow::before { content: ""; width: 22px; height: 2px; background: currentColor; border-radius: 5px; }
    h1, h2, h3, p { margin-top: 0; }
    h1, h2, h3 { line-height: 1.12; letter-spacing: -.035em; }
    h1 { margin-bottom: 22px; font-size: clamp(42px, 6vw, 74px); max-width: 820px; }
    h2 { margin-bottom: 18px; font-size: clamp(32px, 4vw, 48px); }
    h3 { font-size: 20px; }
    .lead { color: var(--muted); font-size: clamp(17px, 2vw, 20px); }
    .section { padding: 96px 0; }
    .section-soft { background: var(--paper); }
    .section-head { display: flex; align-items: end; justify-content: space-between; gap: 28px; margin-bottom: 40px; }
    .section-head > div:first-child { max-width: 700px; }
    .section-head p { margin-bottom: 0; }
    .text-link { color: var(--teal-dark); font-weight: 800; white-space: nowrap; }
    .text-link:hover { color: var(--ink); }
    .btn {
      display: inline-flex; align-items: center; justify-content: center; gap: 9px;
      min-height: 50px; padding: 0 22px; border: 1px solid transparent; border-radius: 13px;
      background: var(--teal); color: var(--ink); font-weight: 850; cursor: pointer;
      transition: transform .2s, box-shadow .2s, background .2s;
    }
    .btn:hover { transform: translateY(-2px); background: #b6ff40; box-shadow: 0 12px 28px rgba(157,255,0,.2); }
    .btn-light { background: var(--white); color: var(--ink); }
    .btn-light:hover { background: var(--navy); color: var(--white); box-shadow: 0 12px 28px rgba(8,27,43,.22); }
    .btn-outline { border-color: rgba(255,255,255,.28); background: transparent; }
    .btn-outline:hover { background: rgba(255,255,255,.1); }
    .arrow { transition: transform .2s; }
    a:hover .arrow { transform: translateX(3px); }

    .site-header {
      position: sticky; z-index: 9999; top: 0; border-bottom: 1px solid rgba(220,230,227,.8);
      background: rgba(255,255,255,.9); backdrop-filter: blur(18px);
    }
    .nav-wrap { min-height: 76px; display: flex; align-items: center; justify-content: space-between; gap: 26px; }
    .logo { display: inline-flex; align-items: center; gap: 10px; font-size: 21px; font-weight: 900; letter-spacing: -.04em; }
    .logo-mark {
      position: relative; width: 35px; height: 35px; border-radius: 11px; background: var(--navy);
      box-shadow: inset 0 0 0 1px rgba(255,255,255,.08);
    }
    .logo-mark::before, .logo-mark::after { content: ""; position: absolute; border-radius: 5px; }
    .logo-mark::before { width: 9px; height: 19px; left: 9px; top: 8px; background: var(--teal); }
    .logo-mark::after { width: 9px; height: 12px; right: 8px; bottom: 8px; background: var(--lime); }
    .logo em {
      display: inline-block; margin-left: 2px; padding: 2px 5px 3px; border-radius: 6px;
      background: var(--teal); color: var(--navy); font-size: .72em; font-style: normal;
      line-height: 1; vertical-align: .08em;
    }
    .desktop-nav { display: flex; align-items: center; gap: 28px; font-size: 14px; font-weight: 700; }
    .desktop-nav a:hover { color: var(--teal-dark); }
    .nav-actions { display: flex; align-items: center; gap: 10px; }
    .nav-actions .btn { min-height: 44px; padding-inline: 17px; font-size: 14px; }
    .menu-toggle {
      display: none; width: 44px; height: 44px; border: 1px solid var(--line); border-radius: 12px;
      background: var(--white); color: var(--ink); cursor: pointer;
    }
    .mobile-menu { display: none; }

    .hero {
      position: relative; overflow: hidden; padding: 76px 0 56px; color: var(--white);
      background:
        radial-gradient(circle at 88% 22%, rgba(157,255,0,.16), transparent 30%),
        radial-gradient(circle at 12% 92%, rgba(157,255,0,.08), transparent 24%),
        var(--navy);
    }
    .hero::after {
      content: ""; position: absolute; width: 520px; height: 520px; right: -220px; bottom: -330px;
      border: 1px solid rgba(255,255,255,.14); border-radius: 50%;
      box-shadow: 0 0 0 70px rgba(255,255,255,.025), 0 0 0 140px rgba(255,255,255,.018);
    }
    .hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, 1.3fr) .7fr; gap: 70px; align-items: center; }
    .hero .eyebrow { color: var(--lime); }
    .hero h1 span { color: var(--lime); }
    .hero .lead { max-width: 730px; color: #c8d5db; }
    .search-panel {
      margin-top: 34px; max-width: 770px; padding: 8px; border: 1px solid rgba(255,255,255,.18);
      border-radius: 18px; background: var(--white); box-shadow: 0 20px 55px rgba(0,0,0,.25);
    }
    .search-form { display: flex; align-items: center; }
    .search-icon { padding-left: 16px; color: var(--teal-dark); font-size: 21px; }
    .search-form input {
      flex: 1; min-width: 0; height: 58px; padding: 0 14px; border: 0; outline: 0;
      background: transparent; color: var(--ink);
    }
    .search-form input::placeholder { color: #84939b; }
    .search-form .btn { min-height: 52px; padding-inline: 24px; }
    .quick-links { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 18px; color: #bccbd2; font-size: 13px; }
    .quick-links a { padding: 7px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 100px; color: var(--white); }
    .quick-links a:hover { border-color: var(--lime); color: var(--lime); }
    .hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
    .hero-actions .btn { min-height: 56px; padding-inline: 25px; }
    .hero-actions .btn-outline { color: var(--white); }
    .topic-chips { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; margin-top: 20px; color: #bccbd2; font-size: 13px; }
    .topic-chips a { padding: 7px 11px; border: 1px solid rgba(255,255,255,.16); border-radius: 100px; color: var(--white); }
    .topic-chips a:hover { border-color: var(--lime); color: var(--lime); }
    .founder-visual {
      position: relative; align-self: stretch; min-height: 540px; overflow: hidden;
      border: 1px solid rgba(255,255,255,.14); border-radius: 28px;
      background: #151b18; box-shadow: 0 30px 70px rgba(0,0,0,.34);
    }
    .founder-visual::after {
      content: ""; position: absolute; inset: 0;
      background: linear-gradient(180deg, transparent 46%, rgba(3,8,7,.04) 58%, rgba(3,8,7,.92) 100%);
      pointer-events: none;
    }
    .founder-visual img {
      width: 100%; height: 100%; min-height: 540px; display: block; object-fit: cover;
      object-position: 50% 42%; filter: saturate(.92) contrast(1.04);
    }
    .founder-caption {
      position: absolute; z-index: 2; left: 26px; right: 26px; bottom: 25px;
      display: flex; align-items: end; justify-content: space-between; gap: 18px;
    }
    .founder-caption small { display: block; margin-bottom: 5px; color: var(--lime); font-size: 11px; font-weight: 900; letter-spacing: .1em; text-transform: uppercase; }
    .founder-caption strong { display: block; max-width: 290px; color: var(--white); font-size: 20px; line-height: 1.25; letter-spacing: -.02em; }
    .founder-badge {
      display: grid; place-items: center; flex: 0 0 46px; height: 46px;
      border-radius: 50%; background: var(--lime); color: var(--navy); font-weight: 900;
    }
    .hero-card-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 24px; }
    .hero-card-top strong { font-size: 14px; }
    .live-pill { padding: 5px 9px; border-radius: 30px; background: rgba(200,243,107,.12); color: var(--lime); font-size: 11px; font-weight: 800; }
    .mini-request { display: grid; grid-template-columns: 42px 1fr; gap: 13px; padding: 15px 0; border-top: 1px solid rgba(255,255,255,.1); }
    .mini-request:first-of-type { border-top: 0; }
    .mini-avatar { display: grid; place-items: center; height: 42px; border-radius: 12px; background: rgba(0,168,132,.18); color: #88ecd4; font-weight: 900; }
    .mini-request p { margin: 0 0 2px; color: #edf5f4; font-size: 14px; line-height: 1.4; }
    .mini-request small { color: #8ea2ad; }
    .trust-row { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; margin-top: 58px; padding-top: 28px; border-top: 1px solid rgba(255,255,255,.1); }
    .trust-item strong { display: block; margin-bottom: 2px; color: var(--lime); font-size: 21px; }
    .trust-item span { color: #a9bac3; font-size: 13px; }

    .category-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; }
    .category-card {
      position: relative; min-height: 188px; padding: 23px; overflow: hidden;
      border: 1px solid var(--line); border-radius: 20px; background: var(--white);
      transition: transform .25s, border-color .25s, box-shadow .25s;
    }
    .category-card:hover { transform: translateY(-5px); border-color: #9cdccb; box-shadow: var(--shadow); }
    .category-card::after {
      content: attr(data-num); position: absolute; right: 13px; bottom: -20px;
      color: #f0f5f3; font-size: 74px; font-weight: 900; letter-spacing: -.08em;
    }
    .category-icon {
      display: grid; place-items: center; width: 45px; height: 45px; margin-bottom: 22px;
      border-radius: 13px; background: var(--mint); color: var(--teal-dark); font-size: 13px; font-weight: 900;
    }
    .category-card h3 { position: relative; z-index: 1; margin-bottom: 7px; }
    .category-card p { position: relative; z-index: 1; margin: 0; color: var(--muted); font-size: 13px; }

    .popular-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
    .popular-card {
      display: flex; flex-direction: column; min-height: 250px; padding: 26px; border-radius: 22px;
      background: var(--white); box-shadow: 0 8px 30px rgba(8,27,43,.07);
    }
    .tag { align-self: flex-start; padding: 5px 9px; border-radius: 8px; background: var(--mint); color: var(--teal-dark); font-size: 11px; font-weight: 900; text-transform: uppercase; }
    .popular-card h3 { margin: 22px 0 12px; font-size: 24px; }
    .popular-card p { color: var(--muted); font-size: 14px; }
    .popular-card .text-link { margin-top: auto; }

    .needs-wrap { display: grid; grid-template-columns: .68fr 1.32fr; gap: 70px; align-items: start; }
    .needs-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
    .need-card {
      display: flex; align-items: center; gap: 15px; min-height: 82px; padding: 16px 18px;
      border: 1px solid var(--line); border-radius: 17px; background: var(--white); font-weight: 800;
      transition: border-color .2s, background .2s, transform .2s;
    }
    .need-card:hover { transform: translateX(4px); border-color: var(--teal); background: var(--mint); }
    .need-num { display: grid; place-items: center; flex: 0 0 38px; height: 38px; border-radius: 11px; background: var(--navy); color: var(--lime); font-size: 12px; }

    .article-grid { display: grid; grid-template-columns: 1.4fr 1fr 1fr; gap: 18px; }
    .article-card { overflow: hidden; border: 1px solid var(--line); border-radius: 22px; background: var(--white); }
    .article-visual { position: relative; height: 180px; padding: 22px; overflow: hidden; background: var(--navy-2); color: var(--white); }
    .article-visual::after {
      content: ""; position: absolute; width: 150px; height: 150px; right: -45px; bottom: -55px;
      border: 28px solid rgba(0,168,132,.45); border-radius: 50%;
    }
    .article-card.featured .article-visual { height: 230px; background: linear-gradient(135deg, var(--teal-dark), var(--navy)); }
    .article-card:nth-child(3) .article-visual { background: #2d3d65; }
    .article-code { color: var(--lime); font-size: 13px; font-weight: 900; letter-spacing: .08em; }
    .article-body { padding: 23px; }
    .article-body h3 { margin-bottom: 12px; }
    .article-body p { margin-bottom: 18px; color: var(--muted); font-size: 14px; }

    .industry-grid { display: grid; grid-template-columns: repeat(5, 1fr); border: 1px solid var(--line); border-radius: 22px; overflow: hidden; }
    .industry-item { min-height: 112px; padding: 22px 18px; border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); background: var(--white); }
    .industry-item:nth-child(5n) { border-right: 0; }
    .industry-item:nth-last-child(-n+5) { border-bottom: 0; }
    .industry-item small { display: block; margin-bottom: 12px; color: var(--teal-dark); font-weight: 900; }
    .industry-item strong { font-size: 15px; }
    .industry-item:hover { background: var(--mint); }

    .why { overflow: hidden; background: var(--navy); color: var(--white); }
    .why-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 76px; align-items: center; }
    .why .eyebrow { color: var(--lime); }
    .why .lead { color: #b8c8cf; }
    .why-list { display: grid; grid-template-columns: repeat(2, 1fr); gap: 1px; overflow: hidden; border: 1px solid rgba(255,255,255,.12); border-radius: 22px; background: rgba(255,255,255,.12); }
    .why-item { min-height: 175px; padding: 27px; background: var(--navy-2); }
    .check { display: grid; place-items: center; width: 34px; height: 34px; margin-bottom: 28px; border-radius: 50%; background: var(--lime); color: var(--navy); font-weight: 900; }
    .why-item h3 { margin-bottom: 8px; }
    .why-item p { margin: 0; color: #9eb0ba; font-size: 13px; }

    .cta-section { padding: 78px 0; }
    .cta-box {
      position: relative; display: flex; align-items: center; justify-content: space-between; gap: 50px;
      overflow: hidden; padding: 58px; border-radius: 28px; background: var(--teal); color: var(--ink);
    }
    .cta-box::after { content: ""; position: absolute; width: 260px; height: 260px; right: 18%; top: -180px; border: 50px solid rgba(255,255,255,.12); border-radius: 50%; }
    .cta-box > * { position: relative; z-index: 1; }
    .cta-box h2 { max-width: 650px; margin-bottom: 10px; }
    .cta-box p { margin: 0; color: #2e4915; }
    .cta-actions { display: flex; align-items: center; gap: 10px; flex: 0 0 auto; }
    .cta-actions .btn { white-space: nowrap; }
    .cta-actions .btn-blueprint {
      min-width: 200px;
      background: var(--navy);
      color: var(--white);
      box-shadow: 0 10px 24px rgba(8,27,43,.18);
    }
    .cta-actions .btn-blueprint:hover {
      background: #0e2a3d;
      color: var(--white);
      box-shadow: 0 14px 30px rgba(8,27,43,.25);
    }
    .cta-actions .btn-guide {
      border-color: rgba(8,27,43,.18);
      background: rgba(255,255,255,.38);
      color: var(--ink);
    }
    .cta-actions .btn-guide:hover {
      border-color: var(--navy);
      background: var(--white);
      color: var(--ink);
      box-shadow: 0 10px 24px rgba(8,27,43,.12);
    }

    footer { padding: 65px 0 28px; background: #061621; color: var(--white); }
    .footer-grid { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1fr; gap: 60px; padding-bottom: 52px; }
    .footer-brand p { max-width: 340px; margin-top: 18px; color: #91a6b0; font-size: 14px; }
    footer .logo,
    footer .logo:hover { color: var(--white); }
    .footer-col h3 { margin-bottom: 20px; font-size: 14px; letter-spacing: .02em; }
    .footer-links { display: grid; gap: 11px; color: #91a6b0; font-size: 13px; }
    .footer-links a:hover { color: var(--lime); }
    .footer-bottom { display: flex; justify-content: space-between; gap: 20px; padding-top: 24px; border-top: 1px solid rgba(255,255,255,.1); color: #708791; font-size: 12px; }
    .reveal { opacity: 0; transform: translateY(18px); transition: opacity .55s ease, transform .55s ease; }
    .reveal.visible { opacity: 1; transform: none; }

    @media (max-width: 1040px) {
      .site-header { background: #fff !important; backdrop-filter: none; }
      .nav-wrap { position: relative; z-index: 10000; background: #fff; }
      .desktop-nav { display: none; }
      .menu-toggle { display: grid; place-items: center; }
      .site-header .mobile-menu {
        position: fixed !important; z-index: 9998 !important;
        top: 76px !important; right: 0 !important; bottom: 0 !important; left: 0 !important;
        display: block !important; width: 100% !important; height: calc(100dvh - 76px) !important;
        margin: 0 !important; padding: 22px 20px 32px !important; overflow-y: auto !important;
        border: 0 !important; background: #fff !important; background-image: none !important;
        box-shadow: 0 22px 45px rgba(8,16,14,.18);
        opacity: 0; visibility: hidden; pointer-events: none;
        transform: translateY(-12px); transition: opacity .2s ease, transform .25s ease, visibility .2s;
        isolation: isolate;
      }
      body.menu-open .site-header .mobile-menu {
        opacity: 1; visibility: visible; pointer-events: auto; transform: translateY(0);
      }
      .site-header .mobile-menu::before {
        content: "Menu utama"; display: block; margin: 0 0 14px; color: var(--muted);
        font-size: 12px; font-weight: 850; letter-spacing: .1em; text-transform: uppercase;
      }
      .site-header .mobile-menu a:not(.btn) {
        display: flex !important; align-items: center; justify-content: space-between;
        min-height: 58px; margin: 0 0 8px; padding: 0 17px !important;
        border: 1px solid var(--line) !important; border-radius: 14px;
        background: var(--paper) !important; color: var(--ink) !important;
        font-size: 16px; font-weight: 800;
      }
      .site-header .mobile-menu a:not(.btn)::after {
        content: "→"; color: var(--teal-dark); font-size: 18px;
      }
      .site-header .mobile-menu .btn {
        display: flex !important; width: 100% !important; min-height: 58px;
        margin-top: 16px !important; color: var(--ink) !important;
      }
      .hero-grid { grid-template-columns: 1fr; }
      .founder-visual { min-height: 480px; }
      .founder-visual img { min-height: 480px; }
      .category-grid { grid-template-columns: repeat(3, 1fr); }
      .industry-grid { grid-template-columns: repeat(3, 1fr); }
      .industry-item, .industry-item:nth-child(5n), .industry-item:nth-last-child(-n+5) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
      .industry-item:nth-child(3n) { border-right: 0; }
      .industry-item:nth-last-child(-n+1) { border-bottom: 0; }
      .why-grid { gap: 45px; }
    }
    @media (max-width: 760px) {
      .container { width: min(calc(100% - 28px), var(--max)); }
      .section { padding: 70px 0; }
      .nav-wrap { min-height: 68px; }
      .nav-actions > .btn { display: none; }
      .site-header .mobile-menu {
        top: 68px !important; height: calc(100dvh - 68px) !important;
      }
      .hero { padding: 58px 0 40px; }
      .hero-grid { gap: 40px; }
      .founder-visual { min-height: 430px; border-radius: 22px; }
      .founder-visual img { min-height: 430px; object-position: 50% 38%; }
      .founder-caption { left: 20px; right: 20px; bottom: 20px; }
      h1 { font-size: clamp(39px, 13vw, 58px); }
      .search-panel { padding: 6px; }
      .hero-actions { display: grid; grid-template-columns: 1fr; }
      .hero-actions .btn { width: 100%; }
      .search-form { align-items: stretch; }
      .search-form .btn { width: 54px; padding: 0; font-size: 0; }
      .search-form .btn::after { content: "→"; font-size: 20px; }
      .search-icon { padding-left: 10px; }
      .quick-links span { width: 100%; }
      .trust-row { grid-template-columns: repeat(2, 1fr); gap: 22px 14px; }
      .section-head { display: block; }
      .section-head .text-link { display: inline-block; margin-top: 15px; }
      .category-grid { grid-template-columns: repeat(2, 1fr); gap: 11px; }
      .category-card { min-height: 164px; padding: 18px; }
      .category-icon { margin-bottom: 18px; }
      .popular-grid, .article-grid { grid-template-columns: 1fr; }
      .popular-card { min-height: 225px; }
      .needs-wrap { grid-template-columns: 1fr; gap: 34px; }
      .needs-list { grid-template-columns: 1fr; }
      .article-card.featured .article-visual, .article-visual { height: 190px; }
      .industry-grid { grid-template-columns: repeat(2, 1fr); }
      .industry-item, .industry-item:nth-child(3n), .industry-item:nth-last-child(-n+1) { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
      .industry-item:nth-child(2n) { border-right: 0; }
      .industry-item:nth-last-child(-n+2) { border-bottom: 0; }
      .why-grid { grid-template-columns: 1fr; }
      .why-list { grid-template-columns: 1fr; }
      .cta-section { padding: 55px 0; }
      .cta-box { display: block; padding: 38px 26px; }
      .cta-box .cta-actions { width: 100%; margin-top: 26px; }
      .cta-box .cta-actions .btn { width: auto; margin-top: 0; }
      .footer-grid { grid-template-columns: 1fr 1fr; gap: 40px 25px; }
      .footer-brand { grid-column: 1 / -1; }
      .footer-bottom { flex-direction: column; }
    }
    @media (max-width: 390px) {
      .logo { font-size: 18px; }
      .category-grid { grid-template-columns: 1fr; }
      .category-card { min-height: 145px; }
      .industry-grid { grid-template-columns: 1fr; }
      .industry-item, .industry-item:nth-child(2n), .industry-item:nth-last-child(-n+2) { border-right: 0; border-bottom: 1px solid var(--line); }
      .industry-item:last-child { border-bottom: 0; }
    }
    @media (prefers-reduced-motion: reduce) {
      html { scroll-behavior: auto; }
      *, *::before, *::after { animation-duration: .01ms !important; transition-duration: .01ms !important; }
      .reveal { opacity: 1; transform: none; }
    }
  


    /* Penyesuaian tipografi khusus Poppins agar lebih proporsional */
    body {
      font-size: 15px;
      font-weight: 400;
      line-height: 1.7;
      letter-spacing: 0;
    }

    h1, h2, h3, h4, h5, h6 {
      font-weight: 600;
      letter-spacing: -0.025em;
      text-wrap: balance;
    }

    h1 {
      max-width: 760px;
      margin-bottom: 20px;
      font-size: clamp(38px, 5.25vw, 64px);
      line-height: 1.12;
    }

    h2 {
      margin-bottom: 16px;
      font-size: clamp(30px, 3.5vw, 43px);
      line-height: 1.16;
    }

    h3 {
      font-size: 18px;
      line-height: 1.3;
      letter-spacing: -0.015em;
    }

    .lead {
      font-size: clamp(16px, 1.7vw, 18px);
      line-height: 1.75;
    }

    .logo {
      font-size: 19px;
      font-weight: 700;
      letter-spacing: -0.025em;
    }

    .desktop-nav {
      font-size: 13px;
      font-weight: 600;
      letter-spacing: -0.01em;
    }

    .btn,
    .text-link,
    .need-card {
      font-weight: 600;
      letter-spacing: -0.01em;
    }

    .eyebrow {
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .09em;
    }

    .category-icon,
    .tag,
    .article-code,
    .need-num,
    .founder-caption small {
      font-weight: 700;
    }

    .popular-card h3 {
      font-size: 21px;
      line-height: 1.3;
    }

    .category-card h3 {
      font-size: 17px;
    }

    .founder-caption strong {
      font-size: 17px;
      font-weight: 600;
      line-height: 1.35;
    }

    .trust-item strong {
      font-size: 18px;
      font-weight: 600;
    }

    .footer-col h3 {
      font-weight: 600;
    }

    @media (max-width: 760px) {
      body { font-size: 14px; }
      h1 { font-size: clamp(36px, 11vw, 50px); line-height: 1.13; }
      h2 { font-size: clamp(28px, 8vw, 38px); }
      .lead { font-size: 15px; }
      .logo { font-size: 17px; }
    }

    @media (max-width: 520px) {
      .cta-box .cta-actions { flex-direction: column; align-items: stretch; }
      .cta-box .cta-actions .btn { width: 100%; min-width: 0; }
    }