
:root{
  --navy:#061326;
  --navy2:#0a2142;
  --steel:#1f5f86;
  --steel2:#4fa5c4;
  --gold:#d9b968;
  --gold2:#f4dd9a;
  --cream:#fff8ea;
  --ink:#102033;
  --muted:#66758a;
  --line:rgba(217,185,104,.28);
  --card:rgba(255,255,255,.88);
  --glass:rgba(255,255,255,.12);
  --shadow:0 24px 70px rgba(1,12,30,.22);
  --radius:28px;
}
*{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;background:linear-gradient(135deg,#f9f4ea,#eef6fb 45%,#fffaf2);color:var(--ink);overflow-x:hidden}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
body:before{content:"ATM";position:fixed;inset:auto -4vw -4vw auto;font-family:Georgia,serif;font-weight:900;font-size:28vw;color:rgba(7,26,51,.035);z-index:-2;line-height:.8}
body:after{content:"";position:fixed;inset:0;background:radial-gradient(circle at 12% 15%,rgba(79,165,196,.25),transparent 32%),radial-gradient(circle at 82% 4%,rgba(217,185,104,.22),transparent 35%),radial-gradient(circle at 70% 80%,rgba(7,26,51,.13),transparent 38%);z-index:-3;pointer-events:none}
.topbar{position:sticky;top:0;z-index:50;background:rgba(6,19,38,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(244,221,154,.22);box-shadow:0 14px 35px rgba(0,0,0,.18)}
.nav{max-width:1180px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;padding:14px 20px;gap:18px}
.brand{display:flex;align-items:center;gap:12px;color:#fff}
.brand img{width:48px;height:48px;border-radius:16px;box-shadow:0 10px 28px rgba(217,185,104,.22)}
.brand strong{display:block;letter-spacing:.08em;text-transform:uppercase;color:var(--gold2);font-size:13px}
.brand span{display:block;color:rgba(255,255,255,.76);font-size:12px;margin-top:2px}
.navlinks{display:flex;align-items:center;gap:6px;flex-wrap:wrap;justify-content:flex-end}
.navlinks a{position:relative;color:rgba(255,255,255,.84);font-size:13px;padding:10px 12px;border-radius:999px;overflow:hidden}
.navlinks a:before{content:"";position:absolute;inset:auto 50% 0 50%;height:2px;background:linear-gradient(90deg,var(--gold),var(--steel2));transition:.28s ease}
.navlinks a:hover{background:rgba(255,255,255,.08);color:#fff}.navlinks a:hover:before{inset:auto 12px 0 12px}
.btn{border:0;border-radius:999px;padding:12px 18px;font-weight:800;cursor:pointer;background:linear-gradient(135deg,var(--steel),#123c62);color:#fff;box-shadow:0 12px 30px rgba(31,95,134,.24);transition:transform .2s ease,box-shadow .2s ease,filter .2s ease;display:inline-flex;align-items:center;gap:8px;justify-content:center;white-space:nowrap}
.btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(31,95,134,.34);filter:saturate(1.08)}
.btn.gold{background:linear-gradient(135deg,var(--gold2),var(--gold),#a7792d);color:#071a33;box-shadow:0 12px 35px rgba(217,185,104,.33)}
.btn.dark{background:linear-gradient(135deg,#0d2444,#061326)}.btn.ghost{background:rgba(255,255,255,.1);border:1px solid rgba(244,221,154,.35);box-shadow:none}.btn.full{width:100%}
.container{max-width:1180px;margin:0 auto;padding:0 20px}.section{padding:76px 0}.section.tight{padding:42px 0}.hero{position:relative;color:#fff;min-height:680px;display:grid;align-items:center;background:linear-gradient(135deg,rgba(6,19,38,.98),rgba(7,38,70,.92) 48%,rgba(31,95,134,.82)),url('/assets/icons/ATM_Precision_Logistics/transparent/logo-transparent-1024.png');background-repeat:no-repeat;background-size:680px,cover;background-position:calc(100% + 160px) center,center;overflow:hidden;border-bottom-left-radius:52px;border-bottom-right-radius:52px}
.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,19,38,.8),rgba(6,19,38,.2)),radial-gradient(circle at 73% 27%,rgba(244,221,154,.22),transparent 34%);pointer-events:none}.hero .container{position:relative;z-index:2}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:42px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.1);border:1px solid rgba(244,221,154,.32);padding:9px 13px;border-radius:999px;color:var(--gold2);font-weight:800;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,7vw,82px);line-height:.95;margin:20px 0 18px;letter-spacing:-.045em}.hero p{font-size:18px;line-height:1.7;color:rgba(255,255,255,.82);max-width:680px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.hero-card{position:relative;background:linear-gradient(155deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(244,221,154,.28);border-radius:36px;padding:24px;box-shadow:var(--shadow);backdrop-filter:blur(18px);overflow:hidden}.hero-card:before{content:"";position:absolute;inset:-60px -80px auto auto;width:220px;height:220px;background:radial-gradient(circle,rgba(244,221,154,.35),transparent 70%);border-radius:50%}.hero-logo{width:160px;height:160px;border-radius:38px;box-shadow:0 30px 80px rgba(0,0,0,.35);animation:float 5.8s ease-in-out infinite}.hero-card h3{font-size:25px;margin:18px 0 10px}.badge-row{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.badge,.pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;padding:8px 11px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.14);font-size:12px;color:inherit}.pill{color:#0d2745;background:#fff;border-color:rgba(6,19,38,.08);font-weight:800}.pill.gold{background:rgba(244,221,154,.18);border-color:rgba(217,185,104,.36);color:#7b5918}.pill.good{background:#e8f7ee;color:#146235}.pill.warn{background:#fff5d8;color:#7a5a0c}.pill.dark{background:#0b203d;color:#fff}
.kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:-52px;position:relative;z-index:5}.kpi{background:rgba(255,255,255,.92);border:1px solid rgba(217,185,104,.23);border-radius:26px;padding:20px;box-shadow:0 18px 50px rgba(4,24,48,.12);min-height:132px}.kpi b{display:block;font-size:30px;color:#071a33}.kpi span{display:block;color:var(--muted);font-size:13px;margin-top:8px;line-height:1.45}.section-head{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:28px}.section-head h2{font-family:Georgia,serif;font-size:clamp(32px,5vw,54px);line-height:1;margin:8px 0;color:#071a33}.section-head p{color:var(--muted);line-height:1.7;max-width:760px}.grid{display:grid;gap:18px}.grid.two{grid-template-columns:repeat(2,1fr)}.grid.three{grid-template-columns:repeat(3,1fr)}.grid.four{grid-template-columns:repeat(4,1fr)}.card{background:var(--card);border:1px solid rgba(6,19,38,.08);border-radius:var(--radius);padding:24px;box-shadow:0 18px 60px rgba(9,31,58,.1);backdrop-filter:blur(18px)}.card.dark{background:linear-gradient(135deg,#071a33,#092b4c);color:#fff;border-color:rgba(244,221,154,.24)}.card h3{margin:0 0 10px;font-size:23px}.card p,.card small{color:var(--muted);line-height:1.6}.card.dark p,.card.dark small{color:rgba(255,255,255,.74)}.icon{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(31,95,134,.12),rgba(217,185,104,.2));font-size:24px;margin-bottom:16px}.arch-panel{position:relative;background:linear-gradient(135deg,#071a33,#0a3560);color:#fff;border-radius:48px 48px 32px 32px;padding:34px;overflow:hidden;box-shadow:var(--shadow)}.arch-panel:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(244,221,154,.18);border-radius:999px 999px 0 0;right:-140px;bottom:-190px}.arch-panel>*{position:relative}.split-line{height:1px;background:linear-gradient(90deg,transparent,var(--line),transparent);margin:22px 0}.form-card{max-width:980px;margin:0 auto;background:rgba(255,255,255,.94);border:1px solid rgba(217,185,104,.25);border-radius:34px;padding:26px;box-shadow:0 22px 80px rgba(6,19,38,.14)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.field{display:flex;flex-direction:column;gap:8px}.field.full{grid-column:1/-1}.field label{font-size:12px;text-transform:uppercase;letter-spacing:.07em;font-weight:900;color:#244663}.field input,.field select,.field textarea{width:100%;border:1px solid rgba(6,19,38,.14);background:#fff;border-radius:18px;padding:13px 14px;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.field textarea{min-height:116px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--steel);box-shadow:0 0 0 4px rgba(31,95,134,.12)}.notice{border-radius:22px;padding:16px 18px;background:#f7fbff;border:1px solid rgba(31,95,134,.15);color:#244663;line-height:1.55}.notice.gold{background:#fff8e5;border-color:rgba(217,185,104,.32);color:#76581b}.status-box{display:none;margin-top:18px;border-radius:22px;padding:18px;border:1px solid rgba(31,95,134,.2);background:#f8fcff}.status-box.show{display:block}.status-box strong{color:#071a33}.timeline{display:grid;gap:10px;margin-top:14px}.timeline div{padding:12px 14px;border-radius:16px;background:#fff;border:1px solid rgba(6,19,38,.08)}.footer{background:#061326;color:#fff;padding:44px 0;margin-top:60px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:22px}.footer p,.footer a{color:rgba(255,255,255,.74);line-height:1.7}.footer h4{color:var(--gold2);margin:0 0 12px}.small{font-size:12px}.mt{margin-top:18px}.mb{margin-bottom:18px}.hide{display:none!important}.reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.reveal.in{opacity:1;transform:translateY(0)}
.table-wrap{overflow:auto;border-radius:22px;border:1px solid rgba(6,19,38,.08)}table{border-collapse:collapse;width:100%;background:#fff}th,td{text-align:left;padding:13px;border-bottom:1px solid rgba(6,19,38,.06);font-size:13px}th{background:#071a33;color:var(--gold2)}tr:last-child td{border-bottom:0}.sync-panel{background:linear-gradient(135deg,#071a33,#0a3560);color:#fff;min-height:100vh}.sync-panel .card{color:var(--ink)}
@keyframes float{0%,100%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(-13px) rotate(1deg)}}
@media(max-width:880px){.nav{align-items:flex-start}.navlinks{display:none}.hero{min-height:auto;padding:80px 0;border-radius:0 0 34px 34px;background-size:420px,cover;background-position:calc(100% + 190px) bottom,center}.hero-grid,.grid.two,.grid.three,.grid.four,.footer-grid{grid-template-columns:1fr}.hero-card{margin-top:20px}.kpis{grid-template-columns:1fr 1fr;margin-top:18px}.section-head{display:block}.form-grid{grid-template-columns:1fr}.container{padding:0 16px}.section{padding:52px 0}.hero h1{font-size:44px}.hero p{font-size:16px}}
@media(max-width:540px){.brand img{width:42px;height:42px}.brand strong{font-size:11px}.brand span{font-size:11px}.kpis{grid-template-columns:1fr}.hero-actions .btn{width:100%}.card,.form-card{padding:18px;border-radius:22px}.footer{padding-bottom:80px}}
@media print{.topbar,.hero-actions,.btn,.footer{display:none!important}.hero{color:#000;background:#fff;min-height:auto}.card,.form-card{box-shadow:none;break-inside:avoid}body{background:#fff}}
