@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#091410;--green:#12e59b;--green-dark:#00ae74;--cream:#f2f1eb;--muted:#66706b;--line:#d8ddd9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{color:inherit;text-decoration:none}button{font:inherit}.site-header{height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);position:absolute;z-index:20;width:100%;color:#fff}.brand{display:flex;align-items:center;gap:10px;font:700 23px Manrope}.brand-mark,.mini-mark{display:grid;place-items:center;background:var(--green);color:var(--ink);width:34px;height:34px;border-radius:9px;font-weight:800}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.nav-cta{border:1px solid #ffffff50;padding:12px 17px;border-radius:99px}.menu{display:none;background:none;color:#fff;border:1px solid #ffffff50;border-radius:99px;padding:8px 13px}.section{padding:120px max(5vw,28px)}.hero{min-height:850px;background:#07120f;color:#fff;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;overflow:hidden;padding-top:140px}.eyebrow{font-size:12px;letter-spacing:.13em;text-transform:uppercase;font-weight:700;display:flex;align-items:center;gap:10px}.eyebrow span{width:26px;height:2px;background:var(--green)}h1,h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:.98;margin:22px 0;font-size:clamp(54px,6vw,92px)}h1 em,h2 em{color:var(--green);font-style:normal;font-weight:500}.lead{max-width:610px;color:#b7c3bd;font-size:19px;line-height:1.6}.actions{display:flex;gap:12px;margin:34px 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;border-radius:99px;padding:15px 22px;font-weight:700;font-size:14px}.primary{background:var(--green);color:var(--ink)}.ghost{border:1px solid #ffffff50}.ghost.dark{border-color:#cad1cd;width:100%;margin-top:15px}.trust{display:flex;gap:25px;color:#91a098;font-size:12px;text-transform:uppercase;letter-spacing:.08em}.trust span:before{content:"✓";color:var(--green);margin-right:7px}.hero-visual{height:650px;position:relative}.glow{position:absolute;width:700px;height:700px;background:radial-gradient(circle,#0e8f6650,transparent 65%);inset:-80px 0 0}.dashboard{position:absolute;width:90%;height:410px;top:50px;right:-3%;background:#f8faf9;border-radius:16px;display:flex;color:var(--ink);box-shadow:0 30px 80px #0008;overflow:hidden;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg)}.dash-side{width:58px;background:#0b1813;display:flex;flex-direction:column;align-items:center;gap:24px;padding:18px}.dash-side b{background:var(--green);padding:7px;border-radius:7px}.dash-side i{width:18px;height:3px;background:#6d7b74;border-radius:4px}.dash-main{padding:26px;width:100%}.dash-top{display:flex;justify-content:space-between}.dash-top small,.dash-top strong{display:block}.dash-top small{font-size:8px;color:#87918c;letter-spacing:.14em}.dash-top strong{margin-top:5px}.live{font-size:8px;background:#d7fff0;color:#08744f;padding:7px 10px;border-radius:99px;height:min-content}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:22px 0}.stats div{background:#fff;border:1px solid #edf0ee;border-radius:9px;padding:13px}.stats small,.stats span{display:block;color:#8b9690;font-size:8px}.stats b{display:inline-block;font-size:24px;margin:8px 0}.stats .up{display:inline;margin-left:8px;color:#00a36b}.map{height:225px;background:#e7ece8;position:relative;border-radius:10px;overflow:hidden}.road{position:absolute;background:#fff;width:120%;height:13px;transform:rotate(-20deg);left:-10%;top:40%}.r2{transform:rotate(33deg);top:30%}.r3{transform:rotate(84deg);top:50%}.pin{position:absolute;background:#082019;color:var(--green);width:26px;height:26px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);display:grid;place-items:center;font-size:9px}.pin::first-letter{transform:rotate(45deg)}.p1{top:35%;left:30%}.p2{top:65%;left:62%}.p3{top:18%;left:74%}.map-card{position:absolute;display:flex;gap:9px;background:#fff;padding:9px;bottom:12px;left:12px;border-radius:8px;box-shadow:0 5px 20px #0002}.map-card i{width:28px;height:28px;border-radius:7px;background:var(--green)}.map-card b,.map-card small{display:block;font-size:8px}.map-card small{color:#89938e;margin-top:3px}.phone{position:absolute;width:238px;height:485px;border:7px solid #17231f;border-radius:35px;background:#f7f9f8;bottom:5px;left:5%;color:var(--ink);padding:16px;box-shadow:0 30px 80px #0009}.phone-bar,.app-head{display:flex;justify-content:space-between;align-items:center}.phone-bar{font-size:8px;padding:0 5px}.phone-bar i{width:55px;height:15px;background:#101916;border-radius:99px}.app-head{margin:19px 0}.mini-mark{width:25px;height:25px;border-radius:6px}.app-head span:nth-child(2){margin-left:-50px;font-weight:700;font-size:12px}.phone .muted{font-size:8px;color:#8a958f;letter-spacing:.1em;margin-top:30px}.phone h3{font-size:17px}.progress{height:5px;background:#e4e8e6;border-radius:8px}.progress span{display:block;width:58%;height:100%;background:var(--green-dark);border-radius:8px}.progress-copy{display:flex;justify-content:space-between;font-size:9px;margin-top:6px}.progress-copy small{color:#8a958f}.checkpoint{display:flex;align-items:center;gap:10px;margin:17px 0}.checkpoint>span{width:29px;height:29px;border-radius:50%;background:#c8f9e8;display:grid;place-items:center;font-size:10px;color:#08704f}.checkpoint.active{background:#fff;padding:9px;border-radius:9px;box-shadow:0 5px 15px #00000010}.checkpoint.active>span{background:#092019;color:#fff}.checkpoint b,.checkpoint small{font-size:9px;display:block}.checkpoint small{color:#89938e;margin-top:3px}.phone button{width:100%;border:0;background:#092019;color:#fff;border-radius:9px;padding:12px;font-size:8px;font-weight:700}.proof{padding:25px 5vw;border-bottom:1px solid var(--line);text-align:center}.proof p{font-size:11px;color:#8a928e;text-transform:uppercase;letter-spacing:.12em}.proof div{display:flex;justify-content:space-between;color:#717b76;font-weight:700;font-size:12px;margin-top:22px}.section-label{text-transform:uppercase;letter-spacing:.13em;font-size:11px;font-weight:700;border-top:1px solid var(--line);padding-top:17px}.section-label.light{border-color:#ffffff2c;color:#9aa8a1}.intro-grid,.product-heading,.pricing-head{display:grid;grid-template-columns:1.35fr .65fr;gap:8vw}.intro h2,.products h2,.pricing h2,.audience h2,.cta h2{font-size:clamp(45px,5vw,72px)}.intro-grid>div{padding-top:35px;color:#5e6863;line-height:1.65}.features{display:grid;grid-template-columns:repeat(4,1fr);margin-top:70px;border-top:1px solid var(--line)}.features article{padding:25px;border-right:1px solid var(--line)}.features article:first-child{padding-left:0}.features article>span{color:#9aa39e;font-size:10px}.feature-icon{font-size:31px;margin:45px 0 28px}.features h3{font-size:18px}.features p,.product-grid p{color:#68716d;line-height:1.55;font-size:14px}.steps,.audience{background:#0a1712;color:white}.steps>h2{font-size:clamp(45px,5vw,72px);max-width:850px}.step-list{margin-top:70px;border-top:1px solid #ffffff30}.step-list article{display:grid;grid-template-columns:80px 1fr;border-bottom:1px solid #ffffff30;padding:35px 0}.step-list article>b{color:var(--green);font-size:13px}.step-list article div{display:grid;grid-template-columns:180px 1fr 1fr;align-items:start;gap:40px}.step-list small{color:#86938d;font-weight:700}.step-list h3{margin:0;font:600 24px Manrope}.step-list p{margin:0;color:#98a59f;line-height:1.55}.product-heading>p,.pricing-head p{padding-top:30px;color:#68716d;line-height:1.6}.product-grid,.price-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:60px}.product-grid article{padding:35px;border:1px solid var(--line);min-height:500px}.product-grid article+article{border-left:0}.product-main{background:#d9ffef}.tag{font-size:9px;font-weight:800;letter-spacing:.12em;background:var(--ink);color:#fff;padding:7px 9px;border-radius:99px}.tag.soon{background:#e3e7e4;color:#53605a}.product-mark{width:55px;height:55px;border-radius:14px;background:var(--green);display:grid;place-items:center;font:800 27px Manrope;margin-top:70px}.product-mark.shield{background:#15281f;color:#fff}.product-mark.time{background:#dfe5e1}.product-grid h3{font:700 28px Manrope;margin-bottom:5px}.product-grid ul,.price-grid ul{list-style:none;padding:0;margin-top:28px}.product-grid li,.price-grid li{margin:13px 0;font-size:13px}.product-grid li:before,.price-grid li:before{content:"✓";color:var(--green-dark);margin-right:10px}.billing{align-self:end;justify-self:end;border:1px solid var(--line);border-radius:99px;padding:4px}.billing button{border:0;background:none;padding:10px 14px;border-radius:99px;font-size:12px}.billing button.active{background:var(--ink);color:#fff}.billing span{color:var(--green-dark)}.price-grid article{padding:35px;border:1px solid var(--line);display:flex;flex-direction:column}.price-grid article+article{border-left:0}.price-grid .popular{background:#0a1712;color:#fff;position:relative;transform:translateY(-12px);padding-top:47px}.popular-label{position:absolute;top:0;left:0;right:0;text-align:center;background:var(--green);color:var(--ink);font-size:9px;padding:8px;font-weight:800;letter-spacing:.08em}.price-grid h3{font:500 18px Manrope}.price{margin:25px 0}.price b{font:700 48px Manrope;letter-spacing:-.05em}.price span{color:#75807a;font-size:12px}.price-grid>article>p{color:#69736e;font-size:13px;min-height:38px}.popular>p{color:#9aa69f}.price-grid ul{flex:1}.price-note{text-align:center;font-size:12px;color:#69736e;margin-top:30px}.audience{display:grid;grid-template-columns:1fr 1fr;gap:8vw}.audience-list{border-top:1px solid #ffffff30}.audience-list article{display:grid;grid-template-columns:50px 1fr;border-bottom:1px solid #ffffff30;padding:24px 0}.audience-list span{color:var(--green);font-size:10px}.audience-list h3{margin:0 0 8px}.audience-list p{color:#99a49f;margin:0;font-size:14px}.cta{background:var(--green);display:flex;justify-content:space-between;align-items:end}.cta .eyebrow span{background:var(--ink)}.cta h2 em{color:#fff}.cta p{max-width:550px}.button.white{background:white}.cta>a{margin-bottom:25px}footer{padding:55px max(5vw,28px);background:#07120f;color:#fff;display:grid;grid-template-columns:1fr 1fr 1fr auto;align-items:center;gap:25px}footer p,footer small{color:#78857f;font-size:12px}footer div{display:flex;gap:20px;font-size:12px}.reveal{animation:rise .8s ease both}@keyframes rise{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@media(max-width:900px){.site-header nav{display:none;position:absolute;top:70px;right:20px;background:#10231b;padding:22px;border-radius:15px;flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.menu{display:block}.section{padding:85px 24px}.hero{grid-template-columns:1fr;padding-top:130px}.hero-visual{height:570px;margin-top:30px}.dashboard{width:110%;right:-35%;transform:none}.phone{left:2%}.proof div{flex-wrap:wrap;gap:18px;justify-content:center}.intro-grid,.product-heading,.pricing-head,.audience{grid-template-columns:1fr}.features{grid-template-columns:1fr 1fr}.step-list article div{grid-template-columns:1fr}.step-list article div p{max-width:550px}.product-grid,.price-grid{grid-template-columns:1fr}.product-grid article+article,.price-grid article+article{border-left:1px solid var(--line);border-top:0}.price-grid .popular{transform:none}.billing{justify-self:start}.cta{align-items:start;gap:30px;flex-direction:column}footer{grid-template-columns:1fr 1fr}}
@media(max-width:560px){h1{font-size:52px}.hero{min-height:auto}.hero-copy .actions{flex-direction:column;align-items:stretch}.trust{flex-wrap:wrap}.hero-visual{height:500px}.dashboard{height:330px;right:-48%;width:135%}.dash-main{padding:17px}.stats div:nth-child(3){display:none}.stats{grid-template-columns:1fr 1fr}.phone{transform:scale(.82);transform-origin:left bottom;bottom:0}.features{grid-template-columns:1fr}.features article{border-bottom:1px solid var(--line);border-right:0;padding-left:0}.feature-icon{margin:25px 0}.step-list article{grid-template-columns:40px 1fr}.product-grid article{min-height:auto}.price-grid article{padding:28px}.audience{gap:35px}.cta h2{font-size:48px}footer{grid-template-columns:1fr}footer div{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{animation:none}}

/* Patrola: srebrna in modra produktna identiteta */
:root{--ink:#111820;--green:#29465e;--green-dark:#20384e;--cream:#eef1f4;--muted:#68727e;--line:#cfd5dc}
.hero,.steps,.audience,.price-grid .popular,footer{background:#111820}
.dash-side,.phone button,.checkpoint.active>span{background:#182330}
.glow{background:radial-gradient(circle,#2f7fe54f,transparent 66%)}
.product-main{background:linear-gradient(145deg,#f8fafc,#dbe4ee)}
.dashboard,.phone{background:#f7f9fb}
.map{background:#dfe5eb}
.stats div{border-color:#e1e6eb}
.tag.soon,.product-mark.time{background:#dbe1e7;color:#46515d}
.product-mark.shield{background:#263342}
.cta{background:linear-gradient(120deg,#cbd4de,#8aaed8)}
.cta h2 em{color:#1f69c1}
.live{background:#e4effb;color:#276ab8}
.stats .up{color:#2f7fe5}
.checkpoint>span{background:#e3eefb;color:#276ab8}
.pin{background:#172330}
.site-header{height:96px}.brand-logo{width:96px;height:96px;object-fit:contain;background:transparent;padding:0;mix-blend-mode:multiply}
@media(max-width:560px){.site-header{height:82px}.brand-logo{width:72px;height:72px}}
.app-logo{width:27px;height:27px;object-fit:contain;border-radius:7px;background:#fff}
.app-head span:nth-child(2){margin-left:-48px}
.product-mark.logo-mark img{width:45px;height:45px;object-fit:contain}
.nfc-section{background:#f7f9fb}.nfc-hero{display:grid;grid-template-columns:1fr .85fr;gap:8vw;align-items:center;margin-top:55px}.eyebrow.dark{color:#536170}.lead-dark{font-size:18px;line-height:1.65;color:#5d6874;max-width:720px}.nfc-facts{margin-top:40px;border-top:1px solid var(--line)}.nfc-facts div{display:grid;grid-template-columns:45px 1fr;gap:12px;padding:17px 0;border-bottom:1px solid var(--line);font-size:14px;color:#515d69}.nfc-facts strong{color:var(--green-dark);font-size:11px}.nfc-visual{height:560px;position:relative;display:grid;place-items:center;background:radial-gradient(circle at center,#dce8f5 0,#e9eef3 42%,transparent 70%);overflow:hidden}.signal-ring{position:absolute;border:1px solid #73a8e5;border-radius:50%}.ring-one{width:330px;height:330px}.ring-two{width:450px;height:450px;opacity:.45}.nfc-sticker{position:absolute;left:6%;top:16%;width:155px;height:155px;background:#fff;border-radius:50%;box-shadow:0 20px 50px #284b7024;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:3;border:5px solid #dbe3eb}.nfc-sticker img{width:58px;height:58px;object-fit:contain}.nfc-sticker b{font:800 17px Manrope;letter-spacing:.12em}.nfc-sticker small{font-size:7px;letter-spacing:.12em;color:#718090}.scan-phone{position:absolute;right:9%;width:230px;height:455px;border:8px solid #202a35;border-radius:38px;background:#eef2f6;padding:10px;transform:rotate(5deg);box-shadow:0 30px 70px #263b5260;z-index:2}.scan-screen{height:100%;border-radius:24px;background:linear-gradient(180deg,#fff,#e7edf3);display:flex;flex-direction:column;align-items:center;text-align:center;padding:50px 18px}.scan-screen img{width:45px;height:45px;object-fit:contain;margin-bottom:55px}.scan-screen small{font-size:8px;letter-spacing:.13em;color:#718090}.scan-screen strong{font:700 18px Manrope;margin-top:9px}.nfc-wave{font:800 34px Manrope;color:var(--green-dark);transform:rotate(-90deg);margin:34px 0}.scan-screen span{font-size:9px;color:#5f6b77;background:#dce6f0;padding:8px 11px;border-radius:99px}.verified-card{position:absolute;bottom:9%;left:3%;z-index:4;background:#fff;border-radius:13px;padding:14px 17px;display:flex;gap:11px;align-items:center;box-shadow:0 15px 35px #263b5233}.verified-card>span{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:#dceaf9;color:#1f6ac1}.verified-card b,.verified-card small{display:block;font-size:10px}.verified-card small{color:#77838e;margin-top:3px}.nfc-shop{display:grid;grid-template-columns:1fr auto auto;gap:45px;align-items:center;background:#172330;color:#fff;border-radius:20px;padding:38px 42px;margin-top:55px}.shop-tag{font-size:9px;letter-spacing:.13em;color:#9fc5ef;font-weight:800}.nfc-shop h3{font:700 27px Manrope;margin:9px 0}.nfc-shop p{color:#aeb9c4;line-height:1.55;font-size:13px;max-width:650px;margin-bottom:0}.shop-options{display:flex;gap:8px}.shop-options div{min-width:76px;border:1px solid #ffffff24;border-radius:12px;padding:14px;text-align:center}.shop-options b,.shop-options span{display:block}.shop-options b{font:700 20px Manrope}.shop-options span{font-size:9px;color:#98a5b1;margin-top:3px}.nfc-note{text-align:center;color:#73808c;font-size:11px;margin-top:20px}
@media(max-width:900px){.nfc-hero{grid-template-columns:1fr}.nfc-shop{grid-template-columns:1fr}.nfc-shop .button{justify-self:start}.nfc-visual{max-width:600px;width:100%;justify-self:center}}
@media(max-width:560px){.nfc-visual{height:500px}.scan-phone{right:-2%;transform:scale(.85) rotate(4deg)}.nfc-sticker{left:0;top:12%;width:125px;height:125px}.verified-card{left:0;bottom:7%}.nfc-shop{padding:28px 22px}.shop-options{flex-wrap:wrap}.nfc-shop .button{width:100%}}

/* Mehkejše srebrne površine in močnejša tipografija */
body,.intro,.products,.pricing{background:#dfe4e9}
.proof{background:#d7dde3}
.nfc-section{background:#e4e8ed}
.dashboard,.phone,.scan-screen{background:#edf1f5}
.stats div,.map-card,.checkpoint.active,.nfc-sticker,.verified-card{background:#f5f7f9}
.intro-grid>div,.features p,.product-grid p,.product-heading>p,.pricing-head p,.price-grid>article>p,.price-note,.lead-dark,.nfc-facts div{color:#3f4b57}
.proof p,.proof div,.features article>span,.phone .muted,.checkpoint small,.map-card small,.nfc-note{color:#505d69}
.section-label{border-color:#b9c1c9;color:#2e3944}
.features,.features article,.product-grid article,.price-grid article{border-color:#bcc4cc}
.product-grid article:not(.product-main),.price-grid article:not(.popular){background:#e9edf1}
.billing{border-color:#aeb8c2}
.free-app-link{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:50px;padding:18px 22px;border:1px solid #b9c2cb;border-radius:14px;background:#e9edf1}.free-app-link>div{display:flex;align-items:center;gap:14px}.free-app-link img{width:42px;height:42px;object-fit:contain;border-radius:9px;background:#fff;padding:3px}.free-app-link small,.free-app-link b{display:block}.free-app-link small{font-size:10px;letter-spacing:.12em;color:#697683;margin-bottom:4px}.free-app-link b{font:600 15px Manrope}.play-store-pending{font-size:14px;font-weight:700;color:#596673;border:1px solid #b7c0c9;border-radius:99px;padding:10px 15px}.draft-product{background:#d8dde3!important}.draft-note{margin-top:35px;padding:17px;border:1px dashed #a7b0ba;border-radius:11px;color:#54616d;font-size:14px;line-height:1.5}.product-grid{margin-top:24px}
@media(max-width:700px){.free-app-link{align-items:flex-start;flex-direction:column}.free-app-link>a{width:100%;padding-top:14px;border-top:1px solid #c4cbd2}}

/* Čitljivost na običajnih in HiDPI zaslonih */
body{font-size:17px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
.site-header nav{font-size:15px}
.eyebrow{font-size:13px}.lead{font-size:20px}.trust{font-size:13px}
.proof p{font-size:12px}.proof div{font-size:14px}
.section-label{font-size:12px}.intro-grid>div{font-size:17px}
.features p,.product-grid p{font-size:15px}.features h3{font-size:19px}
.step-list small{font-size:12px}.step-list p{font-size:15px}
.product-grid li,.price-grid li{font-size:14px}
.product-heading>p,.pricing-head p{font-size:16px}
.price-grid>article>p{font-size:14px}.price-note,.nfc-note{font-size:13px;line-height:1.55}
.audience-list p{font-size:15px}.nfc-facts div{font-size:15px}.nfc-shop p{font-size:14px}
.shop-tag{font-size:11px}.shop-options span{font-size:10px}
.dash-top small,.stats small,.stats span,.map-card b,.map-card small{font-size:9px}
.phone .muted,.phone button{font-size:9px}.checkpoint b,.checkpoint small,.progress-copy{font-size:10px}
.scan-screen small{font-size:10px}.scan-screen span{font-size:11px}.verified-card b,.verified-card small{font-size:11px}
.nfc-sticker small{font-size:9px}.phone-bar{font-size:9px}

/* Dejanska zaslona aplikacije v kovinskih 3D okvirjih */
.hero-visual{min-width:0;isolation:isolate}.web-device{position:absolute;z-index:1;width:96%;right:-6%;top:44px;padding:8px;background:linear-gradient(145deg,#f4f7fa 0,#758493 38%,#25313d 72%,#c6d0d9 100%);border:1px solid #dce5ec;border-radius:22px;box-shadow:0 38px 80px #000b,0 0 0 1px #ffffff28 inset,0 0 46px #4c82b52b;transform:perspective(1300px) rotateY(-4deg) rotateX(1.5deg) translateZ(0);transform-origin:center right;backface-visibility:hidden}.web-device img{display:block;width:100%;height:auto;aspect-ratio:1417/1071;object-fit:cover;border-radius:14px;background:#d6dde4}.device-camera{position:absolute;z-index:4;top:2px;left:50%;width:5px;height:5px;border-radius:50%;background:#0a1118;box-shadow:0 0 0 2px #8d9ba7}.screen-shine{position:absolute;z-index:3;inset:8px;border-radius:14px;background:linear-gradient(118deg,#ffffff32 0,#ffffff0c 21%,transparent 39%,transparent 76%,#93bce41a 100%);pointer-events:none}.mobile-device{position:absolute;z-index:5;width:218px;left:1%;bottom:-2px;padding:8px;background:linear-gradient(145deg,#edf2f6,#73818d 18%,#101820 48%,#9eabb5 78%,#26313a);border:1px solid #e7edf2;border-radius:34px;box-shadow:0 38px 80px #000d,0 0 0 2px #ffffff24 inset,12px 4px 30px #418bd22c;transform:perspective(1000px) rotateY(5deg) rotateZ(-1deg) translateZ(0);backface-visibility:hidden}.mobile-device img{display:block;width:100%;height:auto;aspect-ratio:806/1795;object-fit:cover;border-radius:25px;background:#0a1117}.phone-speaker{position:absolute;z-index:7;top:13px;left:50%;transform:translateX(-50%);width:48px;height:5px;border-radius:99px;background:#080d11;box-shadow:0 1px 1px #ffffff22}.mobile-shine{inset:8px;border-radius:25px;background:linear-gradient(112deg,#ffffff24 0,transparent 28%,transparent 70%,#6ca7dc16 100%)}.visual-chip{position:absolute;z-index:7;right:1%;bottom:1%;display:grid;grid-template-columns:12px auto;column-gap:9px;background:#121c26e8;border:1px solid #ffffff28;border-radius:14px;padding:13px 16px;color:#fff;box-shadow:0 14px 36px #0009;backdrop-filter:blur(10px)}.visual-chip>span{grid-row:1/3;width:10px;height:10px;margin-top:3px;border-radius:50%;background:#47aa82;box-shadow:0 0 14px #47aa82}.visual-chip b{font-size:12px}.visual-chip small{font-size:10px;color:#9faeba;margin-top:2px}
@media(max-width:900px){.web-device{width:96%;right:-19%;top:35px}.mobile-device{left:3%;width:205px}.visual-chip{right:2%}}
@media(max-width:560px){.hero-visual{height:530px}.web-device{width:135%;right:-56%;top:45px;padding:6px;border-radius:17px;transform:perspective(1000px) rotateY(-3deg)}.web-device img,.screen-shine{border-radius:11px}.screen-shine{inset:6px}.mobile-device{width:185px;left:0;bottom:5px;padding:7px;border-radius:30px;transform:rotateZ(-1deg)}.mobile-device img{border-radius:22px}.mobile-shine{inset:7px;border-radius:22px}.visual-chip{right:0;bottom:2%;padding:11px 12px}.visual-chip small{display:none}}

/* Tanjši robovi naprav in fotografski prikaz NFC skena */
.web-device{padding:4px;border-width:1px;border-radius:18px}.web-device img{border-radius:13px}.screen-shine{inset:4px;border-radius:13px}.device-camera{top:0}
.mobile-device{padding:4px;border-width:1px;border-radius:30px}.mobile-device img{border-radius:25px}.mobile-shine{inset:4px;border-radius:25px}.phone-speaker{top:9px}
.nfc-visual.nfc-photo{height:auto;aspect-ratio:3/2;border-radius:22px;overflow:hidden;background:#172332;box-shadow:0 28px 65px #23384e38,0 0 0 1px #ffffff80 inset;display:block}.nfc-photo>img{display:block;width:100%;height:100%;object-fit:cover}.nfc-photo-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,#ffffff18 0,transparent 28%,transparent 76%,#87b7e518 100%);mix-blend-mode:screen}
@media(max-width:560px){.web-device{padding:3px;border-radius:15px}.web-device img,.screen-shine{border-radius:12px}.screen-shine{inset:3px}.mobile-device{padding:3px;border-radius:27px}.mobile-device img,.mobile-shine{border-radius:24px}.mobile-shine{inset:3px}.nfc-visual.nfc-photo{height:auto;aspect-ratio:3/2;border-radius:16px}}
.enterprise-grid{grid-template-columns:repeat(2,1fr)}.enterprise-grid article{min-height:525px}.edition-audience{display:inline-block;margin-left:8px;font-size:10px;font-weight:800;letter-spacing:.1em;color:#536170}.time-product-section{display:grid;grid-template-columns:auto 1fr;gap:25px;align-items:center;margin-top:28px;padding:30px 34px;border:1px solid #b9c2cb;border-radius:16px;background:#d8dde3}.time-product-section .product-mark{margin:0}.time-product-section h3{font:700 28px Manrope;margin:15px 0 6px}.time-product-section p{max-width:820px;margin:0;color:#4c5965;font-size:15px;line-height:1.6}
@media(max-width:900px){.enterprise-grid{grid-template-columns:1fr}.enterprise-grid article+article{border-top:0}.time-product-section{align-items:start}}
@media(max-width:560px){.edition-audience{display:block;margin:10px 0 0}.time-product-section{grid-template-columns:1fr;padding:25px}.time-product-section .product-mark{width:48px;height:48px}}

/* Večja transparentna NFC kompozicija na svetlem ozadju */
.nfc-section{background:#e8ebef}.nfc-hero{grid-template-columns:.78fr 1.22fr;gap:4vw;margin-top:10px}.nfc-copy{padding:55px 0}.nfc-visual.nfc-photo{width:116%;max-width:none;margin-left:-7%;aspect-ratio:3/2;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.nfc-photo>img{object-fit:contain;filter:drop-shadow(0 25px 28px #20354a35)}.nfc-photo-shine{display:none}
@media(max-width:900px){.nfc-hero{grid-template-columns:1fr}.nfc-copy{padding:25px 0 0}.nfc-visual.nfc-photo{width:108%;margin:-15px -4% 0}}
@media(max-width:560px){.nfc-visual.nfc-photo{width:116%;margin:-5px -8% 0;aspect-ratio:3/2}.xweb-footer{min-height:140px}}
.web-device img{aspect-ratio:1374/1075;background:#1b2630}

/* Stabilen prikaz brez migetanja, 3D podpikslov in gradientnih pasov */
.reveal{animation:none;opacity:1;transform:none}
.dashboard{transform:none;backface-visibility:hidden}
.product-main{background:#dbe3eb}
.hero h1 em{color:#89a2ba}.primary{background:#29465e;color:#fff}.cta{background:#243e58}.cta .eyebrow span{background:#c4d0dc}.cta h2 em{color:#b9c9d8}

/* Enotna navy/modro-siva paleta */
.glow{background:radial-gradient(circle,#29465e55,transparent 66%)}
.cta{background:linear-gradient(120deg,#3a556d,#20384e)}
.live{background:#dbe4ec;color:#29465e}.stats .up{color:#29465e}.checkpoint>span{background:#dbe4ec;color:#29465e}
.nfc-visual{background:radial-gradient(circle at center,#d9e1e8 0,#eef1f4 42%,transparent 70%)}.signal-ring{border-color:#607f98}
.nfc-sticker{box-shadow:0 20px 50px #223b5124;border-color:#d5dfe7}.scan-screen span{background:#dbe3ea}.verified-card>span{background:#dce4eb;color:#29465e}.shop-tag{color:#a9bdce}
.nfc-visual{background:#e1e7ed}

/* Postavitev brez dekorativnega oštevilčenja */
.nfc-facts div{grid-template-columns:1fr}
.step-list article{grid-template-columns:1fr}
.audience-list article{grid-template-columns:1fr}

/* NFC vsebina je poravnana na vrh, prikaz telefona ostane zračno na desni */
.nfc-copy{padding:0}
.nfc-visual.nfc-photo{width:82%;margin:0 0 0 18%;align-self:start}
@media(max-width:900px){.nfc-visual.nfc-photo{width:88%;margin:12px 0 0 12%}}
@media(max-width:560px){.nfc-visual.nfc-photo{width:100%;margin:8px 0 0}}

/* Naslov NFC sklopa je samostojen, vsebina spodaj ostane v dveh jasnih stolpcih. */
.nfc-heading{margin:0 0 38px}.nfc-heading h2{margin-bottom:0;font-size:clamp(45px,5vw,72px)}
.nfc-hero{grid-template-columns:1fr 1.2fr;gap:7vw;margin-top:0;align-items:start}
.nfc-visual.nfc-photo{width:100%;margin:0;align-self:start}
.features h3{margin-top:45px}
@media(max-width:900px){.nfc-hero{grid-template-columns:1fr .7fr;gap:4vw}.nfc-visual.nfc-photo{width:100%;margin:0}}
@media(max-width:560px){.nfc-heading{margin-bottom:26px}.nfc-hero{grid-template-columns:1fr;gap:18px}.nfc-visual.nfc-photo{width:82%;margin:0 0 0 auto}}

.xweb-footer{min-height:110px;padding:34px max(5vw,28px);display:flex;align-items:center;justify-content:center;background:#111820}.xweb-signature{color:#f5f7fa;font-family:Manrope,ui-sans-serif,system-ui,sans-serif;font-size:13px;font-weight:700;letter-spacing:.13em}.xweb-signature:hover{opacity:.8}
