:root{
  color-scheme:light;
  --bg:#ffffff; --bg2:#f5f5f7; --ink:#1d1d1f; --mute:#6e6e73; --line:#d2d2d7;
  --accent:#1e7a34; --accent-ink:#ffffff; --nav:rgba(255,255,255,.78);
  --font:-apple-system,BlinkMacSystemFont,"SF Pro Display","SF Pro Text","Helvetica Neue",Helvetica,Arial,sans-serif;
}
*{box-sizing:border-box; margin:0; padding:0;}
html{scroll-behavior:smooth; -webkit-text-size-adjust:100%;}
body{font-family:var(--font); background:var(--bg); color:var(--ink); line-height:1.47; -webkit-font-smoothing:antialiased; text-rendering:optimizeLegibility;}
img{display:block; max-width:100%; height:auto;}
a{color:inherit; text-decoration:none;}
.wrap{max-width:1080px; margin:0 auto; padding:0 24px;}

/* Navigație */
header{position:sticky; top:0; z-index:50; background:var(--nav); -webkit-backdrop-filter:saturate(180%) blur(20px); backdrop-filter:saturate(180%) blur(20px); border-bottom:1px solid color-mix(in srgb,var(--line) 55%,transparent);}
.nav{display:flex; align-items:center; justify-content:space-between; height:52px; max-width:1080px; margin:0 auto; padding:0 24px;}
.brand{display:flex; align-items:center; gap:10px; font-size:15px; font-weight:600; letter-spacing:-.01em;}
.brand img{width:28px; height:28px; border-radius:50%; object-fit:cover;}
.links{display:flex; align-items:center; gap:28px; font-size:13px;}
.links a{color:var(--mute); transition:color .2s;}
.links a:hover,.links a.here{color:var(--ink);}
.links a.pill{background:var(--accent); color:var(--accent-ink); padding:7px 15px; border-radius:980px; font-weight:600;}
.links a.pill:hover{opacity:.88; color:var(--accent-ink);}

/* Pagina de blog */
.top{padding:72px 0 28px;}
.top h1{font-size:clamp(40px,7vw,64px); font-weight:700; letter-spacing:-.03em; line-height:1.05;}
.top p{font-size:clamp(19px,2.4vw,24px); color:var(--mute); margin-top:12px; max-width:640px; line-height:1.3; letter-spacing:-.01em;}
.tabs{display:flex; gap:26px; flex-wrap:wrap; margin:34px 0 36px; border-bottom:1px solid var(--line);}
.tab{font:inherit; font-size:14px; color:var(--mute); background:none; border:0; padding:0 0 12px; cursor:pointer; border-bottom:2px solid transparent; margin-bottom:-1px;}
.tab:hover{color:var(--ink);}
.tab.on{color:var(--ink); border-bottom-color:var(--ink); font-weight:600;}

.feature{position:relative; display:block; border-radius:28px; overflow:hidden; aspect-ratio:21/9; min-height:360px; color:#fff; background:#111; margin-bottom:56px;}
.feature img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1);}
.feature:hover img{transform:scale(1.03);}
.feature::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,0) 35%,rgba(0,0,0,.72) 100%);}
.feature .ft{position:absolute; z-index:2; left:0; right:0; bottom:0; padding:40px 44px;}
.feature .cat{color:#fff; opacity:.85;}
.feature h2{font-size:clamp(28px,4.4vw,46px); font-weight:700; letter-spacing:-.025em; line-height:1.08; max-width:760px; margin:8px 0 10px;}
.feature p{font-size:19px; opacity:.88; max-width:620px; line-height:1.35;}

.grid{display:grid; grid-template-columns:repeat(3,1fr); gap:48px 28px;}
.card{display:block;}
.card[hidden]{display:none;}
.thumb{border-radius:18px; overflow:hidden; aspect-ratio:3/2; background:var(--bg2);}
.thumb img{width:100%; height:100%; object-fit:cover; transition:transform .6s cubic-bezier(.2,.8,.2,1);}
.card:hover .thumb img{transform:scale(1.04);}
.cb{padding-top:16px;}
.cat{display:block; font-size:14px; font-weight:600; color:var(--mute);}
.cb h3{font-size:21px; font-weight:600; letter-spacing:-.015em; line-height:1.19; margin:6px 0 8px;}
.card:hover h3{color:var(--accent);}
.date{font-size:13px; color:var(--mute);}
.list{padding-bottom:100px;}

/* Articol */
.art-head{text-align:center; padding:72px 0 8px; max-width:820px; margin:0 auto;}
.art-head .cat{color:var(--accent);}
.art-head h1{font-size:clamp(34px,6vw,56px); font-weight:700; letter-spacing:-.03em; line-height:1.07; margin:14px 0 18px;}
.art-head .lead{font-size:clamp(19px,2.3vw,24px); line-height:1.33; color:var(--mute); letter-spacing:-.01em; max-width:700px; margin:0 auto 18px;}
.art-head .date{font-size:14px;}
.hero{max-width:1000px; margin:40px auto 0; padding:0 24px;}
.hero img{width:100%; aspect-ratio:16/9; object-fit:cover; border-radius:28px;}
.read{max-width:680px; margin:0 auto; padding:56px 24px 40px;}
.toc{padding:0 0 28px; margin:0 0 36px; border-bottom:1px solid var(--line);}
.toc strong{display:block; font-size:15px; font-weight:600; margin-bottom:10px;}
.toc ol{list-style:none; counter-reset:t;}
.toc li{counter-increment:t; padding:5px 0; font-size:17px;}
.toc li::before{content:counter(t) "  "; color:var(--mute); font-variant-numeric:tabular-nums;}
.toc a:hover{color:var(--accent);}
.prose{font-size:19px; line-height:1.58; letter-spacing:-.003em;}
.prose p{margin:0 0 1.15em;}
.prose h2{font-size:30px; font-weight:700; letter-spacing:-.02em; line-height:1.15; margin:2.2em 0 .55em; scroll-margin-top:80px;}
.prose h3{font-size:22px; font-weight:600; letter-spacing:-.012em; margin:1.8em 0 .4em;}
.prose ul,.prose ol{margin:0 0 1.3em 1.3em;}
.prose li{margin:.45em 0; padding-left:.2em;}
.prose li::marker{color:var(--mute);}
.prose a{color:var(--accent); border-bottom:1px solid color-mix(in srgb,var(--accent) 35%,transparent);}
.prose a:hover{border-bottom-color:var(--accent);}
.prose strong{font-weight:600;}
.callout{background:var(--bg2); border-radius:20px; padding:24px 28px; margin:2em 0; font-size:18px; line-height:1.5;}
.table-wrap{overflow-x:auto; margin:1.8em -4px; padding:0 4px;}
table{border-collapse:collapse; width:100%; font-size:16px; line-height:1.4;}
th{font-size:13px; font-weight:600; color:var(--mute); text-align:left; padding:0 14px 12px 0; border-bottom:1px solid var(--ink);}
td{padding:14px 14px 14px 0; border-bottom:1px solid var(--line); vertical-align:top;}
td:first-child{font-weight:600;}
.credit{font-size:12px; color:var(--mute); margin-top:48px;}

/* Încheiere articol */
.closing{background:var(--bg2); text-align:center; padding:80px 24px;}
.closing h2{font-size:clamp(30px,5vw,44px); font-weight:700; letter-spacing:-.025em; line-height:1.1; max-width:640px; margin:0 auto 14px;}
.closing p{font-size:20px; color:var(--mute); max-width:560px; margin:0 auto 28px; line-height:1.35;}
.btns{display:flex; justify-content:center; align-items:center; gap:22px; flex-wrap:wrap;}
.btn{display:inline-block; background:var(--accent); color:var(--accent-ink); font-size:17px; font-weight:600; padding:13px 26px; border-radius:980px; transition:opacity .2s;}
.btn:hover{opacity:.88;}
.link{font-size:17px; color:var(--accent);}
.link:hover{text-decoration:underline;}
.more{padding:80px 0 90px;}
.more h2{font-size:32px; font-weight:700; letter-spacing:-.02em; margin-bottom:32px;}

/* Subsol */
footer{background:var(--bg2); color:var(--mute); font-size:12px; line-height:1.6; padding:28px 0 36px; border-top:1px solid color-mix(in srgb,var(--line) 55%,transparent);}
footer .cols{display:flex; gap:56px; flex-wrap:wrap; padding:8px 0 24px; border-bottom:1px solid var(--line);}
footer h4{font-size:12px; font-weight:600; color:var(--ink); margin-bottom:8px;}
footer a{display:block; color:var(--mute); margin-bottom:5px;}
footer a:hover{color:var(--ink); text-decoration:underline;}
footer p.fine{margin-top:18px;}

@media (max-width:900px){
  .grid{grid-template-columns:repeat(2,1fr);}
  .feature{aspect-ratio:4/3;}
  .feature .ft{padding:28px;}
}
@media (max-width:640px){
  .grid{grid-template-columns:1fr; gap:40px;}
  .brand span{display:none;}
  .links{gap:18px;}
  .top{padding-top:44px;}
  .art-head{padding-top:44px;}
  .hero img{border-radius:20px;}
  .feature{border-radius:20px; aspect-ratio:3/4; min-height:0;}
  .prose{font-size:18px;}
  .prose h2{font-size:26px;}
  footer .cols{gap:28px;}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important; scroll-behavior:auto!important;}}

/* Pagina principală */
.sec{padding:96px 0;}
.sec.alt{background:var(--bg2);}
.sec h2.t{font-size:clamp(32px,5.4vw,52px); font-weight:700; letter-spacing:-.03em; line-height:1.07; max-width:760px;}
.sec p.s{font-size:clamp(19px,2.3vw,23px); color:var(--mute); line-height:1.35; letter-spacing:-.01em; max-width:640px; margin-top:14px;}
.center{text-align:center;}
.center h2.t,.center p.s{margin-left:auto; margin-right:auto;}

.h-hero{text-align:center; padding:84px 24px 0;}
.h-hero h1{font-size:clamp(40px,7.6vw,84px); font-weight:700; letter-spacing:-.04em; line-height:1.03; max-width:980px; margin:0 auto;}
.h-hero .sub{font-size:clamp(19px,2.6vw,26px); color:var(--mute); line-height:1.3; letter-spacing:-.012em; max-width:700px; margin:22px auto 0;}
.h-hero .btns{margin-top:32px;}
.h-hero figure{max-width:1180px; margin:64px auto 0;}
.h-hero img{width:100%; aspect-ratio:16/8.4; object-fit:cover; border-radius:30px;}

.tiles{display:grid; grid-template-columns:1fr 1fr; gap:20px; margin-top:56px;}
.tile{position:relative; display:flex; flex-direction:column; justify-content:flex-end; min-height:560px; border-radius:30px; overflow:hidden; color:#fff; background:#111;}
.tile img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.8,.2,1);}
.tile:hover img{transform:scale(1.03);}
.tile::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(0,0,0,.38) 0%,rgba(0,0,0,0) 38%,rgba(0,0,0,.74) 100%);}
.tile .in{position:relative; z-index:2; padding:36px 38px 38px;}
.tile h3{font-size:clamp(32px,4vw,44px); font-weight:700; letter-spacing:-.028em; line-height:1.08;}
.tile p{font-size:18px; line-height:1.4; margin:10px 0 18px; opacity:.92; max-width:460px;}
.tile .more{font-size:17px; font-weight:600; color:#fff;}
.tile .more:hover{text-decoration:underline;}

.promises{display:grid; grid-template-columns:repeat(3,1fr); gap:56px; margin-top:8px;}
.promises h3{font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1.15; margin-bottom:12px;}
.promises p{font-size:18px; color:var(--mute); line-height:1.45;}

.steps{margin-top:48px; max-width:860px; border-top:1px solid var(--line);}
.step{display:grid; grid-template-columns:96px 1fr; gap:12px; padding:30px 0; border-bottom:1px solid var(--line); align-items:baseline;}
.step .n{font-size:44px; font-weight:700; letter-spacing:-.03em; color:var(--mute); line-height:1; font-variant-numeric:tabular-nums;}
.step h3{font-size:26px; font-weight:700; letter-spacing:-.02em; line-height:1.2;}
.step p{font-size:18px; color:var(--mute); margin-top:6px; line-height:1.45;}

.zones{font-size:clamp(26px,4.2vw,44px); font-weight:700; letter-spacing:-.025em; line-height:1.2; max-width:900px; color:var(--mute);}
.zones b{color:var(--ink); font-weight:700;}

.faq{max-width:760px; margin:40px auto 0; border-top:1px solid var(--line); text-align:left;}
.faq details{border-bottom:1px solid var(--line);}
.faq summary{list-style:none; cursor:pointer; padding:22px 40px 22px 0; font-size:21px; font-weight:600; letter-spacing:-.012em; position:relative;}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+"; position:absolute; right:4px; top:50%; transform:translateY(-52%); font-size:30px; font-weight:300; color:var(--mute); transition:transform .25s;}
.faq details[open] summary::after{transform:translateY(-52%) rotate(45deg);}
.faq details p{padding:0 40px 24px 0; font-size:18px; color:var(--mute); line-height:1.5;}

.blog-home .grid{margin-top:48px;}
.blog-home .all{margin-top:44px; font-size:17px;}
.blog-home .all a{color:var(--accent); font-weight:600;}
.blog-home .all a:hover{text-decoration:underline;}

.phones{display:flex; justify-content:center; gap:14px; flex-wrap:wrap; margin-top:30px;}
.phones a{font-size:clamp(22px,3.4vw,30px); font-weight:700; letter-spacing:-.02em; padding:14px 30px; border-radius:980px; background:var(--accent); color:var(--accent-ink);}
.phones a:nth-child(2){background:transparent; color:var(--ink); box-shadow:inset 0 0 0 2px var(--line);}
.phones a:hover{opacity:.88;}

@media (max-width:900px){
  .tiles{grid-template-columns:1fr;}
  .tile{min-height:440px;}
  .promises{grid-template-columns:1fr; gap:36px;}
  .sec{padding:68px 0;}
}
@media (max-width:640px){
  .h-hero{padding-top:52px;}
  .h-hero figure{margin-top:44px;}
  .h-hero img{aspect-ratio:4/3; border-radius:22px;}
  .step{grid-template-columns:56px 1fr;}
  .step .n{font-size:32px;}
  .tile{border-radius:22px;}
  .tile .in{padding:26px;}
}

#zone{padding-bottom:0;}
#servicii,#blog{scroll-margin-top:52px;}
.btns{margin-top:0;}

/* Rețele sociale și distribuire */
.social-sec{padding-top:24px;}
.social-btns,.share-btns{display:flex; gap:12px; flex-wrap:wrap; margin-top:28px;}
.social-btns a,.share-btns a,.share-btns button{font:inherit; font-size:17px; font-weight:600; padding:12px 24px; border-radius:980px; background:var(--bg2); color:var(--ink); border:0; cursor:pointer; transition:background .2s,color .2s;}
.social-btns a:hover,.share-btns a:hover,.share-btns button:hover{background:var(--accent); color:var(--accent-ink);}
.share{padding:56px 0 8px;}
.share .wrap{max-width:680px;}
.share h2{font-size:26px; font-weight:700; letter-spacing:-.02em;}
.share .share-btns{margin-top:18px;}
.share .follow{margin-top:22px; font-size:16px; color:var(--mute);}
.share .follow a{color:var(--accent); font-weight:600;}

.ai-badge{display:inline-block; margin:14px auto 0; padding:5px 14px; font-size:13px; font-weight:600; color:var(--mute); border:1px solid var(--line); border-radius:980px;}
.ai-badge:hover{color:var(--ink); border-color:var(--mute);}
.art-head .ai-badge{display:table;}