
:root{--ink:#071b22;--text:#102033;--muted:#64788b;--green:#007a68;--green2:#00a889;--orange:#ff6b00;--line:#dbe7ea;--bg:#f3f7f8;--card:#fff;--shadow:0 24px 70px rgba(15,23,42,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 0%,rgba(0,168,137,.16),transparent 34%),radial-gradient(circle at 92% 3%,rgba(255,107,0,.13),transparent 30%),linear-gradient(180deg,#f4faf9 0%,#fff 48%,#f3f7f8 100%)}a{color:inherit}.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.9);border-bottom:1px solid rgba(219,231,234,.8);backdrop-filter:blur(16px)}.header-inner{max-width:1220px;margin:auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink);font-weight:900}.brand-mark{width:52px;height:52px;border-radius:16px;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);box-shadow:0 10px 24px rgba(15,23,42,.1);letter-spacing:-2px;font-size:21px}.brand-mark span,.mini-logo span{color:var(--orange)}.brand-name{font-size:22px}.nav{display:flex;gap:20px;color:#3b5164;font-weight:800;font-size:15px}.nav a{text-decoration:none}.nav a:hover{color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 20px;border-radius:15px;text-decoration:none;font-weight:900;border:1px solid transparent;transition:.15s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--green);color:#fff;box-shadow:0 16px 32px rgba(0,122,104,.25)}.btn-primary:hover{background:#006b5b}.btn-secondary{background:#fff;color:var(--green);border-color:var(--line)}.hero{max-width:1220px;margin:auto;padding:72px 24px 52px;display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border-radius:999px;background:#e6f6f2;color:var(--green);font-size:13px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";width:9px;height:9px;border-radius:50%;background:var(--green2);box-shadow:0 0 0 6px rgba(0,168,137,.14)}h1{margin:0 0 22px;color:var(--ink);font-size:64px;line-height:1.01;letter-spacing:-2.8px}.lead{margin:0 0 32px;color:var(--muted);font-size:21px;line-height:1.58;max-width:710px}.actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.proof{display:flex;flex-wrap:wrap;gap:10px}.proof span{background:#fff;border:1px solid var(--line);padding:9px 13px;border-radius:999px;color:#465c70;font-weight:800;font-size:14px}.hero-panel{position:relative;background:linear-gradient(145deg,#102a33,#243940);border-radius:34px;padding:26px;box-shadow:0 28px 90px rgba(15,23,42,.24);overflow:hidden}.hero-panel:before{content:"";position:absolute;inset:-70px -70px auto auto;width:210px;height:210px;background:radial-gradient(circle,rgba(255,107,0,.34),transparent 68%)}.device{position:relative;background:#f8fbfb;border-radius:26px;padding:26px;min-height:455px;box-shadow:inset 0 0 0 1px rgba(7,27,34,.08)}.device-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:20px}.device-title{display:flex;align-items:center;gap:11px;font-weight:900;color:var(--ink)}.mini-logo{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-weight:900;letter-spacing:-2px}.status{padding:7px 10px;border-radius:999px;background:#e6f6f2;color:var(--green);font-size:12px;font-weight:900}.scan-card{border:1px solid var(--line);background:#fff;border-radius:22px;padding:18px;margin-bottom:14px}.scan-card h3{margin:0 0 12px;font-size:20px;color:var(--ink)}.scan-line{display:flex;justify-content:space-between;gap:14px;padding:12px 0;border-top:1px solid #edf3f5;color:var(--muted)}.scan-line:first-of-type{border-top:0}.scan-line strong{color:var(--text)}.pill{white-space:nowrap;border-radius:999px;padding:5px 10px;font-weight:900;font-size:12px}.pill-orange{background:#fff2df;color:#a45100}.rfid-list{display:grid;gap:10px}.rfid-row{display:flex;align-items:center;gap:10px;padding:11px;border-radius:15px;background:#fff;border:1px solid var(--line);font-size:13px;color:#465c70}.rfid-color{width:12px;height:12px;border-radius:50%;background:var(--green)}.rfid-color.orange{background:var(--orange)}.rfid-color.grey{background:#95a7b4}.kpi-strip{max-width:1160px;margin:-8px auto 48px;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.kpi{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.kpi strong{display:block;font-size:31px;color:var(--ink);margin-bottom:4px}.kpi span{color:var(--muted);font-weight:800}.section{max-width:1220px;margin:auto;padding:56px 24px}.section-title{max-width:790px;margin-bottom:30px}.section-title.center{text-align:center;margin-left:auto;margin-right:auto}.section-title h2{margin:0 0 13px;color:var(--ink);font-size:42px;line-height:1.08;letter-spacing:-1.5px}.section-title p{margin:0;color:var(--muted);font-size:18px;line-height:1.58}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature{background:#fff;border:1px solid var(--line);border-radius:26px;padding:28px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.feature-icon{width:50px;height:50px;border-radius:16px;background:#e6f6f2;color:var(--green);display:flex;align-items:center;justify-content:center;font-weight:900;margin-bottom:18px}.feature h3{margin:0 0 10px;font-size:22px;color:var(--ink)}.feature p{margin:0;color:var(--muted);line-height:1.58}.dark-band{background:linear-gradient(135deg,var(--ink) 0%,#0d2d37 100%);color:#fff;margin:42px 0}.dark-inner{max-width:1220px;margin:auto;padding:68px 24px;display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.dark-inner h2{margin:0 0 16px;font-size:42px;line-height:1.08;letter-spacing:-1.4px}.dark-inner p{margin:0;color:#bcd1d8;font-size:18px;line-height:1.6}.checklist{display:grid;grid-template-columns:1fr 1fr;gap:12px}.check{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.13);border-radius:18px;padding:16px;font-weight:900}.workflows{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;counter-reset:steps}.workflow{background:#fff;border:1px solid var(--line);border-radius:24px;padding:26px}.workflow:before{counter-increment:steps;content:"0" counter(steps);display:inline-flex;width:42px;height:42px;border-radius:14px;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-weight:900;margin-bottom:18px}.workflow h3{margin:0 0 9px;font-size:20px;color:var(--ink)}.workflow p{margin:0;color:var(--muted);line-height:1.55}.cta{max-width:1120px;margin:34px auto 86px;padding:0 24px}.cta-card{background:linear-gradient(135deg,#fff 0%,#f3faf8 100%);border:1px solid var(--line);border-radius:34px;box-shadow:var(--shadow);padding:46px;display:flex;justify-content:space-between;gap:32px;align-items:center}.cta-card h2{margin:0 0 10px;color:var(--ink);font-size:36px;letter-spacing:-1.2px}.cta-card p{margin:0;color:var(--muted);line-height:1.55;font-size:17px}.legal-page{max-width:980px;margin:auto;padding:54px 24px}.legal-card{background:#fff;border:1px solid var(--line);border-radius:26px;padding:32px;box-shadow:0 12px 34px rgba(15,23,42,.06);margin:18px 0}.legal-card h2{color:var(--ink);margin:0 0 12px}.legal-card p,.legal-card li{color:var(--muted);line-height:1.65}.legal-card table{width:100%;border-collapse:collapse;color:var(--muted)}.legal-card th,.legal-card td{border:1px solid var(--line);padding:12px;text-align:left;vertical-align:top}.legal-card th{color:var(--ink);background:#f5faf9}.footer{background:#fff;border-top:1px solid var(--line)}.footer-inner{max-width:1220px;margin:auto;padding:30px 24px;display:flex;align-items:center;justify-content:space-between;gap:18px;flex-wrap:wrap;color:var(--muted)}.footer a{color:var(--green);text-decoration:none;font-weight:900}.cookie-banner{position:fixed;left:18px;right:18px;bottom:18px;z-index:100;background:#fff;border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px rgba(15,23,42,.18);padding:18px;display:none;max-width:980px;margin:auto}.cookie-banner.show{display:block}.cookie-inner{display:flex;align-items:center;justify-content:space-between;gap:18px}.cookie-inner p{margin:0;color:var(--muted);line-height:1.5}.cookie-inner strong{color:var(--ink)}
@media(max-width:990px){.nav{display:none}.hero,.dark-inner{grid-template-columns:1fr}h1{font-size:45px;letter-spacing:-1.6px}.lead{font-size:19px}.features,.workflows,.kpi-strip{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.header-inner{padding:14px 16px}.brand-name{font-size:20px}.header-actions .btn{padding:12px 14px;font-size:14px}.hero,.section,.legal-page{padding-left:16px;padding-right:16px}h1{font-size:38px}.section-title h2,.dark-inner h2{font-size:32px}.features,.workflows,.kpi-strip,.checklist{grid-template-columns:1fr}.actions .btn,.cta-card .btn{width:100%}.cta-card{padding:30px;flex-direction:column;align-items:flex-start}.device{min-height:auto}.cookie-inner{flex-direction:column;align-items:flex-start}.cookie-inner .btn{width:100%}}
