:root{--bg:#08101f;--bg2:#0d1729;--panel:#111d31;--text:#eaf1f8;--muted:#9eabc0;--accent:#2fd8ba;--accent2:#78f0da;--line:rgba(255,255,255,.1);--white:#fff;--dark:#06101c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f7fa;color:#102033;font-family:Manrope,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.noise{position:fixed;inset:0;pointer-events:none;opacity:.035;z-index:99;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E")}.site-header{height:88px;padding:0 5vw;display:flex;align-items:center;justify-content:space-between;position:absolute;top:0;left:0;right:0;z-index:20;color:#fff}.brand{display:flex;align-items:center;gap:12px}.brand>span:last-child{display:flex;flex-direction:column;line-height:1}.brand strong{font-family:"Space Grotesk";letter-spacing:.14em;font-size:17px}.brand small{font-size:8px;letter-spacing:.22em;color:#8fa0b5;margin-top:6px}.brand-mark{width:42px;height:42px;display:inline-block;position:relative;border:1px solid rgba(255,255,255,.25);border-radius:12px}.brand-mark i{position:absolute;border-style:solid;border-width:8px 0 8px 12px;border-color:transparent transparent transparent var(--accent);left:11px;top:12px}.brand-mark b{position:absolute;width:5px;height:18px;background:#fff;left:26px;top:11px}.nav{display:flex;align-items:center;gap:34px;font-size:13px;font-weight:600}.nav a{color:#bac7d7;transition:.2s}.nav a:hover{color:#fff}.nav-cta{padding:12px 18px;border:1px solid rgba(255,255,255,.2);border-radius:999px}.menu-toggle{display:none;background:none;border:0}.hero{min-height:820px;background:radial-gradient(circle at 75% 40%,#163855 0,#0b1a2d 33%,#08101f 62%);color:#fff;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;padding:140px 8vw 90px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,16,31,.15),transparent 60%),repeating-linear-gradient(90deg,transparent 0,transparent calc(10vw - 1px),rgba(255,255,255,.025) 10vw)}.hero-copy,.hero-visual{position:relative;z-index:2}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;display:flex;gap:10px;align-items:center;color:#5c728b}.eyebrow span{width:28px;height:1px;background:var(--accent);display:inline-block}.hero .eyebrow{color:#a6b7c9}.hero h1{font-family:"Space Grotesk";font-size:clamp(58px,6.2vw,100px);line-height:.88;letter-spacing:-.055em;margin:25px 0 30px;font-weight:600}.hero h1 em{font-style:normal;color:var(--accent)}.hero-text{max-width:650px;color:#aab7c8;font-size:17px;line-height:1.8}.hero-actions{display:flex;gap:14px;margin-top:38px}.btn{padding:15px 21px;border-radius:999px;font-size:13px;font-weight:800;display:inline-flex;align-items:center;gap:18px}.btn.primary{background:var(--accent);color:#042019}.btn.ghost{border:1px solid rgba(255,255,255,.18);color:#dce7f3}.hero-visual{height:560px}.orb{position:absolute;width:340px;height:340px;border:1px solid rgba(47,216,186,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 100px rgba(47,216,186,.15),inset 0 0 60px rgba(47,216,186,.06)}.ring{position:absolute;border:1px solid rgba(255,255,255,.16);border-radius:50%;inset:30px;animation:spin 18s linear infinite}.r2{inset:70px;border-color:rgba(47,216,186,.45);animation-direction:reverse;animation-duration:12s}.r3{inset:110px;animation-duration:8s}.ring:before{content:"";position:absolute;width:9px;height:9px;border-radius:50%;background:var(--accent);top:-5px;left:50%;box-shadow:0 0 18px var(--accent)}.core{position:absolute;inset:132px;background:linear-gradient(145deg,#16324a,#091522);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:"Space Grotesk";font-weight:700;font-size:30px;box-shadow:0 20px 60px rgba(0,0,0,.4)}.core span{color:var(--accent);margin-left:4px}.floating-card{position:absolute;padding:14px 18px;background:rgba(13,27,45,.78);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:14px;min-width:145px;box-shadow:0 16px 45px rgba(0,0,0,.25)}.floating-card small{display:block;color:#7890a8;font-size:8px;letter-spacing:.17em;margin-bottom:6px}.floating-card strong{font-size:13px}.card-a{left:5%;top:18%}.card-b{right:0;top:52%}.card-c{left:12%;bottom:8%}.scroll-cue{position:absolute;bottom:34px;left:8vw;font-size:8px;letter-spacing:.25em;color:#6f8297;display:flex;align-items:center;gap:15px}.scroll-cue span{height:1px;width:70px;background:#31445a}.stats{display:grid;grid-template-columns:repeat(4,1fr);background:#fff;border-bottom:1px solid #e1e8ef;padding:0 7vw}.stats div{padding:38px 32px;border-right:1px solid #e5ebf0}.stats div:last-child{border-right:0}.stats strong{display:block;font-family:"Space Grotesk";font-size:29px;color:#0d2034}.stats span{font-size:11px;color:#789;display:block;margin-top:6px}.section{padding:110px 7vw}.section-heading h2{font-family:"Space Grotesk";font-size:clamp(42px,5vw,70px);letter-spacing:-.045em;line-height:1.05;margin:18px 0;color:#102033}.expertise{background:#f4f7fa}.expertise-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:55px}.service{background:#fff;border:1px solid #e3eaf0;padding:28px;min-height:330px;position:relative;transition:.3s}.service:hover{transform:translateY(-8px);box-shadow:0 24px 50px rgba(22,42,64,.11);border-color:transparent}.service>span{font-size:10px;color:#9aa9b8}.service-icon{font-size:34px;color:var(--accent);margin:60px 0 25px}.service h3{font-family:"Space Grotesk";font-size:22px;margin:0 0 14px}.service p{color:#718398;line-height:1.7;font-size:13px}.tech-strip{margin-top:50px;border-top:1px solid #dce4eb;border-bottom:1px solid #dce4eb;display:flex;gap:34px;padding:18px 0;overflow:hidden;white-space:nowrap;color:#718196;font-size:10px;font-weight:800;letter-spacing:.13em}.projects-section{background:var(--bg);color:#fff}.section-heading.split{display:flex;justify-content:space-between;align-items:end}.projects-section h2{color:#fff}.section-heading.split>p{max-width:450px;color:#8da0b5;line-height:1.7;font-size:14px}.filters{display:flex;gap:8px;margin:40px 0 34px;flex-wrap:wrap}.filters button{border:1px solid rgba(255,255,255,.13);background:transparent;color:#8294a8;border-radius:999px;padding:10px 15px;font-size:11px;font-weight:700;cursor:pointer}.filters button.active,.filters button:hover{background:var(--accent);border-color:var(--accent);color:#061611}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#0e1a2b;border:1px solid rgba(255,255,255,.09);cursor:pointer;overflow:hidden;transition:.3s}.project-card:hover{transform:translateY(-7px);border-color:rgba(47,216,186,.5)}.project-image{aspect-ratio:4/3;overflow:hidden;background:#fff}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.04)}.project-info{padding:22px}.project-meta{color:var(--accent);font-size:9px;font-weight:800;letter-spacing:.15em;text-transform:uppercase}.project-info h3{font-family:"Space Grotesk";font-size:19px;margin:10px 0 8px}.project-info p{color:#8395aa;font-size:12px;line-height:1.6;margin:0}.project-tags{display:flex;gap:6px;margin-top:17px;flex-wrap:wrap}.project-tags span,.modal-tags span{font-size:9px;border:1px solid rgba(255,255,255,.14);padding:6px 8px;border-radius:999px;color:#9cabbc}.about{display:grid;grid-template-columns:.82fr 1.18fr;gap:9vw;align-items:center;background:#eef3f6}.about-visual{position:relative}.portrait-placeholder{aspect-ratio:4/5;background:linear-gradient(145deg,#0c1a2b,#18324b);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden}.portrait-placeholder:before,.portrait-placeholder:after{content:"";position:absolute;border:1px solid rgba(47,216,186,.24);border-radius:50%;width:420px;height:420px}.portrait-placeholder:after{width:270px;height:270px}.portrait-placeholder span{font-family:"Space Grotesk";font-size:100px;color:var(--accent);position:relative;z-index:2}.portrait-placeholder small{position:relative;z-index:2;letter-spacing:.25em;color:#8da2b8}.experience-badge{position:absolute;right:-35px;bottom:45px;background:var(--accent);width:135px;height:135px;border-radius:50%;display:flex;align-items:center;justify-content:center;gap:8px;color:#05241d}.experience-badge strong{font:700 34px "Space Grotesk"}.experience-badge span{font-size:8px;font-weight:800;line-height:1.4}.about-copy h2{font:600 clamp(38px,4.5vw,64px)/1.07 "Space Grotesk";letter-spacing:-.045em;margin:22px 0 26px}.about-copy>p{color:#66798c;line-height:1.85;font-size:14px}.certs{margin-top:30px;border-top:1px solid #ccd7df;padding-top:22px;display:flex;flex-direction:column;gap:9px}.certs strong{font-size:11px;letter-spacing:.12em;text-transform:uppercase}.certs span{font-size:12px;color:#6b7e91}.contact{background:var(--accent);color:#05231d;padding:100px 8vw}.contact .eyebrow{color:#1f6759}.contact .eyebrow span{background:#07362d}.contact h2{font:600 clamp(55px,7vw,100px)/.92 "Space Grotesk";letter-spacing:-.06em;margin:26px 0}.contact p{max-width:620px;line-height:1.7}.contact-links{margin-top:45px;display:flex;gap:16px;flex-wrap:wrap}.contact-links a{background:#081a18;color:#fff;padding:17px 22px;border-radius:999px;font-size:13px;font-weight:700;min-width:250px;display:flex;justify-content:space-between}.contact-links b{color:var(--accent)}footer{background:#050c16;color:#7f8fa3;padding:30px 6vw;display:flex;align-items:center;justify-content:space-between;font-size:10px}.footer-brand strong{color:#fff}.modal{position:fixed;inset:0;z-index:100;display:none}.modal.open{display:block}.modal-backdrop{position:absolute;inset:0;background:rgba(2,8,15,.82);backdrop-filter:blur(8px)}.modal-dialog{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:min(1050px,92vw);max-height:88vh;overflow:auto;background:#0d192a;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;box-shadow:0 30px 100px rgba(0,0,0,.6)}.modal-image{background:#fff;min-height:540px}.modal-image img{width:100%;height:100%;object-fit:contain;display:block}.modal-content{padding:50px 40px}.modal-content h2{font:600 36px/1.08 "Space Grotesk";margin:20px 0}.modal-content>p{color:#93a5b8;line-height:1.8;font-size:14px}.modal-close{position:absolute;right:16px;top:14px;width:40px;height:40px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:#07111e;color:#fff;font-size:24px;cursor:pointer;z-index:3}.modal-tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.reveal{opacity:0;transform:translateY(25px);transition:.8s ease}.reveal.visible{opacity:1;transform:none}.delay-1{transition-delay:.12s}.delay-2{transition-delay:.2s}.delay-3{transition-delay:.28s}@keyframes spin{to{transform:rotate(360deg)}}
@media(max-width:1050px){.hero{grid-template-columns:1fr;min-height:1050px}.hero-copy{padding-top:60px}.hero-visual{height:480px}.expertise-grid{grid-template-columns:repeat(2,1fr)}.projects-grid{grid-template-columns:repeat(2,1fr)}.about{grid-template-columns:1fr 1fr;gap:6vw}.stats{grid-template-columns:repeat(2,1fr)}.stats div:nth-child(2){border-right:0}}
@media(max-width:760px){.site-header{height:72px}.nav{position:absolute;top:70px;left:4vw;right:4vw;background:#0b1727;border:1px solid rgba(255,255,255,.12);padding:20px;display:none;flex-direction:column;align-items:stretch;gap:18px}.nav.open{display:flex}.menu-toggle{display:block}.menu-toggle span{display:block;width:24px;height:2px;background:#fff;margin:6px}.hero{padding:120px 6vw 60px;min-height:960px}.hero h1{font-size:58px}.hero-text{font-size:14px}.hero-actions{flex-direction:column;align-items:flex-start}.hero-visual{height:420px}.orb{width:290px;height:290px}.core{inset:110px}.card-b{right:-10px}.stats{padding:0;grid-template-columns:1fr 1fr}.stats div{padding:25px 20px}.section{padding:80px 5vw}.expertise-grid,.projects-grid{grid-template-columns:1fr}.section-heading.split{display:block}.section-heading.split>p{margin-top:20px}.about{grid-template-columns:1fr}.experience-badge{right:10px}.contact{padding:80px 6vw}.contact h2{font-size:56px}.contact-links{flex-direction:column}.contact-links a{min-width:0}.modal-dialog{grid-template-columns:1fr;max-height:92vh}.modal-image{min-height:300px}.modal-content{padding:30px 25px}footer{gap:20px;flex-wrap:wrap}.floating-card{transform:scale(.88)}.service{min-height:auto}.tech-strip{gap:22px}}