.transformer-page { background: radial-gradient(circle at 78% 16%,rgba(0,182,255,.12),transparent 25%),#030a10; color:#fff; }
.transformer-page .page-shell { min-height:100vh; padding-top:88px; }
.transformer-page .tp-hero { position:relative; overflow:hidden; padding:66px 0 54px; border-bottom:1px solid var(--line); }
.transformer-page .tp-hero::before { content:""; position:absolute; inset:0; background:linear-gradient(90deg,rgba(3,10,16,.98) 0%,rgba(3,10,16,.86) 50%,rgba(3,10,16,.28) 100%),var(--tp-image) center/cover no-repeat; opacity:.9; }
.transformer-page .tp-hero__inner { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,1.15fr) minmax(300px,.65fr); gap:56px; align-items:end; }
.tp-breadcrumbs { display:flex; flex-wrap:wrap; gap:10px; margin-bottom:42px; color:#7f92a5; font-size:12px; }
.tp-breadcrumbs a { color:var(--blue); }
.tp-eyebrow { display:block; margin-bottom:14px; color:var(--blue); font-size:11px; font-weight:800; letter-spacing:.16em; text-transform:uppercase; }
.tp-hero h1 { max-width:900px; margin:0; font-size:clamp(42px,6vw,82px); line-height:.96; letter-spacing:-.055em; }
.tp-hero__lead { max-width:760px; margin:24px 0 0; color:#bdc9d4; font-size:clamp(17px,1.8vw,23px); line-height:1.48; }
.tp-partner { padding:25px; border:1px solid rgba(70,190,255,.34); border-radius:18px; background:rgba(5,19,29,.8); backdrop-filter:blur(16px); box-shadow:0 20px 60px rgba(0,0,0,.34); }
.tp-partner small { display:block; color:#8296a8; letter-spacing:.12em; text-transform:uppercase; }
.tp-partner strong { display:block; margin-top:10px; font-size:22px; line-height:1.25; }
.tp-partner p { margin:12px 0 0; color:#9eafbd; font-size:13px; line-height:1.55; }
.tp-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:28px; }
.tp-section { padding:76px 0; border-bottom:1px solid var(--line); }
.tp-section--compact { padding:52px 0; }
.tp-heading { display:grid; grid-template-columns:160px 1fr; gap:30px; margin-bottom:34px; }
.tp-heading__num { color:var(--blue); font-size:12px; }
.tp-heading h2 { max-width:980px; margin:0; font-size:clamp(32px,4.4vw,58px); line-height:1; letter-spacing:-.05em; }
.tp-heading p { grid-column:2; max-width:850px; margin:0; color:#9facb9; font-size:16px; line-height:1.65; }
.tp-metrics { display:grid; grid-template-columns:repeat(4,1fr); border:1px solid var(--line); border-radius:18px; overflow:hidden; background:rgba(8,24,36,.65); }
.tp-metrics div { min-height:126px; padding:24px; border-right:1px solid var(--line); }
.tp-metrics div:last-child { border-right:0; }
.tp-metrics b { display:block; font-size:clamp(24px,2.7vw,40px); letter-spacing:-.04em; }
.tp-metrics span { display:block; margin-top:8px; color:#8395a5; font-size:10px; letter-spacing:.11em; text-transform:uppercase; }
.tp-directions { display:grid; grid-template-columns:1fr 1fr; gap:20px; }
.tp-direction { position:relative; min-height:460px; overflow:hidden; border:1px solid rgba(70,190,255,.3); border-radius:20px; background:#081521; color:#fff; box-shadow:0 24px 70px rgba(0,0,0,.3); transition:.35s ease; }
.tp-direction:hover { transform:translateY(-6px); border-color:var(--cyan); box-shadow:0 30px 80px rgba(0,173,236,.16); }
.tp-direction__image { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:saturate(.75) brightness(.45); transition:.5s ease; }
.tp-direction:hover .tp-direction__image { transform:scale(1.035); filter:saturate(.95) brightness(.55); }
.tp-direction::after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,rgba(2,8,13,.1),rgba(2,8,13,.94) 78%); }
.tp-direction__content { position:absolute; z-index:1; inset:auto 0 0; padding:28px; }
.tp-direction h2 { margin:8px 0 9px; font-size:clamp(30px,3.6vw,48px); line-height:1; letter-spacing:-.045em; }
.tp-direction p { max-width:620px; margin:0; color:#b4c1cc; line-height:1.55; }
.tp-direction .card-link { margin-top:22px; }
.tp-cards { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.tp-card { padding:28px; border:1px solid var(--line); border-radius:18px; background:linear-gradient(145deg,rgba(14,35,51,.9),rgba(4,13,21,.95)); }
.tp-card b { display:block; color:var(--blue); font-size:11px; letter-spacing:.13em; text-transform:uppercase; }
.tp-card h3 { margin:13px 0 10px; font-size:24px; }
.tp-card p,.tp-card li { color:#9eafbd; line-height:1.6; }
.tp-card ul { padding-left:18px; margin:12px 0 0; }
.tp-feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.tp-feature { min-height:210px; padding:26px; border:1px solid var(--line); border-radius:16px; background:rgba(7,21,32,.75); }
.tp-feature i { display:block; color:var(--blue); font-size:20px; font-style:normal; }
.tp-feature h3 { margin:28px 0 10px; font-size:21px; }
.tp-feature p { margin:0; color:#91a3b3; line-height:1.55; }
.tp-technical { display:grid; grid-template-columns:.9fr 1.1fr; gap:28px; align-items:stretch; }
.tp-technical__visual { min-height:430px; overflow:hidden; border:1px solid var(--line); border-radius:18px; background:#eef3f6; }
.tp-technical__visual img { width:100%; height:100%; object-fit:contain; }
.tp-table { overflow:hidden; border:1px solid var(--line); border-radius:18px; }
.tp-table div { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:17px 20px; border-bottom:1px solid var(--line); }
.tp-table div:last-child { border-bottom:0; }
.tp-table span { color:#8da0b0; }
.tp-cta { padding:68px 0; text-align:center; background:radial-gradient(circle at 50% 10%,rgba(0,182,255,.15),transparent 42%); }
.tp-cta h2 { max-width:950px; margin:0 auto; font-size:clamp(34px,5vw,62px); line-height:1; letter-spacing:-.05em; }
.tp-cta p { max-width:700px; margin:20px auto 0; color:#a8b6c3; font-size:17px; line-height:1.6; }
.tp-cta .tp-actions { justify-content:center; }
.tp-note { padding:24px; border-left:2px solid var(--cyan); background:rgba(8,30,45,.7); color:#b7c4cf; line-height:1.65; }
.transformer-page .footer { border-top:1px solid var(--line); }
@media(max-width:900px){.transformer-page .tp-hero__inner,.tp-technical{grid-template-columns:1fr}.tp-directions,.tp-cards{grid-template-columns:1fr}.tp-feature-grid{grid-template-columns:repeat(2,1fr)}.tp-metrics{grid-template-columns:repeat(2,1fr)}.tp-metrics div:nth-child(2){border-right:0}.tp-metrics div:nth-child(-n+2){border-bottom:1px solid var(--line)}.tp-heading{grid-template-columns:80px 1fr}.transformer-page .page-shell{padding-top:72px}}
@media(max-width:600px){.transformer-page .tp-hero{padding:38px 0}.tp-breadcrumbs{margin-bottom:28px}.tp-hero h1{font-size:42px}.tp-heading{display:block}.tp-heading__num{display:block;margin-bottom:15px}.tp-heading p{margin-top:16px}.tp-section{padding:52px 0}.tp-feature-grid,.tp-metrics{grid-template-columns:1fr}.tp-metrics div{border-right:0;border-bottom:1px solid var(--line)!important}.tp-direction{min-height:400px}.tp-actions .btn{width:100%}.tp-table div{grid-template-columns:1fr}.tp-technical__visual{min-height:260px}}