/* Homepage composition; shared tokens and shell live in /site.css. */
*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;scroll-padding-top:104px;-webkit-text-size-adjust:100%}
body{background:var(--bg);color:var(--t1);font:16px/1.65 Inter,system-ui,sans-serif}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block;height:auto}
h1,h2,h3,.case-statement{font-family:Manrope,system-ui,sans-serif;font-weight:500;letter-spacing:-.055em;line-height:1.08}
h2{font-size:clamp(40px,5.2vw,72px)}
h3{font-size:28px}
p{max-width:65ch}
.section{padding-block:112px;position:relative}
.accent{color:var(--green)}
.anchor{position:absolute;top:0;scroll-margin-top:104px}
.status-dot{width:7px;height:7px;display:inline-block;background:var(--green);border-radius:50%;flex-shrink:0}
#hero{padding-top:32px;position:relative;overflow:hidden}
.hero-topline{display:flex;justify-content:space-between;gap:24px;align-items:center}
.studio-location{font-size:12px;color:var(--t2)}
.hero-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:40px 0 48px}
.hero-in{position:relative;z-index:1}
h1{font-size:clamp(64px,7.55vw,112px);font-weight:600;line-height:.99;letter-spacing:-.075em}
h1>span{display:block}
.hero-sub{margin-top:28px;font-size:18px;line-height:1.65;max-width:470px;color:var(--t2)}
.hero-cta{display:flex;flex-wrap:wrap;gap:16px;margin-top:28px}
.expertise-person{margin-top:32px;display:inline-flex;align-items:center;gap:12px;min-height:48px}
.expertise-avatar{width:40px;height:40px;border:1px solid #536344;border-radius:50%;display:grid;place-items:center;font:600 12px Inter,sans-serif;color:var(--green)}
.expertise-person b{font-size:14px;font-weight:600;display:block}
.expertise-person small{font-size:12px;display:block;color:var(--t2)}
.expertise-arrow{color:var(--green);margin-inline-start:16px}
.hero-expertise{font-size:12px;color:var(--t2);margin-top:8px}
.hero-art{min-width:0;position:relative;margin:0}
.art-coordinates{display:flex;justify-content:space-between;color:var(--t2);font:12px 'JetBrains Mono',monospace;position:absolute;inset:0 0 auto}
.hero-object{transition:transform .5s cubic-bezier(.2,.75,.25,1);transform-style:preserve-3d}
.hero-float{animation:none;transform:translateZ(0)}
.hero-object img{width:100%;aspect-ratio:1;object-fit:contain;mix-blend-mode:lighten}
.hero-art figcaption{display:flex;justify-content:space-between;gap:16px;font-size:12px;color:var(--t2);margin-top:-4px}
.hero-art figcaption>span:first-child{font:12px 'JetBrains Mono',monospace}
.hero-bottom{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-block:24px;border-top:1px solid var(--bdr);border-bottom:1px solid var(--bdr)}
.explore-link{display:flex;gap:24px;align-items:center;font-size:14px}
.explore-link>span:last-child{font-size:20px;color:var(--green)}
.section-head{display:grid;grid-template-columns:1.15fr 1fr;gap:64px;align-items:end;margin-bottom:56px}
.section-intro{font-size:18px;color:var(--t2);max-width:440px;justify-self:end}
.section-intro p{margin-bottom:24px}
.text-link{display:inline-flex;align-items:center;gap:20px;min-height:44px;padding:8px 0;border:0;background:transparent;font-size:16px;font-weight:500;line-height:1.5;text-align:start}
.text-link>span:last-child{color:var(--green);font-size:20px}
.text-link:hover>span:first-child{text-decoration:underline;text-underline-offset:5px}
.work{display:grid;gap:32px}
.case{border:1px solid var(--bdr);border-radius:var(--radius);display:grid;grid-template-columns:1fr 1.13fr;overflow:hidden;background:var(--bg2)}
.case-copy{padding:40px;min-width:0}
.case-top{display:flex;gap:20px;align-items:center;margin-bottom:32px}
.case-number{font:12px 'JetBrains Mono',monospace;color:var(--green);padding:8px 10px;border:1px solid var(--bdr);border-radius:50px}
.case-name{font-size:44px;letter-spacing:-.055em;margin-bottom:16px}
.case-name>span{display:block;font-size:18px;letter-spacing:-.01em;color:var(--t2);margin-top:8px}
.case-statement{font-size:24px;letter-spacing:-.035em;line-height:1.3;color:var(--t2)}
.case-facts{margin-block:32px}
.case-facts>div+div{margin-top:20px}
.case-facts dt{font:12px/1.5 'JetBrains Mono',monospace;color:var(--t2);letter-spacing:.02em;margin-bottom:8px}
.case-facts dd{font-size:16px;line-height:1.65;max-width:45ch}
.case-visual{min-width:0;margin:16px 16px 16px 0;padding:32px;display:flex;flex-direction:column;justify-content:space-between;gap:24px;position:relative;border-radius:16px;transition:transform .5s cubic-bezier(.2,.75,.25,1)}
.axis-visual{background:radial-gradient(ellipse at 50% 48%,#304027aa,transparent 65%),linear-gradient(#29352855 1px,transparent 1px),linear-gradient(90deg,#29352855 1px,transparent 1px),#172017;background-size:auto,32px 32px,32px 32px,auto;border:1px solid #3a4a33}
.diagram-top{display:flex;justify-content:space-between;gap:12px;color:#cbd5c5}
.diagram-mark{font-size:24px;color:var(--green);line-height:1}
.axis-diagram{padding-block:32px}
.channels{display:flex;gap:8px;justify-content:center}
.channels span{font-size:12px;border:1px solid #46593e;padding:10px 12px;border-radius:50px;background:#1a2519}
.diagram-stem{height:48px;width:1px;background:#718568;margin:auto}
.axis-hub{width:160px;height:160px;border-radius:50%;border:1px solid #7a9168;margin:auto;background:#1d291b;box-shadow:0 0 0 12px #c2fa7006,0 0 0 24px #c2fa7003;display:flex;align-items:center;justify-content:center;flex-direction:column}
.axis-hub>span{font:12px 'JetBrains Mono',monospace;color:#b4caa6}
.axis-hub>b{font:500 36px Manrope,sans-serif;letter-spacing:-.04em;color:var(--green)}
.diagram-outputs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.diagram-outputs>div{border:1px solid #46593e;border-radius:12px;padding:16px 10px;background:#1a2519;min-width:0}
.diagram-outputs span{font:12px 'JetBrains Mono',monospace;color:#a6bba0;display:block;margin-bottom:8px}
.diagram-outputs b{font-size:12px;font-weight:500;line-height:1.5;display:block}
.case-visual figcaption{display:flex;justify-content:space-between;gap:8px;font:12px/1.5 'JetBrains Mono',monospace;letter-spacing:.015em;color:#cbd5c5}
.cad-visual{background:radial-gradient(ellipse at 50% 20%,#4a3a6677,transparent 80%),#1b1b24;border:1px solid #454052;justify-content:flex-start}
.cad-visual .diagram-top{margin-bottom:auto}
.cad-screen{border:1px solid #5c546c;border-radius:10px;overflow:hidden;box-shadow:0 24px 56px #0007;transform:perspective(1400px) rotateY(-5deg) rotateX(3deg);transition:transform .5s}
.cad-screen img{width:100%;aspect-ratio:2732/1700}
.cad-workflow{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:14px;padding:24px 0;color:#dbd7e5;border-bottom:1px solid #403c49}
.cad-workflow>span:nth-child(even){color:#a9a0b7}
.cad-visual figcaption{color:#c8c1d2;margin-top:auto}
.work-more{display:flex;justify-content:space-between;align-items:center;gap:24px;padding-top:32px}
.light-section{background:var(--paper);color:var(--ink)}
.light-section :focus-visible,.contact-section :focus-visible{outline-color:var(--ink)}
.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}
.capability{min-width:0;border-top:1px solid #b7c0b0;padding-top:32px}
.capability-index{font:12px 'JetBrains Mono',monospace;color:#576151;display:block;margin-bottom:40px}
.capability h3{font-size:28px;letter-spacing:-.045em;line-height:1.2;margin-bottom:24px}
.capability>p{font-size:16px;color:#4d584c;line-height:1.7;margin-bottom:32px;min-height:108px}
details{border-top:1px solid #b7c0b0}
summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;min-height:56px;font-size:14px;font-weight:500}
summary::-webkit-details-marker{display:none}
summary>span:last-child{font-size:24px;font-weight:400;flex-shrink:0}
details[open]>summary>span:last-child{transform:rotate(45deg)}
.capability ul{list-style:none;padding:8px 0}
.capability li a{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;font-size:14px;line-height:1.5}
.capability li a:hover{text-decoration:underline;text-underline-offset:4px}
.sector-row{margin-top:64px;padding-top:32px;border-top:1px solid #b7c0b0;display:grid;grid-template-columns:1fr 1fr;gap:16px 40px;align-items:center}
.sector-row>p{font-size:18px}
.sector-row>.text-link{justify-self:end}
.light-section .text-link>span:last-child{color:var(--ink)}
.sector-details{grid-column:1/-1;margin-top:16px}
.sector-links{display:flex;flex-wrap:wrap;gap:16px 32px;padding-bottom:16px}
.sector-links .text-link{font-size:14px}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}
.body-large{font-size:18px;color:var(--t2);margin-top:32px}
.demo-note{font-size:16px;color:var(--t2);padding-top:32px;margin-top:32px;border-top:1px solid var(--bdr)}
.demo-copy>.text-link{margin-top:16px}
.chat-card{border:1px solid var(--bdr);border-radius:var(--radius);background:var(--bg2);overflow:hidden;min-width:0}
.chat-top{display:flex;align-items:center;gap:12px;padding:24px;border-bottom:1px solid var(--bdr)}
#chat-msgs{height:300px;overflow-y:auto;padding:24px;display:flex;flex-direction:column;gap:16px;overscroll-behavior:contain}
.msg{font-size:16px;line-height:1.65;padding:16px;border-radius:16px;max-width:96%;overflow-wrap:anywhere;flex-shrink:0}
.msg.bot{background:#20291f;border:1px solid #364331;align-self:flex-start}
.msg.me{background:#2e3b26;border:1px solid #4c6040;align-self:flex-end}
.msg a{color:var(--green);text-decoration:underline;text-underline-offset:4px}
.msg.pending{color:var(--t2)}
#chat-chips{display:flex;flex-wrap:wrap;gap:8px;padding:0 24px 16px}
.chip-q{background:none;border:1px solid var(--bdr);border-radius:50px;padding:10px 12px;min-height:44px;font-size:12px;line-height:1.4;text-align:start}
.chip-q:hover{border-color:var(--green)}
#chat-form{padding:16px 24px 24px}
.chat-input-row{display:flex;gap:8px;border:1px solid #59624f;padding:6px;border-radius:50px;background:#0b0d0c}
.chat-input-row:focus-within{border-color:var(--green)}
#chat-in{width:100%;border:0;background:transparent;color:var(--t1);padding:8px 12px;font-size:16px;min-height:44px}
#chat-in::placeholder{color:#a4aca0}
#chat-in:focus-visible{outline-offset:0;border-radius:50px}
.chat-send{border:0;background:var(--green);color:var(--ink);padding:12px 16px;border-radius:50px;display:flex;align-items:center;gap:16px;font-size:14px;font-weight:600;min-height:44px}
.chat-send:disabled,.chip-q:disabled{opacity:.55;cursor:wait}
.nojs-note{padding:0 24px 24px;color:var(--t2);font-size:16px}
.process-section{background:var(--bg2);border-top:1px solid var(--bdr)}
.process-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.founder-card{padding:40px;border:1px solid var(--bdr);border-radius:var(--radius);align-self:start;background:var(--bg)}
.founder-monogram{width:112px;height:112px;background:var(--green);color:var(--ink);font:500 42px Manrope,sans-serif;letter-spacing:-.09em;display:flex;align-items:end;justify-content:space-between;padding:16px;border-radius:50%;margin-bottom:32px}
.founder-monogram>span{font:24px Inter,sans-serif;align-self:start}
.founder-card h3{font-size:32px;letter-spacing:-.035em}
.founder-role{font-size:14px;color:var(--t2);margin-top:8px}
.founder-card>p:not(.founder-role){font-size:16px;color:var(--t2);margin-top:24px}
.founder-card>.text-link{margin-top:24px}
.steps{list-style:none}
.steps li{display:flex;gap:24px;border-top:1px solid var(--bdr);padding:24px 0}
.step-index{font:12px/1.5 'JetBrains Mono',monospace;color:var(--green);padding-top:4px;flex-shrink:0}
.steps h3{font-size:22px;letter-spacing:-.025em;line-height:1.3}
.steps p{font-size:16px;color:var(--t2);margin-top:12px}
.faq{margin-top:64px;display:grid;grid-template-columns:1fr 1fr;gap:32px}
.faq details{border-color:var(--bdr)}
.faq summary{font-size:16px;min-height:72px}
.faq details>p{font-size:16px;color:var(--t2);padding-bottom:24px}
.contact-section{background:var(--green);color:var(--ink)}
.contact-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:80px;align-items:end}
.contact-section h2{font-size:clamp(40px,5.2vw,72px);font-weight:500}
.contact-intro{font-size:18px;line-height:1.7;max-width:440px;margin-top:32px}
.contact-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:32px}
.btn-dark{background:var(--ink);color:var(--green)}
.btn-dark:hover{background:#263626}
.contact-section .text-link>span:last-child{color:var(--ink)}
.contact-commercial{border-top:1px solid #758e56;margin-top:40px;padding-top:24px;font-size:14px}
.contact-details{border-inline-start:1px solid #8ca763;padding-inline-start:48px}
.contact-star{display:block;font:100px/1 Manrope,sans-serif;margin-bottom:48px}
.contact-details>div+div{margin-top:24px}
.contact-details a{font-size:clamp(16px,1.8vw,24px);letter-spacing:-.025em;overflow-wrap:anywhere}
.contact-details>p{font-size:14px;margin-top:32px}
@keyframes studio-float{0%,100%{transform:translate3d(0,0,0) rotate(-1deg)}
50%{transform:translate3d(0,-10px,0) rotate(1deg)}
}
.motion-ready .hero-float{animation:studio-float 8s ease-in-out infinite;animation-play-state:paused}
.motion-live .hero-float{animation-play-state:running}
@media(min-width:1600px){.hero-layout{grid-template-columns:1.1fr 1fr;padding-block:48px}
.hero-object{margin:0 -24px}}
@media(max-width:1080px){.hero-layout{gap:16px}
h1{font-size:clamp(60px,8vw,88px)}
.hero-sub{font-size:16px}
.hero-cta{gap:8px}
.section{padding-block:88px}
.case-copy{padding:32px}
.case-visual{padding:24px}
.section-head,.demo-grid,.process-grid,.contact-grid{gap:40px}
.case-name{font-size:36px}
.case-statement{font-size:22px}
.capabilities{gap:24px}
.capability h3{font-size:24px}
.capability>p{min-height:136px}
.diagram-outputs{grid-template-columns:1fr}
.diagram-outputs>div{display:flex;align-items:center;gap:12px;padding:12px}
.diagram-outputs span{margin:0}
.axis-diagram{padding-block:16px}
.diagram-stem{height:32px}
.axis-hub{width:128px;height:128px}
.contact-details{padding-inline-start:32px}
.contact-actions{align-items:start;flex-direction:column}}
@media(max-width:760px){.section{padding-block:64px}
#hero{padding-top:24px}
.studio-location{font-size:12px}
.hero-layout{grid-template-columns:1fr;gap:0;padding:32px 0 24px}
h1{font-size:clamp(54px,11.7vw,84px);line-height:1.02;letter-spacing:-.065em}
.hero-sub{margin-top:24px;font-size:16px;max-width:34ch}
.hero-cta{margin-top:24px;gap:8px}
.expertise-person{margin-top:24px}
.hero-expertise{margin-top:8px}
.hero-art{width:100%;max-width:340px;justify-self:center;margin-top:24px}
.art-coordinates{display:none}
.hero-object{height:208px;overflow:hidden}
.hero-object img{height:264px;width:264px;margin-inline:auto;margin-top:-28px}
.hero-art figcaption{font-size:12px}
.hero-art figcaption>span:first-child{font-size:12px}
.hero-bottom{padding-block:16px}
.hero-bottom .explore-link{display:none}
.section-head{grid-template-columns:1fr;gap:24px;margin-bottom:32px}
.section-intro{justify-self:start;max-width:100%;font-size:16px}
.section-intro p{margin-bottom:12px}
h2{font-size:clamp(36px,8vw,52px);letter-spacing:-.045em}
.case{grid-template-columns:1fr;border-radius:20px}
.case-copy{padding:24px}
.case-top{margin-bottom:24px;gap:16px}
.case-name{font-size:36px}
.case-statement{font-size:22px}
.case-facts{margin-block:24px}
.case-facts>div+div{margin-top:16px}
.case-visual{margin:0 12px 12px;padding:20px;min-height:380px}
.axis-diagram{padding-block:16px}
.channels span{font-size:12px;padding:8px 10px}
.diagram-stem{height:24px}
.diagram-outputs{grid-template-columns:repeat(3,1fr);gap:6px}
.diagram-outputs>div{display:block;padding:12px 8px}
.diagram-outputs span{margin-bottom:8px}
.diagram-outputs b{font-size:12px}
.case-visual figcaption{font-size:12px}
.cad-visual{min-height:320px}
.cad-workflow{padding:16px 0;font-size:12px}
.work-more{padding-top:24px;gap:12px}
.capabilities{grid-template-columns:1fr;gap:40px}
.capability{padding-top:24px}
.capability-index{margin-bottom:24px}
.capability h3{font-size:28px}
.capability>p{min-height:0;margin-bottom:24px}
.sector-row{grid-template-columns:1fr;gap:8px;margin-top:40px;padding-top:24px}
.sector-row>.text-link{justify-self:start}
.sector-row>p{font-size:16px}
.sector-links{display:grid;gap:8px}
.sector-details{margin-top:16px}
.demo-grid,.process-grid,.contact-grid{grid-template-columns:1fr;gap:32px}
.body-large{font-size:16px;margin-top:24px}
.demo-note{font-size:16px;padding-top:24px;margin-top:24px}
.chat-top{padding:20px}
#chat-msgs{height:280px;padding:16px}
.msg{padding:12px}
#chat-chips{padding:0 16px 12px}
.chip-q{font-size:12px}
#chat-form{padding:12px 16px 16px}
.chat-input-row{border-radius:16px}
#chat-in{padding-inline:8px}
.chat-send{padding:12px;border-radius:12px;font-size:12px;gap:8px}
.chat-send>span:last-child{display:none}
.founder-card{padding:24px;border-radius:20px}
.founder-monogram{width:88px;height:88px;font-size:32px;margin-bottom:24px}
.founder-card h3{font-size:28px}
.steps li{gap:16px;padding:24px 0}
.steps h3{font-size:20px}
.faq{grid-template-columns:1fr;margin-top:32px;gap:0}
.faq summary{font-size:14px;min-height:64px}
.contact-section h2{font-size:clamp(36px,8vw,52px)}
.contact-intro{font-size:16px;margin-top:24px}
.contact-actions{margin-top:24px;gap:16px}
.contact-commercial{margin-top:32px;padding-top:20px}
.contact-details{border-inline-start:0;padding-inline-start:0;border-top:1px solid #8ca763;padding-top:24px}
.contact-star{display:none}
.contact-details a{font-size:22px}
.contact-details>p{font-size:12px;margin-top:24px}
.fsa-fab{max-width:calc(100vw - 32px)}}
@media(max-width:360px){.studio-location{display:none}
.hero-cta{flex-direction:column;align-items:start}
.hero-art{margin-top:20px}
.hero-object{height:160px}
.hero-object img{height:220px;width:220px;margin-top:-30px}
.case-copy{padding:20px}
.case-visual{padding:16px}
.channels{gap:4px}
.channels span{padding:8px;font-size:12px}
.diagram-outputs b{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}
*,*::before,*::after{animation:none!important;transition:none!important}
.cad-screen{transform:none}}
html[data-motion="off"] .hero-float{animation:none}
html[data-motion="off"] .cad-screen{transform:none}
html[dir="rtl"] .axis-diagram,html[dir="rtl"] .cad-workflow{direction:ltr}
html[dir="rtl"] .axis-diagram b{direction:rtl}
html[dir="rtl"] h1,html[dir="rtl"] h2,html[dir="rtl"] h3{letter-spacing:0;line-height:1.25}
html[dir="rtl"] h1{font-size:clamp(54px,7.2vw,100px)}
.diagram-outputs b{overflow-wrap:anywhere}
.hero-in{min-width:0}
.expertise-person{max-width:100%}
.expertise-avatar,.expertise-arrow{flex-shrink:0}
.expertise-person>span:nth-child(2){min-width:0}
h1{overflow-wrap:anywhere}
@media(max-width:760px){html[lang="ru"] h1{font-size:clamp(44px,11.7vw,84px)}}
.text-link,summary,.diagram-outputs b{font-weight:400}
.live-section{border-top:1px solid var(--bdr)}
.live-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.live-card{display:flex;flex-direction:column;gap:14px;min-width:0;background:var(--card);border:1px solid var(--bdr);border-radius:var(--radius);padding:28px}
.live-top{display:flex;align-items:center;gap:10px;color:var(--t2)}
.live-top .status-dot{animation:live-pulse 2s ease-in-out infinite}
.live-card h3{font-size:26px}
.live-card p{color:var(--t2);font-size:15px;flex:1}
.live-metric{display:flex;flex-direction:column;border-top:1px solid var(--bdr);padding-top:16px}
.live-metric b{font:500 44px/1 Manrope,system-ui,sans-serif;letter-spacing:-.04em;color:var(--green)}
.live-metric span{font-size:13px;color:var(--t2);margin-top:6px}
.live-note{margin-top:28px;color:var(--t2);max-width:none}
@keyframes live-pulse{0%,100%{opacity:1}50%{opacity:.35}}
@media(max-width:1080px){.live-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.live-grid{grid-template-columns:1fr}
.live-card{padding:24px}}
@media(prefers-reduced-motion:reduce){.live-top .status-dot{animation:none}}