:root{--blue:#0000F2;--off:#F5F5F5;--silver:#F0F0F0;--ink:#201D23;--acid:#EDFF45;--muted:rgba(32,29,35,.74);--line:rgba(32,29,35,.14);--line2:rgba(32,29,35,.16);--serif:'Instrument Serif',Georgia,serif;--mono:'IBM Plex Mono',Menlo,monospace;--sans:Switzer,'Helvetica Neue',Helvetica,Arial,sans-serif;--black:'Archivo Black','Arial Black',sans-serif;--pad:120px}
*{box-sizing:border-box}
html{color-scheme:light}
body{margin:0;background:var(--silver);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}
a{color:var(--blue)}a:hover{color:var(--ink)}
.wrap{max-width:1200px}
header.site{display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);height:86px;border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:11px;text-decoration:none;color:var(--ink)}
.brand img{height:36px;width:auto;display:block}
.brand span{font-family:var(--black);font-size:19px;letter-spacing:-.015em}
nav{display:flex;align-items:center;gap:30px}
nav a{font-family:var(--mono);font-size:13px;color:var(--ink);text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}
nav a.btn,.btn{background:var(--blue);color:var(--off);font-family:var(--mono);font-size:13px;padding:13px 20px;border-radius:4px;text-decoration:none}
.btn:hover,nav a.btn:hover{color:var(--off);background:#0000c8}
.kicker{font-family:var(--mono);font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin:0 0 40px}
.hero{position:relative;overflow:hidden;background:var(--blue);padding:104px var(--pad) 236px}
.hero .kicker{font-size:13px;letter-spacing:.09em;color:var(--acid);margin-bottom:34px}
.hero h1{font-family:var(--serif);font-weight:400;font-size:110px;line-height:.96;letter-spacing:-.02em;color:var(--off);margin:0;max-width:860px;text-wrap:pretty}
.hero h1 u{text-decoration:none;border-bottom:5px solid var(--acid)}
.hero p.sub{font-size:20px;line-height:1.58;color:var(--off);margin:38px 0 0;max-width:560px;text-wrap:pretty}
.hero a.cta{display:inline-block;margin-top:40px;background:var(--off);color:var(--blue);font-family:var(--mono);font-size:14px;padding:17px 26px;border-radius:4px;text-decoration:none}
.hero a.cta:hover{background:#fff}
.sil{position:absolute;pointer-events:none;background-color:var(--off);-webkit-mask:url(assets/silhouette.svg) no-repeat center/100% 100%;mask:url(assets/silhouette.svg) no-repeat center/100% 100%}
.hero .sil{right:-120px;bottom:-150px;width:860px;height:315px}
.seam-below{position:relative;overflow:hidden;padding:210px var(--pad) 110px}
.seam-below .sil{right:-120px;top:-165px;width:860px;height:315px;background-color:var(--blue)}
section.band{padding:110px var(--pad);border-top:1px solid var(--line)}
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;max-width:1200px}
.two h2,h2.big{font-family:var(--serif);font-weight:400;letter-spacing:-.015em;color:var(--ink);margin:0 0 18px}
.two h2{font-size:46px;line-height:1}
.two p{font-size:19px;line-height:1.62;color:var(--muted);margin:0;max-width:420px}
h2.big{font-size:62px;line-height:1.04;letter-spacing:-.02em;max-width:820px;text-wrap:pretty}
p.lead{font-size:20px;line-height:1.62;color:var(--muted);margin:34px 0 0;max-width:740px;text-wrap:pretty}
.rows{max-width:1200px}
.row{display:grid;grid-template-columns:280px 1fr;gap:48px;padding:26px 0;border-top:1px solid var(--line2)}
.row:last-child{border-bottom:1px solid var(--line2)}
.row b{font-weight:600;font-size:20px;color:var(--ink)}
.row p{font-size:19px;line-height:1.55;color:var(--muted);margin:0}
.how{background:var(--blue);padding:120px var(--pad)}
.how .kicker{color:var(--acid);margin-bottom:56px}
.steps{display:grid;grid-template-columns:1fr 1fr 1fr;gap:56px;max-width:1200px}
.steps div{border-top:1px solid rgba(245,245,245,.4);padding-top:24px}
.steps small{display:block;font-family:var(--mono);font-size:13px;letter-spacing:.06em;color:var(--off);margin:0 0 18px}
.steps p{font-size:20px;line-height:1.52;color:var(--off);margin:0}
.proof .row{grid-template-columns:340px 1fr;gap:56px;padding:34px 0}
.proof .row a,.proof .row .t{font-family:var(--serif);font-size:32px;line-height:1.1;letter-spacing:-.015em;color:var(--ink);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
.proof .row .t{text-decoration:none}
.proof .row p{font-size:19px;line-height:1.6;max-width:640px}
.faq{max-width:900px}
.faq details{border-top:1px solid var(--line2)}
.faq details:last-child{border-bottom:1px solid var(--line2)}
.faq summary{list-style:none;display:flex;align-items:baseline;justify-content:space-between;gap:32px;padding:28px 0;cursor:pointer}
.faq summary::-webkit-details-marker{display:none}
.faq summary h3{font-family:var(--serif);font-weight:400;font-size:28px;line-height:1.2;letter-spacing:-.01em;color:var(--ink);margin:0}
.faq summary span{font-family:var(--mono);font-size:18px;color:var(--blue)}
.faq summary span::before{content:"+"}
.faq details[open] summary span::before{content:"\2212"}
.faq details p{font-size:19px;line-height:1.62;color:var(--muted);margin:-12px 0 30px;max-width:680px}
.agencies{background:var(--off);padding:88px var(--pad);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.agencies .kicker{margin-bottom:32px}
.agencies .two{align-items:baseline}
.agencies h2{font-size:44px;line-height:1.06;margin:0}
.about{display:grid;grid-template-columns:420px 1fr;gap:80px;max-width:1200px;align-items:start}
.photo{width:420px;height:520px;background:rgba(32,29,35,.06);border:1px solid var(--line2);display:flex;align-items:flex-end;padding:18px}
.photo span{font-family:var(--mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:rgba(32,29,35,.45)}
.about p{font-size:22px;line-height:1.58;color:var(--ink);margin:0;max-width:620px;text-wrap:pretty}
footer.site{position:relative;overflow:hidden;background:var(--blue);padding:96px var(--pad) 84px}
footer .sil{right:-170px;bottom:-46px;width:700px;height:256px}
footer .brand{position:relative;color:var(--off)}
footer .links{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:26px;margin-top:44px}
footer .links a,footer .links span{font-family:var(--mono);font-size:14px;color:var(--off)}
footer .links a{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
footer .links .dot{color:rgba(245,245,245,.5)}
.case-hero{padding:96px var(--pad) 104px}
.case-hero .kicker{font-size:13px;letter-spacing:.07em;text-transform:none;line-height:1.7;max-width:900px}
.case-hero h1{font-family:var(--serif);font-weight:400;font-size:74px;line-height:1.02;letter-spacing:-.02em;color:var(--ink);margin:0;max-width:1080px;text-wrap:pretty}
.case-body{padding:0 var(--pad) 110px}
.case-body .row{grid-template-columns:300px 1fr;gap:64px;padding:44px 0}
.case-body .row h2{font-family:var(--serif);font-weight:400;font-size:34px;line-height:1.08;letter-spacing:-.015em;margin:0}
.case-body .row p{font-size:20px;line-height:1.62;color:rgba(32,29,35,.78);max-width:700px;text-wrap:pretty}
.back{display:inline-block;margin-top:72px;font-family:var(--mono);font-size:14px;color:var(--blue);text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}
@media (max-width:900px){
 :root{--pad:24px}
 header.site{height:auto;flex-direction:column;align-items:flex-start;padding:18px 24px 16px;gap:16px}
 .brand img{height:30px}.brand span{font-size:17px}
 nav{flex-wrap:wrap;gap:16px}nav a{font-size:12px}nav a.btn{padding:11px 16px}
 .hero{padding:40px 24px 116px}.hero .kicker{font-size:11px;margin-bottom:22px;line-height:1.5}
 .hero h1{font-size:44px;line-height:.99;letter-spacing:-.018em}.hero h1 u{border-bottom-width:3px}
 .hero p.sub{font-size:16px;margin-top:22px}.hero a.cta{margin-top:26px;font-size:13px;padding:15px 20px}
 .hero .sil{right:-84px;bottom:-70px;width:470px;height:172px}
 .seam-below{padding:120px 24px 56px}.seam-below .sil{right:-84px;top:-102px;width:470px;height:172px}
 .kicker{font-size:11px;margin-bottom:26px}
 section.band{padding:56px 24px}
 .two{grid-template-columns:1fr;gap:36px}.two h2{font-size:34px;margin-bottom:12px}.two p{font-size:16px;line-height:1.6}
 h2.big{font-size:38px;letter-spacing:-.018em}p.lead{font-size:16px;margin-top:22px}
 .row{grid-template-columns:1fr;gap:6px;padding:18px 0}.row b{font-size:17px}.row p{font-size:16px}
 .how{padding:56px 24px}.how .kicker{margin-bottom:32px}.steps{grid-template-columns:1fr;gap:28px}.steps small{font-size:12px;margin-bottom:12px}.steps p{font-size:17px}
 .proof .row{grid-template-columns:1fr;gap:14px;padding:24px 0}.proof .row a,.proof .row .t{font-size:26px}.proof .row p{font-size:16px}
 .faq summary{gap:16px;padding:20px 0}.faq summary h3{font-size:23px;line-height:1.18}.faq summary span{font-size:16px}.faq details p{font-size:16px;line-height:1.6;margin:-8px 0 20px}
 .agencies{padding:48px 24px}.agencies .kicker{margin-bottom:22px}.agencies h2{font-size:32px;margin-bottom:14px}
 .about{grid-template-columns:1fr;gap:28px}.photo{width:100%;height:380px;padding:14px}.about p{font-size:18px}
 footer.site{padding:48px 24px 44px}footer .sil{right:-120px;bottom:-30px;width:400px;height:146px}
 footer .links{flex-direction:column;align-items:flex-start;gap:14px;margin-top:28px}footer .links .dot{display:none}footer .links a,footer .links span{font-size:13px}
 .case-hero{padding:56px 24px 48px}.case-hero h1{font-size:40px}.case-body{padding:0 24px 64px}.case-body .row{grid-template-columns:1fr;gap:12px;padding:28px 0}.case-body .row h2{font-size:26px}.case-body .row p{font-size:16px}
}