
:root{--ink:#071c2b;--blue:#0756d8;--lime:#62e6a6;--paper:#f4f8fb;--line:#dbe6ed;--muted:#5d6f7b;--background:#f9fbfd;--foreground:#071c2b;--card:#fff;--card-foreground:#071c2b;--popover:#fff;--popover-foreground:#071c2b;--primary:#0756d8;--primary-foreground:#fff;--secondary:#e9f1f7;--secondary-foreground:#071c2b;--accent:#dff9ed;--accent-foreground:#071c2b;--destructive:#c81e1e;--border:#dbe6ed;--input:#dbe6ed;--ring:#0756d8;--radius:.75rem}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--background);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:16px}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,76px);border-bottom:1px solid var(--line);background:rgba(249,251,253,.92);position:sticky;top:0;z-index:20;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:12px}.brand span{display:grid;place-items:center;width:40px;height:40px;background:var(--blue);color:white;font-weight:900;border-radius:12px;letter-spacing:-2px}.brand b{text-transform:uppercase;letter-spacing:.07em;font-size:.9rem}.navlinks{display:flex;align-items:center;gap:28px;font-size:.92rem;font-weight:600}.adminlink{border:1px solid var(--line);padding:10px 16px;border-radius:99px}.hero{min-height:680px;padding:85px clamp(20px,6vw,90px);display:grid;grid-template-columns:1.25fr .75fr;gap:60px;align-items:center;background:radial-gradient(circle at 80% 20%,#d9f8ee 0,transparent 29%),linear-gradient(135deg,#f9fbfd,#eef6fb)}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-weight:800;font-size:.75rem;color:var(--blue)}h1{font-size:clamp(3.2rem,7vw,7.3rem);line-height:.9;letter-spacing:-.07em;margin:22px 0;max-width:940px}h1 em{font-style:normal;color:var(--blue)}.lead{font-size:1.18rem;line-height:1.7;color:var(--muted);max-width:700px}.actions{display:flex;gap:12px;margin:34px 0}.primary,.secondary{display:inline-flex;align-items:center;gap:10px;padding:15px 21px;border-radius:12px;font-weight:800}.primary{background:var(--ink);color:white}.secondary{border:1px solid var(--line);background:white}.trust{display:flex;flex-wrap:wrap;align-items:center;gap:9px 22px;color:var(--muted);font-size:.9rem}.trust svg{color:var(--blue)}.hero-panel{background:var(--ink);color:white;min-height:500px;border-radius:32px;padding:38px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.orbit{height:350px;position:relative;display:grid;place-items:center}.orbit:before,.orbit:after{content:"";position:absolute;border:1px solid #ffffff30;border-radius:50%;inset:35px}.orbit:after{inset:80px}.core{width:150px;height:150px;border-radius:50%;background:var(--lime);color:var(--ink);display:grid;place-content:center;text-align:center;z-index:2}.core small{font-size:.65rem;letter-spacing:.14em}.core strong{font-size:1.65rem}.orb{position:absolute;padding:10px 14px;background:white;color:var(--ink);border-radius:99px;font-weight:800}.o1{top:25px}.o2{right:20px}.o3{bottom:18px}.o4{left:20px}.hero-panel>p{font-size:1.25rem;line-height:1.5}.statement,.section{padding:100px clamp(20px,6vw,90px)}.statement{background:var(--blue);color:white}.statement>p{opacity:.75}.statement h2,.section h2,.contact h2{font-size:clamp(2.2rem,4.5vw,4.7rem);line-height:1;letter-spacing:-.05em;margin:16px 0 42px;max-width:850px}.numbers{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff40}.numbers div{padding:32px 20px 0 0}.numbers b{display:block;font-size:2.6rem}.numbers span{opacity:.75}.section header>p:last-child{max-width:660px;color:var(--muted);line-height:1.7}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:52px}.service-grid article{background:white;padding:35px;min-height:300px;position:relative}.service-grid svg{color:var(--blue);width:34px;height:34px}.service-grid .count{position:absolute;right:24px;color:#9fb0ba;font-weight:700}.service-grid h3,.product-grid h3{font-size:1.45rem;margin:52px 0 12px}.service-grid p,.product-grid p{line-height:1.7;color:var(--muted)}.products{background:var(--ink);color:white}.products .eyebrow{color:var(--lime)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.product-grid article{border-top:5px solid var(--accent);background:#0e2a3d;padding:32px;border-radius:0 0 18px 18px;min-height:300px}.product-grid article>span{color:var(--accent);font-size:.78rem;text-transform:uppercase;letter-spacing:.15em}.product-grid article h3{font-size:2rem}.product-grid article p{color:#b9cbd7}.product-grid article a{display:inline-flex;align-items:center;gap:8px;margin-top:18px;font-weight:800}.shop-callout{margin-top:18px;border:1px solid #ffffff22;padding:25px 30px;border-radius:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px}.shop-callout>svg{color:var(--lime)}.shop-callout h3{margin:0}.shop-callout p{color:#b9cbd7;margin:7px 0}.shop-callout a{background:var(--lime);color:var(--ink);padding:13px 18px;border-radius:10px;font-weight:800}.client-list{border-top:1px solid var(--line)}.client-list div{display:grid;grid-template-columns:80px 1fr auto;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line)}.client-list div span{color:var(--blue);font-weight:800}.client-list div p{font-size:clamp(1.15rem,2.5vw,1.8rem);margin:0}.client-list svg{color:var(--blue)}.process{background:#eaf3f8}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.steps div{border-top:2px solid var(--blue);padding-top:20px}.steps b{color:var(--blue)}.steps p{color:var(--muted);line-height:1.6}.contact{padding:100px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr 1fr;gap:70px;background:white}.contact>div>p{color:var(--muted);line-height:1.7}.contact-list{display:grid;gap:16px;margin-top:35px}.contact-list a,.contact-list span{display:flex;gap:12px;align-items:flex-start}.contact-list svg{flex:none;color:var(--blue)}form{background:var(--paper);padding:32px;border-radius:24px;display:grid;gap:18px}label{display:grid;gap:8px;font-weight:700;font-size:.9rem}input,select,textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:13px;background:white;font:inherit;color:var(--ink)}textarea{resize:vertical}button{border:0;background:var(--blue);color:white;padding:15px;border-radius:10px;font:inherit;font-weight:800;display:flex;justify-content:center;align-items:center;gap:8px;cursor:pointer}footer{padding:34px clamp(20px,6vw,90px);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;background:#04121c;color:#b9cbd7}footer .brand{color:white}
.admin-shell{min-height:100vh;background:#eef4f8;padding:30px}.admin-top,.admin-card{max-width:1100px;margin:auto;background:white;border:1px solid var(--line);border-radius:18px;padding:25px}.admin-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.admin-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:18px;max-width:1100px;margin:auto}.admin-card h2{margin-top:0}.record{border:1px solid var(--line);padding:14px;border-radius:10px;margin:10px 0}.record p{color:var(--muted)}.record button{background:#be2c2c;padding:8px 12px}.notice{padding:15px;background:#e1f7ee;border-radius:10px}.denied{max-width:650px;margin:100px auto;padding:35px;background:white;border-radius:20px}
@media(max-width:900px){.navlinks a:not(.adminlink){display:none}.hero{grid-template-columns:1fr;padding-top:60px}.hero-panel{min-height:420px}.service-grid,.product-grid{grid-template-columns:1fr 1fr}.steps{grid-template-columns:1fr 1fr}.contact{grid-template-columns:1fr}.shop-callout{grid-template-columns:auto 1fr}.shop-callout a{grid-column:1/-1;text-align:center}.numbers{grid-template-columns:repeat(3,1fr)}footer{grid-template-columns:1fr}.admin-grid{grid-template-columns:1fr}}
@media(max-width:600px){.nav{height:68px}.brand b{font-size:.76rem}.hero{padding:60px 20px;gap:30px}.hero-panel{padding:22px}.actions{flex-direction:column}.primary,.secondary{justify-content:center}.service-grid,.product-grid,.steps{grid-template-columns:1fr}.numbers{grid-template-columns:1fr}.numbers div{border-bottom:1px solid #ffffff30;padding-bottom:20px}.statement,.section,.contact{padding:72px 20px}.client-list div{grid-template-columns:46px 1fr}.client-list svg{display:none}form{padding:22px}.trust{gap:8px}.trust svg{width:16px}.orbit{height:300px}.admin-shell{padding:12px}}
