/* @license GPL-2.0-or-later https://www.drupal.org/licensing/faq */
@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/instrument-sans-400-700-latin-ext.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;}@font-face{font-family:'Instrument Sans';font-style:normal;font-weight:400 700;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/instrument-sans-400-700-latin.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:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/instrument-serif-italic-400-latin-ext.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;}@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/instrument-serif-italic-400-latin.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:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/jetbrains-mono-400-latin-ext.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;}@font-face{font-family:'JetBrains Mono';font-style:normal;font-weight:400;font-display:swap;src:url(/themes/studiografix_webplusai/fonts/jetbrains-mono-400-latin.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;}
:root{--bg:#06070B;--bg-soft:#0C0E15;--card:#11141D;--border:#1E2330;--text:#E8EAF0;--muted:#9AA3B5;--accent:#38BDF8;--accent-2:#A78BFA;--font-main:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-display:'Instrument Sans',system-ui,-apple-system,'Segoe UI',sans-serif;--font-serif:'Instrument Serif',Georgia,'Times New Roman',serif;--font-mono:'JetBrains Mono',ui-monospace,'SF Mono',Menlo,monospace;--nav-h:68px;--radius:16px;--radius-sm:10px;--maxw:1200px;}*{margin:0;padding:0;box-sizing:border-box;}html{scroll-behavior:smooth;scroll-padding-top:calc(var(--nav-h) + 16px);-webkit-text-size-adjust:100%;}body{background:var(--bg);color:var(--text);font-family:var(--font-main);font-size:17px;line-height:1.6;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}img,video,svg{max-width:100%;}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px;}a{color:var(--accent);text-decoration:none;}a:hover{color:#7DD3FC;}:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:4px;}.mono{font-family:var(--font-mono);font-size:12px;letter-spacing:0.08em;text-transform:uppercase;}.nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(6,7,11,0.72);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color .3s ease,background .3s ease;}.nav.scrolled{border-bottom-color:var(--border);background:rgba(6,7,11,0.94);}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;height:var(--nav-h);}.nav-brand{display:flex;align-items:center;gap:10px;color:var(--text);flex-shrink:0;}.nav-brand-box{width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;}.nav-brand-text{font-weight:600;font-size:17px;letter-spacing:-0.01em;}.nav-brand-img{height:30px;width:auto;display:block;}.nav-links{display:flex;align-items:center;margin-left:auto;}.nav-links ul{display:flex;align-items:center;gap:30px;list-style:none;margin:0;padding:0;}.nav-links li{margin:0;}.nav-links a{position:relative;display:block;color:var(--muted);font-size:15px;font-weight:500;padding:6px 0;transition:color .2s;white-space:nowrap;}.nav-links a:hover{color:var(--text);}.nav-links a::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .25s ease;}.nav-links a:hover::after{transform:scaleX(1);}.nav-links a.is-active{color:var(--muted);}.nav-links a.is-active:hover{color:var(--text);}.nav-cta{display:inline-flex;align-items:center;flex-shrink:0;padding:10px 20px;border-radius:var(--radius-sm);background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04070E;font-weight:600;font-size:15px;transition:transform .2s,box-shadow .2s;}.nav-cta:hover{color:#04070E;transform:translateY(-1px);box-shadow:0 6px 20px rgba(56,189,248,0.28);}.nav-burger{display:none;background:none;border:none;cursor:pointer;padding:10px;margin-right:-10px;flex-shrink:0;}.nav-burger span{display:block;width:22px;height:2px;background:var(--text);border-radius:2px;transition:transform .3s ease,opacity .2s ease;}.nav-burger span + span{margin-top:5px;}.nav-burger[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg);}.nav-burger[aria-expanded="true"] span:nth-child(2){opacity:0;}.nav-burger[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}.hero{position:relative;isolation:isolate;overflow:hidden;min-height:min(100svh,900px);display:flex;align-items:center;padding:calc(var(--nav-h) + 72px) 0 72px;}.hero-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;opacity:0.5;pointer-events:none;}.hero::before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,rgba(6,7,11,0.94) 0%,rgba(6,7,11,0.80) 38%,rgba(6,7,11,0.30) 68%,rgba(6,7,11,0.55) 100%),radial-gradient(ellipse at 78% 12%,rgba(56,189,248,0.16),transparent 55%),radial-gradient(ellipse at 8% 88%,rgba(167,139,250,0.14),transparent 55%);}.hero::after{content:'';position:absolute;left:0;right:0;bottom:0;height:140px;z-index:-1;background:linear-gradient(to bottom,transparent,var(--bg));pointer-events:none;}.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,0.95fr);gap:56px;align-items:center;width:100%;}.hero-inner{max-width:620px;min-width:0;}.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:100px;background:rgba(56,189,248,0.10);border:1px solid rgba(56,189,248,0.28);color:var(--accent);font-family:var(--font-mono);font-size:11.5px;letter-spacing:0.09em;text-transform:uppercase;margin-bottom:26px;}.hero-eyebrow::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 0 rgba(56,189,248,0.6);animation:pulse 2.4s ease-out infinite;}@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(56,189,248,0.55);}70%{box-shadow:0 0 0 7px rgba(56,189,248,0);}100%{box-shadow:0 0 0 0 rgba(56,189,248,0);}}.hero-title{font-family:var(--font-display);font-size:clamp(40px,5.4vw,68px);line-height:1.04;font-weight:700;letter-spacing:-0.03em;margin-bottom:22px;text-wrap:balance;}.hero-title em{font-family:var(--font-serif);font-style:italic;font-weight:400;color:var(--accent);letter-spacing:-0.01em;}.hero-sub{color:var(--muted);font-size:clamp(16px,1.5vw,19px);max-width:520px;margin-bottom:32px;text-wrap:pretty;}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;}.demo{min-width:0;background:rgba(11,14,22,0.82);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;box-shadow:0 30px 70px -20px rgba(0,0,0,0.75);}.demo-bar{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--border);background:rgba(6,7,11,0.6);}.demo-dots{display:flex;gap:6px;flex-shrink:0;}.demo-dots i{width:9px;height:9px;border-radius:50%;background:var(--border);}.demo-url{font-family:var(--font-mono);font-size:11.5px;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}.demo-site{padding:26px 22px 22px;min-height:216px;}.demo-site-kicker{font-family:var(--font-mono);font-size:10.5px;letter-spacing:0.12em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;}.demo-h1{font-size:clamp(21px,2.4vw,27px);font-weight:700;letter-spacing:-0.02em;line-height:1.2;margin-bottom:16px;transition:opacity .35s ease;}.demo-h1.swapping{opacity:0;}.demo-chips{display:flex;flex-wrap:wrap;gap:8px;}.demo-chip{padding:6px 12px;border-radius:100px;border:1px solid var(--border);background:rgba(232,234,240,0.03);color:var(--muted);font-size:13px;white-space:nowrap;}.demo-chip.is-new{border-color:rgba(56,189,248,0.5);background:rgba(56,189,248,0.10);color:var(--accent);animation:chipIn .45s cubic-bezier(.2,.8,.3,1) both;}@keyframes chipIn{from{opacity:0;transform:translateY(6px) scale(.94);}to{opacity:1;transform:none;}}.demo-chip.is-hidden{display:none;}.demo-chat{border-top:1px solid var(--border);background:rgba(6,7,11,0.55);padding:16px 18px;}.demo-prompt{display:flex;gap:9px;font-family:var(--font-mono);font-size:12.5px;line-height:1.55;color:var(--text);min-height:58px;}.demo-prompt::before{content:'›';color:var(--accent);flex-shrink:0;}.demo-caret{display:inline-block;width:7px;border-bottom:1.5px solid var(--accent);margin-left:2px;vertical-align:baseline;animation:blink 1s steps(1) infinite;}@keyframes blink{50%{opacity:0;}}.demo-caret.is-hidden{display:none;}.demo-status{display:flex;align-items:center;gap:8px;margin-top:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:0.05em;color:var(--muted);min-height:17px;transition:color .3s ease;}.demo-status.is-working{color:var(--accent-2);}.demo-status.is-done{color:#4ADE80;}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 26px;border-radius:var(--radius-sm);font-family:var(--font-main);font-weight:600;font-size:16px;line-height:1.2;transition:transform .2s,box-shadow .2s,border-color .2s,color .2s;cursor:pointer;border:1px solid transparent;text-align:center;}.btn-primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04070E;}.btn-primary:hover{color:#04070E;transform:translateY(-2px);box-shadow:0 10px 28px rgba(56,189,248,0.28);}.btn-ghost{background:transparent;border-color:var(--border);color:var(--text);}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);}.btn-block{display:flex;width:100%;}.section{padding:clamp(64px,9vw,104px) 0;}.section-alt{background:var(--bg-soft);}.section-label{display:block;font-family:var(--font-mono);font-size:11.5px;font-weight:400;letter-spacing:0.14em;text-transform:uppercase;color:var(--accent);margin-bottom:14px;}.section-title{font-family:var(--font-display);font-size:clamp(28px,3.6vw,44px);font-weight:700;letter-spacing:-0.025em;line-height:1.12;margin-bottom:14px;text-wrap:balance;}.section-desc{color:var(--muted);max-width:620px;margin-bottom:44px;font-size:17px;text-wrap:pretty;}.grid{display:grid;gap:22px;}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr));}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr));}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr));}.card{position:relative;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:28px;transition:transform .25s ease,border-color .25s ease;}.card:hover{transform:translateY(-4px);border-color:rgba(56,189,248,0.4);}.card-icon{width:44px;height:44px;border-radius:var(--radius-sm);margin-bottom:18px;background:rgba(56,189,248,0.12);display:flex;align-items:center;justify-content:center;font-size:20px;}.card h3{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-0.015em;margin-bottom:8px;}.card p{color:var(--muted);font-size:15.5px;}.price-card{position:relative;overflow:hidden;}.price-card.featured{border-color:rgba(56,189,248,0.55);}.price-card.featured::before{content:'DOPORUČUJEME';position:absolute;top:28px;right:-34px;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04070E;font-family:var(--font-mono);font-size:9.5px;font-weight:500;letter-spacing:0.1em;padding:4px 36px;transform:rotate(45deg);}.price{font-family:var(--font-display);font-size:42px;font-weight:700;letter-spacing:-0.035em;margin:14px 0 2px;}.price-period{font-family:var(--font-mono);font-size:11px;letter-spacing:0.09em;text-transform:uppercase;color:var(--muted);margin-bottom:22px;}.price-features{list-style:none;margin-bottom:24px;flex-grow:1;}.price-features li{display:flex;gap:10px;padding:9px 0;border-bottom:1px solid var(--border);color:var(--muted);font-size:15px;}.price-features li::before{content:'✓';color:var(--accent);flex-shrink:0;}.step{display:flex;gap:20px;}.step-num{font-family:var(--font-mono);font-size:30px;font-weight:400;color:transparent;-webkit-text-stroke:1px var(--accent);flex-shrink:0;line-height:1.1;}.step h3{font-family:var(--font-display);font-size:19px;font-weight:600;letter-spacing:-0.015em;margin-bottom:6px;}.step p{color:var(--muted);font-size:15.5px;}.faq-item{border:1px solid var(--border);border-radius:12px;margin-bottom:10px;overflow:hidden;background:var(--card);transition:border-color .25s ease;}.faq-item.open{border-color:rgba(56,189,248,0.4);}.faq-q{display:flex;justify-content:space-between;align-items:center;gap:16px;width:100%;padding:18px 22px;background:none;border:none;color:var(--text);font-family:var(--font-main);font-size:16.5px;font-weight:600;text-align:left;cursor:pointer;}.faq-q::after{content:'+';font-family:var(--font-mono);font-size:20px;font-weight:400;color:var(--accent);flex-shrink:0;transition:transform .3s ease;}.faq-item.open .faq-q::after{transform:rotate(45deg);}.faq-a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .3s ease;}.faq-item.open .faq-a{grid-template-rows:1fr;}.faq-a > div{overflow:hidden;}.faq-a p{padding:0 22px 20px;color:var(--muted);font-size:15.5px;}.cta-section{background:linear-gradient(135deg,rgba(56,189,248,0.14),rgba(167,139,250,0.14)),var(--card);border:1px solid var(--border);border-radius:24px;padding:clamp(40px,6vw,68px) clamp(24px,5vw,56px);text-align:center;margin:40px 0 clamp(64px,9vw,104px);}.cta-section h2{font-family:var(--font-display);font-size:clamp(26px,3.6vw,40px);font-weight:700;letter-spacing:-0.025em;line-height:1.12;margin-bottom:14px;text-wrap:balance;}.cta-section p{color:var(--muted);max-width:560px;margin:0 auto 28px;}.footer{border-top:1px solid var(--border);padding:44px 0 36px;color:var(--muted);font-size:14.5px;background:var(--bg-soft);}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;}.footer-brand{color:var(--text);font-weight:600;}.footer-note{font-family:var(--font-mono);font-size:11.5px;letter-spacing:0.05em;}.footer-links{display:flex;gap:18px;margin-top:8px;justify-content:flex-end;}.footer-links a{font-size:13px;}.footer .menu,.region-footer .menu{list-style:none;display:flex;flex-wrap:wrap;gap:22px;margin:0;padding:0;}.footer a,.region-footer .menu a{color:var(--muted);}.footer a:hover{color:var(--accent);}.node{max-width:780px;}.node h1,.node h2,.node h3{font-family:var(--font-display);letter-spacing:-0.02em;}.node h1{font-size:clamp(28px,4vw,42px);margin-bottom:20px;}.node h2{font-size:25px;margin:34px 0 12px;}.node h3{font-size:20px;margin:24px 0 8px;}.node p{margin-bottom:16px;}.node ul,.node ol{margin:0 0 16px 22px;}.node li{margin-bottom:6px;}.node a{color:var(--accent);text-decoration:underline;}.node img{max-width:100%;height:auto;border-radius:12px;margin:16px 0;}.node-table-wrap{overflow-x:auto;margin:16px 0;}.node table{width:100%;border-collapse:collapse;}.node th,.node td{border:1px solid var(--border);padding:10px 14px;text-align:left;}.node th{background:var(--bg-soft);font-weight:600;}.form-item{margin-bottom:20px;}.form-item label{display:block;margin-bottom:6px;font-weight:500;}.form-item input,.form-item select,.form-item textarea{width:100%;max-width:100%;padding:12px 16px;border-radius:var(--radius-sm);background:var(--bg-soft);border:1px solid var(--border);color:var(--text);font-family:var(--font-main);font-size:16px;}.form-item input:focus,.form-item select:focus,.form-item textarea:focus{outline:none;border-color:var(--accent);}.form-actions input[type="submit"],.button--primary{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#04070E;border:none;padding:14px 28px;border-radius:var(--radius-sm);font-family:var(--font-main);font-weight:600;font-size:16px;cursor:pointer;}.visually-hidden{position:absolute !important;width:1px;height:1px;overflow:hidden;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);white-space:nowrap;}.visually-hidden.focusable:focus{position:static !important;width:auto;height:auto;clip:auto;clip-path:none;padding:12px 20px;background:var(--card);}.hidden{display:none;}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease;}.reveal.revealed{opacity:1;transform:none;}.page-content{padding-top:calc(var(--nav-h) + 48px);padding-bottom:96px;}@media (max-width:1080px){.hero-grid{grid-template-columns:1fr;gap:44px;}.hero{min-height:0;padding:calc(var(--nav-h) + 56px) 0 64px;}.hero-inner{max-width:640px;}.demo{max-width:560px;}.hero::before{background:linear-gradient(180deg,rgba(6,7,11,0.90) 0%,rgba(6,7,11,0.86) 55%,rgba(6,7,11,0.94) 100%),radial-gradient(ellipse at 78% 10%,rgba(56,189,248,0.16),transparent 55%);}}@media (max-width:900px){.grid-3,.grid-4{grid-template-columns:repeat(2,minmax(0,1fr));}.nav-burger{display:block;}.nav-cta{display:none;}.nav-links{position:fixed;top:var(--nav-h);left:0;right:0;max-height:calc(100dvh - var(--nav-h));overflow-y:auto;display:block;margin-left:0;padding:12px 24px 28px;background:rgba(6,7,11,0.98);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--border);transform:translateY(-102%);opacity:0;visibility:hidden;transition:transform .3s ease,opacity .25s ease,visibility .3s;}.nav-links.open{transform:translateY(0);opacity:1;visibility:visible;}.nav-links ul{flex-direction:column;align-items:stretch;gap:0;}.nav-links li{border-bottom:1px solid var(--border);}.nav-links li:last-child{border-bottom:0;}.nav-links a{padding:15px 0;font-size:17px;}.nav-links a::after{display:none;}body.nav-open{overflow:hidden;}}@media (max-width:720px){body{font-size:16px;}.grid-2,.grid-3,.grid-4{grid-template-columns:1fr;}.container{padding:0 20px;}.hero-cta .btn{flex:1 1 100%;}.demo-site{padding:22px 18px 18px;}.section-desc{margin-bottom:32px;}.card{padding:24px;}.footer-inner{flex-direction:column;align-items:flex-start;}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto;}*,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;}.hero-video{display:none;}.reveal{opacity:1;transform:none;}}