:root{--bg:#F2F5F6;--surface:#FFFFFF;--ink:#13242F;--muted:#4C5F6B;--line:#CBD5DA;--accent:#1F5F7A;--accent-ink:#FFFFFF;--signal:#1F7A78;
--serif:"Newsreader",Georgia,"Times New Roman",serif;--sans:"Public Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;
box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0F1A21;--surface:#16252E;--ink:#E9EFF2;--muted:#9FB1BB;--line:#2A3E4A;--accent:#6FB3CF;--accent-ink:#0F1A21;--signal:#5FC2BE;color-scheme:dark}}
:root[data-theme="dark"]{--bg:#0F1A21;--surface:#16252E;--ink:#E9EFF2;--muted:#9FB1BB;--line:#2A3E4A;--accent:#6FB3CF;--accent-ink:#0F1A21;--signal:#5FC2BE;color-scheme:dark}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--ink);font:400 1.0625rem/1.65 var(--sans)}
a{color:var(--accent)}
:focus-visible{outline:3px solid var(--signal);outline-offset:3px}
.wrap{max-width:68rem;margin:0 auto;padding:0 1.25rem}
header.top{border-bottom:1px solid var(--line)}
header.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding-top:1rem;padding-bottom:1rem}
.brand{font:600 1.25rem/1.2 var(--serif);color:var(--ink);text-decoration:none}
nav{display:flex;gap:1.25rem;flex-wrap:wrap;font-size:.95rem}
nav a{color:var(--ink);text-decoration:none}
nav a:hover{text-decoration:underline;text-underline-offset:4px}
h1,h2,h3{font-family:var(--serif);font-weight:600;line-height:1.15;margin:0}
h1{font-size:clamp(2.3rem,6vw,4rem);max-width:16ch;letter-spacing:-.01em}
h2{font-size:clamp(1.7rem,4vw,2.4rem);margin-bottom:1rem}
h3{font-size:1.5rem}
p{margin:0 0 1rem;max-width:62ch}
.hero{padding:4rem 0 3.5rem}
.hero .grid{display:grid;gap:2.5rem;grid-template-columns:1.4fr 1fr;align-items:end}
.lead{font-size:1.25rem;color:var(--muted);margin-top:1.5rem}
.btns{display:flex;gap:.75rem;flex-wrap:wrap;margin-top:2rem}
.btn{display:inline-block;padding:.85rem 1.4rem;border-radius:.25rem;font-weight:600;text-decoration:none;border:2px solid var(--accent);background:var(--accent);color:var(--accent-ink)}
.btn.alt{background:transparent;color:var(--accent)}
.btn:hover{filter:brightness(1.1)}
.person{background:var(--surface);border:1px solid var(--line);border-left:6px solid var(--signal);padding:1.5rem}
.person strong{font:600 1.35rem/1.2 var(--serif);display:block}
.person span{color:var(--muted);font-size:.95rem}
.person p{margin:1rem 0 0;font-size:1rem}
.hero{position:relative;overflow:hidden;isolation:isolate}.hero::before{content:"";position:absolute;inset:0;z-index:-1;background:url(hero.jpg) right center/cover no-repeat;opacity:.35;-webkit-mask-image:linear-gradient(to right,transparent 10%,#000 75%);mask-image:linear-gradient(to right,transparent 10%,#000 75%)}
section{padding:3.5rem 0;border-top:1px solid var(--line)}
.pillar{display:grid;grid-template-columns:14rem 1fr;gap:1.5rem;padding:1.75rem 0;border-bottom:1px solid var(--line)}
.pillar:first-of-type{padding-top:.5rem}
.pillar ul{margin:.5rem 0 0;padding-left:1.1rem;color:var(--muted)}
.pillar li{margin-bottom:.3rem}
.steps{list-style:none;margin:2rem 0 0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:s}
.steps li{counter-increment:s;border-top:3px solid var(--accent);padding-top:1rem}
.steps li::before{content:counter(s) ".";font:600 1.4rem var(--serif);color:var(--signal);display:block}
.steps b{display:block;margin-bottom:.25rem}
.steps span{color:var(--muted);font-size:.97rem}
.facts{display:grid;grid-template-columns:1fr 1fr;gap:2.5rem}
.facts ul{margin:0;padding:0;list-style:none}
.facts li{padding:.55rem 0;border-bottom:1px solid var(--line)}
form{display:grid;gap:1rem;max-width:36rem;margin-top:1.5rem}
label{display:grid;gap:.35rem;font-weight:500}
input,textarea,select{font:inherit;padding:.7rem .8rem;border:1px solid var(--line);border-radius:.25rem;background:var(--surface);color:var(--ink)}
textarea{min-height:8rem;resize:vertical}
footer{border-top:1px solid var(--line);padding:2rem 0;color:var(--muted);font-size:.92rem}
footer .wrap{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap}
.hero .grid.home{grid-template-columns:1fr;gap:1.75rem;align-items:start}
@media (min-width:52.01rem){.hero .grid.home{grid-template-columns:15rem 1fr;gap:3rem;align-items:center}}
.idcard{order:-1;background:none;border:0;padding:0;max-width:24rem}
.tilt{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:500;letter-spacing:0;color:var(--accent);max-width:none;margin:0 0 1rem}
.tilt span{display:block;color:var(--signal)}
.trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}
.trust li{border-top:3px solid var(--signal);padding-top:.75rem;font-size:.97rem;color:var(--muted)}
.trust b{display:block;color:var(--ink);font-size:1.05rem}
.recog{columns:2;column-gap:3rem;list-style:none;padding:0;margin:1.5rem 0 1.5rem;max-width:none}
.recog li{break-inside:avoid;padding:.7rem 0;border-bottom:1px solid var(--line)}
.cases{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin-top:1.5rem}
.case{background:var(--surface);border:1px solid var(--line);padding:1.5rem}
.case h3{font-size:1.25rem;margin-bottom:.75rem}
.case p{font-size:.98rem;margin-bottom:.6rem}
.sectors{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;padding:0;margin:1.25rem 0 0}
.sectors li{border:1px solid var(--line);background:var(--surface);padding:.4rem .95rem;border-radius:2rem}
details{border-bottom:1px solid var(--line);padding:1rem 0;max-width:46rem}
summary{cursor:pointer;font-weight:600}
details p{margin:.6rem 0 0;color:var(--muted)}
button.btn{font:inherit;cursor:pointer}
.ag-bar{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1.25rem 0}
.ag-bar .btn{padding:.45rem .9rem;font-size:.9rem}
.ag-bar .btn:disabled{opacity:.4;cursor:default}
.ag-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem}
.ag-day{display:grid;gap:.5rem;align-content:start}
.ag-day b{font-size:.95rem;padding-bottom:.4rem;border-bottom:3px solid var(--signal)}
.ag-day button{font:inherit;padding:.55rem;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:.25rem;cursor:pointer}
.ag-day button:hover:not(:disabled){border-color:var(--accent)}
.ag-day button:disabled{opacity:.35;text-decoration:line-through;cursor:default}
.ag-day button.on{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
#ag-form{margin-top:1.75rem;padding-top:1.25rem;border-top:1px solid var(--line)}
#ag-form[hidden],.ag-embed[hidden],#ag-own[hidden]{display:none}
.ag-embed iframe{width:100%;min-height:680px;border:1px solid var(--line);border-radius:.25rem;background:#fff}
.ag-note{margin-top:1.25rem;color:var(--muted);font-size:.95rem}
.ck{position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--surface);border-top:3px solid var(--signal);box-shadow:0 -8px 24px rgba(0,0,0,.15);padding:1rem 0 calc(1rem + env(safe-area-inset-bottom,0px))}
.ck[hidden],#ck-panel[hidden]{display:none}
.ck p{max-width:none;margin:0 0 .75rem;font-size:.97rem}
.ck-row{display:flex!important;gap:.6rem;align-items:flex-start;font-weight:400;margin-bottom:.5rem}
.ck-row input{padding:0;margin-top:.3rem}
#ck-panel{margin:.5rem 0 1rem}
.ck-btns{display:flex;gap:.6rem;flex-wrap:wrap;align-items:center}
.ck .btn{padding:.55rem 1.1rem;font-size:.95rem}
.ck-link{font:inherit;background:none;border:0;color:var(--accent);text-decoration:underline;cursor:pointer;padding:.55rem}
.pillar.feature{background:var(--surface);border-left:6px solid var(--signal);padding:1.75rem 1.25rem;margin:.5rem 0}
nav a.nav-login{border:2px solid var(--accent);color:var(--accent);padding:.2rem .8rem;border-radius:.25rem;font-weight:600}
nav a.nav-login:hover{background:var(--accent);color:var(--accent-ink);text-decoration:none}
.view[hidden]{display:none}
.dd{position:relative}
.dd>button{font:inherit;background:none;border:0;padding:0;color:var(--ink);cursor:pointer}
.dd>button::after{content:"";display:inline-block;width:.45em;height:.45em;margin-left:.45em;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-.15em) rotate(45deg)}
.dd>button:hover{text-decoration:underline;text-underline-offset:4px}
.ddm{display:none;position:absolute;left:-1rem;top:100%;margin-top:.6rem;z-index:20;min-width:17rem;padding:.4rem 0;background:var(--surface);border:1px solid var(--line);border-radius:.25rem;box-shadow:0 8px 24px rgba(0,0,0,.12)}
.ddm::before{content:"";position:absolute;left:0;right:0;top:-.7rem;height:.7rem}
.ddm a{display:block;padding:.6rem 1rem;color:var(--ink);text-decoration:none}
.ddm a:hover{background:var(--bg)}
.dd.open .ddm{display:block}
@media (hover:hover){.dd:hover .ddm{display:block}}
.pillar h3 a{color:inherit;text-decoration-color:var(--line);text-underline-offset:5px}
.pillar h3 a:hover{color:var(--accent)}
@media (max-width:52rem){
 .hero .grid,.facts{grid-template-columns:1fr}
 .pillar{grid-template-columns:1fr;gap:.5rem}
 .steps{grid-template-columns:1fr 1fr}
 .trust{grid-template-columns:1fr 1fr}
 .cases{grid-template-columns:1fr}
 .recog{columns:1}
 .ag-grid{grid-template-columns:1fr 1fr}
 .hero{padding-top:2.5rem}
}
@media (max-width:30rem){.steps,.trust,.ag-grid{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-msg{margin:0;padding:.75rem 1rem;border-left:4px solid var(--signal);background:var(--surface)}
.form-msg[hidden]{display:none}
.btn:disabled{opacity:.6;cursor:default}