:root{--ink:#0F1720;--ink2:#1A2430;--muted:#3D4756;--soft:#4A5565;--line:#DDE2E8;--ground:#F6F7F9;--blue:#1E55E6;--blue-d:#1440B5;--blue-l:#E7EEFF;--rec:#B42318}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{margin:0;background:var(--ground);color:var(--ink);font:17px/1.55 'IBM Plex Sans','Segoe UI',system-ui,sans-serif}
a{color:var(--blue)}a:hover{color:var(--blue-d)}
.c{max-width:1160px;margin:0 auto;padding-left:24px;padding-right:24px}
.disp{font-family:'Bricolage Grotesque','Segoe UI',sans-serif;letter-spacing:-.02em;line-height:1.1;margin:0}
h2.disp{font-weight:700;font-size:clamp(30px,3.6vw,44px)}
.eyebrow{font-size:14px;font-weight:600;color:var(--blue);letter-spacing:.02em}
.kbd{font-family:'IBM Plex Mono',monospace;font-size:.85em;background:#fff;border:1px solid #CCD3DC;border-bottom-width:3px;border-radius:6px;padding:1px 7px;white-space:nowrap;color:var(--ink)}
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:10px;font:600 16px 'IBM Plex Sans','Segoe UI',sans-serif;text-decoration:none;border:0;cursor:pointer}
.btn-blue{background:var(--blue);color:#fff}.btn-blue:hover{background:var(--blue-d);color:#fff}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#26313E;color:#fff}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #8FB0FF;outline-offset:2px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}

/* nav */
.nav{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px;padding-top:22px;padding-bottom:22px}
.logo{display:flex;align-items:center;gap:10px;font:700 19px 'Bricolage Grotesque','Segoe UI',sans-serif}
.logo i{width:34px;height:34px;border-radius:9px;background:var(--ink) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 7V5a1 1 0 0 1 1-1h2M17 4h2a1 1 0 0 1 1 1v2M20 17v2a1 1 0 0 1-1 1h-2M7 20H5a1 1 0 0 1-1-1v-2M12 8v8M9 13l3 3 3-3'/%3E%3C/svg%3E") center/18px no-repeat}
.pill{font:600 12px 'IBM Plex Sans',sans-serif;color:var(--rec);background:#FDECEA;border-radius:999px;padding:3px 10px}

/* hero */
.hero{display:flex;flex-wrap:wrap;gap:56px;align-items:center;padding-top:48px;padding-bottom:80px}
.hero-text{flex:1 1 460px;min-width:0;display:flex;flex-direction:column;gap:22px}
.hero h1{font-weight:800;font-size:clamp(38px,5vw,60px);line-height:1.03;letter-spacing:-.03em}
.hero p{margin:0;font-size:19px;color:var(--muted);max-width:540px}
.hero .note{font-size:14px;color:var(--soft)}
.hero-vis{flex:1 1 480px;min-width:0;display:flex;gap:20px;align-items:flex-end;justify-content:center}
.browser{flex:1 1 320px;max-width:380px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 24px 60px rgba(15,23,32,.12);overflow:hidden}
.browser .dots{display:flex;gap:6px;padding:12px 14px;border-bottom:1px solid #EEF1F4}
.browser .dots span{width:10px;height:10px;border-radius:50%;background:var(--line)}
.post{position:relative;padding:18px 16px 70px}
.mark{border-top:3px dashed var(--blue);color:var(--blue);font-size:11px;font-weight:700;padding:3px 0 0 4px;margin-bottom:12px}
.who{display:flex;gap:10px;align-items:center;margin-bottom:12px}
.who .av{width:36px;height:36px;border-radius:50%;background:#C9D6F5}
.ln{height:8px;border-radius:4px;background:#AEB8C4;margin-bottom:7px}
.img{height:170px;border-radius:10px;background:#E8B04B;display:flex;align-items:flex-end;padding:14px;margin-top:14px}
.img i{width:64px;height:64px;border-radius:50%;background:#F3D597}
.rec{position:absolute;left:50%;bottom:16px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;background:var(--ink);color:#fff;font-size:12px;padding:7px 13px;border-radius:999px;white-space:nowrap}
.rec i{width:8px;height:8px;border-radius:50%;background:#F04438}
.result{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;color:var(--soft)}
.result .sheet{width:92px;background:#fff;border:1px solid var(--line);border-radius:8px;padding:8px;box-shadow:0 12px 30px rgba(15,23,32,.1)}
.result .sheet .ln{height:4px;margin-bottom:5px}
.result .sheet .im{height:64px;border-radius:4px;background:#E8B04B;margin:4px 0 6px}
.result code{font-family:'IBM Plex Mono',monospace;font-size:11px}

/* sections */
.dark{background:var(--ink);color:#fff}
.sec{padding-top:92px;padding-bottom:92px;display:flex;flex-direction:column;gap:40px}
.sec-head{display:flex;flex-direction:column;gap:14px;max-width:720px}
.sec-head p{margin:0;font-size:18px}
.dark .sec-head p{color:#C3CAD4}
.pain{background:var(--ink2);border-radius:14px;padding:26px;display:flex;flex-direction:column;gap:10px}
.pain b{font-size:19px}.pain span{color:#C3CAD4}
.step{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px;display:flex;flex-direction:column;gap:14px}
.step .n{width:44px;height:44px;border-radius:12px;background:var(--blue-l);color:var(--blue);display:flex;align-items:center;justify-content:center;font:800 20px 'Bricolage Grotesque',sans-serif}
.step b{font-size:20px}.step span{color:var(--muted)}
.white{background:#fff;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.split{display:flex;flex-wrap:wrap;gap:48px;align-items:center}
.split > *{flex:1 1 400px;min-width:0}
.feat{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px 32px}
.feat div{display:flex;flex-direction:column;gap:6px}.feat b{font-size:17px}.feat span{color:var(--muted)}
.prompt{background:var(--ink);color:#E6EBF2;border-radius:16px;padding:26px;display:flex;flex-direction:column;gap:16px}
.prompt .zip{font-family:'IBM Plex Mono',monospace;font-size:13px;background:var(--ink2);border-radius:8px;padding:6px 10px;align-self:flex-start}
.prompt pre{margin:0;font:14px/1.7 'IBM Plex Mono',monospace;white-space:pre-wrap}
.who-card{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff}
.who-card b{display:block;font-size:17px;margin-bottom:6px}.who-card span{color:var(--muted)}

/* beta */
.beta{background:var(--blue);color:#fff}
.beta .sec{flex-direction:row;flex-wrap:wrap;gap:56px}
.beta-text{flex:1 1 400px;min-width:0;display:flex;flex-direction:column;gap:22px}
.beta-text h2{font-weight:800;font-size:clamp(32px,4vw,50px)}
.beta-text p{margin:0;font-size:18px;color:#E3EAFF}
.deal{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:20px}
.deal ul{margin:0;padding-left:18px;color:#E3EAFF}.deal li{margin-bottom:8px}
.deal h3{margin:0 0 10px;font-size:16px}
.form{flex:1 1 380px;min-width:0;background:#fff;color:var(--ink);border-radius:18px;padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:0 30px 70px rgba(10,30,90,.35)}
.form h3{margin:0;font:700 24px 'Bricolage Grotesque',sans-serif}
.field{display:flex;flex-direction:column;gap:6px}
.field label,.field .lbl{font-size:14px;font-weight:600}
.field input[type=text],.field input[type=email]{min-height:50px;padding:0 14px;border:1px solid #B9C2CD;border-radius:10px;font:inherit;font-size:16px;color:var(--ink)}
.roles{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0}
.roles label{position:relative}
.roles input{position:absolute;opacity:0;inset:0;cursor:pointer}
.roles span{display:inline-flex;align-items:center;min-height:44px;padding:0 14px;border-radius:999px;border:1px solid #B9C2CD;font-size:14px;font-weight:500}
.roles input:checked + span{background:var(--blue);border-color:var(--blue);color:#fff}
.roles input:focus-visible + span{outline:3px solid #8FB0FF;outline-offset:2px}
.consent{display:flex;gap:10px;align-items:flex-start;font-size:14px;color:var(--muted)}
.consent input{width:20px;height:20px;margin-top:2px;flex:0 0 auto}
.hp{position:absolute;left:-9999px}
.msg{font-size:14px;color:var(--rec);min-height:0}
.done{display:none;flex-direction:column;gap:12px;padding:12px 0}
.done h3{font-size:26px}
.done p{margin:0;color:var(--muted)}
.form.sent .fields{display:none}.form.sent .done{display:flex}

/* faq */
.faq{max-width:820px;margin:0 auto;padding:92px 24px;display:flex;flex-direction:column;gap:28px}
.faq h2{font-size:clamp(28px,3.2vw,40px)}
.faq details{border-top:1px solid var(--line);padding:20px 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{font-weight:600;font-size:18px;cursor:pointer}
.faq details p{color:var(--muted);margin:8px 0 0}
footer{border-top:1px solid var(--line)}
footer .c{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:28px;padding-bottom:28px;font-size:14px;color:var(--soft)}
footer nav{display:flex;gap:20px;flex-wrap:wrap}

/* v2: secțiuni orientate pe beneficii */
.punch{margin:0;font:700 clamp(20px,2.2vw,26px)/1.3 'Bricolage Grotesque','Segoe UI',sans-serif;color:#fff;max-width:760px}
.compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px}
.compare .col{border-radius:16px;padding:28px}
.compare h3{margin:0 0 14px;font:700 20px 'Bricolage Grotesque','Segoe UI',sans-serif}
.compare ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:12px}
.compare li{display:flex;gap:12px;align-items:flex-start}
.compare li::before{flex:0 0 22px;height:22px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:700;margin-top:2px}
.compare .before{background:#fff;border:1px solid var(--line);color:var(--muted)}
.compare .before li::before{content:"✕";background:#FDECEA;color:var(--rec)}
.compare .after{background:var(--ink);color:#fff}
.compare .after li::before{content:"✓";background:#1E7F4F;color:#fff}
.after-steps{margin:0;font-size:18px;color:var(--muted)}
.chips{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.chips li{background:var(--blue-l);color:#14348F;border-radius:999px;padding:6px 14px;font-size:15px;font-weight:500}
.prompt-note{font-size:14px;color:#9AA5B4}
.privacy{background:#EAF6EF;border-top:1px solid #BFE3CC;border-bottom:1px solid #BFE3CC;margin-bottom:92px}
.privacy .c{display:flex;gap:24px;align-items:flex-start;padding-top:56px;padding-bottom:56px;color:#1E5C3A}
.privacy svg{flex:0 0 auto;margin-top:4px}
.privacy h2{font-size:clamp(24px,2.8vw,32px);color:var(--ink);margin-bottom:8px}
.privacy p{margin:0;font-size:18px;color:var(--muted);max-width:760px}
.final{background:var(--ink);color:#fff}
.final .c{display:flex;flex-direction:column;align-items:flex-start;gap:20px;padding-top:80px;padding-bottom:80px}
.final h2{font-weight:800;font-size:clamp(30px,4vw,48px);max-width:820px}
.final .note{font-size:14px;color:#C3CAD4}