*{box-sizing:border-box}
 :root{--ink:#071a52;--text:#202d43;--muted:#576479;--blue:#0969f6;--cyan:#21c7df;--line:#dce3eb;--soft:#f7f9fd}
html{scroll-behavior:smooth;scroll-padding-top:2rem}
body{margin:0;background:white;color:var(--text);font:1rem/1.65 "Segoe UI",Arial,sans-serif;overflow-wrap:break-word}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer}
button[hidden]{display:none}
img{display:block;max-width:100%;height:auto}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{font-family:"Arial Narrow","Liberation Sans Narrow",Arial,sans-serif;font-weight:400;line-height:1.1;letter-spacing:-.035em}
h1{font-size:clamp(2.8rem,4.5vw,4.7rem)}
h2{font-size:clamp(2.4rem,3.7vw,3.6rem)}
h3{font-size:1.7rem;letter-spacing:-.02em}
a,button{transition:background .18s,color .18s}
a:focus-visible,button:focus-visible{outline:3px solid var(--blue);outline-offset:6px}
.skip-link{position:fixed;top:1rem;left:1rem;z-index:20;padding:.75rem 1rem;background:white;transform:translateY(-200%)}
.skip-link:focus{transform:none}
.header{max-width:1600px;margin:auto;padding:1.75rem 4%;display:flex;align-items:center;justify-content:space-between;gap:2rem}
.brand{width:195px;flex-shrink:0}
.header nav{display:flex;align-items:center;gap:2rem;font-size:.95rem}
.header nav a:hover{color:var(--blue)}
.nav-contact{border-left:1px solid var(--line);padding-left:2rem}
.nav-contact span{margin-left:1.2rem}
.menu-toggle{background:white;border:1px solid var(--line);padding:.5rem .8rem;color:var(--ink)}
.hero{position:relative;max-width:1600px;margin:0 auto;min-height:700px;padding:5.2rem 4% 6rem;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:1rem;background:#f1f4f6}
.hero-copy{position:relative;z-index:1}
.eyebrow{font-size:.85rem;letter-spacing:.04em;margin-bottom:2rem;color:var(--muted)}
.hero h1{color:#142c48;max-width:650px}
.hero-intro{max-width:420px;margin:1.6rem 0 2.2rem;font-size:1.12rem;color:var(--muted)}
.button{display:inline-flex;justify-content:space-between;align-items:center;gap:2rem;background:var(--blue);color:white;padding:.9rem 1.35rem;font-size:.96rem}
.button:hover{background:var(--ink)}
.button span{font-size:1.25rem}
.section{max-width:1440px;padding:7rem 4%;margin:auto}
.section-label{color:var(--muted);font-size:.85rem;letter-spacing:.015em}
.company{display:grid;grid-template-columns:1fr 3fr;gap:3rem}
.company-content h2{max-width:700px;color:var(--ink)}
.company-text{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-top:2.5rem;color:var(--muted)}
.directions{background:var(--soft)}
.directions-top{display:grid;grid-template-columns:1.5fr 1fr;gap:6rem;align-items:end;margin-bottom:3.5rem}
.directions-top h2{margin-top:1.3rem;color:var(--ink)}
.directions-top>p{max-width:340px;color:var(--muted)}
.direction-list article{padding:2rem 0;border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr .6fr;gap:2rem;align-items:start}
.direction-name{display:flex;align-items:center;gap:1.5rem}
.direction-sign{font:1.8rem/1 Arial;color:var(--blue);width:1.6rem;flex-shrink:0}
.direction-list p{color:var(--muted);font-size:.95rem}
.direction-tag{font-size:.72rem;color:var(--muted);text-align:right;padding-top:.35rem}
.section-note{max-width:690px;font-size:.78rem;color:var(--muted);margin-top:1.5rem}
.product{max-width:1600px;margin:auto;background:var(--ink);color:white;padding:6rem 6%;display:grid;grid-template-columns:1fr 1.1fr;gap:6rem;align-items:center}
.product .eyebrow{color:#a5bddb;display:flex;gap:1.5rem;align-items:center}
.status{border:1px solid #587197;border-radius:2rem;padding:.2rem .7rem;font-size:.7rem;letter-spacing:0}
.product h2{font-size:clamp(3.5rem,5.8vw,5.5rem)}
.product-lead{font-size:1.55rem;line-height:1.4;margin:1.5rem 0}
.product-copy>p:not(.eyebrow):not(.product-lead){color:#bdcce3;max-width:425px}
.text-link{display:inline-flex;align-items:center;gap:2rem;border-bottom:1px solid #8197bd;padding:.7rem 0;margin-top:1.5rem}
.text-link:hover{color:var(--cyan)}
.product-visual{min-width:0}
.cooperation{display:grid;grid-template-columns:1fr 3fr;gap:3rem}
.cooperation h2{color:var(--ink)}
.cooperation-intro{max-width:530px;font-size:1.2rem;color:var(--muted);margin:1.5rem 0 3rem}
.cooperation-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;margin-bottom:2.7rem}
.cooperation-options h3{font-size:1.4rem;line-height:1.3;margin-bottom:1rem}
.cooperation-options p{font-size:.9rem;color:var(--muted)}
.contacts{max-width:1440px;margin:auto;padding:4rem 4%;background:#eaf2fc;display:grid;grid-template-columns:1fr 1.6fr;gap:3rem}
.contacts h2{margin:1rem 0 1.5rem;color:var(--ink)}
.contacts>div>p:last-child{font-size:.9rem;color:var(--muted)}




footer{max-width:1440px;margin:auto;padding:2rem 4%;display:flex;gap:2rem;justify-content:space-between;color:var(--muted);font-size:.75rem}
section{scroll-margin-top:1.5rem}
section:focus{outline:none}

@media(min-width:1600px){.hero{margin-top:1rem}
.hero h1{font-size:4.7rem}
}

@media(max-width:1100px){.header nav{gap:1rem}
.nav-contact{padding-left:1rem}
.brand{width:165px}
.hero{min-height:620px;padding-top:4rem}
.hero h1{font-size:3.5rem}
.product{gap:3rem}
.direction-list article{grid-template-columns:1fr 1fr}
.direction-tag{display:none}
.section{padding-top:5rem;padding-bottom:5rem}
.company,.cooperation{grid-template-columns:1fr 3fr;gap:2rem}
}

@media(max-width:900px){.header{flex-wrap:wrap;padding:1.3rem 5%;gap:1rem}
.header nav{width:100%;flex-wrap:wrap;gap:1rem 1.4rem;padding-top:1rem}
.js-enabled .header nav{display:none}
.js-enabled .header nav.is-open{display:flex}
.nav-contact{padding:0;border:0}
.hero{padding:3rem 5% 5rem;grid-template-columns:1fr 1fr;min-height:560px}
.hero h1{font-size:3rem}
.hero-intro{font-size:1rem}
.company,.cooperation{grid-template-columns:1fr;gap:2rem}
.directions-top{gap:2rem}
.product{gap:2rem;padding:4rem 5%;grid-template-columns:1fr 1fr}
.product-lead{font-size:1.3rem}
.contacts{gap:2rem}
.cooperation-options{gap:1.5rem}
}

@media(max-width:600px){.header{padding:1.1rem 6%}
.brand{width:154px}
.header nav{flex-direction:column;align-items:stretch}
.header nav a{padding:.35rem 0}
.hero{padding:2.5rem 6% 4.5rem;grid-template-columns:1fr;gap:2rem}
.hero h1{font-size:2.65rem;max-width:400px}
.eyebrow{font-size:.73rem;margin-bottom:1.4rem}
.hero-intro{margin:1.3rem 0 1.7rem}
.section{padding:3.5rem 6%}
.company-text{grid-template-columns:1fr;gap:1.2rem;margin-top:1.8rem}
.directions-top{grid-template-columns:1fr;gap:1.5rem;margin-bottom:2rem}
h2{font-size:2.3rem}
.direction-list article{grid-template-columns:1fr;gap:1rem;padding:1.5rem 0}
.direction-name{gap:1rem}
h3{font-size:1.55rem}
.direction-list p{padding-left:2.6rem}
.product{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 6%}
.product .eyebrow{gap:1rem}
.product h2{font-size:4rem}
.product-lead{font-size:1.4rem}
.cooperation-options{grid-template-columns:1fr;gap:1.4rem}
.cooperation-options article{border-top:1px solid var(--line);padding-top:1rem}
.cooperation-options h3{margin-bottom:.6rem}
.cooperation-intro{font-size:1.1rem;margin-bottom:2rem}
.contacts{padding:3rem 6%;grid-template-columns:1fr;gap:1rem}
footer{padding:1.5rem 6%;flex-wrap:wrap;gap:.75rem}
footer>span:nth-child(2){width:100%;order:3}
}

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

/* Keep enlarged text inside its layout without clipping. */
body{overflow-wrap:anywhere}
.header nav{flex-wrap:wrap;min-width:0}
.hero-copy,.company-content,.company-text>*,.directions-top>*,.direction-list article>*,.product-copy,.cooperation>*,.contacts>*{min-width:0}
.hero-copy{padding-right:1rem}

@media(max-width:600px){.hero-copy{padding-right:0}
}

/* Revision 3: integrated hero and denser engineering content. */
h1,h2,h3{font-family:"Segoe UI",Arial,sans-serif;letter-spacing:-.035em}h2{font-size:clamp(2rem,3vw,2.8rem);font-weight:500;line-height:1.2}h3{font-weight:500}
.header{padding-top:1.2rem;padding-bottom:1.2rem}.brand{width:170px}
.hero{max-width:none;min-height:710px;display:block;padding:4.5rem max(4%,calc((100vw - 1320px)/2)) 11rem;background:#122338 url('assets/engineering-concept.webp') no-repeat right center;background-size:auto 100%;color:white;isolation:isolate}
.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#101f32 0%,#101f32fa 25%,#101f32ed 40%,#101f3280 63%,#101f3210 85%)}
.hero-copy{max-width:650px;padding:0}.hero .eyebrow{color:#b3c7dd;font-size:.8rem;margin-bottom:1.5rem}.hero h1{color:white;font-size:clamp(2.3rem,3.8vw,3.65rem);font-weight:500;line-height:1.12;max-width:650px}.hero-intro{max-width:540px;font-size:1.15rem;color:#e0e9f5;margin:1.5rem 0 1rem;line-height:1.6}.hero-detail{max-width:510px;color:#becde0;font-size:1rem;line-height:1.6}.hero-actions{display:flex;align-items:center;gap:1.75rem;flex-wrap:wrap;margin-top:2rem}.hero-caption{position:absolute;right:4%;bottom:10.5rem;text-align:right;font-size:.73rem;color:#e7edf5;text-shadow:0 1px 6px #000}.hero-caption span{font-size:.65rem;color:#cbd5e0}.hero-bottom{position:absolute;bottom:0;left:0;right:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding:1.7rem max(4%,calc((100vw - 1320px)/2));background:#0a1b30e8;border-top:1px solid #ffffff26}.hero-bottom strong{display:block;font-size:1rem;font-weight:500}.hero-bottom span{display:block;color:#9fb5cd;font-size:.82rem;margin-top:.3rem}
.section{padding-top:4.5rem;padding-bottom:4.5rem}.company{grid-template-columns:.65fr 3fr;gap:2rem}.company-text{margin-top:1.5rem;gap:2rem;color:#39485c}.company-content h2{max-width:730px}.directions-top{margin-bottom:2rem;align-items:start;gap:3rem}.directions-top h2{margin-top:.8rem}.directions-top>p{max-width:500px}.direction-list article{grid-template-columns:1fr 1.8fr .6fr;padding:1.8rem 0}.direction-name{gap:1rem}.direction-name h3{font-size:1.4rem}.direction-description p{font-size:1rem;color:#39485c}.direction-description p+p{margin-top:.8rem}.direction-description a{display:inline-block;color:var(--blue);margin-top:1rem;font-size:.9rem}.direction-sign{font-size:1.4rem}.direction-tag{font-size:.8rem}.section-note{max-width:100%;font-size:.85rem}
.product{padding:4rem 4%;grid-template-columns:1fr 1fr;gap:2.5rem 4rem;max-width:1440px}.product h2{font-size:3.8rem}.product-copy>p:not(.eyebrow):not(.product-lead){max-width:560px;font-size:1rem;line-height:1.65}.product-context{margin-top:1rem}.product-lead{font-size:1.5rem;margin:1rem 0 1.5rem}.product-features{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;padding-top:2rem;border-top:1px solid #ffffff30}.product-features h3{font-size:1.15rem;margin-bottom:.8rem}.product-features p{font-size:1rem;color:#bdcce3}.product-development{grid-column:1/-1;display:grid;grid-template-columns:1fr 3fr;gap:2rem;background:#153065;padding:1.3rem 1.5rem}.product-development strong{font-weight:500;color:#70dcf0}.product-development p{font-size:1rem;color:#d2deef}
.cooperation{grid-template-columns:.65fr 3fr;gap:2rem}.cooperation-intro{margin:1.2rem 0 2rem}.cooperation-options h3{font-size:1.15rem}.cooperation-options p{font-size:1rem}.cooperation-options{gap:1.8rem}.contacts{padding-top:3rem;padding-bottom:3rem}.contacts h2{font-size:2rem}
@media(max-width:1100px){.hero-copy{max-width:580px}.hero{background-position:85% center}.hero:before{background:linear-gradient(90deg,#101f32 0%,#101f32ee 45%,#101f3280 75%,#101f3230)}.hero-caption{display:none}.direction-list article{grid-template-columns:1fr 1.8fr}.company,.cooperation{grid-template-columns:1fr}.product{gap:2rem}.product-development{grid-template-columns:1fr 2fr}}
@media(max-width:900px){.hero{padding:3rem 5% 10rem;min-height:680px}.hero h1{font-size:3rem}.hero-copy{max-width:540px}.hero-bottom{padding:1.4rem 5%;gap:1rem}.hero-bottom strong{font-size:.9rem}.hero-bottom span{font-size:.75rem}.directions-top{gap:2rem}.product{grid-template-columns:1fr}.product-visual{max-width:580px;width:100%;justify-self:center}.product-features{gap:1.5rem}.cooperation-options{grid-template-columns:1fr}.cooperation-options article{border-top:1px solid var(--line);padding-top:1rem}.cooperation-options h3{margin-bottom:.6rem}}
@media(max-width:600px){.hero{padding:2.5rem 6% 0;min-height:0;background-size:auto 420px;background-position:65% top}.hero:before{background:linear-gradient(180deg,#101f32db,#101f32f5 340px,#101f32 520px)}.hero h1{font-size:2.25rem;line-height:1.14}.hero .eyebrow{font-size:.73rem}.hero-intro{font-size:1.05rem}.hero-detail{font-size:1rem}.hero-actions{gap:.8rem;align-items:flex-start;flex-direction:column;margin-bottom:2rem}.hero-bottom{position:relative;display:block;margin:0 -6.82%;padding:1.1rem 6%;width:113.64%}.hero-bottom>div{padding:.7rem 0;border-bottom:1px solid #ffffff20}.hero-bottom>div:last-child{border:0}.hero-bottom strong{font-size:1rem}.hero-bottom span{font-size:.85rem}.section{padding:3rem 6%}.company,.cooperation{gap:1.2rem}h2{font-size:1.9rem}.company-text{gap:1rem}.directions-top{gap:1.2rem}.direction-list article{grid-template-columns:1fr;gap:1rem}.direction-description p{padding-left:0}.direction-name h3{font-size:1.3rem}.product{padding:3rem 6%;gap:2rem}.product h2{font-size:3.2rem}.product-features{grid-template-columns:1fr;gap:1.5rem}.product-development{grid-template-columns:1fr;gap:.7rem;padding:1.2rem}.cooperation-intro{font-size:1.05rem}.cooperation-options{margin-bottom:2rem}.contacts{padding:2.5rem 6%;gap:1rem}.hero-copy{max-width:100%}}
.hero{padding-left:0;padding-right:0;padding-bottom:0}.hero-copy{margin:0 max(4%,calc((100vw - 1320px)/2))}.hero-bottom{position:relative;width:100%;margin-top:3.5rem}.hero-caption{bottom:9rem}
@media(max-width:900px){.hero-copy{margin:0 5%}}
@media(max-width:600px){.hero-copy{margin:0 6%;max-width:none}.hero-bottom{margin:0;width:100%;padding:1.1rem 6%}}
.hero{min-height:0;background-size:cover}
@media(max-width:600px){.hero{background-size:auto 420px}}
/* One shared content grid for the header, hero and every section. */
:root{--content-width:1280px;--page-edge:max(clamp(1.25rem,4vw,3rem),calc((100% - var(--content-width))/2))}
.header,.section,.product,.contacts,footer{max-width:none;padding-left:var(--page-edge);padding-right:var(--page-edge)}
.hero-copy{margin-left:var(--page-edge);margin-right:var(--page-edge)}.hero-bottom{padding-left:var(--page-edge);padding-right:var(--page-edge)}.hero-caption{right:var(--page-edge)}
.company,.cooperation{display:block}.company>.section-label,.cooperation>.section-label{margin-bottom:1rem}.section{padding-top:3.5rem;padding-bottom:3.5rem}
.company-content{display:grid;grid-template-columns:1fr 1.2fr;gap:1.6rem 3rem}.company-content h2{max-width:none}.company-text{display:flex;flex-direction:column;margin:0;gap:1rem}.company-text p{line-height:1.65}
.engineering-flow{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:1.2rem;padding:1.5rem 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.engineering-flow>div{min-width:0}.engineering-flow span{display:block;color:var(--ink);font-weight:500;font-size:1rem}.engineering-flow small{display:block;font-size:.82rem;color:var(--muted);margin-top:.25rem}.engineering-flow b{font-size:1.4rem;color:var(--blue);font-weight:400}
.directions-top{grid-template-columns:1fr 1.2fr;gap:3rem}.direction-list article{grid-template-columns:1fr 1.55fr .4fr;gap:2rem}.direction-list article:last-child{border-bottom:1px solid var(--line)}.direction-tag{overflow-wrap:normal}.direction-description a:hover{text-decoration:underline}
.product{display:block;padding-top:3.5rem;padding-bottom:3.5rem}.product-copy{max-width:none;display:grid;grid-template-columns:1fr 1.2fr;gap:3rem}.product-description p{color:#bdcce3;line-height:1.65}.product .eyebrow{margin-bottom:1rem}.product-lead{font-size:1.4rem;margin-bottom:0}.product-visual{max-width:none;width:100%;margin:2.2rem 0}.interface-link{display:block;border:1px solid #ffffff50;background:#fff;border-radius:7px;overflow:hidden;box-shadow:0 14px 40px #0003}.interface-link img{width:100%;height:auto}.interface-link:hover{outline:2px solid var(--cyan);outline-offset:3px}.product-visual figcaption{display:flex;justify-content:space-between;gap:1rem;color:#bdcce3;font-size:.8rem;margin-top:.75rem}.product-features{padding-top:1.5rem;margin-top:0}.product-development{margin-top:1.7rem;padding:1.2rem 1.5rem}.product-features h3{color:#fff}
.cooperation-intro{max-width:800px;margin:1rem 0 1.7rem}.cooperation-options{gap:1rem;margin-bottom:1.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.cooperation-options article{background:var(--soft);border:1px solid #e2e9f1;padding:1.5rem}.cooperation-options h3{line-height:1.35;min-height:2.7em;color:var(--ink)}.cooperation-options p{line-height:1.6}.cooperation-start{display:flex;justify-content:space-between;align-items:center;gap:2rem;background:#eaf2fc;padding:1.4rem 1.5rem}.cooperation-start>div{max-width:720px}.cooperation-start strong{font-weight:500;color:var(--ink)}.cooperation-start p{font-size:.95rem;color:var(--muted);margin-top:.35rem}.cooperation-start .button{flex-shrink:0}.contacts{grid-template-columns:1fr 1.2fr;gap:3rem}
@media(max-width:1100px){.company-content,.product-copy,.directions-top{gap:2rem}.direction-list article{grid-template-columns:1fr 1.6fr}.cooperation-start>div{max-width:560px}}
@media(max-width:900px){.company-content,.product-copy,.directions-top{grid-template-columns:1fr;gap:1.4rem}.company-text{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}.engineering-flow{gap:.7rem;align-items:flex-start}.engineering-flow small{font-size:.8rem}.product-copy{gap:1.5rem}.cooperation-options{grid-template-columns:1fr}.cooperation-options h3{min-height:0;margin-bottom:.7rem}.cooperation-start{align-items:flex-start}.cooperation-start .button{flex-shrink:1}.contacts{gap:2rem}}
@media(max-width:600px){.section,.product{padding-top:2.5rem;padding-bottom:2.5rem}.company-text{grid-template-columns:1fr}.engineering-flow{flex-direction:column;gap:.8rem;padding:1.3rem 0}.engineering-flow b{transform:rotate(90deg);margin-left:.25rem;line-height:1}.engineering-flow small{font-size:.85rem}.cooperation-options article{padding:1.3rem}.direction-list article{grid-template-columns:1fr;gap:1rem}.product-visual{margin:1.5rem 0}.product-visual figcaption{flex-direction:column;gap:.3rem;font-size:.75rem}.product-features{grid-template-columns:1fr}.product-development{grid-template-columns:1fr;gap:.7rem}.cooperation-start{flex-direction:column;padding:1.3rem;gap:1rem}.contacts{grid-template-columns:1fr;gap:1rem}}
footer{border-top:1px solid var(--line);padding-top:1.5rem;padding-bottom:1.5rem;align-items:center;font-size:.8rem}footer a{color:var(--ink);white-space:nowrap}footer a:hover{color:var(--blue)}
@media(max-width:600px){footer{gap:.75rem}}
/* Motion follows reading order; the product viewer stays on this page. */
.interface-link{width:100%;padding:0;text-align:left;cursor:zoom-in}.interface-link:disabled{cursor:default}.modal-open{overflow:hidden}.image-dialog{width:min(94vw,1480px);max-width:none;max-height:94dvh;padding:0;border:1px solid #ffffff36;border-radius:10px;background:#f7f9fd;color:var(--ink);box-shadow:0 24px 100px #0007;overflow:auto}.image-dialog::backdrop{background:#061326cc;backdrop-filter:blur(5px)}.image-dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:white;border-bottom:1px solid var(--line)}.image-dialog-heading h2{font-size:1.2rem;letter-spacing:-.02em}.image-dialog-heading p{font-size:.8rem;color:var(--muted);margin-top:.25rem}.image-dialog-controls{display:flex;align-items:center;gap:.6rem;flex-shrink:0}.image-dialog-controls button{border:1px solid #c9d6e6;background:white;color:var(--ink);border-radius:4px}.image-zoom{padding:.5rem .8rem;font-size:.85rem}.image-close{width:44px;height:44px;font-size:1.8rem;line-height:1}.image-dialog-controls button:hover{background:#eaf2fc}.image-dialog-view{overflow:auto;max-height:calc(94dvh - 150px);overscroll-behavior:contain;background:#e7edf3}.image-dialog-view img{width:100%;max-height:calc(94dvh - 150px);object-fit:contain}.image-dialog.is-zoomed .image-dialog-view img{width:1600px;max-width:none;max-height:none}.image-dialog-note{padding:.65rem 1.25rem;color:var(--muted);font-size:.75rem}.reveal-ready{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.65,.3,1)}.reveal-ready.is-visible{opacity:1;transform:none}.cooperation-options article:nth-child(2),.product-features article:nth-child(2){transition-delay:70ms}.cooperation-options article:nth-child(3),.product-features article:nth-child(3){transition-delay:140ms}.motion-enabled .hero-copy>*{animation:hero-enter .7s cubic-bezier(.2,.65,.3,1) both}.motion-enabled .hero-copy>h1{animation-delay:60ms}.motion-enabled .hero-copy>.hero-intro{animation-delay:120ms}.motion-enabled .hero-copy>.hero-detail{animation-delay:180ms}.motion-enabled .hero-copy>.hero-actions{animation-delay:240ms}.motion-enabled .cooperation-options article{transition-property:opacity,transform,border-color,box-shadow}.motion-enabled .cooperation-options article.is-visible:hover{transform:translateY(-4px);border-color:#a9c9f4;box-shadow:0 10px 25px #071a5209}.motion-enabled .button{transition:background .2s,transform .2s}.motion-enabled .button:hover{transform:translateY(-2px)}.motion-enabled .image-dialog[open]{animation:viewer-enter .22s ease-out}.motion-enabled .image-dialog[open]::backdrop{animation:backdrop-enter .22s ease-out}@keyframes hero-enter{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}@keyframes viewer-enter{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}@keyframes backdrop-enter{from{opacity:0}to{opacity:1}}
@media(max-width:600px){.image-dialog{width:96vw;max-height:96dvh;border-radius:7px}.image-dialog-heading{padding:.8rem;align-items:flex-start;gap:.5rem}.image-dialog-heading h2{font-size:1rem}.image-dialog-heading p{font-size:.7rem;max-width:190px}.image-dialog-controls{gap:.4rem}.image-zoom{font-size:.75rem;padding:.55rem .6rem}.image-close{width:38px;height:38px}.image-dialog-view{max-height:calc(96dvh - 160px)}.image-dialog-view img{max-height:calc(96dvh - 160px)}.image-dialog-note{padding:.6rem .8rem;font-size:.7rem}.reveal-ready{transform:translateY(12px)}}
@media(prefers-reduced-motion:reduce){.reveal-ready{opacity:1;transform:none}.motion-enabled .hero-copy>*,.motion-enabled .image-dialog[open],.motion-enabled .image-dialog[open]::backdrop{animation:none!important}.motion-enabled .cooperation-options article:hover,.motion-enabled .button:hover{transform:none}}
.image-dialog-view:focus-visible{outline:3px solid var(--blue);outline-offset:-3px}
@media print{.reveal-ready{opacity:1;transform:none}.image-dialog{display:none}}
.viewer-enabled .product-visual figcaption>span:last-child:after{content:" · нажмите для увеличения ⤢"}
/* Partner exhibition: one graphic panorama, three expandable scenes. */
.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.partners{background:white;padding-bottom:0}
.partners-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:3rem;margin-bottom:2rem}
.partners-heading h2{color:var(--ink);margin-top:.9rem;max-width:700px}
.partners-heading>p{color:var(--muted);max-width:380px;font-size:1rem}
.partner-exhibit{display:flex;min-height:30.5rem}
.partner-scene{position:relative;display:flex;flex-direction:column;flex:1;min-width:0;overflow:hidden;padding:2rem;background:#e8eef7;color:var(--ink);isolation:isolate;transition:flex .65s cubic-bezier(.2,.7,.2,1)}
.partner-scene:nth-child(2){background:#d9eef4}.partner-scene:nth-child(3){background:#dce5fc}
.partner-exhibit.is-interactive .partner-scene.is-active{flex:2.3}
.partner-scene-trigger{position:absolute;inset:0;width:100%;height:100%;z-index:3;padding:0;background:transparent;border:0;color:var(--ink);text-align:left}
.partner-scene-trigger:focus-visible{outline:3px solid var(--blue);outline-offset:-5px}
.partner-scene-arrow{position:absolute;right:1.6rem;top:1.5rem;font-size:1.2rem;transition:transform .3s}
.partner-scene-trigger[aria-expanded="true"] .partner-scene-arrow{transform:rotate(45deg)}
.partner-scene-role{position:relative;z-index:2;font-size:1.2rem;padding-right:2rem;pointer-events:none}
.partner-scene-art{position:absolute;inset:0;z-index:-1;pointer-events:none}
.partner-scene-art svg{width:100%;height:100%;opacity:.65;transition:transform .8s,opacity .6s}
.partner-scene.is-active .partner-scene-art svg{transform:scale(1.15);opacity:.95}
.partner-scene-space{flex:1;min-height:10rem}
.partner-scene-content{position:relative;pointer-events:none}
.partner-scene-content::before{content:"";position:absolute;inset:-2rem -2rem -2rem;background:linear-gradient(transparent,#edf3faf2 40%);z-index:-1;pointer-events:none}
.partner-scene-brand{display:flex;align-items:center;min-height:3.5rem}
.partner-scene-brand img{height:3.1rem;width:auto;max-width:100%;object-fit:contain;object-position:left center}
.partner-tdk{font-size:2.6rem;font-weight:500;letter-spacing:-.035em;line-height:1}
.partner-scene-description[hidden]{display:none}
.partner-scene-description h3{font-size:clamp(1.8rem,2.7vw,2.5rem);color:var(--ink);margin-top:1rem;max-width:450px}
.partner-scene-description p{font-size:1rem;line-height:1.6;color:#3e5975;max-width:430px;margin-top:.8rem}
@media(max-width:900px){.partners-heading{gap:1.5rem}.partners-heading>p{max-width:280px}.partner-scene{padding:1.3rem}.partner-scene-role{font-size:1rem}.partner-scene-arrow{right:1rem;top:1.1rem}.partner-scene-brand img{height:2.6rem}.partner-scene-content::before{inset:-2rem -1.3rem -1.3rem}}
@media(max-width:600px){.partners-heading{display:block}.partners-heading h2{font-size:2.3rem}.partners-heading>p{margin-top:1.2rem;max-width:none}.partner-exhibit{display:block;min-height:0}.partner-scene{padding:1.4rem;min-height:26rem}.partner-exhibit.is-interactive .partner-scene{min-height:10.5rem}.partner-exhibit.is-interactive .partner-scene.is-active{min-height:28rem}.partner-scene-role{font-size:1.1rem}.partner-scene-space{min-height:8rem}.partner-exhibit.is-interactive .partner-scene:not(.is-active) .partner-scene-space{min-height:1.8rem}.partner-scene-content::before{inset:-2rem -1.4rem -1.4rem}.partner-scene-description h3{font-size:2rem}.partner-scene-brand img{height:2.8rem}.partner-scene-arrow{right:1.4rem;top:1.4rem}}
@media(prefers-reduced-motion:reduce){.partner-scene,.partner-scene-art svg,.partner-scene-arrow{transition:none}.partner-scene.is-active .partner-scene-art svg,.partner-scene-trigger[aria-expanded="true"] .partner-scene-arrow{transform:none}}
@media print{.partner-exhibit{display:block}.partner-scene-description[hidden]{display:block}.partner-scene{break-inside:avoid}.partner-scene-trigger{display:none}}

/* Keep text wrapping and the exhibition frame stable while scenes expand. */
.partner-exhibit.is-interactive{height:var(--exhibit-height);min-height:0;overflow-anchor:none}
.partner-exhibit.is-interactive .partner-scene{transition:flex .65s cubic-bezier(.25,.8,.25,1)}
.partner-exhibit.is-interactive .partner-scene-space{min-height:0}
.partner-exhibit.is-interactive .partner-scene-description{height:0;opacity:0;visibility:hidden;overflow:hidden;transition:height .65s cubic-bezier(.25,.8,.25,1),opacity .16s ease,visibility 0s .65s}
.partner-exhibit.is-interactive .is-active .partner-scene-description{height:var(--description-height);opacity:1;visibility:visible;transition:height .65s cubic-bezier(.25,.8,.25,1),opacity .3s ease .2s,visibility 0s}
.partner-description-inner{display:flow-root}
@media(max-width:600px){.partner-exhibit.is-interactive{height:auto}.partner-exhibit.is-interactive .partner-scene{height:10.5rem;min-height:0;transition:height .65s cubic-bezier(.25,.8,.25,1)}.partner-exhibit.is-interactive .partner-scene.is-active{height:var(--exhibit-height);min-height:0}.partner-exhibit.is-interactive .partner-scene-space,.partner-exhibit.is-interactive .partner-scene:not(.is-active) .partner-scene-space{min-height:0}}
@media(prefers-reduced-motion:reduce){.partner-exhibit.is-interactive .partner-scene,.partner-exhibit.is-interactive .partner-scene-description{transition:none}}
@media print{.partner-exhibit.is-interactive{height:auto}.partner-exhibit.is-interactive .partner-scene{height:auto;min-height:26rem}.partner-exhibit.is-interactive .partner-scene-description{height:auto;opacity:1;visibility:visible}.partner-description-inner{width:auto!important}}

/* Product family first; Smart12 is presented as one developing product. */
.product-range{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:3rem;padding-bottom:2.8rem;margin-bottom:2.8rem;border-bottom:1px solid #ffffff30}
.product .product-range h2{font-size:clamp(2rem,3.4vw,3.1rem);line-height:1.17;max-width:780px}
.product-range-intro{min-width:0;color:#bdcce3;font-size:1rem;line-height:1.65}
.product-range-intro p+p{margin-top:1rem}
.product-range .eyebrow{color:#70dcf0}
.product-heading h3{font-size:3.8rem;line-height:1.1;color:white;font-weight:500;letter-spacing:-.035em}
.product-copy{scroll-margin-top:2rem}
.product-heading .eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:.65rem 1rem}
.product-heading .status{margin-left:0}
.product-features h4{font-family:"Segoe UI",Arial,sans-serif;font-size:1.15rem;font-weight:500;line-height:1.3;letter-spacing:-.02em;margin:0 0 .8rem;color:white}
@media(max-width:900px){.product-range{grid-template-columns:1fr;gap:1.4rem;padding-bottom:2rem;margin-bottom:2rem}.product-range-intro{max-width:680px}}
@media(max-width:600px){.product .product-range h2{font-size:1.95rem}.product-range h2 br{display:none}.product-heading h3{font-size:3.2rem}}

/* Contact finale: a typographic invitation and an engineering direction arrow. */
.contacts{position:relative;isolation:isolate;overflow:hidden;display:block;background:#000f4c;color:white;padding-top:2.2rem;padding-bottom:2.5rem}
.contact-top{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding-bottom:1.8rem;border-bottom:1px solid #ffffff26}
.contacts .section-label{font-size:.8rem;color:#a6c1e8}
.contacts .contact-location{display:flex;align-items:center;gap:.6rem;color:#b4c7e3;font-size:.85rem;margin:0}
.contact-location svg{flex-shrink:0}
.contact-intro{display:grid;grid-template-columns:1.1fr 1fr;gap:4rem;align-items:start;max-width:none;padding-top:2.7rem}
.contact-heading,.contact-context,.contact-email{min-width:0}
.contacts h2{font-size:clamp(3.8rem,7vw,6.5rem);font-weight:500;line-height:.99;letter-spacing:-.055em;color:white;margin:0}
.contacts h2 span{color:#0056f3}
.contact-prompt{font-size:1.15rem;line-height:1.6;color:#c1d1e8;margin-top:1.7rem}
.contact-context{padding-top:.4rem;position:relative;max-width:none}
.contact-visual{height:16rem;position:relative;margin-top:.5rem}
.contact-sculpture{position:absolute;right:-1.3rem;top:-1rem;width:420px;max-width:none;height:340px;pointer-events:none}
.contact-write{position:absolute;right:2rem;top:5.2rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.65rem;width:154px;height:154px;border-radius:50%;background:#ffffff;color:#001351;text-align:center;font-size:.9rem;line-height:1.3;box-shadow:0 0 0 10px #ffffff05;transition:background .25s,transform .3s}
.contact-write:hover{background:#0056f3;color:white;transform:translateY(-4px)}
.contact-write svg{transition:transform .3s}.contact-write:hover svg{transform:translate(3px,-3px)}
.contacts a:focus-visible{outline:3px solid white;outline-offset:7px}
@media(max-width:1100px){.contact-intro{gap:2rem}.contacts h2{font-size:clamp(3.8rem,7vw,6.5rem)}.contact-sculpture{right:-3rem;width:350px}.contact-write{right:.3rem}}
@media(max-width:900px){.contacts{padding-top:1.8rem;padding-bottom:2rem}.contact-top{align-items:flex-start;flex-direction:column;gap:.6rem;padding-bottom:1.2rem}.contact-intro{grid-template-columns:1fr;gap:1.5rem;padding-top:2rem}.contacts h2{font-size:clamp(3.6rem,11vw,5.5rem)}.contact-prompt{font-size:1rem;margin-top:1.2rem}.contact-context{padding-top:0}.contact-visual{height:15.5rem;margin-top:1rem}.contact-sculpture{width:340px;height:275px;right:-1.8rem;top:-.8rem}.contact-write{top:4rem;right:1.5rem;width:140px;height:140px}}
@media(prefers-reduced-motion:reduce){.contact-write:hover,.contact-write:hover svg{transform:none}}
@media print{.contacts{background:white;color:#001351}.contacts h2,.contacts h2 span{color:#001351}.contact-sculpture{display:none}.contacts .section-label,.contact-prompt,.contacts .contact-location{color:#39485c}}
.contacts .contact-top .contact-location{color:#b4c7e3}
/* Bring the call to action toward the centre and keep the email intact. */
@media(min-width:901px){.contact-intro{grid-template-columns:1fr 1.25fr;gap:2rem}.contact-visual{max-width:490px}.contact-sculpture{right:auto;left:-1rem;width:450px;height:360px;top:-1.2rem}.contact-write{right:auto;left:clamp(130px,20vw,224px);top:min(4.5rem,120px)}}


/* Use the centre for a useful brief, keeping the writing action at the right edge. */
.contact-brief{min-width:0;padding-top:3.5rem}
.contact-brief-label{font-size:.8rem;color:#a6c1e8;margin-bottom:1.1rem}
.contact-brief ul{list-style:none;margin:0;padding:0 0 0 1.2rem;border-left:1px solid #0056f366}
.contact-brief li{position:relative;padding:0 0 1.2rem}.contact-brief li:last-child{padding-bottom:0}
.contact-brief li::before{content:"";position:absolute;width:5px;height:5px;left:calc(-1.2rem - 3px);top:.65rem;background:#0056f3;border-radius:50%}
.contact-brief strong{display:block;font-size:1rem;line-height:1.4;font-weight:500;color:#e5effc}
.contact-brief li span{display:block;font-size:.8rem;color:#a6c1e8;margin-top:.25rem;line-height:1.5}
@media(min-width:1101px){.contact-intro{grid-template-columns:1.15fr .7fr 1fr;gap:2rem}.contacts h2{font-size:clamp(3.8rem,6.3vw,6rem)}}
@media(min-width:901px){.contact-visual{max-width:none}.contact-sculpture{left:auto;right:-44px;width:420px;height:340px;top:-1rem}.contact-write{left:auto;right:0;top:min(4.5rem,120px)}}
@media(min-width:901px) and (max-width:1100px){.contact-intro{grid-template-columns:1fr 1.15fr}.contact-heading{grid-column:1;grid-row:1}.contact-brief{grid-column:1;grid-row:2;padding-top:0}.contact-context{grid-column:2;grid-row:1/3}.contact-sculpture{width:350px;right:-34px}.contact-write{right:0}}
@media(max-width:900px){.contact-brief{padding-top:0}.contact-brief ul{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;border-left:0;padding:0}.contact-brief li{padding:.7rem 0 0;border-top:1px solid #0056f366}.contact-brief li::before{left:0;top:-3px}.contact-write{left:auto;right:0}.contact-sculpture{left:auto;right:-32px}}
@media(max-width:600px){.contact-brief ul{grid-template-columns:1fr;gap:.7rem}.contact-brief li{display:grid;grid-template-columns:1fr 1fr;gap:.8rem;padding-top:.7rem}.contact-brief li span{margin:0}.contact-brief strong{font-size:.95rem}}

/* Collaboration formats replace the introductory paragraph in the contact finale. */
.contact-context{padding-top:0}
.contact-visual{margin-top:2.4rem}
@media(max-width:900px){.contact-visual{margin-top:0}.contact-brief li{display:block}.contact-brief li span{margin-top:.25rem}}

.partner-scene-brand .tdk-logo{height:4rem;width:4rem;object-fit:contain;flex-shrink:0}
@media(max-width:600px){.partner-scene-brand .tdk-logo{height:3.5rem;width:3.5rem}}

/* Let the wireframe arrow cross the boundary into the white footer. */
.contacts{overflow:visible;z-index:1;padding-bottom:2rem}
.contact-context{align-self:stretch;display:flex;flex-direction:column;justify-content:flex-end}
.contact-sculpture{left:auto;right:0;top:auto;bottom:-5.5rem;max-width:100%}
footer{padding-top:1.5rem}
@media(max-width:900px){.contacts{padding-bottom:2rem}.contact-sculpture{top:auto;bottom:-5.5rem;right:0}}
/* Raise the writing button within the wireframe arrow. */
@media(min-width:901px){.contact-write{top:min(2.5rem,80px)}}
@media(max-width:900px){.contact-write{top:2.5rem}}
@media(min-width:901px){.contact-write{top:-3.5rem}}
@media(max-width:900px){.contact-write{top:0}}

.contact-write{top:-1rem}

/* Preserve the original brand proportions with optimized delivery dimensions. */
.brand img{width:100%;aspect-ratio:4999/1622;object-fit:contain}