.approach{position:relative;overflow:hidden;background:#091423}.approach__grid-bg{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(142,185,195,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(142,185,195,.045) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,transparent,#000 12%,#000 88%,transparent);opacity:.62}.approach:after{content:"";position:absolute;width:44vw;height:44vw;right:-16vw;top:8%;border-radius:50%;background:radial-gradient(circle,rgba(120,170,180,.11),transparent 66%);filter:blur(40px);pointer-events:none}.approach>.sw-wrap{position:relative;z-index:2}.approach__intro{display:grid;grid-template-columns:minmax(420px,.9fr) minmax(420px,.7fr);justify-content:space-between;align-items:end;gap:72px;margin-bottom:54px}.approach__intro>div{max-width:720px}.approach__intro>p{max-width:590px;margin:0 0 7px;color:#a7b5c3;font-size:18px;line-height:1.7}.approach-grid{display:grid;grid-template-columns:1.18fr .82fr;grid-template-areas:"platform safe" "ux growth";gap:14px}.approach-card{position:relative;min-width:0;overflow:hidden;border:1px solid rgba(165,193,203,.16);border-radius:22px;background:linear-gradient(145deg,rgba(18,34,55,.92),rgba(10,22,38,.96));box-shadow:0 24px 70px rgba(0,0,0,.16);transition:transform .25s ease,border-color .25s ease,background .25s ease}.approach-card:hover{transform:translateY(-3px);border-color:rgba(142,185,195,.34);background:linear-gradient(145deg,rgba(21,39,63,.96),rgba(11,24,41,.98))}.approach-card--platform{grid-area:platform;min-height:470px;display:grid;grid-template-columns:minmax(310px,.8fr) minmax(340px,1.2fr);gap:28px;padding:34px}.approach-card--safe{grid-area:safe;min-height:470px;padding:34px;display:flex;flex-direction:column}.approach-card--ux{grid-area:ux;min-height:395px;display:grid;grid-template-columns:minmax(300px,.92fr) minmax(320px,1.08fr);gap:28px;padding:30px}.approach-card--growth{grid-area:growth;min-height:395px;padding:30px;display:flex;flex-direction:column}.approach-card__copy{position:relative;z-index:2}.approach-card__index{display:block;margin-bottom:24px;color:#7895a5;font:800 9px/1.2 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.13em;text-transform:uppercase}.approach-card h3{max-width:520px;margin:0;color:#f5f3ee;font-size:clamp(28px,2vw,36px);line-height:1.04;letter-spacing:-.035em}.approach-card p{max-width:58ch;margin:18px 0 0;color:#9eacba;font-size:14px;line-height:1.68}.platform-map{position:relative;min-height:360px;align-self:center}.platform-map svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.platform-map svg path{fill:none;stroke:rgba(136,178,188,.28);stroke-width:1.2;stroke-dasharray:5 8}.platform-map svg circle{fill:#091423;stroke:#82aeb8;stroke-width:1.5}.platform-map__core{position:absolute;z-index:3;left:50%;top:50%;width:116px;height:116px;transform:translate(-50%,-50%);display:grid;place-content:center;text-align:center;border:1px solid rgba(142,185,195,.4);border-radius:50%;background:radial-gradient(circle,#173046,#0b192b 72%);box-shadow:0 0 0 18px rgba(120,170,180,.035),0 0 55px rgba(120,170,180,.12)}.platform-map__core small{color:#71899a;font:700 7px/1.2 ui-monospace,monospace;letter-spacing:.11em;text-transform:uppercase}.platform-map__core strong{margin-top:7px;color:#dbe7e9;font-size:19px}.platform-node{position:absolute;z-index:3;min-width:112px;padding:10px 12px;border:1px solid rgba(162,190,200,.18);border-radius:10px;background:rgba(8,18,31,.86);color:#b9c7d0;font:750 9px/1.15 ui-monospace,SFMono-Regular,Menlo,monospace;text-align:center;letter-spacing:.06em;text-transform:uppercase;backdrop-filter:blur(8px)}.platform-node i{display:block;margin-top:4px;color:#cbbd91;font-size:6px;font-style:normal}.platform-node--wp{left:1%;top:10%}.platform-node--bitrix{right:0;top:10%}.platform-node--soit{right:0;bottom:8%;border-color:rgba(203,189,145,.28);color:#e1d6b6}.platform-node--legacy{left:0;bottom:8%}.security-stack{display:grid;gap:9px;margin-top:auto;padding-top:32px}.security-stack span{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:14px 15px;border:1px solid rgba(142,185,195,.16);border-radius:11px;background:rgba(255,255,255,.025);color:#8fa0ae;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.09em;text-transform:uppercase}.security-stack span:before{content:"";width:6px;height:6px;flex:0 0 6px;border-radius:50%;background:#7ca58d;box-shadow:0 0 12px rgba(124,165,141,.35)}.security-stack span b{margin-left:auto;color:#a8c5b2;font-size:7px}.security-stack .security-stack__external{border-style:dashed;color:#8c939d}.security-stack .security-stack__external:before{background:#c7a86f;box-shadow:0 0 12px rgba(199,168,111,.26)}.security-stack .security-stack__external b{color:#c7a86f}.approach-card__visual{display:grid;place-items:center}.ux-wire{width:min(100%,390px);padding:14px;border:1px solid rgba(161,191,201,.18);border-radius:15px;background:#e9ece9;box-shadow:0 20px 55px rgba(0,0,0,.18);transform:rotate(-2deg)}.ux-wire__nav{height:28px;display:flex;align-items:center;gap:9px}.ux-wire__nav i{width:24px;height:10px;background:#152437;border-radius:2px}.ux-wire__nav span{width:36px;height:3px;background:#b7c0bf}.ux-wire__nav b{width:28px;height:9px;margin-left:auto;border-radius:8px;background:#152437}.ux-wire__hero{position:relative;height:154px;margin-top:7px;padding:18px;overflow:hidden;background:#102033}.ux-wire__hero:after{content:"";position:absolute;width:105px;height:105px;right:-15px;top:23px;border-radius:50%;background:#91bac3}.ux-wire__hero small{position:relative;z-index:2;color:#7ba4ad;font:700 6px/1 ui-monospace,monospace;letter-spacing:.1em;text-transform:uppercase}.ux-wire__hero strong{position:relative;z-index:2;display:block;margin-top:21px;color:#f5f3ee;font-size:26px;line-height:.9;letter-spacing:-.05em}.ux-wire__hero i{position:relative;z-index:2;display:block;width:52px;height:7px;margin-top:19px;border-radius:10px;background:#d4c899}.ux-wire__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:8px}.ux-wire__cards span{height:44px;background:#d2dad8}.ux-wire__cards span:first-child{background:#c2d7da}.module-flow{position:relative;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:auto;padding-top:26px}.module-flow span{display:grid;place-items:center;min-height:48px;border:1px solid rgba(156,187,197,.17);border-radius:10px;background:rgba(255,255,255,.025);color:#869aaa;font:750 8px/1 ui-monospace,monospace;letter-spacing:.09em}.module-flow span:nth-child(5){grid-column:1/-1;border-color:rgba(142,185,195,.32);color:#b4cdd2;background:rgba(120,170,180,.055)}.module-flow i{position:absolute;right:13px;bottom:17px;color:#88aeb6;font-style:normal}.module-flow b{grid-column:1/-1;margin-top:7px;color:#627a8c;font:700 7px/1 ui-monospace,monospace;text-align:right;letter-spacing:.1em;text-transform:uppercase}.approach__stack{display:flex;justify-content:center;align-items:center;gap:15px;flex-wrap:wrap;margin-top:25px;padding:17px 20px;border-top:1px solid rgba(162,190,200,.12);border-bottom:1px solid rgba(162,190,200,.12);color:#7d8e9f;font:750 8px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.11em;text-transform:uppercase}.approach__stack i{color:#43616e;font-style:normal}@media(max-width:1150px){.approach__intro{grid-template-columns:1fr;gap:24px}.approach__intro>p{max-width:700px}.approach-grid{grid-template-columns:1fr;grid-template-areas:"platform" "safe" "ux" "growth"}.approach-card--platform,.approach-card--ux{grid-template-columns:1fr 1fr}.approach-card--safe,.approach-card--growth{min-height:360px}}
@media(max-width:760px){.approach__intro{margin-bottom:36px}.approach__intro>p{font-size:16px}.approach-card{border-radius:17px}.approach-card--platform,.approach-card--ux{grid-template-columns:1fr;min-height:0;padding:24px}.approach-card--safe,.approach-card--growth{min-height:0;padding:24px}.approach-card h3{font-size:28px}.platform-map{min-height:310px;margin-top:8px}.approach-card--ux .approach-card__visual{order:2;margin-top:12px}.approach-card--ux .approach-card__copy{order:1}.security-stack{padding-top:24px}.approach__stack{gap:10px 12px;font-size:7px}}@media(max-width:460px){.platform-map{min-height:280px}.platform-node{min-width:95px;padding:9px 8px;font-size:7px}.platform-map__core{width:96px;height:96px}.ux-wire{transform:none}.approach__stack i{display:none}.approach__stack{justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){.approach-card{transition:none}}