/* GUIBUX AZƏRBAYCAN theme — Bakı gecəsi: dərin mürəkkəb-lacivərd fon, loqonun narıncı rəngi (əsas),
   bayraq rəngləri (firuzəyi, qırmızı, yaşıl) isə yalnız ştrix kimi. Unbounded + Manrope Azərbaycan hərflərini dəstəkləyir (Ə ə ş ğ ı ö ü ç). */
:root{
  --bg:#070b12;--bg2:#0c121c;--panel:rgba(18,24,36,.74);--panel2:#101826;
  --line:rgba(255,196,120,.13);--text:#fbf7f1;--muted:#a9b0bf;
  --orange:#ff9412;--orange2:#ffb347;--amber:#ffc86a;
  --blue:#00b5e2;--blue2:#ff9412;--cyan:#27d3f0;--coral:#ef3340;--green:#4cc063;
  --font-body:"Manrope",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;
  --font-display:"Unbounded","Manrope",ui-sans-serif,system-ui,sans-serif;
  /* səkkizguşəli ulduz (Azərbaycan ornamenti) */
  --star:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='88' height='88' viewBox='0 0 88 88' fill='none' stroke='%23ffb347' stroke-width='1'%3E%3Cpath d='M44 8l9.2 14.8L70 18l-4.8 16.8L80 44l-14.8 9.2L70 70l-16.8-4.8L44 80l-9.2-14.8L18 70l4.8-16.8L8 44l14.8-9.2L18 18l16.8 4.8z'/%3E%3Cpath d='M44 28l5 11 11 5-11 5-5 11-5-11-11-5 11-5z' opacity='.6'/%3E%3C/svg%3E");
}
body{font-family:var(--font-body);font-feature-settings:"ss01","cv11";-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background:var(--bg)}
h1,h2,h3,.brand-name,.section-title,.workflow:before,.stat-value,.faq-question,.req-item strong{font-family:var(--font-display)}
h1{font-weight:700;letter-spacing:-.045em;line-height:1.06}
h2{font-weight:600;letter-spacing:-.035em}
h3{font-weight:600;letter-spacing:-.02em}
.brand-name{font-weight:700;letter-spacing:-.02em}
.kicker,.eyebrow,.brand-sub{font-family:var(--font-body);font-weight:700}
.faq-question{font-weight:500;font-size:13px}
code{font-size:.92em;color:#ffd9a3;background:rgba(255,148,18,.09);border:1px solid rgba(255,148,18,.18);padding:1px 6px;border-radius:6px}
.guide-block code{color:#ffd9a3;background:rgba(255,148,18,.09);border-color:rgba(255,148,18,.18)}
.download-small code{background:none;border:0;padding:0;color:#ffc98a}

/* Background */
body:before{background:
  radial-gradient(ellipse 65% 48% at 10% -6%,rgba(255,148,18,.17),transparent 62%),
  radial-gradient(ellipse 50% 40% at 96% 14%,rgba(0,181,226,.13),transparent 62%),
  radial-gradient(ellipse 60% 42% at 55% 108%,rgba(239,51,64,.09),transparent 62%),
  linear-gradient(180deg,#080c14,#070b12 55%,#0a0d14)}
body:after{opacity:.075;background-image:var(--star);background-size:88px 88px;
  mask-image:linear-gradient(to bottom,#000,transparent 85%);-webkit-mask-image:linear-gradient(to bottom,#000,transparent 85%)}
.fx-aurora{opacity:.5}
.fx-aurora span:nth-child(1){background:radial-gradient(circle,rgba(255,148,18,.45),transparent 65%)}
.fx-aurora span:nth-child(2){background:radial-gradient(circle,rgba(0,181,226,.34),transparent 65%)}
.fx-aurora span:nth-child(3){background:radial-gradient(circle,rgba(239,51,64,.22),transparent 65%)}
.fx-spot{background:radial-gradient(600px circle at var(--fx-x) var(--fx-y),rgba(255,170,60,.09),transparent 45%)}
::selection{background:rgba(255,148,18,.45);color:#fff}

/* Header + bayraq zolağı */
.site-header.scrolled{background:rgba(7,11,18,.82);border-color:var(--line)}
.top-line{height:3px;background:linear-gradient(90deg,#00b5e2 0 33.3%,#ef3340 33.3% 66.6%,#4cc063 66.6%);box-shadow:0 0 14px rgba(255,148,18,.55)}
.brand-mark{background:linear-gradient(135deg,var(--orange),#ff6a2b);box-shadow:0 8px 28px rgba(255,148,18,.3)}
.brand-sub{color:#9aa0ae}
.nav-links a{color:#c3c8d4}
.nav-links a:hover{color:#fff}
.nav-links a:after{background:linear-gradient(90deg,var(--orange),var(--orange2))}

/* Text gradients */
h1 .gradient,.gradient{background:linear-gradient(100deg,#ffd08a 0%,#ff9412 28%,#ff6a4d 52%,#27d3f0 78%,#ffd08a 100%) 0 0/250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent}
.lead{color:#b4bac8}
.kicker{color:var(--orange2)}
.eyebrow{border-color:rgba(255,148,18,.28);background:rgba(255,148,18,.07);color:#ffdcae}

/* Buttons */
.btn-primary{color:#1a0e00;background:linear-gradient(110deg,#ffb347,#ff9412,#ff7a1f,#ffb347) 0 0/300% 100%;box-shadow:0 10px 32px rgba(255,148,18,.28)}
.btn-primary:hover{box-shadow:0 0 0 1px rgba(255,255,255,.18),0 18px 45px rgba(255,148,18,.42),0 0 60px rgba(255,106,43,.2)}
.btn-secondary{border-color:rgba(255,196,120,.22);background:rgba(255,255,255,.03);color:#f6f1ea}
.btn-secondary:hover{background:rgba(255,148,18,.09);border-color:rgba(255,179,71,.5)}
.btn-secondary:after{background:radial-gradient(120px circle at var(--mx,50%) var(--my,50%),rgba(255,148,18,.22),transparent 70%)}
:focus-visible{outline:2px solid var(--orange2);outline-offset:3px}
.menu-toggle{border-color:var(--line)}

/* Hero visual */
.visual-glow{background:linear-gradient(135deg,rgba(255,148,18,.48),rgba(239,51,64,.2),rgba(0,181,226,.2))}
.orbit{border-color:rgba(255,179,71,.18)}
.orbit:before{background:var(--cyan);box-shadow:0 0 20px var(--cyan)}
.orbit:after{background:var(--orange);box-shadow:0 0 20px var(--orange)}
.screen-frame{background:linear-gradient(145deg,rgba(40,34,28,.92),rgba(10,13,20,.96));border-color:rgba(255,196,120,.28);box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 50px rgba(255,148,18,.1)}
.screen-url{color:#a79c8a}
.visual-badge{border-color:rgba(255,196,120,.2);background:rgba(13,18,28,.88)}
.visual-badge span{color:#a0a6b4}
.badge-icon{background:rgba(255,148,18,.13);color:var(--orange2)}
.chip{border-color:var(--line);color:#c3c8d4}
.chip svg{color:var(--orange2)}
.hero-bottom{background:linear-gradient(90deg,transparent,rgba(255,148,18,.35),rgba(0,181,226,.2),transparent)}

/* Stats */
.stats-band{background:rgba(12,17,27,.66)}
.stat{border-color:var(--line)}
.stat-num{background:linear-gradient(180deg,#fff,var(--orange2));-webkit-background-clip:text;background-clip:text;color:transparent;background-color:transparent}
.stat span:last-child{color:#9aa1b0}

/* Cards */
.feature-card,.workflow,.gallery-card,.faq-item,.requirements-main,.requirements-side,.guide-block,.guide-sidebar{background:linear-gradient(180deg,rgba(21,26,38,.8),rgba(11,15,24,.8))}
.feature-card:before{background:radial-gradient(circle at 100% 0%,rgba(255,148,18,.1),transparent 42%)}
.feature-card:hover{border-color:rgba(255,179,71,.38);background:linear-gradient(145deg,rgba(28,32,44,.9),rgba(12,16,26,.92));box-shadow:0 20px 60px rgba(120,60,0,.28)}
.feature-card p,.workflow p{color:#a3aab9}
.feature-icon{border-color:rgba(255,148,18,.28);background:rgba(255,148,18,.09);color:var(--orange2)}
.feature-card:nth-child(3n+2) .feature-icon{border-color:rgba(0,181,226,.3);background:rgba(0,181,226,.09);color:#6fdcf2}
.feature-card:nth-child(3n) .feature-icon{border-color:rgba(239,51,64,.3);background:rgba(239,51,64,.09);color:#ff8f98}
.feature-card:after,.workflow:after,.download-panel:after,.gallery-card:after{background:radial-gradient(260px circle at var(--mx) var(--my),rgba(255,179,71,.8),rgba(255,106,43,.35) 40%,transparent 65%)}
.feature-card:hover .feature-icon{box-shadow:0 0 30px rgba(255,148,18,.32)}
.workflow:before{color:transparent;background:linear-gradient(135deg,var(--orange2),var(--coral));-webkit-background-clip:text;background-clip:text;font-weight:700}
.workflow:not(:last-child):after{background:rgba(255,179,71,.5)}
.shot-card{background:#0c111b;border-color:rgba(255,196,120,.2)}
.shot-caption,.gallery-info{color:#9aa1b0}
.check{background:rgba(76,192,99,.14);color:#7be08e}
.check-list li{color:#cfd3dd}
.faq-question svg,.requirements-side li svg{color:var(--orange2)}
.req-item{border-color:var(--line)}
.req-item span{color:#9aa1b0}
.requirements{border-color:rgba(255,196,120,.2);background:linear-gradient(130deg,rgba(22,27,40,.9),rgba(11,15,24,.88))}
.requirements-side{background:rgba(5,8,14,.34);border-color:var(--line)}
.requirements-side li{color:#b8bdca}
.faq-answer{color:#aeb4c2}
.faq-item:hover{border-color:rgba(255,179,71,.3)}
.warning-panel{border-color:rgba(255,148,18,.26);background:linear-gradient(120deg,rgba(255,148,18,.09),rgba(18,21,32,.35))}
.status.experimental{color:#ffd08a;background:rgba(255,148,18,.1);border-color:rgba(255,148,18,.24)}
.status.available{color:#8fe9a2;background:rgba(76,192,99,.1);border-color:rgba(76,192,99,.22)}
.pulse{background:var(--green);box-shadow:0 0 0 5px rgba(76,192,99,.12)}

/* Download */
.download-panel{border-color:rgba(255,196,120,.25);background:radial-gradient(ellipse at 50% 0%,rgba(255,148,18,.2),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(0,181,226,.1),transparent 60%),rgba(11,15,24,.88)}
.download-panel:before{background:conic-gradient(from 0deg,transparent 0 70%,rgba(255,148,18,.3) 80%,rgba(239,51,64,.28) 87%,transparent 95%)}
.download-icon{color:#1a0e00;background:linear-gradient(135deg,var(--orange2),var(--orange) 55%,#ff6a2b);box-shadow:0 12px 35px rgba(255,148,18,.35)}
.download-panel p{color:#b4bac8}
.download-small{color:#8d94a3!important}

/* Bələdçi səhifəsi */
.guide-sidebar a{color:#c0c5d1}
.guide-sidebar a:hover{background:rgba(255,148,18,.1);color:#fff}
.guide-sidebar strong{color:#9aa1b0}
.guide-block p,.guide-block li{color:#b3b9c7}
.guide-callout{border-left-color:var(--orange);background:rgba(255,148,18,.07);color:#e3cfae}
.guide-table th{background:rgba(255,255,255,.04);color:#f1ece4}
.guide-table td{color:#bbc0cc}
.guide-table-wrap{border-color:var(--line)}

/* Footer + digər */
.site-footer{background:linear-gradient(180deg,transparent,rgba(255,148,18,.05));border-color:var(--line)}
.footer-brand p,.footer-links{color:#9ea5b4}
.footer-bottom{border-color:var(--line);color:#8a91a1}
.footer-bottom strong{color:#c5cad6}
.scroll-top{background:rgba(20,25,38,.88)}
.lightbox img{border-color:rgba(255,196,120,.28)}

/* ===== v2: daha zəngin rənglər və animasiyalar ===== */
:root{--gold:#ffd27a;--ember:#ff5a36;--teal:#12d6c4;
  --star-lg:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 200' fill='none'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop stop-color='%23ffd27a'/%3E%3Cstop offset='.5' stop-color='%23ff9412'/%3E%3Cstop offset='1' stop-color='%2300b5e2'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='url(%23g)' stroke-width='1.6'%3E%3Cpath d='M100 10l20.7 33.3L158 32l-10.8 37.8L190 100l-33.3 20.7L168 158l-37.8-10.8L100 190l-20.7-33.3L42 168l10.8-37.8L10 100l33.3-20.7L32 42l37.8 10.8z'/%3E%3Cpath d='M100 52l11.5 25.5L138 89l-26.5 11.5L100 138l-11.5-37.5L62 89l26.5-11.5z' opacity='.7'/%3E%3Ccircle cx='100' cy='100' r='84' opacity='.35'/%3E%3C/g%3E%3C/svg%3E")}

/* canlı fon: yavaş axan mesh */
body:before{background-size:140% 140%,140% 140%,140% 140%,100% 100%;animation:meshFlow 26s ease-in-out infinite alternate}
@keyframes meshFlow{0%{background-position:0% 0%,100% 0%,50% 100%,0 0}100%{background-position:18% 12%,82% 14%,40% 88%,0 0}}
body:after{animation:starDrift 90s linear infinite}
@keyframes starDrift{to{background-position:88px 88px}}

/* hero: fırlanan ornament */
.hero{overflow:hidden}
.hero:before,.hero:after{content:"";position:absolute;pointer-events:none;background:var(--star-lg) center/contain no-repeat;z-index:0}
.hero:before{width:620px;height:620px;right:-140px;top:-120px;opacity:.16;animation:spinSlow 70s linear infinite}
.hero:after{width:300px;height:300px;left:-90px;bottom:-60px;opacity:.1;animation:spinSlow 50s linear infinite reverse}
@keyframes spinSlow{to{transform:rotate(360deg)}}
.hero-grid{position:relative;z-index:1}

/* başlıq: sözlərin işıqlanması */
h1 .gradient,.gradient{background-image:linear-gradient(100deg,#ffd27a 0%,#ff9412 22%,#ff5a36 44%,#12d6c4 68%,#00b5e2 82%,#ffd27a 100%);animation:fxShine 6s linear infinite;filter:drop-shadow(0 0 22px rgba(255,148,18,.28))}
.section-head h2,.split-copy h2,.download-panel h2{position:relative}
.kicker{display:inline-flex;align-items:center;gap:10px}
.section-head .kicker:before,.section-head .kicker:after{content:"";width:0;height:1px;background:linear-gradient(90deg,transparent,var(--orange2));transition:width .9s .2s cubic-bezier(.2,.75,.2,1)}
.section-head .kicker:after{background:linear-gradient(270deg,transparent,var(--orange2))}
.section-head.visible .kicker:before,.section-head.visible .kicker:after{width:38px}

/* düymələr: parıltı */
.btn-primary{position:relative;overflow:hidden;animation:btnFlow 6s linear infinite}
.btn-primary:before{content:"";position:absolute;top:0;bottom:0;left:-60%;width:40%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.55),transparent);transform:skewX(-20deg);animation:sheen 4.2s ease-in-out infinite}
@keyframes sheen{0%,55%{left:-60%}100%{left:130%}}
@keyframes btnFlow{to{background-position:300% 0}}

/* loqo və header */
.brand-logo{transition:transform .4s cubic-bezier(.3,1.6,.5,1),filter .4s;filter:drop-shadow(0 0 0 rgba(255,148,18,0))}
.brand:hover .brand-logo{transform:scale(1.04);filter:drop-shadow(0 0 14px rgba(255,148,18,.55))}
.top-line{background-size:200% 100%;animation:flagSlide 8s linear infinite}
@keyframes flagSlide{to{background-position:-200% 0}}

/* eyebrow nöqtə dalğası */
.eyebrow{position:relative;overflow:hidden}
.eyebrow:after{content:"";position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(255,200,120,.22),transparent 70%);transform:translateX(-120%);animation:eyeSweep 5s ease-in-out infinite}
@keyframes eyeSweep{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}

/* ekran çərçivəsi: nəfəs alan işıq halqası */
.screen-frame{box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,179,71,.08),0 0 60px rgba(255,148,18,.14);animation:float 7s ease-in-out infinite,frameGlow 5s ease-in-out infinite alternate}
@keyframes frameGlow{to{box-shadow:0 28px 90px rgba(0,0,0,.5),0 0 0 1px rgba(255,179,71,.3),0 0 90px rgba(255,148,18,.3)}}
.visual-badge .badge-icon{animation:iconPulse 3s ease-in-out infinite}
@keyframes iconPulse{50%{box-shadow:0 0 0 7px rgba(255,148,18,.1)}}

/* kartlar: 3D meyil + alt xətt */
.feature-card,.workflow{transform-style:preserve-3d;transition:transform .35s cubic-bezier(.2,.75,.2,1),border-color .25s,background .25s,box-shadow .3s}
.feature-card.tilt,.workflow.tilt{transition:transform .08s linear,border-color .25s,box-shadow .3s}
.feature-card h3,.workflow h3{transition:color .25s}
.feature-card:hover h3,.workflow:hover h3{color:var(--gold)}
.feature-card .feature-icon{position:relative}
.feature-card:hover .feature-icon:after{content:"";position:absolute;inset:-6px;border-radius:19px;border:1px solid currentColor;opacity:0;animation:ring 1.2s ease-out infinite}
@keyframes ring{0%{opacity:.6;transform:scale(.85)}100%{opacity:0;transform:scale(1.25)}}
.feature-card .status{transition:transform .3s}
.feature-card:hover .status{transform:translateX(4px)}

/* iş axını: birləşdirici xətt axır */
.workflow:not(:last-child):after{width:14px;background:linear-gradient(90deg,var(--orange),transparent);animation:flowDot 2.4s ease-in-out infinite}
@keyframes flowDot{50%{opacity:.25;transform:translateX(5px)}}
.workflow:before{background-size:200% 100%;animation:fxShine 8s linear infinite}

/* statistika nömrələri */
.stat{transition:background .3s}
.stat:hover{background:rgba(255,148,18,.05)}
.stat-num{border:1px solid rgba(255,148,18,.22)}

/* yükləmə paneli */
.download-panel{background-image:var(--star-lg),radial-gradient(ellipse at 50% 0%,rgba(255,148,18,.22),transparent 60%),radial-gradient(ellipse at 50% 120%,rgba(0,181,226,.12),transparent 60%);background-repeat:no-repeat;background-position:calc(100% + 80px) -80px,0 0,0 0;background-size:360px,auto,auto}
.download-icon{animation:fxBounce 2.4s ease-in-out infinite,iconGlow 3s ease-in-out infinite alternate}
@keyframes iconGlow{to{box-shadow:0 12px 55px rgba(255,148,18,.6)}}

/* FAQ və xəbərdarlıq */
.faq-item[open],.faq-item:has([aria-expanded=true]){border-color:rgba(255,179,71,.35);background:linear-gradient(180deg,rgba(32,26,20,.82),rgba(11,15,24,.82))}
.faq-question[aria-expanded=true]{color:var(--gold)}
.warning-icon{animation:warnPulse 2.8s ease-in-out infinite}
@keyframes warnPulse{50%{box-shadow:0 0 0 8px rgba(255,148,18,.08)}}

/* scroll-top */
.scroll-top{transition:transform .25s,border-color .25s,box-shadow .25s}
.scroll-top:hover{transform:translateY(-4px);border-color:var(--orange2);box-shadow:0 8px 24px rgba(255,148,18,.3)}

/* daha yumşaq reveal (blur azaldıldı) */
.reveal{filter:blur(3px)}

@media (max-width:760px){.hero:before{width:380px;height:380px;right:-160px;top:-60px}.hero:after{display:none}}
@media (prefers-reduced-motion:reduce){.hero:before,.hero:after{animation:none!important}.btn-primary:before{display:none}}