:root {
 --fundal:#ffffff; --fundal-alt:#f7f8f9; --card:#fff;
 --text:#20282d; --text-slab:#606c74; --linie:#cdd3d7;
 --accent:#245c86; --accent-tare:#194969; --accent-text:#fff;
 --film:#19252e; --film-text:#e8edf0;
 font-synthesis:none;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:28px}
body{margin:0;background:var(--fundal);color:var(--text);font:16px/1.6 'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-underline-offset:5px}
button,input,select,textarea{font:inherit}
button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}
:focus-visible{outline:3px solid #568ab2;outline-offset:5px}
img{max-width:100%;display:block}
p{margin:0 0 1em}
h1,h2,h3{font-weight:500;line-height:1.15;margin:0;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,4.4vw,4.6rem);max-width:850px}
h2{font-size:clamp(1.9rem,3vw,3rem)}
h3{font-size:1.25rem;letter-spacing:-.02em}
.cont{width:calc(100% - 112px);max-width:1328px;margin-inline:auto}
.bara{background:var(--fundal);border-bottom:1px solid var(--linie)}
.bara-in{display:flex;align-items:center;gap:36px;min-height:88px}
.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:650;font-size:1.1rem;letter-spacing:-.04em;white-space:nowrap}
.logo img{width:24px;height:24px}
.meniu{display:flex;gap:26px;margin-left:auto}
.meniu a{text-decoration:none;font-size:.8rem;color:var(--text-slab)}
.meniu a:hover{color:var(--accent)}
.bara-dr{display:flex;align-items:center;gap:24px}
.limba{border:0;padding:5px 0;background:none;color:var(--text-slab);font:12px Consolas,monospace;cursor:pointer}
.bara .limba{position:relative;isolation:isolate;display:inline-grid;grid-template-columns:1fr 1fr;flex-shrink:0;gap:0;padding:3px;border:1px solid #d8d8d5;border-radius:11px;background:#eaeae780;box-shadow:inset 0 1px 2px #00000004;cursor:default}
.bara .limba::before{content:'';position:absolute;z-index:-1;top:3px;bottom:3px;left:3px;width:calc((100% - 6px)/2);border-radius:8px;background:#fff;box-shadow:0 1px 3px #00000017,0 0 0 1px #00000003;transition:transform .2s ease}
.bara .limba[data-active="en"]::before{transform:translateX(100%)}
.limba button{border:0;background:transparent;border-radius:8px;min-width:34px;padding:6px 8px;color:#858582;cursor:pointer;font:600 11px/1.2 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;letter-spacing:.01em;transition:color .2s ease}
.limba button[aria-pressed="true"]{color:#30302f}.limba button:hover{color:#30302f}
.bara .limba{cursor:pointer}
.bara-dr .buton.mic{width:174px;flex-shrink:0;white-space:nowrap}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
 .buton,.video-tab,.demo-corp,.play-disc,.limba button,.burger{transition:transform .18s ease,box-shadow .18s ease,background .18s ease,color .18s ease}
 .buton:hover{transform:translateY(-2px);box-shadow:0 4px 10px #00000012}
 .buton:active{transform:translateY(0);box-shadow:none}
 .video-tab:hover,.demo-corp:hover,.burger:hover{transform:translateY(-1px)}
 .video-tab:active,.demo-corp:active,.burger:active{transform:translateY(0)}
 .film-start:hover .play-disc{transform:scale(1.05);box-shadow:0 4px 16px #00000020}
 .film-start:active .play-disc{transform:scale(.98)}
 .limba button:hover{background:#ffffff40}
 .limba button:active{transform:scale(.95)}
}
.buton{display:inline-flex;align-items:center;justify-content:center;gap:24px;text-decoration:none;border:1px solid var(--accent);background:var(--accent);color:var(--accent-text);padding:13px 20px;font-size:.85rem;cursor:pointer;border-radius:0;transition:background .18s}
.buton::after{content:'↗';font-size:1.1rem;line-height:1}
.buton:hover{background:var(--accent-tare)}
.buton.mic{background:transparent;color:var(--text);padding:8px 0;border:0;border-bottom:1px solid var(--text);font-size:.8rem}
.buton.contur{background:transparent;color:var(--text);border-color:var(--linie)}
.buton.contur:hover{background:var(--fundal-alt)}
.burger{display:none;background:none;border:0;padding:8px;cursor:pointer}
.burger span{display:block;width:22px;height:1px;background:var(--text);margin:5px 0}
.erou{padding-top:48px}
.erou-text{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(0,1fr);column-gap:80px;align-items:end;padding-bottom:36px}
.eticheta{grid-column:1/-1;margin:0 0 20px;color:var(--accent);font:11px/1.5 Consolas,monospace;letter-spacing:.04em}
h1{grid-column:1;grid-row:2/5}
.erou-text .mare{grid-column:2;font-size:.94rem;color:var(--text-slab);margin:0;max-width:390px}
.butoane{grid-column:2;display:flex;gap:16px;flex-wrap:wrap;margin:22px 0 16px}
.erou-text .butoane .buton:first-child{display:none}
.erou-text .butoane .buton.contur{background:none;padding:0 0 4px;border:0;border-bottom:1px solid var(--text);justify-content:space-between;min-width:180px}
.mic-text{font-size:.75rem;color:var(--text-slab)}
.erou-text .mic-text{grid-column:2;font-size:.65rem;margin:0}
.video-overview{background:var(--film);margin:0;position:relative;color:var(--film-text)}
.video-top{position:absolute;z-index:1;top:24px;left:28px;right:28px;display:flex;justify-content:space-between;gap:24px;font:10px/1.5 Consolas,monospace;letter-spacing:.08em;color:#a2b3c0}
.video-stage{position:relative;overflow:hidden}
.video-main{aspect-ratio:2.5/1;display:grid;place-items:center;padding:32px 60px}
.studiu{width:100%;height:100%;object-fit:contain;max-height:450px;opacity:.95}
.film-state{position:absolute;bottom:23px;left:28px;display:flex;align-items:center;gap:18px;font:10px/1.5 Consolas,monospace;color:#a5b4bf}
.film-mark{color:#6d96b8;letter-spacing:.06em}
.video-overview figcaption{display:flex;justify-content:space-between;gap:24px;background:var(--fundal);color:var(--text-slab);padding:17px 0;border-bottom:1px solid var(--linie);font-size:.72rem}
.video-overview figcaption span:first-child{color:var(--text)}
.sectiune{padding:88px 0;position:relative}
.video-section .cont{display:grid;grid-template-columns:1fr 1.55fr;gap:0 100px;align-items:start}
.eyebrow{grid-column:1;margin-bottom:20px;color:var(--accent);font:10px Consolas,monospace;letter-spacing:.09em}
.video-section h2{grid-column:1;max-width:370px}
.intro{grid-column:1;color:var(--text-slab);font-size:.9rem;max-width:310px;margin:24px 0 0}
.video-grid{grid-column:2;grid-row:1/5;border-top:1px solid var(--text)}
.demo-chapter{border-bottom:1px solid var(--linie)}
summary{list-style:none;cursor:pointer}
summary::-webkit-details-marker{display:none}
.demo-chapter summary{display:grid;grid-template-columns:30px 1fr 20px;align-items:center;gap:16px;min-height:88px;padding:18px 0}
.chapter-index{font:11px Consolas,monospace;color:var(--text-slab)}
.chapter-cross{position:relative;width:14px;height:14px}
.chapter-cross::before,.chapter-cross::after{content:'';position:absolute;left:0;top:6px;width:14px;height:1px;background:var(--text-slab)}
.chapter-cross::after{transform:rotate(90deg)}
.demo-chapter[open] .chapter-cross::after{transform:none}
.demo-chapter[open] h3,.demo-chapter summary:hover h3{color:var(--accent)}
.chapter-body{padding:0 0 24px 46px}
.chapter-body p{color:var(--text-slab);font-size:.9rem;max-width:430px}
.chapter-film{aspect-ratio:16/8;display:grid;place-items:center;background:var(--film);color:#9fb0bc;font:11px Consolas,monospace}
.alt{background:var(--fundal-alt)}
.section-number{position:absolute;left:16px;top:36px;writing-mode:vertical-rl;font:10px Consolas,monospace;letter-spacing:.1em;color:var(--text-slab)}
#cum .cont{display:grid;grid-template-columns:1fr 1.55fr;gap:100px}
#cum h2{max-width:330px}
.pasi{margin:0;padding:0;list-style:none;counter-reset:pas;display:grid;grid-template-columns:1fr 1fr;gap:36px 38px}
.pasi li{counter-increment:pas;border-top:1px solid #b7c0c6;padding-top:16px}
.pasi li::before{content:'0' counter(pas);display:block;font:10px Consolas,monospace;color:var(--accent);margin-bottom:14px}
.pasi b{font-size:1rem;font-weight:550;display:block;margin-bottom:8px}
.pasi span{display:block;color:var(--text-slab);font-size:.85rem}
.ingust{display:grid;grid-template-columns:1fr 1.55fr;column-gap:100px}
#intrebari h2{grid-column:1;grid-row:1/7}
#intrebari details{grid-column:2;border-bottom:1px solid var(--linie);padding:20px 0}
#intrebari details:first-of-type{border-top:1px solid var(--text)}
#intrebari summary{display:flex;justify-content:space-between;gap:24px;font-size:.93rem}
#intrebari summary::after{content:'+';color:var(--text-slab)}
#intrebari details[open] summary::after{content:'−'}
#intrebari details p{color:var(--text-slab);font-size:.85rem;margin:16px 30px 0 0}
#contact{background:#1c2933;color:#edf1f4}
.contact-in{display:grid;grid-template-columns:1fr 1.55fr;gap:100px}
.contact-in h2{font-size:clamp(2.5rem,4vw,4rem);max-width:350px}
.contact-in .mare{font-size:.95rem;max-width:330px;margin-top:24px;color:#acbbc7}
#contact .mic-text,#contact .section-number{color:#acbbc7}
.formular{display:grid;grid-template-columns:1fr 1fr;gap:24px 28px}
.formular label{display:grid;gap:8px;font-size:.73rem;color:#bdcbd6}
.formular label:has(textarea){grid-column:1/-1}
.formular input,.formular select,.formular textarea{border:0;border-bottom:1px solid #61717c;background:#23333f;color:#f1f5f8;padding:11px 12px;width:100%;min-width:0;border-radius:0;outline-offset:3px}
.formular textarea{resize:vertical;min-height:100px}
.formular .buton{justify-self:start;background:#d4e4f0;border-color:#d4e4f0;color:#192f40}
.formular .buton:hover{background:#fff}
.formular .mic-text{grid-column:1/-1;margin:0;font-size:.7rem}
.subsol{padding:28px 0;background:#16222b;color:#a5b4bf;font-size:.75rem}
.subsol-in{display:flex;justify-content:space-between;gap:40px}
.subsol p{margin:0}
.subsol .mic-text{color:#8d9ea9;max-width:500px;font-size:.65rem}
@media(min-width:1700px){.video-main{aspect-ratio:2.6/1}}
@media(max-width:1100px){.cont{width:calc(100% - 64px)}.bara-in{gap:24px}.meniu{gap:18px}.erou-text{column-gap:40px}.video-section .cont,#cum .cont,.ingust,.contact-in{column-gap:50px}.video-main{aspect-ratio:2.2/1;padding-inline:20px}.butoane{gap:12px}}
@media(max-width:800px){
 .cont{width:calc(100% - 40px)}.bara-in{min-height:72px}.meniu{gap:14px}.meniu a{font-size:.72rem}.bara-dr{gap:16px}.logo{font-size:1rem}.logo img{width:22px;height:22px}
 .erou{padding-top:36px}.erou-text{grid-template-columns:1.4fr 1fr;gap:0 32px}h1{font-size:2.8rem}.erou-text .mare{font-size:.83rem}.video-main{aspect-ratio:1.8/1}.video-overview figcaption{font-size:.65rem}
 .video-section .cont,#cum .cont,.ingust,.contact-in{column-gap:36px;grid-template-columns:1fr 1.6fr}.sectiune{padding:60px 0}.section-number{display:none}.demo-chapter summary{gap:12px;grid-template-columns:24px 1fr 16px;min-height:80px}h3{font-size:1.1rem}.chapter-body{padding-left:36px}.pasi{gap:28px 20px}
}
@media(max-width:650px){
 .bara-in{gap:16px;position:relative}.meniu{display:none;position:absolute;top:72px;left:-20px;right:-20px;background:var(--fundal);z-index:5;border-bottom:1px solid var(--text);padding:12px 20px}
 .meniu.deschis{display:flex;flex-direction:column;gap:0}.meniu a{padding:12px 0;font-size:.95rem}.bara-dr{margin-left:auto;gap:18px}.burger{display:block}.bara-dr .buton.mic{display:none}
 .erou-text{display:block;padding-bottom:26px}.eticheta{font-size:10px;margin-bottom:22px}h1{font-size:clamp(2.5rem,9.5vw,3.7rem);max-width:500px}.erou-text .mare{font-size:.9rem;max-width:460px;margin-top:20px}.butoane{margin:22px 0 14px}.erou-text .mic-text{font-size:.62rem}
 .video-main{aspect-ratio:1.25/1;padding:35px 0}.studiu{width:135%;max-width:none;transform:translateX(-1%)}.video-top{top:15px;left:16px;right:16px;font-size:8px}.film-state{left:16px;bottom:16px;font-size:9px;gap:12px}.video-overview figcaption{display:block;padding-block:12px}.video-overview figcaption span{display:block}.video-overview figcaption span+span{margin-top:5px;font-size:.6rem}
 .video-section .cont,#cum .cont,.ingust,.contact-in{display:block}.video-section h2{max-width:300px}.intro{max-width:400px;margin:20px 0 30px}.eyebrow{margin-bottom:16px}.demo-chapter summary{min-height:80px}.chapter-body p{font-size:.85rem}.video-grid{margin-top:28px}
 #cum h2{max-width:300px;margin-bottom:34px}.pasi{gap:30px 24px}.pasi span{font-size:.82rem}.ingust h2{margin-bottom:30px}#intrebari details{padding:20px 0}.contact-in h2{max-width:none}.contact-in .mare{max-width:430px}.contact-in>div{margin-bottom:36px}.formular{gap:22px 16px}.subsol-in{flex-direction:column;gap:14px}.subsol .mic-text{max-width:none}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Demo este primul ecran al paginii principale. */
.erou-text h2 { grid-column: 1; grid-row: 2/5; font-size: clamp(2rem, 3vw, 3rem); max-width: 680px; }
@media (max-width: 650px) { .erou-text h2 { font-size: 2.2rem; } }
/* Suprafețe albe, cu accente discrete și materiale în prim-plan. */
#contact { background: #ffffff; color: var(--text); border-top: 1px solid var(--linie); }
.contact-in .mare, #contact .mic-text, #contact .section-number { color: var(--text-slab); }
.formular label { color: #4c5962; }
.formular input, .formular select, .formular textarea { background: #f8f9fa; color: var(--text); border-bottom-color: #bac5cd; }
.formular .buton { background: var(--accent); border-color: var(--accent); color: #ffffff; }
.formular .buton:hover { background: var(--accent-tare); }
.subsol { background: #ffffff; color: var(--text-slab); border-top: 1px solid var(--linie); }
.subsol .mic-text { color: var(--text-slab); }
/* Prezentarea reală a bucătăriei, încărcată la cerere. */
.film-site { width: 100%; max-width: 900px; margin: 0 auto; }
.film-player { position: relative; background: #fff; border: 1px solid #dce2e6; }
.film-player video { display: block; width: 100%; aspect-ratio: 16/9; object-fit: contain; background: #fff; }
.film-start { position: absolute; inset: 0; width: 100%; display: flex; align-items: center; justify-content: center; gap: 18px; border: 0; cursor: pointer; background: #ffffff80; color: #1b3547; font: 500 1rem 'Segoe UI', sans-serif; }
.film-start[hidden] { display: none; }
.play-disc { display: grid; place-items: center; padding-left: 3px; width: 60px; height: 60px; background: #fff; border: 1px solid #a2b5c3; border-radius: 50%; font-size: 17px; }
.film-start:hover .play-disc { background: #244f6d; color: #fff; border-color: #244f6d; }
.film-duration { font: 12px Consolas, monospace; padding: 5px 8px; background: #fff; }
.film-site figcaption { display: flex; justify-content: space-between; gap: 24px; color: var(--text-slab); font-size: .72rem; padding: 14px 0; border-bottom: 1px solid var(--linie); }
.posibilitati .cont { display: grid; grid-template-columns: 1fr; gap: 90px; }
.functie-vizuala { display: grid; grid-template-columns: minmax(200px, 1fr) minmax(0, 1.4fr); gap: 48px; align-items: start; }
.functie-text { padding-top: 24px; }
.functie-captura { display: block; width: 100%; max-width: 540px; margin: 0; border: 1px solid var(--linie); background: #fff; transition: transform .3s ease; }
@media (hover: hover) and (pointer: fine) and (prefers-reduced-motion: no-preference) { .functie-captura:hover { transform: scale(1.04); } }
.functie-captura img { display: block; width: 100%; height: auto; }
@media(max-width:800px) { .functie-vizuala { grid-template-columns: 1fr; gap: 24px; } .functie-text { padding-top: 0; } }
.posibilitati h2 { font-size: 1.5rem; margin-bottom: 18px; }
.posibilitati p { font-size: .9rem; color: var(--text-slab); max-width: 460px; margin: 0; }
@media(max-width:650px) { .film-start { flex-wrap: wrap; gap: 10px; font-size: .78rem; } .play-disc { width: 42px; height: 42px; font-size: 12px; } .film-site figcaption { display: block; } .film-site figcaption span { display: block; margin-bottom: 6px; } .posibilitati .cont { grid-template-columns: 1fr; gap: 32px; } }

.formular.waitlist > *{grid-column:1/-1}
.formular .waitlist-consent{display:flex;align-items:flex-start;gap:12px;line-height:1.6;font-size:.85rem}
.formular .waitlist-consent input{width:18px;height:18px;flex:0 0 18px;margin-top:3px;accent-color:var(--accent)}
.formular .waitlist-trap{display:none}
.formular button:disabled{opacity:.65;cursor:wait}
#waitlist-status:empty{display:none}