@font-face{font-family:"Onest";font-weight:400;font-display:swap;src:url(../fonts/onest-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:"Onest";font-weight:400;font-display:swap;src:url(../fonts/onest-latin-ext-400-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+1E00-1E9F,U+20A0-20C0,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:"Onest";font-weight:500;font-display:swap;src:url(../fonts/onest-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Onest";font-weight:500;font-display:swap;src:url(../fonts/onest-latin-ext-500-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1E9F}
@font-face{font-family:"Onest";font-weight:600;font-display:swap;src:url(../fonts/onest-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Onest";font-weight:600;font-display:swap;src:url(../fonts/onest-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1E9F}
@font-face{font-family:"Unbounded";font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+2000-206F,U+20AC,U+2122,U+2212}
@font-face{font-family:"Unbounded";font-weight:600;font-display:swap;src:url(../fonts/unbounded-latin-ext-600-normal.woff2) format("woff2");unicode-range:U+0100-02BA,U+02BD-02FF,U+1E00-1E9F}

:root{
  --ink:#111827; --ink-2:#374151; --mut:#64748b; --paper:#f7f8fb; --card:#ffffff; --line:#e2e8f0;
  --pri:#EC008C; --pri-2:#B8006D; --ok:#0e8a5f; --ok-bg:#e3f4ec; --mark:#EC008C; --err:#b3261e;
  --display:"Unbounded","Onest",system-ui,sans-serif; --body:"Onest",system-ui,-apple-system,"Segoe UI",sans-serif;
  --w:1120px;
}
*{box-sizing:border-box;margin:0}
html{scroll-behavior:smooth}
body{font:17px/1.6 var(--body);color:var(--ink);background:var(--paper);font-variant-numeric:tabular-nums}
a{color:var(--pri-2)}
:focus-visible{outline:3px solid var(--pri);outline-offset:3px;border-radius:6px}

.top{max-width:var(--w);margin:0 auto;padding:22px 24px;display:flex;justify-content:space-between;align-items:center;gap:16px}
.wordmark{font:600 26px/1 var(--display);color:var(--ink);text-decoration:none;letter-spacing:-.02em}
.wordmark span{color:var(--pri);position:relative}
.wordmark span::after{content:"";position:absolute;right:-5px;top:-2px;width:7px;height:7px;border-radius:50%;background:var(--mark)}
.wordmark.small{font-size:20px}
.top nav{display:flex;align-items:center;gap:22px;font-size:15px}
.top nav a:not(.btn){color:var(--ink-2);text-decoration:none}
.top nav a:not(.btn):hover{color:var(--ink)}

.btn{display:inline-block;background:var(--ink);color:#fff;text-decoration:none;font:600 16px/1 var(--body);padding:15px 22px;border-radius:10px;border:0;cursor:pointer;transition:background .15s}
.btn:hover{background:var(--pri-2)}
.btn:disabled,.btn:disabled:hover{background:#c7cad6;color:#f7f8fb;cursor:not-allowed}
.btn-small{padding:11px 16px;font-size:14px}
.link{color:var(--ink);font-weight:500;text-underline-offset:4px}

main{display:block}
.hero{max-width:var(--w);margin:0 auto;padding:56px 24px 88px;display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
h1{font:600 clamp(40px,6vw,68px)/1.04 var(--display);letter-spacing:-.035em;max-width:13ch}
.lead{font-size:19px;color:var(--ink-2);margin:24px 0 32px;max-width:52ch}
.cta{display:flex;align-items:center;gap:26px;flex-wrap:wrap}
.note{margin-top:22px;font-size:14px;color:var(--mut)}

/* hero: potrivirea factură ⇄ încasare, momentul memorabil al paginii */
.match{background:var(--card);border:1px solid var(--pri);border-radius:18px;padding:26px;box-shadow:0 24px 48px -28px rgba(17,24,39,.35)}
.doc{display:grid;grid-template-columns:1fr auto;grid-template-areas:"kind sum" "ref sum";column-gap:16px;padding:16px 18px;border-radius:12px;background:var(--paper);border:1px solid var(--pri)}
.doc .kind{grid-area:kind;font-size:13px;color:var(--mut)}
.doc .ref{grid-area:ref;font-weight:500}
.doc .sum{grid-area:sum;align-self:center;font:600 20px/1 var(--body);letter-spacing:-.01em}
.doc-bank{border-style:dashed}
.link-line{height:34px;display:flex;justify-content:flex-end;padding-right:56px}
.link-line span{width:2px;height:100%;background:var(--ok);transform-origin:top;transform:scaleY(1)}
.stamp{margin-top:18px;display:flex;align-items:center;gap:10px;font-weight:600;color:var(--ok);background:var(--ok-bg);padding:12px 14px;border-radius:10px}
.tick{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--ok);flex:none}
.tick::after{content:"";width:6px;height:11px;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:translateY(-1px) rotate(45deg)}
.thanks .tick{background:var(--ok)}

@media (prefers-reduced-motion:no-preference){
  .js .match .doc-bank{animation:slide .7s cubic-bezier(.2,.8,.2,1) .5s both}
  .js .match .link-line span{animation:draw .35s ease-out 1.2s both}
  .js .match .stamp{animation:appear .4s ease-out 1.55s both}
  @keyframes slide{from{transform:translateX(40px);opacity:0}to{transform:none;opacity:1}}
  @keyframes draw{from{transform:scaleY(0)}to{transform:scaleY(1)}}
  @keyframes appear{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
}

section h2{font:600 clamp(26px,3.2vw,36px)/1.15 var(--display);letter-spacing:-.025em}
.features{max-width:var(--w);margin:0 auto;padding:24px 24px 88px}
.features h2{margin-bottom:28px;max-width:22ch}
.feat{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;padding:30px 0;border-top:1px solid var(--line)}
.feat h3{font:600 22px/1.25 var(--body);letter-spacing:-.01em}
.chip{display:inline-block;margin-top:10px;font-size:13px;color:var(--pri);background:#fff;border:1px solid var(--pri);padding:3px 10px;border-radius:20px}
.feat p{color:var(--ink-2);max-width:60ch}

.accountants{background:var(--ink);color:#fff}
.accountants{padding:72px max(24px,calc((100% - var(--w))/2 + 24px))}
.accountants p{margin-top:16px;max-width:62ch;color:#cbd5e1;font-size:19px}

.signup{max-width:var(--w);margin:0 auto;padding:88px 24px;display:grid;grid-template-columns:.8fr 1.2fr;gap:56px}
.signup-copy p{margin-top:16px;color:var(--ink-2);max-width:40ch}
form,.thanks{background:var(--card);border:1px solid var(--pri);border-radius:18px;padding:28px;display:grid;gap:16px}
form label{display:grid;gap:6px;font-weight:500;font-size:15px}
form em{font-style:normal;color:var(--mut);font-weight:400}
input[type=text],input:not([type]),input[type=email],input[type=tel]{font:400 16px var(--body);padding:12px 14px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink)}
input:focus{outline:none;border-color:var(--pri);box-shadow:0 0 0 3px rgba(236,0,140,.18)}
input[aria-invalid=true]{border-color:var(--err)}
fieldset{border:0;padding:0;display:flex;gap:18px;flex-wrap:wrap;align-items:center}
legend{font-weight:500;font-size:15px;margin-bottom:6px;width:100%}
.opt{display:flex!important;align-items:center;gap:8px;font-weight:400!important}
.consent{display:flex!important;gap:10px;align-items:flex-start;font-weight:400!important;font-size:14px!important;color:var(--ink-2)}
.consent input{margin-top:4px}
.err{color:var(--err);font-size:14px;font-weight:400}
.err.general{background:#fbe7e5;padding:10px 12px;border-radius:8px}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
form .btn{justify-self:start;margin-top:4px}
.thanks-title{display:flex;align-items:center;gap:10px;font:600 22px/1.2 var(--body);color:var(--ok)}

.foot{max-width:var(--w);margin:0 auto;padding:32px 24px 48px;display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;border-top:1px solid var(--line);font-size:14px;color:var(--mut)}
.foot p{margin-top:8px}
.foot nav{display:flex;gap:20px;align-items:flex-start}
.foot nav a{color:var(--ink-2)}

.legal{max-width:760px;margin:0 auto;padding:40px 24px 80px}
.legal h1{font-size:clamp(32px,5vw,44px);max-width:none}
.legal .updated{color:var(--mut);margin:10px 0 28px;font-size:15px}
.legal h2{font:600 20px/1.3 var(--body);margin:28px 0 8px}
.legal p{color:var(--ink-2)}

@media (max-width:860px){
  .hero,.signup{grid-template-columns:1fr;gap:40px}
  .hero{padding-top:28px}
  .feat{grid-template-columns:1fr;gap:12px}
  .top nav a:not(.btn){display:none}
}

/* v2.0 — logo vectorial, secțiuni noi */
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:#fff;padding:10px 14px;border-radius:8px;z-index:10}
.skip:focus{left:16px}
.logo{display:block;line-height:0}
.logo img{height:50px;width:auto}
.proof{list-style:none;padding:0;margin:26px 0 0;display:flex;flex-wrap:wrap;gap:8px 22px;font-size:14px;color:var(--ink-2)}
.proof li{display:flex;align-items:center;gap:8px}
.proof li::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--ok)}
.section-lead{color:var(--ink-2);max-width:64ch;margin:-12px 0 20px;font-size:18px}

.steps{max-width:var(--w);margin:0 auto;padding:8px 24px 88px}
.steps h2{margin-bottom:28px}
.steps ol{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:none}
.steps li{background:var(--card);border:1px solid var(--pri);border-radius:16px;padding:26px}
.steps .n{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:#fff;font:600 16px var(--display);margin-bottom:16px}
.steps h3{font:600 20px/1.3 var(--body);margin-bottom:8px}
.steps p{color:var(--ink-2)}

.audience{max-width:var(--w);margin:0 auto;padding:0 24px 88px}
.audience h2{margin-bottom:28px}
.aud-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.aud-grid article{background:var(--card);border:1px solid var(--pri);border-radius:16px;padding:28px}
.aud-grid h3{font:600 22px/1.3 var(--body);margin-bottom:10px}
.aud-grid p{color:var(--ink-2);margin-bottom:14px}
.aud-grid ul{padding-left:20px;color:var(--ink);line-height:1.8}

.trust{background:var(--ink);color:#fff;padding:72px max(24px,calc((100% - var(--w))/2 + 24px))}
.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:28px;margin-top:28px}
.trust h3{font:600 18px/1.3 var(--body);margin-bottom:8px;color:#fff}
.trust p{color:#cbd5e1;font-size:15px}

.faq{max-width:var(--w);margin:0 auto;padding:88px 24px 24px}
.faq details{max-width:860px}
.faq h2{margin-bottom:22px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-of-type{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:16px 36px 16px 0;font-weight:600;font-size:18px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:4px;top:12px;font:400 26px var(--body);color:var(--pri)}
.faq details[open] summary::after{content:"−"}
.faq details p{color:var(--ink-2);padding:0 0 18px;max-width:70ch}

.foot{display:grid;grid-template-columns:1.2fr 1fr;align-items:start}
.foot-brand img{height:40px;width:auto}
.foot nav{justify-content:flex-end;flex-wrap:wrap}
.foot .copy{grid-column:1/-1;margin-top:10px;font-size:13px}

@media (max-width:860px){
  .steps ol,.aud-grid{grid-template-columns:1fr}
  .trust-grid{grid-template-columns:1fr 1fr}
  .foot{grid-template-columns:1fr}
  .foot nav{justify-content:flex-start}
}
@media (max-width:520px){ .trust-grid{grid-template-columns:1fr} }
.nw{white-space:nowrap}