/*
Theme Name: DSG Mobile
Theme URI: https://mobile.dsgsoftware.pl
Author: DSG Software Sp. z o.o.
Author URI: https://www.dsgsoftware.pl
Description: Lekki, dedykowany motyw sprzedażowy platformy DSG Mobile.
Version: 2.6.0
Requires at least: 6.4
Requires PHP: 8.0
Text Domain: dsg-mobile
*/

/* Treść strony głównej i modułów pochodzi z edytora Strony w WordPressie. */

:root { --navy:#07182d; --navy-2:#0a2039; --ink:#0c2037; --cyan:#12c9cf; --cyan-light:#7ff2ec; --white:#fff; --muted:#9eb0c3; --line:rgba(255,255,255,.12); --dsg-brand-logo:url("assets/images/brand/dsg-mobile-logo-on-dark.svg"); --dsg-brand-symbol-color:url("assets/images/brand/dsg-mobile-symbol-color.svg"); --dsg-brand-symbol-dark:url("assets/images/brand/dsg-mobile-symbol-on-dark.svg"); }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; overflow-x:hidden; background:#f6f8fa; color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,Helvetica,sans-serif; }
body.admin-bar .nav { margin-top:32px; }
button, input, textarea, select { font:inherit; }
.nav-toggle { display:none; border:1px solid rgba(255,255,255,.2); background:transparent; color:#fff; width:42px; height:42px; border-radius:9px; align-items:center; justify-content:center; cursor:pointer; }
.nav-toggle span,.nav-toggle::before,.nav-toggle::after { content:""; display:block; width:18px; height:2px; background:currentColor; border-radius:2px; position:absolute; transition:.2s; }
.nav-toggle::before { transform:translateY(-6px); }
.nav-toggle::after { transform:translateY(6px); }
.nav-toggle[aria-expanded="true"] span { opacity:0; }
.nav-toggle[aria-expanded="true"]::before { transform:rotate(45deg); }
.nav-toggle[aria-expanded="true"]::after { transform:rotate(-45deg); }
.footer-bottom a { color:inherit; }
.screen-reader-text { position:absolute!important; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
a { color:inherit; text-decoration:none; }
.container { width:min(1200px, calc(100% - 48px)); margin-inline:auto; }
.hero { min-height:100vh; overflow:hidden; color:white; background:radial-gradient(circle at 72% 39%, rgba(20,201,207,.11), transparent 28%), radial-gradient(circle at 9% 76%, rgba(29,91,145,.18), transparent 30%), linear-gradient(135deg, #061426 0%, #071a30 55%, #09213a 100%); position:relative; }
.hero::before { content:""; position:absolute; inset:0; opacity:.15; pointer-events:none; background-image:linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px); background-size:70px 70px; mask-image:linear-gradient(to bottom,black,transparent 85%); }
.nav { height:90px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:10; }
.brand { display:flex; align-items:center; gap:12px; }
.brand-mark { font-size:25px; font-weight:900; letter-spacing:-1.7px; }
.brand-mark span,.mobile-logo span { color:var(--cyan); }
.brand-product { font-size:12px; color:#b3c1cf; border-left:1px solid #526172; padding-left:12px; letter-spacing:3px; font-weight:700; }
.nav-links { display:flex; gap:34px; font-size:14px; color:#b7c4d2; }
.nav-links a { transition:.2s; }
.nav-links a:hover { color:white; }
.nav-cta { display:flex; align-items:center; gap:9px; border:1px solid rgba(104,234,228,.55); padding:12px 17px; border-radius:8px; font-size:13px; font-weight:700; color:#e6ffff; transition:.2s; }
.nav-cta:hover { background:rgba(18,201,207,.1); transform:translateY(-1px); }
.arrow-icon { width:17px; height:17px; flex:none; }
.hero-grid { min-height:650px; display:grid; grid-template-columns:46% 54%; align-items:center; position:relative; z-index:2; padding-top:34px; padding-bottom:30px; }
.hero-copy { padding-bottom:28px; }
.pill { width:max-content; display:flex; align-items:center; gap:9px; border:1px solid rgba(61,210,214,.26); border-radius:99px; background:rgba(18,201,207,.07); color:#9de9e7; padding:8px 13px; font-size:11px; letter-spacing:1.45px; text-transform:uppercase; font-weight:700; }
.pill span { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 12px var(--cyan); }
h1 { margin:24px 0 21px; font-size:clamp(54px,5.25vw,78px); line-height:.98; letter-spacing:-4px; font-weight:780; }
h1 span { color:var(--cyan-light); }
.hero-lead { max-width:570px; margin:0; color:#b3c1cf; line-height:1.72; font-size:17px; }
.hero-actions { display:flex; gap:12px; margin-top:33px; }
.button { min-height:50px; display:inline-flex; align-items:center; justify-content:center; gap:10px; border-radius:8px; padding:0 20px; font-size:14px; font-weight:700; transition:.2s; }
.button:hover { transform:translateY(-2px); }
.button-primary { background:linear-gradient(135deg,#1bd1d4,#11b8c1); color:#041a2c; box-shadow:0 10px 28px rgba(13,191,198,.2); }
.button-secondary { color:#d9e3ec; border:1px solid rgba(255,255,255,.18); background:rgba(255,255,255,.03); }
.play { font-size:9px; border:1px solid #778696; width:21px; height:21px; border-radius:50%; display:grid; place-items:center; padding-left:1px; }
.hero-benefits { display:flex; flex-wrap:wrap; gap:22px; margin-top:30px; color:#8ea2b7; font-size:12px; }
.hero-benefits span { display:flex; align-items:center; gap:7px; }
.check-icon { width:16px; height:16px; color:var(--cyan); background:rgba(18,201,207,.1); border-radius:50%; padding:3px; }

.product-preview { height:570px; position:relative; perspective:1000px; }
.preview-glow { position:absolute; border-radius:50%; filter:blur(2px); }
.preview-glow-one { width:380px; height:380px; background:rgba(24,205,208,.07); right:50px; top:40px; box-shadow:0 0 130px rgba(21,193,199,.11); }
.preview-glow-two { width:250px; height:250px; border:1px solid rgba(63,226,223,.08); right:-10px; bottom:15px; }
.admin-window { position:absolute; width:545px; height:365px; top:55px; left:1px; overflow:hidden; border-radius:10px; background:#f6f8fa; color:#172a3e; box-shadow:0 35px 75px rgba(0,0,0,.35); transform:rotateY(-3deg) rotateX(1deg); border:1px solid rgba(255,255,255,.19); }
.window-bar { height:31px; background:#e8edf1; display:flex; align-items:center; padding:0 12px; position:relative; }
.window-dots { display:flex; gap:5px; }.window-dots span { width:7px;height:7px;border-radius:50%;background:#a9b6c0; }.window-dots span:first-child{background:#ee8b83}.window-dots span:nth-child(2){background:#e6c466}.window-dots span:last-child{background:#79c49b}
.window-address { position:absolute; left:50%; transform:translateX(-50%); font-size:7px; background:#dde4e9; color:#8595a1; padding:4px 55px; border-radius:4px; }
.admin-shell { height:calc(100% - 31px); display:grid; grid-template-columns:78px 1fr; }
.admin-sidebar { background:#0b1e34; padding:22px 14px; }
.mini-brand { color:white;font-size:10px;font-weight:900;margin-bottom:35px;display:flex;align-items:center;justify-content:space-between}.mini-brand i{width:10px;height:10px;border:1px solid #52677a;border-radius:2px}
.side-line { width:44px;height:5px;background:#53667a;border-radius:3px;margin:16px 0;opacity:.55}.side-line.short{width:30px}.side-line.active{height:23px;width:52px;margin-left:-7px;background:rgba(21,203,207,.17);border-left:2px solid var(--cyan);opacity:1}.side-line.lower{margin-top:76px}
.admin-content { padding:25px 25px 20px; background:#f7f9fb; }
.admin-heading { display:flex;align-items:flex-end;justify-content:space-between}.admin-heading div{display:flex;flex-direction:column;gap:5px}.admin-heading small{font-size:6px;letter-spacing:1px;color:#27a9ad;font-weight:700}.admin-heading strong{font-size:16px}.admin-heading>span{background:#0ab9bf;color:white;padding:7px 10px;border-radius:4px;font-size:7px;font-weight:700}
.stat-row { display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:19px}.stat-row div{height:55px;border:1px solid #e5e9ed;border-radius:6px;background:white;padding:9px 11px;display:flex;flex-direction:column;gap:3px}.stat-row small{font-size:7px;color:#8997a3}.stat-row b{font-size:16px}
.table-card { margin-top:12px;border-radius:6px;background:white;border:1px solid #e4e9ed;overflow:hidden}.table-head,.table-row{display:grid;grid-template-columns:1.6fr 1fr .8fr;align-items:center;padding:0 13px}.table-head{height:27px;background:#f1f4f6;color:#8a98a5;font-size:6px;letter-spacing:.4px}.table-row{height:54px;border-top:1px solid #edf0f2;font-size:8px}.table-row>span:first-child{font-weight:700;position:relative;padding-left:19px}.table-row small{display:block;font-weight:400;color:#97a3ad;margin-top:3px}.doc-icon{position:absolute;left:0;top:0;width:12px;height:15px;border:1px solid #58c3c4;border-radius:2px}.table-row>span:nth-child(2)>b{font-size:7px}.table-row>span:nth-child(2)>i{display:block;width:70px;height:3px;background:#e5eaed;border-radius:3px;margin-top:5px;overflow:hidden}.table-row>span:nth-child(2)>i em{display:block;height:100%;background:#25c3c5}.status{width:max-content;padding:5px 7px;border-radius:99px;font-size:6px;font-weight:700}.status.working{color:#9b7200;background:#fff4d0}.status.done{color:#168372;background:#dff7ef}.faint{opacity:.72}
.phone { position:absolute; z-index:4; width:216px; height:440px; right:-6px; top:101px; border-radius:29px; background:#111a23; padding:7px; box-shadow:0 30px 70px rgba(0,0,0,.5),inset 0 0 0 1px #405060; transform:rotate(2deg); }
.phone-speaker { position:absolute; z-index:5; width:48px;height:12px;background:#111a23;top:7px;left:50%;transform:translateX(-50%);border-radius:0 0 8px 8px; }
.phone-screen { height:100%;border-radius:23px;background:#f6f8f9;color:#13273c;overflow:hidden;padding:19px 14px 13px; }
.mobile-top { display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.mobile-logo{font-size:13px;font-weight:900}.sync-dot{font-size:6px;color:#23a99f;background:#dff8f2;padding:4px 6px;border-radius:99px}.eyebrow{font-size:6px;color:#21abb0;font-weight:800;letter-spacing:1px}.phone h3{font-size:17px;margin:5px 0 2px}.phone p{font-size:7px;color:#81909d;margin:0}.progress-label{display:flex;justify-content:space-between;font-size:7px;margin:15px 0 5px}.progress-bar{height:4px;border-radius:4px;background:#dce4e7}.progress-bar i{display:block;width:82%;height:100%;background:#17c2c6;border-radius:4px}.scan-box{height:157px;margin-top:15px;border:1px dashed #91d7d6;border-radius:9px;background:#effafa;display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.scan-box b{font-size:8px;margin-top:13px}.scan-box small{font-size:6px;color:#83919d;margin-top:3px}.scan-corners{width:82px;height:52px;position:absolute;top:25px;border:1px solid rgba(18,190,195,.3)}.barcode{display:flex;align-items:center;height:31px;gap:3px}.barcode i{display:block;width:2px;height:25px;background:#192b3d}.barcode i:nth-child(2),.barcode i:nth-child(5),.barcode i:nth-child(7){width:4px}.barcode i:nth-child(3),.barcode i:nth-child(8){height:20px}.last-scan{margin-top:11px;background:white;border:1px solid #e5e9ec;border-radius:7px;padding:9px;display:flex;justify-content:space-between;align-items:center}.last-scan>span{display:grid;grid-template-columns:18px auto;grid-template-rows:auto auto}.last-scan i{grid-row:1/3;width:14px;height:14px;background:#dff8ef;color:#1d9e80;border-radius:50%;display:grid;place-items:center;font-size:7px;font-style:normal}.last-scan b{font-size:6px}.last-scan small{font-size:5px;color:#95a1aa}.last-scan strong{color:#17acb2;font-size:12px}
.offline-badge { position:absolute;z-index:7;right:64px;bottom:0;background:rgba(8,29,48,.94);border:1px solid rgba(79,223,220,.25);border-radius:10px;padding:11px 14px 11px 11px;display:flex;align-items:center;gap:9px;box-shadow:0 15px 30px rgba(0,0,0,.25);backdrop-filter:blur(8px)}.offline-badge>span{width:26px;height:26px;border-radius:7px;background:#14bfc3;color:#062236;display:grid;place-items:center;font-weight:900}.offline-badge div{display:flex;flex-direction:column;gap:2px}.offline-badge b{font-size:9px}.offline-badge small{color:#8096a9;font-size:7px}
.hero-bottom { min-height:88px; border-top:1px solid var(--line); display:flex;align-items:center;justify-content:space-between;position:relative;z-index:2;color:#8295aa;font-size:12px}.hero-bottom p{margin:0}.hero-bottom strong{color:#c8d3dd}.compatibility{display:flex;align-items:center;gap:25px}.compatibility>span{display:flex;align-items:center;gap:7px}.compatibility b{font-size:15px;color:#8da0b2;letter-spacing:-.5px}.compatibility small{font-size:8px;color:#657b90;line-height:1.1;width:45px}.compatibility>i{height:24px;width:1px;background:#263b50}
.intro { background:#f5f7f8;padding:105px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:80px}.section-kicker{font-size:11px;letter-spacing:2px;color:#0baeb4;font-weight:800}.intro h2{font-size:48px;letter-spacing:-2.5px;line-height:1.05;margin:15px 0 0}.intro p{margin:0;color:#5f7182;font-size:18px;line-height:1.7;max-width:570px}

.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:70px}.benefit-card{min-height:410px;border:1px solid #dde4e8;background:white;border-radius:14px;padding:29px;position:relative;overflow:hidden;transition:.25s}.benefit-card:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(11,35,56,.08)}.benefit-card.featured{background:#0b2035;color:white;border-color:#0b2035}.icon-wrap{width:43px;height:43px;border-radius:10px;display:grid;place-items:center;background:#e5f9f8;color:#0ba8ae}.featured .icon-wrap{background:rgba(35,214,212,.13);color:#56dfdc}.feature-icon{width:22px;height:22px}.card-number{position:absolute;right:24px;top:32px;color:#aab7c2;font-size:10px;letter-spacing:1px}.benefit-card h3{font-size:21px;margin:28px 0 12px;letter-spacing:-.5px}.benefit-card>p{font-size:14px;line-height:1.7;color:#718292}.featured>p{color:#9eb0c0}.card-visual{height:112px;position:absolute;left:29px;right:29px;bottom:25px;border-radius:9px}.scan-visual{background:#0e2b43;border:1px solid rgba(74,220,217,.15);display:flex;flex-direction:column;align-items:center;justify-content:center;color:white}.tiny-barcode{font-family:monospace;font-size:23px;letter-spacing:2px}.scan-visual small{font-size:7px;color:#6dd9d6;margin-top:9px}.scan-line{position:absolute;top:54px;left:20%;right:20%;height:1px;background:#3cf5ec;box-shadow:0 0 8px #3cf5ec}.sync-visual{background:#f4f7f8;display:flex;align-items:center;justify-content:center;gap:18px}.sync-ring{width:64px;height:64px;border-radius:50%;background:conic-gradient(#16c1c3 82%,#dce5e8 0);display:grid;place-items:center}.sync-ring::before{content:"";position:absolute;width:50px;height:50px;background:#f4f7f8;border-radius:50%}.sync-ring span{position:relative;font-weight:800;font-size:16px}.sync-ring small{font-size:8px}.sync-visual>div:last-child{display:flex;flex-direction:column;gap:5px}.sync-visual b{font-size:9px}.sync-visual small{font-size:7px;color:#8a99a4}.control-visual{display:flex;align-items:center;justify-content:space-between;background:#f5f7f8;padding:18px}.control-visual>span{display:grid;grid-template-columns:34px auto;grid-template-rows:auto auto}.control-visual i{grid-row:1/3;width:27px;height:27px;border-radius:50%;background:#dff7f6;color:#0c9ea2;font-size:8px;font-style:normal;display:grid;place-items:center}.control-visual b{font-size:9px}.control-visual small{font-size:7px;color:#94a0a9}.control-visual em{font-size:9px;font-style:normal;color:#0b9da2;background:#dff8f4;padding:6px 8px;border-radius:99px}

.section-heading h2,.offline-copy h2,.integration-copy h2,.faq-grid h2,.contact-copy h2{font-size:48px;line-height:1.06;letter-spacing:-2.4px;margin:14px 0 18px}.section-heading>p,.split-heading>p{color:#738494;line-height:1.7;font-size:16px}.centered{text-align:center;max-width:730px;margin-inline:auto}.centered>p{max-width:620px;margin-inline:auto}.process{background:white;padding:115px 0 125px}.process-line{margin-top:82px;display:grid;grid-template-columns:repeat(3,1fr);position:relative}.process-line::before{content:"";position:absolute;height:1px;background:#dce4e7;left:16.5%;right:16.5%;top:28px}.process-line article{text-align:center;padding:0 40px;position:relative}.step-dot{position:absolute;top:22px;left:calc(50% + 38px);z-index:2;width:16px;height:16px;border-radius:50%;background:#13bdc1;color:white;font-size:7px;display:grid;place-items:center;border:3px solid white}.step-icon{position:relative;z-index:1;width:57px;height:57px;margin:0 auto 25px;border:1px solid #dce5e8;background:white;border-radius:50%;display:grid;place-items:center;color:#0fa9ae;box-shadow:0 8px 20px rgba(4,37,61,.06)}.process-line small,.module>small{font-size:8px;letter-spacing:1.5px;color:#0aaeb3;font-weight:800}.process-line h3{font-size:19px;margin:10px 0 11px}.process-line p{color:#758595;font-size:13px;line-height:1.65;margin:0}

.offline-section{background:#0a1d31;color:white;padding:115px 0;overflow:hidden}.offline-grid{display:grid;grid-template-columns:46% 54%;align-items:center;gap:70px}.offline-copy h2{font-size:51px}.offline-copy>p{color:#a0b1c0;font-size:16px;line-height:1.75;max-width:520px}.offline-copy ul{list-style:none;margin:32px 0 0;padding:0;display:flex;flex-direction:column;gap:22px}.offline-copy li{display:flex;gap:13px;align-items:flex-start}.offline-copy li .check-icon{width:22px;height:22px;flex:none}.offline-copy li span{display:flex;flex-direction:column;gap:4px}.offline-copy li b{font-size:13px}.offline-copy li small{font-size:11px;color:#7f94a8}.signal-visual{height:555px;position:relative;background:radial-gradient(circle,rgba(23,193,196,.09),transparent 62%)}.signal-phone{position:absolute;width:290px;height:500px;background:#f6f8f9;color:#142a3e;left:50%;top:20px;transform:translateX(-50%);border-radius:23px;padding:26px 22px;box-shadow:0 35px 80px rgba(0,0,0,.35);border:6px solid #152434}.signal-phone-top{display:flex;justify-content:space-between;align-items:center}.signal-phone-top>span{font-size:13px;font-weight:900}.signal-phone-top>span span{color:#12bdc0}.signal-phone-top i{font-size:7px;font-style:normal;color:#82909a}.cloud-icon{margin:44px auto 15px;width:54px;height:54px;background:#e4f7f7;color:#0caeb1;display:grid;place-items:center;border-radius:50%;font-size:22px}.signal-phone h3{text-align:center;font-size:17px;margin:0 0 8px}.signal-phone>p{text-align:center;font-size:9px;color:#81909c;line-height:1.6;margin:0 auto;width:210px}.pending{margin-top:24px;background:#eaf5f5;border-radius:9px;padding:12px;display:flex;align-items:center;justify-content:space-between}.pending span{display:flex;align-items:center;gap:6px}.pending b{color:#0b9ea3;font-size:18px}.pending small{font-size:7px;color:#617481}.pending em{font-size:6px;font-style:normal;color:#78909c}.offline-items{margin-top:12px;display:flex;flex-direction:column;gap:7px}.offline-items>span{height:45px;border:1px solid #e3e8eb;border-radius:7px;background:white;display:flex;align-items:center;padding:0 10px;gap:8px}.offline-items i{width:17px;height:17px;border-radius:50%;background:#e3f6ef;color:#1b9c7f;font-size:7px;font-style:normal;display:grid;place-items:center}.offline-items b{font-size:8px;flex:1}.offline-items strong{font-size:9px;color:#0baeb2}.signal-card{position:absolute;z-index:4;background:#102a42;border:1px solid rgba(67,218,214,.18);border-radius:10px;box-shadow:0 15px 35px rgba(0,0,0,.25);padding:13px;display:flex;align-items:center;gap:10px}.signal-card div{display:flex;flex-direction:column;gap:3px}.signal-card small{font-size:6px;letter-spacing:1px;color:#6c879d}.signal-card b{font-size:9px}.signal-card em{font-style:normal;font-size:7px;color:#f0c26e;background:rgba(240,194,110,.12);border-radius:99px;padding:5px 7px;margin-left:15px}.signal-icon{width:30px;height:30px;border-radius:7px;background:#193c58;color:#72dcd9;display:grid;place-items:center}.signal-top{top:95px;left:0}.signal-bottom{bottom:62px;right:0}.signal-icon.online{background:#19c5bd;color:#062435}.signal-bottom small{color:#53c9c4}

.features-section{padding:120px 0;background:#f5f7f8}.split-heading{display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:80px}.split-heading h2{margin-bottom:0}.split-heading>p{margin:0}.feature-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe3e7;border-left:1px solid #dbe3e7;margin-top:70px}.feature-list article{padding:34px;border-right:1px solid #dbe3e7;border-bottom:1px solid #dbe3e7;min-height:220px}.feature-list h3{font-size:17px;margin:24px 0 10px}.feature-list p{font-size:13px;line-height:1.7;color:#748493;margin:0}

.integrations{background:white;padding:120px 0}.integrations-grid{display:grid;grid-template-columns:38% 62%;gap:95px;align-items:center}.integration-copy h2{font-size:43px}.integration-copy p{color:#708291;line-height:1.75;font-size:15px}.text-link{margin-top:22px;color:#099fa5;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:8px}.integration-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.integration-cards article{height:240px;border:1px solid #dce4e8;border-radius:12px;padding:25px;display:flex;flex-direction:column;justify-content:flex-end;position:relative}.integration-cards article::before{content:"";position:absolute;inset:0;background:linear-gradient(150deg,#f7fafb,transparent 50%);border-radius:inherit}.insert-logo{position:relative;margin-bottom:auto;font-size:20px;font-weight:800;color:#26384a}.insert-logo span{color:#ef3333}.integration-cards h3{position:relative;font-size:18px;margin:0 0 14px}.ready{position:relative;width:max-content;color:#168879;background:#e0f7ef;border-radius:99px;padding:6px 8px;font-size:7px;font-weight:700}.ready i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#22b69d;margin-right:3px}.custom-integration{background:#0b2035;color:white;border-color:#0b2035!important}.plus-circle{position:relative;margin-bottom:auto;width:39px;height:39px;border:1px solid #426078;border-radius:50%;display:grid;place-items:center;color:#4cdbd7;font-size:22px}.custom-integration p{position:relative;color:#92a7b8;font-size:10px;line-height:1.5;margin:0}

.modules-section{padding:120px 0;background:#081b2f;color:white}.light-heading>p{color:#8da2b5}.modules-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:70px}.module{min-height:390px;border:1px solid rgba(255,255,255,.13);border-radius:13px;padding:29px;display:flex;flex-direction:column;position:relative;background:rgba(255,255,255,.02)}.module.active-module{background:linear-gradient(145deg,#0d2c43,#0d253b);border-color:rgba(53,215,211,.28)}.module-status{position:absolute;right:24px;top:27px;font-size:6px;letter-spacing:1px;font-weight:800;color:#58dfdb;border:1px solid rgba(69,220,217,.32);padding:5px 7px;border-radius:99px}.module-status.soon{color:#7f92a4;border-color:#354b60}.module-icon{width:52px;height:52px;border-radius:11px;background:rgba(23,198,199,.12);color:#51d8d5;display:grid;place-items:center;margin-bottom:60px}.module>small{color:#38c5c5}.module h3{font-size:23px;margin:10px 0 12px}.module p{color:#8ca0b2;font-size:13px;line-height:1.7;margin:0}.module a{display:flex;align-items:center;gap:8px;color:#4ed9d5;font-size:11px;font-weight:800;margin-top:auto}.module a .arrow-icon{width:14px}

.faq-section{padding:120px 0;background:#f5f7f8}.faq-grid{display:grid;grid-template-columns:38% 62%;gap:100px}.faq-grid h2{font-size:43px}.faq-grid>div:first-child>p{color:#728392;font-size:14px;line-height:1.7}.faq-list{border-top:1px solid #d6e0e4}.faq-list details{border-bottom:1px solid #d6e0e4;padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;font-size:15px;font-weight:750;display:flex;justify-content:space-between}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#0daeb3;font-size:20px;font-weight:400;transition:.2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{color:#718291;font-size:13px;line-height:1.7;max-width:650px;margin:14px 40px 0 0}

.contact-section{background:#f5f7f8;padding:0 0 100px}.contact-box{min-height:330px;border-radius:18px;background:radial-gradient(circle at 80% 30%,rgba(24,208,207,.14),transparent 32%),#092039;color:white;padding:63px 70px;display:flex;align-items:center;justify-content:space-between;position:relative;overflow:hidden}.contact-box::after{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(70,219,216,.1);border-radius:50%;right:-80px;top:-100px}.contact-copy h2{font-size:42px;margin-bottom:14px}.contact-copy p{font-size:13px;color:#94a9ba;line-height:1.7;max-width:520px}.contact-actions{display:flex;flex-direction:column;align-items:center;gap:15px;position:relative;z-index:1}.button.large{min-height:56px;padding:0 25px}.contact-actions>span{font-size:10px;color:#8196a8}.contact-actions>span a{color:#d4e3ec;font-weight:800;margin-left:4px}

footer{background:#061426;color:white;padding:70px 0 24px}.footer-main{display:grid;grid-template-columns:2fr 1fr 1.5fr 1fr;gap:60px;padding-bottom:60px}.footer-main>div{display:flex;flex-direction:column;gap:13px;align-items:flex-start}.footer-main>div:first-child p{color:#7f92a4;font-size:12px;line-height:1.7;margin-top:11px}.footer-main small{font-size:8px;letter-spacing:1.5px;color:#526b82;font-weight:800;margin-bottom:8px}.footer-main a,.footer-main span{font-size:11px;color:#91a2b3}.footer-main a:hover{color:#4fddd8}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;color:#526b82;font-size:9px}

@media (max-width:1050px){.hero-grid{grid-template-columns:1fr; padding-top:70px}.hero-copy{max-width:700px}.product-preview{width:min(680px,100%);margin:0 auto}.hero-bottom{margin-top:25px}.admin-window{left:4%}.phone{right:4%}.nav-links{display:none}.benefits-grid{grid-template-columns:1fr 1fr}.benefit-card:last-child{grid-column:1/-1}.offline-grid{grid-template-columns:1fr}.offline-copy{max-width:650px}.signal-visual{max-width:650px;width:100%;margin:auto}.integrations-grid,.faq-grid{grid-template-columns:1fr;gap:60px}.footer-main{grid-template-columns:2fr 1fr 1fr}.footer-main>div:last-child{display:none}}
@media (max-width:720px){.container{width:min(100% - 32px,1200px)}.nav{height:72px}.nav-cta{font-size:0;padding:10px}.nav-cta::before{content:"Kontakt";font-size:12px}.hero-grid{padding-top:54px}.pill{font-size:9px}.hero h1{font-size:49px;letter-spacing:-2.5px}.hero-lead{font-size:15px}.hero-actions{flex-direction:column;align-items:stretch}.button{width:100%}.hero-benefits{gap:12px 20px}.product-preview{height:465px;margin-top:20px;transform:scale(.82);transform-origin:top left;width:122%}.admin-window{left:0}.phone{right:0}.offline-badge{right:46px}.hero-bottom{flex-direction:column;align-items:flex-start;justify-content:center;gap:18px;padding:25px 0}.compatibility{gap:12px;flex-wrap:wrap}.compatibility>i{display:none}.intro,.process,.features-section,.integrations,.modules-section,.faq-section{padding:80px 0}.intro-grid,.split-heading{grid-template-columns:1fr;gap:30px}.intro h2,.section-heading h2,.offline-copy h2,.integration-copy h2,.faq-grid h2,.contact-copy h2{font-size:39px}.intro p{font-size:16px}.benefits-grid{grid-template-columns:1fr;margin-top:45px}.benefit-card:last-child{grid-column:auto}.process-line{grid-template-columns:1fr;gap:45px;margin-top:55px}.process-line::before{display:none}.process-line article{padding:0 20px}.step-dot{left:calc(50% + 38px)}.offline-section{padding:80px 0}.signal-visual{transform:scale(.85);width:118%;transform-origin:top left;height:500px}.feature-list{grid-template-columns:1fr 1fr}.integrations-grid{gap:45px}.integration-cards{grid-template-columns:1fr}.integration-cards article{height:190px}.modules-grid{grid-template-columns:1fr}.module{min-height:350px}.contact-box{padding:50px 30px;flex-direction:column;align-items:flex-start;gap:30px}.contact-actions{align-items:flex-start;width:100%}.footer-main{grid-template-columns:1fr 1fr}.footer-main>div:first-child{grid-column:1/-1}}
@media (max-width:460px){.brand-product{display:none}.hero h1{font-size:43px}.product-preview{transform:scale(.66);width:151%;height:390px}.hero-benefits{font-size:11px}.hero-bottom{margin-top:0}.compatibility small{display:none}.intro h2{font-size:36px}.feature-list{grid-template-columns:1fr}.signal-visual{transform:scale(.68);width:147%;height:410px}.signal-top{left:-5px}.signal-bottom{right:0}.footer-main{grid-template-columns:1fr}.footer-main>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column;gap:10px}}

/* Moduł Inwentaryzacja */
.inventory-page{background:#f5f7f8}.inventory-hero{min-height:100vh;color:#fff;overflow:hidden;position:relative;background:radial-gradient(circle at 76% 38%,rgba(16,207,205,.15),transparent 29%),radial-gradient(circle at 12% 80%,rgba(35,92,148,.2),transparent 32%),linear-gradient(135deg,#061426 0%,#071a30 55%,#09223c 100%)}.inventory-hero::before{content:"";position:absolute;inset:0;opacity:.15;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to bottom,#000,transparent 90%)}.active-nav-link{color:#fff!important;position:relative}.active-nav-link::after{content:"";position:absolute;left:0;right:0;bottom:-34px;height:2px;background:var(--cyan)}.inventory-hero-grid{min-height:690px;display:grid;grid-template-columns:48% 52%;align-items:center;gap:50px;position:relative;z-index:2;padding-top:22px}.breadcrumb{display:flex;gap:9px;align-items:center;font-size:10px;color:#66829a;margin-bottom:21px}.breadcrumb a{color:#92a6b8}.breadcrumb strong{color:#cbd6df;font-weight:600}.inventory-hero-copy .pill{margin-bottom:22px}.inventory-hero-copy h1{font-size:63px;line-height:.98;letter-spacing:-4px;margin:0 0 27px;max-width:650px}.inventory-hero-copy h1 span{color:#58dedb}.inventory-hero-copy>p{font-size:17px;line-height:1.72;color:#a8b9c7;max-width:625px;margin:0}.inventory-hero-copy .hero-actions{margin-top:34px}.inventory-proof{display:flex;flex-wrap:wrap;gap:14px 24px;margin-top:29px;font-size:11px;color:#a5b7c5}.inventory-proof span{display:flex;align-items:center;gap:7px}.inventory-proof .check-icon{width:15px;color:#49d7d4}.inventory-hero-strip{position:relative;z-index:2;min-height:92px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:center;gap:27px;color:#a4b4c2;font-size:11px;letter-spacing:.3px}.inventory-hero-strip i{color:#25c8c7;font-style:normal;font-size:16px}
.inventory-device-scene{position:relative;height:650px;min-width:580px}.inventory-orbit{position:absolute;border:1px solid rgba(53,221,217,.12);border-radius:50%;left:52%;top:49%;transform:translate(-50%,-50%)}.orbit-one{width:540px;height:540px}.orbit-two{width:390px;height:390px}.inventory-terminal{position:absolute;z-index:3;left:50%;top:48%;transform:translate(-50%,-50%) rotate(2deg);width:264px;height:550px;border-radius:28px 28px 22px 22px;background:linear-gradient(145deg,#222c35,#0d151d);padding:24px 14px 34px;box-shadow:0 42px 95px rgba(0,0,0,.55),inset 0 0 0 2px #3a4753}.terminal-scan-head{position:absolute;top:-18px;left:22px;right:22px;height:34px;border-radius:15px 15px 5px 5px;background:#1a242d;border:1px solid #45515d;display:flex;align-items:center;justify-content:center;gap:4px}.terminal-scan-head i{width:4px;height:4px;border-radius:50%;background:#4e5b65}.terminal-screen{height:413px;border-radius:9px;background:#f6f8f9;color:#12283b;padding:18px 15px;overflow:hidden}.terminal-status{display:flex;align-items:center;justify-content:space-between;margin-bottom:18px}.terminal-status>span:last-child{color:#158e7f;background:#e0f7f1;border-radius:99px;padding:4px 6px;font-size:6px}.terminal-back{display:block;color:#71909b;font-size:6px;margin-bottom:18px}.terminal-screen>small{color:#0ca9ad;letter-spacing:1.2px;font-size:6px;font-weight:800}.terminal-screen h3{font-size:20px;margin:5px 0 2px}.terminal-screen>p{font-size:7px;color:#7b8c98;margin:0}.terminal-progress{display:flex;align-items:end;justify-content:space-between;font-size:7px;color:#72828d;margin:15px 0 6px}.terminal-progress b{color:#152b3d}.terminal-progress strong{color:#0ca6aa;font-size:10px}.terminal-progress-bar{height:4px;border-radius:4px;background:#dbe5e7;overflow:hidden}.terminal-progress-bar i{display:block;width:82%;height:100%;border-radius:4px;background:#16c2c4}.terminal-scan-area{margin-top:14px;height:154px;border-radius:9px;border:1px dashed #87d4d3;background:#eaf9f8;display:flex;flex-direction:column;align-items:center;justify-content:center}.terminal-barcode{height:45px;display:flex;align-items:center;gap:3px;padding:0 11px;border:1px solid rgba(15,176,178,.23);position:relative}.terminal-barcode::after{content:"";position:absolute;left:-6px;right:-6px;top:50%;height:1px;background:#1df2e8;box-shadow:0 0 8px #1df2e8}.terminal-barcode i{height:31px;width:2px;background:#152a3a}.terminal-barcode i:nth-child(2n){width:4px}.terminal-barcode i:nth-child(3n){height:25px}.terminal-scan-area b{font-size:8px;margin-top:12px}.terminal-scan-area>span{font-size:6px;color:#79919b;margin-top:4px}.terminal-item{margin-top:10px;border:1px solid #e0e6e8;border-radius:7px;background:#fff;padding:9px;display:flex;align-items:center;justify-content:space-between}.terminal-item>span{display:grid;grid-template-columns:18px auto;grid-template-rows:auto auto}.terminal-item i{grid-row:1/3;width:14px;height:14px;border-radius:50%;background:#def7ef;color:#158c73;font-size:7px;font-style:normal;display:grid;place-items:center}.terminal-item b{font-size:6px}.terminal-item small{font-size:5px;color:#8b9aa4}.terminal-item>strong{color:#0faeb1;font-size:13px}.terminal-keys{height:75px;padding:12px 34px 0;display:grid;grid-template-columns:repeat(3,1fr);gap:6px}.terminal-keys i{background:#29343d;border-radius:3px;box-shadow:inset 0 0 0 1px #3b4852}.inventory-float{position:absolute;z-index:4;display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:10px;border:1px solid rgba(75,222,218,.2);background:rgba(8,31,51,.93);box-shadow:0 18px 40px rgba(0,0,0,.3);backdrop-filter:blur(9px)}.inventory-float>span{width:29px;height:29px;border-radius:7px;background:#19c7c4;color:#08263a;display:grid;place-items:center;font-weight:900}.inventory-float div{display:flex;flex-direction:column;gap:3px}.inventory-float b{font-size:9px}.inventory-float small{font-size:7px;color:#8299aa}.float-offline{left:24px;top:142px}.float-synced{right:4px;bottom:115px}.float-synced>span{background:#173a54;color:#51dcd8}
.inventory-outcome{padding:115px 0;background:#f5f7f8}.outcome-heading,.feature-intro,.integration-heading{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:end}.outcome-heading h2,.feature-intro h2,.integration-heading h2{font-size:48px;line-height:1.05;letter-spacing:-2.5px;margin:15px 0 0}.outcome-heading>p,.feature-intro>p,.integration-heading>p{color:#697c8c;font-size:16px;line-height:1.75;margin:0}.outcome-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:68px;border-top:1px solid #d7e0e4;border-left:1px solid #d7e0e4}.outcome-grid article{min-height:325px;padding:28px;border-right:1px solid #d7e0e4;border-bottom:1px solid #d7e0e4;background:#fff;position:relative}.outcome-grid article>strong{font-size:9px;color:#9aabb6;letter-spacing:1px}.outcome-grid h3{font-size:19px;margin:31px 0 12px}.outcome-grid p{font-size:13px;line-height:1.7;color:#718493;margin:0}.outcome-grid article>span{position:absolute;left:28px;bottom:26px;width:47px;height:47px;border-radius:11px;background:#e5f8f7;color:#0ba7aa;display:grid;place-items:center}.inventory-icon{width:24px;height:24px}
.inventory-process{padding:120px 0 130px;background:#081b2f;color:#fff}.inventory-timeline{display:grid;grid-template-columns:repeat(4,1fr);margin-top:75px;border-top:1px solid rgba(255,255,255,.13)}.inventory-timeline article{padding:46px 28px 0;position:relative;border-right:1px solid rgba(255,255,255,.1);min-height:340px}.inventory-timeline article:last-child{border-right:0}.timeline-number{position:absolute;top:-15px;left:28px;width:30px;height:30px;border-radius:50%;background:#12bfc1;color:#062439;display:grid;place-items:center;font-size:10px;font-weight:900;box-shadow:0 0 0 7px #081b2f}.timeline-icon{width:48px;height:48px;border-radius:10px;background:rgba(39,208,207,.11);color:#4ddbd7;display:grid;place-items:center;margin-bottom:45px}.inventory-timeline small{color:#40d4d0;font-size:8px;font-weight:800;letter-spacing:1.3px}.inventory-timeline h3{font-size:20px;margin:11px 0 12px}.inventory-timeline p{font-size:12px;color:#8fa4b5;line-height:1.75;margin:0}
.inventory-features{padding:120px 0;background:#f5f7f8}.inventory-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}.inventory-feature-grid article{min-height:280px;border:1px solid #dce4e8;border-radius:13px;background:#fff;padding:30px;transition:.25s}.inventory-feature-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(9,35,56,.07)}.inventory-feature-grid article>span{width:48px;height:48px;border-radius:11px;background:#e6f8f7;color:#0ba8ac;display:grid;place-items:center}.inventory-feature-grid h3{font-size:18px;margin:35px 0 11px}.inventory-feature-grid p{font-size:13px;color:#708291;line-height:1.75;margin:0}
.inventory-offline{padding:115px 0;background:#fff}.inventory-offline-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.offline-demo{width:430px;min-height:490px;border-radius:20px;background:linear-gradient(150deg,#0d2a42,#081b2f);color:#fff;padding:31px;position:relative;box-shadow:0 30px 70px rgba(11,35,56,.2);overflow:hidden}.offline-demo::before{content:"";position:absolute;width:290px;height:290px;border:1px solid rgba(80,225,220,.12);border-radius:50%;right:-120px;top:-110px}.offline-demo-top{display:flex;justify-content:space-between;align-items:center;font-size:7px;letter-spacing:1px;color:#6f8a9e}.offline-demo-top strong{color:#f3c16e;background:rgba(243,193,110,.1);padding:6px 8px;border-radius:99px}.offline-cloud{width:70px;height:70px;border-radius:50%;background:#163650;color:#56dbd8;display:grid;place-items:center;margin:54px auto 18px;font-size:28px;position:relative}.offline-cloud i{position:absolute;right:-3px;bottom:0;width:22px;height:22px;border-radius:50%;background:#f0ba62;color:#11283a;font-style:normal;font-size:12px;display:grid;place-items:center;border:4px solid #0b2237}.offline-demo h3{text-align:center;font-size:23px;margin:0 0 8px}.offline-demo>p{text-align:center;color:#7790a3;font-size:10px;margin:0}.offline-counter{margin:32px 0 15px;background:#102d45;border:1px solid rgba(255,255,255,.08);border-radius:10px;padding:19px;display:flex;align-items:center;gap:13px}.offline-counter b{font-size:32px;color:#4fdcd7}.offline-counter span{font-size:9px;color:#93a8b8;line-height:1.4}.offline-sync-row{height:54px;border-radius:9px;background:#e8f8f6;color:#153042;padding:0 15px;display:flex;align-items:center;justify-content:space-between}.offline-sync-row span{font-size:8px;font-weight:700}.offline-sync-row span i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#16bda4;margin-right:5px}.offline-sync-row strong{font-size:7px;color:#0ba7a7}.inventory-offline-copy h2{font-size:48px;line-height:1.06;letter-spacing:-2.5px;margin:15px 0 21px}.inventory-offline-copy>p{font-size:15px;color:#6e8191;line-height:1.75}.inventory-offline-copy ul{list-style:none;padding:0;margin:31px 0 0;display:flex;flex-direction:column;gap:21px}.inventory-offline-copy li{display:flex;gap:13px}.inventory-offline-copy li .check-icon{width:21px;flex:none;color:#0eaaad}.inventory-offline-copy li span{display:flex;flex-direction:column;gap:4px}.inventory-offline-copy li b{font-size:13px}.inventory-offline-copy li small{font-size:11px;color:#81919d}
.inventory-devices{padding:120px 0;background:#f5f7f8}.device-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px;margin-top:70px}.device-choice{min-height:485px;border:1px solid #dbe3e7;border-radius:15px;background:#fff;padding:35px;display:grid;grid-template-columns:38% 62%;gap:27px;position:relative;overflow:hidden}.device-choice.featured-choice{background:#0b2136;color:#fff;border-color:#0b2136}.choice-label{position:absolute;top:28px;right:27px;color:#8da0ae;font-size:7px;letter-spacing:1px;font-weight:800}.featured-choice .choice-label{color:#42cfcc}.choice-device{width:140px;height:260px;align-self:center;justify-self:center;border-radius:20px;background:#141e27;border:3px solid #36424c;position:relative;display:flex;align-items:center;justify-content:center}.choice-device::before{content:"";position:absolute;inset:18px 9px 55px;border-radius:4px;background:linear-gradient(155deg,#eef6f6,#cceeed)}.choice-device b{position:relative;color:#132b3c;font-size:12px}.choice-device b span{color:#0aafb1}.choice-device i{position:absolute;top:8px;width:35px;height:4px;border-radius:4px;background:#46515a}.choice-device em{position:absolute;bottom:19px;width:42px;height:17px;border-radius:4px;background:#29343d}.phone-device{height:250px;border-radius:28px;background:#111a22}.phone-device::before{inset:9px 7px;background:linear-gradient(155deg,#f3f8f8,#d9f2f1);border-radius:21px}.phone-device i{top:11px;z-index:2;height:9px;background:#111a22}.phone-device em{z-index:2;bottom:14px;width:24px;height:3px}.device-choice>div:last-child{align-self:center}.device-choice h3{font-size:22px;margin:0 0 13px}.device-choice p{font-size:12px;line-height:1.75;color:#768796}.featured-choice p{color:#91a5b5}.device-choice ul{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:10px}.device-choice li{display:flex;align-items:center;gap:7px;font-size:10px;color:#627583}.featured-choice li{color:#a6b7c4}.device-choice li .check-icon{width:14px;color:#0ca7aa}
.inventory-integration{padding:120px 0;background:#fff}.erp-flow{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;margin-top:70px}.erp-flow>article{min-height:290px;border:1px solid #dce4e8;border-radius:13px;padding:30px;display:flex;flex-direction:column;background:#f8fafb}.insert-badge{font-size:21px;font-weight:900;color:#26384a;margin-bottom:auto}.insert-badge span{color:#e93434}.erp-flow article h3{font-size:21px;margin:0 0 11px}.erp-flow article p{font-size:12px;color:#728392;line-height:1.65;margin:0 0 19px}.flow-middle{border-radius:13px;background:#0a2035;color:#fff;display:grid;grid-template-columns:1fr auto 1.5fr auto 1fr;align-items:center;justify-items:center;padding:40px 27px;position:relative}.flow-middle span{width:56px;height:56px;border-radius:50%;border:1px solid #39546b;color:#8ba0b2;display:grid;place-items:center;font-size:9px}.flow-middle b{font-size:14px}.flow-middle b span{display:inline;border:0;color:#4ad9d6;font-size:inherit}.flow-middle i{font-style:normal;color:#40d4d1}.flow-middle small{position:absolute;bottom:37px;color:#657f94;font-size:7px;letter-spacing:.6px}
.inventory-faq{padding:120px 0;background:#f5f7f8}.inventory-faq .faq-grid h2{font-size:43px}.inventory-contact{padding-top:0}.inventory-contact .contact-box{min-height:370px}.inventory-contact .contact-copy{max-width:650px}.inventory-contact .contact-copy h2{font-size:40px}

@media(max-width:1050px){.inventory-hero-grid{grid-template-columns:1fr;padding-top:70px}.inventory-hero-copy{max-width:760px}.inventory-device-scene{width:min(700px,100%);margin:0 auto}.outcome-grid{grid-template-columns:1fr 1fr}.inventory-timeline{grid-template-columns:1fr 1fr}.inventory-timeline article:nth-child(2){border-right:0}.inventory-feature-grid{grid-template-columns:1fr 1fr}.inventory-offline-grid{gap:55px}.device-choice{grid-template-columns:1fr;padding-top:65px}.choice-device{height:230px}.erp-flow{grid-template-columns:1fr 1fr}.flow-middle{grid-column:1/-1;grid-row:2;min-height:200px}.inventory-integration .erp-flow article:last-child{grid-column:2}.inventory-integration .erp-flow article:first-child{grid-column:1}}
@media(max-width:720px){.active-nav-link::after{display:none}.inventory-hero-grid{padding-top:45px}.inventory-hero-copy h1{font-size:49px;letter-spacing:-2.8px}.inventory-hero-copy>p{font-size:15px}.inventory-device-scene{min-width:0;height:560px;transform:scale(.88);transform-origin:top center}.inventory-hero-strip{flex-wrap:wrap;justify-content:flex-start;padding:22px 0;gap:12px 17px}.inventory-outcome,.inventory-features,.inventory-devices,.inventory-integration,.inventory-faq{padding:80px 0}.outcome-heading,.feature-intro,.integration-heading{grid-template-columns:1fr;gap:27px}.outcome-heading h2,.feature-intro h2,.integration-heading h2,.inventory-offline-copy h2{font-size:38px}.outcome-grid{margin-top:45px}.inventory-process{padding:85px 0}.inventory-timeline{grid-template-columns:1fr;margin-top:55px;border-top:0}.inventory-timeline article{border-right:0;border-top:1px solid rgba(255,255,255,.12);min-height:300px}.inventory-feature-grid{grid-template-columns:1fr;margin-top:45px}.inventory-offline{padding:80px 0}.inventory-offline-grid{grid-template-columns:1fr}.offline-demo{width:min(430px,100%);margin:auto}.device-choice-grid{grid-template-columns:1fr}.device-choice{grid-template-columns:40% 60%;padding-top:60px}.erp-flow{grid-template-columns:1fr}.inventory-integration .erp-flow article:first-child,.inventory-integration .erp-flow article:last-child,.flow-middle{grid-column:1}.inventory-integration .erp-flow article:first-child{grid-row:1}.flow-middle{grid-row:2}.inventory-integration .erp-flow article:last-child{grid-row:3}.inventory-faq .faq-grid h2{font-size:38px}}
@media(max-width:480px){.inventory-hero-copy h1{font-size:42px}.inventory-proof{flex-direction:column}.inventory-device-scene{height:480px;transform:scale(.72);width:139%;margin-left:-19.5%}.float-offline{left:0}.float-synced{right:0}.outcome-grid{grid-template-columns:1fr}.inventory-timeline article{padding-inline:15px}.timeline-number{left:15px}.inventory-feature-grid article{min-height:250px}.offline-demo{padding:24px}.device-choice{grid-template-columns:1fr}.choice-device{margin:5px auto 10px;height:220px}.flow-middle{grid-template-columns:1fr auto 1.5fr auto 1fr;padding:36px 12px;min-height:190px}.flow-middle span{width:43px;height:43px}.inventory-contact .contact-copy h2{font-size:34px}}

@media(max-width:1050px){.nav-toggle{display:flex;position:relative;z-index:12}.nav.nav-open .nav-links{display:flex;position:absolute;left:0;right:0;top:89px;padding:22px 28px;flex-direction:column;align-items:flex-start;gap:18px;background:#07182d;border-bottom:1px solid rgba(255,255,255,.12);box-shadow:0 18px 35px rgba(0,0,0,.22)}.nav.nav-open .nav-links a{font-size:14px}.active-nav-link::after{display:none}}
@media(max-width:720px){body.admin-bar .nav{margin-top:46px}.nav.nav-open .nav-links{top:71px}.nav-cta{display:none}}

/* Prawdziwe ekrany produktu — wersja 2.2 */
.real-product-preview figure,.product-showcase figure,.product-screens figure,.real-inventory-scene figure{margin:0}
.real-admin-window{position:absolute;width:565px;top:62px;left:0;overflow:hidden;border-radius:12px;background:#f4f7fa;box-shadow:0 35px 80px rgba(0,0,0,.4);transform:rotateY(-3deg) rotateX(1deg);border:1px solid rgba(255,255,255,.22)}
.real-window-bar{height:31px;background:#e8edf1;display:flex;align-items:center;gap:6px;padding:0 12px;position:relative}
.real-window-bar>span{width:7px;height:7px;border-radius:50%;background:#a9b6c0}.real-window-bar>span:first-child{background:#ee8b83}.real-window-bar>span:nth-child(2){background:#e6c466}.real-window-bar>span:nth-child(3){background:#79c49b}
.real-window-bar small{position:absolute;left:50%;transform:translateX(-50%);font-size:7px;color:#738694;background:#dce4e9;border-radius:4px;padding:4px 34px;white-space:nowrap}
.real-admin-image{display:block;width:100%;height:auto}
.real-phone{position:absolute;z-index:4;width:218px;right:-9px;top:116px;padding:7px;border-radius:31px;background:#111a23;box-shadow:0 30px 70px rgba(0,0,0,.52),inset 0 0 0 1px #405060;transform:rotate(2deg);overflow:hidden}
.real-phone::before{content:"";position:absolute;z-index:2;top:7px;left:50%;width:52px;height:12px;transform:translateX(-50%);border-radius:0 0 8px 8px;background:#111a23}
.real-phone-image{display:block;width:100%;height:auto;border-radius:24px}

.product-showcase{padding:115px 0 125px;background:#fff;overflow:hidden}
.product-showcase-grid{display:grid;grid-template-columns:minmax(0,2.1fr) minmax(180px,.55fr) minmax(180px,.55fr);gap:18px;align-items:end;margin-top:62px}
.product-showcase figure{position:relative;border:1px solid #dbe4e8;border-radius:15px;background:#f7f9fb;padding:10px;box-shadow:0 20px 45px rgba(8,31,52,.08)}
.product-showcase .showcase-panel{align-self:start}.showcase-panel .showcase-image{aspect-ratio:1600/750;object-fit:cover;object-position:top}
.product-showcase .showcase-mobile{justify-self:center;max-width:245px;padding:8px;border-radius:23px;background:#112030;border-color:#263b4d}
.showcase-mobile .showcase-image{border-radius:16px}
.showcase-image{display:block;width:100%;height:auto;border-radius:9px}
.product-showcase figcaption{display:flex;flex-direction:column;gap:4px;padding:14px 8px 7px}.product-showcase figcaption b{font-size:14px}.product-showcase figcaption span{font-size:11px;color:#748696;line-height:1.45}
.showcase-mobile figcaption{color:#fff}.showcase-mobile figcaption span{color:#91a5b6}

.real-inventory-scene .real-terminal{position:absolute;z-index:3;left:50%;top:49%;width:286px;transform:translate(-50%,-50%) rotate(2deg);padding:22px 12px 34px;border-radius:29px 29px 22px 22px;background:linear-gradient(145deg,#222c35,#0d151d);box-shadow:0 42px 95px rgba(0,0,0,.55),inset 0 0 0 2px #3a4753}
.real-inventory-scene .real-terminal::before{content:"";position:absolute;top:8px;left:50%;width:46px;height:6px;transform:translateX(-50%);border-radius:6px;background:#4a5761}
.real-terminal-image{display:block;width:100%;height:auto;border-radius:9px;max-height:535px;object-fit:cover;object-position:top}

.product-screens{padding:120px 0 130px;background:#fff;overflow:hidden}
.screens-panel-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:68px}
.screens-panel-grid figure{border:1px solid #dce4e8;border-radius:14px;padding:10px;background:#f7f9fb;box-shadow:0 16px 40px rgba(8,31,52,.06)}
.screens-panel-image{display:block;width:100%;height:auto;aspect-ratio:1600/735;object-fit:cover;object-position:top;border-radius:8px}
.product-screens figcaption{display:flex;flex-direction:column;gap:4px;padding:16px 9px 8px}.product-screens figcaption b{font-size:14px}.product-screens figcaption span{font-size:11px;color:#758797;line-height:1.45}
.screens-mobile-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px;margin-top:36px;align-items:start}
.screens-mobile-grid figure{padding:8px;border-radius:22px;background:#0c2035;border:1px solid #243c51;box-shadow:0 20px 45px rgba(8,31,52,.14)}
.screens-mobile-image{display:block;width:100%;height:auto;border-radius:15px}
.screens-mobile-grid figcaption{color:#fff;padding:14px 7px 9px}.screens-mobile-grid figcaption span{color:#8fa4b5}

@media(max-width:1050px){
	.real-admin-window{width:520px}.real-phone{right:0;width:205px}
	.product-showcase-grid{grid-template-columns:1.7fr .6fr .6fr}.screens-mobile-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:720px){
	.real-product-preview{transform:none!important;width:100%!important;height:445px!important;margin-top:15px!important}.real-admin-window{width:92%;left:0;top:28px;transform:none}.real-phone{width:155px;right:0;top:130px}.real-product-preview .offline-badge{right:68px;bottom:4px}
	.product-showcase{padding:80px 0}.product-showcase-grid{grid-template-columns:1fr 1fr}.product-showcase .showcase-panel{grid-column:1/-1}.product-showcase .showcase-mobile{max-width:230px}
	.product-screens{padding:80px 0}.screens-panel-grid{grid-template-columns:1fr;margin-top:45px}.screens-mobile-grid{grid-template-columns:repeat(2,1fr);gap:13px}
}
@media(max-width:480px){
	.real-product-preview{height:380px!important}.real-admin-window{width:100%;top:20px}.real-window-bar small{padding-inline:16px}.real-phone{width:132px;top:117px;right:-3px;padding:5px}.real-product-preview .offline-badge{right:46px;bottom:0}
	.product-showcase-grid{gap:10px}.product-showcase figure{padding:6px}.product-showcase figcaption{padding:10px 5px 5px}.product-showcase figcaption b{font-size:12px}.product-showcase figcaption span{font-size:9px}
	.real-inventory-scene .real-terminal{width:285px}.screens-mobile-grid{grid-template-columns:1fr 1fr}.product-screens figcaption b{font-size:12px}.product-screens figcaption span{font-size:9px}
}

/* Czytelniejsze etykiety na makietach i kartach — wersja 2.3 */
.offline-badge{padding:14px 17px 14px 13px;gap:11px}
.offline-badge>span{width:32px;height:32px;font-size:18px}
.offline-badge div{gap:4px}
.offline-badge b{font-size:12px;line-height:1.2}
.offline-badge small{font-size:9px;line-height:1.25;color:#a2b3c2}

.inventory-float{gap:12px;padding:15px 18px}
.inventory-float>span{width:35px;height:35px;font-size:18px}
.inventory-float div{gap:4px}
.inventory-float b{font-size:12px;line-height:1.2}
.inventory-float small{font-size:9px;line-height:1.25;color:#a2b3c2}

.signal-card{padding:15px 17px;gap:12px}
.signal-card small{font-size:8px;line-height:1.25;color:#83a0b7}
.signal-card b{font-size:12px;line-height:1.25}
.signal-card em{font-size:9px;padding:6px 9px}

.process-line small,.module>small{font-size:11px;letter-spacing:1.6px}
.module-status{font-size:9px;line-height:1;padding:7px 9px}

@media(max-width:720px){
	.offline-badge b,.inventory-float b{font-size:11px}
	.offline-badge small,.inventory-float small{font-size:8px}
	.signal-card b{font-size:11px}.signal-card small{font-size:7px}.signal-card em{font-size:8px}
}

/* Strona formularza prezentacji — wersja 2.4 */
.presentation-hero{color:#fff;background:radial-gradient(circle at 82% 20%,rgba(20,201,207,.13),transparent 28%),linear-gradient(135deg,#061426 0%,#071a30 58%,#09213a 100%);position:relative;overflow:hidden}
.presentation-hero::before{content:"";position:absolute;inset:0;opacity:.14;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px}
.presentation-hero .nav,.presentation-heading{position:relative;z-index:1}.presentation-back{font-size:13px;color:#b7c4d2;transition:.2s}.presentation-back:hover{color:#fff}
.presentation-heading{padding:78px 0 92px;max-width:1200px}.presentation-heading h1{font-size:clamp(46px,5vw,70px);margin:18px 0 20px}.presentation-heading>p{max-width:620px;margin:0;color:#aec0d0;font-size:17px;line-height:1.7}
.presentation-page{padding:80px 0 95px;background:#f5f7f8}.presentation-grid{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(330px,.65fr);gap:30px;align-items:start}
.presentation-form-card,.presentation-details{border:1px solid #dce4e8;border-radius:16px;background:#fff;box-shadow:0 20px 55px rgba(8,31,52,.07)}
.presentation-form-card{padding:42px 46px}.presentation-form-card h2,.presentation-details h2{font-size:31px;line-height:1.15;letter-spacing:-1.2px;margin:0}.presentation-form-lead{color:#6f8190;line-height:1.7;margin:13px 0 31px}
.presentation-form .ff-el-group{margin-bottom:20px}.presentation-form .ff-el-input--label label{display:block;margin-bottom:8px;color:#1b3043;font-size:13px;font-weight:750}
.presentation-form input:not([type="checkbox"]),.presentation-form textarea,.presentation-form select{width:100%;border:1px solid #ced9df!important;border-radius:9px!important;background:#f9fbfc!important;color:#10283c!important;padding:13px 14px!important;min-height:49px;box-shadow:none!important;transition:.2s}
.presentation-form textarea{min-height:125px;resize:vertical}.presentation-form input:focus,.presentation-form textarea:focus,.presentation-form select:focus{border-color:#17bfc3!important;background:#fff!important;box-shadow:0 0 0 3px rgba(18,201,207,.12)!important;outline:0}
.presentation-form .ff-el-form-check{display:flex;align-items:flex-start;gap:9px}.presentation-form input[type="checkbox"]{margin-top:3px;accent-color:#13bfc4}.presentation-form .ff-el-form-check-label{font-size:12px;line-height:1.55;color:#657988}
.presentation-form .ff-btn-submit,.presentation-form button[type="submit"]{width:100%;min-height:52px;border:0!important;border-radius:9px!important;background:linear-gradient(135deg,#1bd1d4,#11b8c1)!important;color:#041a2c!important;font-weight:800!important;cursor:pointer;box-shadow:0 12px 28px rgba(13,191,198,.2);transition:.2s}.presentation-form .ff-btn-submit:hover,.presentation-form button[type="submit"]:hover{transform:translateY(-2px);filter:brightness(1.03)}
.presentation-form .ff-message-success{border:1px solid #9edbd4!important;border-radius:10px!important;background:#e9f8f5!important;color:#145e59!important;padding:16px!important}.presentation-privacy{margin:22px 0 0;font-size:11px;color:#81919d;line-height:1.6}.presentation-privacy a{color:#087f84;text-decoration:underline;text-underline-offset:2px}
.presentation-details{padding:40px;background:#0a2035;color:#fff;position:sticky;top:24px}.presentation-details>.section-kicker{color:#48d8d4}.presentation-details h2{margin:15px 0 33px}.presentation-details ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:0}.presentation-details li{display:grid;grid-template-columns:42px 1fr;gap:14px;padding:20px 0;border-top:1px solid rgba(255,255,255,.1)}.presentation-details li>span{width:35px;height:35px;border-radius:8px;background:rgba(35,209,207,.12);color:#49d9d5;display:grid;place-items:center;font-size:10px;font-weight:900}.presentation-details li div{display:flex;flex-direction:column;gap:6px}.presentation-details li b{font-size:14px}.presentation-details li small{color:#91a6b7;font-size:11px;line-height:1.55}
.presentation-contact{margin-top:28px;padding:23px;border-radius:11px;background:rgba(255,255,255,.05);display:flex;flex-direction:column;gap:7px}.presentation-contact small{color:#6fdeda;font-size:8px;letter-spacing:.9px;font-weight:800;margin-bottom:7px}.presentation-contact a{font-size:14px;color:#fff}.presentation-footer{background:#061426;color:#8399aa}.presentation-footer .container{min-height:78px;display:flex;align-items:center;justify-content:space-between;font-size:11px}.presentation-footer a{color:#b7c7d4}
@media(max-width:900px){.presentation-grid{grid-template-columns:1fr}.presentation-details{position:static}.presentation-heading{padding:60px 0 72px}}
@media(max-width:600px){.presentation-hero .nav{height:72px}.presentation-back{font-size:0}.presentation-back::after{content:"← Wróć";font-size:12px}.presentation-heading{padding:48px 0 62px}.presentation-heading h1{font-size:43px;letter-spacing:-2.4px}.presentation-heading>p{font-size:15px}.presentation-page{padding:45px 0 60px}.presentation-form-card,.presentation-details{padding:27px 22px}.presentation-form-card h2,.presentation-details h2{font-size:27px}.presentation-footer .container{padding:20px 0;gap:12px;align-items:flex-start;flex-direction:column}}

/* Logo DSG Mobile — wersja 2.6, zarządzana przez Media i Tożsamość witryny */
.brand{
	flex:0 0 auto;
	width:190px;
	height:50px;
	gap:0;
}
.brand .custom-logo{
	display:block;
	width:100%;
	height:100%;
	object-fit:contain;
	object-position:left center;
}
footer .brand{width:176px;height:46px}
.presentation-hero .brand{width:190px;height:50px}

/* Małe znaki wewnątrz makiet panelu i aplikacji. */
.mini-brand>span{display:none}
.mini-brand::before{
	content:"";
	display:block;
	width:30px;
	height:24px;
	background:var(--dsg-brand-symbol-dark) center/contain no-repeat;
}
.mobile-logo{
	display:inline-block;
	width:29px;
	height:23px;
	font-size:0;
	background:var(--dsg-brand-symbol-color) center/contain no-repeat;
}
.mobile-logo span{display:none}
.signal-phone-top>span{
	display:inline-block;
	width:31px;
	height:24px;
	font-size:0;
	background:var(--dsg-brand-symbol-dark) center/contain no-repeat;
}
.signal-phone-top>span span{display:none}
.phone-device b{
	width:43px;
	height:34px;
	font-size:0;
	background:var(--dsg-brand-symbol-color) center/contain no-repeat;
}
.phone-device b span{display:none}
.flow-middle>b{
	width:126px;
	height:34px;
	font-size:0;
	background:var(--dsg-brand-logo) center/contain no-repeat;
}
.flow-middle>b span{display:none}

@media(max-width:720px){
	.brand{width:166px;height:44px}
	.presentation-hero .brand{width:166px;height:44px}
}