@font-face{font-family:Pretendard;font-style:normal;font-weight:400;font-display:swap;src:url(/brand-guidelines-assets/assets/fonts/Pretendard-Regular.otf)format("opentype")}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--bg:#08090d;--bg-soft:#101219;--panel:#151822;--line:#ffffff1a;--text:#f5f7fb;--muted:#d9d9d9;--accent-parent:#e7c96f;--accent-conversion:#ff496f;--accent-siteworks:#3fe0b7;--accent-workers:#8c6bf0;--accent-company:#6fc7ff}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth}body{min-height:100vh;color:var(--text);letter-spacing:0;background:radial-gradient(circle at 20% 0,#e7c96f24,#0000 34rem),radial-gradient(circle at 86% 12%,#3fe0b71f,#0000 36rem),linear-gradient(#08090d 0%,#0c0e14 48%,#08090d 100%);margin:0;font-family:Pretendard,Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}.site-header,.site-footer{width:min(1180px,100% - 40px);margin:0 auto}.site-header{justify-content:space-between;align-items:center;gap:24px;padding:22px 0;display:flex}.brand-link,.site-nav,.site-footer nav,.pill-row,.cta-row{align-items:center;display:flex}.brand-link{gap:10px;font-weight:700;text-decoration:none}.brand-link img{border-radius:6px}.site-nav,.site-footer nav{flex-wrap:wrap;gap:18px}.site-nav a,.site-footer a{color:var(--muted);font-size:14px;text-decoration:none}.site-nav a:hover,.site-footer a:hover{color:var(--text)}.page{width:min(1180px,100% - 40px);margin:0 auto;padding:34px 0 82px}.hero{grid-template-columns:minmax(0,1fr) minmax(320px,.82fr);align-items:end;gap:56px;min-height:calc(100vh - 180px);padding:38px 0 70px;display:grid}.eyebrow{color:var(--accent-parent);letter-spacing:.12em;text-transform:uppercase;font-size:13px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:780px;margin-bottom:26px;font-size:clamp(44px,7vw,92px);line-height:.96}h2{letter-spacing:0;margin-bottom:16px;font-size:clamp(30px,4vw,54px);line-height:1.04}h3{margin-bottom:8px;font-size:21px}p{color:var(--muted);font-size:17px;font-weight:400;line-height:1.65}.lead{max-width:660px;font-size:20px}.cta-row{flex-wrap:wrap;gap:12px;margin-top:34px}.button{border:1px solid var(--line);color:#08090d;background:#f5f7fb;border-radius:8px;justify-content:center;align-items:center;min-height:44px;padding:0 18px;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:var(--text);background:0 0}.portfolio-map{border:1px solid var(--line);background:#ffffff0a;border-radius:8px;gap:14px;padding:20px;display:grid;box-shadow:0 24px 80px #00000059}.brand-card,.note-card,.principle,.legal-panel,.not-found-panel{border:1px solid var(--line);background:#ffffff0b;border-radius:8px}.brand-card,.note-card,.principle{padding:22px;text-decoration:none;display:block}.brand-card:hover,.note-card:hover{background:#ffffff12;border-color:#ffffff42}.brand-card[data-brand=conversion]{--brand:var(--accent-conversion)}.brand-card[data-brand=siteworks]{--brand:var(--accent-siteworks)}.brand-card[data-brand=workers]{--brand:var(--accent-workers)}.brand-kicker,.note-meta,.pill{color:var(--muted);text-transform:uppercase;font-size:13px;font-weight:700}.brand-kicker{color:var(--brand);letter-spacing:.1em}.brand-card p,.note-card p,.principle p{margin-bottom:0}.section{padding:74px 0 0}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.two-col{grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:48px;display:grid}.pill-row{flex-wrap:wrap;gap:8px;margin:20px 0}.pill{border:1px solid var(--line);text-transform:none;background:#ffffff0d;border-radius:999px;padding:8px 10px}.notes-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.note-card h2{font-size:28px}.note-body{max-width:760px}.note-body section{margin-top:44px}.note-body li{color:var(--muted);margin:9px 0;line-height:1.5}.legal-panel,.not-found-panel{max-width:780px;padding:28px}.site-footer{border-top:1px solid var(--line);justify-content:space-between;gap:30px;padding:28px 0 44px;display:flex}.site-footer p{margin:6px 0 0;font-size:14px}@media (max-width:840px){.site-header,.site-footer{flex-direction:column;align-items:flex-start}.hero,.two-col,.grid,.notes-grid{grid-template-columns:1fr}.hero{min-height:auto}}
