: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: "Figtree", 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;display:flow-root;height:var(--nav-h);pointer-events:none}.nav__inner{max-width:1440px;margin:0 auto;height:100%;padding:0 var(--gutter);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;pointer-events:none}.nav__inner>*{pointer-events:auto}.nav__inner>.nav__cta,.nav__inner>.nav__toggle{justify-self:end}.nav__brand-out{justify-self:start;transition:opacity .3s,transform .3s}.nav--scrolled .nav__brand-out{opacity:0;transform:translate(-12px);pointer-events:none}.nav__pill{display:flex;align-items:center;padding:6px;background:#101925c7;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:999px;transition:box-shadow .3s,border-color .3s}.nav--scrolled .nav__pill{border-color:#2f4054;box-shadow:0 12px 32px #0006}.nav__pill-brand{display:flex;align-items:center;gap:8px;overflow:hidden;white-space:nowrap;max-width:0;opacity:0;margin:0;font-weight:700;font-size:17px;color:var(--text);transition:max-width .4s ease,opacity .3s ease,margin .4s ease}.nav__pill-brand img{flex-shrink:0}.nav--scrolled .nav__pill-brand{max-width:160px;opacity:1;margin:0 14px 0 12px}.nav__links{display:flex;gap:2px;font-size:14px}.nav__links a{padding:10px 18px;border-radius:999px;color:var(--text-2);transition:color .2s,background-color .2s}.nav__links a:hover{color:var(--text);background:#ffffff0a}.nav__links a.is-active{color:var(--text);background:#1d2a3b}.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)}.inquiry__email{margin-top:-16px;font-size:14px;line-height:1.6;color:var(--text-2)}.inquiry__email a{color:var(--accent)}.inquiry__email a:hover{text-decoration:underline}.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__submit:disabled{opacity:.7;cursor:wait}.form__trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}.form__status{font-size:13px;color:var(--accent);min-height:0}.form__status:empty{display:none}.form__status.is-error{color:#e5687a}.cta__inner{display:flex;align-items:center;justify-content:space-between;gap:48px}.cta__text{display:flex;flex-direction:column;gap:20px;max-width:680px}.cta__text h2{font-weight:600;font-size:46px;line-height:1.12}.cta__text p:not(.eyebrow){font-size:16px;line-height:1.65;color:var(--text-2)}.cta__actions{display:flex;flex-direction:column;align-items:center;gap:16px;flex-shrink:0}.cta__email{font-size:14px;color:var(--accent)}.cta__email:hover{text-decoration:underline}.page{padding:88px 0 var(--section-y);min-height:60vh}.page__header{display:flex;flex-direction:column;gap:20px;margin-bottom:48px}.page__header h1{font-weight:600;font-size:56px;line-height:1.08}.page__lead{max-width:650px;font-size:17px;line-height:1.7;color:var(--text-2)}.page__body{display:flex;flex-direction:column;gap:56px}.coming-soon{max-width:720px;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:40px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px}.coming-soon__label{font-size:11px}.coming-soon h2{font-weight:600;font-size:26px;line-height:1.2}.coming-soon p:not(.coming-soon__label){font-size:15px;line-height:1.7;color:var(--text-2)}.coming-soon .btn{margin-top:8px}.mv-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.mv-card{display:flex;flex-direction:column;gap:16px;padding:36px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px}.mv-card__label{font-size:11px}.mv-card h2{font-weight:600;font-size:28px;line-height:1.2}.mv-card p:not(.mv-card__label){font-size:15px;line-height:1.7;color:var(--text-2)}.prose{max-width:760px}.prose h2{margin:40px 0 12px;font-weight:600;font-size:22px}.prose h2:first-child{margin-top:0}.prose p{font-size:16px;line-height:1.75;color:var(--text-2)}.prose a{color:var(--accent)}.prose a:hover{text-decoration:underline}.prose .checklist{margin-top:20px}a.project{color:inherit;transition:border-color .2s,transform .2s}a.project:hover{border-color:#35506b;transform:translateY(-2px)}.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:-16px}.filter{padding:9px 16px;border-radius:999px;cursor:pointer;background:transparent;border:1px solid var(--border);font-size:13px;color:var(--text-2);transition:all .2s}.filter:hover{border-color:var(--text-3);color:var(--text)}.filter.is-active{border-color:var(--accent);color:var(--accent);background:#6ddae914}.back-link{display:inline-flex;align-items:center;gap:8px;margin-bottom:32px;font-size:13px;color:var(--text-2);transition:color .2s}.back-link img{transform:rotate(180deg)}.back-link:hover{color:var(--text)}.detail__header{display:flex;flex-direction:column;gap:20px;margin-bottom:40px}.detail__header h1{font-weight:600;font-size:52px;line-height:1.08}.detail__cover{position:relative;height:520px;margin-bottom:64px;border-radius:24px;overflow:hidden;border:1px solid var(--border)}.detail__cover>img{width:100%;height:100%;object-fit:cover}.detail__layout{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:64px;align-items:start}.detail__aside{position:sticky;top:calc(var(--nav-h) + 16px);display:flex;flex-direction:column;gap:24px;padding:28px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px}.detail__aside h2{font-weight:600;font-size:18px}.detail__aside dl{display:flex;flex-direction:column;gap:20px;margin:0}.detail__aside dt{margin-bottom:8px;font-family:var(--mono);font-size:10px;color:var(--text-3);text-transform:uppercase}.detail__aside dd{margin:0;font-size:14px;line-height:1.6;color:var(--text-2)}.detail__aside dd ul{display:flex;flex-direction:column;gap:6px;font-family:var(--mono);font-size:12px}.detail__chips{display:flex;flex-wrap:wrap;gap:6px}.detail__chips span,.article__tags span{padding:5px 10px;border-radius:999px;border:1px solid var(--border);font-size:12px;color:var(--text-2)}.related__title{margin-bottom:32px;font-weight:600;font-size:32px}.posts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.post-card{display:flex;flex-direction:column;overflow:hidden;color:inherit;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px;transition:border-color .2s,transform .2s}.post-card:hover{border-color:#35506b;transform:translateY(-2px)}.post-card__media{position:relative;height:220px;overflow:hidden}.post-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.post-card:hover .post-card__media img{transform:scale(1.04)}.post-card__body{display:flex;flex-direction:column;gap:14px;padding:26px;flex:1}.post-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:6px 14px;font-size:12px;color:var(--text-3)}.post-card__tag{font-family:var(--mono);font-size:10px;color:var(--accent);text-transform:uppercase}.post-card h3{font-weight:600;font-size:21px;line-height:1.3}.post-card__excerpt{font-size:14px;line-height:1.65;color:var(--text-2)}.post-card__more{margin-top:auto;font-size:13px;font-weight:500;color:var(--accent)}.post-card--featured{display:grid;grid-template-columns:1.15fr 1fr}.post-card--featured .post-card__media{height:100%;min-height:360px}.post-card--featured .post-card__body{justify-content:center;padding:48px;gap:18px}.post-card--featured h3{font-size:32px;line-height:1.2}.post-card--featured .post-card__excerpt{font-size:16px}.post-card--featured .post-card__more{margin-top:8px}.article__layout{display:grid;grid-template-columns:64px minmax(0,1fr) 280px;gap:48px;align-items:start}.article__head{display:flex;flex-direction:column;gap:18px;max-width:820px;margin:0 0 40px 112px}.article__head .back-link{margin-bottom:0;align-self:flex-start}.article__head h1{font-weight:600;font-size:48px;line-height:1.1}.article__draft{padding:10px 14px;border-radius:8px;background:#e5687a1f;color:#f19aa6;font-size:13px}.article__tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}.article__tags--end{margin-top:40px;padding-top:24px;border-top:1px solid var(--border)}.article__tags-label{margin-right:6px;font-size:13px;color:var(--text-3);border:0!important;padding:0!important}.article__author{display:flex;align-items:center;gap:12px}.article__avatar{display:flex;align-items:center;justify-content:center;width:44px;height:44px;flex-shrink:0;border-radius:50%;background:var(--icon-bg);border:1px solid var(--border)}.article__author-name{font-weight:600;font-size:15px}.article__meta{display:flex;flex-wrap:wrap;gap:4px 14px;font-size:13px;color:var(--text-3)}.article__main{min-width:0;max-width:820px}.article__cover{height:440px;margin-bottom:48px;border-radius:20px;overflow:hidden;border:1px solid var(--border)}.article__cover img{width:100%;height:100%;object-fit:cover}.article__body{max-width:none}.article__body h2{scroll-margin-top:calc(var(--nav-h) + 16px)}.article__share,.article__sidebar{position:sticky;top:calc(var(--nav-h) + 16px)}.article__sidebar{display:flex;flex-direction:column;gap:16px}.share{display:flex;flex-direction:column;align-items:center;gap:10px}.share__label{margin-bottom:4px;font-family:var(--mono);font-size:10px;color:var(--text-3);text-transform:uppercase}.share__btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;cursor:pointer;border-radius:50%;background:var(--bg-alt);border:1px solid var(--border);color:var(--text-2);transition:color .2s,border-color .2s,background-color .2s}.share__btn:hover,.share__btn.is-done{color:var(--accent);border-color:var(--accent)}.side-box{padding:22px;background:var(--bg-alt);border:1px solid var(--border);border-radius:16px}.side-box__label{margin-bottom:14px;font-family:var(--mono);font-size:10px;letter-spacing:.04em;color:var(--accent)}.toc ul{display:flex;flex-direction:column;gap:2px;max-height:50vh;overflow-y:auto}.toc a{display:block;padding:6px 10px;border-left:2px solid var(--border);font-size:13px;line-height:1.45;color:var(--text-2);transition:color .2s,border-color .2s}.toc a:hover{color:var(--text)}.toc a.is-active{color:var(--accent);border-left-color:var(--accent)}.help-card{display:flex;flex-direction:column;gap:16px}.help-card__brand{display:flex;align-items:center;gap:8px;font-weight:700;font-size:16px}.help-card h3{margin-bottom:6px;font-weight:600;font-size:17px}.help-card p{font-size:13px;line-height:1.6;color:var(--text-2)}.help-card__actions{display:flex;gap:8px}.help-card__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;min-width:40px;padding:0 12px;border-radius:8px;border:1px solid var(--border);color:var(--text-2);font-size:13px;font-weight:600;transition:all .2s}.help-card__btn:hover{color:var(--text);border-color:var(--text-3)}.help-card__btn--primary{flex:1;background:var(--primary);border-color:var(--primary);color:var(--text)}.help-card__btn--primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.prose pre{position:relative}.copy-btn{position:absolute;top:10px;right:10px;padding:4px 10px;cursor:pointer;border-radius:6px;border:1px solid var(--border);background:var(--bg-alt);font-family:var(--mono);font-size:11px;color:var(--text-2);opacity:.8;transition:opacity .2s,color .2s}.copy-btn:hover{opacity:1;color:var(--accent)}.support-box{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:48px;padding:36px;border-radius:20px;border:1px solid var(--border);background:linear-gradient(135deg,#12263a 0%,var(--bg-alt) 60%)}.support-box .side-box__label{margin-bottom:10px}.support-box h2{margin-bottom:8px;font-weight:600;font-size:28px}.support-box p:not(.side-box__label){font-size:15px;color:var(--text-2)}.support-box .btn{flex-shrink:0}.comments{margin-top:56px}.comments h2{margin-bottom:20px;font-weight:600;font-size:28px}.comments__gate{display:flex;flex-direction:column;align-items:center;gap:14px;padding:32px 24px;border-radius:16px;border:1px dashed var(--border);text-align:center}.comments__gate p{max-width:460px;font-size:13px;line-height:1.6;color:var(--text-3)}.comments__gate a{color:var(--accent)}.comments__thread{padding:24px;border-radius:16px;background:var(--bg-alt);border:1px solid var(--border)}.comments__off{padding:28px;border-radius:16px;border:1px dashed var(--border);font-size:14px;color:var(--text-3);text-align:center}.prose h3{margin:28px 0 10px;font-weight:600;font-size:18px}.prose p+p{margin-top:16px}.prose ul,.prose ol{margin:14px 0;padding-left:22px;color:var(--text-2);font-size:16px;line-height:1.75}.prose ul{list-style:disc}.prose ol{list-style:decimal}.prose li+li{margin-top:6px}.prose li::marker{color:var(--accent)}.prose strong{color:var(--text);font-weight:600}.prose code{padding:2px 6px;border-radius:4px;background:var(--bg-deep);font-family:var(--mono);font-size:.88em;color:var(--accent)}.prose pre{margin:20px 0;padding:18px 20px;overflow-x:auto;border-radius:10px;background:var(--bg-deep);border:1px solid var(--border)}.prose pre code{padding:0;background:none;font-size:13px;line-height:1.6;color:var(--text-2)}.prose blockquote{margin:24px 0;padding:4px 0 4px 20px;border-left:2px solid var(--accent);font-size:18px;color:var(--text)}.prose img{margin:24px 0;border-radius:14px;border:1px solid var(--border)}.prose hr{margin:32px 0}.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:64px}.footer__brand{flex:0 0 260px;display:flex;flex-direction:column;gap:18px}.footer__brand p{font-size:14px;line-height:1.7;color:var(--text-2)}.footer__columns{flex:1;display:grid;grid-template-columns:repeat(5,auto);justify-content:space-between;gap:32px}.footer__col h3{margin-bottom:20px;font-weight:600;font-size:18px;color:var(--text)}.footer__col ul{display:flex;flex-direction:column;gap:14px}.footer__col a{font-size:14px;color:var(--text-2);transition:color .2s}.footer__col a:hover{color:var(--text)}.footer__col a.is-accent{color:var(--accent)}.footer__col a.is-accent:hover{text-decoration:underline}.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__pill,.nav__cta{display:none}.nav__toggle{display:inline-flex}.nav__inner{display:flex;justify-content:space-between;border:1px solid transparent;border-radius:0;transition:height .3s ease,margin .3s ease,padding .3s ease,background-color .3s ease,border-color .3s ease,border-radius .3s ease,box-shadow .3s ease}.nav--scrolled .nav__brand-out{opacity:1;transform:none;pointer-events:auto}.nav--scrolled .nav__inner{height:60px;margin:10px 12px 0;padding:0 10px 0 18px;pointer-events:auto;background:#101925d1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid #2f4054;border-radius:999px;box-shadow:0 12px 32px #0006}.nav--scrolled .nav__toggle{border-radius:999px}.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-direction:column;gap:40px}.footer__brand{flex-basis:auto}.footer__columns{width:100%;grid-template-columns:repeat(3,1fr);row-gap:40px}.mv-grid{grid-template-columns:1fr}.posts-grid{grid-template-columns:repeat(2,1fr)}.detail__layout{grid-template-columns:1fr;gap:40px}.detail__aside{position:static}.detail__cover{height:420px}.article__layout{grid-template-columns:minmax(0,1fr);gap:32px}.article__head{margin-left:0}.article__share{position:static;order:-1}.share{flex-direction:row}.share__label{margin:0 6px 0 0}.article__main{max-width:none}.article__sidebar{position:static;display:grid;grid-template-columns:1fr 1fr;align-items:start}.toc ul{max-height:none}.cta__inner{flex-direction:column;align-items:flex-start}.cta__actions{align-items:flex-start}}@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,.cta__text h2{font-size:34px}.cta__actions{align-self:stretch}.cta__actions .btn{width:100%}.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__columns{grid-template-columns:1fr 1fr;row-gap:36px}.page{padding-top:56px}.page__header{margin-bottom:36px}.page__header h1,.detail__header h1,.article__head h1{font-size:34px}.article__sidebar{grid-template-columns:1fr}.support-box{flex-direction:column;align-items:stretch;padding:26px 22px}.support-box h2,.comments h2{font-size:24px}.posts-grid{grid-template-columns:1fr}.post-card--featured{display:flex}.post-card--featured .post-card__media{height:220px;min-height:0}.post-card--featured .post-card__body{padding:26px}.post-card--featured h3{font-size:24px}.detail__cover{height:260px;margin-bottom:40px}.article__cover{height:240px;margin-bottom:32px}.related__title{font-size:26px}.coming-soon,.mv-card{padding:28px 22px}.mv-card h2{font-size:24px}.footer__col h3{margin-bottom:16px;font-size:16px}.footer__legal{flex-direction:column;gap:16px}}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
