:root{--red:#d71920;--red2:#ff2d34;--black:#080808;--charcoal:#121212;--ink:#171717;--muted:#6f6f6f;--white:#fff;--line:#e7e7e7}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Montserrat,Arial,sans-serif;background:#fff;color:var(--ink)}
.site-header{position:sticky;top:0;z-index:20;height:78px;background:rgba(6,6,6,.96);display:flex;align-items:center;justify-content:space-between;padding:0 clamp(22px,5vw,78px);border-bottom:1px solid rgba(255,255,255,.08)}
.brand{font-weight:900;font-size:24px;letter-spacing:-1.2px;color:#fff;text-decoration:none}.brand span{font-weight:500}
nav{display:flex;gap:30px}nav a{color:#fff;text-decoration:none;text-transform:uppercase;font-weight:700;font-size:12px;letter-spacing:1.1px;opacity:.86}
.hero{min-height:74vh;position:relative;background:radial-gradient(circle at 78% 20%,rgba(220,0,14,.55),transparent 28%),linear-gradient(120deg,#050505 0%,#151515 53%,#6c0005 100%);display:flex;align-items:center;overflow:hidden}
.hero:after{content:"";position:absolute;right:-8%;top:8%;width:52%;height:110%;background:linear-gradient(135deg,transparent 0 40%,rgba(255,0,18,.32) 40% 45%,transparent 45% 54%,rgba(255,0,18,.14) 54% 59%,transparent 59%);transform:skewX(-12deg)}
.hero-content{position:relative;z-index:2;max-width:840px;padding:86px clamp(24px,7vw,110px);color:#fff}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2.2px;text-transform:uppercase;color:#fff;margin-bottom:18px}.eyebrow.red{color:var(--red)}
h1{font-size:clamp(64px,9vw,132px);line-height:.82;margin:0 0 28px;letter-spacing:-5px;font-weight:900}h1 span,h2 span{color:var(--red)}
.hero p{font-size:18px;line-height:1.75;max-width:700px;color:#e7e7e7;margin-bottom:34px}.cta{display:inline-block;background:var(--red);color:#fff;text-decoration:none;font-weight:800;text-transform:uppercase;letter-spacing:.8px;padding:16px 22px}
.section{padding:96px clamp(24px,7vw,110px)}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:start}.section h2{font-size:clamp(38px,5vw,72px);line-height:.98;letter-spacing:-2.4px;margin:0;font-weight:900}.copy{font-size:17px;line-height:1.8;color:#484848}.copy strong{color:#111}
.dark{background:#0a0a0a;color:#fff}.dark h2{max-width:980px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:58px}.card{background:#151515;border:1px solid #292929;padding:34px;min-height:310px;position:relative;overflow:hidden}.card:after{content:"";position:absolute;inset:auto -25% -45% auto;width:72%;aspect-ratio:1;border-radius:50%;background:rgba(215,25,32,.09)}.card h3{font-size:27px;margin:26px 0 8px}.card p{color:#bbb;line-height:1.5}.badge{width:112px;height:112px;border-radius:50%;border:3px solid var(--red);display:grid;place-items:center;background:radial-gradient(circle at 34% 24%,#4a0d10,#160507 60%,#070707);box-shadow:0 0 0 7px #222,0 0 0 9px var(--red)}.badge span{font-weight:900;font-size:33px;color:#fff}
.verify{background:#f4f4f4}.verify-box{max-width:900px;margin:auto;background:#fff;padding:56px;border-top:7px solid var(--red);box-shadow:0 24px 70px rgba(0,0,0,.08)}.verify h2{font-size:46px;margin:0 0 12px}.verify p{color:#666}.verify form{display:flex;gap:12px;margin-top:26px}.verify input{flex:1;padding:18px 20px;font:inherit;border:1px solid #ccc;text-transform:uppercase}.verify button,.sample button{border:0;background:var(--red);color:#fff;font-weight:800;padding:0 26px;cursor:pointer}.sample{margin-top:18px;color:#777;font-size:13px;display:flex;gap:8px;align-items:center;flex-wrap:wrap}.sample button{padding:7px 10px}
footer{background:#050505;color:#aaa;display:flex;align-items:center;justify-content:space-between;padding:34px clamp(24px,7vw,110px);font-size:13px}
.credential-page{background:#f2f2f2}.credential-shell{padding:70px clamp(20px,6vw,95px);min-height:calc(100vh - 145px)}.credential-grid{max-width:1180px;margin:auto;display:grid;grid-template-columns:360px 1fr;gap:42px}.credential-card{background:#0c0c0c;color:white;padding:36px;border-top:8px solid var(--red);position:sticky;top:110px;height:max-content}.credential-card .badge{width:170px;height:170px;margin:4px auto 36px}.credential-card .badge span{font-size:48px}.status{display:inline-flex;align-items:center;gap:8px;color:#fff;background:#183b24;padding:9px 12px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.status:before{content:"✓";display:grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#39a95b}.credential-card h1{font-size:32px;line-height:1.05;letter-spacing:-1.3px;margin:24px 0 12px}.credential-card .person{font-size:22px;font-weight:700;margin-bottom:24px}.meta-row{padding:14px 0;border-top:1px solid #292929}.meta-label{display:block;color:#888;font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:800;margin-bottom:5px}.meta-value{font-size:13px}.credential-content{background:#fff;padding:48px}.credential-content h2{font-size:38px;line-height:1;margin:0 0 18px}.credential-content h3{margin-top:40px;font-size:16px;text-transform:uppercase;letter-spacing:1px}.credential-content p,.credential-content li{color:#4d4d4d;line-height:1.75}.skills{display:flex;flex-wrap:wrap;gap:9px}.skill{padding:8px 11px;border:1px solid #ddd;font-size:12px;font-weight:700}.linkedin-btn{display:none!important}.not-found{max-width:800px;margin:80px auto;background:#fff;padding:50px;border-top:7px solid var(--red)}
@media(max-width:800px){nav{display:none}.split,.cards,.credential-grid{grid-template-columns:1fr}.section{padding-top:70px;padding-bottom:70px}.hero{min-height:68vh}.verify form{flex-direction:column}.verify button{padding:16px}.credential-card{position:relative;top:0}.credential-content{padding:28px}.credential-shell{padding:30px 14px}footer{gap:20px;flex-direction:column;align-items:flex-start}}
.live-source{margin-top:22px;padding-top:14px;border-top:1px solid rgba(255,255,255,.12);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#c8c8c8}
