/* hostione.com — stilurile homepage-ului (extras din index.html pe 2026-09-18).
   Cand modifici acest fisier, schimba ?v= din <link> in index.html (cache un an, immutable). */
:root{
  --coral:#ED4C5C; --coral-d:#D43B4A; --teal:#13C2A8; --blue:#3F62D9;
  --navy:#0E1A2F; --ink:#16223A; --muted:#5C677D; --soft:#697182;
  --bg:#FBFAF8; --paper:#FFFFFF; --line:#ECE8E2; --line-2:#F2EFEA;
  --shadow:0 24px 60px -28px rgba(14,26,47,.28);
  --shadow-sm:0 10px 30px -16px rgba(14,26,47,.20);
  --r:18px; --r-sm:12px; --maxw:1180px;
  --disp:"Bricolage Grotesque", serif; --body:"Hanken Grotesk", sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%}
body{
  font-family:var(--body); color:var(--ink); background:var(--bg);
  line-height:1.6; -webkit-font-smoothing:antialiased; overflow-x:hidden;
}
body::before{
  content:""; position:fixed; inset:0; z-index:-1; pointer-events:none;
  background:
    radial-gradient(60% 50% at 82% -8%, rgba(237,76,92,.10), transparent 60%),
    radial-gradient(55% 45% at 6% 8%, rgba(63,98,217,.08), transparent 60%),
    radial-gradient(50% 40% at 50% 108%, rgba(19,194,168,.08), transparent 60%);
}
a{color:inherit; text-decoration:none}
img{max-width:100%; display:block}
.wrap{max-width:var(--maxw); margin:0 auto; padding:0 24px}
section{position:relative}
.corebadges{display:flex; gap:10px; flex-wrap:wrap; margin-bottom:20px}
.cb{display:inline-flex; align-items:center; gap:8px; font-family:var(--disp); font-weight:700; font-size:14px; letter-spacing:-.01em; padding:9px 16px; border-radius:999px; white-space:nowrap}
.cb::before{content:""; width:7px; height:7px; border-radius:50%; background:currentColor; flex:none}
/* doua steluțe mici, nemiscate, in dreapta stelei principale (order:1 le duce dupa ::after) */
.cb-ai::before{display:block; order:1; content:""; width:.58em; height:1.4em; border-radius:0; flex:none;
  margin-left:-5px; background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 24'%3E%3Cpath d='M5 0.8 C5.08 4.39 6.42 5.72 10 5.8 C6.42 5.88 5.08 7.22 5 10.8 C4.92 7.22 3.58 5.88 0 5.8 C3.58 5.72 4.92 4.39 5 0.8Z'/%3E%3Cpath d='M5 15.4 C5.06 18.13 6.08 19.14 8.8 19.2 C6.08 19.26 5.06 20.28 5 23 C4.94 20.28 3.92 19.26 1.2 19.2 C3.92 19.14 4.94 18.13 5 15.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 24'%3E%3Cpath d='M5 0.8 C5.08 4.39 6.42 5.72 10 5.8 C6.42 5.88 5.08 7.22 5 10.8 C4.92 7.22 3.58 5.88 0 5.8 C3.58 5.72 4.92 4.39 5 0.8Z'/%3E%3Cpath d='M5 15.4 C5.06 18.13 6.08 19.14 8.8 19.2 C6.08 19.26 5.06 20.28 5 23 C4.94 20.28 3.92 19.26 1.2 19.2 C3.92 19.14 4.94 18.13 5 15.4Z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 2px rgba(255,255,255,.55))}
.cb-ai{color:#fff; background:linear-gradient(115deg,var(--coral-d) 0%, #D13A72 52%, var(--blue) 100%); box-shadow:0 14px 28px -14px rgba(180,52,114,.9)}
.cb-ai::after{content:""; width:1em; height:1em; flex:none; margin-left:-1px; background:#fff;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:sparkle 2.8s ease-in-out infinite}
@keyframes sparkle{
  0%,100%{transform:scale(.7) rotate(0deg); background:#fff; filter:drop-shadow(0 0 3px rgba(255,255,255,.7))}
  30%{transform:scale(1.1) rotate(80deg); background:#FFE9A8; filter:drop-shadow(0 0 9px rgba(255,220,140,.95))}
  55%{transform:scale(.88) rotate(150deg); background:#CFF6FF; filter:drop-shadow(0 0 8px rgba(160,235,255,.9))}
  80%{transform:scale(1.02) rotate(220deg); background:#fff; filter:drop-shadow(0 0 6px rgba(255,255,255,.85))}
}
@media(prefers-reduced-motion:reduce){.cb-ai::after{animation:none; filter:drop-shadow(0 0 5px rgba(255,255,255,.8))}}
.cb-rm{color:var(--navy); background:var(--paper); border:1.5px solid rgba(63,98,217,.38); box-shadow:0 10px 22px -16px rgba(63,98,217,.55)}
.cb-rm::before{background:var(--blue)}
.cb-dp{color:var(--navy); background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 160 40' preserveAspectRatio='none'><defs><linearGradient id='g' x1='0' y1='0' x2='0' y2='1'><stop offset='0' stop-color='%237B57C4' stop-opacity='.18'/><stop offset='1' stop-color='%237B57C4' stop-opacity='0'/></linearGradient></defs><path d='M0,36 L20,32 L38,34 L58,28 L78,30 L98,25 L116,27 L128,26 L139.5,20 L160,6 L160,40 L0,40 Z' fill='url(%23g)'/><path d='M0,36 L20,32 L38,34 L58,28 L78,30 L98,25 L116,27 L128,26 L139.5,20' fill='none' stroke='%237B57C4' stroke-opacity='.5' stroke-width='1.5' stroke-linejoin='round' stroke-linecap='round' vector-effect='non-scaling-stroke'/><path d='M139.5,20 L160,6' fill='none' stroke='%237B57C4' stroke-opacity='.18' stroke-width='1.5' stroke-linecap='round' vector-effect='non-scaling-stroke'/></svg>") center/100% 100% no-repeat, var(--paper); padding-right:16px; border:1.5px solid rgba(123,87,196,.42); box-shadow:0 10px 22px -16px rgba(123,87,196,.55)}
.cb-dp{position:relative}
.cb-dp::before{display:none}
.cb-dp::after{content:""; width:7px; height:7px; border-radius:50%; flex:none; position:relative; z-index:1; margin-left:1px;
  background:#7B57C4; box-shadow:0 0 0 0 rgba(123,87,196,.55); animation:dpPulse 2.4s cubic-bezier(.4,0,.2,1) infinite}
@keyframes dpPulse{
  0%{box-shadow:0 0 0 0 rgba(123,87,196,.55)}
  70%{box-shadow:0 0 0 9px rgba(123,87,196,0)}
  100%{box-shadow:0 0 0 0 rgba(123,87,196,0)}
}
@media(prefers-reduced-motion:reduce){.cb-dp::after{animation:none}}

@media(max-width:520px){.cb{font-size:13px; padding:8px 13px}}

/* ===== pastila "Algoritmul Hosti" (badge hero) ===== */
.pill-algo{position:relative; display:inline-flex; align-items:center; height:36px; padding:0 18px; border-radius:999px;
  background:var(--paper); border:1.5px solid #CECBF6; font-family:var(--disp); font-size:14px; font-weight:700;
  letter-spacing:-.01em; line-height:1; white-space:nowrap; overflow:hidden;
  box-shadow:0 10px 22px -16px rgba(90,72,214,.55)}
.pill-algo__text{position:relative; z-index:1; color:var(--navy,#0E1A2F)}
.pill-algo__bars{position:absolute; left:13px; right:13px; bottom:5px; height:18px; display:flex;
  justify-content:space-between; align-items:flex-end; opacity:.7; z-index:0; pointer-events:none}
.pill-algo__bars i{display:block; width:4px; border-radius:2px; transform-origin:bottom;
  animation:pillAlgoIn .55s cubic-bezier(.22,1,.36,1) both, pillAlgoBar 1.5s ease-in-out infinite}
.pill-algo__bars i:nth-child(1){height:33%; background:#D63A58; animation-delay:0.000s, 1.00s}
.pill-algo__bars i:nth-child(2){height:67%; background:#CD3B62; animation-delay:0.055s, 1.10s}
.pill-algo__bars i:nth-child(3){height:44%; background:#C33C6B; animation-delay:0.110s, 1.20s}
.pill-algo__bars i:nth-child(4){height:89%; background:#B93D75; animation-delay:0.165s, 1.30s}
.pill-algo__bars i:nth-child(5){height:56%; background:#B03E7F; animation-delay:0.220s, 1.40s}
.pill-algo__bars i:nth-child(6){height:100%; background:#A63F88; animation-delay:0.275s, 1.50s}
.pill-algo__bars i:nth-child(7){height:44%; background:#9D4092; animation-delay:0.330s, 1.60s}
.pill-algo__bars i:nth-child(8){height:78%; background:#93429C; animation-delay:0.385s, 1.70s}
.pill-algo__bars i:nth-child(9){height:50%; background:#8A43A6; animation-delay:0.440s, 1.80s}
.pill-algo__bars i:nth-child(10){height:94%; background:#8044AF; animation-delay:0.495s, 1.90s}
.pill-algo__bars i:nth-child(11){height:61%; background:#7745B9; animation-delay:0.550s, 2.00s}
.pill-algo__bars i:nth-child(12){height:39%; background:#6D46C3; animation-delay:0.605s, 2.10s}
.pill-algo__bars i:nth-child(13){height:83%; background:#6447CC; animation-delay:0.660s, 2.20s}
.pill-algo__bars i:nth-child(14){height:50%; background:#5A48D6; animation-delay:0.715s, 2.30s}
/* bulina, ca punctul de pe grafic */
.pill-algo__dot{position:relative; z-index:1; flex:none; width:9px; height:9px; border-radius:50%;
  background:var(--coral,#ED4C5C); margin-right:9px;
  box-shadow:0 0 0 0 rgba(237,76,92,.55); animation:pillAlgoDot 2.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes pillAlgoIn{from{transform:scaleY(0)} to{transform:scaleY(.45)}}
@keyframes pillAlgoBar{0%,100%{transform:scaleY(.45)} 50%{transform:scaleY(1)}}
@keyframes pillAlgoDot{
  0%{box-shadow:0 0 0 0 rgba(237,76,92,.5)}
  70%{box-shadow:0 0 0 8px rgba(237,76,92,0)}
  100%{box-shadow:0 0 0 0 rgba(237,76,92,0)}
}
@media(prefers-reduced-motion:reduce){
  .pill-algo__bars i{animation:none; transform:scaleY(1)}
  .pill-algo__dot{animation:none; box-shadow:0 0 0 4px rgba(237,76,92,.14)}
}
/* aceeasi pastila, la scara randului de platforme din sectiunea de crestere */
/* pastila „Algoritmul Hosti”, ca marcaj pe grafic */
#crestere .gw-mark-pill{position:absolute; right:50%; bottom:calc(100% + 10px); transform:translateX(14px);
  font-style:normal; display:block; line-height:1}
#crestere .gw-mark-pill::after{content:""; position:absolute; right:14px; top:100%; width:1px; height:10px; background:#C9CFDA}
#crestere .gw-mark-algo .pill-algo{height:28px; font-size:12px; padding:0 13px; border-width:1px;
  box-shadow:0 6px 14px -8px rgba(90,72,214,.45)}
#crestere .gw-mark-algo .pill-algo__bars{left:9px; right:9px; bottom:4px; height:13px}
#crestere .gw-mark-algo .pill-algo__bars i{width:3px; border-radius:1.5px}
#crestere .gw-marks .gw-mark-algo > i{width:10px; height:10px; margin:-5px auto 0; background:var(--coral,#ED4C5C);
  animation:gwAlgoDot 2.2s cubic-bezier(.4,0,.2,1) infinite}
@keyframes gwAlgoDot{
  0%{box-shadow:0 2px 6px rgba(14,26,47,.2), 0 0 0 0 rgba(237,76,92,.5)}
  70%{box-shadow:0 2px 6px rgba(14,26,47,.2), 0 0 0 9px rgba(237,76,92,0)}
  100%{box-shadow:0 2px 6px rgba(14,26,47,.2), 0 0 0 0 rgba(237,76,92,0)}
}
@media(prefers-reduced-motion:reduce){#crestere .gw-marks .gw-mark-algo > i{animation:none; box-shadow:0 2px 6px rgba(14,26,47,.2), 0 0 0 4px rgba(237,76,92,.14)}}
@media(max-width:520px){
  .pill-algo{height:33px; font-size:13px; padding:0 15px}
  .pill-algo__bars{left:11px; right:11px; bottom:4px; height:15px}
  .pill-algo__bars i{width:3px}
  .pill-algo__dot{width:8px; height:8px; margin-right:7px}
}
.eyebrow{font-family:var(--body); font-weight:700; font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--coral-d); display:inline-flex; align-items:center; gap:10px}
.eyebrow::before{content:""; width:22px; height:2px; background:var(--coral); border-radius:2px}
h1,h2,h3,h4{font-family:var(--disp); font-weight:700; line-height:1.05; letter-spacing:-.02em; color:var(--navy)}
.lead{color:var(--muted); font-size:clamp(15px,1.4vw,18px); max-width:60ch}
.btn{display:inline-flex; align-items:center; justify-content:center; gap:9px; font-family:var(--body); font-weight:700; font-size:15px; padding:13px 22px; border-radius:999px; border:1.5px solid transparent; cursor:pointer; transition:transform .18s ease, box-shadow .18s ease, background .18s; white-space:nowrap}
.btn:active{transform:translateY(1px)}
.btn-coral{background:var(--coral); color:#fff; box-shadow:0 14px 26px -12px rgba(237,76,92,.7)}
.btn-coral:hover{background:var(--coral-d); transform:translateY(-2px)}
.btn-ghost{background:transparent; color:var(--navy); border-color:var(--line)}
.btn-ghost:hover{border-color:var(--navy); transform:translateY(-2px)}
.btn-dark{background:var(--navy); color:#fff}
.btn-dark:hover{transform:translateY(-2px); box-shadow:var(--shadow-sm)}
/* butoanele din cele doua carduri: aceeasi marime, cu iconita */
.dcta .btn{min-width:212px; min-height:52px; padding:13px 24px}
.dcta .btn::before{content:""; width:19px; height:19px; flex:none; background:currentColor;
  -webkit-mask:var(--ic) center/contain no-repeat; mask:var(--ic) center/contain no-repeat}
.dcta .ic-calc{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='2' width='14' height='20' rx='2'/><rect x='8' y='5' width='8' height='4' rx='1'/><path d='M8 13h.01M12 13h.01M16 13h.01M8 17h.01M12 17h.01M16 17h.01'/></svg>")}
.dcta .ic-phone{--ic:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><path d='M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1.9.4 1.8.7 2.7a2 2 0 0 1-.5 2.1L8 9.8a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.7.7a2 2 0 0 1 1.7 2z'/></svg>")}


/* NAV */
header.nav{position:sticky; top:0; z-index:60; backdrop-filter:saturate(140%) blur(10px); background:rgba(251,250,248,.82); border-bottom:1px solid transparent; transition:border-color .2s, background .2s}
header.nav.scrolled{border-color:var(--line); background:rgba(251,250,248,.92)}
.nav-in{display:flex; align-items:center; gap:18px; height:72px}
.brand img{height:34px; width:auto}
.nav-links{display:flex; align-items:center; gap:19px; margin-left:auto}
.nav-links a{font-weight:600; font-size:14px; color:var(--ink); position:relative; padding:4px 0; white-space:nowrap}
.nav-links a::after{content:""; position:absolute; left:0; bottom:-2px; width:0; height:2px; background:var(--coral); transition:width .22s ease; border-radius:2px}
.nav-links a:hover::after{width:100%}
.nav-right{display:flex; align-items:center; gap:12px}
.lang{display:inline-flex; border:1.5px solid var(--line); border-radius:999px; overflow:hidden; font-weight:700; font-size:13px}
.lang button{padding:7px 12px; background:transparent; border:0; cursor:pointer; color:var(--soft); font-family:var(--body); font-weight:700}
.lang button.on{background:var(--navy); color:#fff}
.burger{display:none; width:42px; height:42px; border:1.5px solid var(--line); border-radius:12px; background:var(--paper); cursor:pointer; align-items:center; justify-content:center; flex-direction:column; gap:4px}
.burger span{width:18px; height:2px; background:var(--navy); border-radius:2px; transition:.25s}
.mobile-menu{display:none; position:fixed; inset:72px 0 0; z-index:55; background:var(--bg); padding:24px; flex-direction:column; gap:6px}
.mobile-menu a{font-family:var(--disp); font-size:26px; font-weight:600; color:var(--navy); padding:12px 0; border-bottom:1px solid var(--line)}
body.menu-open{overflow:hidden}
body.menu-open .mobile-menu{display:flex}
body.menu-open .burger span:nth-child(1){transform:translateY(6px) rotate(45deg)}
body.menu-open .burger span:nth-child(2){opacity:0}
body.menu-open .burger span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}

/* HERO */
.hero{padding:clamp(26px,4vw,52px) 0 clamp(40px,5vw,56px)}
.rot{display:inline-grid; vertical-align:baseline; text-align:left; perspective:800px}
.rot>span{grid-area:1/1; justify-self:start; white-space:nowrap; opacity:0; color:#fff; will-change:transform,opacity; -webkit-backface-visibility:hidden; backface-visibility:hidden;
  background:linear-gradient(115deg,var(--coral) 0%, #E0497F 48%, var(--blue) 100%);
  padding:.04em .2em .1em; border-radius:.2em;
  box-shadow:0 14px 30px -14px rgba(196,63,126,.75);
  transform-origin:50% 60%;
  animation:rotw 8.8s cubic-bezier(.22,.61,.24,1) infinite}
.rot>span:nth-child(2){animation-delay:2.2s}
.rot>span:nth-child(3){animation-delay:4.4s}
.rot>span:nth-child(4){animation-delay:6.6s}
@keyframes rotw{
  0%{opacity:0; transform:translateY(.46em) rotateX(-48deg) scale(.95)}
  7%{opacity:1; transform:none}
  20%{opacity:1; transform:none}
  28%{opacity:0; transform:translateY(-.46em) rotateX(48deg) scale(.95)}
  100%{opacity:0; transform:translateY(-.46em) rotateX(48deg) scale(.95)}
}
@media(prefers-reduced-motion:reduce){
  .rot>span{animation:none; opacity:0}
  .rot>span:first-child{opacity:1}
}
.hero h1{font-size:clamp(27px,4vw,46px); font-weight:800; max-width:none; line-height:1.16}
.hero h1 .hl{display:block}
.hero h1 .hl:first-child{white-space:nowrap}
.hero h1 em{font-style:normal; color:var(--coral); position:relative}
.hero h1 .blue{color:var(--blue)}
.hero-sub{font-family:var(--disp); font-weight:700; font-size:clamp(22px,2.9vw,35px); line-height:1.32; letter-spacing:-.02em; color:var(--navy); margin-top:14px}
.subpill{font-weight:inherit; color:#fff;
  background-image:
    linear-gradient(105deg, rgba(255,255,255,0) 38%, rgba(255,255,255,.42) 50%, rgba(255,255,255,0) 62%),
    linear-gradient(115deg,var(--coral) 0%, #E0497F 55%, var(--blue) 100%);
  background-size:260% 100%, 100% 100%;
  background-position:-80% 0, 0 0;
  padding:.06em .24em .12em; border-radius:.2em;
  box-shadow:0 14px 30px -14px rgba(196,63,126,.55), 0 0 26px rgba(224,73,127,.22);
  -webkit-box-decoration-break:clone; box-decoration-break:clone;
  animation:shimmer 5.2s cubic-bezier(.35,0,.25,1) infinite}
@keyframes shimmer{
  0%{background-position:-80% 0, 0 0}
  42%,100%{background-position:180% 0, 0 0}
}
@media(prefers-reduced-motion:reduce){.subpill{animation:none; background-position:180% 0, 0 0}}
.hero p.lead{margin-top:20px; font-size:clamp(16px,1.7vw,20px)}
.hero-cta{display:flex; gap:14px; margin-top:22px; flex-wrap:wrap}
.hero-meta{display:flex; gap:26px; margin-top:34px; flex-wrap:wrap; color:var(--muted); font-size:14px; font-weight:600}
.hero-meta b{color:var(--navy)}
.hero-grid{display:grid; grid-template-columns:1.28fr .72fr; gap:36px; align-items:center}
@media(max-width:900px){.hero-grid{grid-template-columns:1fr} .hero-visual{display:none}}
.hero-visual{position:relative; display:flex; align-items:center; justify-content:center; min-height:430px}
.hv-glow{position:absolute; inset:0; pointer-events:none}
.hv-glow span{position:absolute; left:50%; top:50%; width:210px; height:210px; border-radius:46px; transform:translate(-50%,-50%) rotate(45deg); filter:blur(10px); opacity:.42}
.hv-glow .g1{background:var(--coral); margin-top:-78px; animation:fl 7s ease-in-out infinite}
.hv-glow .g2{background:var(--teal); animation:fl 7s ease-in-out infinite .5s}
.hv-glow .g3{background:var(--blue); margin-top:78px; animation:fl 7s ease-in-out infinite 1s}
@keyframes fl{0%,100%{transform:translate(-50%,-50%) rotate(45deg) translateY(0)}50%{transform:translate(-50%,-50%) rotate(45deg) translateY(-12px)}}
.hv-card{position:relative; z-index:2; width:344px; background:rgba(255,255,255,.9); backdrop-filter:blur(8px); border:1px solid rgba(255,255,255,.8); border-radius:20px; box-shadow:var(--shadow); overflow:hidden; transform:rotate(-2.5deg); animation:cardfl 7s ease-in-out infinite}
@keyframes cardfl{0%,100%{transform:rotate(-2.5deg) translateY(0)}50%{transform:rotate(-2.5deg) translateY(-9px)}}
.hv-photo{background-image:linear-gradient(180deg,rgba(14,26,47,.12),rgba(14,26,47,.55)),-webkit-image-set(url(../after-sm.webp) type("image/webp"),url(../after-sm.jpg) type("image/jpeg"));background-image:linear-gradient(180deg,rgba(14,26,47,.12),rgba(14,26,47,.55)),image-set(url(../after-sm.webp) type("image/webp"),url(../after-sm.jpg) type("image/jpeg"));height:138px; background:linear-gradient(180deg,rgba(14,26,47,.12),rgba(14,26,47,.55)), url(../after-sm.jpg) center 40%/cover; position:relative}
.hv-photo::after{content:""; position:absolute; inset:0; background:radial-gradient(70% 90% at 80% 10%,rgba(237,76,92,.45),transparent 60%),radial-gradient(60% 80% at 10% 90%,rgba(63,98,217,.4),transparent 60%)}
.hv-pill{position:absolute; z-index:1; left:12px; top:12px; background:var(--coral); color:#fff; font-size:11px; font-weight:700; padding:5px 11px; border-radius:999px}
/* badge-ul de crestere, jos pe poza */
.hv-rev{position:absolute; z-index:1; right:12px; bottom:12px; display:inline-flex; align-items:center; gap:7px;
  background:rgba(255,255,255,.93); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px);
  color:var(--navy); font-size:11px; font-weight:700; letter-spacing:-.01em;
  padding:5px 11px 5px 6px; border-radius:999px; box-shadow:0 10px 20px -12px rgba(14,26,47,.7)}
.hv-rev i{display:block; width:15px; height:15px; flex:none; font-style:normal;
  background:linear-gradient(140deg,#2AD9C0,#0AA184);
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.9 C14.8 4.7 16.2 8 16.2 11.6 V14.1 L13.9 15.9 H10.1 L7.8 14.1 V11.6 C7.8 8 9.2 4.7 12 1.9Z'/%3E%3Cpath d='M7.8 11.9 L5 14.8 C4.5 15.3 4.6 16.1 5.3 16.4 L7.8 17.5Z'/%3E%3Cpath d='M16.2 11.9 L19 14.8 C19.5 15.3 19.4 16.1 18.7 16.4 L16.2 17.5Z'/%3E%3Cpath d='M10.3 17.3 L12 21.8 L13.7 17.3Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.9 C14.8 4.7 16.2 8 16.2 11.6 V14.1 L13.9 15.9 H10.1 L7.8 14.1 V11.6 C7.8 8 9.2 4.7 12 1.9Z'/%3E%3Cpath d='M7.8 11.9 L5 14.8 C4.5 15.3 4.6 16.1 5.3 16.4 L7.8 17.5Z'/%3E%3Cpath d='M16.2 11.9 L19 14.8 C19.5 15.3 19.4 16.1 18.7 16.4 L16.2 17.5Z'/%3E%3Cpath d='M10.3 17.3 L12 21.8 L13.7 17.3Z'/%3E%3C/svg%3E") center/contain no-repeat}
.hv-rev b{font-weight:800; color:#0E9E86}
.hv-body{padding:16px 17px 18px}
.hv-title{font-family:var(--disp); font-weight:700; font-size:16px; color:var(--navy)}
.hv-sub{display:flex; justify-content:space-between; align-items:center; margin-top:6px; color:var(--soft); font-size:13px; font-weight:600}
.hv-price{font-family:var(--disp); font-weight:800; color:var(--navy); font-size:18px}
.hv-price small{font-size:11px; color:var(--soft); font-weight:600}
.hv-chips{display:flex; flex-wrap:wrap; gap:5px; margin-top:13px}
.hv-chips span{font-size:10.5px; font-weight:700; letter-spacing:-.01em; white-space:nowrap; color:#0c8d79; background:rgba(19,194,168,.12); padding:5px 8px; border-radius:999px}

/* PLATFORMS */
.platforms{padding:26px 0 14px}
.plat-label{text-align:center; color:var(--muted); font-size:12.5px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; margin-bottom:18px}
.plat-row{display:flex; flex-wrap:wrap; align-items:center; justify-content:center; gap:14px 34px}
.plat{font-family:var(--disp); font-weight:700; font-size:clamp(17px,2vw,23px); color:var(--navy); opacity:.72; transition:opacity .2s, transform .2s; letter-spacing:-.01em; white-space:nowrap}
@media(max-width:560px){.plat-row{gap:10px 18px} .plat{font-size:15px}}   /* pe telefon incap pe doua randuri */
.plat:hover{opacity:1; transform:translateY(-2px)}
.plat .dot{color:var(--coral)}

/* SECTION HEAD */
.sec{padding:clamp(56px,8vw,96px) 0}
.sec-head{max-width:none}
.sec-head h2{max-width:22em}      /* titlul poate depasi masura textului */
.acc-b{color:var(--blue)} .acc-c{color:var(--coral)}
.sec-head p{max-width:62ch}
#servicii .sec-head p{max-width:none}
@media(min-width:1080px){#servicii .sec-head p{white-space:nowrap}}
#portofoliu .sec-head p{max-width:none}
.sec-head h2{font-size:clamp(30px,4.6vw,52px); margin-top:14px}
.sec-head p{margin-top:16px}

/* STATS */
.stats{background:var(--navy); color:#fff; border-radius:28px; padding:clamp(34px,5vw,56px); position:relative; overflow:hidden}
.stats::after{content:""; position:absolute; inset:0; background:radial-gradient(50% 80% at 88% 0%, rgba(237,76,92,.22), transparent 60%), radial-gradient(50% 80% at 0% 100%, rgba(19,194,168,.18), transparent 60%); pointer-events:none}
.stats .eyebrow{color:#ff9aa4}
.stats .eyebrow::before{background:var(--coral)}
.stats h2{color:#fff}
.stat-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:40px; position:relative}
.stat .num{font-family:var(--disp); font-weight:800; font-size:clamp(30px,4vw,46px); letter-spacing:-.02em; line-height:1}
.stat .num .u{color:var(--teal)}
.stat .lbl{margin-top:8px; color:#aeb6c9; font-size:13.5px; font-weight:500; line-height:1.4}
@media(max-width:760px){.stat-grid{grid-template-columns:repeat(2,1fr); gap:28px 20px}}

/* SERVICES */
.svc-grid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:46px}
.svc{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:28px; transition:transform .2s, box-shadow .2s, border-color .2s; position:relative; overflow:hidden}
.svc:hover{transform:translateY(-4px); box-shadow:var(--shadow); border-color:transparent}
.svc .ic{width:46px; height:46px; border-radius:12px; display:grid; place-items:center; margin-bottom:18px; background:rgba(237,76,92,.10)}
.svc:nth-child(2) .ic{background:rgba(19,194,168,.12)}
.svc:nth-child(3) .ic{background:rgba(63,98,217,.12)}
.svc:nth-child(4) .ic{background:rgba(237,76,92,.10)}
.svc:nth-child(5) .ic{background:rgba(19,194,168,.12)}
.svc .ic svg{width:24px; height:24px}
.svc h3{font-size:21px; margin-bottom:8px}
.svc p{color:var(--muted); font-size:14.5px}
.svc .tag{display:inline-block; margin-top:14px; font-size:12px; font-weight:700; letter-spacing:.04em; color:var(--coral-d); text-transform:uppercase}
.was{font-weight:inherit; color:inherit; opacity:1; margin-right:5px; text-decoration:line-through;
  text-decoration-color:var(--coral); text-decoration-thickness:2.5px; text-underline-offset:0}
@media(max-width:900px){.svc-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.svc-grid{grid-template-columns:1fr}}

/* BEFORE / AFTER */
.ba-wrap{margin-top:42px; display:grid; grid-template-columns:1.1fr .9fr; gap:34px; align-items:center}
@media(max-width:880px){.ba-wrap{grid-template-columns:1fr}}
.ba{position:relative; aspect-ratio:16/11; border-radius:var(--r); overflow:hidden; user-select:none; box-shadow:var(--shadow); border:1px solid var(--line)}
.ba .pane{position:absolute; inset:0; display:grid; place-items:center; text-align:center}
.ba .before{background:linear-gradient(135deg,#e9ebef,#d7dbe4); color:#7c8597}
.ba .after{background:linear-gradient(135deg,#0e1a2f,#1b2c4d); color:#fff; clip-path:inset(0 0 0 50%)}
.ba .ba-img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover}
.ba .ba-img.after{clip-path:inset(0 0 0 50%)}
.ba-tag{position:absolute; bottom:14px; z-index:3; font-family:var(--disp); font-weight:800; font-size:12px; letter-spacing:.12em; text-transform:uppercase; color:#fff; background:rgba(14,26,47,.6); padding:6px 12px; border-radius:999px; backdrop-filter:blur(4px)}
.ba-tag.t-before{left:14px}
.ba-tag.t-after{right:14px; background:rgba(237,76,92,.88)}
.founder-photo{width:104px; height:104px; border-radius:22px; overflow:hidden; position:relative; margin-bottom:16px; background:linear-gradient(135deg,var(--coral),var(--blue)); display:grid; place-items:center}
.founder-photo img{width:100%; height:100%; object-fit:cover; position:absolute; inset:0}
.founder-photo span{font-family:var(--disp); font-weight:800; font-size:30px; color:#fff}
.ba .pane .k{font-family:var(--disp); font-weight:800; font-size:14px; letter-spacing:.16em; text-transform:uppercase; opacity:.85}
.ba .pane .v{font-family:var(--disp); font-weight:800; font-size:clamp(26px,4vw,40px); margin-top:6px}
.ba .pane .s{font-size:12.5px; margin-top:4px; opacity:.8}
.ba .handle{position:absolute; top:0; bottom:0; left:50%; width:2px; background:#fff; box-shadow:0 0 0 1px rgba(0,0,0,.06); cursor:ew-resize; z-index:3}
.ba .grip{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:42px; height:42px; border-radius:50%; background:#fff; box-shadow:var(--shadow-sm); display:grid; place-items:center; color:var(--navy); font-weight:800; cursor:ew-resize; z-index:4}
.ba-note{font-size:13px; color:var(--soft); margin-top:14px}
.ba-list{display:flex; flex-direction:column; gap:14px}
.port-item{display:flex; align-items:center; justify-content:space-between; gap:14px; padding:16px 19px; background:var(--paper);
  border:1px solid rgba(0,53,128,.18); border-radius:14px;
  box-shadow:0 0 0 4px rgba(0,113,194,.06), 0 10px 24px -14px rgba(0,53,128,.5);
  transition:border-color .2s, transform .2s, box-shadow .2s}
.port-item:hover{border-color:rgba(0,113,194,.55); transform:translateX(4px);
  box-shadow:0 0 0 5px rgba(0,113,194,.12), 0 16px 30px -14px rgba(0,53,128,.7)}
.port-item .nm{font-weight:700; font-size:15px; color:#003580}
.port-item .mt{font-size:12.5px; color:#5C7CA6}
.port-item .arr{color:#0071c2; font-weight:800}

/* CALCULATOR */
.calc-grid{display:grid; grid-template-columns:minmax(0,1fr) 600px; gap:48px; align-items:start}
.calc-side{position:sticky; top:104px}
.calc-side h2{font-size:clamp(26px,3vw,36px); margin-top:12px; letter-spacing:-.02em}
.calc-side .lead{margin-top:14px}
.calc-points{list-style:none; padding:0; margin:26px 0 0; display:flex; flex-direction:column; gap:12px}
.calc-points li{position:relative; padding-left:30px; font-size:15px; color:var(--ink)}
.calc-points li::before{content:"✓"; position:absolute; left:0; top:0; width:20px; height:20px; border-radius:50%; background:var(--teal); color:#fff; font-size:12px; font-weight:800; display:flex; align-items:center; justify-content:center}
.calc-note{margin-top:24px; padding:14px 16px; background:var(--paper); border:1px solid var(--line); border-radius:14px; font-size:14px; color:var(--muted)}
.calc-shell{background:var(--paper); border:1px solid var(--line); border-radius:24px; overflow:hidden; box-shadow:var(--shadow)}
.calc-shell iframe{width:100%; border:0; display:block; height:1500px; overflow:hidden}
.calc-alt{margin-top:18px; font-size:14px} .calc-alt a{color:var(--muted); font-weight:600; text-decoration:none; border-bottom:1px solid var(--line)} .calc-alt a:hover{color:var(--navy)}
@media(max-width:1000px){.calc-grid{grid-template-columns:1fr; gap:28px} .calc-side{position:static} .calc-shell iframe{height:1750px} .calc-alt{text-align:center}}
@media (prefers-reduced-motion:reduce){ .calc-shell iframe{transition:none} }

/* ABOUT */
.about{display:grid; grid-template-columns:.95fr 1.05fr; gap:46px; align-items:center}
@media(max-width:880px){.about{grid-template-columns:1fr; gap:30px}}
.about-card{background:var(--navy); color:#fff; border-radius:24px; padding:34px; position:relative; overflow:hidden}
.about-card::after{content:""; position:absolute; inset:0; background:radial-gradient(60% 60% at 100% 0%, rgba(19,194,168,.22), transparent 60%); pointer-events:none}
.about-card .role{color:var(--teal); font-weight:700; letter-spacing:.1em; text-transform:uppercase; font-size:12px}
.about-card h3{color:#fff; font-size:30px; margin:8px 0 14px}
.about-card p{color:#c4cbd9; font-size:14.5px}
.about-card .creds{margin-top:22px; display:flex; flex-wrap:wrap; gap:8px}
.about-card .creds span{font-size:12px; font-weight:600; padding:6px 11px; border:1px solid rgba(255,255,255,.16); border-radius:999px; color:#dfe4ee}
.about ul{list-style:none; margin-top:20px; display:grid; gap:12px}
.about ul li{padding-left:30px; position:relative; color:var(--ink); font-size:15px}
.about ul li::before{content:""; position:absolute; left:0; top:5px; width:19px; height:19px; border-radius:50%; background:var(--teal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.4l3 3 6.2-6.8' fill='none' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/11px no-repeat; box-shadow:0 4px 10px -5px rgba(19,194,168,.7)}

/* CAREERS */
.careers{background:var(--paper); border:1px solid var(--line); border-radius:24px; padding:clamp(28px,4vw,48px); display:grid; grid-template-columns:1fr 1fr; gap:40px}
@media(max-width:820px){.careers{grid-template-columns:1fr; gap:26px}}
.field{display:flex; flex-direction:column; gap:6px; margin-bottom:14px}
.field label{font-size:13px; font-weight:700; color:var(--ink)}
.field input,.field select,.field textarea{font-family:var(--body); font-size:15px; padding:12px 14px; border:1.5px solid var(--line); border-radius:12px; background:var(--bg); color:var(--ink); outline:none; transition:border-color .15s}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--blue)}
.field textarea{resize:vertical; min-height:96px}

/* CTA BAND */
.cta-band{background:linear-gradient(120deg,var(--coral),var(--coral-d)); color:#fff; border-radius:28px; padding:clamp(34px,5vw,60px); text-align:center; position:relative; overflow:hidden}
.cta-band::after{content:""; position:absolute; inset:0; background:radial-gradient(40% 80% at 12% 0%, rgba(255,255,255,.18), transparent 60%); pointer-events:none}
.cta-band h2{color:#fff; font-size:clamp(28px,4.4vw,46px)}
.cta-band p{color:rgba(255,255,255,.92); margin:14px auto 26px; max-width:54ch}
.cta-band .btn-dark{background:#fff; color:var(--coral-d)}
.cta-band .btn-ghost{color:#fff; border-color:rgba(255,255,255,.5)}
.cta-band .btn-ghost:hover{border-color:#fff; background:rgba(255,255,255,.1)}

/* FOOTER */
footer{background:var(--navy); color:#cfd5e1; padding:64px 0 30px; margin-top:8px}
.foot-top{display:grid; grid-template-columns:1.25fr repeat(4,1fr); gap:28px}
@media(max-width:1040px){.foot-top{grid-template-columns:1fr 1fr 1fr}}
@media(max-width:820px){.foot-top{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.foot-top{grid-template-columns:1fr}}
.foot-brand img{height:34px; margin-bottom:14px}
.foot-brand p{font-size:13.5px; color:#9aa3b6; max-width:34ch}
.foot-col h3{color:#fff; font-size:13px; letter-spacing:.08em; text-transform:uppercase; margin-bottom:14px; font-family:var(--body); font-weight:700}
.foot-col a{display:block; color:#aeb6c9; font-size:14px; padding:5px 0; transition:color .15s}
.foot-col a:hover{color:#fff}
.foot-bottom{margin-top:40px; padding-top:22px; border-top:1px solid rgba(255,255,255,.1); display:flex; flex-wrap:wrap; gap:14px; justify-content:space-between; align-items:center; font-size:12.5px; color:#8b93a6}
.disclaimer{margin-top:18px; font-size:11.5px; color:#7a8298; line-height:1.6; text-align:justify}

/* WHATSAPP FLOAT */
.wa{position:fixed; right:20px; bottom:20px; z-index:70; display:flex; align-items:center; gap:0; overflow:hidden}
.wa a{display:flex; align-items:center; gap:10px; background:#25D366; color:#fff; font-weight:700; font-size:15px; padding:14px; border-radius:999px; box-shadow:0 16px 34px -12px rgba(37,211,102,.7); transition:transform .2s}
.wa a:hover{transform:translateY(-2px)}
.wa a svg{width:26px; height:26px; flex:none}
.wa a .txt{max-width:0; overflow:hidden; white-space:nowrap; transition:max-width .3s ease, margin .3s}
.wa a:hover .txt{max-width:200px; margin-right:6px}

/* COOKIE */
.cookie{position:fixed; left:20px; right:20px; bottom:20px; z-index:80; max-width:540px; background:var(--navy); color:#e7eaf0; border-radius:18px; padding:20px 22px; box-shadow:var(--shadow); display:none}
.cookie.show{display:block; animation:rise .4s ease}
@keyframes rise{from{transform:translateY(20px); opacity:0}to{transform:none; opacity:1}}
.cookie p{font-size:13.5px; color:#c4cbd9}
.cookie p a{color:#fff; text-decoration:underline}
.cookie .row{display:flex; gap:10px; margin-top:16px; flex-wrap:wrap}
.cookie .btn{padding:10px 18px; font-size:14px}
.cookie .btn-line{background:transparent; border:1.5px solid rgba(255,255,255,.25); color:#fff}

/* MODAL */
.modal{position:fixed; inset:0; z-index:90; display:none; align-items:flex-start; justify-content:center; padding:6vh 18px; background:rgba(10,16,28,.55); backdrop-filter:blur(4px)}
.modal.show{display:flex; animation:fade .25s ease}
@keyframes fade{from{opacity:0}to{opacity:1}}
.modal-box{background:var(--paper); max-width:760px; width:100%; max-height:86vh; overflow:auto; border-radius:22px; padding:clamp(26px,4vw,44px)}
.modal-box h3{font-size:28px; margin-bottom:6px}
.modal-box .upd{font-size:12.5px; color:var(--soft); margin-bottom:20px}
.modal-box h4{font-family:var(--body); font-weight:700; font-size:15px; margin:20px 0 6px; color:var(--navy)}
.modal-box p,.modal-box li{font-size:14px; color:var(--muted); margin-bottom:8px}
.modal-box ul{padding-left:20px}
.modal-close{position:sticky; top:0; float:right; width:38px; height:38px; border-radius:10px; border:1px solid var(--line); background:var(--paper); cursor:pointer; font-size:18px; color:var(--navy); margin:-8px -8px 0 0}

/* reveal */
.reveal{opacity:0; transform:translateY(22px); transition:opacity .7s ease, transform .7s ease}
.reveal.in{opacity:1; transform:none}

/* CONTACT extras */
.contact-lines{margin-top:22px; display:flex; flex-direction:column; gap:10px}
.cl{display:inline-flex; align-items:center; gap:11px; font-weight:600; font-size:15px; color:var(--ink); width:fit-content}
.cl .tx{border-bottom:1px solid transparent; transition:border-color .15s}
.cl:hover .tx{border-color:var(--coral)}
.cl-ic{flex:none; width:34px; height:34px; border-radius:11px; display:grid; place-items:center;
  background:rgba(14,26,47,.055); color:var(--navy); transition:background .2s, color .2s}
.cl-ic svg{width:17px; height:17px; display:block}
.cl:hover .cl-ic{background:rgba(237,76,92,.11); color:var(--coral-d)}
.cl-wa{background:rgba(19,194,168,.13); color:#0E9E87}
.cl:hover .cl-wa{background:rgba(19,194,168,.22); color:#0B8571}
.check{display:flex; gap:10px; align-items:flex-start; font-size:13px; color:var(--muted); margin:4px 0 10px; cursor:pointer; line-height:1.45}
.check input{margin-top:2px; width:17px; height:17px; accent-color:var(--coral); flex:none}
.check a{color:var(--coral-d); text-decoration:underline}
.form-err{display:none; color:var(--coral-d); font-size:13px; font-weight:600; margin:2px 0 8px}
.form-err.show{display:block}

/* PROMO BAR */
:root{--promo-h:0px}
html.promo-on{--promo-h:46px}
.promo-bar{display:none; position:sticky; top:0; z-index:70; background:linear-gradient(100deg,#E23B4E,var(--coral-d)); color:#fff; box-shadow:0 6px 18px -10px rgba(212,59,74,.6)}
html.promo-on .promo-bar{display:block}
.promo-in{display:flex; align-items:center; gap:12px; height:46px; flex-wrap:nowrap; min-width:0}
.promo-code{position:relative; flex:none; background:#fff; color:var(--coral-d); padding:5px 15px; border-radius:8px; font-weight:800; font-size:12.5px; letter-spacing:.07em; white-space:nowrap; -webkit-mask:radial-gradient(5px at 0 50%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100% 50%,#0000 98%,#000) 100%/51% 100% no-repeat; mask:radial-gradient(5px at 0 50%,#0000 98%,#000) 0/51% 100% no-repeat,radial-gradient(5px at 100% 50%,#0000 98%,#000) 100%/51% 100% no-repeat}
.promo-txt{font-size:13.5px; font-weight:700; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; min-width:0}
.promo-cd{margin-left:auto; font-family:var(--disp); font-weight:800; font-size:13.5px; font-variant-numeric:tabular-nums; white-space:nowrap}
.promo-cta{flex:none; font-size:12.5px; font-weight:800; color:#fff; padding:7px 14px; border-radius:999px; background:rgba(255,255,255,.16); border:1px solid rgba(255,255,255,.5); white-space:nowrap; transition:background .15s}
.promo-cta:hover{background:rgba(255,255,255,.3)}
.promo-x{flex:none; background:none; border:0; color:#fff; font-size:19px; line-height:1; cursor:pointer; padding:4px 2px 4px 4px; opacity:.85}
.promo-x:hover{opacity:1}
html.promo-on header.nav{top:var(--promo-h)}
html.promo-on .mobile-menu{inset:calc(72px + var(--promo-h)) 0 0}
@media(max-width:860px){ .promo-txt{display:none} }
@media(max-width:640px){ .promo-cd{display:none} }
@media(max-width:420px){ .promo-in{gap:8px} .promo-code{padding:4px 8px; font-size:11.5px} .promo-cta{padding:6px 10px; font-size:11.5px} }
.hero-visual.anim-paused, .hero-visual.anim-paused *, .hero-visual.anim-paused *::before, .hero-visual.anim-paused *::after{animation-play-state:paused !important}

/* SUMMARY PILLARS */
.pillars{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:42px}
@media(max-width:860px){.pillars{grid-template-columns:1fr}}
.pillar{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:26px 26px 24px; transition:transform .2s, box-shadow .2s}
.pillar:hover{transform:translateY(-3px); box-shadow:var(--shadow-sm)}
.pillar .pk{font-size:11px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--coral-d)}
.pillar h3{font-size:20px; margin:10px 0 6px}
.pillar p{color:var(--muted); font-size:14px}
.avg-row{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:16px}
@media(max-width:760px){.avg-row{grid-template-columns:1fr 1fr 1fr; gap:8px}}
.avg-note{margin-top:12px; text-align:center; font-size:13px; color:var(--muted); font-weight:600}
.avg{background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:16px 14px; text-align:center}
.avg b{display:block; font-family:var(--disp); font-weight:800; font-size:clamp(22px,2.8vw,30px); color:var(--navy); letter-spacing:-.02em}
.avg b em{font-style:normal; color:var(--teal)}
.avg span{font-size:12px; color:var(--muted); font-weight:600; line-height:1.35; display:inline-block; margin-top:4px}

/* CASE STUDIES */
.cs-title{display:flex; align-items:center; gap:14px}
.trophy{flex:none; width:54px; height:54px; border-radius:16px; display:grid; place-items:center;
  background:linear-gradient(135deg,var(--coral),var(--blue)); box-shadow:0 14px 30px -16px rgba(237,76,92,.65)}
.trophy svg{width:28px; height:28px; display:block}
@media(max-width:560px){.cs-title{gap:11px} .trophy{width:44px; height:44px; border-radius:13px} .trophy svg{width:23px; height:23px}}
.case-grid{display:grid; grid-template-columns:repeat(4,1fr); gap:16px; margin-top:42px}
@media(max-width:1020px){.case-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.case-grid{grid-template-columns:1fr}}
.case{position:relative; overflow:hidden; background:var(--paper); border:1px solid rgba(14,26,47,.09); border-radius:16px;
  padding:24px 24px 22px; display:flex; flex-direction:column;
  box-shadow:0 1px 2px rgba(14,26,47,.04), 0 12px 26px -20px rgba(14,26,47,.22);
  transition:transform .22s cubic-bezier(.22,1,.36,1), box-shadow .22s, border-color .22s}
.case:hover{transform:translateY(-4px); box-shadow:0 20px 44px -26px rgba(14,26,47,.4);
  border-color:rgba(237,76,92,.34); border-color:color-mix(in srgb, var(--acc,#ED4C5C) 36%, transparent)}
/* banda de sus, taiata pe colturile rotunjite, si se ingroasa la hover */
.case::before{content:""; position:absolute; left:0; right:0; top:0; height:3px; transition:height .22s;
  background:linear-gradient(90deg, var(--acc,#ED4C5C), rgba(237,76,92,.18));
  background:linear-gradient(90deg, var(--acc,#ED4C5C), color-mix(in srgb, var(--acc,#ED4C5C) 14%, transparent))}
.case:hover::before{height:5px}
.case::after{content:""; position:absolute; inset:0 0 auto 0; height:130px; pointer-events:none;
  background:radial-gradient(120% 90% at 0% 0%, rgba(237,76,92,.07), transparent 62%);
  background:radial-gradient(120% 90% at 0% 0%, color-mix(in srgb, var(--acc,#ED4C5C) 9%, transparent), transparent 62%)}
.case > *{position:relative; z-index:1}
/* eticheta ocupa mereu doua randuri, ca cifrele sa fie pe aceeasi linie in toate cardurile */
.case .kk{display:flex; align-items:flex-start; gap:8px; min-height:30px;
  font-size:11px; font-weight:800; letter-spacing:.11em; line-height:1.35; text-transform:uppercase; color:var(--muted)}
.case .kk::before{content:""; flex:none; margin-top:3px; width:7px; height:7px; border-radius:50%;
  background:var(--acc,var(--coral)); box-shadow:0 0 0 3px rgba(237,76,92,.14);
  box-shadow:0 0 0 3px color-mix(in srgb, var(--acc,#ED4C5C) 16%, transparent)}
.case .big{font-family:var(--disp); font-weight:800; font-size:clamp(26px,2.5vw,34px); font-variant-numeric:tabular-nums;
  color:var(--acc,var(--navy)); margin:12px 0 6px; letter-spacing:-.03em; white-space:nowrap; line-height:1.05}
.case h3{font-size:15px; font-weight:700; margin:0 0 10px; color:var(--navy); letter-spacing:-.012em; line-height:1.3; text-wrap:balance}
.case p{font-size:13.5px; color:var(--muted); flex:1; line-height:1.6; padding-bottom:18px; text-wrap:pretty;
  border-bottom:1px solid rgba(14,26,47,.07)}
.case .kl{align-self:flex-start; margin-top:16px; display:inline-flex; align-items:center; gap:6px;
  padding:7px 13px; border-radius:999px; font-weight:800; font-size:12px; letter-spacing:.02em;
  color:var(--coral-d); background:rgba(237,76,92,.07); border:1px solid rgba(237,76,92,.2);
  color:color-mix(in srgb, var(--acc,#ED4C5C) 80%, var(--navy));
  background:color-mix(in srgb, var(--acc,#ED4C5C) 8%, transparent);
  border-color:color-mix(in srgb, var(--acc,#ED4C5C) 24%, transparent);
  transition:background .2s, color .2s, border-color .2s, transform .2s}
.case:hover .kl{background:var(--acc,var(--coral)); border-color:var(--acc,var(--coral)); color:#fff; transform:translateX(2px)}

/* SERVICE CHECKLISTS */
.svc-detail{display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:18px}
@media(max-width:860px){.svc-detail{grid-template-columns:1fr}}
.detail{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:30px; display:flex; flex-direction:column}
.detail h3{font-size:24px; margin:10px 0 4px}
/* ilustratiile din cardurile de servicii */
.dfig{height:clamp(124px,15vw,164px); margin:-6px 0 10px auto; pointer-events:none; animation:dfloat 6s ease-in-out infinite}
.detail.rm .dfig{animation-delay:-3s}
.dfig-svg{height:100%; width:auto; display:block; margin-left:auto; filter:drop-shadow(0 14px 18px rgba(14,26,47,.10))}
@keyframes dfloat{0%,100%{transform:translateY(0)} 50%{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.dfig{animation:none}}

.detail .dsub{color:var(--muted); font-size:14.5px; margin-bottom:10px}
.fee-tag{align-self:flex-start; margin:2px 0 14px; font-size:11px; font-weight:800; letter-spacing:.04em; text-transform:uppercase; text-align:center; padding:7px 11px; border-radius:999px; background:rgba(19,194,168,.14); color:#0c8d79; border:1px solid rgba(19,194,168,.35)}
.detail.rm .fee-tag{background:rgba(63,98,217,.12); color:#2b47a8; border-color:rgba(63,98,217,.3)}
@media(max-width:1060px){.fee-tag{font-size:10.5px; letter-spacing:.02em}}   /* pe tablete cardurile stau inca alaturi, dar mai inguste */
.checks{list-style:none; display:grid; gap:0}
.checks li{position:relative; padding:11px 0 11px 36px; font-size:15px; font-weight:500; color:var(--ink); line-height:1.5; border-top:1px solid var(--line)}
.checks li:first-child{border-top:0}
.checks li::before{content:""; position:absolute; left:0; top:12px; width:23px; height:23px; border-radius:50%; background:var(--teal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.4l3 3 6.2-6.8' fill='none' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/13px no-repeat; box-shadow:0 4px 10px -4px rgba(19,194,168,.55)}
.detail.rm .checks li::before{background-color:var(--blue); box-shadow:0 4px 10px -4px rgba(63,98,217,.5)}
.ai-word{background:linear-gradient(120deg,var(--coral),#F4619C); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--coral); white-space:nowrap}
/* steluta de langa AI — aceeasi ca pe insigna din hero, dar colorata pentru fundal deschis */
.ai-word::after{content:""; display:inline-block; width:.62em; height:.62em; margin-left:.14em;
  vertical-align:.08em; background:var(--coral); -webkit-background-clip:border-box; background-clip:border-box;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat;
  animation:sparkleWord 2.8s ease-in-out infinite}
@keyframes sparkleWord{
  0%,100%{transform:scale(.72) rotate(0deg);   background:var(--coral); filter:drop-shadow(0 0 3px rgba(237,76,92,.45))}
  30%     {transform:scale(1.12) rotate(80deg); background:#F4619C;      filter:drop-shadow(0 0 9px rgba(244,97,156,.75))}
  55%     {transform:scale(.9) rotate(150deg);  background:#7B57C4;      filter:drop-shadow(0 0 8px rgba(123,87,196,.6))}
  80%     {transform:scale(1.04) rotate(220deg);background:var(--coral); filter:drop-shadow(0 0 6px rgba(237,76,92,.55))}
}
@media(prefers-reduced-motion:reduce){.ai-word::after{animation:none; filter:drop-shadow(0 0 5px rgba(237,76,92,.5))}}
.promise{font-family:var(--disp); font-weight:700; font-size:17px; line-height:1.3; letter-spacing:-.01em; color:var(--navy); margin:2px 0 8px}
.promise b{color:#0c8d79}
.detail.rm .promise b{color:#2b47a8}
.outnote{margin-top:14px; font-size:12.5px; line-height:1.55; color:var(--soft)}
.outnote a{color:var(--navy); font-weight:700; border-bottom:1px solid var(--line)}
.outnote a:hover{border-color:var(--coral)}
.outcome{margin-top:auto; padding-top:26px; display:flex; flex-wrap:wrap; gap:14px 9px}
.outcome span{font-size:13px; font-weight:800; letter-spacing:-.01em; padding:9px 15px; border-radius:999px; color:#0a7d6b; white-space:nowrap;
  background:linear-gradient(135deg,rgba(19,194,168,.20),rgba(19,194,168,.09));
  border:1px solid rgba(19,194,168,.42);
  box-shadow:0 0 0 4px rgba(19,194,168,.09), 0 10px 22px -10px rgba(19,194,168,.75);
  transition:transform .2s ease, box-shadow .2s ease}
.outcome span:hover{transform:translateY(-2px); box-shadow:0 0 0 5px rgba(19,194,168,.13), 0 14px 26px -10px rgba(19,194,168,.9)}
.detail.rm .outcome span{color:#2540a0;
  background:linear-gradient(135deg,rgba(63,98,217,.18),rgba(63,98,217,.08));
  border-color:rgba(63,98,217,.4);
  box-shadow:0 0 0 4px rgba(63,98,217,.09), 0 10px 22px -10px rgba(63,98,217,.7)}
.detail.rm .outcome span:hover{box-shadow:0 0 0 5px rgba(63,98,217,.13), 0 14px 26px -10px rgba(63,98,217,.85)}
@media(max-width:520px){.outcome span{font-size:12.5px; padding:9px 14px}}
.about-card .edu{margin-top:12px; font-size:12.5px; color:#9fb0c8; font-weight:600}

/* a11y + perf */
section[id]{scroll-margin-top:calc(88px + var(--promo-h,0px))}
html:not(.js) .reveal{opacity:1; transform:none}
.ba{touch-action:pan-y}
.ba:focus-visible{outline:3px solid var(--blue); outline-offset:3px}
.ticklist{list-style:none; display:grid; gap:12px; margin-top:16px}
.ticklist li{padding-left:30px; position:relative; font-size:15px; color:var(--ink)}
.ticklist li::before{content:""; position:absolute; left:0; top:5px; width:19px; height:19px; border-radius:50%; background:var(--teal) url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'><path d='M3.5 8.4l3 3 6.2-6.8' fill='none' stroke='%23fff' stroke-width='2.3' stroke-linecap='round' stroke-linejoin='round'/></svg>") center/11px no-repeat; box-shadow:0 4px 10px -5px rgba(19,194,168,.7)}
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s !important; animation-iteration-count:1 !important; transition-duration:.001s !important}
  .reveal{opacity:1; transform:none}
}
@media(max-width:860px){.nav-links{display:none} .burger{display:flex}}
@media(max-width:600px){.nav-in{gap:10px} .nav-right .btn-coral{display:none} .brand img{height:30px} .wa a .txt{display:none}}

/* HERO STATS */
.hero-stats{display:grid; grid-template-columns:repeat(4,1fr); gap:12px; margin-top:20px}
@media(max-width:860px){.hero-stats{grid-template-columns:repeat(2,1fr)}}
.hs{background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:16px 14px; text-align:center; display:flex; flex-direction:column; justify-content:center}
.hs b{display:block; font-family:var(--disp); font-weight:800; font-size:clamp(22px,2.6vw,30px); color:var(--navy); letter-spacing:-.02em; line-height:1}
.hs b em{font-style:normal; color:var(--teal)}
.hs span{display:block; margin-top:6px; font-size:13.5px; color:var(--navy); font-weight:700; line-height:1.3}
.hs-note{margin-top:12px; font-size:14px; line-height:1.5; color:var(--muted); font-weight:600}
/* WHAT WE DO: cards reuse .detail/.checks; CTA row */
.detail .dcta{margin-top:22px; display:flex; gap:10px; flex-wrap:wrap}
.detail .checks{margin-bottom:6px}
.outnote+.dcta{margin-top:18px}
.also{margin-top:22px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:18px 22px; display:flex; gap:14px; align-items:center; justify-content:space-between; flex-wrap:wrap}
.also p{margin:0; font-size:15px; color:var(--muted)}
.also p b{color:var(--ink)}
/* STEPS */
.steps{display:grid; grid-template-columns:repeat(3,1fr); gap:16px; margin-top:38px}
@media(max-width:860px){.steps{grid-template-columns:1fr}}
.step{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:26px 24px; position:relative}
.step .n{width:40px; height:40px; border-radius:12px; display:flex; align-items:center; justify-content:center; font-family:var(--disp); font-weight:800; font-size:18px; color:#fff; background:linear-gradient(135deg,var(--coral),var(--blue))}
.step h3{font-size:19px; margin:14px 0 6px}
.step p{font-size:14.5px; color:var(--muted); margin:0}
.artgrid{display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:32px}
@media(max-width:940px){.artgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.artgrid{grid-template-columns:1fr}}
#articole .sec-head{max-width:none}
#articole .sec-head h2{max-width:24ch}
#articole .sec-head p{max-width:96ch}
.artcard{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:15px; display:flex; flex-direction:column; gap:7px; transition:border-color .2s, transform .2s}
.artcard:hover{border-color:var(--navy); transform:translateY(-3px)}
.artcard .cov svg{width:100%; height:auto; display:block; border-radius:12px}
.artcard .meta{font-size:11px; font-weight:800; letter-spacing:.1em; text-transform:uppercase; color:var(--coral-d); margin-top:8px}
.artcard b{font-family:var(--disp); font-weight:700; font-size:17.5px; line-height:1.22; color:var(--navy); letter-spacing:-.01em}
.artcard .ex{font-size:13.5px; color:var(--muted); line-height:1.5}
.artcard .go{font-size:13.5px; font-weight:700; color:var(--navy); margin-top:auto; padding-top:8px}
.svcpages{margin-top:30px}
.svcpages h3,.svcpages h2{font-size:clamp(20px,2.4vw,26px); margin-bottom:16px}
.sp-grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
@media(max-width:900px){.sp-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.sp-grid{grid-template-columns:1fr}}
.sp{background:var(--paper); border:1px solid var(--line); border-radius:var(--r-sm); padding:18px; display:block; transition:border-color .2s, transform .2s}
.sp:hover{border-color:var(--navy); transform:translateY(-2px)}
.sp{display:flex; flex-direction:column}
.sp .sp-ic{width:46px; height:46px; margin:-2px 0 10px -3px; flex:none; filter:drop-shadow(0 6px 8px rgba(14,26,47,.10))}

.sp b{font-family:var(--disp); font-weight:700; font-size:16px; color:var(--navy); display:block; letter-spacing:-.01em}
.sp span{font-size:13.5px; color:var(--muted); line-height:1.5; display:block; margin-top:4px}

/* ===== 2026-09 · meniu redus, cookie mic, CTA sticky, FAQ, testimoniale ===== */
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
/* hero-ul initial; randul cu cuvantul rotativ sta in afara H1 (curat pentru crawlere) dar arata identic */
.hero-rot{display:block; font-family:var(--disp); font-size:clamp(27px,4vw,46px); font-weight:800; line-height:1.16; letter-spacing:-.02em; color:var(--navy); white-space:nowrap; margin:0}
.hero h1 .hl:first-of-type{white-space:normal}
@media(max-width:860px){
  /* pe telefon butoanele urca inaintea celor 4 cifre, ca sa fie vizibile fara scroll */
  .hero-text{display:flex; flex-direction:column}
  .hero-text > *{order:0}
  .hero-text .hero-cta{order:-1; margin-top:20px}
  .hero-text .corebadges, .hero-text .hero-rot, .hero-text h1, .hero-text .hero-sub, .hero-text p.lead{order:-2}
  .hero-text .hero-stats{margin-top:22px}
}
/* meniu: dropdown Servicii */
.nav-dd{position:relative}
.nav-dd-t{display:inline-flex; align-items:center; gap:5px}
.nav-dd-t::before{content:""; order:2; width:8px; height:8px; border-right:2px solid currentColor; border-bottom:2px solid currentColor; transform:rotate(45deg) translateY(-2px); opacity:.6}
.nav-dd::before{content:""; position:absolute; left:-20px; right:-20px; top:100%; height:16px}
.nav-dd-menu{position:absolute; left:-14px; top:calc(100% + 12px); min-width:300px; background:var(--paper); border:1px solid var(--line);
  border-radius:16px; padding:8px; box-shadow:var(--shadow); opacity:0; visibility:hidden; transform:translateY(6px); transition:opacity .16s, transform .16s, visibility .16s; z-index:70}
.nav-dd:hover .nav-dd-menu, .nav-dd:focus-within .nav-dd-menu{opacity:1; visibility:visible; transform:none}
.nav-links .nav-dd-menu a{display:block; padding:10px 12px; border-radius:10px; white-space:normal; line-height:1.3}
.nav-links .nav-dd-menu a::after{display:none}
.nav-links .nav-dd-menu a:hover{background:var(--bg)}
.nav-dd-menu b{display:block; font-size:14px; color:var(--navy); font-weight:700}
.nav-dd-menu span{display:block; font-size:12.5px; color:var(--muted); font-weight:500; margin-top:2px}
.mobile-menu{overflow:auto; padding-bottom:110px}
.mobile-menu .mm-cta{color:var(--coral-d); border-bottom-color:var(--line)}
.mobile-menu .mm-k{margin-top:22px; font-size:12px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--soft)}
.mobile-menu .mm-sub{display:flex; flex-direction:column}
.mobile-menu .mm-sub a{font-family:var(--body); font-size:17px; font-weight:600; padding:11px 0}

/* cookie: card mic, dreapta jos, deasupra butonului WhatsApp — nu mai acoperă butoanele din hero */
.cookie{left:auto; right:20px; bottom:92px; max-width:340px; padding:16px 18px; border-radius:16px}
.cookie p{font-size:12.5px; line-height:1.5}
.cookie .row{margin-top:12px; gap:8px}
.cookie .btn{padding:8px 14px; font-size:13px}
@media(max-width:860px){
  .cookie{left:12px; right:12px; bottom:12px; max-width:none; padding:14px 16px}
  body.sticky-on .cookie{bottom:82px}
}

/* CTA sticky pe mobil: apare dupa hero, dispare cand calculatorul sau formularul sunt in ecran */
.sticky-cta{display:none}
@media(max-width:860px){
  .sticky-cta{position:fixed; left:0; right:0; bottom:0; z-index:75; display:flex; align-items:center; gap:10px;
    padding:10px 14px calc(10px + env(safe-area-inset-bottom,0px)); background:rgba(251,250,248,.94);
    -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px); border-top:1px solid var(--line);
    transform:translateY(110%); transition:transform .28s ease; box-shadow:0 -10px 30px -18px rgba(14,26,47,.35)}
  body.sticky-on .sticky-cta{transform:none}
  .sticky-cta .btn{flex:1; padding:14px 18px; font-size:15px}
  .sticky-wa{flex:none; width:50px; height:50px; border-radius:50%; background:#25D366; display:grid; place-items:center; box-shadow:0 10px 24px -12px rgba(37,211,102,.8)}
  .sticky-wa svg{width:26px; height:26px; display:block}
  body.sticky-on .wa, body.menu-open .wa{display:none}
  .wa{right:14px; bottom:14px}
  .wa a{padding:12px}
  .wa a svg{width:24px; height:24px}
}

/* portofoliu (homepage): lista din dreapta aliniata sus, cu titlu */
.ba-wrap{align-items:start}
.ba-list-k{font-size:12px; font-weight:800; letter-spacing:.12em; text-transform:uppercase; color:var(--soft); margin:6px 0 2px}

/* servicii: „pentru cine e” */
.dfor{margin:0 0 12px; font-size:13.5px; color:var(--muted); line-height:1.5; padding:10px 12px; border-left:3px solid rgba(19,194,168,.5); background:rgba(19,194,168,.06); border-radius:0 10px 10px 0}
.dfor b{color:var(--navy)}
.detail.rm .dfor{border-left-color:rgba(63,98,217,.5); background:rgba(63,98,217,.06)}

/* calculator: text lateral */
.calc-points li b{color:var(--navy)}

/* FAQ */
.faq{margin-top:34px; display:grid; grid-template-columns:1fr 1fr; gap:14px; align-items:start}
@media(max-width:860px){.faq{grid-template-columns:1fr}}
.faq details{background:var(--paper); border:1px solid var(--line); border-radius:14px; padding:0 20px; transition:border-color .2s, box-shadow .2s}
.faq details[open]{border-color:rgba(14,26,47,.18); box-shadow:var(--shadow-sm)}
.faq summary{cursor:pointer; list-style:none; display:flex; align-items:center; gap:14px; padding:17px 0; font-family:var(--disp); font-weight:700; font-size:16.5px; color:var(--navy); line-height:1.3}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:""; margin-left:auto; flex:none; width:10px; height:10px; border-right:2px solid var(--coral); border-bottom:2px solid var(--coral); transform:rotate(45deg); transition:transform .2s}
.faq details[open] summary::after{transform:rotate(-135deg)}
.faq .fa{padding:0 0 18px; font-size:14.5px; color:var(--muted); line-height:1.65}
.faq .fa a{color:var(--navy); font-weight:700; border-bottom:1px solid var(--line)}
.faq-cta{margin-top:26px; display:flex; gap:12px; align-items:center; flex-wrap:wrap; color:var(--muted); font-size:14.5px}

/* testimoniale (ascunse pana sunt completate cu citate reale) */
.tgrid{margin-top:34px; display:grid; grid-template-columns:repeat(3,1fr); gap:16px}
@media(max-width:900px){.tgrid{grid-template-columns:1fr}}
.tcard{background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:26px 24px; display:flex; flex-direction:column; gap:14px}
.tcard .tq{font-size:15.5px; line-height:1.6; color:var(--ink)}
.tcard .tq::before{content:"“"; font-family:var(--disp); font-size:34px; line-height:0; color:var(--coral); margin-right:4px; vertical-align:-10px}
.tcard .tres{font-family:var(--disp); font-weight:800; font-size:24px; color:var(--navy); letter-spacing:-.02em}
.tcard .tres em{font-style:normal; color:var(--teal)}
.tcard .twho{margin-top:auto; display:flex; align-items:center; gap:11px; font-size:13.5px; color:var(--muted)}
.tcard .twho b{display:block; color:var(--navy); font-size:14px}
.tcard .tav{flex:none; width:40px; height:40px; border-radius:50%; background:linear-gradient(135deg,var(--coral),var(--blue)); color:#fff; font-family:var(--disp); font-weight:800; display:grid; place-items:center; font-size:14px}

/* social (footer) */
.foot-social{display:flex; gap:8px; margin-top:14px}
.foot-social a{width:36px; height:36px; border-radius:10px; border:1px solid rgba(255,255,255,.16); display:grid; place-items:center; color:#cfd5e1; padding:0; transition:background .15s, color .15s, border-color .15s}
.foot-social a:hover{background:rgba(255,255,255,.08); color:#fff; border-color:rgba(255,255,255,.35)}
.foot-social svg{width:18px; height:18px; display:block}

/* ===== DOVEZI ===== */
#dovezi.pf-wrap{margin-top:0; padding-top:44px; border-top:1px solid var(--line,#ECE8E2)} /* dupa Recorduri: fara margin sus, doar linia de separare */
#dovezi .pf-head h3{font-size:clamp(30px,4.6vw,52px); margin-top:14px; letter-spacing:-.02em; max-width:22em} /* aceeasi marime ca titlurile de sectiune (h2) */
#dovezi .pf-grid{margin-top:34px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; align-items:start}
#dovezi .pf-col{display:flex; flex-direction:column; gap:16px; min-width:0}
#dovezi .pf-crop .pf-shot{height:230px; overflow:hidden}
#dovezi .pf-crop .pf-shot img{width:100%; height:100%; object-fit:cover; object-position:left top; transform:scale(1.35); transform-origin:left top}
#dovezi .pf{margin:0; background:var(--paper,#fff);
  border:1px solid var(--line,#ECE8E2); border-radius:var(--r,18px); overflow:hidden;
  box-shadow:var(--shadow-sm,0 10px 30px -16px rgba(14,26,47,.20));
  transition:transform .2s ease, box-shadow .2s ease, border-color .2s ease}
#dovezi .pf:hover{transform:translateY(-3px); box-shadow:var(--shadow,0 24px 60px -28px rgba(14,26,47,.28));
  border-color:rgba(63,98,217,.32)}
#dovezi .pf-shot{display:block; width:100%; padding:0; border:0; background:#F6F7F9; cursor:zoom-in;
  border-bottom:1px solid var(--line-2,#F2EFEA); line-height:0}
#dovezi .pf-shot:focus-visible{outline:2px solid var(--blue,#3F62D9); outline-offset:-3px}
#dovezi .pf-shot img{width:100%; height:auto; display:block}
#dovezi figcaption{padding:16px 18px 18px; display:flex; flex-direction:column; gap:6px}
#dovezi figcaption b{font-family:var(--disp,inherit); font-weight:700; font-size:15.5px;
  color:var(--navy,#0E1A2F); letter-spacing:-.015em; line-height:1.25}
#dovezi figcaption span{font-size:13px; color:var(--muted,#5C677D); line-height:1.55}
#dovezi .pf-poster .pf-shot{background:transparent; cursor:pointer; display:block}
#dovezi .pf-go{margin-top:2px; align-self:flex-start; font-size:12.5px; font-weight:700;
  color:var(--blue,#3F62D9); text-decoration:underline; text-decoration-color:rgba(63,98,217,.35);
  text-underline-offset:4px; text-decoration-thickness:1.5px; padding:7px 0}
#dovezi .pf-go:hover{text-decoration-color:var(--blue,#3F62D9)}
#dovezi .pf-head p{max-width:none}
#dovezi .pf-note{margin-top:8px; font-size:12px; color:var(--soft,#8B93A6); max-width:none; line-height:1.6}

.pf-box{position:fixed; inset:0; z-index:200; background:rgba(9,15,28,.88);
  display:grid; place-items:center; padding:clamp(16px,4vw,48px); backdrop-filter:blur(3px);
  opacity:0; transition:opacity .22s ease}
.pf-box.pf-on{opacity:1}
.pf-box[hidden]{display:none}
.pf-box img{max-width:100%; max-height:100%; border-radius:10px; box-shadow:0 30px 80px -20px rgba(0,0,0,.6);
  transform:scale(.96); transition:transform .26s cubic-bezier(.2,.8,.3,1)}
.pf-box.pf-on img{transform:scale(1)}
@media(prefers-reduced-motion:reduce){.pf-box,.pf-box img{transition:none}}
.pf-x{position:absolute; top:14px; right:16px; width:42px; height:42px; border-radius:50%;
  border:0; background:rgba(255,255,255,.14); color:#fff; font-size:26px; line-height:1; cursor:pointer}
.pf-x:hover{background:rgba(255,255,255,.26)}
body.pf-open{overflow:hidden}

@media(max-width:980px){ #dovezi .pf-grid{grid-template-columns:repeat(2,minmax(0,1fr))} }
@media(max-width:620px){ #dovezi .pf-grid{display:flex; flex-direction:column} #dovezi .pf-col{display:contents} #dovezi .pf-poster{order:-1} }   /* pe telefon: afisele primele, in ordinea lor */
@media(prefers-reduced-motion:reduce){ #dovezi .pf{transition:none} }

/* ===== SECȚIUNEA DE CREȘTERE ===== */
#crestere .gw-card{
  margin-top:40px; background:var(--paper,#fff); border:1px solid var(--line,#ECE8E2);
  border-radius:var(--r,18px); box-shadow:var(--shadow-sm,0 10px 30px -16px rgba(14,26,47,.20));
  display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr); overflow:hidden;
}
#crestere .gw-chart{padding:clamp(20px,2.6vw,30px); border-right:1px solid var(--line-2,#F2EFEA); min-width:0}
#crestere .gw-story{padding:clamp(24px,2.8vw,34px); display:flex; flex-direction:column; background:#FCFBF9}

#crestere.gw-embed{margin-top:38px}
#crestere .gw-embed-head{margin-bottom:18px}
#crestere .gw-embed-head h3{font-size:clamp(21px,2.6vw,28px); margin-top:10px; letter-spacing:-.02em}
/* bara de sus */
#crestere .gw-read{display:flex; align-items:flex-end; gap:18px; flex-wrap:wrap;
  padding-bottom:16px; margin-bottom:26px; border-bottom:1px solid var(--line-2,#F2EFEA)}
#crestere .gw-read-when{font-size:11px; font-weight:700; letter-spacing:.14em; text-transform:uppercase;
  color:var(--soft,#697182); white-space:nowrap; line-height:1.9}
#crestere .gw-read-when b{color:var(--navy,#0E1A2F)}
#crestere .gw-read-cells{display:flex; gap:clamp(14px,2.4vw,28px); margin-left:auto; flex-wrap:wrap}
#crestere .gw-cell{display:flex; flex-direction:column; gap:5px; min-width:78px}
#crestere .gw-cell span{font-size:12px; font-weight:600; color:var(--muted,#5C677D); white-space:nowrap}
#crestere .gw-cell b{font-family:var(--disp,inherit); font-weight:800; font-size:clamp(19px,1.9vw,23px);
  letter-spacing:-.02em; color:var(--navy,#0E1A2F); font-variant-numeric:tabular-nums; line-height:1}
#crestere .gw-cell-rev{padding-left:clamp(14px,2.4vw,28px); border-left:1px solid var(--line,#ECE8E2)}
#crestere .gw-cell-rev b{color:var(--coral-d,#D43B4A)}

/* graficul */
#crestere .gw-plotbox{position:relative; padding:0 84px 0 46px}
#crestere .gw-plot{position:relative; height:clamp(220px,27vw,300px); cursor:crosshair; outline:none}
#crestere .gw-plot:focus-visible{outline:2px solid var(--blue,#3F62D9); outline-offset:8px; border-radius:6px}
#crestere .gw-svg{position:absolute; inset:0; width:100%; height:100%; overflow:visible}
#crestere .gw-grid line{stroke:#EEEAE4; stroke-width:1; vector-effect:non-scaling-stroke}
#crestere .gw-grid line.gw-base{stroke:#D9D3CA}
#crestere .gw-line{fill:none; stroke-width:3.5; stroke-linecap:round; stroke-linejoin:round; vector-effect:non-scaling-stroke}
#crestere .gw-draw{clip-path:inset(0 100% 0 0); transition:clip-path 1.6s cubic-bezier(.22,.8,.3,1)}
#crestere .gw-card.gw-on .gw-draw{clip-path:inset(0 0 0 0)}
#crestere .gw-ylabels{position:absolute; inset:0; pointer-events:none}
#crestere .gw-ylabels span{position:absolute; left:-46px; width:38px; text-align:right; transform:translateY(-50%);
  font-size:11px; font-weight:600; color:var(--soft,#697182); font-variant-numeric:tabular-nums}
#crestere .gw-xlabels{position:relative; height:22px; margin-top:8px}
#crestere .gw-xlabels span{position:absolute; top:2px; transform:translateX(-50%); font-size:11px;
  font-weight:600; color:var(--soft,#697182); white-space:nowrap; transition:color .15s}
#crestere .gw-cursor{position:absolute; top:0; bottom:0; width:1px; background:var(--navy,#0E1A2F); opacity:0; transition:opacity .18s}
#crestere .gw-plot.gw-live .gw-cursor{opacity:.14}
#crestere .gw-dots i{position:absolute; width:12px; height:12px; margin:-6px 0 0 -6px; border-radius:50%;
  background:#fff; border:3px solid var(--coral,#ED4C5C); opacity:0; transform:scale(.4);
  transition:opacity .25s ease, transform .3s cubic-bezier(.3,1.5,.5,1)}
#crestere .gw-dots i.gw-act{opacity:1; transform:scale(1); box-shadow:0 0 0 6px rgba(237,76,92,.10)}
/* marcaje de eveniment */
#crestere .gw-mark{position:absolute; transform:translate(-50%,0); pointer-events:none; opacity:0; transition:opacity .5s ease}
#crestere .gw-card.gw-on .gw-mark{opacity:1; transition-delay:1.4s}
#crestere .gw-mark > i{display:block; width:9px; height:9px; margin:-4.5px auto 0; border-radius:50%; background:var(--navy,#0E1A2F); border:2px solid #fff; box-shadow:0 2px 6px rgba(14,26,47,.25)}
#crestere .gw-mark > span{position:absolute; right:50%; bottom:calc(100% + 10px); transform:translateX(9px); white-space:nowrap;
  font-size:12px; font-weight:700; color:var(--navy,#0E1A2F); background:#fff; border:1px solid var(--line,#ECE8E2);
  padding:4px 9px; border-radius:999px; box-shadow:0 6px 14px -8px rgba(14,26,47,.25)}
#crestere .gw-mark > span::after{content:""; position:absolute; right:9px; top:100%; width:1px; height:10px; background:#C9CFDA}
#crestere .gw-mark-r > span{right:auto; left:50%; transform:translateX(-9px)}
#crestere .gw-mark-r > span::after{right:auto; left:9px}
/* pastila de la capat */
#crestere .gw-end{position:absolute; left:100%; transform:translate(14px,-50%); display:flex; flex-direction:column; align-items:flex-start; line-height:1;
  opacity:0; transition:opacity .5s ease .9s, transform .5s cubic-bezier(.2,.8,.3,1) .9s}
#crestere .gw-card.gw-on .gw-end{opacity:1; transform:translate(14px,-50%)}
#crestere .gw-end b{font-family:var(--disp,inherit); font-weight:800; font-size:clamp(24px,2.6vw,32px); letter-spacing:-.03em; color:var(--navy,#0E1A2F)}
#crestere .gw-end span{font-size:11px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; color:var(--soft,#697182); margin-top:5px}
#crestere .gw-foot{margin-top:18px; display:flex; gap:14px; align-items:baseline; flex-wrap:wrap;
  font-size:12px; color:var(--soft,#697182); line-height:1.5}
#crestere .gw-hint{margin-left:auto; display:inline-flex; align-items:center; gap:6px; white-space:nowrap}
#crestere .gw-hint::before{content:""; width:5px; height:5px; border-radius:50%; background:var(--teal,#13C2A8)}

/* povestea */
#crestere .gw-plat{list-style:none; display:flex; flex-wrap:wrap; gap:7px; margin:0; padding:0}
#crestere .gw-plat li{font-size:12px; font-weight:700; color:var(--navy,#0E1A2F); background:var(--paper,#fff);
  border:1px solid #DDD7CE; border-radius:999px; padding:6px 13px; line-height:1.35}
#crestere .gw-big{font-family:var(--disp,inherit); font-weight:800; font-size:clamp(38px,4.6vw,56px);
  letter-spacing:-.04em; line-height:1; color:var(--navy,#0E1A2F); margin:20px 0 0;
  display:inline-flex; align-items:center; padding:.14em .55em .18em; border-radius:999px;
  font-variant-numeric:tabular-nums; min-width:4.1em; justify-content:center; align-self:flex-start; width:max-content; max-width:100%;
  border:1.5px solid transparent; background:linear-gradient(var(--paper,#fff),var(--paper,#fff)) padding-box,
    linear-gradient(115deg,var(--coral,#ED4C5C),#7B57C4 55%,var(--blue,#3F62D9)) border-box;
  box-shadow:0 18px 40px -22px rgba(90,72,214,.55)}
#crestere .gw-big{position:relative; box-shadow:0 10px 30px -14px rgba(90,72,214,.55), 0 0 0 6px rgba(237,76,92,.06), 0 0 28px rgba(123,87,196,.22); animation:gwBigGlow 3.2s ease-in-out infinite}
@keyframes gwBigGlow{0%,100%{box-shadow:0 10px 30px -14px rgba(90,72,214,.55), 0 0 0 6px rgba(237,76,92,.06), 0 0 28px rgba(123,87,196,.22)} 50%{box-shadow:0 12px 34px -14px rgba(237,76,92,.55), 0 0 0 8px rgba(123,87,196,.08), 0 0 40px rgba(237,76,92,.30)}}
@media(prefers-reduced-motion:reduce){#crestere .gw-big{animation:none}}
#crestere .gw-biglbl{font-size:13px; font-weight:600; color:var(--muted,#5C677D); margin:8px 0 16px}
#crestere .gw-story h3{font-size:clamp(17px,1.8vw,20px); font-weight:700; color:var(--coral-d,#D43B4A);
  margin:16px 0 14px; letter-spacing:-.015em; font-variant-numeric:tabular-nums}
#crestere .gw-story p{font-size:14px; color:var(--muted,#5C677D); line-height:1.65; max-width:44ch}
#crestere .gw-chips{list-style:none; display:flex; flex-wrap:wrap; gap:7px; margin:22px 0 0; padding:0}
#crestere .gw-chips li{font-size:12px; font-weight:600; color:var(--muted,#5C677D); background:var(--paper,#fff);
  border:1px solid var(--line,#ECE8E2); border-radius:999px; padding:6px 12px}
#crestere .gw-meta{margin-top:auto; padding-top:24px; display:flex; gap:26px; flex-wrap:wrap}
#crestere .gw-meta > div{display:flex; flex-direction:column; gap:4px}
#crestere .gw-meta span{font-size:10.5px; font-weight:700; letter-spacing:.1em; text-transform:uppercase; color:var(--soft,#8B93A6)}
#crestere .gw-meta b{font-size:13px; font-weight:700; color:var(--navy,#0E1A2F); line-height:1.35}

/* banda */
#crestere .gw-deltas{margin-top:16px; display:grid; grid-template-columns:repeat(4,1fr);
  background:var(--navy,#0E1A2F); border-radius:var(--r,18px); overflow:hidden}
#crestere .gw-deltas > div{padding:clamp(20px,2.4vw,28px) clamp(14px,2vw,24px); border-left:1px solid rgba(255,255,255,.08)}
#crestere .gw-deltas > div:first-child{border-left:0}
#crestere .gw-deltas b{display:block; font-family:var(--disp,inherit); font-weight:800; color:#fff;
  font-size:clamp(24px,2.9vw,34px); letter-spacing:-.03em; line-height:1}
#crestere .gw-deltas em{font-style:normal; color:var(--teal,#13C2A8)}
#crestere .gw-deltas span{display:block; margin-top:10px; color:#dfe3ec; font-size:13.5px; font-weight:600}
#crestere .gw-disc{margin-top:14px; font-size:12px; color:var(--soft,#8B93A6); max-width:none; line-height:1.6}

@media(max-width:980px){
  #crestere .gw-card{grid-template-columns:1fr}
  #crestere .gw-chart{border-right:0; border-bottom:1px solid var(--line-2,#F2EFEA)}
  #crestere .gw-meta{padding-top:26px}
}
@media(max-width:640px){
  #crestere .gw-plotbox{padding:0 66px 0 38px}
  #crestere .gw-ylabels span{left:-38px; width:30px; font-size:10px}
  #crestere .gw-mark > span{font-size:10px; padding:3px 7px}
  #crestere .gw-mark-algo .pill-algo{height:24px; font-size:10px; padding:0 11px}
  #crestere .gw-mark-algo .pill-algo__bars{left:8px; right:8px; bottom:3px; height:11px}
  #crestere .gw-mark-algo .pill-algo__dot{width:6px; height:6px; margin-right:6px}
  #crestere .gw-end{transform:translate(8px,-50%)} #crestere .gw-card.gw-on .gw-end{transform:translate(8px,-50%)}
  #crestere .gw-hint{margin-left:0}
  #crestere .gw-deltas{grid-template-columns:repeat(2,1fr)}
  #crestere .gw-deltas > div:nth-child(3){border-left:0}
  #crestere .gw-deltas > div:nth-child(n+3){border-top:1px solid rgba(255,255,255,.08)}
}
@media(prefers-reduced-motion:reduce){
  #crestere .gw-draw{transition:none}
  #crestere .gw-dots i{transition:none}
}

#cifre .sb{position:relative; overflow:hidden; border-radius:24px; padding:clamp(26px,3.6vw,40px) clamp(22px,3.6vw,44px);
  background:linear-gradient(135deg,#0E1A2F 0%,#122447 60%,#16223A 100%); color:#fff;
  box-shadow:0 30px 60px -30px rgba(14,26,47,.55)}
#cifre .sb::before{content:""; position:absolute; inset:0 0 auto 0; height:3px;
  background:linear-gradient(90deg,var(--coral,#ED4C5C),var(--teal,#13C2A8),var(--blue,#3F62D9))}
#cifre .sb::after{content:""; position:absolute; width:520px; height:520px; right:-200px; top:-260px; border-radius:50%; pointer-events:none;
  background:radial-gradient(closest-side, rgba(63,98,217,.28), transparent 70%)}
#cifre .sb-head{position:relative; z-index:1; display:flex; gap:24px; align-items:flex-start; flex-wrap:wrap; margin-bottom:26px}
#cifre .sb-k{flex:none; font-size:11px; font-weight:800; letter-spacing:.14em; text-transform:uppercase; color:var(--teal,#13C2A8);
  padding:6px 11px; border:1px solid rgba(19,194,168,.35); border-radius:999px; line-height:1}
#cifre .sb-note{margin:0; font-size:12.5px; line-height:1.6; color:rgba(255,255,255,.62); max-width:76ch}
#cifre .sb-grid{position:relative; z-index:1; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); row-gap:26px}
#cifre .sb-cell{padding:8px 22px 4px 0; margin-right:22px; border-right:1px solid rgba(255,255,255,.10)}
#cifre .sb-cell:nth-child(3n){border-right:0; margin-right:0}
#cifre .sb-cell b{display:block; font-family:var(--disp,inherit); font-weight:800; font-size:clamp(30px,3.4vw,44px);
  letter-spacing:-.03em; line-height:1; font-variant-numeric:tabular-nums; color:#fff}
#cifre .sb-cell b i{font-style:normal; color:var(--teal,#13C2A8); font-size:.86em; margin-left:3px}
#cifre .sb-cell span{display:block; margin-top:10px; font-size:12px; font-weight:600; letter-spacing:.04em; color:rgba(255,255,255,.72)}
#cifre .sb-cell-hi b{background:linear-gradient(115deg,#fff 20%,#7BE6D2 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
#cifre .sb-cell-hi b i{-webkit-text-fill-color:var(--teal,#13C2A8)}

@media(max-width:560px){#cifre .sb-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  #cifre .sb-cell{padding-right:14px; margin-right:14px} #cifre .sb-cell:nth-child(3n){border-right:1px solid rgba(255,255,255,.10); margin-right:14px}
  #cifre .sb-cell:nth-child(2n){border-right:0; margin-right:0}}

.rk{--rk-h:60px; background:var(--paper); border:1px solid var(--line); border-radius:var(--r); padding:20px 18px 18px; box-shadow:var(--shadow-sm)}
.rk-top{display:flex; align-items:center; gap:10px; padding-bottom:14px; border-bottom:1px solid var(--line-2,#F2EFEA); margin-bottom:12px}
.rk-dot{width:9px; height:9px; border-radius:50%; background:var(--teal); flex:none; box-shadow:0 0 0 4px rgba(19,194,168,.16)}
.rk-top b{font-family:var(--disp); font-size:15px; color:var(--navy)}
.rk-top span{margin-left:auto; font-size:12px; font-weight:700; color:var(--soft); letter-spacing:.04em}
.rk-list{position:relative; display:flex; gap:12px}
.rk-nums{display:flex; flex-direction:column; flex:none; width:26px; padding-top:2px}
.rk-nums i{height:var(--rk-h); display:flex; align-items:center; justify-content:center; font-family:var(--disp); font-weight:800; font-size:14px; color:var(--soft); font-style:normal}
.rk-nums i:first-child{color:var(--coral)}
.rk-rows{position:relative; flex:1; height:calc(var(--rk-h) * 8)}
.rk-row{position:absolute; left:0; right:0; height:calc(var(--rk-h) - 8px); display:flex; align-items:center; gap:12px; padding:0 14px; border:1px solid var(--line); border-radius:12px; background:#FCFBFA; will-change:transform}
.rk-thumb{width:34px; height:34px; border-radius:9px; flex:none; background:linear-gradient(135deg,#E7E3DC,#D9D4CB)}
.rk-txt{min-width:0; flex:1}
.rk-txt b{display:block; font-family:var(--disp); font-weight:700; font-size:14.5px; color:var(--navy); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rk-txt span{font-size:12px; color:var(--soft); font-weight:600}
.rk-price{font-family:var(--disp); font-weight:800; font-size:15px; color:var(--navy); flex:none}
.rk-you{border-color:var(--coral); background:#fff; box-shadow:0 12px 28px -16px rgba(237,76,92,.65); z-index:2}
.rk-you .rk-thumb{background:url(../rk-you.jpg) center/cover}
.rk-you .rk-price{color:var(--coral-d)}
.rk-tag{font-size:10.5px; font-weight:800; letter-spacing:.06em; text-transform:uppercase; color:#fff; background:var(--coral); padding:4px 8px; border-radius:999px; flex:none}
.rk-note{margin-top:14px; font-size:13px; color:var(--muted); line-height:1.5}
@media(max-width:560px){.rk{--rk-h:54px} .rk-tag{display:none} .rk-txt span{font-size:11px}}

.rk-row{animation-duration:11s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.5,0,.15,1)}
/* Animatia nu porneste la incarcarea paginii, ci cand widgetul ajunge in ecran.
   Altfel, pe mobil, omul ajunge aici dupa ce urcarea s-a intamplat deja. */
.rk:not(.is-live) .rk-row{animation-name:none}
.rk-r0{transform:translateY(calc(var(--rk-h) * 0)); animation-name:rk-c0}
.rk-r1{transform:translateY(calc(var(--rk-h) * 1)); animation-name:rk-c1}
.rk-r2{transform:translateY(calc(var(--rk-h) * 2)); animation-name:rk-c2}
.rk-r3{transform:translateY(calc(var(--rk-h) * 3)); animation-name:rk-c3}
.rk-r4{transform:translateY(calc(var(--rk-h) * 4)); animation-name:rk-c4}
.rk-you{transform:translateY(calc(var(--rk-h) * 5)); animation-name:rk-you}
/* Locurile 7 si 8 nu se misca: urcarea porneste de pe 6. */
.rk-r5{transform:translateY(calc(var(--rk-h) * 6)); animation-name:none}
.rk-r6{transform:translateY(calc(var(--rk-h) * 7)); animation-name:none}
@keyframes rk-you{0%,10%{transform:translateY(calc(var(--rk-h) * 5))} 16%,20%{transform:translateY(calc(var(--rk-h) * 4))} 26%,30%{transform:translateY(calc(var(--rk-h) * 3))} 36%,40%{transform:translateY(calc(var(--rk-h) * 2))} 46%,50%{transform:translateY(calc(var(--rk-h) * 1))} 56%,100%{transform:translateY(calc(var(--rk-h) * 0))}}
@keyframes rk-c4{0%,10%{transform:translateY(calc(var(--rk-h) * 4))} 16%,100%{transform:translateY(calc(var(--rk-h) * 5))}}
@keyframes rk-c3{0%,20%{transform:translateY(calc(var(--rk-h) * 3))} 26%,100%{transform:translateY(calc(var(--rk-h) * 4))}}
@keyframes rk-c2{0%,30%{transform:translateY(calc(var(--rk-h) * 2))} 36%,100%{transform:translateY(calc(var(--rk-h) * 3))}}
@keyframes rk-c1{0%,40%{transform:translateY(calc(var(--rk-h) * 1))} 46%,100%{transform:translateY(calc(var(--rk-h) * 2))}}
@keyframes rk-c0{0%,50%{transform:translateY(calc(var(--rk-h) * 0))} 56%,100%{transform:translateY(calc(var(--rk-h) * 1))}}
@media(prefers-reduced-motion:reduce){.rk-row{animation:none}
.rk-r0{transform:translateY(calc(var(--rk-h) * 1))}
.rk-r1{transform:translateY(calc(var(--rk-h) * 2))}
.rk-r2{transform:translateY(calc(var(--rk-h) * 3))}
.rk-r3{transform:translateY(calc(var(--rk-h) * 4))}
.rk-r4{transform:translateY(calc(var(--rk-h) * 5))}
.rk-r5{transform:translateY(calc(var(--rk-h) * 6))}
.rk-r6{transform:translateY(calc(var(--rk-h) * 7))}
.rk-you{transform:translateY(0)}}

/* „Recorduri” — cuvantul-cheie al sectiunii, mult mai evidentiat */
#rezultate .cs-title{font-size:clamp(34px,5.4vw,64px); align-items:center; gap:18px; flex-wrap:wrap}
#rezultate .cs-title .trophy{width:64px; height:64px; border-radius:20px}
#rezultate .cs-title .trophy svg{width:34px; height:34px}
#rezultate .cs-rec{font-style:normal; font-weight:800; font-size:1.18em; letter-spacing:-.035em; line-height:1;
  background:linear-gradient(115deg,var(--coral) 0%,#D13A72 45%,var(--blue) 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; color:var(--coral);
  padding-right:.06em}
@media(max-width:560px){#rezultate .cs-title{gap:12px} #rezultate .cs-title .trophy{width:48px; height:48px; border-radius:14px} #rezultate .cs-title .trophy svg{width:26px; height:26px}}

/* ===== „Algoritmul Hosti” — pastila de pe grafic, design nou (2026-09): chip navy cu contur gradient, bare-icon, scanteie ===== */
#crestere .gw-mark-algo .pill-algo, .pill-algo{
  position:relative; display:inline-flex; align-items:center; gap:9px; height:34px; padding:0 15px 0 11px; border-radius:999px; overflow:visible;
  border:1.5px solid transparent;
  background:linear-gradient(var(--navy),var(--navy)) padding-box, linear-gradient(115deg,var(--coral) 0%,#B03E7F 48%,var(--blue) 100%) border-box;
  color:#fff; font-family:var(--disp); font-size:13px; font-weight:800; letter-spacing:.005em; line-height:1; white-space:nowrap;
  box-shadow:0 14px 28px -12px rgba(176,62,127,.75), 0 0 0 5px rgba(237,76,92,.07)}
#crestere .gw-mark-algo .pill-algo::before{content:""; position:absolute; inset:-1.5px; border-radius:inherit; pointer-events:none; z-index:-1;
  background:linear-gradient(115deg,var(--coral),var(--blue)); filter:blur(14px); opacity:.35}
#crestere .gw-mark-algo .pill-algo__bars, .pill-algo__bars{position:static; inset:auto; height:15px; width:auto; opacity:1; display:inline-flex; align-items:flex-end; gap:2.5px; justify-content:flex-start; z-index:1}
#crestere .gw-mark-algo .pill-algo__bars i, .pill-algo__bars i{width:3px; border-radius:2px; transform-origin:bottom}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(n+6), .pill-algo__bars i:nth-child(n+6){display:none}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(1), .pill-algo__bars i:nth-child(1){height:40%; background:#FF6B7A}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(2), .pill-algo__bars i:nth-child(2){height:70%; background:#F45F9B}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(3), .pill-algo__bars i:nth-child(3){height:50%; background:#CF6BD6}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(4), .pill-algo__bars i:nth-child(4){height:100%; background:#9A7CF3}
#crestere .gw-mark-algo .pill-algo__bars i:nth-child(5), .pill-algo__bars i:nth-child(5){height:80%; background:#6E8CF2}
#crestere .gw-mark-algo .pill-algo__text, .pill-algo__text{color:#fff; position:relative; z-index:1; text-shadow:0 1px 0 rgba(0,0,0,.25)}
#crestere .gw-mark-algo .pill-algo::after, .pill-algo::after{content:""; width:11px; height:11px; flex:none; margin-left:-2px; background:#FFD27A;
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 0c0 6.6 5.4 12 12 12-6.6 0-12 5.4-12 12 0-6.6-5.4-12-12-12 6.6 0 12-5.4 12-12z'/%3E%3C/svg%3E") center/contain no-repeat;
  filter:drop-shadow(0 0 5px rgba(255,210,122,.9)); animation:sparkle 2.8s ease-in-out infinite}
/* linia de legatura + bulina de pe curba */
#crestere .gw-mark-pill::after{right:50%; width:1.5px; height:12px; background:linear-gradient(180deg,var(--blue),rgba(63,98,217,.15))}
#crestere .gw-marks .gw-mark-algo > i{width:12px; height:12px; margin:-6px auto 0; border:2.5px solid #fff;
  background:linear-gradient(135deg,var(--coral),var(--blue))}
@media(max-width:640px){
  #crestere .gw-mark-algo .pill-algo{height:28px; font-size:11px; padding:0 12px 0 9px; gap:7px}
  #crestere .gw-mark-algo .pill-algo__bars{height:12px}
  #crestere .gw-mark-algo .pill-algo::after{width:9px; height:9px}
}
@media(prefers-reduced-motion:reduce){#crestere .gw-mark-algo .pill-algo::after, .pill-algo::after{animation:none}}

/* ===== Hero, dreapta: „Rezultate căutare” în stil Booking.com — listarea optimizată urcă de pe 6 pe 1 ===== */
.rk{--rk-h:56px; position:relative; z-index:2; width:min(470px,100%); background:#fff; border-radius:16px; overflow:hidden; font-family:var(--body);
  border:1px solid rgba(0,53,128,.12); box-shadow:0 30px 70px -30px rgba(0,53,128,.45), 0 2px 6px rgba(0,53,128,.06)}
.bk-top{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:6px 12px; min-height:34px; background:#003580; color:#fff}
.bk-logo{font-weight:800; font-size:14px; letter-spacing:-.02em; font-family:var(--body)}
.bk-logo i{font-style:normal; color:#0896FF}
.bk-q{font-size:11px; font-weight:500; color:#fff; background:rgba(255,255,255,.14); border:1px solid rgba(255,255,255,.22); padding:3px 9px; border-radius:6px; white-space:nowrap}
.bk-q b{font-weight:700}
.bk-sub{display:flex; align-items:center; justify-content:space-between; gap:10px; padding:9px 14px; font-size:11.5px; color:#1a1a1a; border-bottom:1px solid #e7e7e7; background:#fff}
.bk-sub b{font-weight:700}
.bk-sub span{color:#595959; white-space:nowrap}
.bk-sub span b{color:#0071c2}
.rk-list{position:relative; display:flex; gap:8px; padding:10px 12px 8px}
.rk-nums{display:flex; flex-direction:column; flex:none; width:18px; padding-top:1px}
.rk-nums i{height:var(--rk-h); display:flex; align-items:center; justify-content:center; font-weight:800; font-size:12px; color:#8b8b8b; font-style:normal; font-variant-numeric:tabular-nums}
.rk-nums i:first-child{color:#0071c2}
.rk-rows{position:relative; flex:1; height:calc(var(--rk-h) * 6)}
.rk-row{position:absolute; left:0; right:0; height:calc(var(--rk-h) - 6px); display:flex; align-items:center; gap:10px; padding:0 9px 0 6px;
  border:1px solid #e7e7e7; border-radius:8px; background:#fff; will-change:transform; animation-duration:11s; animation-iteration-count:infinite; animation-timing-function:cubic-bezier(.5,0,.15,1)}
.rk-thumb{width:40px; height:40px; border-radius:6px; flex:none; background:linear-gradient(135deg,#dfe3ea,#c9d0dc)}
.rk-thumb.t1{background:linear-gradient(135deg,#f1d6c4,#c98d6b)} .rk-thumb.t2{background:linear-gradient(135deg,#d8e3f2,#8fa9cf)}
.rk-thumb.t3{background:linear-gradient(135deg,#e8e2d6,#b8a98f)} .rk-thumb.t4{background:linear-gradient(135deg,#d6eae2,#7fb3a0)} .rk-thumb.t5{background:linear-gradient(135deg,#ece0f0,#b393c4)}
.rk-thumb.you{background:url(../rk-you.jpg) center/cover; box-shadow:0 0 0 2px var(--coral)}
.rk-txt{min-width:0; flex:1}
.rk-txt b{display:block; font-weight:700; font-size:13.5px; color:#0071c2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; line-height:1.2}
.rk-txt span{display:block; font-size:11px; color:#595959; margin-top:2px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rk-txt em{font-style:normal; color:var(--coral-d); font-weight:700}
.rk-score{flex:none; display:flex; flex-direction:column; align-items:flex-end; gap:2px}
.rk-score b{background:#003580; color:#fff; font-size:11.5px; font-weight:800; padding:3px 5px; border-radius:6px 6px 6px 0; line-height:1; font-variant-numeric:tabular-nums}
.rk-score i{font-style:normal; font-size:10px; color:#1a1a1a; font-weight:600; white-space:nowrap}
.rk-price{flex:none; width:56px; text-align:right; font-weight:800; font-size:14px; color:#1a1a1a; line-height:1; font-variant-numeric:tabular-nums}
.rk-price small{display:block; font-size:9.5px; font-weight:500; color:#6b6b6b; margin-top:3px}
.rk-you{border-color:var(--coral); background:#fff; box-shadow:0 14px 30px -14px rgba(237,76,92,.65), 0 0 0 3px rgba(237,76,92,.10); z-index:2}
.rk-you .rk-price{color:var(--coral-d)}
.rk-foot{display:flex; align-items:center; gap:8px; padding:9px 14px 12px; font-size:11.5px; color:#595959; border-top:1px solid #f0f0f0}
.rk-dot{width:8px; height:8px; border-radius:50%; background:var(--teal); flex:none; box-shadow:0 0 0 4px rgba(19,194,168,.16)}
/* urcarea: porneste cand widgetul intra in ecran (site.js adauga .is-live) */
.rk:not(.is-live) .rk-row{animation-name:none}
.rk-r0{transform:translateY(calc(var(--rk-h) * 0)); animation-name:rk-c0}
.rk-r1{transform:translateY(calc(var(--rk-h) * 1)); animation-name:rk-c1}
.rk-r2{transform:translateY(calc(var(--rk-h) * 2)); animation-name:rk-c2}
.rk-r3{transform:translateY(calc(var(--rk-h) * 3)); animation-name:rk-c3}
.rk-r4{transform:translateY(calc(var(--rk-h) * 4)); animation-name:rk-c4}
.rk-you{transform:translateY(calc(var(--rk-h) * 5)); animation-name:rk-you}
@keyframes rk-you{0%,10%{transform:translateY(calc(var(--rk-h) * 5))} 16%,20%{transform:translateY(calc(var(--rk-h) * 4))} 26%,30%{transform:translateY(calc(var(--rk-h) * 3))} 36%,40%{transform:translateY(calc(var(--rk-h) * 2))} 46%,50%{transform:translateY(calc(var(--rk-h) * 1))} 56%,100%{transform:translateY(calc(var(--rk-h) * 0))}}
@keyframes rk-c4{0%,10%{transform:translateY(calc(var(--rk-h) * 4))} 16%,100%{transform:translateY(calc(var(--rk-h) * 5))}}
@keyframes rk-c3{0%,20%{transform:translateY(calc(var(--rk-h) * 3))} 26%,100%{transform:translateY(calc(var(--rk-h) * 4))}}
@keyframes rk-c2{0%,30%{transform:translateY(calc(var(--rk-h) * 2))} 36%,100%{transform:translateY(calc(var(--rk-h) * 3))}}
@keyframes rk-c1{0%,40%{transform:translateY(calc(var(--rk-h) * 1))} 46%,100%{transform:translateY(calc(var(--rk-h) * 2))}}
@keyframes rk-c0{0%,50%{transform:translateY(calc(var(--rk-h) * 0))} 56%,100%{transform:translateY(calc(var(--rk-h) * 1))}}
@media(prefers-reduced-motion:reduce){.rk-row{animation:none !important}
  .rk-r0{transform:translateY(calc(var(--rk-h) * 1))} .rk-r1{transform:translateY(calc(var(--rk-h) * 2))} .rk-r2{transform:translateY(calc(var(--rk-h) * 3))}
  .rk-r3{transform:translateY(calc(var(--rk-h) * 4))} .rk-r4{transform:translateY(calc(var(--rk-h) * 5))} .rk-you{transform:translateY(0)}}
@media(max-width:900px){.hero-visual{min-height:0; margin-top:26px}}
@media(max-width:480px){.rk{--rk-h:52px} .bk-q{display:none} .bk-sub span{display:none} .rk-score i{display:none} .rk-price{width:48px; font-size:13px}}

/* ===== Cardul „Optimizat de Hosti”, pus in grafic: coltul liber din stanga-sus al plotului ===== */
#crestere .gw-prop{position:absolute; left:4%; top:3%; width:212px; background:#fff; border:1px solid rgba(14,26,47,.08); border-radius:14px; overflow:hidden; z-index:3; pointer-events:none;
  box-shadow:0 24px 50px -24px rgba(14,26,47,.45), 0 2px 6px rgba(14,26,47,.06); transform:rotate(-2deg);
  opacity:0; transition:opacity .6s ease .6s, transform .6s cubic-bezier(.2,.8,.3,1) .6s}
#crestere .gw-card.gw-on .gw-prop{opacity:1; transform:rotate(-2deg) translateY(0)}
#crestere .gw-prop-ph{position:relative; height:78px; background:linear-gradient(180deg,rgba(14,26,47,.05),rgba(14,26,47,.45)), url(../after-sm.jpg) center 40%/cover}
#crestere .gw-prop-ph .hv-pill{left:9px; top:9px; font-size:10px; padding:4px 9px}
#crestere .gw-prop-badge{position:absolute; right:8px; bottom:8px; display:inline-flex; align-items:center; gap:5px; background:rgba(255,255,255,.94); color:#0E9E86; font-size:10.5px; font-weight:800; padding:4px 8px 4px 6px; border-radius:999px; box-shadow:0 8px 16px -10px rgba(14,26,47,.6)}
#crestere .gw-prop-badge i{width:12px; height:12px; display:block; background:linear-gradient(140deg,#2AD9C0,#0AA184);
  -webkit-mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.9 C14.8 4.7 16.2 8 16.2 11.6 V14.1 L13.9 15.9 H10.1 L7.8 14.1 V11.6 C7.8 8 9.2 4.7 12 1.9Z'/%3E%3Cpath d='M7.8 11.9 L5 14.8 C4.5 15.3 4.6 16.1 5.3 16.4 L7.8 17.5Z'/%3E%3Cpath d='M16.2 11.9 L19 14.8 C19.5 15.3 19.4 16.1 18.7 16.4 L16.2 17.5Z'/%3E%3Cpath d='M10.3 17.3 L12 21.8 L13.7 17.3Z'/%3E%3C/svg%3E") center/contain no-repeat;
  mask:url("data:image/svg+xml;utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 1.9 C14.8 4.7 16.2 8 16.2 11.6 V14.1 L13.9 15.9 H10.1 L7.8 14.1 V11.6 C7.8 8 9.2 4.7 12 1.9Z'/%3E%3Cpath d='M7.8 11.9 L5 14.8 C4.5 15.3 4.6 16.1 5.3 16.4 L7.8 17.5Z'/%3E%3Cpath d='M16.2 11.9 L19 14.8 C19.5 15.3 19.4 16.1 18.7 16.4 L16.2 17.5Z'/%3E%3Cpath d='M10.3 17.3 L12 21.8 L13.7 17.3Z'/%3E%3C/svg%3E") center/contain no-repeat}
#crestere .gw-prop-b{padding:9px 11px 10px}
#crestere .gw-prop-b b{display:block; font-family:var(--disp); font-weight:700; font-size:12.5px; color:var(--navy); line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
#crestere .gw-prop-b span{display:block; margin-top:3px; font-size:11px; color:var(--muted); font-weight:600}
#crestere .gw-prop-b em{font-style:normal; color:var(--navy); font-weight:800}
@media(max-width:980px){#crestere .gw-prop{width:190px}}
@media(max-width:640px){#crestere .gw-prop{display:none}}

/* ajustari: widgetul Booking primeste mai mult loc in hero; cardul din grafic sta jos-dreapta, sub curba, fara sa acopere etichetele */
@media(min-width:901px){.hero-grid{grid-template-columns:1.12fr .88fr; gap:28px}}
.rk{width:min(500px,100%)}
.rk-txt b{font-size:13px}
.rk-score i{font-size:9.5px}
.rk-price{width:52px}
#crestere .gw-prop{left:auto; top:auto; right:2.5%; bottom:9%; width:200px; transform:rotate(1.5deg)}
#crestere .gw-card.gw-on .gw-prop{transform:rotate(1.5deg) translateY(0)}
/* widget Booking pe telefon: loc pentru numele proprietatilor */
@media(max-width:480px){
  .rk-list{gap:6px; padding:8px 8px 6px}
  .rk-nums{width:14px}
  .rk-thumb{width:32px; height:32px}
  .rk-score i{display:none}
  .rk-price{width:44px; font-size:13px}
  .rk-price small{display:none}
  .rk-txt b{font-size:12.5px}
  .rk-txt span{font-size:10.5px}
  .bk-sub span{display:none}
}

/* grafic mai inalt; cardul „Optimizat de Hosti” arata toata poza; „Algoritmul Hosti” sta pe bulina de la capatul curbei */
#crestere .gw-plot{height:clamp(250px,30vw,340px)}
#crestere .gw-prop{width:206px; right:0; bottom:3%}
#crestere .gw-prop-ph{height:auto; aspect-ratio:700/307; background:linear-gradient(180deg,rgba(14,26,47,.18),rgba(14,26,47,0) 55%), url(../after-sm.jpg) center/cover}
#crestere .gw-prop-b span strong{color:#0E9E86; font-weight:800}
#crestere .gw-marks .gw-mark-algo > i{display:none}
#crestere .gw-mark-algo .gw-mark-pill{bottom:calc(100% + 12px); transform:translateX(16px)}
#crestere .gw-mark-algo .gw-mark-pill::after{height:14px; right:16px}
@media(max-width:980px){#crestere .gw-prop{width:196px}}
@media(max-width:640px){#crestere .gw-plot{height:clamp(220px,52vw,300px)} #crestere .gw-mark-algo .gw-mark-pill{transform:translateX(12px)}}

/* widget-ul din hero fara bara cu logo; lista de rezultate incepe cu linia „proprietati gasite” */
.bk-sub{padding:12px 14px 10px; border-radius:16px 16px 0 0}
/* Dovezi: pe 3 coloane, captura cu impresiile se decupeaza cat e nevoie ca toate coloanele sa se termine la aceeasi linie */
@media(min-width:981px){
  #dovezi .pf-grid{align-items:stretch}
  #dovezi .pf-fill{display:flex; flex-direction:column; flex:1 1 auto; min-height:0}
  #dovezi .pf-fill .pf-shot{flex:1 1 0; height:0; min-height:120px; overflow:hidden}
  #dovezi .pf-fill .pf-shot img{width:100%; height:100%; object-fit:cover; object-position:left top}
  #dovezi .pf-fill figcaption{flex:none}
}

/* antetul widgetului din hero: mesaj Hosti, nu logo de platforma */
.rk-head{display:flex; align-items:center; gap:12px; padding:11px 14px; background:var(--navy,#0E1A2F); color:#fff; border-radius:16px 16px 0 0; position:relative; overflow:hidden}
.rk-head::before{content:""; position:absolute; inset:auto 0 0 0; height:2px; background:linear-gradient(90deg,var(--coral,#ED4C5C),#B03E7F 50%,var(--blue,#3F62D9))}
.rk-head-ic{flex:none; width:26px; height:26px; border-radius:50%; background:linear-gradient(140deg,var(--coral,#ED4C5C),var(--blue,#3F62D9)); display:grid; place-items:center; box-shadow:0 6px 14px -6px rgba(237,76,92,.8)}
.rk-head-ic::after{content:""; width:10px; height:10px; border-left:2.5px solid #fff; border-top:2.5px solid #fff; transform:translateY(2px) rotate(45deg); border-radius:1px}
.rk-head-t{font-family:var(--disp); font-size:14px; font-weight:800; letter-spacing:-.01em; line-height:1.2; white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
.rk-head-t b{font-weight:800; color:#fff}
.rk-head-t em{font-style:normal; background:linear-gradient(90deg,#FFB08F 0%,#FFD98A 100%); -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent}
.rk-head + .bk-sub{border-radius:0; padding-top:10px}
@media(max-width:480px){.rk-head{padding:9px 12px} .rk-head-t{font-size:12.5px; white-space:normal}}

/* Dovezi (3 coloane): si ultimele carduri din coloanele 2 si 3 cresc, ca toate trei coloanele sa se termine la aceeasi linie */
@media(min-width:981px){
  #dovezi .pf-grow{display:flex; flex-direction:column; flex:1 1 auto; min-height:0}
  #dovezi .pf-grow .pf-shot{flex:1 1 auto; min-height:0; overflow:hidden}
  #dovezi .pf-grow .pf-shot img{width:100%; height:100%; object-fit:cover; object-position:left top}
  #dovezi .pf-grow figcaption{flex:none}
  #dovezi .pf-crop.pf-grow .pf-shot{height:auto; min-height:230px}
}
/* grafic: mai lat si mai inalt; eticheta +40% mai aproape de capat; pastila „Algoritmul Hosti” pe luna 5 */
@media(min-width:901px){#crestere .gw-card{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}
#crestere .gw-plotbox{padding:0 62px 0 44px}
#crestere .gw-plot{height:clamp(260px,32vw,370px)}
#crestere .gw-end{transform:translate(9px,-50%)}
#crestere .gw-card.gw-on .gw-end{transform:translate(9px,-50%)}
#crestere .gw-end b{font-size:clamp(22px,2.2vw,28px)}
#crestere .gw-marks .gw-mark-algo > i{display:block}

/* hero: widgetul din dreapta se aliniaza cu titlul, nu pluteste la mijlocul coloanei */
@media(min-width:901px){
  .hero-grid{align-items:center}
  .hero-visual{min-height:0; margin-top:0}
}
/* pastila „Algoritmul Hosti”: fara scanteia care clipeste */
#crestere .gw-mark-algo .pill-algo::after, .pill-algo::after{display:none; animation:none}
#crestere .gw-mark-algo .pill-algo{padding:0 14px 0 11px}

/* Reduce Motion (setarea din telefon): pastram doar miscari blande — cuvantul din titlu se schimba prin fade, curba graficului se deseneaza */
@keyframes rotw-fade{0%{opacity:0} 6%{opacity:1} 22%{opacity:1} 28%{opacity:0} 100%{opacity:0}}
@media(prefers-reduced-motion:reduce){
  .rot>span{opacity:0; transform:none; animation:rotw-fade 8.8s linear infinite; animation-duration:8.8s !important; animation-iteration-count:infinite !important}
  .rot>span:first-child{opacity:0}
  .rot>span:nth-child(2){animation-delay:2.2s} .rot>span:nth-child(3){animation-delay:4.4s} .rot>span:nth-child(4){animation-delay:6.6s}
  #crestere .gw-draw{transition:clip-path 1.6s cubic-bezier(.22,.8,.3,1); transition-duration:1.6s !important}
}

.calc-side{top:96px}

/* ===== hero: notele de sub butoane + iconite pe butoane (runda 9) ===== */
.hero-notes{margin-top:14px; font-size:15px; line-height:1.6; color:var(--muted)}
.hero-notes p{margin:0}
.hero-notes b{color:var(--navy); font-weight:700}
.btn.btn-ic::before{content:""; width:20px; height:20px; flex:none}
.btn.ic-calc::before{background:currentColor; -webkit-mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='2' width='14' height='20' rx='2'/><rect x='8' y='5' width='8' height='4' rx='1'/><path d='M8 13h.01M12 13h.01M16 13h.01M8 17h.01M12 17h.01M16 17h.01'/></svg>") center/contain no-repeat; mask:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'><rect x='5' y='2' width='14' height='20' rx='2'/><rect x='8' y='5' width='8' height='4' rx='1'/><path d='M8 13h.01M12 13h.01M16 13h.01M8 17h.01M12 17h.01M16 17h.01'/></svg>") center/contain no-repeat}
.btn.ic-wa::before{width:26px; height:26px; background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'><circle cx='12' cy='12' r='11' fill='%2325D366'/><path d='M12 5.6a6.3 6.3 0 0 0-5.4 9.5L5.7 18.4l3.4-.9A6.3 6.3 0 1 0 12 5.6z' fill='none' stroke='%23fff' stroke-width='1.5' stroke-linejoin='round'/><path d='M9.6 9.1c.2-.4.4-.4.6-.4h.4c.1 0 .3 0 .4.3l.6 1.4c.1.1 0 .3 0 .4l-.4.5c-.1.1-.2.2-.1.4.3.5.7 1 1.2 1.4.5.4.9.6 1.2.7.2.1.3 0 .4-.1l.5-.6c.1-.2.3-.2.4-.1l1.3.6c.2.1.3.2.3.3 0 .2 0 .8-.3 1.2-.3.4-1 .8-1.5.8-.4 0-1.2-.1-2.6-.9-1.7-1-2.7-2.8-2.8-3-.1-.1-.6-.9-.6-1.7 0-.8.4-1.2.6-1.2z' fill='%23fff'/></svg>") center/contain no-repeat}

/* cele doua capturi cu text mic (Booking search views, calendar Airbnb) nu se citesc pe telefon */
@media(max-width:600px){.pf-hide-m{display:none}}


/* ===== runda 13 (19 sept 2026) ===== */

/* pastila „Tu ai proprietatea. / Noi știm ce vrea algoritmul.”: pe telefon ramane in hero,
   pe desktop sta in coloana din stanga a calculatorului (acelasi text, cheia hero_sub) */
.calc-claim{display:none}
@media(min-width:901px){
  .hero-sub{display:none}
  .calc-claim{display:block; margin-top:30px; font-family:var(--disp); font-weight:700;
    font-size:clamp(24px,2.3vw,31px); line-height:1.32; letter-spacing:-.02em; color:var(--navy)}
}

/* hero desktop: widgetul Booking mai mare, centrat in coloana lui; titlul scade putin pe ecranele
   de 900-1250px ca randul „Optimizăm + cuvantul” sa ramana in coloana */
@media(min-width:901px){
  .hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:40px; align-items:center}
  .hero h1, .hero-rot{font-size:clamp(27px,3.7vw,46px)}
  .hero-visual{justify-content:center; align-items:center}
  .rk{--rk-h:60px; width:min(540px,100%)}
  .rk-head{padding:13px 16px}
  .rk-head-t{font-size:15px}
  .rk-head-ic{width:28px; height:28px}
  .bk-sub{font-size:12.5px; padding:11px 16px 10px}
  .rk-list{padding:12px 14px 10px; gap:10px}
  .rk-nums{width:20px}
  .rk-nums i{font-size:13px}
  .rk-row{gap:12px; padding:0 11px 0 7px}
  .rk-thumb{width:44px; height:44px}
  .rk-txt b{font-size:14.5px}
  .rk-txt span{font-size:12px}
  .rk-score b{font-size:12.5px; padding:4px 6px}
  .rk-score i{font-size:10.5px}
  .rk-price{width:60px; font-size:15.5px}
  .rk-price small{font-size:10px}
  .rk-foot{font-size:12.5px; padding:11px 16px 14px}
}

/* telefon: titlul, pastila si cele doua etichete mai mari; cuvantul rotativ pe randul lui,
   ca sa aiba loc la aceeasi marime si sa se roteasca la fel ca pe desktop */
@media(max-width:860px){
  .hero h1, .hero-rot{font-size:clamp(27px,8.2vw,40px)}
  .hero-rot .rot{display:grid; margin-top:.06em}
  .hero-sub{font-size:clamp(22px,6.6vw,30px); margin-top:16px}
  .corebadges{gap:10px; margin-bottom:22px}
  .cb{font-size:15px; padding:10px 17px}
  .hero-notes{display:none}
}

/* bara de sus, doar pe telefon: oferta de lansare (pe desktop ramane nota din hero) */
.promo-m{display:none}
@media(max-width:860px){
  .promo-m{display:flex; align-items:center; justify-content:center; gap:10px; min-height:40px;
    padding:8px max(16px,env(safe-area-inset-right)) 8px max(16px,env(safe-area-inset-left));
    background:linear-gradient(100deg,var(--coral-d) 0%,#D13A72 55%,var(--blue) 118%); color:#fff;
    font-size:13.5px; font-weight:700; line-height:1.25; letter-spacing:-.005em; text-align:center}
  .promo-m b{flex:none; font-family:var(--disp); font-weight:800; font-size:13px; line-height:1;
    background:#fff; color:var(--coral-d); padding:5px 9px; border-radius:999px}
  .promo-m i{flex:none; font-style:normal; font-size:20px; line-height:1; opacity:.85; margin-top:-2px}
  .promo-m .pm-s{display:none}
}
/* telefoane mici (360-380px): bara pe un singur rand, etichetele din hero pe un singur rand */
@media(max-width:380px){
  .promo-m{gap:8px; font-size:13px}
  .promo-m .pm-l{display:none}
  .promo-m .pm-s{display:inline}
  .cb{font-size:14px; padding:9px 13px}
  .corebadges{gap:8px}
}

/* telefon: un singur WhatsApp fix (cel din bara de jos) si bara lipita corect de marginea de jos,
   inclusiv pe iPhone (zona barei de acasa), fara transparenta prin care se vede pagina */
@media(max-width:860px){
  .wa{display:none !important}
  .sticky-cta{background:#FBFAF8; -webkit-backdrop-filter:none; backdrop-filter:none;
    padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom,0px)) max(14px,env(safe-area-inset-left));
    transform:translate3d(0,110%,0); visibility:hidden; transition:transform .28s ease, visibility 0s linear .28s}
  body.sticky-on .sticky-cta{transform:translate3d(0,0,0); visibility:visible; transition:transform .28s ease, visibility 0s}
  .cookie{bottom:calc(12px + env(safe-area-inset-bottom,0px))}
  body.sticky-on .cookie{bottom:calc(84px + env(safe-area-inset-bottom,0px))}
}
.wrap{padding-left:max(24px,env(safe-area-inset-left)); padding-right:max(24px,env(safe-area-inset-right))}
/* fara comutatorul RO/EN: pe telefon butonul de meniu sta in dreapta, nu lipit de logo */
@media(max-width:860px){.nav-right{margin-left:auto}}

/* ===== runda 19: widgetul „Creștem vizibilitatea” (design nou, desktop + telefon) ===== */
/* Hosti · „Creștem vizibilitatea" */
.vz{width:100%;max-width:620px;margin:0 auto;padding:0;font-family:var(--body);font-weight:400;line-height:normal;letter-spacing:normal;text-align:left;color:#0E1A2F;-webkit-font-smoothing:antialiased}
.vz *,.vz *::before,.vz *::after{box-sizing:border-box;font-family:inherit;margin:0}
.vz svg{display:block;flex-shrink:0}
.vz .vz-i18{width:18px;height:18px}.vz .vz-i15{width:15px;height:15px}.vz .vz-i12{width:12px;height:12px}.vz .vz-i11{width:11px;height:11px}.vz .vz-i13{width:13px;height:13px}.vz .vz-i10{width:10px;height:10px}

/* ===== desktop (planșa „Desktop · cardul din hero") ===== */
.vz .vz-d{display:flex;flex-direction:column;width:100%;padding:14px;background:#FFFFFF;border:1px solid #E8E5E0;border-radius:26px;box-shadow:0 1px 2px rgba(14,26,47,.05),0 30px 60px -30px rgba(14,26,47,.35)}
.vz .vz-hw{display:flex;flex-direction:column;border-radius:18px 18px 0 0;overflow:hidden}
.vz .vz-h{display:flex;align-items:center;gap:14px;padding:16px 20px;background:#0E1A2F}
.vz .vz-hi{width:38px;height:38px;flex-shrink:0;border-radius:999px;background:linear-gradient(135deg,#F2656D 0%,#A35CE0 100%);box-shadow:0 0 0 4px rgba(242,101,109,.18);display:flex;align-items:center;justify-content:center}
.vz .vz-ht{font-size:19px;line-height:1.3;font-weight:800;letter-spacing:-.01em;color:#FFFFFF}
.vz .vz-ht span{color:#F7B58A}
.vz .vz-hbar{height:3px;background:linear-gradient(90deg,#E5484D 0%,#B04AD0 52%,#4A6CF0 100%)}
.vz .vz-sub{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 6px 12px 12px}
.vz .vz-found{min-width:0;font-size:14.5px;font-weight:700;color:#0E1A2F}
.vz .vz-sort{height:44px;flex-shrink:0;padding:0 14px;display:flex;align-items:center;gap:6px;background:#FFFFFF;border:1px solid #E3E6ED;border-radius:12px;font-size:13.5px;color:#4A5468;white-space:nowrap}
.vz .vz-sort b,.vz .vz-msort b{font-weight:700;color:#1E54B7}
.vz .vz-rule{height:1px;background:#ECEEF3}
.vz .vz-list{padding:12px 0;display:flex;flex-direction:column;gap:8px}
.vz .vz-li{display:flex;align-items:center;gap:8px}
.vz .vz-gut{width:30px;flex-shrink:0;display:flex;justify-content:center}
.vz .vz-gut-you{flex-direction:column;align-items:center;gap:4px}
.vz .vz-rk{font-size:17px;font-weight:700;color:#6B7486;font-variant-numeric:tabular-nums}
.vz .vz-rk-you{font-size:18px;line-height:1;font-weight:800;color:#C92F3B}
.vz .vz-upc{width:18px;height:18px;border-radius:999px;background:#E2F4EC;display:flex;align-items:center;justify-content:center}
.vz .vz-row{flex-grow:1;min-width:0;display:flex;align-items:center;gap:14px;padding:8px 14px 8px 8px;background:#FFFFFF;border:1px solid #E6E8EF;border-radius:16px}
.vz .vz-row-you{background:#FFF6F5;border:1.5px solid #E5484D;box-shadow:0 0 0 4px rgba(229,72,77,.1),0 16px 30px -18px rgba(229,72,77,.6)}
.vz .vz-img{width:84px;height:63px;flex-shrink:0;display:block;border-radius:11px;border:1px solid rgba(14,26,47,.1);background-size:cover;background-position:center;background-repeat:no-repeat}
.vz .vz-txt{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:4px}
.vz .vz-txt-you{align-items:flex-start;gap:5px}
.vz .vz-name{max-width:100%;font-size:16px;font-weight:700;color:#1E54B7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz .vz-meta{min-width:0;display:flex;align-items:center;gap:4px;font-size:13px;color:#4A5468}
.vz .vz-meta span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz .vz-pill{display:flex;align-items:center;gap:6px;padding:5px 12px 5px 9px;border-radius:999px;background:#FDE3E2;color:#B3262F;font-size:13.5px;font-weight:700;white-space:nowrap}
.vz .vz-rate{flex-shrink:0;display:flex;align-items:center;gap:8px}
.vz .vz-labs{display:flex;flex-direction:column;align-items:flex-end;gap:2px}
.vz .vz-lab{font-size:13px;font-weight:700;color:#0E1A2F;white-space:nowrap}
.vz .vz-rev{font-size:12px;color:#5F6879;white-space:nowrap}
.vz .vz-badge{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:#173A8C;color:#FFFFFF;font-size:15px;font-weight:800;display:flex;align-items:center;justify-content:center}
.vz .vz-price{width:64px;flex-shrink:0;display:flex;flex-direction:column;align-items:flex-end;gap:1px}
.vz .vz-amt{font-size:20px;font-weight:800;letter-spacing:-.01em;color:#0E1A2F;font-variant-numeric:tabular-nums}
.vz .vz-amt-you{color:#C92F3B}
.vz .vz-per{font-size:12px;color:#5F6879;white-space:nowrap}
.vz .vz-foot{display:flex;align-items:flex-start;gap:12px;padding:16px 12px 6px 14px}
.vz .vz-dot{width:10px;height:10px;flex-shrink:0;margin-top:6px;border-radius:999px;background:#22A37A;box-shadow:0 0 0 5px rgba(34,163,122,.15)}
.vz .vz-foot-t{font-size:14px;line-height:1.55;color:#4A5468}

/* ===== telefon (planșa „Mobil · 390 px") ===== */
.vz .vz-m{display:none;flex-direction:column;width:100%;padding:10px;background:#FFFFFF;border:1px solid #E8E5E0;border-radius:22px;box-shadow:0 1px 2px rgba(14,26,47,.05),0 24px 48px -26px rgba(14,26,47,.35)}
.vz .vz-m .vz-hw{border-radius:15px 15px 0 0}
.vz .vz-m .vz-h{gap:12px;padding:14px 16px}
.vz .vz-m .vz-hi{width:32px;height:32px;box-shadow:0 0 0 3px rgba(242,101,109,.18)}
.vz .vz-m .vz-ht{font-size:16px}
.vz .vz-msub{display:flex;flex-direction:column;align-items:flex-start;gap:2px;padding:12px 6px 4px 8px}
.vz .vz-msub .vz-found{font-size:14px}
.vz .vz-msort{height:44px;display:flex;align-items:center;gap:6px;font-size:13.5px;color:#4A5468;white-space:nowrap}
.vz .vz-mlist{padding:10px 0;display:flex;flex-direction:column;gap:8px}
.vz .vz-mli{display:flex;align-items:center;gap:12px;padding:8px;background:#FFFFFF;border:1px solid #E6E8EF;border-radius:16px}
.vz .vz-mli-you{background:#FFF6F5;border:1.5px solid #E5484D;box-shadow:0 0 0 3px rgba(229,72,77,.1),0 14px 26px -16px rgba(229,72,77,.6)}
.vz .vz-mth{position:relative;width:96px;height:72px;flex-shrink:0}
.vz .vz-mth .vz-img{width:96px;height:72px}
.vz .vz-mrk{position:absolute;top:5px;left:5px;display:flex;align-items:center;gap:3px}
.vz .vz-mnum{width:22px;height:22px;border-radius:999px;background:#FFFFFF;color:#0E1A2F;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(14,26,47,.25)}
.vz .vz-mnum-you{background:#C92F3B;color:#FFFFFF}
.vz .vz-mup{width:20px;height:20px;border-radius:999px;background:#E2F4EC;display:flex;align-items:center;justify-content:center;box-shadow:0 1px 3px rgba(14,26,47,.2)}
.vz .vz-mtx{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:5px}
.vz .vz-mtx-you{align-items:flex-start}
.vz .vz-mname{max-width:100%;font-size:15px;font-weight:700;color:#1E54B7;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz .vz-mmeta{font-size:12.5px;color:#4A5468;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz .vz-mpill{display:flex;align-items:center;gap:5px;padding:4px 10px 4px 8px;border-radius:999px;background:#FDE3E2;color:#B3262F;font-size:12.5px;font-weight:700;white-space:nowrap}
.vz .vz-mbot{align-self:stretch;display:flex;align-items:center;justify-content:space-between;gap:8px}
.vz .vz-mrate{display:flex;align-items:center;gap:6px;min-width:0}
.vz .vz-mbadge{width:26px;height:26px;flex-shrink:0;border-radius:8px;background:#173A8C;color:#FFFFFF;font-size:12.5px;font-weight:800;display:flex;align-items:center;justify-content:center}
.vz .vz-mlab{min-width:0;font-size:12.5px;font-weight:700;color:#0E1A2F;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.vz .vz-mprice{flex-shrink:0;white-space:nowrap;font-size:11px;color:#5F6879}
.vz .vz-mamt{font-size:17px;font-weight:800;letter-spacing:-.01em;color:#0E1A2F}
.vz .vz-mamt-you{color:#C92F3B}
.vz .vz-mfoot{display:flex;align-items:flex-start;gap:12px;padding:14px 10px 6px 12px}
.vz .vz-mfoot .vz-dot{margin-top:5px}
.vz .vz-mfoot .vz-foot-t{font-size:13.5px;line-height:1.5}

/* ===== animația: anunțul tău urcă de pe locul 6 pe 1 ===== */
.vz [data-vz-you]{position:relative;z-index:2}
.vz.is-climbing .vz-upc,.vz.is-climbing .vz-mup{opacity:0;transform:scale(.3)}
.vz.is-climbing .vz-row-you{box-shadow:0 0 0 4px rgba(229,72,77,.1),0 20px 34px -16px rgba(14,26,47,.35)}
.vz.is-climbing .vz-mli-you{box-shadow:0 0 0 3px rgba(229,72,77,.1),0 18px 30px -14px rgba(14,26,47,.35)}
.vz.is-won .vz-upc,.vz.is-won .vz-mup{transition:opacity .35s ease,transform .45s cubic-bezier(.34,1.56,.64,1)}
.vz.is-won .vz-row-you,.vz.is-won .vz-mli-you{transition:box-shadow .6s ease}
@media (prefers-reduced-motion:reduce){.vz *{transition:none!important}}

/* pe ecrane mici se arată varianta de telefon */
@media (max-width:600px){.vz .vz-d{display:none}.vz .vz-m{display:flex}}

/* cele 6 desene în creion (SVG inclus) */
.vz .vz-p1{background-color:#FBF2E8;background-image:url(/assets/camere/1-proprietatea-ta.svg)}
.vz .vz-p2{background-color:#FBEEE4;background-image:url(/assets/camere/2-apartament-central.svg)}
.vz .vz-p3{background-color:#EDF1F9;background-image:url(/assets/camere/3-studio-modern.svg)}
.vz .vz-p4{background-color:#F6F0E6;background-image:url(/assets/camere/4-hotel-europa.svg)}
.vz .vz-p5{background-color:#EEF6F1;background-image:url(/assets/camere/5-residence-park.svg)}
.vz .vz-p6{background-color:#F4EFF8;background-image:url(/assets/camere/6-city-apartments.svg)}

/* in hero: centrat in coloana lui, pe desktop si pe telefon */
.hero-visual .vz{max-width:560px; margin-inline:auto; position:relative; z-index:1}  /* peste halo-ul decorativ: fara dungi colorate intre randuri */
@media(min-width:901px){ .hero-visual{justify-content:center; align-items:center} }
@media(max-width:900px){ .hero-visual .vz{max-width:520px} }

/* ===== runda 20: widgetul putin mai mic pe desktop + poza reala a proprietatii (dormitorul cu tablia albastra) ===== */
.vz .vz-p1{background-color:#E9E4DC; background-image:url(/rk-you.jpg);
  background-image:image-set(url(/rk-you.webp) type("image/webp"), url(/rk-you.jpg) type("image/jpeg"));
  background-position:center 55%}
@media(min-width:601px){
  .hero-visual .vz{max-width:510px}
  .vz .vz-d{padding:12px; border-radius:24px}
  .vz .vz-hw{border-radius:16px 16px 0 0}
  .vz .vz-h{gap:12px; padding:14px 18px}
  .vz .vz-hi{width:34px; height:34px}
  .vz .vz-ht{font-size:17.5px}
  .vz .vz-sub{padding:10px 4px 10px 10px}
  .vz .vz-found{font-size:13.5px}
  .vz .vz-sort{height:40px; padding:0 12px; font-size:12.5px; border-radius:11px}
  .vz .vz-list{padding:10px 0; gap:7px}
  .vz .vz-gut{width:26px}
  .vz .vz-rk{font-size:16px}
  .vz .vz-rk-you{font-size:17px}
  .vz .vz-row{gap:12px; padding:7px 12px 7px 7px; border-radius:14px}
  .vz .vz-img{width:76px; height:57px; border-radius:10px}
  .vz .vz-name{font-size:15px}
  .vz .vz-meta{font-size:12.5px}
  .vz .vz-pill{padding:4px 10px 4px 8px; font-size:12.5px}
  .vz .vz-lab{font-size:12.5px}
  .vz .vz-rev{font-size:11.5px}
  .vz .vz-badge{width:31px; height:31px; border-radius:9px; font-size:14px}
  .vz .vz-price{width:58px}
  .vz .vz-amt{font-size:18.5px}
  .vz .vz-per{font-size:11.5px}
  .vz .vz-foot{padding:14px 10px 4px 12px}
  .vz .vz-foot-t{font-size:13px}
}

/* 2026-09-19: pe telefon butonul din hero arata doar „WhatsApp” */
.hero-cta .wa-short{display:none}
@media (max-width:600px){.hero-cta .wa-long{display:none}.hero-cta .wa-short{display:block}}

/* 2026-09-19: pe telefon, Recorduri vine dupa sectiunea de dovezi */
.reorder-m{display:flex; flex-direction:column}
.reorder-m > #rezultate{order:2}.reorder-m > .dovezi-sec{order:1}

/* 2026-09-19: titlu scurt pentru dovezi, pe telefon */
#dovezi .pf-head h3 .pf-h-short{display:none}
@media (max-width:600px){#dovezi .pf-head h3 .pf-h-long{display:none}#dovezi .pf-head h3 .pf-h-short{display:inline}}

/* 2026-09-19: pe telefon captura Airbnb „Guest Favorite” stă ultima,
   sub graficul cu încasările. Afisele raman primele (order:-1, mai sus). */
@media (max-width:620px){#dovezi .pf-m-last{order:1}}

/* 2026-09-19: pe telefon, „Optimizăm <cuvânt>” stă pe un singur rând.
   Cuvântul lung („Apartamente”) se micșorează cat să încapă; celelalte rămân la mărimea lor.
   Raportul .86 a fost ales ca să încapă și pe 375px (cel mai strâmt caz real). */
@media (max-width:860px){
  .hero-rot .rot{display:inline-grid; margin-top:0}
}
@media (max-width:600px){
  /* doar pe telefon e nevoie sa micsoram cuvantul lung; pe tableta incape intreg */
  .hero-rot .rot > .rw-lung{font-size:.86em; align-self:baseline}
}

/* 2026-09-19: ecrane foarte inguste (iPhone 5 / SE gen.1, sub 348px).
   Doua lucruri impingeau pagina in scroll orizontal:
   1) cardurile de cifre din hero — `repeat(2,1fr)` nu le lasa sub latimea
      cuvantului „proprietati” (2x156px = 324px); minmax(0,1fr) le lasa sa se stranga;
   2) randul rotativ „Optimizam <cuvant>”, care nu se poate rupe.
   Nu atinge niciun alt ecran. */
@media (max-width:347px){
  /* cardul de ranking are un minim de 324px si nu se poate stramta fara
     sa fie refacut; pe ecranele astea il scoatem, ca sa nu rupa pagina */
  .hero-visual{display:none}
  .hero-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero h1, .hero-rot{font-size:23px}
}

/* 2026-09-19, reguli doar pentru telefon (sub 600px) */
@media (max-width:600px){
  /* cardul „€1.150.000+ administrati” nu se afiseaza pe telefon */
  #rezultate .case-hide-m{display:none}
  /* sectiunea de articole „Ce invatam din conturile clientilor” nu se afiseaza pe telefon */
  #articole{display:none}
  /* graficul ramane curat: fara etichetele de pe curba, care se suprapun pe ecran mic */
  #crestere .gw-marks{display:none}
}

/* 2026-09-19 (runda 11) */
.checks-more{display:none}
@media (max-width:600px){
  /* cardul de optimizare arata 3 bife; restul, la cerere */
  .detail:not(.rm) .checks li:nth-child(n+4){display:none}
  .detail:not(.rm).checks-open .checks li{display:block}
  .checks-more{display:inline-flex; align-items:center; margin-top:12px; padding:0; border:0;
    background:none; font-family:var(--body); font-size:14.5px; font-weight:700;
    color:var(--coral); cursor:pointer}
  /* FAQ: patru intrebari stau pe paginile de servicii, nu si pe homepage */
  #faq details.faq-hide-m{display:none}
}
/* cat timp bannerul de cookie-uri e pe ecran, bara sticky nu se afiseaza:
   un singur strat jos, nu doua peste butonul verde de WhatsApp */
body.ck-open .sticky-cta{display:none}
@media(max-width:560px){body.ck-open .cookie{bottom:calc(12px + env(safe-area-inset-bottom,0px))}}

/* 2026-09-19 (runda 12) — sectiunea „Cum creste o listare” */
/* badge-ul cu perioada: pastila centrata sus, ca Dynamic Island.
   Latime fixa (min-width), ca sa nu isi schimbe marimea cand textul trece
   de la „la start” la „în prima lună”. Cardul are overflow:hidden, deci
   pastila sta in interior, la 12px de margine — exact ca pe iPhone. */
#crestere #gwWhenLbl{display:none}
#crestere .gw-chart{position:relative}
#crestere .gw-read-cells{margin-left:0}
#crestere .gw-read{padding-top:46px}
#crestere .gw-read-when{
  position:absolute; top:18px; left:50%; transform:translateX(-50%); z-index:4; margin:0;
  display:inline-flex; align-items:center; justify-content:center;
  min-width:132px; padding:9px 18px; border-radius:999px;
  background:rgba(237,76,92,.10); border:1px solid rgba(237,76,92,.24);
  color:var(--coral-d,#D43B4A);
  font-size:12.5px; font-weight:800; letter-spacing:.01em; text-transform:none;
  line-height:1; white-space:nowrap;
  box-shadow:0 8px 20px -12px rgba(237,76,92,.5);
  transition:background .25s ease}
#crestere .gw-read-when b{color:inherit; font-weight:800}
.gw-k-short{display:none}
@media (max-width:600px){
  /* eticheta rosie, scurta */
  #crestere .gw-k-long{display:none}
  #crestere .gw-k-short{display:inline}
  /* badge-ul singur pe primul rand, cele trei cifre pe al doilea */
  #crestere .gw-read{flex-wrap:wrap; padding-top:46px}
  /* pe telefon pastila sta in coltul din dreapta sus, nu centrata */
  #crestere .gw-read-when{top:16px; right:16px; left:auto; transform:none; min-width:124px}
  #crestere .gw-read-cells{width:100%; display:grid; grid-template-columns:repeat(3,minmax(0,1fr));
    gap:10px; margin-left:0}
  #crestere .gw-cell{min-width:0}
  #crestere .gw-cell-rev{padding-left:10px}
  /* serviciile, durata si planul nu se afiseaza pe telefon */
  #crestere .gw-chips, #crestere .gw-meta{display:none}
  /* ultima propozitie din poveste */
  #crestere .gw-body-last{display:none}
  /* bulinele de rezultat de sub cardurile de servicii */
  #servicii .outcome{display:none}
}

/* 2026-09-19 (runda 16) */
/* „venit lunar” sta langa pastila, nu sub ea */
/* „venit lunar” sta sub pastila, aliniat la marginea ei din dreapta */
#crestere .gw-bigrow{display:flex; flex-direction:column; gap:6px;
  width:-moz-fit-content; width:fit-content; margin-bottom:16px}
#crestere .gw-bigrow .gw-big{align-self:flex-start}
#crestere .gw-bigrow .gw-biglbl{margin:0; text-align:right}
@media (max-width:600px){
  /* bifele Booking / Airbnb / … din cardul fondatorului nu se afiseaza pe telefon */
  .about-card .creds{display:none}
}
@media (max-width:560px){
  /* „2.000.000 €+” trebuie sa incapa pe un rand; fara nowrap, simbolul cadea dedesubt */
  #cifre .sb-cell b{white-space:nowrap; font-size:clamp(21px,5.9vw,30px)}
  #cifre .sb-cell b i{font-size:.8em; margin-left:2px}
}

/* 2026-09-19 (runda 17) */
/* titlul sectiunii de servicii: aceleasi doua culori, dar mai inchise,
   ca sa se citeasca clar pe fundalul deschis */
#servicii .sec-head h2 .acc-c{color:var(--coral-d,#D43B4A)}
#servicii .sec-head h2 .acc-b{color:#2b47a8}
@media (max-width:600px){
  /* banda finala: pe telefon raman titlul si butoanele, fara paragraf.
     Spatiul dintre ele venea din marginea paragrafului, deci il mutam pe titlu. */
  .cta-band p{display:none}
  .cta-band h2{margin-bottom:26px}
}

/* 2026-09-19 (runda 20): pe desktop, „Cum creste o listare” vine dupa servicii.
   Pe telefon ordinea ramane cea din pagina: grafic, calculator, servicii. */
.reorder-d{display:flex; flex-direction:column}
@media (min-width:601px){
  .reorder-d > #calculator{order:1}
  .reorder-d > #servicii{order:2}
  .reorder-d > #crestere{order:3}
}