@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#0c0e13;--muted:#697181;--blue:#365bff;--orange:#365bff;--line:#e1e4eb;--paper:#f7f8fc}body{background:var(--paper)}h1,h2,h3{font-family:'Space Grotesk',Arial,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.08}h2{font-size:clamp(2.3rem,4.7vw,4.5rem)}.wrap{max-width:1320px;padding:110px 48px}.soft-text{color:#808793}.brand{font-size:.9rem}.brand small{color:#9095a3}.monogram{background:#365bff;border-radius:12px;width:43px;height:43px;font-family:'Space Grotesk',sans-serif}.monogram span{background:#c4ff65;width:7px;height:7px;right:4px;bottom:4px;border-radius:50%}header{position:absolute;z-index:5;top:20px;left:50%;transform:translateX(-50%);width:calc(100% - 72px);max-width:1280px;padding:15px 20px 15px 16px;background:#191c23d9;backdrop-filter:blur(18px);border:1px solid #ffffff1c;border-radius:18px;color:white}nav{font-size:.85rem;color:#c6cad5}nav a:hover{color:#fff}.nav-contact{border:1px solid #ffffff28;border-radius:10px;padding:10px 17px;color:#fff}.hero{background:#080a0f;max-width:none;min-height:850px;border-radius:0 0 35px 35px}.hero:before{display:none}.hero-art{position:absolute;inset:0 0 0 35%;background:url('hero-art.webp') 60% 45%/cover;opacity:.95;pointer-events:none}.hero-art:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#080a0f 0%,#080a0f05 40%),linear-gradient(0deg,#080a0f 0%,transparent 25%)}.hero-inner{max-width:1320px;margin:auto;padding:185px 48px 35px}.tiny-mark{color:#bfff72;font-size:1.3rem;vertical-align:middle;margin-right:8px}.hero h1{font-size:clamp(3.3rem,7.2vw,7.1rem);font-weight:500;line-height:1.04;max-width:900px;letter-spacing:-.065em}.hero h1 span{color:#9aaeff}.hero-description{margin-top:30px;color:#b8becb;font-size:1.08rem;line-height:1.7}.hero-actions{margin-top:32px;flex-direction:row;gap:28px;align-items:center}.button{border-radius:12px;transition:background .2s,transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 10px 30px #365bff35}.electric{background:#365bff;color:#fff}.electric:hover{background:#4a6bff}.hero-bottom{margin-top:90px;align-items:end}.hero-signature{font-size:.7rem;letter-spacing:.1em;font-weight:600}.hero-signature small{display:block;color:#7e8798;font-size:.62rem;letter-spacing:.14em;margin-top:7px}.hero-caption{font-size:.75rem;color:#7e8798}.hero-index{max-width:1224px;margin:0 auto;display:flex;justify-content:space-between;border-top:1px solid #ffffff18;padding:25px 0;color:#a2aabb;font-size:.81rem}.hero-index b{display:inline-grid;place-items:center;border:1px solid #ffffff21;border-radius:50%;width:27px;height:27px;font-size:.62rem;margin-right:10px;color:#dee5ff}.intro-grid{grid-template-columns:1.2fr 1fr;gap:90px}.scope{margin-top:50px;justify-content:start;gap:12px;flex-wrap:wrap;border:0;padding:0}.scope span{border:1px solid #dce1eb;border-radius:50px;padding:10px 19px;font-size:.84rem;background:white}.solutions{background:#101218;color:#fff;border-radius:32px;margin:0 20px}.solutions .wrap{padding-top:95px;padding-bottom:95px}.section-head{gap:60px;margin-bottom:48px}.section-head>p{font-size:.96rem}.solutions .section-head>p{color:#9ba3b1}.solutions .eyebrow{color:#8f99ac}.solutions .soft-text{color:#80899b}.service-grid{gap:16px;background:transparent;border:0}.service{padding:30px;background:#191c24;border:1px solid #ffffff0c;border-radius:20px;transition:transform .3s,border-color .3s,background .3s}.service:hover{transform:translateY(-5px);border-color:#6683ff88;background:#1c2130}.service-top{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:35px}.service-symbol{font-size:1.7rem;line-height:1;color:#9aafff;font-family:'Space Grotesk',sans-serif}.number{font-size:.59rem;letter-spacing:.09em;color:#7e8a9f;margin:0}.service p{font-size:.91rem;color:#9fa8b9;min-height:75px}.service ul{border-color:#ffffff0c;color:#c3cad7;font-size:.8rem;line-height:1.9}.portfolio{padding-top:115px;padding-bottom:90px}.filters button{border-radius:50px;padding:10px 21px;background:transparent;font-size:.82rem}.filters button.active{background:#0c0e13}.project-grid{grid-template-columns:repeat(6,1fr);gap:22px}.project{grid-column:span 2;border-radius:22px;overflow:hidden;background:#fff;border-color:#e4e7f0;transition:transform .3s,box-shadow .3s}.project:nth-child(-n+2){grid-column:span 3}.project:hover{transform:translateY(-5px);box-shadow:0 18px 45px #27346914}.project-cover{height:335px;padding:30px;background:#365bff;position:relative}.project-cover:after{content:'+';position:absolute;right:22px;top:22px;border:1px solid #ffffff60;border-radius:50%;width:33px;height:33px;display:grid;place-items:center;font-size:1.1rem}.cover-label{font-size:.64rem;letter-spacing:.14em;color:#dae2ff}.project-cover strong{font-family:'Space Grotesk',sans-serif;font-size:3.2rem;line-height:1.02;letter-spacing:-.055em;font-weight:500}.project-cover strong em{font-style:normal;color:#c1ff78}.cover-footer{color:#d6dfff;font-size:.76rem}.hardware .project-cover{background:#c2f88a;color:#163923}.hardware .cover-label,.hardware .cover-footer{color:#315136}.hardware .project-cover:after{border-color:#16392350}.project-cover .large-stat{font-size:4.7rem;letter-spacing:-.07em}.large-stat span{font-size:1rem}.project-body{padding:26px}.tag{font-size:.62rem;color:#788196}.project-body h3{font-size:1.3rem;line-height:1.2}.project-body p{font-size:.89rem;line-height:1.65;color:#697181}.project-body a{font-size:.8rem;border-bottom:1px solid #a6b6ff;color:#2948c6}.project-title-strip{height:190px;padding:26px;flex-direction:column;align-items:start;justify-content:space-between;background:#dddfff;color:#30336d}.project-title-strip b{font-size:2.2rem;line-height:.95;font-family:'Space Grotesk',sans-serif;font-weight:500}.project-title-strip b span{font-size:1.1rem;letter-spacing:-.02em;margin-top:8px}.project-title-strip>span{font-size:.59rem;max-width:none;text-align:left}.reading{background:#133a32;color:#beeedc}.rubato{background:#e4d1fa;color:#3b255d}.rentable{background:#ffe56b;color:#5b430b}.fiesta{background:#f9becf;color:#67203a}.info{background:#d1e8ff;color:#224f83}.development{margin-top:25px;background:#e9edf8;border:1px solid #dde3f1;padding:35px;border-radius:20px}.development h3{font-size:1.65rem}.development a{color:#365bff;text-decoration:none}.about{background:#365bff;margin:0 20px;border-radius:30px;overflow:hidden}.about-grid{gap:90px}.about h2{font-size:clamp(2.5rem,4.8vw,4.7rem)}.about h2 span{color:#c4ff80}.about p{color:#d3dcff;font-size:.97rem}.about .eyebrow{color:#becbff}.about-detail{flex-wrap:wrap;border-color:#ffffff30;font-size:.61rem;color:#d6e0ff}.process-grid article>span{display:grid;place-items:center;background:#e6ebff;border-radius:50%;width:40px;height:40px;font-size:.76rem;color:#365bff}.process-grid h3{font-size:1.3rem}.contact{background:#0d0f16;color:white;border-radius:32px 32px 0 0}.contact-grid{grid-template-columns:1.15fr 1fr;gap:95px}.contact .eyebrow{color:#a2afcb}.contact h2{font-size:clamp(3rem,5.6vw,5.4rem)}.contact h2 span{color:#a6b6ff}.contact p{color:#959fb3}.contact-panel{border:1px solid #2c3447;background:#161a24;border-radius:23px;padding:30px;gap:12px}.contact-panel label{font-size:.8rem;color:#c5cfe2}.contact-panel select,.contact-panel textarea{padding:13px 15px;border:1px solid #353d51;background:#11151e;color:#e7edff;border-radius:10px;font-size:.88rem}.contact-panel textarea::placeholder{color:#7f8aa1}.contact-panel .button{background:#c3ff7d;color:#1b2b12}.contact-panel small{color:#8994aa;font-size:.72rem}.contact .wrap{padding-top:95px;padding-bottom:95px}footer.wrap{max-width:none;background:#0d0f16;border-top:1px solid #242a38;padding:32px max(48px,calc((100% - 1224px)/2));color:white}footer p,footer>span{color:#7d879c}.reveal{opacity:0;transform:translateY(22px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.wrap{padding:85px 32px}header{width:calc(100% - 40px)}nav{gap:20px}.hero-inner{padding:170px 32px 30px}.hero-index{margin:0 32px}.hero-art{left:28%;opacity:.7}.hero{min-height:790px}.hero h1{font-size:clamp(3.4rem,8vw,6rem)}.intro-grid,.about-grid{gap:40px}.service-grid{grid-template-columns:repeat(2,1fr)}.project{grid-column:span 3}.contact-grid{gap:45px}.section-head{gap:30px}footer p{display:none}}
@media(max-width:700px){header{top:14px;width:calc(100% - 28px);padding:12px;border-radius:14px}.brand{font-size:.77rem}.brand small{font-size:.47rem}.monogram{width:38px;height:38px;border-radius:9px}.menu-toggle{color:white;background:#ffffff08;border:1px solid #ffffff25;padding:8px 13px;border-radius:8px;font-size:.77rem}nav{color:#c6cad5}.hero{min-height:850px;border-radius:0 0 24px 24px}.hero-inner{padding:135px 23px 25px}.hero .eyebrow{font-size:.59rem;letter-spacing:.1em;margin-bottom:26px}.hero h1{font-size:clamp(2.9rem,10.6vw,4.8rem);letter-spacing:-.065em;max-width:560px}.hero-description{font-size:.95rem;margin-top:25px}.hero-art{inset:265px -100px 70px 10%;opacity:.72;background-position:center}.hero-art:after{background:linear-gradient(0deg,#080a0f 0%,transparent 30%,#080a0f 100%)}.hero-actions{position:relative;gap:20px;flex-wrap:wrap;margin-top:28px;width:auto}.button{font-size:.83rem;padding:14px 20px}.hero-bottom{margin-top:185px;align-items:end;flex-direction:row}.hero-caption{max-width:125px;text-align:right;font-size:.62rem}.hero-signature{font-size:.6rem}.hero-signature small{font-size:.53rem}.hero-index{margin:0 23px;display:flex;flex-wrap:wrap;gap:12px 20px;padding:20px 0;font-size:.66rem}.hero-index b{width:21px;height:21px;margin-right:5px;font-size:.55rem}.wrap{padding:65px 23px}h2{font-size:clamp(2.2rem,8.5vw,3.6rem)}.intro-grid,.about-grid,.contact-grid{grid-template-columns:1fr;gap:28px}.scope{display:flex;gap:8px;margin-top:28px}.scope span{padding:8px 12px;font-size:.73rem}.solutions,.about{margin:0 10px;border-radius:23px}.solutions .wrap{padding:60px 16px}.section-head{margin-bottom:30px}.service-grid{grid-template-columns:1fr;gap:12px}.service{padding:25px;border-radius:17px}.service-top{margin-bottom:24px}.number{font-size:.58rem}.service p{min-height:0}.service h3{font-size:1.4rem}.service ul{font-size:.83rem}.portfolio{padding-top:65px}.filters button{font-size:.73rem;padding:9px 13px}.project-grid{grid-template-columns:1fr;gap:19px}.project,.project:nth-child(-n+2){grid-column:auto}.project-cover{height:315px;padding:26px}.project-cover strong{font-size:3.3rem}.project-cover .large-stat{font-size:4.5rem}.project-body{padding:25px}.project-body p{font-size:.94rem}.project-title-strip{height:165px;flex-direction:row;align-items:center;padding:25px}.project-title-strip>span{text-align:right;max-width:115px}.project-title-strip b{font-size:2.05rem}.development{padding:26px}.about-grid{padding:60px 20px}.about h2{font-size:3.1rem}.contact{border-radius:24px 24px 0 0}.contact .wrap{padding:65px 23px}.contact h2{font-size:3.7rem}.contact-panel{padding:24px;border-radius:18px}footer.wrap{padding:30px 23px}}
@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}
.tag,.number,.cover-label,.cover-footer span,.project-title-strip>span,.about-detail,.hero-signature,.hero-signature small,.hero-caption,.hero-index{font-size:max(.75rem,12px)}.service ul{font-size:.875rem}.brand small{font-size:.625rem}.project-body a{font-size:.875rem}