.container{width:95%;max-width:1600px}
.intro-layout{position:relative;width:calc(100% - 32px);max-width:none;min-height:calc(100svh - 32px);margin:16px auto 0;gap:clamp(16px,1.5vw,30px)}
.intro-main,.intro-rail{min-height:calc(100svh - 32px)}
.intro-main{padding:clamp(28px,4vh,65px) clamp(28px,4vw,80px) 90px}.intro-brand{margin-bottom:clamp(25px,6vh,70px)}
.intro-main h1{font-size:clamp(34px,min(4.1vw,7.2vh),88px);line-height:1.25}
.intro-bottom{padding-top:clamp(25px,5vh,60px)}.intro-bottom>p{font-size:clamp(16px,1.1vw,22px);max-width:850px}.intro-cta{margin-top:clamp(20px,3vh,40px);font-size:clamp(12px,1vw,18px)}.intro-cta>span:first-child{padding:20px 30px}.intro-cta .intro-arrow{width:64px;height:64px}
.intro-rail{padding:clamp(18px,2.2vh,36px)}.rail-intro{font-size:clamp(15px,1.15vw,21px);min-height:0;margin-bottom:12px}.rail-stat{padding:12px 18px}.rail-stat strong{font-size:clamp(38px,min(4.1vw,7vh),82px)}.rail-stat-wide{min-height:0}.rail-stat-wide strong{font-size:clamp(24px,2.5vw,45px)}.rail-traits{gap:10px}.rail-trait{min-height:0;padding:12px 17px}.rail-trait h2{font-size:clamp(16px,1.1vw,21px)}.rail-trait p{font-size:clamp(13px,.95vw,17px)}.rail-settings{margin-top:12px}
.hero-down{position:absolute;bottom:22px;left:calc(35% - 24px);width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--intro-accent);border-radius:50%;background:var(--intro-bg);color:var(--intro-accent);z-index:3}.hero-down svg{width:23px;height:23px;animation:down-cue 1.8s ease-in-out infinite}.hero-down:hover{background:var(--soft)}@keyframes down-cue{0%,100%{transform:translateY(-4px);opacity:.6}50%{transform:translateY(5px);opacity:1}}
.hero-pixels{position:fixed;inset:0;width:100%;height:100%;pointer-events:none;z-index:60}.intro-layout.is-dissolved{visibility:hidden}.intro-layout.is-dissolving{pointer-events:none}
@media(min-width:1800px){h2{font-size:56px}.service h3{font-size:28px}.intro-brand .brand{width:clamp(340px,21vw,480px)}}
@media(max-height:800px) and (min-width:901px){.intro-main{padding-top:28px}.intro-brand{margin-bottom:25px}.intro-rail{padding:17px}.rail-trait{padding:8px 14px}.rail-traits{gap:8px}.rail-stat{padding:10px 15px}.rail-stat span{font-size:12px}.rail-intro{font-size:14px}.rail-trait p{font-size:13px}.rail-trait h2{font-size:16px}.rail-menu-toggle{width:58px;height:58px}.rail-settings{margin-top:8px}.rail-navigation{padding-top:35px}.rail-contacts{gap:12px;padding-top:20px}.rail-navigation nav{gap:12px}}
@media(max-width:900px){.intro-layout{display:block}.intro-main{min-height:calc(100svh - 32px);padding:30px 30px 92px}.intro-main h1{font-size:clamp(32px,6vw,60px)}.intro-brand{position:relative;padding-top:0;margin-bottom:45px;display:flex}.intro-brand .brand{width:290px;max-width:calc(100% - 70px)}.rail-menu-shortcut{position:absolute;right:0;top:0;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6px;width:46px;height:46px;border:1px solid var(--intro-accent);border-radius:50%;background:transparent}.rail-menu-shortcut span{width:19px;height:2px;background:var(--intro-accent)}.intro-rail{display:none;position:absolute;inset:0;min-height:100%;z-index:5}.intro-rail.is-open{display:grid}.rail-navigation{padding:65px 20px 10px}.rail-contacts{padding-top:20px}.hero-down{left:calc(50% - 24px)}.intro-bottom{padding-top:35px}.intro-cta{font-size:12px}.intro-cta>span:first-child{padding:20px}.intro-main h1{overflow-wrap:normal}.intro-main,.intro-rail{border-radius:28px}}
@media(max-width:480px){.intro-layout{width:calc(100% - 24px);margin-top:12px;min-height:calc(100svh - 24px)}.intro-main{min-height:calc(100svh - 24px);padding:25px 20px 90px}.intro-main h1{font-size:clamp(27px,7.2vw,35px)}.intro-bottom>p{font-size:15px}.intro-cta{gap:10px;font-size:10px}.intro-cta .intro-arrow{width:50px;height:50px}.intro-cta>span:first-child{padding:18px 15px}.intro-brand{margin-bottom:40px}.intro-brand .brand{max-width:calc(100% - 60px)}.rail-contacts strong{font-size:18px}}
@media(prefers-reduced-motion:reduce){.hero-down svg{animation:none}}
.container{max-width:1280px;width:95%}.about-section{border-top:0}
.intro-main{padding:clamp(38px,5vh,80px) clamp(38px,4.5vw,100px) 92px}.intro-main h1{font-size:clamp(38px,min(4.65vw,8.6vh),104px);line-height:1.25}.intro-bottom>p{font-size:clamp(17px,1.3vw,25px)}.intro-brand{margin-bottom:clamp(35px,5.5vh,85px)}.intro-bottom{margin-top:auto;padding-top:45px}.intro-cta{font-size:clamp(13px,1.1vw,21px)}
.intro-rail{padding:clamp(26px,2.6vw,52px)}.rail-intro{font-size:clamp(17px,1.35vw,25px);padding-right:55px;margin-bottom:22px}.rail-stat strong{font-size:clamp(48px,min(5.4vw,9vh),110px)}.rail-stat-wide strong{font-size:clamp(29px,3.1vw,60px)}.rail-stat{padding:18px 22px}.rail-stat span{font-size:clamp(13px,1vw,18px)}.rail-trait{padding:17px 22px;transition:background .25s,box-shadow .25s,transform .25s;cursor:pointer}.rail-trait h2{font-size:clamp(18px,1.3vw,25px)}.rail-trait p{font-size:clamp(14px,1vw,19px)}.rail-traits{gap:13px}.rail-trait.is-active{background:#fff;color:#191b23;box-shadow:0 8px 26px #21163122;transform:translateX(-4px)}.rail-trait:focus-visible{outline:3px solid #fff;outline-offset:3px}
.rail-trait::before{width:13px;height:13px;left:-7px;background:#fff;border:2px solid var(--rail-ink);box-shadow:0 0 0 0 #fff0;animation:trait-pulse 7.5s infinite}.rail-trait:nth-child(2)::before{animation-delay:2.5s}.rail-trait:nth-child(3)::before{animation-delay:5s}.rail-trait.is-active::before{background:#fff;box-shadow:0 0 0 6px #fff4,0 0 20px #fff9;animation:none}@keyframes trait-pulse{0%,28%,100%{box-shadow:0 0 0 0 #fff0}8%{box-shadow:0 0 0 7px #ffffff65,0 0 22px #fff}20%{box-shadow:0 0 0 12px #fff0}}
.trait-detail{position:absolute;right:calc(100% - 1px);top:0;bottom:0;width:clamp(350px,31vw,620px);padding:clamp(30px,3vw,60px);background:var(--rail-bg);color:var(--rail-ink);border-radius:36px 0 0 36px;opacity:0;visibility:hidden;transform:translateX(35px);transition:opacity .3s,transform .4s,visibility .3s;z-index:4;overflow:auto}.trait-detail h2{font-size:clamp(25px,2vw,38px);margin:20px 0 25px;color:inherit}.trait-detail ul{list-style:none;padding:0;margin:0}.trait-detail li{position:relative;padding:22px 0 22px 24px;border-bottom:1px solid #191b2340;font-size:clamp(16px,1.15vw,22px);line-height:1.65}.trait-detail li::before{content:'•';position:absolute;left:0}.trait-detail li:last-child{border:0}.trait-close{position:absolute;right:20px;top:15px;background:transparent;color:inherit;font-size:30px}.has-trait-detail .trait-detail{opacity:1;visibility:visible;transform:none}.has-trait-detail .intro-rail{border-radius:0 36px 36px 0;z-index:6}.has-trait-detail .intro-main{filter:blur(4px);opacity:.55;transition:filter .3s,opacity .3s}
@media(max-height:850px) and (min-width:901px){.intro-main{padding:35px 45px 85px}.intro-main h1{font-size:clamp(38px,4.3vw,64px)}.intro-brand{margin-bottom:35px}.intro-rail{padding:22px}.rail-intro{font-size:16px;margin-bottom:12px}.rail-stat{padding:11px 17px}.rail-stat strong{font-size:54px}.rail-stat-wide strong{font-size:32px}.rail-trait{padding:10px 17px}.rail-trait h2{font-size:17px}.rail-trait p{font-size:14px}.rail-traits{gap:10px}.trait-detail{padding:25px 30px}.trait-detail li{padding-block:17px;font-size:16px}}
@media(max-width:900px){.intro-main{padding:38px 30px 90px}.intro-main h1{font-size:clamp(32px,6.5vw,62px)}.intro-rail{padding:25px}.trait-detail{display:none}.intro-bottom>p{font-size:17px}}
@media(max-width:480px){.intro-main{padding:30px 22px 90px}.intro-main h1{font-size:clamp(28px,7.8vw,38px)}.intro-brand{margin-bottom:40px}.intro-bottom>p{font-size:16px}.intro-cta{font-size:11px}.intro-bottom{padding-top:30px}}
@media(prefers-reduced-motion:reduce){.rail-trait::before{animation:none}.trait-detail,.rail-trait,.has-trait-detail .intro-main{transition:none}}