:root{
  --navy:#142441;--navy2:#304467;--cream:#f4f0e5;--paper:#fbfaf6;
  --gold:#c28b35;--gold-dark:#a87425;--ink:#10203b;--muted:#64708a;--line:#dedbd2;
  --serif:Georgia,"Times New Roman",serif;
}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:14px;line-height:1.55}
.site-nav{min-height:72px;border-bottom:1px solid rgba(20,36,65,.12);background:var(--cream)}
#why,
#how,
#pricing,
#check {
  scroll-margin-top: 90px;
}
.brand{display:flex;align-items:center;gap:7px;font-family:var(--serif);font-weight:700;font-size:18px;color:var(--ink)}
.brand-mark{width:20px;height:20px;border-radius:50%;background:var(--navy);color:#fff;display:grid;place-items:center;font:700 9px Arial}
.nav-link{font-size:13px;font-weight:700;color:var(--ink)!important}
.btn{border-radius:999px;padding:10px 18px;font-size:12px;font-weight:700}
.btn-outline-custom{border:1px solid var(--line);color:var(--ink);background:transparent}
.btn-outline-custom:hover{background:#fff;border-color:#ccc5b8}
.btn-dark-custom{background:var(--navy);border-color:var(--navy);color:#fff}
.btn-dark-custom:hover{background:#223758;color:#fff}
.btn-gold-custom{background:var(--gold);border-color:var(--gold);color:#fff}
.btn-gold-custom:hover{background:var(--gold-dark);color:#fff}
.hero{padding-top:40px!important;padding-bottom:80px!important}
.eyebrow{color:var(--gold-dark);font-size:9px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin-bottom:11px}
h1,h2,h3{font-family:var(--serif)}
h1{font-size:clamp(45px,6vw,68px);line-height:.94;letter-spacing:-2px;font-weight:700;margin-bottom:22px}
h1 span{display:block;color:var(--gold-dark)}
.hero-copy{max-width:510px;color:#30415e;font-size:14px}
.micro{font-size:10px;color:#788095}
.certificate-wrap{min-height:350px;display:grid;place-items:center;position:relative}
.certificate{width:min(430px,100%);background:var(--paper);border:1px solid #e5e0d5;border-radius:12px;box-shadow:0 24px 50px rgba(16,32,59,.16);padding:22px;position:relative;transform:rotate(-1deg)}
.record-top{font-size:8px;font-weight:700;letter-spacing:1.5px;color:#6d7480;margin-bottom:10px}
.record-id{font-size:9px;font-weight:700;letter-spacing:.7px;margin-bottom:13px}
.record-item{display:flex;align-items:center;gap:12px;background:#f0ede4;border-radius:7px;padding:11px 12px;margin-bottom:17px}
.device-icon{width:26px;height:26px;border-radius:4px;background:var(--navy);position:relative;flex:none}
.device-icon:after{content:"";position:absolute;inset:6px;border:1px solid #fff;border-radius:2px}
.record-item strong{font-size:15px;display:block}.record-item small{font-size:9px;color:#697286;display:block}
.record-details{display:grid;grid-template-columns:1fr 1.3fr;gap:7px 15px;font-size:10px}.record-details span{color:#72798a}
.stamp{position:absolute;right:-22px;top:-35px;width:86px;height:86px;border:1.5px solid var(--gold);border-radius:50%;background:rgba(251,250,246,.95);display:grid;place-items:center;text-align:center;color:var(--gold-dark);font:700 8px Arial;transform:rotate(10deg)}
.section{padding:78px 0}.section-intro{max-width:610px;margin-bottom:34px}.section-intro h2{font-size:clamp(30px,3vw,40px);line-height:1;letter-spacing:-.8px;margin-bottom:13px}.section-intro p{color:#3f4e68;font-size:13px}
.registry-cards{border:1px solid var(--line);border-radius:10px;overflow:hidden}.registry-card{padding:24px 22px;background:rgba(255,255,255,.66);border-bottom:1px solid var(--line)}.registry-card:last-child{border-bottom:0}
.card-label,.plan-name{font-size:8px;font-weight:700;letter-spacing:1.4px;color:var(--gold-dark);margin-bottom:8px}.registry-card h3{font-size:18px;margin-bottom:6px}.registry-card p{font-size:12px;color:#43516b;margin:0}
.how-section{background:var(--navy);color:#fff}.how-section .section-intro p{color:#c7cfdd}.steps{background:var(--navy2);border-radius:10px;padding:0 22px}.step{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.08)}.step:last-child{border-bottom:0}.step-num{font-size:8px;letter-spacing:1.5px;color:#cbd2df;margin-bottom:7px}.step h3{font-size:17px;margin-bottom:4px}.step p{font-size:12px;color:#d4dae4;margin:0}
.plan{position:relative;background:rgba(255,255,255,.68);border:1px solid var(--line);border-radius:10px;padding:18px}.plan.popular{border-color:var(--gold)}.popular-badge{position:absolute;right:0;top:-1px;background:var(--gold);color:#fff;padding:4px 10px;border-radius:0 10px 0 10px;font-size:8px;font-weight:700}.price{font:700 25px/1 var(--serif);margin:2px 0 4px}.plan p{font-size:11px;margin:0 0 10px;color:#46536a}.plan-btn{width:100%;border:1px solid #ddd9d0;background:transparent;border-radius:999px;padding:8px;font-size:10px;font-weight:700;cursor:pointer}.popular .plan-btn{background:var(--gold);color:#fff;border-color:var(--gold)}.corporate{font-size:11px;color:#58647b;margin-top:13px}.corporate a{color:var(--gold-dark);font-weight:700}
.final-cta{background:var(--paper);padding:48px 0}.final-cta h2{font-size:26px;margin:0}
footer{padding:32px 0 42px;background:var(--cream);border-top:1px solid rgba(20,36,65,.06)}footer h4{font-size:8px;letter-spacing:1px;margin:0 0 8px}footer a:not(.brand){display:block;font-size:10px;color:#536078;margin:4px 0}.copyright{font-size:9px;color:#8b8f99;margin-top:30px}
@media(max-width:991px){.nav-actions{padding:12px 0 5px}.hero{padding-top:35px!important}.certificate-wrap{min-height:300px}}
@media(max-width:575px){.certificate{padding:16px}.stamp{right:-7px;top:-25px;width:70px;height:70px}.hero h1{font-size:48px}}
