:root{
  --navy:#071b45;--navy2:#103c7e;--blue:#2479f4;--cyan:#3bcde5;--green:#19b889;--violet:#7458f5;
  --ink:#102442;--muted:#65758b;--line:#dce6f2;--surface:rgba(255,255,255,.92);
  --shadow:0 20px 60px rgba(17,48,92,.1);--shadow-hover:0 28px 72px rgba(20,65,132,.15)
}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px;overflow-x:hidden}
body{position:relative;margin:0;overflow-x:hidden;background:radial-gradient(circle at 4% -4%,rgba(83,172,255,.22),transparent 32rem),radial-gradient(circle at 96% 8%,rgba(116,88,245,.16),transparent 34rem),radial-gradient(circle at 82% 90%,rgba(25,184,137,.1),transparent 30rem),#f8faff;color:var(--ink);font:16px/1.6 Inter,system-ui,-apple-system,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}
body:before,body:after{content:"";position:fixed;z-index:-1;border:1px solid rgba(36,121,244,.08);border-radius:50%;pointer-events:none}body:before{top:-230px;right:-160px;width:560px;height:560px}body:after{bottom:-300px;left:-220px;width:620px;height:620px}
::selection{background:rgba(36,121,244,.2);color:var(--navy)}
header,main,footer{width:min(1240px,calc(100% - 40px));margin:auto}
header{position:sticky;top:12px;z-index:50;display:flex;align-items:center;gap:28px;min-height:72px;margin-top:12px;padding:10px 14px;border:1px solid rgba(207,221,238,.9);border-radius:18px;background:rgba(255,255,255,.84);box-shadow:0 12px 38px rgba(18,54,99,.08);backdrop-filter:blur(20px) saturate(145%)}
header .logo{display:flex;align-items:center;margin-right:auto;padding:5px 8px;border-radius:13px;background:linear-gradient(145deg,#fff,#f6f9fe);box-shadow:0 5px 18px rgba(18,53,96,.06)}.logo img{display:block;width:158px}
nav{display:flex;align-items:center;gap:6px}a{color:var(--blue);font-weight:800;text-decoration:none}nav a{padding:9px 11px;border-radius:10px;color:#455a74;font-size:14px}nav a:hover{background:#edf5ff;color:var(--blue)}.ghost{padding:10px 15px;border:1px solid #cfdeed;border-radius:11px;background:#fff;color:var(--navy);box-shadow:0 6px 18px rgba(17,48,92,.055)}.ghost:hover{border-color:#a8c8f3;transform:translateY(-1px)}
.hero{position:relative;display:grid;grid-template-columns:minmax(0,1.5fr) minmax(290px,.68fr);align-items:center;gap:58px;min-height:680px;padding:88px 0 78px}
.hero:before{content:"";position:absolute;z-index:-1;inset:36px -32px 24px;border:1px solid rgba(210,224,241,.76);border-radius:38px;background:linear-gradient(135deg,rgba(255,255,255,.44),rgba(244,248,255,.36));box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}
.eyebrow{color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.17em;text-transform:uppercase}.hero h1{max-width:850px;margin:12px 0 19px;color:var(--navy);font-size:clamp(48px,6vw,82px);letter-spacing:-.06em;line-height:.96}.hero p,.section-lead{max-width:760px;color:var(--muted);font-size:19px}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:12px 21px;border-radius:13px;background:linear-gradient(125deg,var(--blue),#3d95ef 62%,var(--cyan));color:#fff;box-shadow:0 13px 30px rgba(36,121,244,.22);transition:.2s ease}.button:hover{transform:translateY(-2px);box-shadow:0 18px 38px rgba(36,121,244,.29)}.button.secondary{border:1px solid var(--line);background:#fff;color:var(--navy);box-shadow:0 8px 24px rgba(17,48,92,.06)}
.selector{position:relative;display:grid;gap:16px;overflow:hidden;padding:27px;border:1px solid rgba(206,220,238,.94);border-radius:25px;background:rgba(255,255,255,.9);box-shadow:var(--shadow);backdrop-filter:blur(18px)}.selector:before{content:"";position:absolute;top:0;right:0;left:0;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet),var(--green))}.selector label{display:grid;gap:7px;color:var(--navy);font-size:12px;font-weight:900}.selector select{width:100%;min-height:48px;padding:10px 12px;border:1px solid #cad9e9;border-radius:12px;background:#fff;color:var(--ink);font:inherit;outline:none}.selector select:focus{border-color:#79aef1;box-shadow:0 0 0 4px rgba(36,121,244,.12)}.selector small{color:var(--muted)}
section:not(.hero){padding:82px 0}section h2{max-width:850px;margin:8px 0;color:var(--navy);font-size:clamp(36px,4vw,56px);letter-spacing:-.05em;line-height:1.03}
.plans{display:grid;grid-template-columns:repeat(4,1fr);gap:17px;margin-top:34px}.plans article{position:relative;overflow:hidden;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--surface);box-shadow:0 14px 40px rgba(17,48,92,.065);transition:.2s ease}.plans article:before{content:"";position:absolute;top:0;right:0;left:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--cyan))}.plans article:nth-child(3){border-color:#cfc7ff;background:linear-gradient(155deg,#fff,#f7f5ff);box-shadow:0 20px 54px rgba(89,67,198,.12)}.plans article:hover{transform:translateY(-5px);border-color:#b4cff1;box-shadow:var(--shadow-hover)}.plans h3{margin:0;color:var(--navy)}.plans article>b{display:inline-block;margin-top:20px;color:var(--navy);font-size:29px}.plans article>small{color:var(--muted)}.plans ul{min-height:145px;padding-left:20px;color:var(--muted)}
.modules{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:34px}.modules article{display:flex;align-items:center;gap:14px;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(17,48,92,.055);transition:.2s ease}.modules article:hover{transform:translateY(-3px);border-color:#b6d0f1;box-shadow:0 18px 42px rgba(22,66,126,.1)}.modules i{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e5f7ff,#eae7ff);color:#167bbf;font-style:normal;font-weight:950;box-shadow:inset 0 0 0 1px rgba(83,151,232,.08)}.modules article:nth-child(3n+2) i{background:linear-gradient(145deg,#e7fbf5,#e2f7ff);color:#0b8d70}.modules article:nth-child(3n) i{background:linear-gradient(145deg,#f0ebff,#e9f1ff);color:#6a4fda}.modules h3{margin:0;color:var(--navy);font-size:17px}.modules b{color:var(--muted);font-size:13px}
.cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;overflow:hidden;margin:72px auto;padding:44px!important;border:1px solid rgba(98,180,231,.25);border-radius:30px;background:radial-gradient(circle at 86% 24%,rgba(59,205,229,.32),transparent 27%),radial-gradient(circle at 70% 130%,rgba(116,88,245,.34),transparent 40%),linear-gradient(135deg,#071b45,#123d80 57%,#0b747b);box-shadow:0 26px 70px rgba(7,36,82,.2);color:#fff}.cta:after{content:"";position:absolute;right:-110px;bottom:-180px;width:390px;height:390px;border:1px solid rgba(255,255,255,.16);border-radius:50%}.cta>*{position:relative;z-index:1}.cta h2,.cta p{color:#fff}.cta p{max-width:740px;opacity:.78}
footer{display:flex;align-items:center;gap:24px;padding:38px 0;border-top:1px solid var(--line);color:var(--muted)}footer img{width:145px}footer span{margin-right:auto}footer nav a{font-size:13px}
@media(max-width:950px){header{top:6px}.plans{grid-template-columns:1fr 1fr}.modules{grid-template-columns:1fr 1fr}.hero{grid-template-columns:1fr;gap:30px;min-height:auto;padding:100px 0 76px}.hero:before{inset:30px -16px 20px}.selector{max-width:620px}.cta{display:block}.cta .button{margin-top:20px}}
@media(max-width:650px){header{align-items:center;min-height:64px;padding:9px 10px;flex-wrap:wrap}.logo img{width:138px}header nav{order:3;width:100%;overflow-x:auto;scrollbar-width:none}header nav::-webkit-scrollbar{display:none}.hero{padding:74px 0 56px}.hero:before{inset:18px -10px 12px;border-radius:26px}.hero h1{font-size:clamp(42px,13vw,60px)}.hero p,.section-lead{font-size:17px}.plans,.modules{grid-template-columns:1fr}.plans ul{min-height:0}.cta{padding:30px!important;border-radius:24px}footer{align-items:flex-start;flex-wrap:wrap}footer nav{width:100%;overflow:auto}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V7 · vsebinske podstrani modulov, cenik in kontekstna pomoč */
.nav-drop{position:relative}.nav-drop summary{padding:9px 11px;border-radius:10px;color:#455a74;font-size:14px;font-weight:800;cursor:pointer;list-style:none}.nav-drop summary::-webkit-details-marker{display:none}.nav-drop summary:after{content:"⌄";margin-left:6px}.nav-drop[open] summary,.nav-drop summary:hover{background:#edf5ff;color:var(--blue)}
.nav-menu{position:absolute;top:46px;right:-180px;display:grid;grid-template-columns:repeat(2,minmax(230px,1fr));width:540px;padding:12px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.98);box-shadow:0 24px 70px rgba(9,38,82,.18);backdrop-filter:blur(20px)}
.nav-menu a{display:flex;align-items:center;gap:9px;padding:10px;color:var(--ink);font-size:13px}.nav-menu a span{display:grid;width:28px;height:28px;place-items:center;border-radius:9px;background:#ecf5ff;color:var(--blue)}
.module-card{display:flex;align-items:flex-start;gap:14px;min-width:0;padding:19px;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:0 10px 30px rgba(17,48,92,.055);color:var(--ink);transition:.2s ease}.module-card:hover{transform:translateY(-3px);border-color:#b6d0f1;box-shadow:0 18px 42px rgba(22,66,126,.1)}.module-card>i{display:grid;flex:0 0 50px;width:50px;height:50px;place-items:center;border-radius:15px;background:linear-gradient(145deg,#e5f7ff,#eae7ff);color:#167bbf;font-style:normal;font-weight:950}.module-card>div{min-width:0}.module-card span{color:#7689a2;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.module-card h3{margin:2px 0 6px;color:var(--navy);font-size:17px}.module-card p{display:-webkit-box;min-height:44px;margin:0 0 9px;overflow:hidden;color:var(--muted);font-size:13px;line-height:1.45;-webkit-box-orient:vertical;-webkit-line-clamp:2}.module-card b{display:block;color:#4f637d;font-size:13px}.module-card em{display:inline-block;margin-top:8px;color:var(--blue);font-size:12px;font-style:normal;font-weight:900}
.breadcrumbs{display:flex;align-items:center;gap:9px;margin-top:32px;color:#718198;font-size:13px}.breadcrumbs a{padding:3px;color:var(--blue)}.breadcrumbs b{color:var(--navy)}
.module-hero{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(300px,.62fr);align-items:center;gap:52px;padding:76px 0 62px!important}.module-hero h1{display:flex;align-items:center;gap:17px;max-width:920px;margin:12px 0 18px;color:var(--navy);font-size:clamp(43px,5.5vw,74px);letter-spacing:-.055em;line-height:.98}.module-hero h1 i{display:grid;flex:0 0 66px;width:66px;height:66px;place-items:center;border-radius:20px;background:linear-gradient(145deg,#e4f5ff,#eee9ff);color:var(--blue);font-size:28px;font-style:normal}.module-hero>div>p{max-width:800px;color:var(--muted);font-size:19px}
.price-panel{position:relative;overflow:hidden;padding:28px;border:1px solid #cfdff0;border-radius:25px;background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.price-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--blue),var(--cyan),var(--violet))}.price-panel>span{display:block;color:var(--blue);font-size:11px;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.price-panel>b{display:inline-block;margin-top:9px;color:var(--navy);font-size:37px}.price-panel>small{color:var(--muted)}.price-panel ul{padding-left:20px;color:#536982;font-size:14px}.price-panel p{margin:16px 0 0;padding-top:15px;border-top:1px solid var(--line);color:#687a91;font-size:13px;line-height:1.55}
.audience-band{display:flex;align-items:center;justify-content:space-between;gap:25px;margin:12px 0 32px;padding:30px 34px!important;border:1px solid rgba(114,168,235,.28);border-radius:25px;background:linear-gradient(135deg,#eef7ff,#f7f4ff)}.audience-band h2{max-width:1000px;margin-bottom:0;font-size:clamp(26px,3vw,39px)}
.public-help{display:inline-grid;flex:0 0 24px;width:24px;height:24px;place-items:center;padding:0;border:1px solid rgba(36,121,244,.32);border-radius:50%;background:#eef6ff;color:#1769d2;font:900 13px/1 system-ui;cursor:pointer;vertical-align:middle}.public-help:hover,.public-help:focus-visible{background:var(--blue);color:#fff;outline:0;box-shadow:0 0 0 4px rgba(36,121,244,.13)}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}.feature-grid article{padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff;box-shadow:0 12px 35px rgba(17,48,92,.055)}.feature-grid article>div{display:flex;align-items:center;justify-content:space-between;gap:10px}.feature-grid h3{margin:0;color:var(--navy);font-size:18px}.feature-grid p{margin:12px 0 0;color:var(--muted);font-size:14px;line-height:1.6}
.flow-section{position:relative;margin:48px 0;padding:54px!important;border-radius:30px;background:linear-gradient(145deg,#071b45,#123f85);color:#fff;box-shadow:0 25px 70px rgba(5,34,81,.18)}.flow-section h2{color:#fff}.workflow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:30px 0 0;padding:0;list-style:none}.workflow li{display:flex;gap:14px;padding:20px;border:1px solid rgba(255,255,255,.15);border-radius:17px;background:rgba(255,255,255,.07)}.workflow li>span{display:grid;flex:0 0 34px;width:34px;height:34px;place-items:center;border-radius:11px;background:#fff;color:var(--navy);font-weight:950}.workflow p{margin:2px 0 0;color:rgba(255,255,255,.8);font-size:14px}
.know-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.know-grid>article{padding:31px;border:1px solid var(--line);border-radius:25px;background:#fff;box-shadow:0 14px 40px rgba(17,48,92,.065)}.know-grid h2{font-size:clamp(28px,3.2vw,43px)}.know-grid p{color:var(--muted)}.dark-card{background:radial-gradient(circle at 90% 0,rgba(59,205,229,.28),transparent 35%),linear-gradient(135deg,#071b45,#134485)!important;color:#fff}.dark-card h2,.dark-card p{color:#fff!important}.dark-card p{opacity:.78}
.module-switch{display:grid;grid-template-columns:.7fr 1.3fr;gap:35px;align-items:start}.module-switch>div:last-child{display:flex;flex-wrap:wrap;gap:9px}.module-switch>div:last-child a{display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid var(--line);border-radius:11px;background:#fff;color:#405675;font-size:12px}.module-switch a span{color:var(--blue);font-weight:950}
.pricing-hero{padding:76px 0 44px!important}.pricing-hero h1{max-width:1000px;margin:12px 0;color:var(--navy);font-size:clamp(45px,6vw,76px);letter-spacing:-.06em;line-height:.96}.pricing-hero>p{max-width:850px;color:var(--muted);font-size:19px}.billing-note{display:flex;align-items:center;gap:18px;margin-top:30px;padding:20px 22px;border:1px solid #cfe0f3;border-radius:17px;background:#f0f7ff}.billing-note b{color:var(--navy);white-space:nowrap}.billing-note span{flex:1;color:var(--muted);font-size:14px}
.plans.full article ul{min-height:185px}.plan-audience{display:block;min-height:55px;color:var(--muted);font-size:12px;line-height:1.45}.plans li .public-help{width:20px;height:20px;margin-left:4px;font-size:11px}
.price-table{overflow:hidden;margin-top:30px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}.price-row{display:grid;grid-template-columns:minmax(230px,.8fr) minmax(320px,1.5fr) 130px;align-items:center;gap:22px;padding:17px 21px;border-bottom:1px solid #e7eef6;color:var(--ink)}.price-row:last-child{border-bottom:0}.price-row:not(.head):hover{background:#f7fbff}.price-row.head{background:#edf5ff;color:#576b84;font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase}.price-row>span:first-child{display:grid;grid-template-columns:40px 1fr;align-items:center;gap:10px}.price-row i{display:grid;grid-row:1/3;width:40px;height:40px;place-items:center;border-radius:12px;background:#eef5ff;color:var(--blue);font-style:normal}.price-row small{color:#7d8da1;font-size:10px;text-transform:uppercase}.price-row>span:nth-child(2){color:var(--muted);font-size:12px;line-height:1.45}.price-row strong{color:var(--navy);text-align:right}
.public-help-dialog{width:min(560px,calc(100vw - 28px));padding:0;border:0;border-radius:22px;background:#fff;color:var(--ink);box-shadow:0 32px 100px rgba(5,27,69,.28)}.public-help-dialog::backdrop{background:rgba(4,20,48,.5);backdrop-filter:blur(5px)}.public-help-dialog>div{display:flex;align-items:center;gap:12px;padding:20px 22px;background:linear-gradient(135deg,#071b45,#165499);color:#fff}.public-help-dialog .help-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:11px;background:rgba(255,255,255,.15);font-weight:950}.public-help-dialog h2{flex:1;margin:0;color:#fff;font-size:22px}.public-help-dialog button{width:32px;height:32px;border:1px solid rgba(255,255,255,.25);border-radius:10px;background:rgba(255,255,255,.1);color:#fff;font-size:20px;cursor:pointer}.public-help-dialog>p{margin:0;padding:22px 22px 15px;color:#425773;font-size:16px;line-height:1.65}.public-help-dialog>small{display:block;margin:0 22px 22px;padding-top:12px;border-top:1px solid var(--line);color:#7a899c}.simple-error{display:grid;min-height:100vh;place-items:center;align-content:center}
@media(max-width:950px){.nav-menu{right:-100px;width:500px}.module-hero{grid-template-columns:1fr;gap:28px}.price-panel{max-width:680px}.feature-grid{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:1fr}.module-switch{grid-template-columns:1fr}.price-row{grid-template-columns:minmax(190px,.8fr) 1.3fr 100px}}
@media(max-width:650px){.nav-drop{position:static}.nav-menu{position:fixed;top:126px;right:12px;left:12px;width:auto;max-height:65vh;grid-template-columns:1fr;overflow:auto}.breadcrumbs{margin-top:20px;overflow:auto;white-space:nowrap}.module-hero{padding-top:48px!important}.module-hero h1{align-items:flex-start;font-size:42px}.module-hero h1 i{flex-basis:52px;width:52px;height:52px;font-size:22px}.audience-band{align-items:flex-start;padding:24px!important}.feature-grid,.know-grid{grid-template-columns:1fr}.flow-section{padding:32px 24px!important}.price-row{grid-template-columns:1fr 90px;gap:10px}.price-row>span:nth-child(2){grid-column:1/-1;grid-row:2}.price-row.head>span:nth-child(2){display:none}.billing-note{align-items:flex-start;flex-wrap:wrap}.plans.full article ul{min-height:0}.module-switch{padding-bottom:45px!important}}

.catalog-list{display:grid;gap:13px;padding-top:10px!important}.catalog-list>a{display:grid;grid-template-columns:58px 1fr 130px;align-items:center;gap:18px;padding:22px;border:1px solid var(--line);border-radius:19px;background:#fff;color:var(--ink);box-shadow:0 10px 28px rgba(17,48,92,.05);transition:.18s ease}.catalog-list>a:hover{transform:translateY(-2px);border-color:#b8d0ee;box-shadow:0 18px 40px rgba(17,48,92,.09)}.catalog-list>a>i{display:grid;width:58px;height:58px;place-items:center;border-radius:17px;background:linear-gradient(145deg,#e6f6ff,#eeeaff);color:var(--blue);font-size:21px;font-style:normal;font-weight:950}.catalog-list span{color:#6f829a;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.catalog-list h2{margin:2px 0 5px;font-size:25px;letter-spacing:-.03em}.catalog-list p{margin:0;color:var(--muted);font-size:14px}.catalog-list div>small{display:block;margin-top:7px;color:#7b8ba0;font-size:12px}.catalog-list>a>strong{color:var(--navy);font-size:20px;text-align:right}.catalog-list>a>strong small{display:block;color:var(--muted);font-size:11px;font-weight:700}
@media(max-width:650px){.catalog-list>a{grid-template-columns:48px 1fr}.catalog-list>a>i{width:48px;height:48px}.catalog-list>a>strong{grid-column:2;text-align:left}.catalog-list h2{font-size:21px}}