:root { --ink:#10233d; --blue:#1769e8; --pale:#eef4fa; --line:#d5e0eb; --muted:#53687b; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; font-family:"Segoe UI",Arial,sans-serif; color:var(--ink); line-height:1.55; } a { color:inherit; }
.site-header { height:76px; padding:0 7vw; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); background:#fffffff0; backdrop-filter:blur(8px); position:sticky; top:0; z-index:5; }
.wordmark { font-size:20px; font-weight:900; letter-spacing:.09em; text-decoration:none; } .wordmark span { color:var(--blue); font-weight:500; } nav { display:flex; align-items:center; gap:26px; } nav a { text-decoration:none; color:var(--muted); font-size:14px; font-weight:700; } .login-link { border:1px solid var(--ink); color:var(--ink); padding:8px 15px; }
.hero-section,.section,.method-section,.contact-section { padding:104px 7vw; } .hero-section { min-height:650px; display:grid; grid-template-columns:1.35fr .65fr; gap:60px; align-items:center; background:linear-gradient(135deg,#f8fbff,#e7f0fc); } .eyebrow { color:var(--blue); font-size:12px; letter-spacing:.18em; font-weight:900; margin:0 0 16px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(45px,6.2vw,82px); letter-spacing:-.055em; line-height:.98; margin-bottom:27px; } h1 em { color:var(--blue); font-style:normal; } .hero-lead { max-width:680px; color:var(--muted); font-size:20px; margin-bottom:30px; }.hero-actions { display:flex; flex-wrap:wrap; gap:12px; }.hero-credibility { max-width:620px; border-left:2px solid var(--blue); color:#395a7c; font-size:14px; font-weight:700; margin:20px 0 0; padding-left:14px; }.hero-founder-link { color:var(--blue); display:inline-block; font-size:13px; font-weight:800; margin-top:13px; text-decoration:none; }.hero-founder-link span { font-size:16px; margin-left:6px; }.button { display:inline-block; text-decoration:none; font-weight:800; padding:14px 20px; }.button span { margin-left:12px; }.button-primary { background:var(--blue); color:#fff; }.button-secondary { border:1px solid var(--ink); color:var(--ink); }.hero-progress { list-style:none; margin:0; padding:3px 0 3px 30px; color:#395a7c; display:grid; gap:19px; position:relative; text-transform:uppercase; }.hero-progress::before { background:#a7bed7; content:""; height:calc(100% - 24px); left:5px; position:absolute; top:12px; width:1px; }.hero-progress li { font-size:12px; font-weight:900; letter-spacing:.12em; position:relative; white-space:nowrap; }.hero-progress li::before { background:#e7f0fc; border:1px solid var(--blue); border-radius:50%; content:""; height:8px; left:-29px; position:absolute; top:5px; width:8px; }
.section-intro { max-width:780px; margin-bottom:48px; } h2 { font-size:clamp(36px,4.5vw,58px); letter-spacing:-.045em; line-height:1.04; margin-bottom:0; }.services-section { background:#fff; }.services-grid,.work-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }.services-grid article,.work-grid article { border:1px solid var(--line); padding:29px; min-height:285px; }.services-grid article span,.work-label { color:var(--blue); font-size:12px; font-weight:900; letter-spacing:.13em; }.services-grid h3,.work-grid h3 { font-size:25px; line-height:1.15; margin:45px 0 14px; }.services-grid p,.work-grid p { color:var(--muted); }.services-grid article { min-height:245px; }.services-grid h3 { margin-top:30px; }.service-card-link { color:inherit; display:flex; flex-direction:column; height:100%; text-decoration:none; }.service-card-cta { color:var(--blue); font-size:13px !important; font-weight:800; letter-spacing:0 !important; margin-top:auto; padding-top:20px; }.service-card-cta b { font-size:16px; margin-left:6px; }
.work-section { background:var(--pale); }.work-featured { background:var(--ink); color:#fff; }.work-featured h3 { color:#fff; }.work-featured p { color:#c8d8e7; }.work-sports { background:var(--blue); color:#fff; }.work-sports .work-label,.work-sports p { color:#e3efff; }.work-sports h3 { color:#fff; }.work-sports a { font-weight:800; text-decoration:none; }.work-card-link { color:inherit; display:block; height:100%; text-decoration:none; }
.method-section { display:grid; grid-template-columns:1fr 1fr; gap:80px; background:#fff; }.method-copy { font-size:19px; color:var(--muted); }.method-copy p:last-child { margin-bottom:0; }.coming-soon { margin-top:28px; padding:18px 20px; border:1px solid var(--line); background:var(--pale); font-size:15px; }.coming-soon-link { display:block; text-decoration:none; }.coming-soon span { display:block; color:var(--blue); font-size:11px; font-weight:900; letter-spacing:.14em; margin-bottom:5px; }.coming-soon strong { color:var(--ink); display:block; font-size:17px; }.coming-soon p { font-size:14px; margin:4px 0 0; }.contact-section { text-align:center; background:var(--ink); color:#fff; }.contact-section h2 { max-width:1200px; margin:0 auto 22px; white-space:nowrap; }.contact-section>p:not(.eyebrow) { color:#c3d3e4; max-width:620px; margin:0 auto 34px; font-size:18px; }.button-light { background:#fff; color:var(--ink); } footer { padding:28px 7vw; display:flex; justify-content:space-between; color:var(--muted); font-size:13px; } footer a { text-decoration:none; }
@media (max-width:760px) { .site-header { padding:0 6vw; } nav a:not(.login-link) { display:none; }.hero-section,.section,.method-section,.contact-section { padding:70px 7vw; }.hero-section,.method-section { grid-template-columns:1fr; min-height:0; gap:38px; }.hero-progress { border-left:0; border-top:1px solid #a7bed7; padding:20px 0 0; }.services-grid,.work-grid { grid-template-columns:1fr; }.services-grid article,.work-grid article { min-height:0; }.services-grid h3,.work-grid h3 { margin-top:28px; }.contact-section h2 { white-space:normal; } footer { gap:14px; flex-wrap:wrap; } }