@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');:root{--bg:#061427;--panel:#102641;--line:#244765;--text:#f7fbff;--muted:#adc1d6;--cyan:#77e0ff;--blue:#4faaff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',system-ui,sans-serif;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}.wrap{width:min(1190px,calc(100% - 48px));margin-inline:auto}.grad{background:linear-gradient(115deg,#e5f6ff 0%,#65d9ff 45%,#2686fa 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.top{position:sticky;top:0;z-index:30;background:#07172bed;border-bottom:1px solid #25415b;backdrop-filter:blur(16px)}.top-inner{display:flex;align-items:center;justify-content:space-between;gap:25px;min-height:82px}.brand,.footer-logo{font-family:Manrope,sans-serif;font-size:25px;font-weight:800;letter-spacing:-1.2px;white-space:nowrap}.mark{display:inline-grid;place-items:center;background:linear-gradient(130deg,#38d5ff,#0d72cd);color:#fff;width:35px;height:35px;border-radius:10px;margin-right:9px;font-size:22px}.top nav{display:flex;gap:26px;font-size:14px;color:#d0deee}.top nav a:hover{color:var(--cyan)}.right{display:flex;align-items:center;gap:12px}.right button{background:#112941;border:1px solid #2f5879;border-radius:9px;color:#fff;padding:7px 14px}.smallcta{background:#1683d5;padding:9px 17px;border-radius:9px;font-size:13px;font-weight:800}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 84% 35%,#124e80 0%,#0a284a 36%,#061427 78%)}.glow-1{position:absolute;inset:auto -15% -65% 45%;width:70%;height:100%;background:#027bff35;filter:blur(110px)}.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center;min-height:740px;padding:95px 0}.intro{position:relative;z-index:2}.eyebrow,.over{color:#86d9ff;letter-spacing:.13em;font-size:12px;font-weight:800}.eyebrow{display:inline-flex;align-items:center;gap:8px;border:1px solid #3874a4;border-radius:100px;padding:7px 15px;background:#0b2b4a}.spark{font-size:18px}h1,h2,h3{font-family:Manrope,system-ui,sans-serif}h1{font-size:clamp(45px,5.4vw,77px);line-height:1.1;letter-spacing:-.065em;margin:25px 0}h2{font-size:clamp(32px,4vw,52px);line-height:1.14;letter-spacing:-.05em;margin:15px 0 20px}h3{letter-spacing:-.03em}.lede{font-size:19px;color:#c6d7e8;max-width:560px}.buttons{display:flex;flex-wrap:wrap;gap:12px;margin-top:33px}.btn{padding:14px 19px;border-radius:11px;font-weight:800;font-size:14px}.primary{background:linear-gradient(100deg,#81ddff,#3f9df2);color:#041b34;box-shadow:0 7px 28px #1685df36}.outline{border:1px solid #567897}.micro{font-size:12px;color:#99b2ca;margin-top:27px}.hero-media{position:relative;max-width:560px;width:min(100%,560px);margin:auto;padding:14px;border-radius:26px;background:linear-gradient(180deg,#0d2440,#08182b);border:1px solid #376183;box-shadow:0 28px 70px #0008}.hero-media img{position:relative;width:100%;height:auto;aspect-ratio:auto;object-fit:contain;display:block;border-radius:18px;box-shadow:0 18px 40px #0008,0 0 0 1px #5db8fa42;background:#071a2e}.media-halo{position:absolute;inset:5% 8% auto 8%;width:auto;height:70%;background:#168fff55;filter:blur(80px);pointer-events:none}.image-tag{position:absolute;bottom:12px;left:12px;right:12px;text-align:center;background:#04182be8;border:1px solid #5a99c4;border-radius:8px;font-size:11px;padding:8px}.stats{border-block:1px solid #284564;background:#0b1d34}.stats-row{display:grid;grid-template-columns:repeat(4,1fr);padding:26px 0}.stats-row>div{border-right:1px solid #31506d;padding:0 25px;display:flex;align-items:center;gap:12px}.stats-row>div:first-child{padding-left:0}.stats-row>div:last-child{border-right:none}.stats-row b{color:#80d9ff;font-size:18px}.stats-row span{font-size:13px;color:#bdcfe0}.section{padding:100px 0}.section-intro{max-width:830px}.section-intro>p:last-child,.family p,.privacy p,.launch p{color:#bdd0e3}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.feature{background:linear-gradient(145deg,#122d4c,#0a1e35);border:1px solid #2b4a68;border-radius:19px;padding:30px;min-height:224px;transition:transform .2s,border-color .2s}.feature:hover{transform:translateY(-4px);border-color:#6bb8e8}.ico{font-size:32px;color:#82dcff}.feature h3{font-size:20px;margin:14px 0 8px}.feature p{font-size:14px;color:#b4c8dc;margin:0}.gallery{background:#091c32;border-block:1px solid #23405c}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.gallery-grid article{min-width:0;background:#102b49;border:1px solid #2f506e;border-radius:16px;overflow:hidden;padding-bottom:17px}.gallery-grid img{display:block;width:100%;aspect-ratio:4/5;object-fit:cover}.gallery-grid h3{font-size:16px;margin:15px 15px 2px}.gallery-grid span{display:block;margin:0 15px;color:#9ebbd4;font-size:12px}.privacy{background:radial-gradient(ellipse at 75% 40%,#15456c,#071729 65%)}.privacy-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:80px;align-items:center}.caution{padding:18px 20px;background:#1b2937;border-left:3px solid #d5a173;border-radius:6px;font-size:14px}.privacy-art{text-align:center}.privacy-logo{display:block;width:min(100%,340px);height:auto;margin:0 auto 18px;filter:drop-shadow(0 0 40px rgba(59,184,255,.25))}.privacy-art p{font-size:13px}.family{background:#0b1e35}.family-grid{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.family-image img{width:100%;display:block;border-radius:18px;border:1px solid #3b6685;box-shadow:0 30px 60px #0008}.family-tag{font-weight:800;color:#8ddcff!important}.launch{text-align:center;background:radial-gradient(ellipse at 50% 10%,#154473,#07172a 75%)}.launch p{max-width:690px;margin:0 auto 28px}.play{display:inline-flex;gap:14px;align-items:center;border:1px solid #5189b6;border-radius:13px;padding:14px 21px;color:#e1f2ff;background:#15314e;font-weight:800}.launch .tiny{font-size:12px;margin:34px auto 0;color:#9eb6cc}footer{border-top:1px solid #2c4e6d;padding:32px 0}.footer-grid{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-grid p{font-size:12px;color:#97b0c7}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:40;background:white;color:#111;padding:10px}@media(max-width:1000px){.top nav{display:none}.hero-grid{gap:30px}.gallery-grid{grid-template-columns:repeat(2,1fr)}.stats-row>div{padding:0 12px;flex-direction:column;gap:0}}@media(max-width:700px){.wrap{width:min(100% - 34px,520px)}.top-inner{min-height:68px}.brand{font-size:20px}.mark{width:30px;height:30px;font-size:19px}.smallcta{display:none}.hero-grid{grid-template-columns:1fr;gap:42px;min-height:unset;padding:65px 0 60px}.intro{text-align:center}.eyebrow{font-size:10px;letter-spacing:.06em}h1{font-size:clamp(40px,10vw,57px)}.lede{font-size:16px}.buttons{justify-content:center}.hero-media{max-width:420px;width:min(100%,420px)}.stats-row{grid-template-columns:repeat(2,1fr);gap:20px}.stats-row>div{padding:0 12px}.stats-row>div:nth-child(2){border-right:0}.section{padding:66px 0}.feature-grid{grid-template-columns:1fr}.gallery-grid{gap:12px}.gallery-grid h3{font-size:13px}.gallery-grid span{font-size:11px}.privacy-grid,.family-grid{grid-template-columns:1fr;gap:30px}.privacy-logo{width:min(100%,260px)}.family-grid .family-image{order:2}.footer-grid{flex-direction:column;text-align:center;gap:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature{transition:none}}.brand{display:flex;align-items:center}.brand-icon{width:37px;height:37px;object-fit:cover;border-radius:9px;margin-right:9px}

/* ULTRA HD v3: display images without stretching or cropping */
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{font-feature-settings:"kern" 1}
img{image-rendering:auto;max-width:100%}
.hero-media{width:100%;max-width:560px}
.hero-media img{height:auto;aspect-ratio:1122 / 1402;object-fit:contain;object-position:center}
.gallery-grid img{height:auto;aspect-ratio:1122 / 1402;object-fit:contain;object-position:center;background:#071a2e}
.family-image img{height:auto;aspect-ratio:1122 / 1402;object-fit:contain}
.gallery-grid article{box-shadow:0 20px 40px #0004}
@media(min-width:1600px){.wrap{width:min(1440px,calc(100% - 110px))}.hero-media{max-width:650px}.hero-grid{grid-template-columns:1fr 1fr;gap:90px}.hero-grid h1{font-size:clamp(68px,5vw,88px)}.gallery-grid{gap:24px}.gallery-grid h3{font-size:19px}.section-intro>p:last-child{font-size:17px}}
@media(max-width:700px){.hero-media{max-width:420px}.gallery-grid img{width:100%}}

/* Full-screen image viewer — v4 */
.feature[data-full-image],.gallery-grid article[data-full-image]{cursor:zoom-in}
.feature[data-full-image]:focus-visible,.gallery-grid article[data-full-image]:focus-visible{outline:3px solid #80d9ff;outline-offset:4px}
.image-viewer[hidden]{display:none!important}.image-viewer{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#020a14;color:#fff;overscroll-behavior:contain}.viewer-backdrop{position:absolute;inset:0;background:rgba(1,7,16,.96)}.viewer-panel{position:relative;z-index:1;width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:8px 15px 15px;gap:8px}.viewer-toolbar{width:min(100%,1400px);display:flex;align-items:center;justify-content:space-between;gap:14px;flex:none;min-height:48px}.viewer-toolbar strong{font-size:clamp(14px,2vw,19px);line-height:1.35}.viewer-toolbar button{appearance:none;border:1px solid #6497bc;background:#112d49;color:#fff;border-radius:13px;width:49px;height:49px;font-size:25px;display:grid;place-items:center;cursor:pointer;flex:none}.viewer-toolbar button:focus-visible{outline:3px solid #87e5ff}.viewer-panel>img{width:auto;max-width:100%;height:auto;max-height:calc(100dvh - 140px);object-fit:contain;min-height:0;display:block;box-shadow:0 14px 55px rgba(0,0,0,.45)}#viewerNote{font-size:12px;color:#b9d5e5;margin:0;flex:none;text-align:center}body.viewer-open{overflow:hidden}@media(max-width:700px){.viewer-panel{padding:6px 7px 10px;gap:6px}.viewer-toolbar{min-height:48px;padding:0 6px}.viewer-panel>img{max-height:calc(100dvh - 120px)}}

/* Mobile-first interactions: prevent accidental text selection and tap flashes. */
html,body{-webkit-tap-highlight-color:transparent}
body,button,a,.feature,.gallery-grid article,.viewer-toolbar{-webkit-user-select:none;user-select:none}
input,textarea,[contenteditable="true"]{-webkit-user-select:text;user-select:text}
a,button,.feature[data-full-image],.gallery-grid article[data-full-image]{touch-action:manipulation;-webkit-touch-callout:none}
.feature[data-full-image]:active,.gallery-grid article[data-full-image]:active{transform:scale(.992)}
@media(max-width:700px){.feature[data-full-image]{min-height:185px}.gallery-grid article[data-full-image]{cursor:pointer}.viewer-toolbar button{width:52px;height:52px}.viewer-panel>img{max-height:calc(100dvh - 115px);max-width:100%;object-fit:contain}}

/* MEDORApro v4.6 — polish on mobile and large screens */
html{-webkit-text-size-adjust:100%}body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto}a,button,[role="button"]{-webkit-tap-highlight-color:transparent}button,[role="button"]{touch-action:manipulation}body,button,a,.feature{-webkit-user-select:none;user-select:none}p,h1,h2,h3,.lede,.caution{-webkit-user-select:text;user-select:text}::selection{background:rgba(105,210,255,.24);color:inherit}
.feature[role="button"]{cursor:pointer;position:relative;outline-offset:4px}.feature[role="button"]:focus-visible,.btn:focus-visible,.right button:focus-visible,nav a:focus-visible,#viewerClose:focus-visible{outline:2px solid #89ddff;outline-offset:4px}.feature[role="button"]:active{transform:scale(.992)}
.hero-media img,.family-image img{object-fit:contain}.hero-media{isolation:isolate}.hero-media img{z-index:1}.media-halo{z-index:0}.image-tag{z-index:2}.privacy-logo{object-fit:contain;max-height:340px}.privacy-art{min-width:0}.privacy-logo{max-width:100%}
@media(min-width:1450px){.wrap{width:min(1320px,calc(100% - 100px))}.hero-grid{gap:85px}.hero-media{max-width:590px;width:100%}.hero h1{letter-spacing:-.06em}}
@media(max-width:700px){.top-inner{gap:8px}.brand{flex-shrink:1;min-width:0}.brand-icon{flex-shrink:0}.right{flex-shrink:0}.hero-grid{gap:30px}.hero-media{padding:9px;border-radius:20px}.hero-media img{border-radius:13px}.feature-grid{gap:14px}.feature{padding:23px 22px;min-height:0}.feature h3{margin:9px 0 6px}.feature p{line-height:1.55}.privacy-logo{max-height:270px}.stats-row>div{text-align:center}.section{overflow-wrap:anywhere}}
@media(hover:none){.feature:hover{transform:none}}

/* v4.8: promo 3D scena u sekciji privatnosti */
.privacy-logo{width:min(100%,520px);max-height:none;aspect-ratio:3/2;object-fit:contain;border-radius:18px;box-shadow:0 24px 65px rgba(0,0,0,.42),0 0 35px rgba(29,149,255,.16)}
@media(max-width:700px){.privacy-logo{width:100%;max-height:none}}