:root { --ink:#f4f1ec; --muted:#a7a19a; --orange:#ff5a1f; --orange-dark:#210a01; --paper:#17191c; --bg:#0d0f11; --line:#313438; --shadow:0 22px 65px rgba(0,0,0,.28); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; color-scheme:dark; }
body { margin:0; color:var(--ink); background:radial-gradient(circle at 15% 2%,rgba(255,90,31,.14),transparent 30rem),var(--bg); font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
button,input,select,textarea { font:inherit; }
.site-header { height:76px; padding:0 clamp(20px,5vw,72px); display:flex; align-items:center; justify-content:space-between; background:rgba(13,15,17,.9); border-bottom:1px solid var(--line); backdrop-filter:blur(15px); position:sticky; top:0; z-index:20; }
.brand { display:flex; align-items:center; gap:11px; color:var(--ink); text-decoration:none; }
.brand > span { width:42px; height:42px; display:grid; place-items:center; border-radius:12px; background:var(--orange); color:var(--orange-dark); font-weight:950; letter-spacing:-.06em; box-shadow:0 0 28px rgba(255,90,31,.18); }
.brand div { display:grid; gap:2px; }.brand strong { font-size:14px; }.brand small { color:var(--muted); font-size:10px; }
.header-contact { color:var(--ink); font-size:12px; font-weight:800; text-decoration:none; padding:10px 14px; border:1px solid var(--line); border-radius:10px; }
main { max-width:980px; margin:0 auto; padding:0 20px 80px; }
.hero { padding:80px 0 52px; max-width:800px; }
.eyebrow { margin:0 0 15px; color:var(--orange); text-transform:uppercase; font-weight:900; letter-spacing:.13em; font-size:11px; }
.hero h1 { margin:0; font-size:clamp(42px,7vw,78px); line-height:.98; letter-spacing:-.06em; font-weight:900; }
.hero h1 em { color:var(--orange); font-style:normal; }
.hero-copy { max-width:650px; margin:26px 0 22px; font-size:17px; line-height:1.6; color:#b4ada5; }
.hero-points { display:flex; flex-wrap:wrap; gap:9px; }.hero-points span { padding:7px 10px; border-radius:999px; color:#ffc0a5; background:rgba(255,90,31,.11); border:1px solid rgba(255,90,31,.18); font-size:11px; font-weight:700; }
form { display:grid; gap:20px; }
.form-section { position:relative; overflow:hidden; padding:clamp(24px,4vw,38px); background:linear-gradient(145deg,#1b1d20,#141619); border:1px solid var(--line); border-radius:22px; box-shadow:var(--shadow); }
.form-section::after { content:""; position:absolute; top:0; right:38px; width:92px; height:3px; background:var(--orange); box-shadow:0 0 18px rgba(255,90,31,.45); }
.section-title { display:flex; align-items:flex-start; gap:14px; margin-bottom:28px; }
.section-title > span { flex:none; width:34px; height:28px; display:grid; place-items:center; border-radius:8px; background:rgba(255,90,31,.13); color:var(--orange); border:1px solid rgba(255,90,31,.2); font-size:10px; font-weight:900; }
.section-title h2 { margin:0 0 5px; font-size:23px; letter-spacing:-.03em; }.section-title p { margin:0; color:var(--muted); font-size:12px; }
.fields { display:grid; gap:16px; }.two-columns,.technical-grid { grid-template-columns:1fr 1fr; }.full { grid-column:1/-1; }
label { display:grid; gap:7px; font-size:12px; font-weight:800; }
input,select,textarea { width:100%; padding:12px 13px; border:1px solid #3d4045; border-radius:10px; color:var(--ink); background:#101214; outline:none; transition:.15s; }
input:focus,select:focus,textarea:focus { border-color:var(--orange); box-shadow:0 0 0 3px rgba(255,90,31,.12); }
input::placeholder,textarea::placeholder { color:#6e6b68; }.fields small,label > small { color:#8f8983; font-size:10px; font-weight:500; line-height:1.35; }
textarea { resize:vertical; }
.choice-group,.services { padding:0; margin:26px 0 0; border:0; }.choice-group legend,.services legend { margin-bottom:12px; font-size:12px; font-weight:900; }
.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.choice { display:block; }.choice input { position:absolute; opacity:0; pointer-events:none; }
.choice span { min-height:82px; display:grid; align-content:center; gap:5px; padding:15px 16px; border:1px solid #3d4045; background:#121416; border-radius:12px; cursor:pointer; transition:.15s; }
.choice span b { font-size:13px; }.choice span small { color:var(--muted); font-size:10px; font-weight:500; }
.choice input:checked + span { border-color:var(--orange); background:rgba(255,90,31,.08); box-shadow:0 0 0 1px var(--orange); }.compact { margin-top:0; }
.device-list { margin-top:25px; border-top:1px solid var(--line); }
.device { min-height:66px; display:flex; justify-content:space-between; align-items:center; gap:20px; border-bottom:1px solid var(--line); }
.device > div:first-child { display:grid; gap:3px; }.device b { font-size:13px; }.device small { color:var(--muted); font-size:10px; }
.stepper { display:grid; grid-template-columns:34px 54px 34px; gap:5px; align-items:center; }.stepper button,.stepper output { height:35px; display:grid; place-items:center; border:1px solid #3d4045; background:#111315; border-radius:9px; }.stepper button { cursor:pointer; font-size:18px; color:#c8c0b8; }.stepper output { font-size:12px; font-weight:900; }
.services { margin:28px 0; }.checkbox-grid { display:grid; grid-template-columns:1fr 1fr; gap:10px 20px; }
.checkbox-grid label { display:flex; align-items:center; gap:9px; padding:10px 0; cursor:pointer; }.checkbox-grid input { width:17px; height:17px; accent-color:var(--orange); }.checkbox-grid span { font-size:12px; }
input[type="file"] { padding:13px; border-style:dashed; background:#101214; }
.submit-row { margin-top:28px; padding-top:24px; border-top:1px solid var(--line); display:flex; justify-content:space-between; align-items:center; gap:25px; }
.submit-row > div { display:grid; gap:5px; }.submit-row strong { font-size:12px; }.submit-row div span { max-width:520px; color:var(--muted); font-size:10px; line-height:1.4; }
.submit-button { min-height:50px; padding:0 21px; border:0; border-radius:12px; color:var(--orange-dark); background:var(--orange); font-weight:900; font-size:13px; cursor:pointer; white-space:nowrap; box-shadow:0 10px 28px rgba(255,90,31,.24); }.submit-button span { font-size:17px; margin-left:8px; }
.privacy-copy { text-align:right; color:#7f7a75; font-size:9px; margin:10px 0 0; }
.sent-panel { position:fixed; inset:0; z-index:50; background:rgba(5,6,7,.78); backdrop-filter:blur(7px); display:grid; place-items:center; padding:20px; }.sent-panel[hidden] { display:none; }
.sent-panel > div { width:min(440px,100%); padding:34px; border-radius:20px; background:#181a1d; border:1px solid var(--line); text-align:center; box-shadow:0 30px 90px rgba(0,0,0,.45); }.sent-icon { width:54px; height:54px; margin:0 auto 15px; display:grid; place-items:center; border-radius:50%; background:rgba(255,90,31,.12); color:var(--orange); font-size:24px; font-weight:900; }.sent-panel h2 { margin:0 0 10px; }.sent-panel p { color:var(--muted); font-size:12px; line-height:1.55; }.sent-panel button { color:var(--ink); border:1px solid var(--line); background:#101214; border-radius:10px; padding:11px 14px; cursor:pointer; font-weight:800; font-size:11px; }
footer { max-width:980px; margin:0 auto; padding:25px 20px 40px; border-top:1px solid var(--line); display:flex; justify-content:space-between; color:var(--muted); font-size:10px; }footer a { color:inherit; }
@media (max-width:680px) { .hero { padding-top:55px; }.two-columns,.technical-grid,.choice-grid,.checkbox-grid { grid-template-columns:1fr; }.full { grid-column:auto; }.submit-row { align-items:stretch; flex-direction:column; }.submit-button { width:100%; }.privacy-copy { text-align:center; }.brand small { display:none; } }