/* ==========================================================================
   Un Puișor — rafinare vizuală pentru pagina publică
   Umbre stratificate, sticlă mată (blur), adâncime. Se încarcă după
   landing-commercial.css și doar suprascrie / completează.
   ========================================================================== */
:root{
  --shadow-sm:0 1px 2px rgba(16,40,82,.05),0 6px 14px rgba(16,40,82,.05),0 20px 40px -12px rgba(16,40,82,.1);
  --shadow-card:0 1px 2px rgba(16,40,82,.04),0 10px 22px rgba(16,40,82,.06),0 34px 60px -16px rgba(16,40,82,.16);
  --shadow-float:0 4px 8px rgba(16,44,94,.06),0 24px 48px rgba(16,44,94,.12),0 60px 110px -22px rgba(16,44,94,.3);
  --shadow-orange:0 1px 0 rgba(255,255,255,.35) inset,0 2px 4px rgba(150,50,10,.18),0 16px 32px -6px rgba(225,74,18,.42);
}

/* ---------- Header + navigare ---------- */
.site-header{
  background:rgba(255,255,255,.58);
  backdrop-filter:blur(26px) saturate(185%);-webkit-backdrop-filter:blur(26px) saturate(185%);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.95),0 1px 2px rgba(20,55,105,.05),0 14px 36px -8px rgba(20,55,105,.16);
}
.site-header.is-scrolled{background:rgba(255,255,255,.82);box-shadow:inset 0 1px 0 #fff,0 2px 4px rgba(20,55,105,.06),0 20px 48px -10px rgba(20,55,105,.24)}
.header-actions{display:flex;align-items:center;gap:10px}
.site-nav{gap:clamp(4px,.8vw,10px)}
.site-nav a{padding:10px 14px;border-radius:999px;transition:color var(--fast) ease,background var(--fast) ease}
.site-nav a::after{display:none}
.site-nav a:hover{background:rgba(7,52,119,.06)}
.site-nav a.is-active{color:var(--orange-dark);background:#fff1e6;box-shadow:inset 0 0 0 1px rgba(255,100,45,.16)}
.scroll-progress{height:3px}
.scroll-progress span{box-shadow:0 0 12px rgba(255,100,45,.55)}

.nav-backdrop{position:fixed;z-index:calc(var(--z-header) - 1);inset:0;background:rgba(10,35,80,.28);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;transition:opacity var(--regular) ease}
body.nav-menu-open .nav-backdrop{opacity:1;pointer-events:auto}

.back-to-top{position:fixed;z-index:70;right:22px;bottom:22px;display:grid;width:48px;height:48px;place-items:center;padding:0;border:1px solid rgba(255,255,255,.85);border-radius:50%;color:var(--navy);background:rgba(255,255,255,.72);box-shadow:inset 0 1px 0 #fff,0 8px 16px rgba(16,40,82,.1),0 22px 40px -8px rgba(16,40,82,.38);backdrop-filter:blur(18px) saturate(180%);-webkit-backdrop-filter:blur(18px) saturate(180%);cursor:pointer;visibility:hidden;opacity:0;transform:translateY(16px) scale(.9);pointer-events:none;transition:opacity var(--regular) ease,transform var(--regular) var(--ease)}
.back-to-top .icon{font-size:20px}
.back-to-top.is-visible{visibility:visible;opacity:1;transform:none;pointer-events:auto}
.back-to-top:hover{transform:translateY(-3px)}

/* ---------- Butoane ---------- */
.header-cta,.button-primary{box-shadow:var(--shadow-orange)}
.header-cta:hover,.button-primary:hover{box-shadow:0 1px 0 rgba(255,255,255,.4) inset,0 4px 8px rgba(150,50,10,.2),0 24px 44px -8px rgba(225,74,18,.5)}
.button-primary{position:relative;overflow:hidden;isolation:isolate}
.button-primary::after{position:absolute;z-index:-1;inset:0 auto 0 0;width:40%;content:'';background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);transform:translateX(-140%) skewX(-18deg)}
.button-primary:hover::after{animation:lpSheen .9s var(--ease)}
@keyframes lpSheen{to{transform:translateX(320%) skewX(-18deg)}}
.nav-toggle{background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 6px 16px -4px rgba(28,64,116,.22);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.store-button{box-shadow:0 1px 0 rgba(255,255,255,.12) inset,0 2px 4px rgba(6,20,43,.12),0 18px 30px -10px rgba(6,20,43,.35)}

/* ---------- Hero ---------- */
.phone{box-shadow:0 0 0 1px rgba(0,0,0,.3),inset 0 1px 0 rgba(255,255,255,.2),0 22px 40px -8px rgba(18,50,99,.32),0 60px 100px -20px rgba(18,50,99,.42)}
.phone-secondary,.phone-tertiary{box-shadow:0 0 0 1px rgba(0,0,0,.25),0 18px 34px -8px rgba(18,50,99,.26),0 44px 80px -18px rgba(18,50,99,.32)}
.hero-visual::before{position:absolute;z-index:0;top:8%;left:50%;width:420px;height:420px;translate:-50% 0;content:'';border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.65),rgba(255,182,206,.35) 48%,transparent 70%);filter:blur(52px);pointer-events:none}
.hero-mascot{filter:drop-shadow(0 4px 6px rgba(86,72,31,.14)) drop-shadow(0 22px 26px rgba(86,72,31,.22))}
.cloud{filter:blur(5px);box-shadow:0 14px 30px rgba(120,160,200,.18)}
.eyebrow{box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 4px 10px -4px rgba(154,84,16,.25)}

/* ---------- Carduri ---------- */
.benefit-card{box-shadow:inset 0 1px 0 #fff,var(--shadow-card);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.benefit-card:hover{box-shadow:inset 0 1px 0 #fff,0 4px 8px rgba(16,40,82,.05),0 30px 56px -12px rgba(16,40,82,.24)}
.icon-tile{box-shadow:inset 0 1px 0 rgba(255,255,255,.8),0 8px 16px -6px color-mix(in srgb,var(--tone-fg,#073477) 45%,transparent)}
.story-card{box-shadow:var(--shadow-sm)}
.story-card:hover{box-shadow:0 4px 8px rgba(16,40,82,.06),0 34px 60px -12px rgba(16,40,82,.26)}
.story-cover::after{position:absolute;inset:0;content:'';background:linear-gradient(180deg,transparent 62%,rgba(10,35,80,.22));pointer-events:none}
.story-details{z-index:2;box-shadow:0 0 0 4px rgba(255,255,255,.55),0 12px 24px -4px rgba(225,74,18,.5)}
.story-filters button{box-shadow:var(--shadow-sm)}
.story-filters button.is-active{box-shadow:0 12px 22px -6px rgba(11,47,104,.45)}
.steps-panel,.moments-panel,.safety-grid article{box-shadow:var(--shadow-card)}
.safety-grid article{backdrop-filter:blur(14px) saturate(160%);-webkit-backdrop-filter:blur(14px) saturate(160%)}
.moments .icon-tile{box-shadow:var(--shadow-sm)}
.steps-panel li>b{box-shadow:0 0 0 6px #fff,0 10px 18px -4px rgba(16,40,82,.3)}

/* ---------- Fotografii și secțiuni mari ---------- */
/* Fotografia: fără ramă, doar colțuri rotunjite și umbră moale */
.experience-frame{
  z-index:1;border:0;border-radius:var(--radius-xl);background:none;
  box-shadow:0 2px 6px rgba(16,40,82,.08),0 22px 44px -10px rgba(16,40,82,.2),0 60px 110px -24px rgba(16,44,94,.34);
  transform:none;
  transition:transform 600ms var(--ease),box-shadow 600ms var(--ease);
}
.experience-frame img{transition:transform 900ms var(--ease)}
.experience-art:hover .experience-frame{transform:translateY(-4px);box-shadow:0 4px 10px rgba(16,40,82,.08),0 30px 56px -12px rgba(16,40,82,.24),0 72px 120px -24px rgba(16,44,94,.38)}
.experience-art:hover .experience-frame img{transform:scale(1.03)}

/* Citatul: sticlă mată cu insignă de ghilimele */
.experience-art blockquote{
  padding:30px 24px 20px;border-radius:24px 24px 24px 8px;
  background:rgba(255,255,255,.72);backdrop-filter:blur(20px) saturate(180%);-webkit-backdrop-filter:blur(20px) saturate(180%);
  box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(16,40,82,.08),0 30px 54px -12px rgba(16,40,82,.3);
}
.experience-art blockquote::before{position:absolute;top:-18px;left:20px;display:grid;width:38px;height:38px;place-items:center;content:'“';border-radius:50%;color:#fff;background:linear-gradient(135deg,#ff8a3d,var(--orange) 55%,#e8487a);box-shadow:0 0 0 4px #fff,0 10px 18px -4px rgba(225,74,18,.5);font:900 30px/1 var(--font-display);padding-top:10px}

/* Cotoarele cărților: luciu și umbră mai fină */
.book-stack span{background-image:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,0) 55%,rgba(0,0,0,.06));box-shadow:inset 0 1px 0 rgba(255,255,255,.35),inset 6px 0 0 rgba(0,0,0,.08),0 10px 16px -6px rgba(67,47,26,.4);transition:transform var(--regular) var(--ease)}
.book-stack span:hover{transform:translateX(-6px)}
.parent-story{position:relative}
.parent-story::after{position:absolute;right:-90px;top:-110px;width:320px;height:320px;content:'';border-radius:50%;background:radial-gradient(circle,rgba(255,179,119,.3),transparent 68%);filter:blur(40px);pointer-events:none}
.parent-story .eyebrow{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:inset 0 1px 0 rgba(255,255,255,.25)}
.adventure-cta{box-shadow:inset 0 1px 0 #fff,var(--shadow-card)}
.adventure-cta>img{filter:drop-shadow(0 20px 22px rgba(60,80,40,.25))}
.final-cta{box-shadow:inset 0 1px 0 rgba(255,255,255,.9),var(--shadow-float)}
.final-mascot{filter:drop-shadow(0 4px 6px rgba(70,90,30,.14)) drop-shadow(0 28px 30px rgba(70,90,30,.26))}

/* Pete de culoare estompate în fundal (tăiate pe orizontală ca să nu lărgească pagina) */
main{overflow-x:clip}
.story-experience,.utility-grid{position:relative}
.story-experience::before,.utility-grid::before{position:absolute;z-index:-1;width:440px;height:440px;content:'';border-radius:50%;filter:blur(50px);pointer-events:none}
.story-experience::before{right:-6%;top:6%;background:radial-gradient(circle,rgba(255,196,214,.45),transparent 68%)}
.utility-grid::before{left:-8%;bottom:-12%;background:radial-gradient(circle,rgba(168,214,255,.45),transparent 68%)}

/* ---------- Hero: accent comercial ---------- */
.hero h1 em{background:linear-gradient(100deg,#ff8a3d,var(--orange) 45%,#e8487a);-webkit-background-clip:text;background-clip:text;color:transparent;filter:drop-shadow(0 6px 18px rgba(255,100,45,.18))}
.hero-actions{gap:12px}
.hero-actions .button-link{min-height:52px;border:1px solid rgba(255,255,255,.9);background:rgba(255,255,255,.6);box-shadow:inset 0 1px 0 #fff,0 8px 20px -8px rgba(16,40,82,.25);backdrop-filter:blur(14px) saturate(170%);-webkit-backdrop-filter:blur(14px) saturate(170%)}
.hero-actions .button-link:hover{background:rgba(255,255,255,.85);transform:translateY(-2px)}
.hero-trust li{padding:6px 12px 6px 9px;border-radius:999px;background:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}

/* ---------- Showcase aplicație ---------- */
.showcase-heading,.faq-heading{max-width:640px}
.showcase-heading{margin:0 auto 48px;text-align:center}
.showcase-heading h2,.faq-heading h2{margin:0 0 16px;font-size:var(--fs-h2);line-height:1.06}
.showcase-heading h2 em,.faq-heading h2 em{color:var(--orange)}
.showcase-heading p:not(.eyebrow),.faq-heading p:not(.eyebrow){margin:0;color:var(--copy);font-size:var(--fs-lead)}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.showcase-card{position:relative;display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.9);border-radius:var(--radius-xl);background:linear-gradient(180deg,color-mix(in srgb,var(--tone-bg) 85%,#fff),#fff 62%);box-shadow:inset 0 1px 0 #fff,var(--shadow-card);transition:transform var(--regular) var(--ease),box-shadow var(--regular) ease}
.showcase-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px 0 #fff,0 4px 8px rgba(16,40,82,.05),0 40px 70px -16px rgba(16,40,82,.28)}
.showcase-phone{position:relative;height:340px;overflow:hidden;padding:32px 0 0}
.showcase-phone::before{position:absolute;top:30px;left:50%;width:260px;height:260px;translate:-50% 0;content:'';border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--tone-fg) 30%,transparent),transparent 68%);filter:blur(36px)}
.showcase-phone img{position:relative;width:210px;height:auto;margin:0 auto;border:7px solid #0b1d3b;border-bottom:0;border-radius:34px 34px 0 0;box-shadow:0 0 0 1px rgba(0,0,0,.25),0 24px 44px -10px rgba(18,50,99,.4);transition:transform 500ms var(--ease)}
.showcase-card:hover .showcase-phone img{transform:translateY(-8px)}
.showcase-copy{position:relative;padding:26px 28px 30px;border-top:1px solid rgba(16,40,82,.06);background:rgba(255,255,255,.75);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
.showcase-copy .icon-tile{position:absolute;top:-24px;right:24px;background:#fff}
.showcase-copy h3{margin:0 0 8px;font-size:var(--fs-h3);line-height:1.2;letter-spacing:-.02em}
.showcase-copy p{margin:0;color:var(--copy);font-size:var(--fs-md);line-height:1.55}

/* ---------- Întrebări frecvente ---------- */
.faq{display:grid;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);align-items:start;gap:clamp(40px,6vw,88px)}
.faq-heading{position:sticky;top:120px}
.faq-heading a{color:var(--orange-dark);font-weight:800}
.faq-list{display:grid;gap:12px}
.faq-list details{border:1px solid #eceff4;border-radius:var(--radius-md);background:#fff;box-shadow:var(--shadow-sm);transition:box-shadow var(--regular) ease,border-color var(--regular) ease}
.faq-list details[open]{border-color:rgba(255,100,45,.22);box-shadow:var(--shadow-card)}
.faq-list summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;color:var(--ink);font:800 17px/1.35 var(--font-display);letter-spacing:-.01em;cursor:pointer;list-style:none}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary .icon{display:grid;width:32px;height:32px;padding:7px;border-radius:50%;color:var(--orange-dark);background:#fff1e6;transition:transform var(--regular) var(--ease),background var(--fast) ease,color var(--fast) ease}
.faq-list details[open] summary .icon{transform:rotate(180deg);color:#fff;background:var(--orange)}
.faq-list details p a{color:var(--orange-dark);font-weight:800;text-decoration:underline;text-underline-offset:3px}
.faq-list details p{margin:0;padding:0 24px 22px;color:var(--copy);font-size:var(--fs-md);line-height:1.6}

/* ---------- Bară CTA fixă pe telefon ---------- */
.mobile-cta{display:none}

/* ---------- Responsive ---------- */
@media (max-width:1160px){
  .showcase-phone{height:300px}
  .showcase-phone img{width:184px}
}
@media (max-width:900px){
  .showcase-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}
  .faq{grid-template-columns:1fr;gap:32px}
  .faq-heading{position:static;text-align:center;margin-inline:auto}
}
@media (max-width:600px){
  .hero-actions .button-link{width:100%}
  .hero-trust{justify-content:flex-start;gap:6px;margin-top:18px}
  .hero-trust li{gap:5px;padding:4px 9px 4px 7px;font-size:12px}
  .hero-trust .icon{font-size:14px}
  .showcase-heading{margin-bottom:32px}
  .experience-frame{border-radius:26px}
  .experience-art blockquote{padding-top:24px}
  .experience-art blockquote::before{top:-15px;width:32px;height:32px;font-size:25px;padding-top:8px}
  .showcase-phone{height:270px;padding-top:24px}
  .showcase-phone img{width:170px;border-width:6px;border-radius:28px 28px 0 0}
  .showcase-copy{padding:22px 22px 24px}
  .faq-list summary{padding:17px 18px;font-size:15.5px}
  .faq-list details p{padding:0 18px 18px}
  .mobile-cta{position:fixed;z-index:75;right:12px;bottom:max(12px,env(safe-area-inset-bottom));left:12px;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 10px 10px 18px;border:1px solid rgba(255,255,255,.9);border-radius:20px;background:rgba(255,255,255,.8);box-shadow:inset 0 1px 0 #fff,0 10px 20px rgba(16,40,82,.1),0 30px 60px -12px rgba(16,40,82,.4);backdrop-filter:blur(22px) saturate(185%);-webkit-backdrop-filter:blur(22px) saturate(185%);visibility:hidden;transform:translateY(140%);transition:transform var(--regular) var(--ease)}
  .mobile-cta.is-visible{visibility:visible;transform:none}
  .mobile-cta span{display:flex;flex-direction:column;line-height:1.2}
  .mobile-cta strong{font:900 16px/1.2 var(--font-display)}
  .mobile-cta small{color:var(--muted);font-size:12px;font-weight:600}
  .mobile-cta .button{min-height:46px;padding:0 18px;font-size:var(--fs-sm)}
  .back-to-top{bottom:90px}
}

/* ---------- Responsive (rafinări existente) ---------- */
@media (max-width:1160px){
  .site-nav{background:rgba(255,255,255,.82);backdrop-filter:blur(28px) saturate(185%);-webkit-backdrop-filter:blur(28px) saturate(185%);box-shadow:inset 0 1px 0 #fff,var(--shadow-float)}
  .site-nav a{padding:12px 14px}
}
@media (max-width:600px){
  .header-actions{gap:6px}
  .back-to-top{right:14px;bottom:14px;width:44px;height:44px}
  .hero-visual::before{width:300px;height:300px}
}
@media (prefers-reduced-motion:reduce){
  .button-primary:hover::after{animation:none}
  .back-to-top{transition:none}
}