/* pro.css: "look professional" pass (Zifeng t284u, 2026-11-10). Loaded on /, /pricing and /start/* only, after site.css. */
.pro-hero{padding:40px 0 44px}
.pro-hero .hero-g{display:grid;gap:28px;align-items:center}
.pro-hero .eyebrow{margin:0 0 14px;font-size:.78rem}
.pro-hero h1{margin:0 0 .3em;font-size:clamp(2.05rem,1.2rem + 3.4vw,3.6rem);letter-spacing:-.035em}
.pro-hero .lead{font-size:1.0625rem;line-height:1.6;max-width:560px;margin:0}
.pro-hero .cta{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 10px}
.pro-hero .cta .btn{min-height:46px}
.pro-hero .hm{margin:0;color:#8f98b8;font-size:.8125rem;display:flex;flex-wrap:wrap;gap:4px 14px}
.pro-hero .hm span{display:inline-flex;align-items:center;gap:6px}.pro-hero .hm .ic{width:14px;height:14px;color:#34d399}
.term.demo{color:#cbd5f5}
.term.demo .db{padding:14px 16px 16px}
.term.demo .dh{margin:0 0 8px;font:600 .8125rem/1.4 Inter,system-ui,sans-serif;color:#e6e9f8}
.term.demo pre{padding:10px 12px;margin:0 0 12px;border:1px solid rgba(255,255,255,.07);border-radius:10px;background:rgba(0,0,0,.25);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-all}
.term.demo .run{display:flex;align-items:center;gap:12px;font:13px/1.4 Inter,system-ui,sans-serif;color:#8f98b8}
.term.demo .run .btn{min-width:104px;min-height:44px}
.term.demo .res{font:13px/1.55 Inter,system-ui,sans-serif;color:#cbd5f5}
.term.demo .res:not(:empty){margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.08)}
.term.demo .res a{color:#a5b4fc}.term.demo .res .small{color:#9aa3c7}.term.demo .res code{color:#fbbf24;background:none}
.term.demo .res ul{margin:8px 0;padding-left:18px}.term.demo .res pre{max-height:220px;overflow:auto}
.term.demo .res summary{cursor:pointer;color:#9aa3c7}
.term.demo .pill.ok{background:rgba(52,211,153,.14);color:#6ee7b7;border-color:rgba(52,211,153,.35)}
.term.demo .pill.bad{background:rgba(248,113,113,.14);color:#fca5a5;border-color:rgba(248,113,113,.35)}
.term.demo .pill.warn{background:rgba(251,191,36,.14);color:#fcd34d;border-color:rgba(251,191,36,.35)}
@media(min-width:900px){.pro-hero{padding:72px 0 76px}.pro-hero .hero-g{grid-template-columns:1.05fr .95fr;gap:56px}}
/* sections */
.ps{padding:44px 0}.ps.alt{background:var(--bg);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.ps .sh{margin-bottom:22px}.ps .sh h2{margin:0;font-size:clamp(1.45rem,1.1rem + 1.4vw,2.2rem)}.ps .sh p{margin:.5em 0 0;font-size:1rem}
.ps .eyebrow{margin:0 0 .5em}
@media(min-width:900px){.ps{padding:72px 0}.ps .sh{margin-bottom:36px}}
/* mandates strip */
.pro-dl{padding:18px 0;border-bottom:1px solid var(--line);background:#fff}
.pro-dl .w{display:flex;flex-wrap:wrap;align-items:center;gap:10px 22px}
.pro-dl .lbl{margin:0;font-size:.75rem;font-weight:650;letter-spacing:.08em;text-transform:uppercase;color:var(--m)}
.pro-dl ul{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;flex:1;min-width:0}
.pro-dl li a{display:flex;flex-direction:column;gap:1px;padding:8px 12px;border:1px solid var(--line);border-radius:10px;text-decoration:none;color:var(--t);background:#fff;transition:border-color .15s}
.pro-dl li a:hover{border-color:#c7cbf5}
.pro-dl b{font-size:.875rem;display:flex;align-items:center;gap:6px}.pro-dl span{font-size:.75rem;color:var(--m);line-height:1.35}
.pro-dl em{font-style:normal;font-size:.75rem;font-weight:600;color:var(--b)}.pro-dl em.now{color:var(--ok)}
.pro-dl .dot{width:7px;height:7px;border-radius:50%;background:#a5b4fc}.pro-dl .dot.now{background:#10b981;box-shadow:0 0 0 3px rgba(16,185,129,.18)}
@media(min-width:900px){.pro-dl ul{grid-template-columns:repeat(4,minmax(0,1fr))}}
/* how it works + preflight panel */
.how-g{display:grid;gap:22px}
.steps3{list-style:none;margin:0;padding:0;display:grid;gap:14px;counter-reset:s}
.steps3 li{display:flex;gap:14px;align-items:flex-start}
.steps3 .si{flex:none;width:40px;height:40px;border-radius:11px;display:grid;place-items:center;color:#4f46e5;background:linear-gradient(180deg,#eef0ff,#e3e6ff);border:1px solid #d9dcfb;position:relative}
.steps3 .si:after{counter-increment:s;content:counter(s);position:absolute;right:-6px;top:-6px;width:18px;height:18px;border-radius:50%;background:var(--t);color:#fff;font:700 10px/18px Inter,sans-serif;text-align:center}
.steps3 h3{margin:0 0 2px;font-size:1rem}.steps3 p{margin:0;color:var(--m);font-size:.9rem;line-height:1.55}
.pf{border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 24px 60px -30px rgba(16,24,40,.35),var(--sh);overflow:hidden}
.pf .pfh{display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap;padding:12px 16px;border-bottom:1px solid var(--line);background:#fbfbfe}
.pf .mono{font:600 12px/1.4 var(--mono);color:var(--m)}
.pf .vd{font:700 11px/1 Inter,sans-serif;letter-spacing:.04em;padding:6px 9px;border-radius:99px}.pf .vd.warn{background:#fffbeb;color:#92400e;border:1px solid #fde68a}
.pf .pfs{margin:0;padding:12px 16px 4px;font-size:.8125rem;color:var(--m)}.pf .pfs b{color:var(--t)}
.pf ul{list-style:none;margin:0;padding:4px 16px 8px}
.pf li{display:grid;grid-template-columns:22px 78px 1fr;gap:8px;align-items:start;padding:9px 0;border-bottom:1px dashed var(--line);font-size:.8125rem;line-height:1.45}
.pf li:last-child{border-bottom:0}.pf li b{font-weight:650}.pf li span{color:var(--m)}
.pf li i{width:18px;height:18px;border-radius:50%;display:grid;place-items:center;font:700 11px/1 Inter,sans-serif;font-style:normal}
.pf li.ok i{background:#d1fae5;color:#047857}.pf li.warn i{background:#fef3c7;color:#b45309}
.pf .pff{margin:0;padding:10px 16px 12px;font-size:.75rem;color:var(--m);background:#fbfbfe;border-top:1px solid var(--line)}
@media(min-width:900px){.how-g{grid-template-columns:1fr 1.05fr;gap:48px;align-items:center}.steps3{gap:24px}}
/* feature grid */
.fg{display:grid;gap:12px;grid-template-columns:1fr}
.fg a{display:flex;gap:14px;align-items:flex-start;padding:14px 16px;border:1px solid var(--line);border-radius:14px;background:#fff;text-decoration:none;color:inherit;box-shadow:var(--sh);transition:border-color .2s,box-shadow .2s,transform .2s}
.fg a:hover{border-color:#c7cbf5;box-shadow:0 14px 34px -16px rgba(79,70,229,.35);transform:translateY(-2px);color:inherit}
.fg .fi{flex:none;margin:0;width:38px;height:38px}.fg .fi .ic{width:19px;height:19px}
.fg h3{margin:0 0 2px;font-size:.98rem;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fg p{margin:0;color:var(--m);font-size:.875rem;line-height:1.5}
.tag2{font:600 10.5px/1 Inter,sans-serif;letter-spacing:.03em;padding:4px 7px;border-radius:99px;background:#fef3c7;color:#92400e;border:1px solid #fde68a}
@media(min-width:700px){.fg{grid-template-columns:repeat(2,1fr)}}@media(min-width:1000px){.fg{grid-template-columns:repeat(3,1fr);gap:18px}.fg a{padding:20px}}
/* trust */
.tg{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.tg a{display:flex;gap:10px;align-items:flex-start;padding:12px;border-radius:12px;background:#fff;border:1px solid var(--line);text-decoration:none;color:var(--t)}
.tg a:hover{border-color:#c7cbf5;color:var(--t)}
.tg .ic{flex:none;width:20px;height:20px;color:var(--b);margin-top:1px}
.tg b{display:block;font-size:.875rem;line-height:1.3}.tg span{display:block;font-size:.75rem;color:var(--m);line-height:1.4;margin-top:2px}
@media(min-width:900px){.tg{grid-template-columns:repeat(3,1fr);gap:14px}.tg a{padding:16px}}
/* price tiles (home) and plan cards (/pricing) */
.pt{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.pt div{border:1px solid var(--line);border-radius:12px;padding:12px;background:#fff;box-shadow:var(--sh)}
.pt div.hi{border-color:#c7cbf5;box-shadow:0 0 0 1px #c7cbf5,var(--sh)}
.pt b{display:block;font-size:.8125rem;color:var(--m);font-weight:600}.pt strong{display:block;font-size:1.35rem;letter-spacing:-.02em;margin:2px 0}
.pt strong small{font-size:.75rem;font-weight:500;color:var(--m)}.pt span{display:block;font-size:.75rem;color:var(--m);line-height:1.35}
.pnote{margin:12px 0 0;font-size:.875rem;color:var(--m)}
@media(min-width:900px){.pt{gap:16px}.pt div{padding:20px}.pt strong{font-size:1.9rem}}
.pcards{display:grid;gap:14px;margin:18px 0 26px}
.pcards .prow{display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:0;border:1px solid var(--line);border-radius:16px;background:#fff;padding:20px;box-shadow:var(--sh);position:relative}
.pcards .prow.hi{border-color:#a5b4fc;box-shadow:0 0 0 1px #a5b4fc,0 24px 50px -28px rgba(79,70,229,.45)}
.pcards .pn{margin:0;font-weight:650;font-size:1rem;display:flex;align-items:center;gap:8px}
.pcards .pb{font:600 10.5px/1 Inter,sans-serif;letter-spacing:.04em;text-transform:uppercase;padding:5px 8px;border-radius:99px;background:#eef0ff;color:#4338ca}
.pcards .pa{margin:8px 0 2px;font-size:2.1rem;font-weight:700;letter-spacing:-.03em;line-height:1.1}.pcards .pa small{font-size:.875rem;font-weight:500;color:var(--m);letter-spacing:0}
.pcards .pu{margin:0 0 12px;color:var(--m);font-size:.9rem}
.pcards .ticks{margin:0 0 16px;font-size:.875rem}.pcards .ticks li{margin:5px 0}
.pcards .btn{margin-top:auto;min-height:44px;width:100%}
@media(min-width:900px){.pcards{grid-template-columns:repeat(3,1fr);gap:20px}.pcards .prow{padding:26px}}
.pinfo{display:grid;gap:12px;margin:22px 0 0}
.pinfo>p,.pinfo>details{margin:0;padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff}
.pro-pricing h1{margin-bottom:.2em}.pro-pricing .lead{color:var(--m)}
/* final band */
.pband{background:var(--ink);color:#b4bbd3;padding:36px 0;position:relative;overflow:hidden;isolation:isolate}
.pband:after{content:"";position:absolute;z-index:-1;width:700px;height:400px;right:-200px;top:-200px;background:radial-gradient(closest-side,rgba(99,102,241,.35),transparent)}
.pband .w{display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between}
.pband h2{color:#fff;margin:0 0 4px;font-size:clamp(1.3rem,1rem + 1.2vw,1.9rem)}.pband p{margin:0}
.pband .cta{display:flex;flex-wrap:wrap;gap:10px}.pband .btn{min-height:46px}
/* FAQ */
.pfaq details{border-bottom:1px solid var(--line);padding:12px 0}.pfaq details summary{cursor:pointer;font-weight:600;list-style-position:outside}
.pfaq details p{margin:8px 0 0;color:var(--m)}
/* /start pages */
.pro-st{background:radial-gradient(700px 260px at 10% -40px,rgba(99,102,241,.12),transparent),radial-gradient(500px 220px at 95% 0,rgba(6,182,212,.10),transparent)}
.pro-st .eyebrow{margin:0 0 10px;font-size:.72rem;color:var(--b);background:#eef0ff;border:1px solid #d9dcfb;padding:4px 10px;border-radius:99px;text-transform:none;letter-spacing:0;font-weight:600}
.pro-st h1{letter-spacing:-.03em}
.pro-st .term.demo{margin:0 0 18px}
.pro-st .trow{list-style:none;padding:0;margin:0 0 18px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:.8125rem;color:var(--m)}
.pro-st .trow li{display:inline-flex;align-items:center;gap:6px}.pro-st .trow .ic{width:15px;height:15px;color:var(--b)}
.pro-st .pl{padding:12px 14px;border:1px solid var(--line);border-radius:12px;background:#fff}
/* mobile compaction (keep the home near 5 screens) */
@media(max-width:699px){
.pro-hero{padding:22px 0 28px}.pro-hero .hero-g{gap:18px}.pro-hero .eyebrow{font-size:.6875rem;padding:4px 10px;margin-bottom:10px}
.pro-hero h1{font-size:2rem}.pro-hero .lead{font-size:1rem}.pro-hero .cta{margin:16px 0 8px}.pro-hero .cta .btn{flex:1 1 auto;padding:11px 14px}
.pro-hero .hm{gap:2px 12px}.term.demo .db{padding:12px 14px 14px}.term.demo pre{font-size:11px;padding:8px 10px;margin-bottom:10px}.term .tb{padding:9px 12px}
.ps{padding:32px 0}.ps .sh{margin-bottom:16px}
.pro-dl .w{display:block}.pro-dl .lbl{margin:0 0 8px}
.fg{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.fg a{flex-direction:column;gap:10px;padding:14px}.fg .fi{width:34px;height:34px}
.fg h3{font-size:.9rem}.fg p{font-size:.8125rem}
.steps3{gap:12px}.steps3 p{font-size:.875rem}
.pband{padding:28px 0}.pband .cta{width:100%}.pband .btn{flex:1 1 auto}
}
@media(max-width:699px){
.steps3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.steps3 li{flex-direction:column;align-items:center;text-align:center;gap:8px}
.steps3 p{display:none}.steps3 h3{font-size:.8125rem;line-height:1.3}
.how-g{gap:18px}#features .sh p{display:none}
.tg{gap:8px}.tg a{padding:10px;align-items:center}.tg span{display:none}.tg b{font-size:.8125rem}
.pband{display:none}
}
.pfaq details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.pfaq details summary::-webkit-details-marker{display:none}
.pfaq details summary:after{content:"+";flex:none;width:24px;height:24px;border-radius:8px;border:1px solid var(--line);display:grid;place-items:center;color:var(--m);font-weight:500;line-height:22px;text-align:center}
.pfaq details[open] summary:after{content:"–"}
.pro-st details summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px}.pro-st details summary::-webkit-details-marker{display:none}
.pro-st details summary:after{content:"+";flex:none;width:24px;height:24px;border-radius:8px;border:1px solid var(--line);color:var(--m);font-weight:500;line-height:22px;text-align:center}
.pro-st details[open] summary:after{content:"–"}.pro-st .term.demo{padding:0}
.pro-pricing #peppol,.pro-pricing #peppol+p{padding:14px 16px;border:1px solid var(--line);border-radius:12px;background:#fff;margin:14px 0 0}