:root{
  --bg:#0b0b10;--surface:#12121a;--surface2:#171720;--text:#f5f1ea;--muted:#aaa5ae;
  --accent:#e9a8bd;--accent2:#d98aa8;--line:rgba(255,255,255,.11);--max:1180px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--text);font-family:"DM Sans",sans-serif;line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
button{font:inherit}
.nav{height:82px;display:flex;align-items:center;justify-content:space-between;max-width:var(--max);margin:auto;padding:0 24px;border-bottom:1px solid var(--line);position:relative;z-index:10}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.18em;font-size:14px}.brand-mark{width:31px;height:31px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;color:var(--accent);font-family:"Playfair Display",serif;font-size:17px;letter-spacing:0}.brand-dot{color:var(--accent)}
.nav-links{display:flex;gap:34px;font-size:13px;color:#c9c4cb}.nav-links a:hover{color:var(--accent)}
.nav-cta{font-size:12px;border:1px solid var(--line);padding:11px 15px;border-radius:99px}.nav-cta:hover{border-color:var(--accent)}
.menu-btn{display:none;background:none;border:0;color:var(--text);font-size:22px}
.section{max-width:var(--max);margin:auto;padding:120px 24px}.hero{min-height:690px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:40px;padding-top:80px}
.eyebrow,.kicker,.section-label,.project-type{font-size:10px;letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:var(--accent);display:flex;align-items:center;gap:9px}.pulse{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 16px var(--accent)}
h1,h2{font-family:"Playfair Display",serif;font-weight:500;line-height:.98;letter-spacing:-.035em}h1{font-size:clamp(64px,8vw,112px);margin:27px 0}h1 em,h2 em{color:var(--accent);font-style:italic}
.hero-text{max-width:510px;color:var(--muted);font-size:17px}.hero-actions{display:flex;gap:12px;margin-top:32px}.button{padding:14px 19px;border-radius:99px;font-size:12px;border:1px solid var(--line)}.button.primary{background:var(--text);color:var(--bg);border-color:var(--text)}.button.primary:hover{background:var(--accent);border-color:var(--accent)}.button.secondary:hover{border-color:var(--accent)}
.hero-art{height:540px;position:relative;display:grid;place-items:center}.orb{width:300px;height:300px;border-radius:50%;background:radial-gradient(circle at 35% 30%,#f7cad8 0,#bf718f 24%,#351c2b 58%,transparent 70%);filter:blur(.2px);opacity:.9}.ring{position:absolute;border:1px solid rgba(233,168,189,.25);border-radius:50%;transform:rotate(-28deg)}.ring-a{width:420px;height:210px}.ring-b{width:510px;height:255px;transform:rotate(24deg);border-color:rgba(255,255,255,.08)}
.monogram{position:absolute;font-family:"Playfair Display",serif;font-size:190px;color:rgba(255,255,255,.05);font-style:italic}
.security-card{position:absolute;background:rgba(18,18,26,.75);backdrop-filter:blur(12px);border:1px solid var(--line);box-shadow:0 20px 70px rgba(0,0,0,.35);padding:16px 18px;border-radius:14px}.card-top{top:90px;right:8px;width:185px}.card-bottom{bottom:70px;left:0;width:235px}.mini-label{font-size:8px;letter-spacing:.2em;color:var(--muted);display:block}.security-card strong{font-size:22px;display:block;margin:4px 0}.status{font-size:9px;color:#b7d8bf}.status i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8bc29a;margin-right:4px}.code-line{font-family:monospace;font-size:9px;color:#8f8a93;display:block;line-height:2}.code-line b{color:var(--text);font-weight:500}
.ticker{border-top:1px solid var(--line);border-bottom:1px solid var(--line);overflow:hidden;white-space:nowrap;padding:14px 0;color:#77727c;font-size:10px;letter-spacing:.2em}.ticker div{display:inline-block;animation:scroll 28s linear infinite}.ticker span{color:var(--accent);margin:0 22px}@keyframes scroll{to{transform:translateX(-30%)}}
.section-label{color:#77727c;border-top:1px solid var(--line);padding-top:14px;margin-bottom:75px}.about-grid,.content-grid,.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.kicker{color:var(--accent);margin-bottom:18px}.about h2,.section-intro h2,.content h2,.contact h2{font-size:clamp(45px,5.2vw,75px)}.about-copy{color:var(--muted);font-size:16px;max-width:500px}.about-copy p+p{margin-top:20px}.about-copy strong{color:var(--text);font-weight:500}.stats{display:flex;gap:45px;margin-top:55px;padding-top:25px;border-top:1px solid var(--line)}.stats div{display:flex;flex-direction:column;gap:6px}.stats strong{font-family:"Playfair Display";font-size:28px;color:var(--accent)}.stats span{font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:#817d84}
.section-intro{margin-bottom:60px}.work{padding-top:60px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.project{background:var(--surface);border:1px solid var(--line);padding:14px;border-radius:4px}.project.featured{grid-column:span 2}.project-number{font-size:10px;color:#77727c;padding:8px}.project-visual{height:300px;position:relative;overflow:hidden;background:#0e0e15}.featured .project-visual{height:400px}.visual-one{background:radial-gradient(circle at 50% 50%,#31202a 0,#15131a 42%,#0e0e15 75%)}.terminal{position:absolute;left:12%;top:20%;width:76%;border:1px solid rgba(233,168,189,.25);padding:28px;background:rgba(7,7,10,.7);font-family:monospace;font-size:11px;line-height:2.1;box-shadow:0 0 60px rgba(233,168,189,.08)}.terminal span{color:#777}.terminal p{color:#c9c4cb}.terminal .dim{color:#6e6972}.terminal b{color:var(--accent);font-weight:500}.terminal small{float:right;color:#666}.visual-two{display:grid;place-items:center;background:linear-gradient(135deg,#17131a,#0c0c11)}.malware-grid{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,1fr);opacity:.2}.malware-grid span{border:1px solid var(--accent)}.malware-core{width:125px;height:125px;border:1px solid var(--accent);border-radius:50%;display:grid;place-items:center;text-align:center;font-family:monospace;font-size:14px;letter-spacing:.2em;color:var(--accent);box-shadow:0 0 80px rgba(233,168,189,.14)}.malware-core small{font-size:8px}.visual-three{background:#101015}.sync-node{position:absolute;border:1px solid var(--line);padding:11px 14px;font-size:9px;letter-spacing:.1em;background:#171720}.n1{left:8%;top:44%}.n2{left:40%;top:20%;}.n3{right:8%;top:64%}.sync-line{height:1px;background:var(--accent);position:absolute;transform-origin:left;opacity:.6}.l1{width:145px;left:25%;top:47%;transform:rotate(-28deg)}.l2{width:170px;left:53%;top:31%;transform:rotate(28deg)}.l3{width:135px;left:53%;top:48%;transform:rotate(24deg)}.project-info{padding:25px 12px 20px}.project-type{color:var(--accent);margin-bottom:9px}.project h3{font-family:"Playfair Display";font-size:30px;font-weight:500}.project-info>p:not(.project-type){color:var(--muted);font-size:13px;max-width:650px;margin-top:10px}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:18px}.tags span{font-size:9px;border:1px solid var(--line);padding:5px 8px;border-radius:99px;color:#9a959e}
.content{padding-top:70px}.content-copy{max-width:500px;margin-left:auto;color:var(--muted)}.social-cards{margin-top:35px;border-top:1px solid var(--line)}.social-card{display:grid;grid-template-columns:40px 1fr 20px;align-items:center;gap:12px;padding:17px 0;border-bottom:1px solid var(--line)}.social-card:hover{color:var(--accent)}.social-icon{font-size:9px;border:1px solid var(--line);width:32px;height:32px;display:grid;place-items:center;border-radius:50%}.social-card b{display:block;color:var(--text);font-size:13px;font-weight:500}.social-card small{display:block;font-size:10px;color:#77727c}
.collaboration{padding-top:40px}.collab-box{border:1px solid var(--line);background:linear-gradient(120deg,#17121a,#0e0e13);padding:70px;display:flex;align-items:end;justify-content:space-between}.collab-box h2{font-size:clamp(48px,6vw,85px)}.round-arrow{width:75px;height:75px;border-radius:50%;border:1px solid var(--accent);display:grid;place-items:center;font-size:25px;color:var(--accent);transition:.3s}.round-arrow:hover{background:var(--accent);color:var(--bg);transform:rotate(45deg)}
.contact{padding-bottom:130px}.contact-details{padding-top:20px}.contact-details>p{max-width:430px;color:var(--muted);font-size:15px}.email{display:block;font-family:"Playfair Display";font-size:clamp(24px,3vw,42px);margin:45px 0 28px;border-bottom:1px solid var(--line);padding-bottom:13px}.email:hover{color:var(--accent)}.email span{font-family:"DM Sans";font-size:18px}.contact-links{display:flex;gap:22px;font-size:11px;color:#a19ca4}.contact-links a:hover{color:var(--accent)}
footer{border-top:1px solid var(--line);max-width:var(--max);margin:auto;padding:28px 24px;display:flex;justify-content:space-between;color:#66616a;font-size:9px;letter-spacing:.12em}footer a:hover{color:var(--accent)}
.reveal{opacity:0;transform:translateY(25px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.22s}
.cursor-glow{position:fixed;pointer-events:none;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(233,168,189,.07),transparent 65%);transform:translate(-50%,-50%);z-index:0}
@media(max-width:800px){
  .nav-links,.nav-cta{display:none}.menu-btn{display:block}.nav{height:70px}
  .hero{grid-template-columns:1fr;min-height:auto;padding-top:90px}.hero-art{height:390px;order:-1}.orb{width:220px;height:220px}.ring-a{width:300px;height:150px}.ring-b{width:350px;height:175px}.security-card.card-top{top:30px;right:0}.card-bottom{bottom:10px;left:0}.monogram{font-size:130px}
  .section{padding:85px 20px}.section-label{margin-bottom:45px}.about-grid,.content-grid,.contact-grid{grid-template-columns:1fr;gap:45px}.stats{gap:20px}.project-grid{grid-template-columns:1fr}.project.featured{grid-column:auto}.featured .project-visual{height:300px}.project-visual{height:260px}.collab-box{padding:45px 25px;align-items:center}.round-arrow{width:58px;height:58px;flex:0 0 auto}footer{flex-direction:column;gap:12px}
}