:root{--navy:#051d47;--ink:#0b2752;--cyan:#16c8bf;--line:#dceaf6;--muted:#617b96}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:16px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}.site-header{height:76px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 clamp(24px,5vw,92px);background:#061f4a;color:#fff;border-bottom:1px solid rgba(255,255,255,.1)}.brand{display:inline-flex;align-items:center;gap:10px;color:#fff;text-decoration:none;font-size:18px;font-weight:900;letter-spacing:-.04em}.brand img{width:31px;height:31px}.brand span span{color:#47dfd7}nav{display:flex;gap:19px;margin-left:auto}nav a{color:#d9e8f7;text-decoration:none;font-size:11px;font-weight:700}nav a:hover{color:#54e8df}.header-cta,.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;border-radius:7px;text-decoration:none;font-weight:800;transition:.2s}.header-cta{padding:10px 15px;background:#1bd1c4;color:#062451;font-size:12px}.hero{min-height:545px;position:relative;overflow:hidden;display:grid;grid-template-columns:minmax(320px,.9fr) minmax(520px,1.1fr);align-items:center;gap:44px;padding:70px clamp(24px,7vw,120px);background:radial-gradient(circle at 78% 17%,#154e87 0,transparent 27%),radial-gradient(circle at 52% 105%,rgba(12,181,214,.37),transparent 30%),linear-gradient(126deg,#03122f,#082858 65%,#0b3f70);color:#fff}.hero:after{content:"";position:absolute;inset:auto -8% -50% -10%;height:380px;background:repeating-radial-gradient(ellipse at center,rgba(36,225,219,.2) 0 1px,transparent 2px 18px);opacity:.45;transform:perspective(330px) rotateX(60deg)}.hero-copy,.hero-art{position:relative;z-index:1}.eyebrow{margin:0 0 10px;color:#1596ee;font-size:10px;font-weight:900;letter-spacing:.16em}.hero .eyebrow{color:#68e5dd}.hero h1{max-width:510px;margin:0;font-size:clamp(42px,5vw,71px);line-height:.98;letter-spacing:-.065em}.hero h1 em{font-style:normal;color:#21d9d0}.hero-lead{max-width:490px;margin:22px 0 27px;color:#c4ddf1;font-size:16px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.button{min-height:47px;padding:12px 17px;border:1px solid rgba(255,255,255,.55);font-size:13px}.primary{background:linear-gradient(90deg,#0a8af2,#1bc7bd);border:0;color:#fff;box-shadow:0 10px 25px rgba(12,175,237,.25)}.ghost{background:transparent;color:#fff}.play{font-size:10px}.hero-points{display:flex;gap:20px;flex-wrap:wrap;margin:29px 0 0;padding:0;list-style:none;color:#b9d5ec;font-size:11px}.hero-points li{white-space:nowrap}.hero-art{min-height:385px}.meeting-window{position:absolute;inset:12px 0 5px 2%;overflow:hidden;border:1px solid rgba(155,225,255,.5);border-radius:14px;background:#061a3b;box-shadow:0 24px 48px rgba(0,0,0,.38)}.meeting-top{display:flex;align-items:center;gap:8px;padding:9px 13px;color:#d9f3ff;font-size:10px}.meeting-top small{margin-left:auto;color:#8db1cb}.window-icons{margin-left:10px;color:#8fc9e2}.live-dot,.status-dot{width:8px;height:8px;border-radius:50%;background:#20d7be;box-shadow:0 0 0 4px rgba(32,215,190,.12)}.meeting-gallery{display:block;width:calc(100% - 24px);height:calc(100% - 103px);margin:0 12px;object-fit:cover;border-radius:6px}.name-tags{position:absolute;inset:auto 20px 56px;display:grid;grid-template-columns:1fr 1fr;pointer-events:none}.name-tags span{justify-self:start;align-self:end;padding:2px 5px;border-radius:3px;background:rgba(4,19,42,.75);color:#fff;font-size:8px}.call-controls{display:flex;justify-content:center;gap:12px;padding:12px;color:#cde7f8}.call-controls span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:#123555;font-size:12px}.call-controls .hangup{background:#d94550;color:#d94550}.benefit-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:22px clamp(24px,8vw,140px);background:linear-gradient(90deg,#12c5be,#18a3cf);color:#fff}.benefit-strip div{display:grid;grid-template-columns:42px 1fr;column-gap:10px;padding:0 25px;border-right:1px solid rgba(255,255,255,.28)}.benefit-strip div:last-child{border:0}.benefit-strip i{grid-row:span 2;font-style:normal;font-size:29px}.benefit-strip b{font-size:13px}.benefit-strip small{opacity:.86;font-size:11px}.section{max-width:1240px;margin:0 auto;padding:88px 28px}.section-title{text-align:center}.section-title h2,.core h2,.security h2{margin:0;color:#102c57;font-size:clamp(29px,3vw,42px);line-height:1.08;letter-spacing:-.045em}.section-title>p:last-child{max-width:580px;margin:14px auto;color:var(--muted);font-size:14px}.steps-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:55px;align-items:center;margin-top:42px}.steps ol{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:0;padding:0;list-style:none}.steps li{position:relative;text-align:center}.steps li:not(:last-child):after{content:"";position:absolute;top:31px;left:63%;width:74%;border-top:2px dotted #9fc8e3}.steps li span{position:relative;z-index:1;display:grid;place-items:center;width:62px;height:62px;margin:0 auto 13px;border-radius:50%;background:#eff7fd;color:#0e83de;font-size:21px;font-weight:900;box-shadow:0 8px 18px rgba(29,102,160,.08)}.steps li b{font-size:13px}.steps li p{margin:5px 0;color:var(--muted);font-size:11px}.planning-preview{display:grid;grid-template-columns:1.12fr .88fr;gap:13px;align-items:center}.meeting-form,.join-card{border:1px solid #d8e8f4;border-radius:12px;background:#fff;box-shadow:0 18px 40px rgba(20,65,110,.1)}.meeting-form{padding:19px}.form-kicker{margin:0 0 6px;color:#138ce0;font-size:9px;font-weight:900;letter-spacing:.12em}.meeting-form label{display:block;margin:8px 0;color:#41627f;font-size:10px;font-weight:800}.meeting-form input,.meeting-form select,.join-card input{width:100%;margin-top:3px;padding:8px;border:1px solid #caddea;border-radius:6px;background:#fbfdff;color:#67809a;font:inherit;font-size:10px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:6px}.calendar{margin:7px 0 4px;padding:6px;border:1px solid #e2edf5;border-radius:6px;font-size:9px}.calendar>b{display:block;text-align:center;font-size:9px}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:2px;margin-top:4px;text-align:center}.days span{padding:2px;color:#5c7895}.days span:nth-child(-n+7){color:#92a9bd;font-weight:800}.days .selected{border-radius:50%;background:#087cf0;color:#fff}.meeting-form button,.join-card button{width:100%;margin-top:9px;padding:10px;border:0;border-radius:6px;background:#082956;color:#fff;font:800 11px inherit;cursor:pointer}.join-card{position:relative;padding:22px 16px;background:linear-gradient(160deg,#061e4a,#093367);color:#fff}.join-card .status-dot{position:absolute;right:15px;top:15px}.join-card p{margin:0 0 8px;color:#65e2d8;font-size:9px;font-weight:900;letter-spacing:.08em}.join-card b{font-size:12px;line-height:1.25}.join-card input{margin-top:16px;background:#fff}.join-card button{background:#1ac7be}.join-card small{display:block;margin-top:14px;color:#b1c8db;font-size:9px;text-align:center}.core{display:grid;grid-template-columns:.7fr 1.3fr;gap:70px;align-items:center}.core-copy>p:not(.eyebrow){max-width:390px;color:var(--muted);font-size:14px}.core-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.core-cards article{padding:24px 19px;border:1px solid var(--line);border-radius:10px;background:#fff;box-shadow:0 11px 28px rgba(25,80,130,.06)}.card-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:10px;color:#fff;font-size:23px}.cyan{background:#12bcb3}.blue{background:#1877ed}.purple{background:#7b6de4}.core-cards h3{margin:15px 0 5px;font-size:16px}.core-cards p{min-height:58px;margin:0;color:var(--muted);font-size:11px}.core-cards a{color:#097ee7;text-decoration:none;font-weight:800;font-size:12px}.security{display:grid;grid-template-columns:250px 1fr;gap:50px;align-items:center;max-width:1240px;margin:0 auto;padding:58px 90px;background:radial-gradient(circle at 14% 50%,#144e8a,transparent 21%),linear-gradient(120deg,#051a42,#082c5b);color:#d9eafb}.security h2{color:#fff}.security p:not(.eyebrow){max-width:670px;color:#c0d7ea;font-size:14px}.security-orbit{position:relative;display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(61,228,224,.35);border-radius:50%;box-shadow:0 0 0 18px rgba(33,207,201,.06),inset 0 0 40px rgba(37,222,214,.12)}.security-orbit:before,.security-orbit:after{content:"";position:absolute;border:1px dashed rgba(68,242,226,.33);border-radius:50%}.security-orbit:before{inset:18px}.security-orbit:after{inset:-18px}.security-lock{display:grid;place-items:center;width:92px;height:92px;border-radius:25px;background:linear-gradient(145deg,#0c6898,#16d4c4);box-shadow:0 0 35px rgba(27,218,204,.42);color:#eaffff;font-size:54px}.security-orbit i{position:absolute;width:7px;height:7px;border-radius:50%;background:#51ebe1}.security-orbit i:nth-child(2){left:13px;top:36px}.security-orbit i:nth-child(3){right:17px;bottom:34px}.security-orbit i:nth-child(4){right:33px;top:12px}.security ul{display:flex;flex-wrap:wrap;gap:13px 25px;padding:0;list-style:none;font-size:12px;font-weight:800}.security li{color:#e3f4ff}.billing{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin:22px 0 -17px;color:#66809a;font-size:11px}.billing button{position:relative;width:36px;height:19px;border:0;border-radius:20px;background:#c5d5e4;cursor:pointer}.billing button i{position:absolute;left:3px;top:3px;width:13px;height:13px;border-radius:50%;background:#fff;transition:.2s}.annual .billing button{background:#16bdb5}.annual .billing button i{transform:translateX(17px)}.billing b{margin-left:5px;color:#17a999;font-size:10px}.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:38px}.price-grid article{position:relative;display:flex;flex-direction:column;padding:26px 22px;border:1px solid #dce8f3;border-radius:10px;background:#fff}.price-grid h3{margin:0;font-size:19px}.muted{min-height:38px;color:var(--muted);font-size:11px}.price{margin:10px 0 14px;font-size:29px;font-weight:900}.price small{font-size:10px;font-weight:600}.price.word{font-size:20px}.price-grid ul{min-height:126px;margin:0;padding:0;list-style:none;color:#58738e;font-size:11px}.price-grid li{margin:8px 0}.price-grid li:before{content:"✓";margin-right:7px;color:#11ae9c;font-weight:900}.price-grid a{margin-top:auto;padding:10px;border:1px solid #c9dcea;border-radius:6px;color:#155383;text-align:center;text-decoration:none;font-size:12px;font-weight:800}.price-grid .featured{border:2px solid #19bfb8;box-shadow:0 12px 30px rgba(13,172,164,.13)}.featured .popular{position:absolute;right:-1px;left:-1px;top:-13px;margin:0;padding:4px;border-radius:7px 7px 0 0;background:#19bfb8;color:#fff;text-align:center;font-size:9px;font-weight:900;letter-spacing:.08em}.featured a{border:0;background:#18bfb8;color:#fff}.recording-note{text-align:center;color:#7890a5;font-size:10px}.faq{display:grid;grid-template-columns:.6fr 1.4fr;gap:80px;align-items:start;padding-top:75px}.faq .section-title{text-align:left}.faq .section-title>p:last-child{margin-left:0}.faq-list{border:1px solid #dce9f4;border-radius:9px;overflow:hidden}details{border-bottom:1px solid var(--line);background:#fff}details:last-child{border:0}summary{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;cursor:pointer;color:#375a79;font-size:12px;font-weight:800;list-style:none}summary::-webkit-details-marker{display:none}summary span{color:#0f8ae8;font-size:16px}details[open] summary span{transform:rotate(180deg)}details p{margin:0;padding:0 16px 14px;color:var(--muted);font-size:12px}.annual .price small{font-size:0}.annual .price small:after{content:"/ uporabnika / mesec";font-size:10px}.final-cta{display:none}footer{display:grid;grid-template-columns:1.35fr repeat(3,1fr);gap:45px;padding:55px clamp(24px,7vw,120px) 28px;background:#041835;color:#c1d6e8}footer .brand{margin-bottom:11px}footer p{color:#8eabc2;font-size:11px}footer small{color:#7190aa;font-size:10px}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:8px}footer b{margin-bottom:5px;color:#fff;font-size:10px;letter-spacing:.09em}footer a{color:#a9c4d9;text-decoration:none;font-size:11px}.socials{display:flex;gap:8px;margin:16px 0}.socials a{display:grid;place-items:center;width:24px;height:24px;border:1px solid #3d6483;border-radius:50%;font-weight:800}footer form{display:flex;margin-top:4px}footer input,footer select{min-width:0;width:100%;padding:9px;border:1px solid #496783;border-radius:6px 0 0 6px;background:#062247;color:#fff;font-size:10px}footer button{margin:0;width:auto;border:0;border-radius:0 6px 6px 0;background:#17c5bd;color:#053059;padding:0 11px;font:800 10px inherit;white-space:nowrap}footer select{width:auto;margin-top:13px;border-radius:5px;color:#b8cfdf}@media(max-width:1040px){nav{gap:11px}.hero{grid-template-columns:1fr;padding-top:60px}.hero-art{min-height:355px}.benefit-strip{grid-template-columns:1fr 1fr}.benefit-strip div:nth-child(2){border-right:0}.benefit-strip div{margin:12px 0}.steps-layout,.core,.faq{grid-template-columns:1fr;gap:35px}.steps ol{max-width:680px}.planning-preview{max-width:700px;margin:auto}.core-cards{max-width:760px}.security{margin:0 24px;padding:55px;grid-template-columns:150px 1fr}.security-orbit{width:140px;height:140px}.security-lock{width:72px;height:72px;font-size:40px}.price-grid{grid-template-columns:1fr 1fr}.billing{margin-bottom:0}.faq .section-title{text-align:center}.faq .section-title>p:last-child{margin-left:auto}footer{grid-template-columns:1fr 1fr}}@media(max-width:680px){.site-header{height:66px;padding:0 17px}.brand{font-size:15px}.header-cta{padding:8px 10px;font-size:11px}nav{display:none}.hero{padding:55px 22px 35px}.hero h1{font-size:48px}.hero-art{min-height:280px}.meeting-window{inset:4px 0}.meeting-gallery{height:calc(100% - 90px)}.call-controls{gap:7px;padding:8px}.call-controls span{width:23px;height:23px}.benefit-strip{grid-template-columns:1fr;padding:17px 22px}.benefit-strip div,.benefit-strip div:nth-child(2){border-right:0;border-bottom:1px solid rgba(255,255,255,.25);padding:12px 0}.section{padding:65px 22px}.steps ol{grid-template-columns:1fr 1fr}.steps li{margin-bottom:15px}.steps li:not(:last-child):after{display:none}.planning-preview{grid-template-columns:1fr}.join-card{min-height:190px}.core-cards{grid-template-columns:1fr}.core-cards p{min-height:0}.security{grid-template-columns:1fr;margin:0;padding:50px 24px}.security-orbit{margin:auto}.price-grid{grid-template-columns:1fr}.billing{justify-content:center;margin:20px 0}.faq{gap:30px}footer{grid-template-columns:1fr;padding:45px 25px}}
