main:has(.technologies-showcase) .ps-page-intro{background:radial-gradient(circle at 82% 18%,rgba(120,170,180,.12),transparent 23%),#0b1726}main:has(.technologies-showcase) .ps-page-intro__layout{grid-template-columns:minmax(360px,.9fr) minmax(460px,1.1fr);gap:clamp(54px,7vw,112px)}main:has(.technologies-showcase) .ps-page-intro h1{max-width:760px;font-size:clamp(58px,5.2vw,82px);line-height:.92;letter-spacing:-.055em}main:has(.technologies-showcase) .ps-page-intro__lead{max-width:720px}main:has(.technologies-showcase) .ps-page-intro__text{max-width:690px}.tech-principle{position:relative;overflow:hidden;padding:clamp(86px,8vw,124px) 0!important;background:linear-gradient(135deg,#102234,#0b1726 68%)!important;color:#f5f3ee!important;border-bottom:1px solid rgba(255,255,255,.07)}.tech-principle:before{content:"TASK → FIT → STACK";position:absolute;right:-.02em;bottom:-.03em;color:rgba(120,170,180,.035);font:800 clamp(86px,12vw,180px)/.8 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:-.08em;white-space:nowrap;pointer-events:none}.tech-principle .ps-statement__inner{position:relative;z-index:2;grid-template-columns:minmax(180px,.38fr) minmax(0,1.62fr);gap:40px clamp(50px,7vw,110px)}.tech-principle .ps-kicker{color:#84acb6}.tech-principle h2{max-width:900px;font-size:clamp(46px,5.3vw,76px)!important;line-height:.96!important}.tech-principle p{max-width:840px!important;color:#9dadba!important;font-size:17px!important;line-height:1.78!important}.tech-map{position:relative;overflow:hidden;padding:clamp(84px,8vw,120px) 0!important;background:#f5f3ee!important}.tech-map:before{content:"CAPABILITY / MAP";position:absolute;right:5vw;top:46px;color:rgba(61,87,94,.08);font:800 10px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.16em}.tech-map> .sw-wrap>h2{max-width:920px;margin:20px 0 0;font-size:clamp(40px,4vw,62px);line-height:1;letter-spacing:-.045em}.tech-map .ps-cards__lead{max-width:820px;margin:20px 0 0;color:#66747b;font-size:16px;line-height:1.7}.tech-map .ps-cards__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:48px}.tech-map article{position:relative;overflow:hidden;min-height:300px;padding:30px;border-color:#d7d9d7;background:linear-gradient(155deg,#fff,#f7f5f0);transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.tech-map article:before{content:"";position:absolute;right:-45px;top:-45px;width:120px;height:120px;border:1px solid rgba(120,170,180,.13);border-radius:50%;box-shadow:0 0 0 24px rgba(120,170,180,.025)}.tech-map article:after{content:"";position:absolute;left:30px;right:30px;top:58px;height:1px;background:linear-gradient(90deg,rgba(120,170,180,.35),transparent)}.tech-map article:hover{transform:translateY(-6px);border-color:#afc4c7;box-shadow:0 24px 60px rgba(20,36,42,.08)}.tech-map article>b{position:relative;z-index:2}.tech-map article h3{position:relative;z-index:2;margin:86px 0 14px;font-size:27px}.tech-map article p{position:relative;z-index:2;font-size:14px;line-height:1.65}.tech-map.is-visible article{animation:techCardIn .64s cubic-bezier(.2,.8,.3,1) both}.tech-map.is-visible article:nth-child(2){animation-delay:.06s}.tech-map.is-visible article:nth-child(3){animation-delay:.12s}.tech-map.is-visible article:nth-child(4){animation-delay:.18s}.tech-map.is-visible article:nth-child(5){animation-delay:.24s}.tech-map.is-visible article:nth-child(6){animation-delay:.30s}.tech-split{overflow:hidden}.tech-split .ps-split__inner{min-height:clamp(540px,58vw,700px)}.tech-split .ps-visual-card{transition:transform .4s cubic-bezier(.2,.8,.3,1),box-shadow .4s ease}.tech-split.is-visible .ps-visual-card{animation:techVisualIn .8s .12s cubic-bezier(.2,.8,.3,1) both}.tech-cms{background:linear-gradient(135deg,#ece4d2,#e6dcc3)!important}.tech-cms .ps-split__inner{grid-template-columns:minmax(0,1.08fr) minmax(390px,.92fr)}.tech-cms .ps-visual-card{min-height:400px;border-radius:30px;background:linear-gradient(145deg,rgba(255,255,255,.76),rgba(234,226,205,.5))}.tech-cms .ps-visual-card:after{content:"WP   /   1C-BITRIX   /   CUSTOM   /   SOIT CMS";position:absolute;left:28px;right:28px;bottom:32px;color:#6f766f;font:800 8px/1.4 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.1em;text-align:center}.tech-backend{background:radial-gradient(circle at 75% 45%,rgba(120,170,180,.11),transparent 26%),#0b1726!important}.tech-backend .ps-visual-card{min-height:430px;border-radius:50%;background:radial-gradient(circle at 50% 50%,rgba(120,170,180,.08),rgba(7,19,31,.96) 60%);box-shadow:0 0 0 34px rgba(120,170,180,.02),0 0 0 74px rgba(120,170,180,.01)}.tech-backend .ps-visual-card:after{content:"API";position:absolute;display:grid;place-items:center;width:74px;height:74px;border:1px solid rgba(120,170,180,.24);border-radius:50%;color:#8db4bd;font:800 11px/1 ui-monospace,monospace;letter-spacing:.12em;animation:techPulse 3.2s ease-in-out infinite}.tech-frontend{background:linear-gradient(135deg,#d9e8e8,#d2e2e3)!important}.tech-frontend .ps-visual-card{min-height:390px;border-radius:18px;background:linear-gradient(180deg,#fff,#edf5f4)}.tech-frontend .ps-visual-card:after{content:"SEMANTIC HTML  ·  CSS  ·  JS WHEN NEEDED";position:absolute;left:24px;right:24px;bottom:26px;padding-top:16px;border-top:1px solid rgba(63,101,110,.12);color:#65858d;font:800 8px/1.5 ui-monospace,monospace;letter-spacing:.09em;text-align:center}.tech-performance{background:linear-gradient(180deg,#e2e8de,#dce5da)!important}.tech-performance .ps-visual-card{min-height:380px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(230,238,228,.52));box-shadow:0 22px 68px rgba(35,60,47,.07)}.tech-performance .ps-visual-card:after{content:"LCP     CLS     INP     INDEX";position:absolute;left:22px;right:22px;bottom:28px;color:#71887a;font:800 8px/1 ui-monospace,monospace;letter-spacing:.12em;text-align:center}.tech-process{position:relative;overflow:hidden;padding:clamp(88px,8vw,124px) 0!important;background:#0b1726!important}.tech-process:before{content:"01   02   03   04";position:absolute;right:4vw;top:54px;color:rgba(120,170,180,.08);font:800 clamp(34px,5vw,72px)/1 ui-monospace,monospace;letter-spacing:.08em}.tech-process .ps-steps__head{position:relative;z-index:2}.tech-process .ps-steps__head h2{max-width:900px;font-size:clamp(42px,4.5vw,66px)}.tech-process ol{position:relative;z-index:2;margin-top:68px}.tech-process li{grid-template-columns:110px minmax(0,1fr);padding:28px 0}.tech-process li>b{display:grid;place-items:center;width:56px;height:32px;border:1px solid rgba(120,170,180,.2);border-radius:999px}.tech-process li strong{font-size:25px}.tech-process li span{max-width:850px;font-size:15px;line-height:1.65}.tech-process.is-visible li{animation:techStepIn .58s cubic-bezier(.2,.8,.3,1) both}.tech-process.is-visible li:nth-child(2){animation-delay:.08s}.tech-process.is-visible li:nth-child(3){animation-delay:.16s}.tech-process.is-visible li:nth-child(4){animation-delay:.24s}.tech-cta{background:linear-gradient(135deg,#dfe5db 0,#d8e6e3 60%,#e8dfc9 100%)!important}.tech-cta .ps-cta__inner{min-height:350px;align-items:center}.tech-cta .ps-cta__button{box-shadow:0 18px 48px rgba(11,23,38,.12)}@keyframes techCardIn{from{opacity:.55;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes techVisualIn{from{opacity:.6;transform:scale(.955) translateY(18px)}to{opacity:1;transform:none}}@keyframes techStepIn{from{opacity:.5;transform:translateX(-18px)}to{opacity:1;transform:none}}@keyframes techPulse{0%,100%{box-shadow:0 0 0 0 rgba(120,170,180,.1)}50%{box-shadow:0 0 0 20px rgba(120,170,180,0)}}@media(max-width:1100px){main:has(.technologies-showcase) .ps-page-intro__layout{grid-template-columns:1fr;gap:32px}.tech-map .ps-cards__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tech-cms .ps-split__inner{grid-template-columns:1fr}.tech-backend .ps-visual-card{border-radius:28px;box-shadow:none}.tech-principle .ps-statement__inner{grid-template-columns:1fr;gap:26px}.tech-principle p{grid-column:auto!important}}@media(max-width:720px){main:has(.technologies-showcase) .ps-page-intro h1{font-size:clamp(48px,14vw,68px)}.tech-principle{padding:72px 0!important}.tech-principle:before{font-size:72px}.tech-principle h2{font-size:clamp(38px,11vw,54px)!important}.tech-map{padding:72px 0!important}.tech-map .ps-cards__grid{grid-template-columns:1fr}.tech-map article{min-height:250px}.tech-map article h3{margin-top:72px}.tech-split .ps-split__inner{min-height:0}.tech-cms .ps-visual-card,.tech-backend .ps-visual-card,.tech-frontend .ps-visual-card,.tech-performance .ps-visual-card{min-height:270px}.tech-process:before{display:none}.tech-process li{grid-template-columns:74px 1fr}.tech-process li strong{font-size:21px}.tech-cta .ps-cta__inner{min-height:0}}@media(prefers-reduced-motion:reduce){.tech-map.is-visible article,.tech-split.is-visible .ps-visual-card,.tech-process.is-visible li,.tech-backend .ps-visual-card:after{animation:none!important}}