@font-face{
font-family:Geist;
src:url('/assets/fonts/Geist-Variable.woff2') format('woff2');
font-weight:100 900;
font-style:normal;
font-display:swap
}
@font-face{
font-family:'Geist Mono';
src:url('/assets/fonts/GeistMono-Variable.woff2') format('woff2');
font-weight:100 900;
font-style:normal;
font-display:swap
}
*{
box-sizing:border-box
}
html{
scroll-behavior:smooth;
scroll-padding-top:110px
}
body{
margin:0;
background:#f6f5f1;
color:#151a20;
font-family:Geist,Arial,Helvetica,sans-serif;
-webkit-font-smoothing:antialiased;
font-size:17px;
line-height:1.65
}
::selection{
background:#dce8ff
}
a{
color:inherit;
text-decoration:none
}
button,input,textarea,select{
font:inherit
}
button,a,input,textarea,select{
-webkit-tap-highlight-color:transparent
}
button{
cursor:pointer
}
button:disabled{
cursor:wait;
opacity:.65
}
a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{
outline:3px solid #276bff;
outline-offset:5px
}
h1,h2,h3,p{
margin:0
}
h1,h2,h3{
font-weight:500;
letter-spacing:-.045em
}
h1{
font-size:clamp(48px,5.65vw,86px);
line-height:1.02
}
h2{
font-size:clamp(34px,3.6vw,54px);
line-height:1.12
}
h3{
font-size:27px;
line-height:1.2
}
p{
color:#596470
}
svg{
display:block
}
button{
border:0
}
strong{
font-weight:500
}
.container{
width:calc(100% - 112px);
max-width:1328px;
margin-inline:auto
}
.mono,.eyebrow,.section-label,.art-meta,.art-foot{
font-family:'Geist Mono','Courier New',monospace;
font-size:11px;
font-weight:400;
letter-spacing:.075em;
text-transform:uppercase
}
.small{
font-size:12px
}
.skip{
position:fixed;
top:-100px;
left:20px;
background:#151a20;
color:white;
padding:12px 20px;
z-index:99
}
.skip:focus{
top:10px
}
.site-header{
height:96px;
position:sticky;
top:0;
background:rgba(246,245,241,.96);
backdrop-filter:blur(14px);
z-index:20;
border-bottom:1px solid #d8ddd9
}
.header-inner{
height:100%;
display:flex;
align-items:center;
justify-content:space-between;
gap:24px
}
.wordmark{
font-size:22px;
font-weight:700;
letter-spacing:-.045em;
display:inline-flex;
align-items:center;
gap:10px;
line-height:1
}
.brand-mark{
display:grid;
gap:3px;
width:20px;
transform:skewY(-18deg)
}
.brand-mark i{
height:3px;
background:#151a20;
display:block
}
.brand-mark i:nth-child(2){
width:14px;
background:#276bff
}
.wordmark-dot{
font:10px monospace;
align-self:flex-start;
margin:0 0 0 -5px
}
.desktop-nav{
display:flex;
gap:30px;
margin-left:auto;
margin-right:36px
}
.desktop-nav a{
font-size:13px;
color:#4b545e;
position:relative
}
.desktop-nav a:hover,.desktop-nav a[aria-current]{
color:#151a20
}
.desktop-nav a[aria-current]:after{
content:'';
position:absolute;
bottom:-10px;
left:0;
right:0;
height:2px;
background:#276bff
}
.header-actions{
display:flex;
align-items:center;
gap:27px
}
.language{
display:flex;
gap:7px;
font:11px 'Courier New',monospace;
color:#747d87;
min-height:44px;
align-items:center
}
.language .selected{
color:#151a20
}
.header-cta{
border:1px solid #c4c9c6;
border-radius:4px;
padding:10px 16px;
font-size:12px;
white-space:nowrap;
display:flex;
gap:20px;
align-items:center;
transition:background .18s
}
.header-cta:hover{
background:#eae9e3
}
.menu-toggle,.mobile-menu{
display:none
}
.home-hero{
padding-top:37px
}
.hero-top{
display:flex;
justify-content:space-between;
gap:24px
}
.eyebrow{
font-size:12px;
color:#47535f;
letter-spacing:.085em
}
.eyebrow:before{
content:'';
width:6px;
height:6px;
background:#276bff;
display:inline-block;
margin-right:9px;
vertical-align:2px
}
.hero-grid{
display:grid;
grid-template-columns:1.15fr 1fr;
gap:48px;
align-items:center;
padding:55px 0 49px
}
.hero-copy h1{
font-size:clamp(50px,5.65vw,83px);
letter-spacing:-.06em;
line-height:1.04
}
.hero-copy p{
max-width:550px;
font-size:16px;
line-height:1.8;
margin-top:28px
}
.actions{
display:flex;
align-items:center;
gap:20px;
flex-wrap:wrap;
margin-top:31px
}
.button{
display:inline-flex;
align-items:center;
justify-content:space-between;
gap:27px;
border-radius:4px;
min-height:49px;
padding:12px 19px;
font-size:12px;
line-height:1.4;
transition:background .18s,transform .18s;
text-align:left
}
.button:hover{
transform:translateY(-2px)
}
.button.primary{
background:#276bff;
color:#fff
}
.button.primary:hover{
background:#185be7
}
.button.secondary{
border:1px solid #c6ccc7;
background:transparent
}
.button.secondary:hover{
background:#ecece5
}
.button.text-button{
padding-inline:0;
border-bottom:1px solid #aeb5b5;
border-radius:0;
min-height:43px;
font-size:12px
}
.signal-art{
background:#0b1016;
color:#eaf2f8;
border:1px solid #26313c;
position:relative;
border-radius:5px;
overflow:hidden;
min-width:0;
box-shadow:0 18px 45px #121c260a
}
.signal-art:after{
content:'';
pointer-events:none;
position:absolute;
inset:0;
background:repeating-linear-gradient(0deg,transparent,transparent 3px,#ffffff01 4px)
}
.art-meta,.art-foot{
display:flex;
align-items:center;
justify-content:space-between;
gap:10px;
color:#a9bbce;
padding:22px 24px;
font-size:12px;
letter-spacing:.1em
}
.art-meta i{
display:inline-block;
width:5px;
height:5px;
border-radius:50%;
background:#91b7ff;
margin-right:8px
}
.art-meta{
border-bottom:1px solid #ffffff0b
}
.art-foot{
border-top:1px solid #ffffff0b;
font-size:12px;
padding-block:17px
}
.signal-art svg{
width:100%;
margin:-15px 0 -20px
}
.signal-path{
stroke-dasharray:650;
stroke-dashoffset:650;
animation:signal-in 1.3s ease-out forwards;
animation-delay:var(--d)
}
@keyframes signal-in{
to{
stroke-dashoffset:0
}

}
.hero-bottom{
display:flex;
justify-content:space-between;
align-items:center;
border-top:1px solid #d8ddd9;
padding:19px 0;
color:#65717a;
font-size:11px
}
.hero-bottom a{
font-size:25px;
line-height:1;
min-width:44px;
text-align:right
}
.section{
padding-top:96px;
padding-bottom:91px
}
.section-label{
display:flex;
gap:20px;
align-items:center;
color:#596470;
font-size:12px;
margin-bottom:30px
}
.section-label>span{
color:#276bff;
min-width:20px
}
.section-heading{
display:flex;
align-items:end;
justify-content:space-between;
gap:36px;
margin-bottom:40px
}
.section-heading p{
font-size:14px;
max-width:290px
}
.entrances{
display:grid;
grid-template-columns:1fr 1fr;
border:1px solid #d1d6d0;
border-radius:5px;
overflow:hidden;
margin-top:40px
}
.entrance{
padding:35px 36px 33px;
display:flex;
flex-direction:column;
transition:background .2s
}
.entrance:hover{
background:#eeeee7
}
.entrance+.entrance{
border-left:1px solid #d1d6d0
}
.entrance-top{
display:flex;
align-items:center;
gap:15px;
margin-bottom:39px
}
.entrance-top svg{
width:25px;
height:25px
}
.entrance-top>span:last-child{
margin-left:auto;
color:#596470
}
.entrance h3{
font-size:32px;
letter-spacing:-.035em;
line-height:1.2
}
.entrance p{
margin:20px 0 32px;
max-width:430px;
font-size:14px;
line-height:1.8
}
.entrance strong{
font-size:12px;
margin-top:auto;
display:flex;
gap:30px
}
.entrance strong span{
color:#276bff
}
.capabilities-home{
border-top:1px solid #d8ddd9
}
.cap-intro{
display:grid;
grid-template-columns:1fr 1fr;
gap:60px;
margin-bottom:47px
}
.cap-intro>p{
align-self:center;
max-width:460px;
font-size:16px
}
.cap-list{
border-top:1px solid #cfd4d0
}
.cap-row{
display:grid;
grid-template-columns:35px 38px 1fr 1fr 25px;
gap:20px;
align-items:center;
padding:29px 0;
border-bottom:1px solid #d8ddd9;
transition:padding .2s
}
.cap-row:hover{
padding-left:10px;
background:#f0efe9
}
.cap-row>.mono{
color:#6c7880
}
.cap-row svg{
width:24px;
height:24px
}
.cap-row h3{
font-size:19px;
letter-spacing:-.025em
}
.cap-row p{
font-size:13px;
line-height:1.7;
max-width:330px
}
.row-arrow{
justify-self:end;
color:#276bff
}
.inline-link{
display:inline-block;
font-size:12px;
margin-top:30px;
border-bottom:1px solid #aab5b8;
padding-bottom:5px
}
.dark-section{
background:#0b1016;
padding:88px 0;
color:#eaf2f8
}
.dark-section .section-label{
color:#a9bbc9
}
.dark-section .section-label>span{
color:#8ab3ff
}
.dark-section h2{
max-width:850px
}
.dark-section p{
color:#a9bbc9
}
.section-intro{
max-width:620px;
font-size:16px;
margin-top:24px
}
.system-flow{
display:flex;
gap:0;
border:1px solid #304050;
margin-top:49px;
border-radius:4px;
overflow:hidden
}
.system-flow details{
flex:1;
min-width:0;
border-right:1px solid #304050
}
.system-flow details:last-child{
border-right:0
}
.system-flow summary{
cursor:pointer;
list-style:none;
padding:24px 19px;
display:flex;
flex-direction:column;
gap:20px;
position:relative;
min-height:142px
}
.system-flow summary::-webkit-details-marker{
display:none
}
.system-flow summary .mono{
color:#7f9ab6
}
.system-flow strong{
font-size:15px;
line-height:1.4;
max-width:145px
}
.system-flow .plus{
position:absolute;
right:16px;
top:20px;
color:#7d9dc6
}
.system-flow details[open]{
background:#121c26
}
.system-flow details[open] .plus{
transform:rotate(45deg)
}
.system-flow details p{
font-size:12px;
padding:0 19px 24px
}
.example-line{
display:flex;
align-items:center;
justify-content:space-between;
gap:24px;
padding-top:24px
}
.example-line>span{
font:10px 'Courier New',monospace;
color:#91a7b9;
text-transform:uppercase
}
.example-line p{
font-size:12px
}
.method{
margin-top:43px
}
.method-tabs{
display:grid;
grid-template-columns:repeat(5,1fr);
border:1px solid #cdd4cf;
border-radius:4px;
overflow:hidden
}
.method-tabs button{
padding:22px 19px 24px;
text-align:left;
position:relative;
background:transparent;
border-right:1px solid #cdd4cf;
color:#596470;
font-size:16px
}
.method-tabs button:last-child{
border:0
}
.method-tabs button>span{
display:block;
font:10px 'Courier New',monospace;
margin-bottom:27px
}
.method-tabs button b{
position:absolute;
right:17px;
top:20px;
font-weight:400;
font-size:13px
}
.method-tabs button[aria-selected=true]{
background:#151a20;
color:#fff
}
.method-tabs button[aria-selected=true]>span{
color:#9cbeff
}
.method-panel{
display:grid;
grid-template-columns:1.2fr 1fr;
gap:70px;
padding:34px 0;
border-bottom:1px solid #d8ddd9;
min-height:143px
}
.method-panel>p{
font-size:18px;
max-width:570px
}
.method-panel>div{
border-left:1px solid #d8ddd9;
padding-left:35px;
display:flex;
flex-direction:column;
gap:10px
}
.method-panel .mono{
color:#596470;
font-size:12px
}
.method-panel strong{
font-size:16px
}
.paid-note{
max-width:740px;
color:#596470;
font-size:13px;
margin-top:25px
}
.founder-section{
padding:78px 0;
background:#eeeee8;
border-block:1px solid #d8ddd9
}
.founder-grid{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px
}
.founder-grid h2{
max-width:450px
}
.founder-grid>div>p{
font-size:17px
}
.promises{
list-style:none;
padding:0;
margin:29px 0 0;
display:flex;
flex-direction:column;
gap:12px
}
.promises li{
font-size:13px;
display:flex;
gap:16px
}
.promises span{
color:#276bff
}
.closing{
padding-top:107px;
padding-bottom:110px
}
.closing h2{
font-size:clamp(40px,4.3vw,64px);
max-width:950px
}
.closing>p{
max-width:580px;
margin-top:25px;
font-size:16px
}
.site-footer{
background:#151a20;
color:#f6f5f1;
padding:53px 0 22px
}
.footer-top{
display:grid;
grid-template-columns:1fr 1fr 1fr;
gap:40px;
padding-bottom:47px
}
.footer-top .wordmark{
font-size:22px
}
.footer-top p{
color:#abb5bd;
line-height:1.5;
font-size:14px;
margin-top:19px
}
.footer-top nav{
display:grid;
grid-template-columns:1fr 1fr;
gap:14px;
font-size:12px;
color:#c0c8cd
}
.footer-email{
font-size:13px;
justify-self:end
}
.footer-bottom{
display:flex;
justify-content:space-between;
gap:20px;
padding-top:20px;
border-top:1px solid #3b444a;
color:#a8b2ba;
font-size:12px
}
.footer-bottom .mono{
font-size:12px
}
.page-hero{
padding-top:66px;
padding-bottom:65px;
border-bottom:1px solid #d8ddd9
}
.page-hero:has(.section-label){
display:grid;
grid-template-columns:1fr 1fr;
column-gap:80px;
align-items:end
}
.page-hero .section-label{
grid-column:1 / -1
}
.page-hero h1{
max-width:1100px;
margin-top:25px;
letter-spacing:-.055em
}
.page-hero:has(.section-label) h1{
max-width:none;
margin-top:0;
min-width:0
}
.page-hero>p{
font-size:19px;
max-width:715px;
margin-top:30px
}
.page-hero:has(.section-label)>p{
max-width:none;
margin-top:0;
min-width:0
}
.collab-plate{
display:grid;
grid-template-columns:1fr 60px 1fr;
background:#0b1016;
color:#eaf2f8;
padding:39px 40px 0;
margin-top:35px;
border-radius:5px
}
.collab-plate .mono{
color:#a8bee0;
font-size:12px
}
.collab-plate h3{
margin-top:28px;
font-size:34px
}
.collab-plate p{
color:#a9bbc9;
max-width:390px;
font-size:14px;
margin:23px 0 35px
}
.collab-plus{
align-self:center;
justify-self:center;
color:#82aeff;
font-size:35px
}
.collab-result{
grid-column:1/-1;
border-top:1px solid #304050;
padding:21px 0;
font-size:15px;
display:flex;
align-items:center;
justify-content:space-between;
gap:20px
}
.collab-result span{
font:9px monospace;
text-transform:uppercase;
color:#a9bbc9
}
.model-grid{
display:grid;
grid-template-columns:repeat(4,1fr);
margin-top:35px;
gap:30px
}
.model-grid article{
border-top:1px solid #b8c2be;
padding-top:23px
}
.model-grid .mono,.three-stages .mono{
color:#276bff
}
.model-grid h3{
font-size:23px;
margin-top:28px;
letter-spacing:-.025em
}
.model-grid p{
font-size:14px;
margin-top:19px
}
.split-copy{
display:grid;
grid-template-columns:1fr 1fr;
gap:80px;
border-top:1px solid #d8ddd9
}
.split-copy .lead{
font-size:23px;
line-height:1.5;
color:#151a20
}
.split-copy p+p{
margin-top:20px
}
.split-copy .button{
margin-top:27px
}
.faq{
max-width:1000px
}
.faq h2{
margin-bottom:35px
}
.faq details{
border-bottom:1px solid #cfd5d0
}
.faq summary{
cursor:pointer;
padding:24px 0;
list-style:none;
display:flex;
justify-content:space-between;
gap:30px;
font-size:19px;
line-height:1.4
}
.faq summary::-webkit-details-marker{
display:none
}
.faq details p{
padding:0 40px 25px 0;
font-size:16px
}
.faq details[open] summary>span{
transform:rotate(45deg)
}
.cap-details{
padding-top:30px
}
.cap-detail{
display:grid;
grid-template-columns:1fr 1.4fr;
gap:70px;
border-bottom:1px solid #cdd4ce;
padding:65px 0;
scroll-margin-top:110px
}
.cap-detail-title{
position:relative;
display:grid;
grid-template-columns:30px 35px 1fr;
gap:12px;
align-content:start;
align-items:center
}
.cap-detail-title svg{
width:26px;
height:26px
}
.cap-detail-title>.mono{
color:#6b7780
}
.cap-detail h2{
grid-column:1/-1;
font-size:34px;
margin-top:20px
}
.cap-detail-body{
display:grid;
grid-template-columns:1fr 1fr;
gap:26px
}
.cap-detail-body .mono{
font-size:12px;
color:#596470
}
.cap-detail-body p{
font-size:14px;
margin-top:9px
}
.cap-detail-body .lead{
font-size:19px;
color:#151a20
}
.cap-example{
grid-column:1/-1;
border-top:1px solid #d8ddd9;
padding-top:20px
}
.three-stages{
display:grid;
grid-template-columns:repeat(3,1fr);
gap:40px;
margin-top:43px
}
.three-stages article{
border-top:1px solid #c4cec7;
padding-top:22px
}
.three-stages h3{
margin-top:25px
}
.three-stages p{
font-size:15px;
margin-top:19px
}
.dark-section.split-copy,.dark-section .split-copy{
border:0
}
.dark-section .split-copy p{
font-size:18px
}
.contact-grid{
display:grid;
grid-template-columns:1.5fr 1fr;
gap:100px;
padding-block:55px 100px
}
.contact-grid form{
min-width:0
}
.intent-selector{
display:flex;
flex-wrap:wrap;
gap:8px;
margin-bottom:34px
}
.intent-selector label{
font-size:12px;
position:relative;
margin:0
}
.intent-selector input{
position:absolute;
opacity:0;
width:1px;
height:1px
}
.intent-selector span{
display:block;
border:1px solid #bac4be;
padding:10px 13px;
border-radius:4px;
cursor:pointer
}
.intent-selector input:checked+span{
background:#151a20;
color:#fff;
border-color:#151a20
}
.intent-selector input:focus-visible+span{
outline:3px solid #276bff;
outline-offset:3px
}
form>label,.form-row>label{
display:block;
font-size:13px;
margin-top:22px
}
input:not([type=radio]):not([type=hidden]),textarea,select{
display:block;
width:100%;
padding:12px;
background:#fcfbf8;
border:1px solid #bcc6bf;
border-radius:4px;
margin-top:9px;
min-height:49px;
color:#151a20;
resize:vertical
}
input:user-invalid,textarea:user-invalid{
border-color:#a32f38
}
.form-row{
display:grid;
grid-template-columns:1fr 1fr;
gap:20px
}
.optional{
font-size:11px;
color:#68767a;
margin-left:6px
}
.field-help{
font-size:11px;
color:#596470;
margin-top:5px;
text-align:right
}
.form-note{
font-size:12px;
margin:25px 0 23px
}
.form-note a{
text-decoration:underline
}
#form-status:not(:empty){
padding:16px;
border:1px solid #a32f38;
color:#a32f38;
border-radius:4px;
margin:22px 0;
font-size:14px
}
#form-status.success{
color:#207b61;
border-color:#207b61
}
.honeypot{
position:absolute;
width:1px;
height:1px;
overflow:hidden;
clip-path:inset(50%)
}
.contact-aside{
padding-top:14px
}
.contact-aside>.mono{
color:#596470;
font-size:12px
}
.contact-aside h2{
font-size:30px;
max-width:320px;
margin:20px 0
}
.email-link{
font-size:17px;
border-bottom:1px solid #9aa7af;
padding-bottom:5px;
word-break:break-word
}
.contact-next{
padding-top:35px;
margin-top:48px;
border-top:1px solid #c9d1ca
}
.contact-next h3{
font-size:19px
}
.contact-next p{
font-size:14px;
margin-top:17px
}
.prose{
padding-block:40px 100px
}
.prose h2{
font-size:28px;
margin-top:35px;
letter-spacing:-.025em;
max-width:68ch
}
.prose p{
font-size:16px;
margin-top:20px;
max-width:68ch
}
.mobile-menu[hidden]{
display:none
}
body[data-locale=ru] .hero-copy h1{
font-size:clamp(44px,4.65vw,68px)
}
body[data-locale=ru] .hero-grid{
grid-template-columns:1.2fr 1fr
}
body[data-locale=ru] .hero-copy .actions{
gap:16px
}
body[data-locale=ru] .hero-copy .button{
font-size:11px
}
body[data-locale=ru] .desktop-nav{
gap:23px;
margin-right:15px
}
body[data-locale=ru] .header-actions{
gap:18px
}

@media(min-width:1600px){
.hero-grid{
padding-block:70px
}
.hero-copy h1{
font-size:86px
}
.signal-art{
max-width:590px
}
.hero-copy p{
font-size:18px
}

}

@media(max-width:1150px){
.container{
width:calc(100% - 72px)
}
.desktop-nav{
gap:20px;
margin-right:0
}
.header-actions{
gap:20px
}
.wordmark{
font-size:20px
}
.hero-grid{
gap:28px
}
.hero-copy h1{
font-size:60px
}
.hero-copy p{
font-size:15px
}
.hero-copy .actions{
gap:10px
}
.button{
font-size:11px;
padding:12px 15px;
gap:20px
}
.location{
display:none
}
.art-foot{
font-size:12px
}
.cap-row{
grid-template-columns:25px 30px 1fr 1fr 20px;
gap:14px
}
.contact-grid{
gap:60px
}
.system-flow summary{
padding-inline:13px
}
.system-flow details p{
padding-inline:13px
}
.model-grid{
gap:20px
}
body[data-locale=ru] .desktop-nav{
gap:16px
}
body[data-locale=ru] .header-cta{
display:none
}

}

@media(max-width:900px){
.container{
width:calc(100% - 48px)
}
.site-header{
height:77px
}
.desktop-nav{
display:none
}
.header-cta{
display:none
}
.menu-toggle{
display:flex;
width:44px;
height:44px;
background:transparent;
flex-direction:column;
justify-content:center;
align-items:center;
gap:6px
}
.menu-toggle span{
width:20px;
height:1px;
background:#151a20;
transition:transform .2s
}
.menu-toggle[aria-expanded=true] span:first-child{
transform:translateY(3.5px) rotate(45deg)
}
.menu-toggle[aria-expanded=true] span:last-child{
transform:translateY(-3.5px) rotate(-45deg)
}
.mobile-menu{
display:flex;
flex-direction:column;
background:#f6f5f1;
border-bottom:1px solid #d8ddd9;
padding:16px 24px 24px
}
.mobile-menu a{
padding:15px 0;
border-bottom:1px solid #e0e4dd
}
.hero-grid{
grid-template-columns:1fr 1fr;
gap:25px;
padding-block:45px
}
.hero-copy h1{
font-size:49px
}
.hero-copy p{
font-size:14px;
line-height:1.7;
margin-top:20px
}
.hero-copy .actions{
flex-direction:column;
align-items:start;
margin-top:22px;
gap:10px
}
.signal-art svg{
margin:8px 0
}
.art-meta{
padding:16px 14px;
font-size:12px
}
.art-foot{
padding:16px 14px
}
.art-foot span:last-child{
display:none
}
.hero-bottom{
font-size:12px
}
.section{
padding-block:70px
}
.section-heading{
align-items:start
}
.entrance{
padding:27px
}
.entrance h3{
font-size:26px
}
.entrance p{
font-size:13px
}
.entrance-top{
gap:10px
}
.entrance-top .mono{
font-size:12px
}
.cap-intro{
gap:35px
}
.cap-row{
grid-template-columns:25px 28px 1fr 22px
}
.cap-row p{
grid-column:3;
grid-row:2
}
.row-arrow{
grid-column:4;
grid-row:1/3
}
.cap-row h3{
font-size:18px
}
.dark-section{
padding-block:70px
}
.system-flow{
flex-wrap:wrap;
border:0;
gap:10px
}
.system-flow details{
flex:1 1 30%;
border:1px solid #304050!important
}
.system-flow summary{
min-height:126px
}
.method-tabs button{
font-size:13px;
padding:18px 12px
}
.method-tabs button b{
right:10px
}
.method-panel{
gap:30px
}
.method-panel>p{
font-size:16px
}
.method-panel>div{
padding-left:25px
}
.method-panel strong{
font-size:14px
}
.founder-grid{
gap:40px
}
.founder-grid>div>p{
font-size:15px
}
.footer-top{
grid-template-columns:1fr 1fr
}
.footer-email{
justify-self:start
}
.collab-plate{
padding-inline:28px
}
.collab-plate h3{
font-size:29px
}
.model-grid{
grid-template-columns:1fr 1fr;
gap:35px
}
.split-copy{
gap:40px
}
.page-hero:has(.section-label){
column-gap:40px
}
.cap-detail{
gap:35px;
grid-template-columns:1fr 1.3fr
}
.cap-detail-body{
grid-template-columns:1fr
}
.cap-example{
grid-column:auto
}
.contact-grid{
grid-template-columns:1.6fr 1fr;
gap:35px
}
.contact-aside h2{
font-size:25px
}
.email-link{
font-size:14px
}
.form-row{
grid-template-columns:1fr;
gap:0
}
body[data-locale=ru] .hero-grid{
grid-template-columns:1fr 1fr
}
body[data-locale=ru] .hero-copy h1{
font-size:43px
}

}

@media(max-width:640px){
.container{
width:calc(100% - 40px)
}
body{
font-size:16px
}
.site-header{
height:72px
}
.wordmark{
font-size:20px
}
.header-actions{
gap:13px
}
.header-inner{
gap:10px
}
.home-hero{
padding-top:27px
}
.eyebrow{
font-size:12px;
line-height:1.7;
letter-spacing:.05em
}
.hero-grid,body[data-locale=ru] .hero-grid{
grid-template-columns:1fr;
gap:30px;
padding:30px 0
}
.hero-copy h1{
font-size:clamp(43px,10.6vw,65px);
line-height:1.05;
letter-spacing:-.055em
}
.hero-copy p{
font-size:15px;
line-height:1.75;
margin-top:23px;
max-width:100%
}
.hero-copy .actions{
flex-direction:row;
align-items:center;
gap:19px;
margin-top:25px
}
.hero-copy .button{
font-size:11px;
gap:15px
}
.hero-copy .button.primary{
padding:13px
}
.signal-art{
max-width:100%;
width:100%
}
.signal-art svg{
margin:-28px 0 -35px
}
.art-meta{
padding:17px 18px;
font-size:12px
}
.art-foot{
padding:16px 18px;
font-size:12px
}
.art-foot span:last-child{
display:block;
font-size:12px
}
.hero-bottom{
font-size:12px;
line-height:1.8;
padding:16px 0;
gap:15px
}
.section{
padding-block:57px
}
.section-label{
font-size:12px;
gap:15px;
margin-bottom:24px
}
.section-heading{
display:block;
margin-bottom:30px
}
.section-heading p{
font-size:14px;
margin-top:18px;
max-width:none
}
h2{
font-size:34px;
line-height:1.14;
letter-spacing:-.045em
}
.entrances{
grid-template-columns:1fr;
margin-top:28px
}
.entrance{
padding:27px 25px
}
.entrance+.entrance{
border-left:0;
border-top:1px solid #d1d6d0
}
.entrance-top{
margin-bottom:28px
}
.entrance-top .mono{
font-size:12px
}
.entrance h3{
font-size:28px
}
.entrance p{
font-size:14px;
margin-top:18px;
margin-bottom:27px
}
.cap-intro{
grid-template-columns:1fr;
gap:23px;
margin-bottom:33px
}
.cap-intro p{
font-size:15px
}
.cap-row{
grid-template-columns:23px 27px 1fr 14px;
gap:10px;
padding:23px 0
}
.cap-row h3{
font-size:18px
}
.cap-row p{
font-size:12px
}
.cap-row svg{
width:23px;
height:23px
}
.cap-row>.mono{
font-size:12px
}
.dark-section{
padding-block:55px
}
.section-intro{
font-size:15px;
margin-top:23px
}
.system-flow{
margin-top:30px;
display:block
}
.system-flow details{
margin-bottom:10px;
border-radius:3px
}
.system-flow summary{
min-height:74px;
flex-direction:row;
align-items:center;
gap:18px;
padding:21px 18px
}
.system-flow strong{
font-size:15px;
max-width:none
}
.system-flow .plus{
top:21px
}
.system-flow details p{
padding:0 38px 20px 55px;
font-size:13px
}
.example-line{
display:block;
padding-top:17px
}
.example-line p{
font-size:12px;
line-height:1.7;
margin-top:10px
}
.method{
margin-top:29px
}
.method-tabs{
grid-template-columns:1fr;
display:flex;
flex-wrap:wrap;
border:0;
gap:7px
}
.method-tabs button{
flex:1 0 30%;
border:1px solid #cdd4cf!important;
border-radius:3px;
font-size:13px;
padding:14px 10px
}
.method-tabs button>span{
font-size:12px;
margin-bottom:15px
}
.method-tabs button b{
top:10px;
font-size:12px
}
.method-panel{
grid-template-columns:1fr;
gap:25px;
min-height:220px;
padding-block:25px
}
.method-panel>p{
font-size:17px
}
.method-panel>div{
padding-left:0;
padding-top:18px;
border-left:0;
border-top:1px solid #d8ddd9;
gap:8px
}
.method-panel strong{
font-size:15px
}
.paid-note{
font-size:12px
}
.founder-section{
padding-block:52px
}
.founder-grid{
grid-template-columns:1fr;
gap:27px
}
.founder-grid>div>p{
font-size:16px
}
.promises li{
font-size:13px
}
.closing{
padding-block:64px
}
.closing h2{
font-size:38px
}
.closing>p{
font-size:15px;
margin-top:23px
}
.closing .actions{
gap:13px
}
.closing .button{
font-size:11px;
gap:16px
}
.footer-top{
grid-template-columns:1fr;
gap:30px;
padding-bottom:30px
}
.site-footer{
padding-top:38px
}
.footer-top nav{
max-width:330px;
font-size:13px;
gap:13px
}
.footer-email{
font-size:13px
}
.footer-bottom{
font-size:12px;
gap:15px;
flex-wrap:wrap
}
.footer-bottom>.mono{
display:none
}
.page-hero{
padding-block:40px 43px
}
.page-hero:has(.section-label){
display:block
}
.page-hero h1,.page-hero:has(.section-label) h1{
font-size:clamp(42px,10.6vw,64px);
line-height:1.06;
margin-top:21px
}
.page-hero>p,.page-hero:has(.section-label)>p{
font-size:16px;
margin-top:24px
}
.collab-plate{
grid-template-columns:1fr;
padding:28px 24px 0;
margin-top:26px
}
.collab-plate h3{
font-size:29px;
margin-top:23px
}
.collab-plate p{
font-size:14px;
margin-bottom:20px
}
.collab-plus{
justify-self:start;
line-height:1;
margin:8px 0 22px;
font-size:29px
}
.collab-result{
margin-top:10px;
display:block;
font-size:14px;
line-height:1.6
}
.collab-result span{
display:block;
margin-top:12px
}
.model-grid{
grid-template-columns:1fr;
gap:30px
}
.model-grid h3{
font-size:25px;
margin-top:17px
}
.model-grid p{
margin-top:12px
}
.split-copy{
grid-template-columns:1fr;
gap:25px
}
.split-copy .lead{
font-size:21px
}
.faq summary{
font-size:17px
}
.faq details p{
font-size:15px;
padding-right:10px
}
.cap-detail{
grid-template-columns:1fr;
padding-block:45px;
gap:25px
}
.cap-detail h2{
font-size:30px;
margin-top:10px
}
.cap-detail-body{
gap:22px
}
.cap-detail-body p{
font-size:15px
}
.cap-detail-body .lead{
font-size:21px
}
.three-stages{
grid-template-columns:1fr;
gap:32px
}
.three-stages h3{
margin-top:18px;
font-size:27px
}
.three-stages p{
margin-top:14px
}
.contact-grid{
grid-template-columns:1fr;
gap:55px;
padding-block:32px 65px
}
.intent-selector{
gap:7px;
margin-bottom:25px
}
.intent-selector span{
font-size:11px;
padding:11px 10px
}
.form-row{
grid-template-columns:1fr;
gap:0
}
.contact-aside{
border-top:1px solid #c9d1ca;
padding-top:30px
}
.contact-aside h2{
font-size:29px
}
.email-link{
font-size:17px
}
.contact-next{
margin-top:30px;
padding-top:25px
}
.prose{
padding-bottom:60px
}
.prose h2{
font-size:26px
}
.prose p{
font-size:16px
}
body[data-locale=ru] .hero-copy h1{
font-size:clamp(40px,10vw,58px)
}
body[data-locale=ru] .hero-copy .actions{
flex-direction:column;
align-items:start;
gap:12px
}
body[data-locale=ru] .hero-copy .button{
font-size:12px
}
body[data-locale=ru] .section-heading h2{
font-size:32px
}
body[data-locale=ru] .closing h2{
font-size:34px
}
body[data-locale=ru] .closing .actions{
align-items:start;
flex-direction:column
}

}

@media(prefers-reduced-motion:reduce){
html{
scroll-behavior:auto
}
*,*:before,*:after{
animation:none!important;
transition:none!important
}
.signal-path{
stroke-dashoffset:0
}

}


input[aria-invalid=true],textarea[aria-invalid=true]{
border-color:#a32f38
}
.language{
font-family:'Geist Mono','Courier New',monospace
}
.signal-art svg{
width:100%;
height:auto
}
.mobile-menu[hidden]{
display:none!important
}
.hero-copy,.hero-grid,.section-heading{
min-width:0;
max-width:100%
}
.page-hero{
min-width:0
}
.hero-copy h1,.page-hero h1,.section-heading h2{
overflow-wrap:break-word
}
html,body{
max-width:100%;
overflow-x:clip
}
@media(max-width:700px){
h1 br,h2 br{
display:none
}
.art-meta,.art-foot{
flex-wrap:wrap;
row-gap:6px
}
.hero-top{
flex-direction:column;
align-items:flex-start;
gap:10px
}
.eyebrow{
letter-spacing:.04em;
line-height:1.45
}
.hero-grid,body[data-locale=ru] .hero-grid{
grid-template-columns:minmax(0,1fr)
}
.hero-copy h1,body[data-locale=ru] .hero-copy h1,.page-hero h1{
font-size:clamp(32px,8.8vw,44px)
}
.header-inner{
gap:12px
}
.wordmark{
min-width:0
}
.situation,.step-list{
grid-template-columns:1fr
}
.sample-table{
display:block;
overflow-x:auto
}
.sample-switch,.context-chip{
flex-wrap:wrap
}
}
.hero-note{margin-top:22px;max-width:46ch}
.situations{border-top:1px solid #d7ddd6}
.situation{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:28px 40px;padding:28px 0;border-bottom:1px solid #d7ddd6}
.situation h3{margin:8px 0 12px;font-size:clamp(26px,2vw,34px)}
.situation .mono{display:block;margin-top:14px}
.situation-note{margin-top:18px;max-width:62ch}
.sample-switch{display:flex;gap:8px;margin:8px 0 18px}
.sample-switch button{background:#fff;border:1px solid #c9d1ca;border-radius:999px;padding:10px 14px}
.sample-switch button[aria-pressed=true]{border-color:#151a20;color:#151a20}
.sample-sources p{margin-top:10px}
.sample-table{width:100%;border-collapse:collapse;margin:8px 0 18px}
.sample-table th,.sample-table td{text-align:left;padding:10px 8px;border-bottom:1px solid #d7ddd6;vertical-align:top}
.sample-table caption{text-align:left;margin-bottom:8px;color:#596470}
.sample[data-showing=applied] [data-sample-panel=unlinked],.sample[data-showing=unlinked] [data-sample-panel=applied]{display:none}
.step-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:28px}
.step-list article{min-width:0}
.step-list h3{margin-top:10px}
.step-list p{margin-top:8px}
.founder-name{margin-top:14px;color:#151a20;font-size:22px}
.context-chip{display:flex;gap:12px;align-items:center;margin:0 0 18px}
.context-chip[hidden]{display:none!important}
.context-chip button{background:transparent;border:0;padding:0;text-decoration:underline}
.field-hint{margin:8px 0 16px}
@media(max-width:768px){
.situation,.step-list{grid-template-columns:1fr}
.sample-table{display:block;overflow-x:auto}
.sample-switch,.context-chip{flex-wrap:wrap}
}