:root{
  --green:#76b900;--green2:#9be21a;--ink:#0b0e0d;--dark:#080b0a;--dark2:#111613;
  --text:#18201c;--muted:#66706b;--line:#dfe5df;--surface:#fff;--soft:#f4f6f4;
  --max:1280px;--radius:8px
}
*{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(--text);background:#fff;line-height:1.55}
a{color:inherit;text-decoration:none}.nav{height:72px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - var(--max))/2));background:rgba(8,11,10,.92);backdrop-filter:blur(16px);border-bottom:1px solid #202723;color:#fff}.brand{display:flex;align-items:center;gap:10px;font-weight:750;white-space:nowrap}.brand-mark{width:28px;height:28px;display:grid;place-items:center;border:1px solid var(--green);color:var(--green);border-radius:4px;font-size:20px}.nav-links{display:flex;gap:24px;margin-left:auto;font-size:13px}.nav-links a{padding:27px 0;color:#c8cec9}.nav-links a:hover,.nav-links .active{color:var(--green)}.nav-links .active{border-bottom:2px solid var(--green)}.btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:11px 20px;border-radius:4px;border:1px solid transparent;font-size:13px;font-weight:700;transition:.25s ease}.btn-primary{background:var(--green);color:#061000}.btn-primary:hover{background:var(--green2);transform:translateY(-2px)}.btn-outline{border-color:#59635d;color:#fff}.btn-outline:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px}
.section{padding:88px max(20px,calc((100vw - 1160px)/2))}.section-dark{background:radial-gradient(circle at 78% 35%,rgba(118,185,0,.12),transparent 30%),linear-gradient(135deg,#060908,#0d1210 60%,#050706);color:#fff}.hero{min-height:calc(100vh - 72px);position:relative;overflow:hidden;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:20px;padding-top:70px}.grid-glow{position:absolute;inset:0;opacity:.3;background-image:linear-gradient(#18201c 1px,transparent 1px),linear-gradient(90deg,#18201c 1px,transparent 1px);background-size:64px 64px;mask-image:radial-gradient(circle at 70% 40%,#000,transparent 60%)}.hero-copy{position:relative;z-index:2}.eyebrow{font-size:12px;font-weight:800;letter-spacing:.16em;margin:0 0 10px}.eyebrow.green{color:#61a500}.hero h1{font-size:clamp(42px,5vw,72px);line-height:1.02;letter-spacing:-.045em;max-width:720px;margin:0 0 22px}.hero h1 span{color:var(--green)}.hero-text{max-width:660px;color:#c2c9c4;font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.cube-stage{height:520px;display:grid;place-items:center;position:relative;perspective:1000px}.orb{position:absolute;width:430px;height:430px;border:1px solid rgba(118,185,0,.22);border-radius:50%;box-shadow:0 0 80px rgba(118,185,0,.12),inset 0 0 80px rgba(118,185,0,.06)}.orb:before,.orb:after{content:"";position:absolute;inset:40px;border:1px dashed rgba(118,185,0,.25);border-radius:50%;animation:spin 18s linear infinite}.orb:after{inset:85px;animation-direction:reverse;animation-duration:12s}.cube{width:210px;height:210px;position:relative;transform-style:preserve-3d;animation:rotate 14s linear infinite;transition:transform .15s ease}.face{position:absolute;width:210px;height:210px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;border:2px solid rgba(118,185,0,.65);background:linear-gradient(145deg,rgba(26,33,29,.96),rgba(7,11,9,.92));box-shadow:inset 0 0 35px rgba(118,185,0,.08),0 0 28px rgba(118,185,0,.12);color:var(--green);font-size:60px}.face small{font-size:10px;letter-spacing:.2em;color:#d7ded8}.front{transform:translateZ(105px)}.back{transform:rotateY(180deg) translateZ(105px)}.right{transform:rotateY(90deg) translateZ(105px)}.left{transform:rotateY(-90deg) translateZ(105px)}.top{transform:rotateX(90deg) translateZ(105px)}.bottom{transform:rotateX(-90deg) translateZ(105px)}@keyframes rotate{to{transform:rotateX(360deg) rotateY(360deg)}}@keyframes spin{to{transform:rotate(360deg)}}
.metrics{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:2;margin-top:-20px}.metrics div{border:1px solid #3b443f;background:rgba(16,22,19,.72);padding:18px 20px;border-radius:7px;display:flex;align-items:center;gap:14px}.metrics strong{font-size:27px;color:#fff}.metrics span{font-size:12px;color:#aeb7b1}
.section-grid{max-width:1160px;margin:auto;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.section h2{font-size:clamp(30px,3vw,44px);line-height:1.08;letter-spacing:-.035em;margin:0 0 24px}.section p{color:var(--muted)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:28px;font-size:13px;font-weight:700}.mini-grid span{border-top:1px solid var(--line);padding-top:12px}.security-visual{height:430px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(118,185,0,.13),transparent 48%);border:1px solid var(--line);border-radius:8px;overflow:hidden}.shield{width:160px;height:190px;display:grid;place-items:center;font-size:100px;color:var(--green);background:linear-gradient(145deg,#1b211e,#080b09);border:1px solid #5c8f16;clip-path:polygon(50% 0,90% 15%,85% 68%,50% 100%,15% 68%,10% 15%);box-shadow:0 0 50px rgba(118,185,0,.2)}.security-visual i{position:absolute;width:70%;height:70%;border:1px dashed #bfc8c1;border-radius:50%;animation:spin 24s linear infinite}.security-visual i:nth-of-type(2){width:52%;height:52%;animation-direction:reverse}.security-visual i:nth-of-type(3){width:85%;height:85%;animation-duration:35s}.security-visual i:nth-of-type(4){width:38%;height:38%}.node{position:absolute;padding:8px 11px;border:1px solid var(--line);background:#fff;font-size:11px;font-weight:800;color:#405047}.n1{top:14%;left:16%}.n2{top:25%;right:10%}.n3{bottom:17%;left:12%}.n4{bottom:12%;right:17%}
.soft{background:var(--soft)}.section-heading{text-align:center;margin-bottom:42px}.section-heading .eyebrow{margin-bottom:7px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.card{background:#101512;color:#eef2ef;border:1px solid #2d3630;padding:25px;border-radius:7px;min-height:215px;transition:.25s}.card:hover{transform:translateY(-5px);border-color:var(--green);box-shadow:0 14px 40px rgba(0,0,0,.12)}.card>b{color:var(--green);font-size:11px;letter-spacing:.1em}.card h3{font-size:18px;margin:18px 0 10px}.card p{font-size:13px;color:#adb7b0;margin:0}
.timeline{max-width:1050px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#cfd6d0}.timeline-item{display:grid;grid-template-columns:1fr 1fr;gap:70px;position:relative;margin-bottom:50px}.timeline-item:before{content:"";position:absolute;left:calc(50% - 7px);top:30px;width:13px;height:13px;border:3px solid #fff;background:var(--green);border-radius:50%;z-index:2}.timeline-card,.impact{border:1px solid var(--line);border-radius:8px;padding:25px;background:#fff}.timeline-card h3{margin:8px 0 2px;font-size:22px}.timeline-card h4{margin:0 0 15px;color:var(--green);font-size:14px}.period{font-size:11px;letter-spacing:.12em;color:#657069;font-weight:800}.timeline-card ul{margin:0;padding-left:18px;color:#59635d;font-size:13px}.impact{background:linear-gradient(135deg,#f4f9ee,#fff);display:flex;flex-direction:column;gap:12px;justify-content:center}.impact b{font-size:11px;color:var(--green);letter-spacing:.15em}.impact span{font-size:13px;color:#344038;border-bottom:1px solid #e3e9e1;padding-bottom:10px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px}.project{background:#fff;border:1px solid var(--line);padding:28px;border-radius:8px;min-height:250px;transition:.25s}.project:hover{transform:translateY(-6px);border-color:#93c64a;box-shadow:0 16px 45px rgba(20,35,22,.1)}.project-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:6px;background:#eef7e2;color:var(--green);font-size:26px}.project h3{font-size:20px;margin:20px 0 8px}.project p{font-size:13px;margin:0 0 18px}.tags{display:flex;gap:7px;flex-wrap:wrap}.tags span{background:#f1f3f1;padding:5px 9px;border-radius:4px;font-size:11px;font-weight:700;color:#59635d}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:1000px;margin:auto}.cert{border:1px solid var(--line);padding:26px;background:#fff;border-radius:8px;display:flex;align-items:center;gap:18px;transition:.25s}.cert:hover{border-color:var(--green);background:#f5fae8;transform:scale(1.02)}.cert strong{font-size:20px;color:var(--green);min-width:72px}.cert span{font-size:13px;font-weight:700}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px;max-width:1000px;margin:auto}.edu{border-left:3px solid var(--green);padding:20px 24px;background:#fff}.edu span{font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--green)}.edu h3{font-size:20px;margin:10px 0 5px}.edu p{margin:0}.contact{text-align:center;padding:105px 20px}.contact-inner{max-width:720px;margin:auto}.contact h2{font-size:clamp(36px,5vw,60px);margin-bottom:16px}.contact p{max-width:620px;margin:0 auto 28px;color:#adb6b0}.contact .btn{margin-bottom:22px}.contact-meta{font-size:13px;color:#7f8a83}footer{background:#050706;color:#79847c;border-top:1px solid #1d241f;padding:24px max(20px,calc((100vw - 1160px)/2));display:flex;justify-content:space-between;font-size:11px;gap:20px}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}
@media(max-width:1050px){.nav-links{gap:15px}.hero{grid-template-columns:1fr}.hero-copy{padding-top:30px}.cube-stage{height:400px}.metrics{margin-top:0}.cards{grid-template-columns:repeat(2,1fr)}.project-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.nav{height:64px}.nav-links,.nav-cta{display:none}.menu-btn{display:block;margin-left:auto}.nav.open .nav-links{display:flex;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:#080b0a;padding:18px 20px;border-bottom:1px solid #222;gap:0}.nav.open .nav-links a{padding:12px}.hero{padding-top:45px}.hero h1{font-size:43px}.cube-stage{height:330px}.cube{width:150px;height:150px}.face{width:150px;height:150px;font-size:42px}.front{transform:translateZ(75px)}.back{transform:rotateY(180deg) translateZ(75px)}.right{transform:rotateY(90deg) translateZ(75px)}.left{transform:rotateY(-90deg) translateZ(75px)}.top{transform:rotateX(90deg) translateZ(75px)}.bottom{transform:rotateX(-90deg) translateZ(75px)}.orb{width:290px;height:290px}.metrics{grid-template-columns:1fr 1fr}.metrics strong{font-size:22px}.metrics div{padding:14px}.section{padding-top:65px;padding-bottom:65px}.section-grid{grid-template-columns:1fr;gap:35px}.mini-grid{grid-template-columns:1fr}.cards,.project-grid,.cert-grid,.education-grid{grid-template-columns:1fr}.timeline:before{left:7px}.timeline-item{grid-template-columns:1fr;gap:12px;padding-left:28px}.timeline-item:before{left:0;top:30px}.timeline-item .impact{margin-left:0}.timeline-item:nth-child(even) .timeline-card{order:0}.security-visual{height:330px}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cube,.orb:before,.orb:after{animation:none}.reveal{transition:none}.project,.card,.cert,.btn{transition:none}}