@font-face { font-family:InterVariable; font-style:normal; font-weight:100 900; font-display:swap; src:url("fonts/InterVariable.woff2") format("woff2"); }
@font-face { font-family:InterVariable; font-style:italic; font-weight:100 900; font-display:swap; src:url("fonts/InterVariable-Italic.woff2") format("woff2"); }
:root { --ink:#090909; --orange:#f9ad27; --orange-soft:#fff4dc; --cream:#f4f1ea; --paper:#ffffff; --line:#ded8ce; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--cream); color:var(--ink); font-family:InterVariable, Inter, Arial, sans-serif; }
button, input, textarea { font:inherit; }
button, a { -webkit-tap-highlight-color:transparent; }
[hidden] { display:none !important; }
.topbar { height:92px; display:flex; align-items:center; justify-content:space-between; max-width:1180px; margin:auto; padding:0 28px; background:white; }
.logo-link { display:flex; align-items:center; gap:13px; color:#4b4842; text-decoration:none; font-size:12px; font-weight:700; }
.logo-link img { width:68px; height:68px; object-fit:contain; }
.logo-link span { border-left:1px solid #d8d1c5; padding-left:13px; }
.phone { color:#5e5b55; text-decoration:none; font-size:13px; }
.phone strong { color:var(--ink); margin-left:7px; }
.hero { padding:72px 24px 145px; text-align:center; color:white; background:radial-gradient(circle at 75% 22%,rgba(249,173,39,.17),transparent 26%),radial-gradient(circle at 22% 82%,rgba(249,173,39,.08),transparent 24%),linear-gradient(120deg,#050505,#1b1b1b); border-bottom:4px solid var(--orange); }
.eyebrow,.step-label { color:var(--orange); font-size:11px; font-weight:800; letter-spacing:1.8px; text-transform:uppercase; }
.eyebrow span { display:inline-block; width:24px; height:2px; background:var(--orange); vertical-align:middle; margin-right:10px; }
.hero h1 { margin:18px 0; font-family:InterVariable,Inter,Arial,sans-serif; font-size:clamp(48px,7vw,82px); line-height:.94; letter-spacing:-4px; font-weight:650; }
.hero h1 em { color:var(--orange); font-weight:500; }
.hero>p { max-width:650px; margin:24px auto; color:#d5d2ca; font-size:18px; line-height:1.6; }
.trust { width:max-content; max-width:100%; margin:34px auto 0; padding:15px 20px; display:flex; align-items:center; justify-content:center; gap:22px; color:#d8d4cb; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.15); font-size:12px; }
.trust strong { color:var(--orange); text-transform:uppercase; letter-spacing:1.1px; font-size:10px; padding-right:20px; border-right:1px solid rgba(255,255,255,.2); }
.trust span::first-letter { color:var(--orange); }
.form-shell { width:min(900px,calc(100% - 32px)); min-height:570px; margin:-78px auto 90px; background:var(--paper); border-radius:4px; box-shadow:0 22px 60px rgba(27,23,18,.17); position:relative; overflow:hidden; }
.progress-head { display:flex; justify-content:space-between; padding:24px 42px 15px; font-size:12px; font-weight:700; color:#6e6a62; }
.progress { height:4px; background:#ece7df; }
.progress span { height:100%; display:block; background:var(--orange); transition:width .3s ease; }
.form-content { padding:48px 64px 42px; }
.campaign-note { display:grid; grid-template-columns:26px 1fr; gap:2px 9px; align-items:center; margin:-12px 0 28px; padding:13px 16px; background:var(--orange-soft); border:1px solid #efd49d; color:#4d4038; font-size:12px; }
.campaign-note>span { grid-row:1/3; width:24px; height:24px; display:grid; place-items:center; border-radius:50%; background:var(--orange); color:var(--ink); font-weight:900; }
.campaign-note strong { font-size:12px; }.campaign-note small { color:#7b6d64; }
.form-content h2,.result h2,.why h2 { font-family:InterVariable,Inter,Arial,sans-serif; font-size:38px; line-height:1.1; letter-spacing:-1.4px; margin:10px 0 8px; font-weight:650; }
.intro { margin:0 0 28px; color:#716e67; line-height:1.5; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.choice-grid.compact { grid-template-columns:repeat(2,1fr); }
.choice { min-height:82px; padding:17px 42px 17px 18px; display:flex; align-items:center; gap:15px; border:1px solid var(--line); border-radius:3px; background:white; color:var(--ink); cursor:pointer; text-align:left; position:relative; transition:border .15s,transform .15s,background .15s; }
.choice:hover { border-color:#aaa095; transform:translateY(-1px); }
.choice.selected { border:2px solid var(--orange); padding:16px 41px 16px 17px; background:var(--orange-soft); }
.choice strong { display:block; font-size:14px; }
.choice small { display:block; font-size:12px; color:#77736c; font-weight:400; margin-top:4px; line-height:1.3; }
.choice-icon { width:38px; height:38px; border-radius:50%; background:var(--cream); display:grid; place-items:center; color:var(--orange); font-family:InterVariable,Inter,Arial,sans-serif; font-size:20px; flex:0 0 auto; }
.check { position:absolute; right:15px; top:50%; transform:translateY(-50%); width:20px; height:20px; border:1px solid #cfc8bd; border-radius:50%; color:transparent; text-align:center; line-height:18px; font-size:12px; }
.selected .check { color:var(--ink); background:var(--orange); border-color:var(--orange); font-weight:900; }
.field { display:block; margin-top:22px; }
.field>span { display:block; font-size:13px; font-weight:700; margin-bottom:8px; }
.field small { color:#88837b; font-weight:400; }
.field input,.field textarea { width:100%; background:#fff; border:1px solid var(--line); padding:14px 15px; border-radius:3px; outline:none; color:var(--ink); }
.field input:focus,.field textarea:focus { border-color:var(--orange); box-shadow:0 0 0 2px rgba(242,98,43,.12); }
.contact-grid { display:grid; grid-template-columns:1fr 1fr; gap:0 18px; }
.contact-grid .full { grid-column:1/-1; }
.privacy { display:flex; gap:10px; align-items:flex-start; margin-top:22px; color:#65615b; font-size:12px; line-height:1.4; }
.privacy input { accent-color:var(--orange); margin-top:2px; }.privacy a { color:var(--ink); text-underline-offset:3px; }
.summary-chip { margin-top:24px; padding:15px 18px; border-left:3px solid var(--orange); background:var(--cream); }
.summary-chip span { display:block; color:#837d74; font-size:10px; text-transform:uppercase; letter-spacing:1px; }
.summary-chip strong { font-size:13px; }
.actions { display:flex; align-items:center; justify-content:flex-end; margin-top:32px; gap:20px; }
.back,.restart { border:0; background:transparent; color:#6a655d; cursor:pointer; text-decoration:underline; font-size:13px; }
.next { min-width:180px; padding:16px 20px; background:var(--orange); border:0; border-radius:2px; color:var(--ink); font-weight:900; cursor:pointer; display:inline-flex; justify-content:space-between; gap:25px; text-decoration:none; box-shadow:0 8px 18px rgba(249,173,39,.24); }
.next:disabled { opacity:.35; cursor:not-allowed; box-shadow:none; }
.result { padding:64px; text-align:center; }
.result-icon { display:grid; place-items:center; margin:0 auto 22px; width:58px; height:58px; border-radius:50%; background:var(--orange); color:var(--ink); font-size:25px; font-weight:900; }
.result>p { max-width:620px; color:#6d6961; margin:15px auto 28px; line-height:1.6; }
.result-summary { display:grid; grid-template-columns:repeat(3,1fr); margin:30px 0; border:1px solid var(--line); }
.result-summary div { padding:17px 10px; border-right:1px solid var(--line); }
.result-summary div:last-child { border:0; }
.result-summary span { display:block; font-size:10px; color:#8a857d; text-transform:uppercase; letter-spacing:1px; margin-bottom:5px; }
.result-summary strong { font-size:13px; }
.result-cta { width:min(410px,100%); margin:0 auto; }
.secondary-cta { display:block; width:max-content; max-width:100%; margin:18px auto 0; padding:0; border:0; background:transparent; color:var(--ink); font-size:13px; font-weight:700; text-decoration:underline; text-underline-offset:4px; cursor:pointer; }
.secondary-cta:disabled { opacity:.55; cursor:wait; }
.submit-success { width:min(560px,100%); margin:24px auto 0; padding:18px 20px; border:1px solid #dfc17e; background:var(--orange-soft); text-align:left; }
.submit-success strong,.submit-success span { display:block; }
.submit-success strong { margin-bottom:5px; font-family:InterVariable,Inter,Arial,sans-serif; font-size:19px; }
.submit-success span { color:#665b4c; font-size:13px; line-height:1.5; }
.result .submit-error { margin:18px auto 0; color:#a12c20; font-size:13px; line-height:1.45; }
.calendly-wrap { margin:28px auto 0; width:100%; border:1px solid var(--line); background:white; text-align:left; overflow:hidden; }
.calendly-head { min-height:52px; padding:0 16px 0 19px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); font-size:13px; }
.calendly-head button { width:34px; height:34px; border:0; background:transparent; color:#716c64; font-size:24px; cursor:pointer; }
.calendly-wrap iframe { display:block; width:100%; height:690px; border:0; background:white; }
.restart { display:block; margin:22px auto 0; }
.result .demo-note { margin:30px auto 0; font-size:11px; color:#99938a; }
.why { max-width:1080px; padding:20px 28px 100px; margin:auto; }
.why h2 { font-size:46px; margin:14px 0 45px; }
.why-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:38px; }
.why-grid>div { border-top:1px solid #c9c1b5; padding-top:22px; }
.why-grid strong { color:var(--orange); font-size:12px; }
.why-grid h3 { font-family:InterVariable,Inter,Arial,sans-serif; font-size:21px; margin:22px 0 9px; }
.why-grid p { color:#6e6961; font-size:14px; line-height:1.6; }
footer { background:var(--ink); color:#bdb7ad; padding:34px max(28px,calc((100% - 1120px)/2)); display:flex; align-items:center; gap:22px; border-top:4px solid var(--orange); font-size:12px; }
.footer-logo img { width:78px; height:78px; object-fit:contain; display:block; }
footer p { flex:1; margin:0; }footer p strong,footer p span { display:block; }footer p strong { color:white; font-family:InterVariable,Inter,Arial,sans-serif; font-size:17px; font-weight:650; margin-bottom:4px; }
footer nav { display:flex; gap:22px; }
footer a { color:inherit; text-decoration:none; }footer nav a:hover { color:var(--orange); }

@media(max-width:700px){
  .topbar { height:76px; padding:0 18px; }.logo-link img { width:58px; height:58px; }.logo-link span { display:none; }.phone { font-size:0; }.phone strong { font-size:12px; }
  .hero { padding:54px 20px 115px; }.hero h1 { font-size:48px; letter-spacing:-2px; }.hero>p { font-size:16px; }.trust { width:100%; gap:9px 14px; flex-wrap:wrap; font-size:11px; }.trust strong { width:100%; padding:0 0 9px; border-right:0; border-bottom:1px solid rgba(255,255,255,.2); }
  .form-shell { margin-top:-62px; width:calc(100% - 20px); }.progress-head { padding:19px 20px 13px; }
  .form-content,.result { padding:34px 20px 30px; }.form-content h2,.result h2 { font-size:30px; }.intro { font-size:14px; }
  .choice-grid,.choice-grid.compact { grid-template-columns:1fr; }.choice { min-height:70px; }
  .contact-grid { grid-template-columns:1fr; }.contact-grid .full { grid-column:auto; }
  .actions { justify-content:space-between; }.next { min-width:155px; }.back { white-space:nowrap; }
  .result-summary { grid-template-columns:1fr; text-align:left; }.result-summary div { border-right:0; border-bottom:1px solid var(--line); }.calendly-wrap iframe { height:650px; }
  .why { padding-bottom:65px; }.why h2 { font-size:35px; }.why-grid { grid-template-columns:1fr; gap:22px; }
  footer { flex-direction:column; align-items:flex-start; }footer p { margin:0; }footer nav { flex-wrap:wrap; gap:15px 20px; }
}