:root{--track:#b93a26;--track-d:#8f2a1a;--ink:#17140f;--paper:#f4f3ef;--white:#fff;--mute:#625c52;--hot:#e6ff4d;--rule:#d9d6cc;--mono:"DM Mono",ui-monospace,monospace;--sans:"Archivo",system-ui,sans-serif;--gut:clamp(16px,4vw,56px)}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:76px}
body{margin:0;background:var(--paper);color:var(--ink);font:400 18px/1.55 var(--sans);overflow-x:hidden;-webkit-font-smoothing:antialiased}
img,svg{display:block;max-width:100%}a{color:inherit}
h1,h2,h3{font-stretch:75%;font-weight:800;line-height:.98;margin:0;letter-spacing:-.01em;text-wrap:balance}
h2{font-size:clamp(44px,7.4vw,104px);text-transform:uppercase}h3{font-size:clamp(32px,3.6vw,50px);text-transform:uppercase}
p{text-wrap:pretty}
.skip{position:absolute;left:-999px;background:var(--hot);padding:10px 14px;z-index:30}.skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--hot);outline-offset:3px;box-shadow:0 0 0 6px var(--ink)}
.label{font:500 13px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.09em;margin:0 0 18px}

.bar{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px var(--gut);background:var(--ink);color:#fff}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-stretch:75%;font-weight:800;font-size:21px;text-transform:uppercase;white-space:nowrap}
.brand svg{width:26px;height:26px;color:var(--hot)}.brand i{font-style:normal;font-weight:500}
.bar nav{display:flex;align-items:center;gap:clamp(14px,2.4vw,30px);font-size:15px}.bar nav a{text-decoration:none}.bar nav a:hover{text-decoration:underline;text-underline-offset:4px}
.bar .pill{background:var(--hot);color:var(--ink);padding:9px 16px;border-radius:99px;font-weight:700}

.hero{position:relative;min-height:min(calc(100vh - 65px),860px);display:flex;align-items:flex-end;background:var(--track);color:#fff;overflow:hidden}
.lanes{position:absolute;inset:0;width:100%;height:100%;opacity:.75}
.lanes path{stroke-dasharray:1;stroke-dashoffset:0}
.js .lanes path{animation:draw 1.5s cubic-bezier(.2,.7,.2,1) both}.js .lanes path:nth-child(2){animation-delay:.12s}.js .lanes path:nth-child(3){animation-delay:.24s}.js .lanes path:nth-child(4){animation-delay:.36s}
@keyframes draw{from{stroke-dashoffset:1}to{stroke-dashoffset:0}}
.hero-in{position:relative;padding:clamp(44px,6vh,90px) var(--gut) clamp(36px,6vh,64px);max-width:1180px}
.kicker{font:500 14px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.08em;margin:0 0 20px}
h1{font-size:clamp(64px,min(13.2vw,17.5vh),196px);font-weight:900;font-stretch:68%;text-transform:uppercase;line-height:.88}
h1 em{font-style:normal;color:var(--hot);display:block}
.lede{font-size:clamp(19px,1.7vw,23px);line-height:1.4;max-width:30em;margin:22px 0 24px}
.cta{display:flex;flex-wrap:wrap;gap:12px}
.btn{display:inline-block;border:2px solid transparent;border-radius:99px;padding:14px 26px;font:700 17px/1.2 var(--sans);text-decoration:none;cursor:pointer;transition:transform .15s}.btn:hover{transform:translateY(-2px)}
.hot{background:var(--hot);color:var(--ink)}.line{border-color:#fff;color:#fff}

.does{background:var(--ink);color:#fff;padding:clamp(56px,8vw,110px) var(--gut)}
.does .label{color:var(--hot)}.does ul{list-style:none;margin:0;padding:0}
.does li{font-size:clamp(30px,5.4vw,76px);font-stretch:75%;font-weight:700;line-height:1.14;text-transform:uppercase}
.does a{text-decoration:none;background:linear-gradient(var(--hot),var(--hot)) 0 100%/0 .08em no-repeat;transition:background-size .3s}.does a:hover{background-size:100% .08em}

.sec-head{padding:0 var(--gut);margin-bottom:clamp(40px,6vw,80px)}.sec-head>p:last-child:not(.label){font-size:clamp(19px,1.7vw,23px);max-width:32em;margin:22px 0 0}
.work{padding:clamp(72px,10vw,140px) 0 20px}
.job{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center;padding:0 var(--gut);margin-bottom:clamp(76px,10vw,150px)}
.job.flip{grid-template-columns:minmax(0,1fr) minmax(0,1.55fr)}.flip .shots{order:2}
.shots{position:relative;padding:0 7% 7% 0}.flip .shots{padding:0 0 7% 7%}
.desk{width:100%;height:auto;border-radius:10px;box-shadow:0 22px 50px -18px rgba(23,20,15,.45);border:1px solid var(--rule)}
.ph{position:absolute;right:0;bottom:0;width:22%;height:auto;border:5px solid var(--ink);border-radius:20px;box-shadow:0 18px 34px -12px rgba(23,20,15,.55)}.flip .ph{right:auto;left:0}
.bib{display:inline-block;background:#fff;border:2px solid var(--ink);border-radius:6px;font:500 24px/1 var(--mono);padding:9px 14px;margin-bottom:18px;transform:rotate(-2deg)}
.type{font:500 13px/1.3 var(--mono);text-transform:uppercase;letter-spacing:.07em;color:var(--track-d);margin:12px 0 16px}
.txt ul{list-style:none;padding:0;margin:20px 0 22px}.txt li{padding:8px 0;border-top:1px solid var(--rule);font-size:16px}.txt li:last-child{border-bottom:1px solid var(--rule)}
.go{font-weight:700;text-underline-offset:4px;overflow-wrap:anywhere}.go::after{content:" ↗"}


.caps{padding:0 var(--gut);margin:0 0 clamp(60px,8vw,110px)}.caps ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 28px}.caps li{border-top:4px solid var(--ink);padding:14px 0 24px;font-size:17px}.caps b{display:block;font-size:clamp(25px,2.4vw,32px);font-stretch:75%;font-weight:800;text-transform:uppercase;line-height:1.05;margin-bottom:6px}.caps li:first-child{border-color:var(--track)}
@media(max-width:860px){.caps ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:480px){.caps ul{grid-template-columns:minmax(0,1fr)}}
.why{background:var(--track);color:#fff;padding:clamp(72px,10vw,140px) var(--gut)}
.big{font-size:clamp(23px,2.7vw,36px);line-height:1.25;max-width:27em;margin:28px 0 clamp(44px,6vw,76px)}
.rules{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0 28px}.rules>div{border-top:4px solid #fff;padding-top:16px}.rules b{font-size:22px;font-stretch:80%;line-height:1.1;display:block}.rules p{font-size:17px;margin:10px 0 24px}

.prices,.how,.faq{padding-top:clamp(72px,10vw,140px)}
.tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:0 var(--gut);border:2px solid var(--ink);border-radius:16px;overflow:hidden;background:#fff}
.tier{padding:26px;border-left:2px solid var(--ink);display:flex;flex-direction:column}.tier:first-child{border-left:0}.tier.mid{background:var(--ink);color:#fff}
.ln{font:500 13px var(--mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:20px}
.tier h3{font-size:36px}.amt{font-size:clamp(44px,5vw,70px);font-stretch:70%;font-weight:800;line-height:1;margin:14px 0}.amt small{font-size:.42em;font-weight:600}
.tier ul{list-style:none;padding:0;margin:8px 0 26px;flex:1}.tier li{padding:7px 0;border-top:1px solid color-mix(in srgb,currentColor 22%,transparent);font-size:16px}
.tier a{display:block;text-align:center;padding:12px;border:2px solid currentColor;border-radius:99px;text-decoration:none;font-weight:700}.tier a:hover{background:var(--track);border-color:var(--track);color:#fff}.mid a{background:var(--hot);color:var(--ink);border-color:var(--hot)}
.care{margin:18px var(--gut) 0;padding:22px 26px;background:var(--hot);border-radius:16px}.care h3{font-size:28px}.care p{margin:8px 0 0}

.splits{list-style:none;padding:0;margin:0 var(--gut);border-bottom:2px solid var(--ink)}
.splits li{display:grid;grid-template-columns:86px minmax(0,1fr) minmax(0,1.5fr);gap:20px;align-items:baseline;padding:20px 0;border-top:2px solid var(--ink)}
.splits span{font:500 25px var(--mono);color:var(--track)}.splits b{font-size:clamp(24px,2.7vw,36px);font-stretch:75%;text-transform:uppercase;line-height:1.05}.splits p{margin:0}

.faq details{margin:0 var(--gut);border-top:2px solid var(--ink)}.faq details:last-child{border-bottom:2px solid var(--ink)}
summary{cursor:pointer;font-size:clamp(20px,2vw,26px);font-weight:700;padding:18px 0}.faq details p{margin:0 0 20px;max-width:42em}

.start{margin-top:clamp(72px,10vw,140px);background:var(--ink);color:#fff;padding:clamp(64px,9vw,120px) var(--gut)}
.start .label{color:var(--hot)}.start-in{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(36px,6vw,90px)}.start-in>div>p:last-child{font-size:21px;max-width:22em}
form{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-weight:600;font-size:15px}.wide{grid-column:1/-1}
input,select,textarea{display:block;width:100%;margin-top:6px;padding:13px 14px;border:0;border-radius:9px;background:#fff;color:var(--ink);font:400 17px/1.3 var(--sans)}
button.btn{width:100%}.trap{position:absolute;left:-9999px}.note{margin:0;font-weight:700;color:var(--hot)}.note:empty{display:none}.small{margin:0;font-size:14px;color:#c9c5ba}

.foot{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 28px;background:var(--ink);color:#fff;padding:26px var(--gut) 34px;border-top:1px solid #38342c;font-size:15px}.foot p{margin:0}

.js .rv{opacity:0;transform:translateY(22px);transition:opacity .6s,transform .6s}.js .rv.in{opacity:1;transform:none}

@media(max-width:860px){
 .job,.job.flip{grid-template-columns:minmax(0,1fr)}.flip .shots{order:0;padding:0 7% 7% 0}.flip .ph{left:auto;right:0}
 .rules{grid-template-columns:repeat(2,minmax(0,1fr))}.tiers{grid-template-columns:minmax(0,1fr)}.tier{border-left:0;border-top:2px solid var(--ink)}.tier:first-child{border-top:0}
 .start-in{grid-template-columns:minmax(0,1fr)}.splits li{grid-template-columns:52px minmax(0,1fr)}.splits p{grid-column:2}.splits span{font-size:20px}
 .bar nav a:not(.pill){display:none}.lanes{opacity:.3}.marks{display:none}
}
@media(max-width:480px){.rules{grid-template-columns:minmax(0,1fr)}form{grid-template-columns:minmax(0,1fr)}.brand{font-size:18px}.bar .pill{padding:8px 13px;font-size:14px}.ph{border-width:3px;border-radius:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .lanes path{animation:none}.js .rv{opacity:1;transform:none;transition:none}.btn{transition:none}}