@font-face{font-family:'Satoshi';font-weight:400;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-400.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:500;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-500.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:700;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-700.woff2') format('woff2')}@font-face{font-family:'Satoshi';font-weight:900;font-style:normal;font-display:swap;src:url('/assets/fonts/satoshi-900.woff2') format('woff2')}
 h1,h2,.callout h2{font-family:'Satoshi',system-ui,-apple-system,sans-serif;font-weight:700;letter-spacing:-.025em;line-height:1.12}
 h1{font-size:clamp(32px,4.6vw,46px)}
 ::selection{background:rgba(176,134,58,.25)}
 .card a:not(.btn){color:var(--accent)}
 .statSync strong{display:block;font-size:24px;color:#c9a24a;font-family:'Satoshi',system-ui,-apple-system,sans-serif;font-weight:700}
 .statSync span{color:rgba(255,255,255,.6);font-size:13px}

 :root {
 --navy: #1a2744;
 --navy-deep: #0f1726;
 --navy-darker: #080d18;
 --accent: #c79a3c;
 --accent-bright: #c9a24a;
 --accent-hover: #a87d24;
 --gold: #d4a843;
 --white: #ffffff;
 --off-white: #f8f8f6;
 --text: #1a1a1a;
 --text-soft: #333;
 --muted: rgba(255,255,255,.62);
 --muted-strong: rgba(255,255,255,.78);
 --border: rgba(255,255,255,.08);
 --field-bg: #ffffff;
 --field-border: #8f8773;
 --field-border-focus: var(--accent);
 }
 *, *::before, *::after { box-sizing: border-box; }
 html, body { margin: 0; padding: 0; }
 body {
 font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
 background: var(--navy-darker);
 color: var(--white);
 min-height: 100vh;
 -webkit-font-smoothing: antialiased;
 letter-spacing: -0.01em;
 }
 body::before {
 content: '';
 position: fixed;
 inset: 0;
 pointer-events: none;
 background:
 radial-gradient(ellipse 80% 50% at 50% -10%, rgba(232,160,32,.16), transparent 60%),
 linear-gradient(180deg, var(--navy-deep) 0%, var(--navy-darker) 60%);
 z-index: -1;
 }
 body::after {
 content: '';
 position: fixed;
 left: 0; right: 0; top: 0;
 height: 2px;
 background: linear-gradient(90deg, transparent, var(--accent) 30%, var(--accent-bright) 50%, var(--accent) 70%, transparent);
 opacity: .55;
 z-index: 1;
 }

 .wrap {
 max-width: 520px;
 margin: 0 auto;
 padding: 22px 18px calc(env(safe-area-inset-bottom) + 32px);
 display: flex;
 flex-direction: column;
 gap: 16px;
 }

 .top {
 display: flex;
 align-items: center;
 gap: 12px;
 padding: 4px 2px 0;
 }
 .top .back {
 color: var(--muted-strong);
 text-decoration: none;
 font-size: .9rem;
 font-weight: 500;
 display: inline-flex;
 align-items: center;
 gap: 6px;
 padding: 6px 0;
 }
 .top .back svg { width: 16px; height: 16px; }
 .top .back:hover { color: var(--accent); }
 .top .logo {
 margin-left: auto;
 display: flex;
 align-items: center;
 gap: 8px;
 color: var(--white);
 font-weight: 700;
 font-size: .92rem;
 }
 .top .logo img { width: 30px; height: 30px; border-radius: 50%; object-fit: cover; border: 1.5px solid var(--accent); }

 .hero {
 text-align: center;
 padding: 4px 4px 6px;
 }
 .hero h1 {
 font-size: 1.65rem;
 font-weight: 800;
 margin: 0 0 8px;
 letter-spacing: -0.025em;
 line-height: 1.15;
 }
 .hero p {
 color: var(--muted-strong);
 margin: 0 auto;
 font-size: .98rem;
 max-width: 380px;
 line-height: 1.4;
 }
 .hero strong { color: var(--accent); font-weight: 700; }

 .trust {
 display: flex;
 justify-content: center;
 gap: 8px;
 flex-wrap: wrap;
 margin-top: 4px;
 }
 .pill {
 font-size: .68rem;
 letter-spacing: .06em;
 text-transform: uppercase;
 color: var(--muted-strong);
 padding: 5px 10px;
 border: 1px solid var(--border);
 border-radius: 999px;
 background: rgba(255,255,255,.04);
 font-weight: 600;
 }
 .pill .dot { display: inline-block; width: 6px; height: 6px; background: #22c55e; border-radius: 50%; margin-right: 6px; vertical-align: middle; box-shadow: 0 0 8px #22c55e; }
 .pill svg { width: 11px; height: 11px; margin-right: 5px; vertical-align: -1px; color: var(--gold); }

 .card {
 background: var(--white);
 color: var(--text);
 border-radius: 18px;
 padding: 22px 20px 18px;
 box-shadow: 0 24px 60px rgba(0,0,0,.45);
 margin-top: 6px;
 }
 .card h2 {
 font-size: 1.15rem;
 font-weight: 700;
 margin: 0 0 6px;
 letter-spacing: -0.015em;
 color: var(--text);
 }
 .card .sub {
 color: var(--text-soft);
 font-size: .9rem;
 margin: 0 0 18px;
 }

 .form { display: flex; flex-direction: column; gap: 14px; }
 .field { display: flex; flex-direction: column; gap: 6px; }
 .field label { font-size: .8rem; font-weight: 600; color: var(--text-soft); letter-spacing: .01em; }
 .field label .req { color: #d32f2f; font-weight: 700; }
 .field input,
 .field textarea,
 .field select {
 font-family: inherit;
 font-size: 1rem;
 padding: 13px 14px;
 border: 1.5px solid var(--field-border);
 border-radius: 11px;
 background: var(--field-bg);
 color: var(--text);
 transition: border-color .15s ease, box-shadow .15s ease;
 width: 100%;
 -webkit-appearance: none;
 }
 .field input:focus,
 .field textarea:focus,
 .field select:focus {
 outline: 3px solid #856425;
 outline-offset: 2px;
 border-color: #14213d;
 box-shadow: none;
 }
 .field textarea { min-height: 110px; resize: vertical; line-height: 1.45; }

 .submit {
 margin-top: 4px;
 padding: 16px 18px;
 background: linear-gradient(135deg, var(--accent), var(--accent-bright));
 color: #0f1726;
 font-weight: 800;
 font-size: 1.02rem;
 border: none;
 border-radius: 12px;
 cursor: pointer;
 box-shadow: 0 10px 28px rgba(232,160,32,.32);
 transition: transform .15s ease, box-shadow .15s ease;
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 8px;
 }
 .submit svg { width: 18px; height: 18px; }
 .submit:hover { transform: translateY(-1px); box-shadow: 0 14px 32px rgba(232,160,32,.4); }
 .submit:active { transform: translateY(0); }
 .submit:disabled { opacity: .6; cursor: not-allowed; transform: none; }

 .or {
 text-align: center;
 color: var(--muted);
 font-size: .82rem;
 margin: 12px 0 4px;
 letter-spacing: .05em;
 }

 .call-now {
 display: flex;
 align-items: center;
 justify-content: center;
 gap: 10px;
 padding: 14px 16px;
 border-radius: 12px;
 background: rgba(255,255,255,.05);
 border: 1px solid rgba(255,255,255,.12);
 color: var(--white);
 text-decoration: none;
 font-weight: 700;
 font-size: 1rem;
 transition: border-color .15s ease, background .15s ease;
 }
 .call-now:hover { border-color: var(--accent); background: rgba(232,160,32,.08); }
 .call-now svg { width: 18px; height: 18px; color: var(--accent); }
 .call-now .digits { color: var(--accent); letter-spacing: .02em; }

 .success {
 display: none;
 text-align: center;
 padding: 22px 14px;
 }
 .success.show { display: block; }
 .success .tick {
 width: 64px;
 height: 64px;
 margin: 0 auto 14px;
 border-radius: 50%;
 background: linear-gradient(135deg, #22c55e, #16a34a);
 display: flex;
 align-items: center;
 justify-content: center;
 box-shadow: 0 10px 28px rgba(34,197,94,.32);
 }
 .success .tick svg { width: 32px; height: 32px; color: #fff; }
 .success h3 { font-size: 1.25rem; font-weight: 800; margin: 0 0 6px; color: var(--text); }
 .success p { color: var(--text-soft); margin: 0 0 16px; }
 .success a { display: inline-flex; align-items: center; gap: 8px; padding: 12px 18px; background: linear-gradient(135deg, var(--accent), var(--accent-bright)); color: #0f1726; font-weight: 700; border-radius: 10px; text-decoration: none; }

 .foot {
 text-align: center;
 font-size: .74rem;
 color: var(--muted);
 padding: 6px 6px 0;
 line-height: 1.6;
 }
 .foot a { color: var(--muted-strong); text-decoration: none; border-bottom: 1px solid var(--border); }
 .foot a:hover { color: var(--accent); border-color: var(--accent); }
 .foot .reg { font-weight: 600; color: var(--muted-strong); }