:root{
    --ink:#0e2219;
    --green-dark:#17382d;
    --green-mid:#197a47;
    --green-bright:#388a1e;
    --green-soft:#e5f6ed;
    --green-line:#d1e2d8;
    --muted:#50675b;
    --bg:#f3f8f5;
}
*{box-sizing:border-box}
body{margin:0;font-family:'Inter',Arial,-apple-system,sans-serif;color:var(--ink);background:var(--bg)}
a{color:#197a47;text-decoration:none}
h1,h2,h3,p{margin-top:0}
h1{letter-spacing:-0.02em}
button,input,select,textarea{font:inherit}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border:0;border-radius:9px;padding:12px 20px;font-weight:700;cursor:pointer;transition:all .2s ease}
.primary{color:#fff;background:linear-gradient(110deg,#197a47,#269557);box-shadow:0 8px 20px rgba(25,122,71,0.22)}
.primary:hover{background:linear-gradient(110deg,#14663a,#1e834b);transform:translateY(-1px);box-shadow:0 12px 24px rgba(25,122,71,0.28)}
.light{background:#fff;color:#197a47;border:1px solid #c8ded3}
.light:hover{background:#f5faf7;border-color:#197a47}
.wide{width:100%}
.toast{position:fixed;z-index:9999;right:24px;top:24px;padding:14px 22px;border-radius:10px;background:#fff;box-shadow:0 14px 38px rgba(14,34,25,0.18);color:#0e2219;font-weight:600;display:flex;align-items:center;gap:10px}
.toast.success{border-left:5px solid #388a1e}
.toast.error{border-left:5px solid #d9383a}
.seal{display:grid;place-items:center;width:48px;height:48px;border:3px solid #fff;border-radius:50%;background:linear-gradient(135deg,#1b4e45,#388a1e);color:#fff;font-weight:800;font-size:13px;box-shadow:0 6px 16px rgba(23,56,45,0.2)}
.brand{display:flex;align-items:center;gap:12px;color:var(--ink);font-weight:800}
.brand small{display:block;font-size:13px;font-weight:500;margin-top:3px;color:var(--muted)}
.public-nav,.auth-nav{height:90px;display:flex;align-items:center;justify-content:space-between;padding:0 max(3.5vw,48px);background:#fff;border-bottom:1px solid #e3eee7}
.public-nav nav{display:flex;gap:32px}
.public-nav nav a{color:var(--ink);font-weight:600}
.public-nav nav a:hover{color:#197a47}
.public-nav>div{display:flex;gap:12px}
.hero{min-height:480px;padding:78px max(7vw,72px);position:relative;background:linear-gradient(90deg,#fff 0%,#ffffffed 44%,#ffffff30 75%),url('../images/nalook-hall.png') center/cover}
.hero-copy{max-width:560px}
.eyebrow{display:inline-block;padding:8px 16px;border-radius:99px;background:#e5f6ed;color:#197a47;font-weight:800;font-size:12px;letter-spacing:0.04em;text-transform:uppercase}
.hero h1{font-size:48px;line-height:1.15;margin:18px 0;color:#0e2219}
.hero em{display:block;color:#197a47;font-style:normal}
.hero p{font-size:17px;line-height:1.65;color:#4a6256}
.hero-copy .btn{margin:14px 10px 0 0}
.security-callout{position:absolute;right:7%;bottom:30px;width:340px;padding:24px;border-radius:14px;background:#fffffffa;box-shadow:0 15px 40px rgba(23,56,45,0.15);border:1px solid #d1e2d8}
.security-callout p{font-size:13px;margin:8px 0 0;color:var(--muted)}
.steps{padding:54px max(7vw,72px) 45px;background:#fff}
.section-heading{text-align:center;margin-bottom:36px}
.section-heading span{font-size:12px;color:#197a47;font-weight:800;text-transform:uppercase;letter-spacing:0.08em}
.section-heading h2{font-size:28px;margin:8px;color:#0e2219}
.step-grid,.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.step-grid article,.service-card{padding:28px;border:1px solid #dcebe2;border-radius:14px;box-shadow:0 6px 22px rgba(23,56,45,0.06);background:#fff;transition:transform .2s ease,box-shadow .2s ease}
.step-grid article:hover,.service-card:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(23,56,45,0.11);border-color:#8ac4a5}
.step-grid i,.service-card i{display:grid;place-items:center;width:56px;height:56px;border-radius:12px;background:#e5f6ed;color:#197a47;font-size:26px;font-style:normal}
.step-grid b{display:inline-block;margin:16px 0 0;color:#388a1e;font-size:13px;text-transform:uppercase;letter-spacing:0.06em}
.step-grid h3{font-size:16px;margin:10px 0;color:#0e2219}
.step-grid p,.service-card p{font-size:13px;line-height:1.6;color:var(--muted)}
.cta{display:flex;align-items:center;justify-content:space-between;margin:0 auto 24px;width:86%;padding:28px 44px;background:linear-gradient(135deg,#17382d 0%,#224c3d 60%,#197a47 100%);color:#fff;border-radius:16px;box-shadow:0 16px 38px rgba(23,56,45,0.18)}
.cta h2{font-size:20px;margin-bottom:6px;color:#fff}
.cta p{margin:0;color:#cde5d8;font-size:13px}
.cta .btn{background:#fff;color:#17382d}
.cta .btn:hover{background:#e5f6ed;color:#125732}
.public-footer{display:flex;justify-content:space-between;padding:24px 8%;background:#0d211a;color:#bcd8cf;font-size:12px}