:root{--steel:#1f2326;--steel2:#2b3035;--concrete:#ecebe7;--paper:#f6f5f2;--ink:#1a1c1e;--muted:#5b6166;--line:#c9c7c1;--orange:#e8641c}
*{box-sizing:border-box}
html,body{overflow-x:hidden}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Inter,system-ui,sans-serif}
img{max-width:100%}
.wrap{max-width:1120px;margin:0 auto;padding:0 20px}
h1,h2,h3,.brand,.btn,.label,.price{font-family:"Barlow Condensed",Impact,sans-serif;text-transform:uppercase;letter-spacing:.02em}
header{background:var(--steel);color:#fff;border-bottom:4px solid var(--orange)}
header .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding-top:14px;padding-bottom:14px}
.brand{font-weight:800;font-size:1.25rem;display:flex;align-items:center;gap:10px;color:#fff;text-decoration:none}
.mark{display:grid;grid-template-columns:1fr 1fr;gap:2px;width:22px;height:22px;flex:none}.mark i{background:#9aa3a8}.mark i:last-child{background:var(--orange)}
nav{display:flex;gap:20px}
nav a{color:#c8cdd0;text-decoration:none;font:600 12px Inter,sans-serif;letter-spacing:.12em;text-transform:uppercase;padding:6px 0;border-bottom:2px solid transparent}
nav a:hover,nav a[aria-current=page]{color:#fff;border-bottom-color:var(--orange)}
.btn{display:inline-block;background:var(--orange);color:#fff;text-decoration:none;padding:13px 28px;font-weight:700;font-size:1.15rem;letter-spacing:.08em;border:2px solid var(--orange);cursor:pointer}
.btn:hover{background:transparent;color:var(--orange)}
.grid-bg{background-color:var(--steel2);background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:32px 32px}
.hero{color:#fff;padding:60px 0 52px}
.hero.short{padding:52px 0 44px}
.label{display:inline-block;font-weight:700;font-size:.95rem;letter-spacing:.18em;color:var(--orange);border-left:4px solid var(--orange);padding-left:10px}
h1{font-size:clamp(2.4rem,8vw,5rem);line-height:.98;font-weight:800;margin:18px 0 22px;max-width:900px}
h1 span{color:var(--orange)}
.hero p{color:#c8cdd0;max-width:620px;font-size:1.08rem;margin:0 0 30px}
.facts{display:grid;grid-template-columns:1fr;margin-top:44px;border-top:1px solid #4a5157}
.facts div{padding:16px 20px 0 0;font:600 13px Inter,sans-serif;letter-spacing:.1em;text-transform:uppercase;color:#9aa3a8}
.facts b{display:block;color:#fff;font:700 1.4rem "Barlow Condensed",sans-serif;letter-spacing:.03em}
section{padding:56px 0;border-bottom:1px solid var(--line)}
h2{font-size:clamp(2rem,5vw,3rem);font-weight:800;line-height:1;margin:12px 0 14px}
.sub{color:var(--muted);max-width:620px;margin:0}
.steps,.tiers{display:grid;grid-template-columns:1fr;margin-top:36px;border:1px solid var(--ink)}
.step,.tier{padding:26px 22px;border-bottom:1px solid var(--ink)}
.step:last-child,.tier:last-child{border-bottom:0}
.step{background:var(--paper)}
.step .n{font:800 2.6rem/1 "Barlow Condensed",sans-serif;color:var(--orange)}
.step h3{font-size:1.4rem;margin:14px 0 8px;font-weight:700}
.step p{margin:0;color:var(--muted);font-size:.95rem}
.pricing{background:var(--concrete)}
.tiers{background:#fff}
.tier{display:flex;flex-direction:column}
.tier .tag{font:600 11px Inter,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}
.tier h3{font-size:1.7rem;font-weight:800;margin:6px 0 10px}
.price{font-size:2.2rem;font-weight:800;line-height:1;padding-bottom:14px;border-bottom:3px solid var(--orange);margin-bottom:16px}
.price small{display:block;font-size:1rem;color:var(--muted);letter-spacing:.06em;margin-top:6px}
.tier p{margin:0;font-size:.95rem;color:var(--muted)}
.tier.feat{background:var(--steel);color:#fff}.tier.feat p,.tier.feat .tag,.tier.feat .price small{color:#b9c0c4}
.helps{display:grid;grid-template-columns:1fr;gap:24px;margin-top:36px}
.helps div{border-top:3px solid var(--ink);padding-top:14px}
.helps h3{font-size:1.3rem;margin:0 0 6px;font-weight:700}.helps p{margin:0;color:var(--muted);font-size:.95rem}
.about{display:grid;grid-template-columns:1fr;gap:16px}
.about p{margin:0 0 16px;color:#33383c}
.cta{background:var(--steel);color:#fff;border:0;border-top:4px solid var(--orange)}
.cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:28px;flex-wrap:wrap}
.cta p{color:#c8cdd0;max-width:560px;margin:0}
.more{margin-top:28px}.more a{color:var(--ink);font-weight:600;text-decoration:none;border-bottom:2px solid var(--orange)}
/* form */
.form{display:grid;gap:18px;max-width:640px;margin-top:32px}
.form label{display:block;font:600 12px Inter,sans-serif;letter-spacing:.14em;text-transform:uppercase;margin-bottom:6px}
.form input,.form textarea{width:100%;font:16px Inter,sans-serif;padding:12px 14px;border:1px solid var(--ink);border-radius:0;background:#fff;color:var(--ink)}
.form input:focus,.form textarea:focus{outline:2px solid var(--orange);outline-offset:0}
.form textarea{min-height:150px;resize:vertical}
.notice{border:1px solid var(--ink);border-left:6px solid var(--orange);background:#fff;padding:16px 18px;max-width:640px}
.notice[hidden]{display:none}
.notice strong{font-family:"Barlow Condensed",sans-serif;text-transform:uppercase;font-size:1.25rem;letter-spacing:.04em;display:block}
footer{background:#15181a;color:#7d858a;font-size:13px;padding:24px 0;letter-spacing:.04em}
footer a{color:#9aa3a8}
@media(min-width:640px){.wrap{padding:0 24px}.hero{padding:96px 0 88px}section{padding:80px 0}
.facts{grid-template-columns:repeat(3,1fr)}
.steps,.tiers{grid-template-columns:1fr 1fr}
.step:nth-child(odd),.tier:nth-child(odd){border-right:1px solid var(--ink)}
.step:nth-child(n+3),.tier:nth-child(n+3){border-bottom:0}
.step:nth-child(-n+2),.tier:nth-child(-n+2){border-bottom:1px solid var(--ink)}}
@media(min-width:960px){
.steps,.tiers{grid-template-columns:repeat(4,1fr)}
.step,.tier{border-bottom:0!important;border-right:1px solid var(--ink)}
.step:last-child,.tier:last-child{border-right:0}
.helps{grid-template-columns:repeat(3,1fr)}
.about{grid-template-columns:1fr 2fr;gap:56px}}
.sub a{color:var(--ink);font-weight:600;border-bottom:2px solid var(--orange);text-decoration:none;overflow-wrap:anywhere}
footer a{overflow-wrap:anywhere}