
:root{
  --ink:#102035;--muted:#64748b;--line:#dce5ef;--soft:#f4f8fb;--brand:#0a7c67;
  --brand-dark:#075f50;--accent:#e9fbf6;--white:#fff;--danger:#b42318;
  --shadow:0 18px 50px rgba(15,34,56,.10);--radius:22px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-header,.admin-top{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,24px);border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:sticky;top:0;z-index:20;backdrop-filter:blur(12px)}
.brand{display:flex;align-items:center;gap:10px;font-size:1.2rem;font-weight:800}.brand span{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--brand);color:#fff}.site-header nav{display:flex;gap:28px;color:#415269;font-weight:650}.site-header nav a:hover{color:var(--brand)}
.btn{border:0;border-radius:12px;padding:13px 20px;font-weight:800;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--brand);color:#fff;box-shadow:0 10px 24px rgba(10,124,103,.23)}.btn-primary:hover{background:var(--brand-dark)}.btn-light{background:#fff;color:var(--ink)}.btn-ghost{border:1px solid var(--line);background:#fff}
.hero{min-height:680px;padding:90px max(6vw,28px);display:grid;grid-template-columns:1.15fr .85fr;align-items:center;gap:60px;background:radial-gradient(circle at 80% 25%,#d8fff4 0,transparent 26%),linear-gradient(135deg,#eefaf7,#f7f9fc 55%,#edf4fa)}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.78rem;font-weight:900;color:var(--brand);margin:0 0 12px}.hero h1{font-size:clamp(2.8rem,5vw,5.7rem);line-height:1.02;letter-spacing:-.055em;margin:0;max-width:900px}.hero-text{font-size:1.18rem;color:#52647a;max-width:720px;margin:24px 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:28px;color:#476072;font-weight:700;font-size:.94rem}
.hero-panel{display:grid;place-items:center;min-height:420px}.device-card{width:min(390px,100%);padding:34px;border-radius:30px;background:#102035;color:#fff;box-shadow:0 30px 70px rgba(16,32,53,.25);transform:rotate(2deg)}.device-icon{width:70px;height:70px;border-radius:22px;background:#1b8e78;display:grid;place-items:center;font-size:2.3rem}.device-card p{color:#9fb1c4;margin-top:36px}.device-card strong{font-size:1.6rem}.mini-progress{height:10px;background:#26384f;border-radius:99px;margin:24px 0 12px;overflow:hidden}.mini-progress i{display:block;width:76%;height:100%;background:#6de3c4;border-radius:inherit}
.section{padding:90px max(6vw,28px)}.section-title{text-align:center;max-width:760px;margin:0 auto 45px}.section-title h2,.split-section h2,.track-section h2,.admin-heading h1,.auth-card h1{font-size:clamp(2rem,3.2vw,3.6rem);line-height:1.08;letter-spacing:-.04em;margin:0}
.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.service-card{padding:28px}.service-card b{font-size:2rem}.service-card h3{font-size:1.2rem;margin:16px 0 8px}.service-card p{color:var(--muted);margin:0}
.split-section{padding:95px max(6vw,28px);display:grid;grid-template-columns:.82fr 1.18fr;gap:55px;background:#0f2234;color:#fff}.form-intro{padding-top:35px}.form-intro p:not(.eyebrow),.form-intro li{color:#b6c4d2}.form-intro ul{padding-left:20px;display:grid;gap:13px}
.form-card{padding:30px;color:var(--ink)}.field-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}label{display:grid;gap:7px;font-weight:750;font-size:.92rem;margin-bottom:16px}input,select,textarea{width:100%;border:1px solid #cad7e4;border-radius:11px;padding:13px 14px;color:var(--ink);background:#fff;outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 4px rgba(10,124,103,.12)}textarea{resize:vertical}.check{display:flex;grid-template-columns:auto 1fr;align-items:flex-start;font-weight:500}.check input{width:auto;margin-top:4px}.form-message{min-height:24px;margin:12px 0 0;font-weight:700}.form-message.error{color:var(--danger)}.form-message.success{color:var(--brand)}
.track-section{padding:90px max(6vw,28px);background:var(--soft)}.track-copy{text-align:center;max-width:680px;margin:0 auto 28px}.track-copy p:last-child{color:var(--muted)}.track-form{max-width:980px;margin:auto;padding:20px;display:grid;grid-template-columns:1.4fr 1fr auto;gap:12px}.track-form .form-message{grid-column:1/-1}
.tracking-card{max-width:980px;margin:25px auto 0;padding:30px}.tracking-head{display:flex;justify-content:space-between;gap:20px;align-items:start;border-bottom:1px solid var(--line);padding-bottom:20px}.status-pill{padding:8px 12px;border-radius:99px;background:var(--accent);color:var(--brand-dark);font-weight:900}.tracking-meta{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin:22px 0}.tracking-meta div{background:var(--soft);padding:15px;border-radius:14px}.tracking-meta small{display:block;color:var(--muted)}.timeline{display:grid;gap:0}.timeline-item{display:grid;grid-template-columns:28px 1fr;gap:13px;padding-bottom:18px}.timeline-dot{width:16px;height:16px;background:var(--brand);border-radius:50%;margin-top:5px;box-shadow:0 0 0 5px var(--accent)}.timeline-item p{margin:2px 0;color:var(--muted)}.timeline-item small{color:#8da0b4}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.steps article{padding:30px;border-top:3px solid var(--brand);background:var(--soft);border-radius:0 0 18px 18px}.steps span{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;background:var(--brand);color:#fff;font-weight:900}.steps p{color:var(--muted)}
footer{padding:55px max(6vw,28px);background:#091725;color:#fff;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:35px}footer div{display:flex;flex-direction:column;gap:10px}footer p,footer a{color:#aebdca}
.admin-shell{min-height:100vh;background:var(--soft)}.admin-top{position:static}.auth-card{width:min(520px,calc(100% - 32px));margin:75px auto;padding:34px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.admin-heading{padding:55px max(5vw,24px) 25px;display:flex;justify-content:space-between;align-items:end}.admin-filters{margin:0 max(5vw,24px) 24px;padding:18px;display:grid;grid-template-columns:1fr 260px;gap:14px}.repair-grid{padding:0 max(5vw,24px) 60px;display:grid;gap:18px}.repair-admin-card{padding:24px}.repair-admin-head{display:flex;justify-content:space-between;gap:20px}.repair-admin-head h3{margin:0}.repair-admin-meta{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.repair-admin-meta div{padding:12px;background:var(--soft);border-radius:11px}.repair-admin-meta small{display:block;color:var(--muted)}.admin-edit{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.admin-edit label{margin:0}.admin-edit .full{grid-column:1/-1}
@media(max-width:980px){.site-header nav{display:none}.hero,.split-section{grid-template-columns:1fr}.hero{min-height:auto}.service-grid,.steps{grid-template-columns:repeat(2,1fr)}.tracking-meta{grid-template-columns:repeat(2,1fr)}.repair-admin-meta{grid-template-columns:repeat(2,1fr)}.admin-edit{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.header-cta{display:none}.hero{padding-top:60px}.hero h1{font-size:2.75rem}.service-grid,.steps,.field-grid,.track-form,.admin-filters,.tracking-meta,.admin-edit,footer{grid-template-columns:1fr}.tracking-head,.admin-heading,.repair-admin-head{flex-direction:column}.admin-edit .full{grid-column:auto}}
