@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{color-scheme:dark;--bg:#080809;--surface:#111114;--line:#ffffff1b;--muted:#99999f;--purple:#b7a1ff;--white:#f5f4f7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--purple);outline-offset:5px}::selection{background:#9276df;color:white}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.nav-shell{position:sticky;top:0;z-index:30;background:#080809dc;backdrop-filter:blur(24px);border-bottom:1px solid var(--line)}nav{height:88px;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px;font:700 15px/1 'Manrope',sans-serif;letter-spacing:3px}.brand-icon{display:block;width:49px;height:33px;overflow:hidden;position:relative}.brand-icon img{position:absolute;width:99px;max-width:none;left:-24px;top:-28px}.nav-links{display:flex;align-items:center;gap:36px}.nav-links a{font-size:14px;color:#aaaab0;transition:color .2s}.nav-links a:hover,.nav-links a[aria-current=page]{color:white}.nav-links a[aria-current=page]{position:relative}.nav-links a[aria-current=page]:after{content:'';position:absolute;bottom:-13px;left:50%;width:4px;height:4px;background:var(--purple);border-radius:50%}.pill{display:inline-flex;justify-content:center;align-items:center;min-height:48px;padding:11px 25px;border:1px solid #ffffff30;border-radius:30px;font-size:14px;font-weight:550;transition:background .2s,transform .2s;background:transparent;color:white}.pill:hover{background:#ffffff13;transform:translateY(-2px)}.pill.primary{background:#f0ecfa;color:#18151e;border-color:#f0ecfa}.pill.primary:hover{background:#cdb9ff}.nav-cta{min-height:40px;font-size:13px;padding:8px 21px}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.hero{position:relative;min-height:690px;isolation:isolate;overflow:hidden}.hero-image{position:absolute;z-index:-2;right:0;top:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#080809 0%,#080809ba 25%,transparent 65%),linear-gradient(0deg,#080809,transparent 25%)}.hero-content{padding-top:110px;padding-bottom:115px;max-width:670px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.8px;text-transform:uppercase;color:var(--purple);margin:0 0 24px}.hero h1{font:500 clamp(64px,6.5vw,96px)/1.06 'Manrope',sans-serif;letter-spacing:-5px;margin:0 0 26px}.hero h1 span{color:var(--purple)}.hero p.intro{max-width:430px;color:#b0aeb9;font-size:17px;line-height:1.8;margin:0 0 32px}.actions{display:flex;gap:15px;align-items:center;flex-wrap:wrap}.hero-caption{position:absolute;right:6%;bottom:50px;color:#8c8897;font-size:12px;letter-spacing:2px}.hero-bottom{display:flex;justify-content:space-between;padding-bottom:24px;font-size:12px;letter-spacing:2px;color:#77777f}.tech-strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;align-items:center;padding:27px 0;color:#a4a3ac;font-size:13px}.tech-strip span:first-child{font-size:11px;letter-spacing:2px;color:#65646e}.tech-strip b{font-size:16px;color:#d1cddc;font-weight:400;margin-right:10px}.section{padding:100px 0}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:42px}.section-head h2,h2{font:500 clamp(32px,4vw,53px)/1.15 'Manrope',sans-serif;letter-spacing:-2px;margin:0}.section-head .eyebrow{margin-bottom:15px}.text-link{font-size:14px;color:var(--purple);border-bottom:1px solid #b7a1ff66;padding-bottom:4px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.project-card{background:var(--surface);border:1px solid var(--line);border-radius:16px;overflow:hidden;transition:transform .35s,border-color .35s}.project-card:hover{transform:translateY(-6px);border-color:#b7a1ff60}.project-visual{height:300px;position:relative;overflow:hidden;background:#121018}.project-visual img{width:100%;height:100%;object-fit:cover;object-position:75% 55%;transition:transform .7s}.project-card:hover img{transform:scale(1.05)}.project-visual.defence img{filter:grayscale(1);object-position:100% 65%;transform:scale(1.2)}.project-card:hover .defence img{transform:scale(1.26)}.project-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#111114,transparent 55%)}.project-tag{position:absolute;top:22px;left:24px;z-index:1;border:1px solid #ffffff35;border-radius:20px;padding:5px 12px;font-size:11px;letter-spacing:1px;background:#08080970;backdrop-filter:blur(8px)}.project-copy{padding:8px 32px 32px}.project-copy h3{font:500 33px 'Manrope',sans-serif;margin:0 0 10px;letter-spacing:-1px}.project-copy p{color:var(--muted);margin:0 0 22px;font-size:15px;max-width:420px}.project-meta{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#73737e}.project-meta span:last-child{color:var(--purple)}.statement{padding:105px 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.15fr;gap:80px}.statement p{color:#a3a2ac;margin:0 0 25px}.statement h2{font-size:43px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;padding-top:20px}.feature{border-top:1px solid var(--line);padding-top:25px}.feature small{color:var(--purple)}.feature h3{font-size:18px;font-weight:500;margin:18px 0 10px}.feature p{font-size:14px;color:var(--muted)}.cta{padding:70px 50px;text-align:center;border:1px solid var(--line);background:radial-gradient(ellipse at 50% 140%,#49317480,transparent 65%),#101013;border-radius:18px;margin-bottom:90px}.cta h2{font-size:clamp(35px,4.5vw,62px);margin-bottom:18px}.cta p{color:var(--muted);margin:0 0 28px}footer{border-top:1px solid var(--line);padding:40px 0 25px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{margin-bottom:40px}.footer-top p{font-size:13px;color:var(--muted)}.footer-links{display:flex;gap:28px;font-size:13px;color:#aaa8b3}.footer-bottom{font-size:12px;color:#65636e}.page-intro{padding:85px 0 60px}.page-intro h1{font:500 clamp(45px,6vw,80px)/1.1 'Manrope',sans-serif;letter-spacing:-3px;margin:0 0 25px}.page-intro p:not(.eyebrow){max-width:610px;color:var(--muted);font-size:18px}.tabs{display:flex;gap:10px;margin-bottom:35px}.tab{color:#aaa7b5;background:#111114;border:1px solid var(--line);padding:10px 24px;border-radius:25px;font-size:14px}.tab[aria-pressed=true]{color:#17111f;background:#ded2fc}.detail-image{height:430px;border:1px solid var(--line);border-radius:18px;overflow:hidden}.detail-image img{height:100%;width:100%;object-fit:cover;object-position:center 53%}.detail-image.mono img{filter:grayscale(1)}.detail-grid{display:grid;grid-template-columns:1fr 1.7fr;gap:70px;padding:65px 0}.detail-grid p{color:var(--muted)}.detail-grid h2{font-size:36px}.detail-list{display:grid;grid-template-columns:1fr 1fr;gap:25px}.detail-list article{border-top:1px solid var(--line);padding:20px 0}.detail-list h3{font-size:17px;font-weight:500}.detail-list p{font-size:14px}.about-banner{border:1px solid var(--line);border-radius:18px;background:#020202;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.about-banner img{width:100%;max-height:440px;object-fit:contain}.about-banner blockquote{font:400 36px/1.4 'Manrope',sans-serif;margin:40px;padding-right:20px;letter-spacing:-1px}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:100px;padding-bottom:95px}.contact-aside p{color:var(--muted);max-width:360px}.contact-aside h3{font-weight:500;margin:40px 0 10px}.contact-aside .tiny{font-size:13px}.contact-form{background:var(--surface);border:1px solid var(--line);padding:35px;border-radius:18px}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{margin-bottom:22px}.field label{display:block;font-size:14px;margin-bottom:8px;color:#c5c1ce}.field input,.field select,.field textarea{width:100%;border:1px solid #ffffff25;border-radius:8px;background:#0a0a0d;color:white;padding:12px 14px;min-height:48px}.field textarea{resize:vertical;min-height:130px}.form-note{font-size:12px;color:var(--muted);margin:16px 0 0}.form-status{color:var(--purple);font-size:14px}.reveal{animation:appear .75s ease both}@keyframes appear{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}.skip{position:fixed;top:-100px;z-index:100;background:white;color:black;padding:10px}.skip:focus{top:10px}[hidden]{display:none!important}@media(min-width:1600px){.hero{min-height:780px}.hero-content{padding-top:150px}}@media(max-width:900px){.wrap{width:calc(100% - 48px)}.nav-links{gap:22px}.nav-cta{display:none}.hero-content{max-width:550px}.hero h1{font-size:76px}.hero-image{opacity:.6;object-position:65%}.hero:after{background:linear-gradient(90deg,#080809e8,transparent),linear-gradient(0deg,#080809,transparent 60%)}.tech-strip{flex-wrap:wrap;justify-content:center}.tech-strip span:first-child{width:100%;text-align:center}.statement{gap:40px}.contact-layout{gap:40px}.project-visual{height:240px}.hero-caption{display:none}}@media(max-width:600px){.wrap{width:calc(100% - 40px)}nav{height:74px}.brand{font-size:12px;letter-spacing:2px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:#101014;border-bottom:1px solid var(--line);padding:25px;flex-direction:column;align-items:stretch;gap:25px}.nav-links.open{display:flex}.nav-links a[aria-current=page]:after{display:none}.hero{min-height:740px}.hero-content{padding-top:62px;padding-bottom:320px}.hero h1{font-size:60px;letter-spacing:-3px}.hero p.intro{font-size:15px;max-width:320px}.hero-image{height:470px;top:auto;bottom:0;object-position:73% 50%;opacity:.9}.hero:after{background:linear-gradient(180deg,#080809 0%,#080809 25%,transparent 60%,#080809 99%)}.hero-bottom{font-size:10px;gap:20px}.tech-strip{gap:17px;font-size:11px}.tech-strip b{font-size:14px}.section{padding:65px 0}.section-head{align-items:start;gap:24px}.section-head h2{font-size:35px}.section-head .text-link{margin-top:30px;white-space:nowrap;font-size:12px}.project-grid,.statement,.features,.contact-layout,.detail-grid,.about-banner{grid-template-columns:1fr}.project-visual{height:260px}.project-copy{padding:10px 24px 28px}.statement{gap:25px;padding:65px 0}.statement h2{font-size:36px}.features{gap:10px}.cta{padding:50px 22px;margin-bottom:60px}.cta h2{letter-spacing:-1.5px}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column;gap:18px}.footer-top{margin-bottom:25px}.footer-links{gap:22px}.page-intro{padding:55px 0 35px}.page-intro h1{font-size:52px}.page-intro p:not(.eyebrow){font-size:16px}.tabs{gap:8px}.tab{padding:9px 20px}.detail-image{height:280px}.detail-grid{gap:20px;padding:40px 0}.detail-list{gap:20px}.about-banner blockquote{font-size:27px;margin:10px 25px 35px}.contact-layout{gap:35px}.contact-form{padding:24px}.field-grid{grid-template-columns:1fr;gap:0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

