:root{--ink:#07111f;--muted:#5e6977;--line:#dce2e8;--paper:#f6f8fa;--white:#fff;--accent:#7cf7c8;--blue:#4d70ff;--navy:#0b192d;--display:"Manrope",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--white);color:var(--ink);font-family:var(--body);font-size:16px;line-height:1.65}body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.28;background-image:linear-gradient(rgba(7,17,31,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(7,17,31,.025) 1px,transparent 1px);background-size:48px 48px;z-index:-1}.container{width:min(1160px,calc(100% - 48px));margin-inline:auto}.site-header{position:absolute;top:0;left:0;width:100%;z-index:50}.nav{height:92px;display:flex;align-items:center;justify-content:space-between}.brand{font:800 25px var(--display);letter-spacing:-1px;color:var(--ink);text-decoration:none}.brand span{color:var(--blue)}.nav-links{display:flex;align-items:center;gap:34px}.nav-links>a{color:#344052;text-decoration:none;font-weight:600;font-size:14px;transition:color .2s}.nav-links>a:hover{color:var(--blue)}.nav-cta{border:1px solid #b9c3cd;padding:11px 16px;border-radius:999px}.nav-toggle{display:none;border:0;background:transparent;padding:10px}.nav-toggle span{display:block;width:23px;height:2px;margin:5px;background:var(--ink)}.hero{min-height:760px;padding-top:150px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.eyebrow{display:flex;align-items:center;gap:10px;color:#2c3b4d;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.09em}.pulse{width:9px;height:9px;background:#15c77e;border-radius:50%;box-shadow:0 0 0 5px rgba(21,199,126,.13)}h1,.section-title{font-family:var(--display);letter-spacing:-.055em;line-height:1.05}h1{font-size:clamp(50px,6.2vw,82px);margin:24px 0 28px;max-width:770px}h1 em,.contact-card em{font-family:Georgia,serif;font-weight:400;color:var(--blue)}.hero-lead{max-width:620px;font-size:19px;color:var(--muted);line-height:1.7}.hero-actions{display:flex;gap:12px;margin:35px 0 48px}.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;text-decoration:none;border-radius:999px;font-weight:700;padding:14px 22px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-2px)}.button.primary{color:#fff;background:var(--ink);box-shadow:0 12px 24px rgba(7,17,31,.16)}.button.ghost{color:var(--ink);border:1px solid var(--line)}.hero-metrics{display:flex;gap:38px}.hero-metrics div{padding-right:38px;border-right:1px solid var(--line)}.hero-metrics div:last-child{border:0}.hero-metrics strong{display:block;font:800 28px var(--display)}.hero-metrics span{display:block;font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.hero-visual{display:flex;justify-content:center}.portrait-frame{width:min(425px,38vw);aspect-ratio:.82;position:relative;border-radius:220px 220px 36px 36px;background:linear-gradient(150deg,#d8e6ff,#9cf4d1);padding:12px}.portrait-frame::before{content:"";position:absolute;inset:12px;border-radius:210px 210px 28px 28px;background:linear-gradient(160deg,#eaf0f7,#afc9d8)}.portrait-frame>img{position:relative;z-index:2;width:100%;height:100%;object-fit:cover;border-radius:210px 210px 28px 28px;filter:saturate(.85) contrast(1.03)}.portrait-orbit{position:absolute;border:1px solid rgba(77,112,255,.35);border-radius:50%;z-index:0}.orbit-one{inset:-28px -18px 55px}.orbit-two{inset:30px -50px 0 35px}.floating-card{position:absolute;z-index:3;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.7);box-shadow:0 18px 45px rgba(22,40,62,.16);backdrop-filter:blur(10px);border-radius:15px;padding:12px 16px;display:flex;align-items:center;gap:12px}.floating-card>span{width:34px;height:34px;display:grid;place-items:center;background:var(--ink);color:var(--accent);border-radius:10px;font-weight:800}.floating-card small,.floating-card strong{display:block;line-height:1.35}.floating-card small{font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.floating-card strong{font-size:13px}.card-role{left:-45px;top:27%}.card-place{right:-42px;bottom:15%}.logo-strip{overflow:hidden;padding:18px 0;background:var(--ink);color:#fff;transform:rotate(-1.2deg);width:102%;margin-left:-1%;box-shadow:0 12px 30px rgba(7,17,31,.16)}.marquee{display:flex;width:max-content;align-items:center;gap:30px;animation:marquee 26s linear infinite}.marquee span{font:700 14px var(--display);letter-spacing:.15em}.marquee i{color:var(--accent);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-block:120px}.section-label{display:flex;align-items:center;gap:14px;font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:44px}.section-label::after{content:"";height:1px;background:var(--line);flex:1}.section-label span{color:var(--blue)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:9vw}.section-title{font-size:clamp(40px,5vw,64px);margin:0;max-width:690px}.about-copy>p{font-size:18px;color:var(--muted);margin:0 0 20px}.about-copy>p:first-child{color:var(--ink);font-size:22px}.skill-cloud{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}.skill-cloud span,.project-tags span{border:1px solid var(--line);border-radius:999px;padding:7px 13px;color:#3d4855;font-size:12px;font-weight:700}.experience-section,.education-section{background:var(--paper)}.section-heading-row{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:65px}.section-heading-row>p{max-width:380px;color:var(--muted);margin:0}.timeline{max-width:1000px;margin-left:auto}.timeline-item{display:grid;grid-template-columns:170px 24px 1fr;gap:24px;position:relative;padding-bottom:56px}.timeline-item:not(:last-child)::after{content:"";position:absolute;width:1px;background:#cdd5dd;left:206px;top:18px;bottom:0}.timeline-date{font-size:11px;letter-spacing:.08em;font-weight:800;color:var(--muted);padding-top:5px}.timeline-dot{width:13px;height:13px;border-radius:50%;background:var(--blue);border:3px solid var(--paper);box-shadow:0 0 0 1px var(--blue);z-index:1;margin-top:3px}.timeline-content{display:grid;grid-template-columns:50px 1fr;gap:18px}.company-mark{height:50px;display:grid;place-items:center;border-radius:13px;color:var(--blue);background:#e7ebff;font:800 18px var(--display)}.timeline-content h3{font:700 21px var(--display);margin:0 0 2px}.timeline-content h4{font-size:14px;color:var(--blue);margin:0 0 12px}.timeline-content p{color:var(--muted);margin:0;max-width:680px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.project{background:var(--paper);border:1px solid #e4e9ed;border-radius:26px;overflow:hidden;min-height:520px;display:flex;flex-direction:column}.project-featured{grid-column:1/-1;min-height:480px;display:grid;grid-template-columns:1fr 1fr;background:var(--navy);color:#fff}.project-copy{padding:42px}.project-number{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--blue)}.project-featured .project-number{color:var(--accent)}.project-copy h3{font:800 38px var(--display);letter-spacing:-.04em;margin:13px 0}.project-copy p{color:var(--muted);max-width:490px}.project-featured .project-copy{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:65px}.project-featured .project-copy p{color:#aeb9c7}.project-featured .project-tags span{color:#dbe4ee;border-color:#34445a}.phone-mockup{align-self:end;justify-self:center;width:265px;height:425px;background:#070b11;border:8px solid #253347;border-bottom:0;border-radius:42px 42px 0 0;padding:11px;box-shadow:0 0 0 1px #4a5a6d,0 25px 60px rgba(0,0,0,.4)}.phone-screen{height:100%;border-radius:25px 25px 0 0;background:linear-gradient(155deg,#a9ffd9,#5cf0c1);color:#081620;text-align:center;padding:18px}.mock-status{display:flex;justify-content:space-between;font-size:9px;font-weight:700}.mock-lock{width:76px;height:76px;border-radius:24px;margin:65px auto 20px;background:rgba(7,17,31,.92);color:var(--accent);display:grid;place-items:center;font-size:36px}.phone-screen h4{font:800 22px var(--display);margin:0}.phone-screen p{font-size:11px;color:#38564e;margin:5px}.mock-folders{display:flex;gap:7px;justify-content:center;margin-top:42px}.mock-folders i{display:block;width:54px;height:48px;border-radius:8px;background:rgba(255,255,255,.55)}.project-art{height:280px;display:grid;place-items:center;position:relative;overflow:hidden}.smart-home{background:linear-gradient(135deg,#c9ffe8,#78e2b3)}.house{font-size:120px;color:#0f6e50}.signal{position:absolute;right:22%;top:22%;font-size:20px;transform:rotate(-45deg);color:#0f6e50}.network{background:linear-gradient(150deg,#dbe4ff,#8ba1ff)}.network>span{z-index:2;width:116px;height:116px;background:var(--blue);color:#fff;border-radius:34px;display:grid;place-items:center;font:800 30px var(--display);box-shadow:0 18px 45px rgba(45,67,170,.35)}.network-lines{position:absolute;width:380px;height:380px;border:1px solid rgba(39,61,158,.2);border-radius:50%;box-shadow:0 0 0 45px rgba(39,61,158,.08),0 0 0 90px rgba(39,61,158,.05)}.education-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.education-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:34px;min-height:240px;display:flex;flex-direction:column;position:relative}.edu-year{font-size:11px;font-weight:800;letter-spacing:.1em;color:var(--blue);margin-bottom:auto}.education-card h3{font:700 24px var(--display);line-height:1.25;margin:30px 45px 10px 0}.education-card p{margin:0;color:var(--muted)}.edu-arrow{position:absolute;right:28px;bottom:29px;font-size:23px}.contact{padding-block:100px}.contact-card{position:relative;overflow:hidden;border-radius:34px;background:var(--blue);color:#fff;padding:80px;min-height:460px}.contact-kicker{font-size:12px;font-weight:800;letter-spacing:.15em;color:#d9e0ff}.contact-card h2{font:800 clamp(44px,6vw,76px)/1.08 var(--display);letter-spacing:-.055em;margin:25px 0 45px;position:relative;z-index:2}.contact-card em{color:var(--accent)}.button.light{background:#fff;color:var(--ink);position:relative;z-index:2}.contact-orb{position:absolute;width:460px;height:460px;border:1px solid rgba(255,255,255,.24);border-radius:50%;right:-90px;top:-60px;box-shadow:0 0 0 65px rgba(255,255,255,.06),0 0 0 130px rgba(255,255,255,.035)}.footer{height:120px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:13px}.footer>div{display:flex;gap:25px}.footer a{color:var(--ink);text-decoration:none;font-weight:700}.reveal{opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav-toggle{display:block}.nav-links{position:absolute;top:76px;left:24px;right:24px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:0 20px 45px rgba(7,17,31,.13);display:none;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.hero{grid-template-columns:1fr;padding-top:135px;padding-bottom:90px}.hero-visual{margin-top:45px}.portrait-frame{width:min(410px,75vw)}.about-grid{grid-template-columns:1fr;gap:40px}.section-heading-row{align-items:start;flex-direction:column}.timeline{margin-left:0}.project-grid{grid-template-columns:1fr}.project-featured{grid-template-columns:1fr}.phone-mockup{margin-top:0}.education-grid{grid-template-columns:1fr}}@media(max-width:600px){.container{width:min(100% - 30px,1160px)}.nav{height:76px}.hero{min-height:auto;padding-top:115px}.hero-lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-metrics{gap:15px;justify-content:space-between}.hero-metrics div{padding-right:15px}.hero-metrics strong{font-size:23px}.hero-metrics span{font-size:9px}.floating-card{padding:9px 11px}.floating-card>span{width:29px;height:29px}.card-role{left:-16px}.card-place{right:-16px}.section{padding-block:82px}.timeline-item{grid-template-columns:1fr;padding-left:28px;gap:8px}.timeline-item:not(:last-child)::after{left:5px;top:14px}.timeline-dot{position:absolute;left:0;top:2px}.timeline-content{grid-template-columns:42px 1fr}.company-mark{height:42px}.project-featured .project-copy,.project-copy{padding:32px}.phone-mockup{width:235px;height:375px}.project-art{height:230px}.education-card{padding:26px}.contact{padding-block:60px}.contact-card{padding:45px 25px;min-height:410px}.footer{height:auto;padding-block:35px;gap:16px;flex-wrap:wrap}.footer p{order:3;width:100%;margin:0}}