:root{--g:#0F4A33;--r:#C8241B;--y:#F2B41B;--c:#F6EFDF;--w:#FFFBF1;--ink:#15211B;--sand:#E2D3B5;--focus:#1B45C9;
  padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
html{scroll-behavior:smooth;scroll-padding-top:86px}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
body{margin:0;background:var(--c);color:var(--ink);font-family:'Archivo','Helvetica Neue',Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
p{margin:0}
:focus-visible{outline:3px solid #fff;outline-offset:3px;box-shadow:0 0 0 6px var(--focus);border-radius:6px}
main:focus{outline:none;box-shadow:none}
.sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.skip{position:absolute;left:16px;top:-60px;z-index:50;background:var(--g);color:var(--c);padding:12px 18px;border-radius:999px;font-weight:700}
.skip:focus{top:16px}

.wm{font-weight:900;font-stretch:125%;letter-spacing:-.02em;line-height:.9;margin:0}
.it{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;line-height:1;margin:0}
.desc{font-weight:700;font-stretch:110%;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(10px,1.2vw,14px)}
.desc.g{color:var(--g);margin-top:10px}

/* Simbolul: la bocca del forno */
.arch{display:inline-flex;flex-direction:column;align-items:center;--s:44px}
.arch i{position:relative;display:block;width:var(--s);height:calc(var(--s)*1.12);background:var(--arch-fg,var(--c));border-radius:calc(var(--s)/2) calc(var(--s)/2) 0 0}
.arch i::before{content:"";position:absolute;left:20%;bottom:0;width:60%;height:66%;background:var(--arch-bg,var(--g));border-radius:30% 30% 0 0/45% 45% 0 0}
.arch i::after{content:"";position:absolute;left:38%;bottom:0;width:24%;height:12%;background:var(--y);border-radius:50% 50% 0 0/100% 100% 0 0}
.arch b{display:block;width:calc(var(--s)*1.3);height:calc(var(--s)*.09);background:var(--arch-fg,var(--c));border-radius:99px}

/* Nav: fundal solid pentru contrast constant, indiferent de fotografie */
.nav{position:fixed;top:0;left:0;right:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:76px;padding:calc(10px + env(safe-area-inset-top,0px)) clamp(16px,3vw,32px) 10px;background:var(--g);color:var(--c);box-shadow:0 2px 0 rgba(246,239,223,.2)}
.brand{display:flex;align-items:center;flex:0 1 210px;min-width:0;min-height:44px}
.brand img{width:100%;max-width:210px;height:auto}
.pill{display:inline-flex;align-items:center;flex:0 0 auto;min-height:44px;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:20px;border:1px solid rgba(246,239,223,.55);border-radius:999px;padding:9px 15px;line-height:1;background:rgba(246,239,223,.08)}
.pill:hover{background:var(--c);color:var(--g)}

/* Hero */
.hero{position:relative;min-height:100svh;min-height:100dvh;display:grid;grid-template-rows:1fr auto;color:var(--c);overflow:hidden;isolation:isolate;padding-top:76px}
.hero .bg{position:absolute;inset:0;z-index:-2;width:100%;height:100%;object-fit:cover;transform:scale(1.04);animation:kb 14s ease-in-out infinite alternate}
@keyframes kb{to{transform:scale(1.12) translateY(-2%)}}
.hero .veil{position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,74,51,.25) 0%,rgba(15,74,51,.15) 45%,rgba(15,74,51,.92) 100%)}
.hero .top{display:flex;align-items:flex-end;padding:clamp(80px,12vh,150px) clamp(16px,3vw,32px) 26px}
.hero-symbol{width:clamp(78px,9vw,118px);height:auto;box-shadow:0 12px 40px rgba(0,0,0,.24)}
.hero .bottom{padding:24px clamp(16px,3vw,32px) clamp(28px,4vw,48px);background:var(--g)}
.hero-wordmark{margin:14px 0 0;line-height:0}
.hero-wordmark img{width:min(100%,1100px);height:auto}
.hero .row{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:20px;margin-top:22px}
.hero .tag{font-size:clamp(28px,4vw,54px);color:var(--y)}

/* Buton */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:14px;background:var(--r);color:var(--c);border:0;cursor:pointer;padding:20px 30px;border-radius:999px;font:900 clamp(16px,1.6vw,20px)/1 'Archivo',sans-serif;font-stretch:120%;letter-spacing:.02em;text-transform:uppercase;transition:transform .2s cubic-bezier(.2,.8,.2,1),background .2s;min-height:56px}
.btn:hover{transform:translateY(-2px) scale(1.02)}
.btn:active{transform:scale(.98)}
.btn[disabled]{opacity:.6;cursor:wait;transform:none}
.btn .ar{display:inline-block;transition:transform .2s}
.btn:hover .ar{transform:translateX(6px)}
.btn.alt{background:var(--g)}

/* Bandă */
.mq{background:var(--r);color:var(--c);overflow:hidden;padding:18px 0;border-top:3px solid var(--c)}
.mq .track{display:flex;width:max-content;animation:mq 26s linear infinite}
.mq span{font-weight:900;font-stretch:125%;font-size:clamp(22px,3.2vw,40px);padding:0 .6em;white-space:nowrap}
.mq span::after{content:"·";margin-left:1.2em;color:var(--y)}
@keyframes mq{to{transform:translateX(-50%)}}

/* Contor */
.count{padding:clamp(70px,11vw,150px) clamp(16px,3vw,32px);display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(32px,5vw,72px);align-items:center;max-width:1400px;margin:0 auto}
.num{max-width:100%;font-size:clamp(88px,20vw,300px);color:var(--g);font-variant-numeric:tabular-nums;display:inline-block;overflow-wrap:anywhere;transition:transform .35s cubic-bezier(.2,.9,.2,1.4),color .35s}
.num.pop{transform:scale(1.06);color:var(--r)}
.lbl{font-size:clamp(26px,3.2vw,44px);color:var(--g);margin-top:8px;font-weight:400}
.side{display:flex;flex-direction:column;gap:22px}
.side p:first-child{font-size:clamp(17px,1.5vw,20px);line-height:1.5;max-width:44ch}
.dots{display:flex;gap:8px;flex-wrap:wrap;max-width:420px;min-height:36px}
.dots i{width:14px;height:14px;border-radius:50%;background:var(--sand);transition:background .3s,transform .3s}
.dots i.on{background:var(--g)}
.dots i.me{background:var(--r);transform:scale(1.35)}
.thanks{font-size:clamp(24px,2.6vw,34px);color:var(--r);min-height:0}
.thanks:empty{display:none}
.step2{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:start;width:100%}
.step2[hidden]{display:none}
.step2 input{width:100%;min-width:0;border:2px solid var(--g);background:var(--w);border-radius:999px;padding:16px 22px;font:500 17px 'Archivo',sans-serif;color:var(--ink);outline:none;min-height:56px}
.step2 input:focus{border-color:var(--focus);box-shadow:0 0 0 3px rgba(27,69,201,.25)}
.step2 input[aria-invalid="true"]{border-color:var(--r)}
.err{grid-column:1/-1;color:var(--r);font-weight:600;font-size:15px}
.err:empty{display:none}
.ok{font-size:26px;color:var(--g)}
.privacy{font-size:14px!important;line-height:1.4!important;color:#52635a;max-width:none!important}

/* Trei */
.three{display:grid;grid-template-columns:repeat(3,1fr)}
.three a{position:relative;aspect-ratio:4/5;overflow:hidden;color:var(--c);display:block;isolation:isolate}
.three img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.three a:hover img,.three a:focus-visible img{transform:scale(1.06)}
.three a::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,transparent 40%,rgba(21,33,27,.78))}
.three .cap{position:absolute;left:28px;right:28px;bottom:28px;display:flex;flex-direction:column;gap:6px}
.three .cap strong{font-size:clamp(34px,4.6vw,70px);margin:0;display:block}
.three em{font-size:clamp(20px,2vw,28px);color:var(--y)}
.three a:nth-of-type(1) em{color:#FF8A7E}
.three a:nth-of-type(2) em{color:#9DBBFF}

/* Manifest */
.mani{background:var(--g);color:var(--c);padding:clamp(80px,12vw,160px) 24px;text-align:center}
.mani h2{margin:0 auto;font-size:clamp(40px,7.5vw,120px);max-width:14ch}
.mani h2 span{color:var(--y)}
.stats{display:flex;justify-content:center;gap:clamp(24px,6vw,90px);flex-wrap:wrap;margin:clamp(40px,6vw,80px) 0 0}
.stats div{display:flex;flex-direction:column;gap:6px}
.stats dt{font-size:clamp(48px,7vw,110px);line-height:.9}
.stats dd{margin:0;font-size:14px;letter-spacing:.24em;text-transform:uppercase;font-weight:700}

/* Ce facem */
.what{background:var(--w);color:var(--ink);padding:clamp(64px,9vw,130px) max(clamp(16px,3vw,32px),calc((100% - 1400px) / 2))}
.what-head{max-width:70ch}
.what h2{font-weight:900;font-stretch:112%;letter-spacing:-.02em;line-height:1.02;font-size:clamp(32px,4.6vw,66px);color:var(--g);margin:0}
.what .lede{margin-top:20px;font-size:clamp(17px,1.5vw,21px);line-height:1.55;color:#28362e;max-width:66ch}
.what .lede strong{font-weight:700;color:var(--g)}
.what-list{list-style:none;margin:clamp(36px,5vw,64px) 0 0;padding:0;display:grid;gap:clamp(24px,3vw,40px);grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.what-list li{border-top:3px solid var(--sand);padding-top:18px}
.what-list h3{margin:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(25px,2.6vw,34px);color:var(--g);line-height:1.1}
.what-list p{margin-top:10px;font-size:16px;line-height:1.55;color:#33443b}

/* Întrebări */
.faq{background:var(--c);padding:clamp(64px,9vw,130px) max(clamp(16px,3vw,32px),calc((100% - 1400px) / 2))}
.faq h2{font-weight:900;font-stretch:112%;letter-spacing:-.02em;line-height:1.02;font-size:clamp(30px,4vw,56px);color:var(--g);margin:0;max-width:20ch}
.faq-list{margin-top:clamp(32px,4vw,56px);display:grid;gap:clamp(24px,3vw,40px) clamp(32px,5vw,72px);grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr))}
.faq-list h3{margin:0;font-size:clamp(18px,1.6vw,21px);font-weight:800;font-stretch:108%;color:var(--ink);line-height:1.25}
.faq-list p{margin-top:9px;font-size:16px;line-height:1.6;color:#33443b}
.faq-list a{color:var(--g);font-weight:700;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:2px}
.faq-list a:hover{color:var(--r)}

/* Presto */
.band{position:relative;min-height:70svh;display:grid;place-items:center;color:var(--c);overflow:hidden;isolation:isolate;text-align:center;padding:60px 24px}
.band img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;filter:saturate(1.1)}
.band::after{content:"";position:absolute;inset:0;z-index:-1;background:rgba(21,33,27,.38)}
.band h2{font-size:clamp(56px,12vw,180px)}
.band .it{font-size:clamp(24px,3.4vw,44px);color:var(--y);margin-top:10px}

/* Footer */
.foot{background:var(--c);padding:70px 24px 40px;display:grid;gap:36px;grid-template-columns:1fr auto;align-items:end;max-width:1400px;margin:0 auto}
.footer-logo{width:min(100%,360px);height:auto}
.foot ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-weight:700;letter-spacing:.14em;font-size:13px;text-transform:uppercase;color:var(--g);text-align:right}
.foot ul a{display:inline-flex;align-items:center;min-height:44px;border-bottom:2px solid transparent}
.foot ul a:hover{border-color:var(--r)}
.foot .fine{grid-column:1/-1;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:2px solid var(--sand);padding-top:18px;font-size:13px;color:#4f5f57}
.foot .fine .it{font-size:18px;color:var(--g)}

/* CTA lipit, mobil */
.sticky{position:fixed;left:0;right:0;bottom:0;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));z-index:15;display:none;background:linear-gradient(180deg,transparent,rgba(246,239,223,.92) 40%)}
.sticky .btn{width:100%}
.sticky.hide,.sticky.out{transform:translateY(120%)}
.sticky{transition:transform .3s}

@media (max-width:820px){
  .count{grid-template-columns:1fr;gap:28px}
  .three{grid-template-columns:1fr}
  .three a{aspect-ratio:16/11}
  .foot{grid-template-columns:1fr}
  .foot ul{text-align:left}
  .sticky{display:block}
  .hero .row .btn{display:none}
  body{padding-bottom:90px}
}
@media (max-width:560px){
  html{scroll-padding-top:70px}
  .nav{min-height:66px;gap:12px;padding-top:calc(8px + env(safe-area-inset-top,0px));padding-bottom:8px}
  .brand{flex-basis:154px}
  .brand img{max-width:154px}
  .pill{font-size:17px;padding:8px 12px}
  .hero{padding-top:66px}
  .hero .top{padding-top:52px}
  .hero .bottom{padding-bottom:26px}
  .hero .row{align-items:flex-start;flex-direction:column;margin-top:16px}
  .hero .tag{font-size:clamp(25px,8vw,36px)}
  .btn{width:100%;padding:17px 20px;font-size:15px;min-height:54px}
  .count{padding-top:64px;padding-bottom:64px}
  .num{font-size:clamp(76px,25vw,124px);line-height:.86}
  .lbl{font-size:28px}
  .side{gap:18px}
  .dots{gap:6px}
  .dots i{width:11px;height:11px}
  .step2{grid-template-columns:1fr}
  .step2 .btn{width:100%}
  .err{grid-column:1}
  .three a{aspect-ratio:4/3}
  .three .cap{left:18px;right:18px;bottom:18px}
  .mani,.band{padding-left:16px;padding-right:16px}
  .foot{padding:54px 16px 30px}
  .foot .fine{flex-direction:column}
}
@media (max-width:360px){
  .brand{flex-basis:132px}
  .brand img{max-width:132px}
  .pill{font-size:15px;padding:8px 10px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .hero .bg,.mq .track{animation:none}
  .btn,.btn .ar,.three img,.num,.dots i,.sticky{transition:none}
}