:root{--bg: #090f18;--bg-alt: #101925;--bg-deep: #060b12;--bg-form: #152130;--icon-bg: #152b48;--border: #263444;--text: #f2f6fa;--text-2: #a6b3c4;--text-3: #718399;--accent: #6ddae9;--primary: #3478f6;--primary-hover: #4a88f8;--font: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", Consolas, monospace;--gutter: 80px;--section-y: 104px;--nav-h: 96px}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--nav-h)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);-webkit-font-smoothing:antialiased;overflow-x:hidden}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}h1,h2,h3,p,ul,ol,figure,pre{margin:0}ul,ol{padding:0;list-style:none}hr{border:0;height:1px;background:var(--border);margin:0;width:100%}button,input,select,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.container{max-width:1440px;margin:0 auto;padding:0 var(--gutter)}.mono{font-family:var(--mono)}.muted{color:var(--text-3)}.accent{color:var(--accent)}.brand{display:inline-flex;align-items:center;gap:10px}.brand__name{font-weight:700;font-size:23px;color:var(--text)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:16px;height:52px;padding:0 20px;border-radius:8px;border:1px solid transparent;font-weight:600;font-size:14px;color:var(--text);white-space:nowrap;cursor:pointer;transition:background-color .2s,border-color .2s,transform .2s}.btn img{transition:transform .2s}.btn:hover img{transform:translate(2px,-2px)}.btn--primary{background:var(--primary);border-color:var(--primary)}.btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.btn--secondary{background:transparent;border-color:var(--border)}.btn--secondary:hover{border-color:var(--text-3)}.btn--block{width:100%}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--border);border-radius:8px;background:transparent;cursor:pointer}.eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--accent)}.signal{display:block;width:6px;height:6px;background:var(--accent)}.signal-dot{display:inline-block;width:5px;height:5px;background:var(--accent)}.rule-note{display:flex;align-items:center;gap:10px;font-family:var(--mono);font-size:11px;color:var(--text-3)}.rule-note .rule{display:block;width:28px;height:1px;background:var(--accent);flex-shrink:0}.rule-note--sm{font-size:10px}.rule-note--sm .rule{width:24px}.tag{position:absolute;top:16px;left:16px;display:inline-flex;align-items:center;gap:8px;padding:6px 9px;border-radius:5px;background:var(--bg-deep);font-family:var(--mono);font-size:9px;color:var(--accent)}.nav{position:sticky;top:0;z-index:50;background:#090f18eb;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}.nav__inner{max-width:1440px;margin:0 auto;height:var(--nav-h);padding:0 var(--gutter);display:flex;align-items:center;justify-content:space-between;gap:24px}.nav__links{display:flex;gap:27px;font-size:13px}.nav__links a{color:var(--text-2);transition:color .2s}.nav__links a:hover,.nav__links a.is-active{color:var(--text)}.nav__toggle{display:none}.mobile-menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:flex;flex-direction:column;animation:menu-in .25s ease-out}.mobile-menu[hidden]{display:none}@keyframes menu-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}.mobile-menu__bar{height:80px;flex-shrink:0;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--border)}.mobile-menu__content{flex:1;overflow-y:auto;display:flex;flex-direction:column;justify-content:space-between;gap:40px;padding:36px 24px 32px}.mobile-menu__nav{display:flex;flex-direction:column;gap:20px}.mobile-menu__label{font-size:10px;color:var(--accent)}.mobile-menu__links a{display:flex;align-items:center;gap:18px;height:70px;border-bottom:1px solid var(--border)}.mobile-menu__links .mono{font-size:10px;color:var(--text-3)}.mobile-menu__text{flex:1;font-weight:500;font-size:27px;color:var(--text)}.mobile-menu__links a.is-active .mono,.mobile-menu__links a.is-active .mobile-menu__text{color:var(--accent)}.mobile-menu__contact{display:flex;flex-direction:column;gap:24px}.mobile-menu__signature{display:flex;align-items:center;justify-content:space-between}.mobile-menu__signature>.mono:first-child{font-size:11px;color:var(--text-3)}.mobile-menu__connect{display:inline-flex;align-items:center;gap:6px;font-size:9px;color:var(--text-3)}.hero__inner{display:flex;align-items:center;gap:56px;padding-top:80px;padding-bottom:72px}.hero__intro{flex:0 0 624px;display:flex;flex-direction:column;gap:28px}.hero__title{font-weight:600;font-size:68px;line-height:1.06}.hero__lead{max-width:560px;font-size:17px;line-height:1.7;color:var(--text-2)}.hero__actions{display:flex;flex-wrap:wrap;gap:12px}.hero__visual{position:relative;flex:1;min-width:0;height:566px;border:1px solid var(--border);border-radius:24px;background:var(--bg-alt);overflow:hidden;animation:hero-glow 2s infinite}@keyframes hero-glow{0%{opacity:.86;animation-timing-function:ease-out}40%,to{opacity:1}}.hero__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__visual .tag--status{top:19px;left:19px;padding:7px 10px}.terminal{position:absolute;left:19px;right:19px;bottom:19px;display:flex;flex-direction:column;gap:10px;padding:16px;border-radius:10px;background:var(--bg-deep);border:1px solid var(--border);font-family:var(--mono)}.terminal__title{display:flex;justify-content:space-between;font-size:10px;color:var(--text-3)}.terminal__code{font-family:var(--mono);font-size:13px;line-height:1.6;color:var(--text-2);white-space:pre-wrap}.terminal__note{font-size:9px;color:var(--text-3)}.principles{background:var(--bg-alt);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.principles__inner{display:flex;gap:40px;padding-top:36px;padding-bottom:36px}.principle{flex:1;display:flex;gap:16px;align-items:flex-start}.principle img{flex-shrink:0}.principle h3{font-weight:600;font-size:15px;margin-bottom:8px}.principle p{font-size:13px;line-height:1.5;color:var(--text-2)}.section{padding:var(--section-y) 0}.section--alt{background:var(--bg-alt)}.section--process{padding:96px 0}.section--bordered{border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.section-intro{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.section-intro h2{font-weight:600;font-size:46px;line-height:1.12}.section-intro__lead{max-width:650px;font-size:16px;line-height:1.65;color:var(--text-2)}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.service-card{display:flex;flex-direction:column;gap:24px;min-height:280px;padding:28px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,transform .2s}.service-card:hover{border-color:#35506b;transform:translateY(-2px)}.service-card__head{display:flex;align-items:center;justify-content:space-between}.service-card__head .mono{font-size:11px}.service-card__icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:10px;background:var(--icon-bg)}.service-card__body{display:flex;flex-direction:column;gap:12px}.service-card h3{font-weight:600;font-size:21px}.service-card__body p{font-size:14px;line-height:1.65;color:var(--text-2)}.service-card__tags{font-family:var(--mono);font-size:9px;line-height:1.5;color:var(--accent)}.service-guidance{display:flex;align-items:center;gap:12px;margin-top:40px;font-size:14px;line-height:1.6;color:var(--text-2);transition:color .2s}.service-guidance img{flex-shrink:0;transition:transform .2s}.service-guidance:hover{color:var(--text)}.service-guidance:hover img{transform:translate(3px)}.projects-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.project{display:flex;flex-direction:column;overflow:hidden;background:var(--bg);border:1px solid var(--border);border-radius:16px}.project__media{position:relative;height:250px;overflow:hidden}.project__media>img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.project:hover .project__media>img{transform:scale(1.04)}.project__info{display:flex;flex-direction:column;gap:17px;padding:26px}.project__kicker{font-family:var(--mono);font-size:9px;color:var(--accent)}.project__title{display:flex;align-items:center;gap:10px}.project__title h3{flex:1;font-weight:600;font-size:23px;line-height:1.2}.project__title img{flex-shrink:0}.project__desc{font-size:14px;line-height:1.65;color:var(--text-2)}.project__stack{font-size:11px;line-height:1.5;color:var(--text-3)}.section--deep{background:var(--bg)}.tech{display:flex;gap:80px;align-items:flex-start}.tech__intro{flex:0 0 400px;display:flex;flex-direction:column;gap:28px}.tech__intro .section-intro{margin-bottom:0}.tech__grid{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.tech-group{display:flex;flex-direction:column;gap:20px;padding:24px;border:1px solid var(--border);border-radius:16px}.tech-group__head{display:flex;align-items:center;gap:12px}.tech-group__head h3{font-weight:600;font-size:14px}.tech-group ul{display:flex;flex-direction:column;gap:9px;font-family:var(--mono);font-size:12px;color:var(--text-2)}.section--process .section-intro{margin-bottom:48px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.stage{display:flex;flex-direction:column;gap:20px}.stage__seq{display:flex;align-items:center;gap:16px}.stage__seq i{flex:1;height:1px;background:var(--border)}.stage__num{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;border:1px solid var(--border);border-radius:10px;font-family:var(--mono);font-size:14px;color:var(--accent)}.stage h3{font-weight:600;font-size:22px;margin-bottom:-8px}.stage p{font-size:14px;line-height:1.7;color:var(--text-2)}.stage .stage__out{font-family:var(--mono);font-size:9px;line-height:1.5;color:var(--accent)}.about{display:flex;align-items:center;gap:80px}.about__media{position:relative;flex:0 0 584px;height:488px;border-radius:24px;overflow:hidden}.about__media>img{width:100%;height:100%;object-fit:cover}.about__media figcaption{position:absolute;left:16px;right:16px;bottom:16px;display:flex;align-items:center;gap:10px;padding:14px;border-radius:8px;background:var(--bg-deep);font-family:var(--mono);font-size:9px;line-height:1.5;color:var(--text-2)}.about__text{flex:1;min-width:0;display:flex;flex-direction:column;gap:28px}.about__text .section-intro{margin-bottom:0}.about__body{font-size:15px;line-height:1.7;color:var(--text-2)}.checklist{display:flex;flex-direction:column;gap:16px}.checklist li{display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.4}.checklist img{flex-shrink:0}.inquiry{display:flex;gap:80px;align-items:flex-start}.inquiry__intro{flex:0 0 440px;display:flex;flex-direction:column;gap:32px}.inquiry__intro .section-intro{margin-bottom:0}.expectations{display:flex;flex-direction:column;gap:18px;padding-top:8px}.expectations__label{font-size:10px}.expectations p:not(.expectations__label){display:flex;align-items:center;gap:12px;font-size:14px;line-height:1.5;color:var(--text-2)}.expectations img{flex-shrink:0}.inquiry__note{font-size:13px;line-height:1.6;color:var(--text-3)}.form{flex:1;min-width:0;display:flex;flex-direction:column;gap:24px;padding:32px;background:var(--bg-form);border:1px solid var(--border);border-radius:16px}.form__title{font-weight:600;font-size:22px}.form__hint{font-size:11px;color:var(--text-3);margin-top:-8px}.form__row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.field{display:flex;flex-direction:column;gap:9px}.field__label{font-weight:500;font-size:12px;color:var(--text);padding:0}.field input,.field textarea,.field select{width:100%;padding:14px;border-radius:8px;background:var(--bg);border:1px solid var(--border);font-size:13px;line-height:1.5;color:var(--text);transition:border-color .2s}.field input{height:48px}.field textarea{height:130px;resize:vertical}.field input::placeholder,.field textarea::placeholder{color:var(--text-3)}.field input:focus,.field textarea:focus,.field select:focus{outline:none;border-color:var(--accent)}.field .is-invalid{border-color:#e5687a}.select{position:relative;display:block}.select select{height:48px;padding-right:40px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.select select:invalid,.select select.is-empty{color:var(--text-3)}.select option{color:var(--text);background:var(--bg)}.select img{position:absolute;right:14px;top:50%;transform:translateY(-50%);pointer-events:none}.chips{border:0;margin:0;padding:0;min-width:0}.chips legend{margin-bottom:12px}.chips__list{display:flex;flex-wrap:wrap;gap:8px}.chip input{position:absolute;opacity:0;pointer-events:none}.chip span{display:inline-block;padding:9px 12px;border-radius:6px;cursor:pointer;background:var(--bg);border:1px solid var(--border);font-size:11px;color:var(--text-2);transition:all .2s}.chip span:hover{border-color:var(--text-3)}.chip input:checked+span{border-color:var(--accent);color:var(--accent);background:#6ddae914}.chip input:focus-visible+span{outline:2px solid var(--accent);outline-offset:2px}.form__fine{font-size:11px;line-height:1.6;color:var(--text-3)}.form__submit{align-self:flex-start}.form__status{font-size:13px;color:var(--accent);min-height:0}.form__status:empty{display:none}.form__status.is-error{color:#e5687a}.footer{background:var(--bg-deep);padding:64px 0 32px}.footer .container{display:flex;flex-direction:column;gap:40px}.footer__top{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer__brand{width:400px;display:flex;flex-direction:column;gap:18px}.footer__brand p{font-size:14px;line-height:1.7;color:var(--text-2)}.footer__nav{display:flex;gap:64px;font-size:13px}.footer__nav div{display:flex;flex-direction:column;gap:16px}.footer__nav a{color:var(--text-2);transition:color .2s}.footer__nav a:hover{color:var(--text)}.footer__site{display:flex;flex-direction:column;gap:16px}.footer__site .mono{font-size:10px}.footer__site a{font-weight:500;font-size:16px;color:var(--accent)}.footer__legal{display:flex;justify-content:space-between;gap:16px;color:var(--text-3)}.footer__legal p:first-child{font-size:11px}.footer__legal .mono{font-size:10px}@media (max-width: 1280px){:root{--gutter: 48px}.hero__intro{flex-basis:52%}.hero__title{font-size:58px}.about__media{flex-basis:46%}.tech__intro{flex-basis:340px}.inquiry__intro{flex-basis:380px}}@media (max-width: 1080px){:root{--nav-h: 80px;--section-y: 88px}.nav__links,.nav__cta{display:none}.nav__toggle{display:inline-flex}.hero__inner{flex-direction:column;align-items:stretch}.hero__intro{flex-basis:auto}.hero__visual{flex:none;height:520px}.services-grid,.projects-grid{grid-template-columns:repeat(2,1fr)}.stages{grid-template-columns:repeat(2,1fr);row-gap:48px}.tech,.about,.inquiry{flex-direction:column;align-items:stretch;gap:48px}.tech__intro,.inquiry__intro{flex-basis:auto}.about__media{flex:none;width:100%;height:440px}.footer__top{flex-wrap:wrap}}@media (max-width: 760px){:root{--gutter: 24px;--section-y: 72px}.hero__inner{padding-top:48px;padding-bottom:48px;gap:48px}.hero__intro{gap:28px}.hero__title{font-size:clamp(34px,11vw,43px);line-height:1.04;letter-spacing:-.02em}.hero__lead{font-size:16px}.hero__actions{flex-direction:column}.hero__actions .btn{width:100%}.rule-note{font-size:9px}.hero__visual{height:362px}.terminal{padding:16px}.terminal__code{font-size:11px}.principles__inner{flex-direction:column;gap:28px}.principle{gap:16px}.section-intro{margin-bottom:32px}.section-intro h2{font-size:34px}.services-grid,.projects-grid,.tech__grid,.stages{grid-template-columns:1fr}.service-card{min-height:0}.service-guidance{margin-top:32px}.project__media{height:230px}.stages{row-gap:40px}.about__media{height:340px}.form{padding:24px 20px}.form__row{grid-template-columns:1fr}.form__submit{align-self:stretch}.footer{padding-top:48px}.footer__top{flex-direction:column;gap:32px}.footer__brand{width:auto}.footer__nav{gap:72px}.footer__legal{flex-direction:column;gap:16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}