:root{color-scheme:dark;--sf-bg:#090d15;--sf-panel:#111924;--sf-line:#29333d;--sf-text:#f0f4f3;--sf-muted:#b0bdc4;--sf-green:#54d6a5;--bg:#090d15;--ink:#f0f4f3;--muted:#b0bdc4;--green:#54d6a5;--mint:#54d6a5;--line:#29333d;--card:#111924}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--sf-bg);color:var(--sf-text);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}button,a{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--sf-green);outline-offset:5px}img{max-width:100%}
.sf-header{max-width:1180px;margin:0 auto;min-height:82px;display:flex;align-items:center;gap:24px;border-bottom:1px solid var(--sf-line);padding:15px 24px}.sf-brand{display:inline-flex;align-items:center;gap:12px;color:var(--sf-text);font-size:18px;font-weight:800;text-decoration:none;letter-spacing:2px}.sf-brand img{width:40px;height:40px;border-radius:11px;box-shadow:0 0 0 1px rgba(84,214,165,.22),0 6px 18px rgba(84,214,165,.16)}.sf-nav{display:flex;align-items:center;gap:26px;margin-left:auto}.sf-nav a{min-height:44px;display:inline-flex;align-items:center;color:var(--sf-muted);text-decoration:none;font-size:14px}.sf-nav a:hover,.sf-nav a[aria-current]{color:var(--sf-green)}.sf-language{background:transparent;color:var(--sf-text);border:1px solid var(--sf-line);border-radius:9px;padding:0 10px;min-height:44px;font:inherit;font-size:13px;cursor:pointer;white-space:nowrap}.sf-footer{max-width:1132px;margin:0 auto;padding:30px 0;border-top:1px solid var(--sf-line);display:flex;align-items:center;gap:24px;flex-wrap:wrap}.sf-footer p{font-size:13px;color:var(--sf-muted)}.sf-footer>div{display:flex;gap:22px;margin-left:auto}.sf-footer a{min-height:44px;display:inline-flex;align-items:center;font-size:14px}/* Meni na telefonu: povezave so skrite za gumbom s tremi crtami, glava ostane v eni vrstici. */
.sf-menu-btn{display:none;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:0;background:transparent;border:1px solid var(--sf-line);border-radius:9px;cursor:pointer}.sf-menu-btn span{display:block;height:2px;margin:0 11px;background:var(--sf-text);border-radius:2px;transition:transform .2s ease,opacity .2s ease}.sf-menu-btn[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.sf-menu-btn[aria-expanded="true"] span:nth-child(2){opacity:0}.sf-menu-btn[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.sf-skip{position:absolute;top:-100px;left:20px;padding:12px;background:var(--sf-green);color:#092017;z-index:1000}.sf-skip:focus{top:10px}
.sf-home main{max-width:1180px;margin:auto;padding:0 24px}.sf-vision{padding:58px 0 44px;display:grid;grid-template-columns:1.1fr 1fr;column-gap:80px;align-items:center}.sf-eyebrow{font-size:11px;font-weight:750;letter-spacing:1.7px;color:var(--sf-green);margin:0 0 16px;display:block}.sf-vision>.sf-eyebrow{grid-column:1/-1}.sf-vision h1{font-size:clamp(42px,5vw,68px);line-height:1.06;letter-spacing:-2.8px;margin:0;font-weight:650}.sf-vision-text{font-size:18px;line-height:1.8;color:var(--sf-muted);max-width:485px;margin:0}.sf-products{display:grid;grid-template-columns:2.25fr 1fr;gap:20px}.sf-products article{border:1px solid var(--sf-line);border-radius:22px;padding:30px}.sf-browser{background:#10221f}.sf-control{background:var(--sf-panel);display:flex;flex-direction:column}.sf-products h2{font-size:28px;line-height:1.2;letter-spacing:-.8px;margin:0 0 16px}.sf-product-lead{font-size:19px;line-height:1.45;color:var(--sf-text)!important;margin:0 0 14px}.sf-products p{font-size:14px;color:var(--sf-muted)}.sf-browser-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}.sf-platforms{font-size:12px!important;color:#b8dacb!important;margin:24px 0}.sf-product-image{display:block}.sf-product-image img{display:block;width:100%;height:auto;border-radius:12px;border:1px solid #345348}.sf-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:var(--sf-green);color:#08241a;text-decoration:none;border-radius:10px;padding:12px 17px;font-size:14px;font-weight:700;line-height:1.4}.sf-button:hover{background:#77e6bb}.sf-secondary{background:transparent;color:var(--sf-text);border:1px solid #50616b}.sf-secondary:hover{background:#20312d}.sf-control .sf-button{margin-top:auto}.sf-note{font-size:12px!important}.sf-principles{padding:60px 0 48px}.sf-home h2{font-weight:650}.sf-principles>h2,.sf-help h2{font-size:28px;letter-spacing:-.7px;line-height:1.3}.sf-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;padding-left:0;list-style:none}.sf-steps h3{font-size:17px;font-weight:650;margin:0 0 10px}.sf-steps p{font-size:14px;color:var(--sf-muted);margin:0;max-width:350px}.sf-help{padding:36px 0 54px;border-top:1px solid var(--sf-line);display:grid;grid-template-columns:1fr 1fr;gap:50px}.sf-help p{color:var(--sf-muted);font-size:14px}.sf-help-links{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sf-help-links a{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid var(--sf-line);border-radius:10px;text-decoration:none;font-size:14px;min-height:55px}.sf-help-links a:hover{border-color:var(--sf-green)}
/* Keep existing Browser layouts, aligned with the shared Safeer identity. */
.showcase{background:#14231f;border-color:#345348;box-shadow:none;transform:none}.showcase figcaption{color:var(--sf-muted)}.download-box{background:var(--sf-panel)}.btn{color:#092017}.btn.secondary,.btn-secondary{color:var(--sf-text);border-color:#50616b}.btn:hover{background:#77e6bb}.btn.secondary:hover,.btn-secondary:hover{background:#20312d}.number,code{background:#20322c;color:#e6efe9}.platform{color:#a9cdb9}h1 em{color:var(--sf-green)}.dark-panel{background:#12231e}.sf-download-hint{padding:14px;border-left:3px solid var(--sf-green);background:#14251e;color:var(--sf-text)!important}.sf-download-hint[hidden]{display:none}.download-box summary{font-size:14px}section[id],h2[id]{scroll-margin-top:30px}
@media(max-width:950px){.sf-products{grid-template-columns:1fr}.sf-control{display:block}.sf-control .sf-button{margin-top:10px}.sf-vision{gap:26px}.sf-footer{margin:0 24px}.sf-control .sf-product-lead br{display:none}}
@media(max-width:600px){.sf-header{padding:12px 18px;gap:12px;flex-wrap:wrap}.sf-brand{font-size:16px}.sf-brand img{width:36px;height:36px}.sf-nav{order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;display:none;padding:6px 0 4px;border-top:1px solid var(--sf-line);margin-top:6px}.sf-nav.is-open{display:flex}.sf-nav a{min-height:48px;font-size:16px;padding:0 4px;border-bottom:1px solid rgba(255,255,255,.05)}.sf-nav a:last-child{border-bottom:0}.sf-language{margin-left:auto}.sf-menu-btn{display:inline-flex}.sf-home main{padding:0 18px}.sf-vision{display:block;padding:32px 0}.sf-vision h1{font-size:44px;letter-spacing:-1.8px;margin:0 0 20px}.sf-vision-text{font-size:16px;line-height:1.65}.sf-products article{padding:24px}.sf-browser-grid{grid-template-columns:1fr;gap:26px}.sf-product-image{max-width:450px}.sf-button{width:100%}.sf-products h2{font-size:27px}.sf-steps{grid-template-columns:1fr;gap:24px}.sf-principles{padding:40px 0}.sf-help{grid-template-columns:1fr;gap:16px}.sf-help-links{grid-template-columns:1fr}.sf-footer{display:block;margin:0 18px}.sf-footer>div{gap:20px}.sf-header+.hero{padding-top:35px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}


/* Oznaka beta (Windows): jantar na temnem ozadju -- opozorilo, ne napaka. */
.sf-beta{display:inline-block;padding:.15em .6em;border-radius:999px;
  border:1px solid rgba(245,181,68,.45);background:rgba(245,181,68,.14);
  color:#f5c66b;font-size:.7em;font-weight:700;letter-spacing:.08em;
  text-transform:uppercase;vertical-align:middle;white-space:nowrap;
  /* v stolpcnem flex seznamu se znacka sicer raztegne cez vso vrstico */
  align-self:flex-start;width:fit-content;max-width:100%}
.sf-beta-note{border:1px solid rgba(245,181,68,.35);border-left:3px solid #f5b544;
  background:rgba(245,181,68,.07);border-radius:12px;padding:12px 14px;margin:16px 0}
.sf-beta-note a{color:#f5c66b}

/* ===== Prenova 2026-09: skupna pisava, glava in noga za vse strani ===== */
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/manrope-latin-wght-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Manrope";font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2-variations"),url(/assets/fonts/manrope-latin-ext-wght-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
:root{--p-bg:#071019;--p-bg2:#040a10;--p-povrsina:#0b1722;--p-kartica:#102231;--p-besedilo:#f2f7f5;--p-drugo:#a6b8b5;--p-tiho:#8a9d99;--p-rob:rgba(181,220,209,.14);--p-zelena:#57d6ad;--p-modra:#65a8ff;--p-topla:#f4be63;--p-pisava:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;--sf-bg:#071019;--sf-green:#57d6ad;--sf-text:#f2f7f5;--sf-muted:#a6b8b5}
body{font-family:var(--p-pisava);background:var(--p-bg)}
button,input,select,textarea{font-family:inherit}
.sf-topbar{position:sticky;top:0;z-index:50;background:rgba(7,16,25,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--p-rob)}
.sf-topbar .sf-header,.sf-header{max-width:1320px;min-height:72px;margin:0 auto;padding:0 32px;display:flex;align-items:center;gap:22px;border-bottom:0}
body>.sf-header{position:sticky;top:0;z-index:50;max-width:none;padding:0 max(32px,calc((100% - 1256px)/2));background:rgba(7,16,25,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--p-rob)}
.sf-brand{font-family:var(--p-pisava);font-weight:800;letter-spacing:2.4px;font-size:17px;gap:11px}
.sf-brand img{width:36px;height:36px;border-radius:10px}
.sf-nav{gap:4px;margin-left:auto}
.sf-nav a{font-size:14px;font-weight:600;color:var(--p-drugo);padding:0 12px;border-radius:10px}
.sf-nav a:hover{color:var(--p-besedilo);background:rgba(255,255,255,.04)}
.sf-nav a[aria-current]{color:var(--p-zelena)}
.sf-nav .sf-nav-prenos{display:none}
.sf-language{font-weight:600;border-color:var(--p-rob);border-radius:10px}
.sf-cta{display:inline-flex;align-items:center;min-height:42px;padding:0 18px;border-radius:12px;background:var(--p-zelena);color:#062219;font-weight:750;font-size:14px;text-decoration:none;white-space:nowrap}
.sf-cta:hover{background:#79e6c3}
.sf-noga{max-width:1320px!important;margin:0 auto!important;padding:64px 32px 40px!important;border-top:1px solid var(--p-rob);display:block!important}
.sf-noga .sf-noga-vrh{display:grid;margin-left:0;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px}
.sf-noga-znamka p{color:var(--p-drugo);font-size:15px;max-width:330px;margin:16px 0 0}
.sf-noga-stolpec{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.sf-noga-vrh>*{min-width:0}.sf-noga-stolpec a{overflow-wrap:anywhere}
.sf-noga-stolpec h2{font-size:13px;letter-spacing:1.4px;text-transform:uppercase;color:var(--p-tiho);margin:6px 0 10px;font-weight:700}
.sf-noga .sf-noga-stolpec a{min-height:36px;color:var(--p-drugo);text-decoration:none;font-size:15px}
.sf-noga .sf-noga-stolpec a:hover{color:var(--p-zelena)}
.sf-noga-opomba{margin:44px 0 0!important;padding-top:24px;border-top:1px solid var(--p-rob);color:var(--p-tiho)!important;font-size:13px!important;max-width:none}
@media(max-width:1100px){.sf-nav a{padding:0 8px}.sf-cta{display:none}}
@media(max-width:980px){
  .sf-topbar .sf-header,.sf-header{padding:10px 20px;min-height:64px;flex-wrap:wrap;gap:12px}
  body>.sf-header{padding:10px 20px}
  .sf-menu-btn{display:inline-flex}
  .sf-language{margin-left:auto}
  .sf-nav{order:3;width:100%;flex-direction:column;align-items:stretch;gap:0;display:none;margin:4px 0 6px;padding:6px 0;border-top:1px solid var(--p-rob)}
  .sf-nav.is-open{display:flex}
  .sf-nav a{min-height:50px;font-size:17px;padding:0 6px;border-radius:0;border-bottom:1px solid rgba(255,255,255,.05)}
  .sf-nav .sf-nav-prenos{display:flex;justify-content:center;margin-top:10px;border:0;border-radius:12px;background:var(--p-zelena);color:#062219;font-weight:750}
  .sf-noga .sf-noga-vrh{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
  .sf-noga-znamka{grid-column:1/-1}
}
@media(max-width:600px){.sf-noga{padding:48px 20px 32px!important}.sf-noga .sf-noga-vrh{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}.sf-noga .sf-noga-stolpec a{min-height:44px}}
.wrap code,.wrap pre{overflow-wrap:anywhere!important;word-break:break-word!important;white-space:pre-wrap!important;max-width:100%}
@media(max-width:980px){.os-product-shot::before{inset:8% 0}}
/* Prenova 2026-09: nova podoba za podstrani, ki uporabljajo site.css (/os/, /control/, zasebnost, 404). */
.wrap h1,.wrap h2,.wrap h3{font-family:var(--p-pisava);letter-spacing:-.02em}
.wrap .hero h1{font-weight:800;letter-spacing:-.035em;line-height:1}
.wrap .hero h1 span,.wrap .hero h1 em{color:var(--p-zelena)}
.wrap .lead,.wrap .section-desc{color:var(--p-drugo);line-height:1.6}
.wrap .section-head h2{font-weight:750;line-height:1.08}
.wrap .eyebrow{color:var(--p-zelena);font-weight:750;letter-spacing:2px}
.wrap .badge-pill{border-color:var(--p-rob);background:rgba(11,23,34,.8);color:var(--p-drugo);font-weight:650}
.wrap .btn{min-height:50px;border-radius:14px;font-weight:750;font-family:var(--p-pisava)}
.wrap .btn-primary{background:var(--p-zelena);color:#062219;border-color:var(--p-zelena)}
.wrap .btn-primary:hover{background:#79e6c3}
.wrap .btn-secondary{border-color:rgba(181,220,209,.28);color:var(--p-besedilo);background:transparent}
.wrap .btn-secondary:hover{border-color:var(--p-zelena);background:rgba(87,214,173,.06)}
.wrap .feature-card,.wrap .step-card,.wrap .sec-card,.wrap .ecosystem-card,.wrap .novo-kartica,.wrap .install-box,.wrap .platform-panel,.wrap .trust-panel,.wrap .wizard-card{background:var(--p-povrsina);border:1px solid var(--p-rob);border-radius:20px;box-shadow:none}
.wrap .feature-card h3,.wrap .step-card h3,.wrap .sec-card h3,.wrap .ecosystem-card h3{font-weight:700}
.wrap .feature-card p,.wrap .step-card p,.wrap .sec-card p,.wrap .ecosystem-card p{color:var(--p-drugo)}
.wrap .feature-icon{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;background:rgba(87,214,173,.1);font-size:0;margin-bottom:16px}
.wrap .feature-icon svg{width:24px;height:24px;fill:none;stroke:var(--p-zelena);stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.wrap .platform-btn{border-radius:12px;border:1px solid var(--p-rob);background:transparent;color:var(--p-drugo);font-weight:700;min-height:46px}
.wrap .platform-btn.active,.wrap .platform-btn[aria-selected="true"]{background:var(--p-zelena);color:#062219;border-color:var(--p-zelena)}
.wrap .meta-item,.wrap .release-meta{border-color:var(--p-rob)}
.wrap code{background:#132433;color:#e6efe9;border-radius:6px}
.wrap pre{background:#06111a;border:1px solid var(--p-rob);border-radius:14px}
.wrap details{border-color:var(--p-rob)}
.wrap summary{font-weight:700}
.wrap .os-product-shot img,.wrap .os-tablet-shot img{border-radius:16px;border-color:rgba(181,220,209,.2)}
