:root{
  --navy:#082650; --navy2:#0d315f; --blue:#1269dc; --blue2:#1a78e8;
  --green:#18a75f; --ink:#0a2145; --muted:#536884; --line:#d9e5f2;
  --pale:#eef7ff; --white:#fff; --purple:#6d2fc1;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#fff}
a{color:inherit}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.96);backdrop-filter:blur(10px);border-bottom:1px solid #e4ebf3}
.nav-wrap{height:86px;display:flex;align-items:center;gap:28px}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-logo{height:52px;width:auto;max-width:255px;object-fit:contain}
.nav-links{margin-left:auto;display:flex;align-items:center;gap:28px;font-size:14px;font-weight:750}
.nav-links a{text-decoration:none;white-space:nowrap;padding:10px 0;border-bottom:2px solid transparent}
.nav-links a:hover,.nav-links a.active{color:var(--blue);border-color:var(--blue)}
.signin-btn{margin-left:10px;text-decoration:none;border:1px solid #a9c7ec;border-radius:11px;padding:12px 18px;font-weight:800;background:#fff}
.hero{background:radial-gradient(circle at 75% 32%,rgba(79,226,172,.17),transparent 28%),linear-gradient(125deg,#f8fcff 0%,#eaf6ff 53%,#f9ffff 100%);border-bottom:1px solid #e0ebf7}
.hero-grid{min-height:545px;display:grid;grid-template-columns:1.08fr .92fr;gap:66px;align-items:center;padding:62px 0}
.eyebrow{text-transform:uppercase;letter-spacing:.085em;color:#0968df;font-weight:900;font-size:14px}
h1{font-size:64px;line-height:1.02;letter-spacing:-.04em;margin:20px 0 24px;max-width:670px}
h1 span{color:var(--blue)}
.lead{font-size:20px;line-height:1.58;color:#314a6a;max-width:700px;margin:0}
.trust-points{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.point{display:flex;gap:12px;align-items:flex-start}
.point .icon{width:43px;height:43px;border-radius:50%;display:grid;place-items:center;background:#dceeff;color:#176dd8;font-weight:900;flex:0 0 auto}
.point:nth-child(2) .icon{background:#dff6e8;color:#109e57}
.point:nth-child(3) .icon{background:#efe4ff;color:#6c33b7}
.point b{display:block;margin:2px 0 4px;font-size:16px}
.point span{display:block;color:#4b617e;font-size:14px;line-height:1.35}
.verify-card{position:relative;background:rgba(255,255,255,.95);border:1px solid #cadbea;border-radius:20px;padding:34px 32px 30px;box-shadow:0 20px 55px rgba(25,66,120,.08)}
.verify-badge{position:absolute;right:46px;top:-74px;width:112px;height:132px;display:grid;place-items:center;font-size:58px;font-weight:900;color:#fff;background:linear-gradient(140deg,#25b7dd 0 49%,#1aa556 50%);clip-path:polygon(50% 0,100% 14%,93% 76%,50% 100%,7% 76%,0 14%);filter:drop-shadow(0 8px 6px rgba(24,64,105,.2));border-radius:18px}
.verify-card p{font-size:17px;color:#324963}
.verify-form{display:grid;grid-template-columns:1fr 145px;gap:14px;margin:28px 0 20px}
.verify-form input{height:60px;border:1px solid #b9cee5;border-radius:10px;padding:0 20px;font-size:18px;outline:none}
.verify-form input:focus{border-color:#2580e8;box-shadow:0 0 0 4px rgba(37,128,232,.12)}
.verify-form button,.apply-btn{border:0;border-radius:10px;background:linear-gradient(180deg,#1974df,#0f61cd);color:#fff;font-size:17px;font-weight:850;cursor:pointer}
.verify-result{min-height:76px;border-radius:10px;background:#eaf4ff;padding:18px 20px;display:flex;align-items:center;gap:14px;color:#26405f;line-height:1.35}
.info-dot{width:30px;height:30px;border-radius:50%;background:#1972e2;color:#fff;display:grid;place-items:center;font-weight:900;flex:0 0 auto}
.verify-result.valid{background:#e9f8f0;color:#0d6f43}
.verify-result.invalid{background:#fff0f2;color:#9e2e42}
.verify-result .open-cert{display:inline-block;margin-top:8px;font-weight:900;color:#0a62cf;text-decoration:none}
.apply-section{padding:58px 0 64px}
.apply-grid{display:grid;grid-template-columns:1.3fr .65fr .65fr;gap:28px;align-items:stretch}
.apply-copy{padding:26px 24px 20px 0}
.apply-copy h2,.scanner-card h2{font-size:38px;letter-spacing:-.025em;margin:16px 0 13px}
.apply-copy p,.scanner-card p{color:#506681;font-size:17px;line-height:1.55;margin:0;max-width:620px}
.apply-card{border:1px solid #d5e2ef;border-radius:18px;padding:25px;background:#fff;box-shadow:0 11px 30px rgba(26,65,111,.05);display:flex;flex-direction:column}
.apply-icon{width:50px;height:50px;border-radius:13px;display:grid;place-items:center;background:#e2efff;color:#1674df;font-size:30px;font-weight:900}
.music-icon{background:#efe5ff;color:var(--purple)}
.apply-card h3{font-size:22px;margin:16px 0 7px}
.apply-card p{color:#526a86;line-height:1.45;margin:0 0 22px}
.apply-btn{margin-top:auto;padding:15px 18px;text-decoration:none;text-align:center}
.music-btn{background:linear-gradient(180deg,#7c38c8,#6423ad)}
.scanner-section{padding:0 0 70px}
.scanner-card{background:#0c315e;color:#fff;border-radius:24px;padding:36px 42px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.scanner-card .eyebrow{color:#75baff}
.scanner-card h2{color:#fff;margin-top:10px}
.scanner-card p{color:#d7e8fb}
.outline-btn{border:1px solid #8eb9e8;color:#fff;text-decoration:none;border-radius:10px;padding:14px 18px;font-weight:850;white-space:nowrap}
.site-footer{background:#08274e;color:#fff;padding:26px 0}
.footer-grid{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:30px}
.footer-logo{height:34px;filter:brightness(0) invert(1);display:block}
.footer-brand small{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.18em;margin-top:4px;color:#d5e5f6}
.footer-links{display:flex;gap:23px;font-size:13px;color:#e4edf7}
.footer-links a{text-decoration:none}
.copyright{justify-self:end;color:#d4e0ed;font-size:13px}
@media(max-width:980px){
 .nav-links{display:none}.signin-btn{margin-left:auto}
 .hero-grid{grid-template-columns:1fr;padding-top:85px}.verify-card{margin-top:24px}.verify-badge{right:30px;top:-55px;width:90px;height:106px}
 .apply-grid{grid-template-columns:1fr 1fr}.apply-copy{grid-column:1/-1}
 .footer-grid{grid-template-columns:1fr}.copyright{justify-self:start}
}
@media(max-width:650px){
 .shell{width:min(100% - 28px,1180px)}.nav-wrap{height:74px}.brand-logo{height:43px;max-width:200px}
 h1{font-size:44px}.hero-grid{padding:70px 0 48px}.lead{font-size:18px}.trust-points{grid-template-columns:1fr}
 .verify-form{grid-template-columns:1fr}.verify-form button{height:54px}
 .apply-grid{grid-template-columns:1fr}.scanner-card{flex-direction:column;align-items:flex-start}
}