/* AGG Stamp — public landing page */
:root{--navy:#000080;--navy-d:#00005c;--navy-2:#1a1a99;--gold:#C4A77D;--gold-d:#a68a5c;--ink:#141a33;--muted:#667089;--line:#e6e8f1;--soft:#f5f6fb;--ease:cubic-bezier(.2,.7,.2,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}
html,body{overflow-x:clip}
body{margin:0;background:#fff;color:var(--ink);font:15px/1.6 Montserrat,system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%}
:focus-visible{outline:3px solid rgba(196,167,125,.7);outline-offset:3px;border-radius:8px}
/* nav */
.nav{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,64px);height:72px;background:rgba(255,255,255,.82);backdrop-filter:saturate(1.6) blur(16px);-webkit-backdrop-filter:saturate(1.6) blur(16px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:14px;font-weight:800;color:var(--navy);letter-spacing:.02em}
.brand img{height:38px;width:auto;display:block}.brand span{width:1px;height:26px;background:var(--line)}.brand b{font-size:15px}.brand em{font-style:normal;color:var(--gold-d)}
.nav nav{display:flex;align-items:center;gap:6px}
.nav nav a{padding:9px 16px;border-radius:999px;font-weight:600;font-size:13.5px;color:var(--muted);transition:.15s}
.nav nav a:hover{color:var(--navy);background:#f0f1fa}
.nav nav a.nav-login{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff;margin-left:8px;box-shadow:0 8px 18px -8px rgba(0,0,128,.7)}
.nav nav a.nav-login:hover{background:var(--navy-d);color:#fff;transform:translateY(-1px)}.nav-login span{margin-left:4px}
@media(max-width:640px){.nav nav a:not(.nav-login){display:none}.brand span{display:none}}
/* hero */
.hero{position:relative;display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;padding:clamp(48px,8vw,104px) clamp(18px,5vw,64px) clamp(56px,8vw,96px);max-width:1360px;margin:0 auto}
.hero::before{content:"";position:absolute;top:-72px;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background:radial-gradient(900px 520px at 78% 18%,rgba(196,167,125,.30),transparent 62%),radial-gradient(800px 560px at 8% 0,rgba(0,0,128,.09),transparent 60%),linear-gradient(180deg,#fbfbfe,#fff)}
.hero::after{content:"";position:absolute;top:-72px;bottom:0;left:50%;width:100vw;margin-left:-50vw;z-index:-1;background-image:radial-gradient(rgba(0,0,128,.12) 1px,transparent 1px);background-size:26px 26px;mask-image:radial-gradient(ellipse at 60% 30%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 60% 30%,#000,transparent 70%)}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:700;letter-spacing:.16em;color:var(--gold-d);margin-bottom:20px}
.eyebrow i{width:26px;height:2px;background:var(--gold);display:inline-block;border-radius:2px}
.hero h1{font-size:clamp(38px,5.6vw,68px);line-height:1.04;margin:0 0 22px;font-weight:800;letter-spacing:-.03em;color:var(--navy)}
.hero h1 span{background:linear-gradient(90deg,var(--gold-d),#d9c196);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{font-size:clamp(15px,1.5vw,18px);color:#4b536b;max-width:540px;line-height:1.75;margin:0 0 30px}
.actions{display:flex;gap:12px;flex-wrap:wrap}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 26px;border-radius:14px;font-weight:700;font-size:14px;border:1px solid transparent;transition:transform .15s var(--ease),box-shadow .15s,background .15s}
.btn.primary{background:linear-gradient(180deg,var(--navy-2),var(--navy));color:#fff;box-shadow:0 14px 28px -12px rgba(0,0,128,.75)}
.btn.primary:hover{transform:translateY(-2px);box-shadow:0 18px 32px -12px rgba(0,0,128,.8)}
.btn.secondary{background:#fff;color:var(--navy);border-color:#d3d7e6;box-shadow:0 1px 2px rgba(16,24,40,.06)}.btn.secondary:hover{border-color:var(--navy);transform:translateY(-2px)}
.btn.light{background:#fff;color:var(--navy);box-shadow:0 14px 28px -14px rgba(0,0,0,.5)}.btn.light:hover{transform:translateY(-2px);background:#fff8ea}
.proof{margin-top:30px;display:flex;flex-wrap:wrap;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--muted)}
.proof .check{width:20px;height:20px;border-radius:50%;background:#e5f5ec;color:#157a47;display:grid;place-items:center;font-size:11px;font-weight:800}.proof .dot{color:var(--gold)}
/* hero art */
.hero-art{position:relative;min-height:470px;display:grid;place-items:center}
.orbit{position:absolute;border:1px dashed rgba(0,0,128,.22);border-radius:50%;animation:spin 60s linear infinite}
.orbit-one{width:430px;height:430px}.orbit-two{width:560px;height:560px;border-color:rgba(196,167,125,.55);animation-direction:reverse;animation-duration:90s}
@keyframes spin{to{transform:rotate(360deg)}}
.document-card{position:relative;width:min(380px,86%);background:#fff;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 40px 80px -24px rgba(8,10,80,.35),0 2px 6px rgba(16,24,40,.06);transform:rotate(-3deg);animation:bob 7s ease-in-out infinite}
@keyframes bob{50%{transform:rotate(-2deg) translateY(-10px)}}
.doc-top{display:flex;align-items:center;gap:12px;padding-bottom:16px;border-bottom:1px solid var(--line)}
.doc-mark{width:42px;height:42px;border-radius:12px;background:linear-gradient(145deg,var(--navy-2),var(--navy));color:#fff;font-weight:800;font-size:12px;display:grid;place-items:center;box-shadow:inset 0 0 0 2px rgba(196,167,125,.6)}
.doc-top b{display:block;font-size:12px;letter-spacing:.06em;color:var(--navy)}.doc-top small{font-size:10px;color:var(--muted);letter-spacing:.1em}
.verified{margin-left:auto;width:28px;height:28px;border-radius:50%;background:#e5f5ec;color:#157a47;display:grid;place-items:center;font-weight:800}
.doc-lines{padding:20px 0 4px;display:grid;gap:11px}.doc-lines i{display:block;height:9px;border-radius:6px;background:linear-gradient(90deg,#eceef6,#f5f6fb)}
.doc-lines i:nth-child(2){width:88%}.doc-lines i:nth-child(3){width:94%}.doc-lines i:nth-child(4){width:56%}
.stamp{position:relative;margin:6px 0 14px auto;width:170px;text-align:center;transform:rotate(-10deg)}
.stamp-ring{width:132px;height:132px;margin:0 auto;border-radius:50%;border:5px double var(--navy);display:grid;align-content:center;color:var(--navy);box-shadow:inset 0 0 0 6px #fff,inset 0 0 0 7px rgba(0,0,128,.25);background:rgba(255,255,255,.7)}
.stamp-ring b{font-size:26px;font-weight:800;letter-spacing:.06em;line-height:1}.stamp-ring small{font-size:9px;font-weight:700;letter-spacing:.2em;color:var(--gold-d);display:block;margin-top:3px}
.stamp>span{display:inline-block;margin-top:8px;font-size:9.5px;font-weight:800;letter-spacing:.18em;color:var(--navy)}
.doc-foot{display:flex;justify-content:space-between;align-items:center;padding-top:14px;border-top:1px dashed #d6d9e8;font-size:10px;color:var(--muted);letter-spacing:.1em;gap:8px}.doc-foot b{font-size:11.5px;color:var(--navy);letter-spacing:.04em}
.float-tag{position:absolute;display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px 16px;box-shadow:0 20px 40px -16px rgba(8,10,80,.35);animation:bob2 6s ease-in-out infinite}
@keyframes bob2{50%{transform:translateY(-8px)}}
.float-tag span{width:32px;height:32px;border-radius:10px;background:#e5f5ec;color:#157a47;display:grid;place-items:center;font-weight:800}.float-tag b{display:block;font-size:12px;color:var(--navy)}.float-tag small{font-size:10.5px;color:var(--muted)}
.tag-a{left:-10%;top:-2%}.tag-b{right:-2%;bottom:12%;animation-delay:-3s}.float-tag .gold-dot{background:#f8f2e6;position:relative}.float-tag .gold-dot::after{content:"";width:12px;height:12px;border-radius:50%;background:var(--gold)}
@media(max-width:960px){.hero{grid-template-columns:1fr}.hero-art{min-height:420px;order:2}.tag-a{left:0}.tag-b{right:0}.orbit-two{width:480px;height:480px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
/* metrics */
.metrics{display:grid;grid-template-columns:repeat(4,1fr);max-width:1180px;margin:0 auto;padding:0 clamp(18px,5vw,64px);gap:0;position:relative;top:-28px}
.metrics>div{background:#fff;padding:22px 24px;display:flex;align-items:center;gap:14px;border:1px solid var(--line);margin-left:-1px;box-shadow:0 18px 36px -24px rgba(8,10,80,.35)}
.metrics>div:first-child{border-radius:18px 0 0 18px}.metrics>div:last-child{border-radius:0 18px 18px 0}
.metrics b{font-size:22px;font-weight:800;color:var(--gold-d);letter-spacing:-.02em}.metrics span{font-size:12.5px;font-weight:600;color:var(--ink);line-height:1.35}
@media(max-width:900px){.metrics{grid-template-columns:1fr 1fr;top:-16px;gap:10px}.metrics>div,.metrics>div:first-child,.metrics>div:last-child{border-radius:14px;margin:0}}
/* features */
.features{max-width:1180px;margin:0 auto;padding:clamp(48px,7vw,96px) clamp(18px,5vw,64px)}
.section-head{text-align:center;max-width:680px;margin:0 auto 52px}
.section-head .eyebrow{margin-bottom:14px}
.section-head h2{font-size:clamp(30px,4vw,46px);line-height:1.1;margin:0 0 16px;color:var(--navy);font-weight:800;letter-spacing:-.025em}
.section-head h2 span{color:var(--gold-d)}.section-head p{color:var(--muted);margin:0;font-size:15.5px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
@media(max-width:1020px){.feature-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.feature-grid{grid-template-columns:1fr}}
.feature-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:26px 24px;transition:transform .2s var(--ease),box-shadow .2s,border-color .2s;position:relative;overflow:hidden}
.feature-grid article::before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--navy),var(--gold));opacity:0;transition:opacity .2s}
.feature-grid article:hover{transform:translateY(-6px);box-shadow:0 30px 50px -28px rgba(8,10,80,.4);border-color:#d6d9ea}.feature-grid article:hover::before{opacity:1}
.icon{width:52px;height:52px;border-radius:16px;background:linear-gradient(145deg,#f8f2e6,#efe3cb);color:var(--navy);display:grid;place-items:center;font-size:22px;font-weight:700;margin-bottom:20px;box-shadow:inset 0 0 0 1px rgba(196,167,125,.5)}
.feature-grid h3{font-size:18px;margin:0 0 10px;color:var(--navy);letter-spacing:-.01em}.feature-grid p{color:var(--muted);margin:0 0 18px;font-size:14px;line-height:1.7}
.feature-grid article a{font-weight:700;font-size:13px;color:var(--navy);border-bottom:2px solid var(--gold);padding-bottom:2px}.feature-grid article a:hover{color:var(--gold-d)}
/* cta */
.cta{max-width:1180px;margin:0 auto clamp(48px,7vw,96px);padding:clamp(32px,5vw,56px);border-radius:28px;background:radial-gradient(520px 260px at 90% 0,rgba(196,167,125,.35),transparent 70%),linear-gradient(135deg,var(--navy-2),var(--navy-d));color:#fff;display:flex;align-items:center;justify-content:space-between;gap:28px;flex-wrap:wrap;width:calc(100% - clamp(36px,10vw,128px));box-shadow:0 40px 70px -30px rgba(0,0,100,.7)}
.cta .eyebrow{color:#e3cfa5;margin-bottom:12px}.cta .eyebrow i{background:#e3cfa5}
.cta h2{font-size:clamp(26px,3.4vw,38px);margin:0 0 10px;color:#fff;letter-spacing:-.02em}.cta p{margin:0;color:#c9ccf0;max-width:520px}
/* footer */
footer{border-top:1px solid var(--line);padding:30px clamp(18px,5vw,64px);display:flex;flex-wrap:wrap;gap:16px 28px;align-items:center;justify-content:space-between;max-width:1360px;margin:0 auto;color:var(--muted);font-size:13px}
.foot-brand img{height:30px}.foot-brand b{font-size:13px}
footer>div{display:flex;gap:20px;font-weight:600}footer>div a:hover{color:var(--navy)}footer small{flex-basis:100%;text-align:center;color:#9aa1b6;font-size:11.5px}