/* ═══════════════════════════════════════════════════════════
   CARTEA · PREMIUM MISTINIS SLUOKSNIS (tik web)
   Kraunamas po web.css — tik perrašo, nekeičia išdėstymo.
   Naktis + auksas: gili mėlyna, žvaigždynai, aukso švytėjimas.
   ═══════════════════════════════════════════════════════════ */

:root{
  --mid:#20234A; --mid-2:#181A38; --mid-3:#111228;
  --gold-glow:rgba(217,180,92,.45);
  --star:#E9D9AC;
}

/* ── Žvaigždynai (trys lygiagretūs sluoksniai) ── */
.stars{position:absolute;inset:0;pointer-events:none;background-repeat:repeat;opacity:0}
.stars.s1{
  background-image:radial-gradient(1.1px 1.1px at 22px 34px, var(--star) 60%, transparent),
    radial-gradient(1px 1px at 128px 86px, var(--star) 60%, transparent),
    radial-gradient(1.4px 1.4px at 217px 151px, var(--star) 60%, transparent),
    radial-gradient(.9px .9px at 302px 52px, var(--star) 60%, transparent);
  background-size:340px 190px;animation:twinkle 5.4s ease-in-out infinite;
}
.stars.s2{
  background-image:radial-gradient(1px 1px at 66px 118px, var(--star) 60%, transparent),
    radial-gradient(1.3px 1.3px at 174px 26px, var(--star) 60%, transparent),
    radial-gradient(.9px .9px at 258px 104px, var(--star) 60%, transparent);
  background-size:300px 170px;animation:twinkle 7.2s ease-in-out 1.6s infinite;
}
.stars.s3{
  background-image:radial-gradient(1.6px 1.6px at 40px 60px, #F5E6BC 65%, transparent),
    radial-gradient(1.2px 1.2px at 210px 130px, var(--star) 60%, transparent);
  background-size:420px 240px;animation:twinkle 9s ease-in-out 3s infinite;
}
@keyframes twinkle{0%,100%{opacity:.35}50%{opacity:.85}}

/* ── Auksinis švytėjimo mygtukas ── */
.btn-primary{position:relative;overflow:hidden;isolation:isolate}
.btn-primary::after{
  content:"";position:absolute;inset:0;z-index:-0;
  background:linear-gradient(115deg,transparent 32%,rgba(255,248,222,.42) 50%,transparent 68%);
  background-size:260% 100%;background-position:130% 0;transition:background-position .7s ease;
}
.btn-primary:hover::after{background-position:-130% 0}
.prem-badge{
  position:relative;overflow:hidden;
  box-shadow:0 4px 14px var(--gold-glow),inset 0 1px 0 rgba(255,255,255,.35);
}

/* ── Ornamentinis skirtukas ── */
.orn-div{
  display:flex;align-items:center;gap:16px;justify-content:center;
  color:var(--gold);font-size:13px;margin:-22px auto 40px;max-width:420px;
}
.orn-div span{flex:1;height:1px;background:linear-gradient(90deg,transparent,var(--gold-3))}
.orn-div span:last-child{background:linear-gradient(90deg,var(--gold-3),transparent)}

/* ── Kalbų perjungiklis ── */
.lang-sw{display:inline-flex;gap:2px;background:rgba(255,253,248,.08);border:1px solid rgba(217,180,92,.35);border-radius:999px;padding:3px}
.lang-sw a{
  font-size:11px;font-weight:700;letter-spacing:.8px;padding:5px 10px;border-radius:999px;
  color:rgba(233,217,172,.75);transition:all .2s;
}
.lang-sw a:hover{color:var(--gold-2)}
.lang-sw a.on{background:linear-gradient(140deg,#D9B45C,#B98A2F);color:#FFFDF6;box-shadow:0 2px 8px var(--gold-glow)}
.p-studio .lang-sw, .sect .lang-sw{border-color:var(--gold-3);background:var(--card)}
.p-studio .lang-sw a{color:var(--ink-3)}
.focus-lang{position:absolute;top:26px;right:30px;z-index:3}

/* ═══════════ LANDING — naktinis dangus ═══════════ */
.p-landing .lnav{
  background:rgba(17,18,40,.82);border-bottom:1px solid rgba(217,180,92,.22);
  backdrop-filter:blur(16px);
}
.p-landing .lnav .bm-t{color:#F3EBD8}
.p-landing .lnav-links{color:rgba(233,217,172,.7)}
.p-landing .lnav-links a:hover{color:var(--gold-2)}
.p-landing .lnav .btn-ghost{background:rgba(255,253,248,.06);border-color:rgba(217,180,92,.4);color:#F3EBD8}
.p-landing .lnav .btn-ghost:hover{background:rgba(217,180,92,.15)}

.hero{
  position:relative;overflow:hidden;
  background:radial-gradient(130% 120% at 78% -10%,#33366B 0%,var(--mid) 38%,var(--mid-2) 68%,var(--mid-3) 100%);
}
.hero::after{
  content:"";position:absolute;left:50%;top:-220px;transform:translateX(-50%);
  width:900px;height:560px;pointer-events:none;
  background:radial-gradient(closest-side,rgba(217,180,92,.16),transparent 70%);
}
.hero-txt h1{color:#F8F1DD}
.hero-txt h1 em{
  background:linear-gradient(120deg,#F0D9A6,#D9B45C 45%,#B98A2F);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.hero-txt>p{color:rgba(240,231,209,.78)}
.hero-trust{color:rgba(233,217,172,.6)}
.hero .eyebrow{color:var(--gold-2)}
.hero-cards .hc{
  box-shadow:0 30px 70px rgba(0,0,0,.55),0 0 0 1px rgba(217,180,92,.3),0 0 42px rgba(217,180,92,.22);
}
.hero-cards .hc:nth-child(3){animation:cardfloat 5.5s ease-in-out infinite}
@keyframes cardfloat{0%,100%{transform:translateY(-16px) scale(1.06)}50%{transform:translateY(-28px) scale(1.06)}}
.hero .btn-ghost{background:rgba(255,253,248,.07);border-color:rgba(217,180,92,.45);color:#F3EBD8}

.strip{position:relative;background:var(--mid-3);overflow:hidden;
  border-top:1px solid rgba(217,180,92,.28);border-bottom:1px solid rgba(217,180,92,.28)}
.strip-in{position:relative;z-index:1}

.sect{background:
  radial-gradient(90% 60% at 50% 0%,#FDFAF2 0%,var(--bg) 60%,#F1E8D6 100%)}
.sect.alt{background:linear-gradient(180deg,#F3ECDC,#F8F3E9 55%,#F1E8D6)}
.step,.fcard,.price-col{border-color:#EADFC6;box-shadow:0 4px 14px rgba(90,72,40,.07),0 1px 0 rgba(255,255,255,.9) inset}
.step:hover,.fcard:hover{box-shadow:0 16px 38px rgba(90,72,40,.14)}
.step-n{
  background:linear-gradient(135deg,#F0D9A6,#B98A2F);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.biz-vis{border:1px solid var(--gold-3);box-shadow:0 20px 50px rgba(90,72,40,.14)}

.lfoot{position:relative;background:linear-gradient(180deg,var(--mid-2),var(--mid-3));overflow:hidden;
  border-top:1px solid rgba(217,180,92,.25)}
.lfoot-in{position:relative;z-index:1}

/* ═══════════ AUTENTIFIKACIJA — naktis ═══════════ */
.p-auth .focus{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 100% at 50% -10%,#2E3160 0%,var(--mid) 42%,var(--mid-3) 100%);
}
.p-auth .focus-back{color:rgba(233,217,172,.8)}
.p-auth .focus-back:hover{color:var(--gold-2);background:rgba(255,253,248,.08)}
.p-auth .focus-card{
  position:relative;z-index:2;border-color:rgba(217,180,92,.5);
  box-shadow:0 40px 90px rgba(0,0,0,.5),0 0 60px rgba(217,180,92,.12);
}

/* ═══════════ STUDIJA ═══════════ */
.p-studio .sidebar{
  position:sticky;overflow:hidden;
  background:linear-gradient(185deg,#262A52 0%,var(--mid-2) 55%,var(--mid-3) 100%);
  border-right:1px solid rgba(217,180,92,.22);
}
.p-studio .sidebar>*{position:relative;z-index:1}
.p-studio .sidebar .bm-t{color:#F3EBD8}
.p-studio .snav-h{color:rgba(233,217,172,.45)}
.p-studio .snav-i{color:rgba(226,219,240,.72)}
.p-studio .snav-i:hover{background:rgba(255,253,248,.07);color:#F3EBD8}
.p-studio .snav-i.on{
  background:linear-gradient(90deg,rgba(217,180,92,.2),rgba(217,180,92,.06));
  color:var(--gold-2);box-shadow:inset 2px 0 0 var(--gold-2);
}
.p-studio .sn-lock{
  background:rgba(217,180,92,.13);
  box-shadow:inset 0 0 0 1px rgba(217,180,92,.35);
  color:var(--gold-2);
}
.p-studio .snav-i:hover .sn-lock{background:rgba(217,180,92,.22)}
.p-studio .side-mode{
  background:rgba(255,253,248,.06);border-color:rgba(217,180,92,.4);color:var(--gold-2);
}
.p-studio .side-mode:hover{background:rgba(217,180,92,.14)}

.p-studio .topbar{
  background:rgba(250,246,238,.86);border-bottom:1px solid var(--gold-3);
}
#tb-title{
  background:linear-gradient(120deg,var(--ink) 30%,#7A5D22);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.p-studio .main{
  background:
    radial-gradient(60% 40% at 100% 0%,rgba(217,180,92,.09),transparent 60%),
    radial-gradient(50% 34% at 0% 100%,rgba(120,100,180,.07),transparent 60%),
    var(--bg);
}

/* Plokštės — gilesnės, su aukso brūkšniu viršuje */
.panel{
  border-radius:20px;border-color:#EADFC6;
  box-shadow:0 3px 10px rgba(90,72,40,.07),0 14px 34px rgba(90,72,40,.06);
  position:relative;transition:box-shadow .25s,transform .25s;
}
.panel::before{
  content:"";position:absolute;top:0;left:22px;right:22px;height:2px;border-radius:0 0 4px 4px;
  background:linear-gradient(90deg,transparent,var(--gold-3) 30%,var(--gold-2) 50%,var(--gold-3) 70%,transparent);
  opacity:.55;
}
.panel:hover{box-shadow:0 6px 16px rgba(90,72,40,.1),0 22px 48px rgba(90,72,40,.1)}
.hero-panel,.q-hero{border-color:var(--gold-3);box-shadow:0 8px 28px rgba(185,138,47,.13)}

/* Atskleidimas studijoje — naktinis momentas */
.p-studio .reveal{
  position:relative;overflow:hidden;
  background:radial-gradient(120% 95% at 50% 0%,#31346A 0%,var(--mid) 45%,var(--mid-3) 100%) !important;
}
.p-studio .reveal .reveal-cap{color:var(--gold-2)}
.p-studio .reveal .reveal-hint{color:rgba(240,231,209,.7)}
.p-studio .reveal .reveal-meta h2{color:#F8F1DD}
.p-studio .reveal .reveal-meta .rv-ess{color:rgba(240,231,209,.85)}
.p-studio .reveal .reveal-meta .rv-alt{color:rgba(233,217,172,.55)}
.p-studio .reveal .face{box-shadow:0 30px 65px rgba(0,0,0,.6),0 0 0 1px rgba(217,180,92,.35),0 0 55px rgba(217,180,92,.25)}
.p-studio .reveal .reveal-glow{
  background:radial-gradient(circle,rgba(217,180,92,.34) 0%,rgba(217,180,92,0) 65%);
}

/* Modalai — gilesnis fonas, aukso rėmas */
.modal-bd{background:rgba(14,15,32,.66);backdrop-filter:blur(5px)}
.modal-card{border:1px solid var(--gold-3);box-shadow:0 40px 100px rgba(10,10,26,.5),0 0 50px rgba(217,180,92,.1)}

/* Užrakto ir teaser kortelės — švytėjimas */
.lockcard,.teaser-card{
  box-shadow:0 30px 70px rgba(90,72,40,.22),0 0 55px rgba(217,180,92,.14);
  border-color:var(--gold-2);
}
.lock-ic{animation:lockpulse 3.2s ease-in-out infinite}
@keyframes lockpulse{0%,100%{box-shadow:0 8px 22px var(--gold-glow)}50%{box-shadow:0 8px 34px rgba(217,180,92,.7)}}

/* Švelnus puslapio pasirodymas */
#page>*{animation:pagein .45s ease both}
@keyframes pagein{from{opacity:0;transform:translateY(10px)}}

/* Slinkties juosta */
::-webkit-scrollbar{width:10px;height:10px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--gold-3);border-radius:99px;border:3px solid var(--bg)}
::-webkit-scrollbar-thumb:hover{background:var(--gold-2)}

/* Mobilus prisitaikymas — šoninė juosta virsta horizontalia */
@media (max-width:960px){
  .p-studio .sidebar{background:linear-gradient(90deg,#262A52,var(--mid-2));border-bottom:1px solid rgba(217,180,92,.25)}
  .orn-div{margin-top:-10px}
  .focus-lang{top:20px;right:18px}
}

/* ═══════════ KVADRATO VEDLYS (reveal ekranas) ═══════════ */
#qtour{margin:38px auto 0;max-width:640px;text-align:left;position:relative;z-index:2}
#qtour[hidden]{display:none}
.qtour-startrow{display:flex;flex-direction:column;align-items:center;gap:10px}
.qtour-startrow[hidden]{display:none}
.qtour-skip{background:none;border:none;color:rgba(248,243,232,.5);font:500 13px Inter,sans-serif;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:4px}
.qtour-skip:hover{color:rgba(248,243,232,.8)}
.qtour-rail{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}
.qtr-slot{width:66px;padding:9px 4px 8px;border-radius:12px;text-align:center;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:rgba(248,243,232,.45);transition:.4s}
.qtr-slot b{display:block;font:600 15px 'Playfair Display',Georgia,serif}
.qtr-slot span{font:500 10.5px Inter,sans-serif;letter-spacing:.4px}
.qtr-x{color:rgba(217,180,92,.4);font-size:11px}
.qtr-slot.lit{border-color:rgba(217,180,92,.65);background:rgba(217,180,92,.10);color:#F3E7C8;box-shadow:0 0 22px rgba(217,180,92,.25);animation:qtrPop .55s cubic-bezier(.34,1.56,.64,1)}
@keyframes qtrPop{0%{transform:scale(.72);opacity:.4}100%{transform:scale(1);opacity:1}}
.qtour-dots{display:flex;justify-content:center;gap:7px;margin-bottom:20px}
.qtour-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.16);transition:.4s}
.qtour-dots i.on{background:#D9B45C;box-shadow:0 0 8px rgba(217,180,92,.6)}
.qtour-step{opacity:0;transform:translateY(26px);transition:opacity .65s ease,transform .65s ease;background:rgba(255,255,255,.045);border:1px solid rgba(217,180,92,.2);border-radius:18px;padding:22px 22px 20px;margin-bottom:14px;backdrop-filter:blur(8px)}
.qtour-step[hidden]{display:none}
.qtour-step.in{opacity:1;transform:none}
.qtour-eyebrow{font:600 10.5px Inter,sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#D9B45C;margin-bottom:6px}
.qtour-step h3{font:600 21px 'Playfair Display',Georgia,serif;color:#F8F3E8;margin:0 0 2px}
.qtour-sub{font:500 12.5px Inter,sans-serif;color:rgba(248,243,232,.55)}
.qtour-body{display:flex;gap:18px;align-items:flex-start;margin-top:14px}
.qtour-vis{flex:0 0 92px}
.qtour-vis svg{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.45)}
.qtour-step.in .qtour-vis{animation:qtvIn .7s cubic-bezier(.34,1.56,.64,1)}
@keyframes qtvIn{0%{transform:translateY(14px) scale(.85);opacity:0}100%{transform:none;opacity:1}}
.qtour-planet{width:92px;height:92px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:38px;color:#F3E7C8;background:radial-gradient(circle at 35% 30%,rgba(217,180,92,.35),rgba(217,180,92,.08));border:1px solid rgba(217,180,92,.45);box-shadow:0 0 30px rgba(217,180,92,.2)}
.qtour-tx{min-width:0}
.qtour-tx .q-corner-name{color:#F3E7C8;font:600 15px Inter,sans-serif;margin-bottom:6px}
.qtour-tx p{font:400 14px/1.65 Inter,sans-serif;color:rgba(248,243,232,.82);margin:0}
.qtour-phase{margin-top:10px !important;color:rgba(248,243,232,.66) !important;font-size:13.5px !important}
.qtour-q{margin-top:16px;padding:13px 16px;border-left:2px solid #D9B45C;background:rgba(217,180,92,.07);border-radius:0 12px 12px 0}
.qtour-q span{font:600 10.5px Inter,sans-serif;letter-spacing:1.8px;text-transform:uppercase;color:#D9B45C}
.qtour-q p{font:500 14.5px/1.6 'Playfair Display',Georgia,serif;font-style:italic;color:#F8F3E8;margin:5px 0 0}
.qtour-nextrow{display:flex;justify-content:flex-end;margin-top:16px}
.qtour-nextrow[hidden]{display:none}
@media(max-width:560px){
  .qtour-body{flex-direction:column;align-items:center;text-align:center}
  .qtour-nextrow{justify-content:center}
}

/* Atsijungimo mygtukas šoninėje juostoje */
.p-studio .snav-i.sn-exit{color:rgba(248,243,232,.42);margin-top:2px}
.p-studio .snav-i.sn-exit:hover{color:#E8B4A0;background:rgba(232,180,160,.07)}

/* ═══════════ Pilno ekrano atskleidimas (/reveal) ═══════════ */
.p-reveal{background:var(--mid-3,#111228)}
.p-reveal .reveal-screen{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:48px 20px 56px;position:relative;overflow:hidden}
.p-reveal .rs-inner{width:100%;max-width:660px;text-align:center;position:relative;z-index:2}
#rs-stage{transition:opacity .42s ease,transform .42s ease}
#rs-stage.gone{opacity:0;transform:translateY(-18px);pointer-events:none}
#rs-stage[hidden]{display:none}
a.btn{text-decoration:none}
a.qtour-skip{display:inline-block;text-decoration:underline}
.p-reveal #qtour{margin-top:0}
.qtour-step.out{opacity:0;transform:translateY(-24px)}

/* ═══════════ Vedlio kortų atvertimas (kaip pagrindinės) ═══════════ */
.qtour-vis{flex:0 0 118px}
.qtflip{background:none;border:none;padding:0;cursor:pointer;display:block;width:118px;perspective:900px;margin:0 auto}
.qtflip-in{position:relative;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.25,.7,.25,1)}
.qtflip.flipped .qtflip-in{transform:rotateY(180deg)}
.qtflip:not(.flipped):hover .qtflip-in{transform:rotateY(14deg) translateY(-3px)}
.qtf-face{backface-visibility:hidden;-webkit-backface-visibility:hidden}
.qtf-face svg{width:100%;height:auto;border-radius:10px;box-shadow:0 10px 30px rgba(0,0,0,.45);display:block}
.qtf-front{position:absolute;inset:0;transform:rotateY(180deg)}
.qtflip-round{width:110px}
.qtflip-round .qtour-planet{width:110px;height:110px}
.qtp-back{background:radial-gradient(circle at 35% 30%,rgba(46,50,104,.95),rgba(20,22,48,.98));color:rgba(217,180,92,.75);font-size:26px;border-color:rgba(217,180,92,.3)}
.qtf-hint{margin-top:9px;font:500 11.5px Inter,sans-serif;color:rgba(248,243,232,.45);transition:opacity .4s}
.qtour-step.revealed .qtf-hint{opacity:0}
.qtour-after{opacity:0;transform:translateY(10px);transition:opacity .55s ease .1s,transform .55s ease .1s;pointer-events:none}
.qtour-step.revealed .qtour-after{opacity:1;transform:none;pointer-events:auto}

/* ═══════════ Vedlys v2: žingsniai — pilnas atskleidimas kaip pagrindinė korta ═══════════ */
.qtour-step.qts-full{background:none;border:none;padding:0;backdrop-filter:none;text-align:center;margin-bottom:0}
.qts-full .flip-wrap{margin:6px auto 0}
.flip-wrap.qt-round{width:200px;aspect-ratio:1/1}
.flip-wrap.qt-round .face{border-radius:50%;background:none;box-shadow:none;display:flex;align-items:center;justify-content:center;overflow:visible}
.qtour-planet.fill{width:100%;height:100%;font-size:70px;box-shadow:0 0 45px rgba(217,180,92,.25)}
.qt-read-sym{margin:8px auto 4px;width:118px;height:118px;font-size:48px}
.rv-area{font:400 13px Inter,sans-serif;color:rgba(233,217,172,.62);margin-top:7px;letter-spacing:.3px}
.qt-explain{max-width:470px;margin:16px auto 0;font:400 14.5px/1.7 Inter,sans-serif;color:rgba(248,243,232,.85)}
.qt-explain.dim{color:rgba(248,243,232,.6);font-size:13.5px;margin-top:10px}
.qts-full .qtour-q{max-width:470px;margin:18px auto 0;text-align:left}
.qts-full .reveal-meta .btn{margin-top:26px}