:root{--ginger:#ff7a2f;--ink:#17100c;--cream:#ffe9d6;--peach:#ffd7b8;--rust:#a2370a}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--ink);font-family:'Hanken Grotesk',system-ui,sans-serif;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
h1,h2,h3,p,ul,ol{margin:0}
ul,ol{padding:0;list-style:none}
.wrap{max-width:1360px;margin:0 auto;padding:112px 64px}
.disp{font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;letter-spacing:-0.035em;line-height:.92}
.eyebrow{margin-bottom:20px;font-weight:700;font-size:16px;letter-spacing:.14em;text-transform:uppercase}
.h2{font-size:104px}

.btn{display:inline-flex;align-items:center;gap:12px;min-height:56px;padding:0 32px;border-radius:999px;border:2px solid var(--ink);background:var(--ink);color:var(--ginger);font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:19px;text-decoration:none}
.btn:hover,.btn:focus-visible{background:transparent;color:var(--ink)}
.btn-inv{background:var(--ginger);color:var(--ink);border-color:var(--ginger)}
.btn-inv:hover,.btn-inv:focus-visible{background:transparent;color:var(--ginger)}
a:focus-visible{outline:3px solid currentColor;outline-offset:4px}

/* hero */
.hero{background:var(--ginger)}
.hero .wrap{padding-top:28px}
.nav{display:flex;flex-wrap:wrap;gap:16px 36px;align-items:center;justify-content:space-between}
.nav .brand{font-size:24px;letter-spacing:-.02em;line-height:1}
.nav ul{display:flex;gap:32px}
.nav a{display:inline-flex;align-items:center;min-height:44px;font-weight:700;text-decoration:none}
.nav a:hover{text-decoration:underline;text-underline-offset:5px}
.hero h1{margin-top:112px;max-width:1100px;font-size:168px;text-wrap:balance}
.hero-row{display:flex;flex-wrap:wrap;gap:40px 80px;margin-top:64px;align-items:flex-end;justify-content:space-between}
.hero-copy{max-width:620px}
.lead{margin-bottom:20px;font-size:28px;line-height:1.25;font-weight:700}
.lead span{background:var(--ink);color:var(--ginger);padding:2px 10px}
.hero-copy p:last-child{font-size:21px}

/* problem */
.problem{background:var(--ink);color:var(--cream)}
.problem .eyebrow,.credentials .eyebrow{color:var(--ginger)}
.problem .h2{max-width:960px}
.problem-intro{margin-top:40px;max-width:640px;font-size:24px;line-height:1.4;color:var(--peach)}
.signs{margin-top:64px;padding:16px 48px 24px;background:var(--ginger);color:var(--ink);border-radius:28px;counter-reset:sign}
.signs li{counter-increment:sign;display:grid;grid-template-columns:96px 1fr;gap:24px;align-items:baseline;padding:28px 0;border-top:2px solid var(--ink);font-size:28px;line-height:1.25;font-weight:500}
.signs li:first-child{border-top:0}
.signs li::before{content:counter(sign,decimal-leading-zero);font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:56px;letter-spacing:-.035em;line-height:.92}

/* services */
.services{background:var(--cream)}
.services .eyebrow{color:var(--rust)}
.cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px;margin-top:64px}
.card{padding:40px 36px 44px;border-radius:28px;background:var(--ink);color:var(--cream)}
.card h3{font-size:44px;color:var(--ginger)}
.card p{margin-top:24px;font-size:20px}
.card-hot{background:var(--ginger);color:var(--ink)}
.card-hot h3{color:var(--ink)}

/* statement */
.statement{background:var(--ginger)}
.statement .wrap{padding-top:128px;padding-bottom:128px}
.statement .big{max-width:1100px;font-size:96px;text-wrap:balance}
.statement p:last-child{max-width:760px;margin-top:40px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:500;font-size:40px;line-height:1.15;letter-spacing:-.02em}

/* credentials */
.credentials{background:var(--ink);color:var(--cream)}
.credentials .wrap{padding-bottom:120px}
.creds{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px;margin-top:64px}
.creds li{padding-top:24px;border-top:2px solid var(--ginger);font-size:21px;line-height:1.4}
.creds b{display:block;margin-bottom:16px;font-family:'Bricolage Grotesque',system-ui,sans-serif;font-weight:800;font-size:72px;letter-spacing:-.035em;line-height:.92;color:var(--ginger)}
.credentials .btn{margin-top:80px}

/* footer */
.foot{background:var(--ink);color:var(--peach);border-top:1px solid #4a2c1a;font-size:15px;line-height:1.6}
.foot .wrap{display:flex;flex-wrap:wrap;gap:20px 48px;justify-content:space-between;padding-top:36px;padding-bottom:36px}
.foot-links{display:flex;flex-wrap:wrap;gap:4px 24px}

@media (max-width:900px){
.hero h1{font-size:104px}.h2{font-size:72px}.statement .big{font-size:64px}
}
@media (max-width:640px){
.wrap,.statement .wrap{padding:64px 20px}.hero .wrap{padding-top:20px}
.hero h1{margin-top:64px;font-size:56px}.h2{font-size:44px}.statement .big{font-size:44px}.statement p:last-child{font-size:28px}
.lead{font-size:22px}.problem-intro{font-size:20px}
.signs{padding:8px 24px 16px}.signs li{grid-template-columns:56px 1fr;font-size:20px}.signs li::before{font-size:36px}
.card h3{font-size:36px}.creds b{font-size:56px}
}