
/* Multi-page refinements inspired by cleaner industrial SaaS spacing */
.page-hero{padding:160px 0 70px;background:linear-gradient(135deg,#f8fbff 0%,#f4f0ff 100%);border-bottom:1px solid rgba(26,42,74,.08)}
.page-hero .container{max-width:1180px}.page-hero h1{font-size:clamp(2.4rem,5vw,4.6rem);line-height:1.04;color:var(--navy);max-width:950px;margin:10px 0 22px;font-weight:900}.page-hero p{font-size:clamp(1rem,1.8vw,1.25rem);color:#4b5e7a;max-width:820px;line-height:1.75;font-weight:500}.breadcrumbs{display:flex;gap:10px;align-items:center;color:#64748b;font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;margin-bottom:22px}.breadcrumbs a{color:var(--orange)}
.page-intro{background:#fff}.page-intro .container{max-width:1120px}.page-intro h2{font-size:clamp(2rem,3.4vw,3.3rem);line-height:1.1;color:var(--navy);max-width:860px;margin-bottom:18px}.page-intro p{font-size:1.1rem;color:#4b5e7a;max-width:850px;line-height:1.8}
.section-link{margin-top:-24px;margin-bottom:44px}.section-link .elec-link{font-weight:800;color:var(--orange)}
.page-cta{background:#111827;color:#fff}.page-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.page-cta h2{font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;margin:8px 0 14px}.page-cta p{color:rgba(255,255,255,.72);max-width:720px}.page-cta .section-label{color:#8bbdff}
.category-band{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.category-band article,.reason-grid article{background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:24px;box-shadow:0 12px 35px rgba(26,42,74,.06)}.category-band h3,.reason-grid h3{font-size:1.05rem;color:var(--navy);margin-bottom:10px}.category-band p,.reason-grid p{color:#64748b;font-size:.93rem;line-height:1.7}
.service-editorial{display:grid;grid-template-columns:1fr 1fr;gap:22px}.service-editorial article{background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:30px}.service-editorial article:first-child{grid-column:1/-1}.service-editorial h2{font-size:1.45rem;color:var(--navy);margin-bottom:12px}.service-editorial p{color:#4b5e7a;line-height:1.82}.simple-process{background:#f8fafc}.process-line{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.process-line div{background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:22px;display:flex;align-items:center;gap:14px}.process-line strong{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#7B2FF7,#2D8EFF);color:#fff;font-family:'Space Grotesk',sans-serif}.process-line span{font-weight:800;color:var(--navy)}
.contact-reasons{background:#fff}.reason-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.contact-form input[name="partNumber"]{width:100%;padding:15px 18px;border:1.5px solid rgba(26,42,74,.14);border-radius:8px;font:inherit;color:var(--navy);background:#fff;margin-bottom:14px}
.nav-links a[href="/"],.nav-links a[href="/products"],.nav-links a[href="/services"],.nav-links a[href="/blog"]{white-space:nowrap}.hero{padding-top:128px}.catalog-grid .prod-card:nth-child(n+9){display:none}
@media(max-width:900px){.page-hero{padding:132px 0 52px}.page-cta-inner{display:block}.page-cta .btn-primary{margin-top:22px}.category-band,.reason-grid,.service-editorial,.process-line{grid-template-columns:1fr}.service-editorial article:first-child{grid-column:auto}.nav-links{display:none}.hamburger{display:flex}.catalog-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.catalog-grid{grid-template-columns:1fr}.page-hero h1{font-size:2.15rem}.page-hero p{font-size:1rem}.category-band article,.service-editorial article,.reason-grid article{padding:20px}.process-line div{padding:18px}.page-cta{padding:44px 0}}


/* Senior design/SEO polish: calmer Robovative-inspired rhythm */
body{font-size:16px;line-height:1.65}.container{max-width:1240px}.section{padding:76px 0}.nav-links{gap:30px}.nav-links a{font-size:.78rem;letter-spacing:.08em}.logo-tagline{letter-spacing:.12em}.btn-nav,.btn-primary,.btn-nav-light{border-radius:6px;letter-spacing:.07em}.hero-content{padding:72px 24px 68px;max-width:1180px}.hero-eyebrow,.section-label{letter-spacing:.16em;font-size:.7rem}.hero-title{font-size:clamp(2.8rem,6vw,5.6rem);line-height:.98;letter-spacing:0;margin-bottom:22px}.hero-sub{font-size:clamp(1.05rem,2vw,1.45rem);white-space:normal;color:#334155;margin-bottom:18px}.h1-seo{font-size:1rem;max-width:780px;color:#526174}.hero-badge{border-radius:6px;margin-bottom:26px}.hero-process{max-width:980px}.process-card,.prod-card,.service-card,.blog-card,.amragv-card,.category-band article,.reason-grid article,.service-editorial article{border-radius:8px}.section-head{max-width:820px;margin-bottom:42px}.section-head[style*="center"],.section-head[style*="text-align:center"]{margin-left:auto;margin-right:auto}.section-head h2,.page-intro h2,.page-cta h2{letter-spacing:0}.section-head p{font-size:1.04rem;color:#526174}.page-hero{padding:168px 0 86px;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%)}.page-hero .container{max-width:1120px}.page-hero h1{font-size:clamp(2.7rem,5.2vw,5.2rem);letter-spacing:0;max-width:980px}.page-hero p{font-size:1.12rem;max-width:780px;color:#526174}.breadcrumbs{font-size:.72rem;letter-spacing:.12em}.catalog-grid,.services-grid,.blog-grid{gap:28px}.prod-body,.blog-body{padding:24px}.prod-title,.service-card h3{letter-spacing:0}.prod-desc,.service-card p,.blog-body p{color:#526174;line-height:1.75}.category-band,.reason-grid{gap:22px}.category-band article,.reason-grid article,.service-editorial article{padding:30px}.expanded-services{background:#fbfdff}.simple-process{background:#f7f9fc}.process-line div{border-radius:8px;min-height:96px}.contact-grid{align-items:start}.contact-form{border-radius:8px}.footer{margin-top:0}.page-cta{padding:78px 0;background:#101827}.page-cta-inner{max-width:1120px}.float-btns a{border-radius:8px}
@media(max-width:900px){.section{padding:58px 0}.hero-content{padding:48px 20px 54px}.hero-title{font-size:clamp(2.4rem,12vw,4rem)}.page-hero{padding:136px 0 60px}.page-hero h1{font-size:clamp(2.25rem,10vw,3.6rem)}.catalog-grid,.services-grid,.blog-grid{gap:20px}.page-cta{padding:58px 0}}


/* Logo and screenshot-directed cleanup */
.logo{gap:14px}.brand-mark{height:48px;width:48px;object-fit:contain;display:block;background:transparent;border-radius:0;box-shadow:none}.logo-name{font-size:0}.logo-sparx,.logo-pro{font-size:1.45rem}.logo-tagline{color:#6b7280;font-size:.58rem;letter-spacing:.12em;font-weight:800}.hero-badge{display:none!important}.float-btns .wechat{display:none!important}.float-btns{gap:14px}.nav{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%)}#topBanner{font-size:.86rem}.banner-desktop,.banner-mobile{font-weight:800}.footer .brand-mark{height:42px;width:42px}
@media(max-width:560px){.brand-mark{height:42px;width:42px}.logo-sparx,.logo-pro{font-size:1.18rem}.logo-tagline{font-size:.48rem}.float-btns{right:14px;bottom:14px}.float-btn{min-width:150px}}


/* Top banner removed per latest direction */
.nav.no-banner{top:0}.hero{padding-top:104px}.page-hero{padding-top:138px}#topBanner{display:none!important}.hero-eyebrow{text-transform:uppercase}.hero-sub{font-weight:800;color:#334155}
@media(max-width:900px){.hero{padding-top:92px}.page-hero{padding-top:118px}}


/* Home statement band refinement */
.statement-band{padding:0;background:#fff;border-top:1px solid rgba(26,42,74,.08);border-bottom:1px solid rgba(26,42,74,.08)}
.statement-band-inner{display:grid;grid-template-columns:220px minmax(0,1fr);gap:46px;align-items:center;min-height:150px;padding-top:34px;padding-bottom:34px}
.statement-kicker{font-size:.62rem;font-weight:900;letter-spacing:.18em;text-transform:uppercase;color:var(--orange);white-space:nowrap}
.statement-band h2{font-size:clamp(1.45rem,2.5vw,2.25rem);line-height:1.12;color:var(--navy);letter-spacing:0;margin:0;max-width:900px}
.statement-band p{grid-column:2;color:#526174;font-size:1rem;line-height:1.7;max-width:830px;margin:-28px 0 0}
@media(max-width:900px){.statement-band-inner{grid-template-columns:1fr;gap:14px;min-height:auto;padding-top:42px;padding-bottom:42px}.statement-band p{grid-column:auto;margin:0}.statement-kicker{white-space:normal}}


/* Match highlighted statement band to navigation fill */
.statement-band{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%)!important;border-top:1px solid rgba(123,47,247,.12);border-bottom:1px solid rgba(123,47,247,.12)}


/* AMR/AGV specialist supplier section */
.specialist-focus{background:#fff;padding:82px 0;border-top:1px solid rgba(26,42,74,.08)}
.specialist-head{text-align:center;max-width:1120px;margin:0 auto 44px}.specialist-head h2{font-size:clamp(2rem,4vw,3.7rem);line-height:1.08;color:var(--navy);letter-spacing:0;margin:8px 0 16px}.specialist-head p{color:#526174;font-size:1.05rem;line-height:1.75;max-width:780px;margin:0 auto}
.specialist-grid{display:grid;grid-template-columns:1fr .98fr;gap:54px;align-items:center}.specialist-cards{display:grid;grid-template-columns:1fr 1fr;gap:18px}.specialist-cards article{min-height:132px;background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:24px;box-shadow:0 14px 36px rgba(26,42,74,.05);transition:transform .25s ease,border-color .25s ease}.specialist-cards article:hover{transform:translateY(-2px);border-color:rgba(123,47,247,.32)}.specialist-cards span{display:block;font-size:1.45rem;margin-bottom:18px}.specialist-cards h3{font-size:1rem;color:var(--navy);margin-bottom:8px}.specialist-cards p{font-size:.92rem;color:#64748b;line-height:1.65}.specialist-visual{position:relative;border-radius:8px;overflow:hidden;min-height:420px;box-shadow:0 24px 70px rgba(26,42,74,.18)}.specialist-visual img{width:100%;height:100%;min-height:420px;object-fit:cover;display:block}.visual-chip{position:absolute;left:24px;bottom:22px;background:rgba(26,42,74,.72);border:1px solid rgba(123,47,247,.35);color:#61a3ff;border-radius:999px;padding:8px 14px;font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(8px)}.specialist-source{display:inline-block;margin:28px 0 0 calc(50% + 27px);background:linear-gradient(135deg,#7B2FF7,#2D8EFF);color:#fff;font-weight:900;font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;padding:13px 22px;border-radius:8px;box-shadow:0 14px 32px rgba(123,47,247,.25)}
@media(max-width:980px){.specialist-grid{grid-template-columns:1fr}.specialist-source{margin-left:0}.specialist-visual,.specialist-visual img{min-height:320px}}
@media(max-width:620px){.specialist-focus{padding:58px 0}.specialist-cards{grid-template-columns:1fr}.specialist-head{text-align:left}.specialist-head p{margin:0}.specialist-cards article{min-height:auto}.specialist-source{width:100%;text-align:center}}


/* Installation and maintenance toolkit block */
.toolkit-block{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border-top:1px solid rgba(123,47,247,.12);border-bottom:1px solid rgba(123,47,247,.12);padding:82px 0}.toolkit-inner{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center}.toolkit-copy h2{font-size:clamp(2rem,3.4vw,3.4rem);line-height:1.08;color:var(--navy);letter-spacing:0;margin:10px 0 18px}.toolkit-copy p{font-size:1.06rem;line-height:1.78;color:#526174;max-width:720px}.toolkit-points{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:26px 0 30px}.toolkit-points span{background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:12px 14px;color:var(--navy);font-weight:800;font-size:.88rem}.toolkit-media{border-radius:8px;overflow:hidden;box-shadow:0 24px 70px rgba(26,42,74,.16);min-height:390px}.toolkit-media img{width:100%;height:100%;min-height:390px;object-fit:cover;display:block}.specialist-visual img{object-position:center center}.specialist-head h2{max-width:1180px;margin-left:auto;margin-right:auto}
@media(max-width:980px){.toolkit-inner{grid-template-columns:1fr}.toolkit-media,.toolkit-media img{min-height:300px}.toolkit-points{grid-template-columns:1fr}}


/* Requested section refinements */
.statement-kicker{font-family:'Montserrat',sans-serif;font-size:.7rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--orange)}
.specialist-side{display:flex;flex-direction:column;align-items:flex-start;gap:22px}
.specialist-cards article{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border-color:rgba(123,47,247,.18);box-shadow:0 16px 40px rgba(26,42,74,.08)}
.specialist-cards article:hover{border-color:rgba(123,47,247,.4);box-shadow:0 20px 48px rgba(45,142,255,.12)}
.specialist-cards span{width:42px;height:42px;border-radius:8px;background:#fff;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 8px 22px rgba(123,47,247,.12)}
.specialist-source{margin:0;background:linear-gradient(135deg,#7B2FF7 0%,#2D8EFF 100%);border-radius:6px;padding:14px 24px;box-shadow:0 12px 30px rgba(123,47,247,.28)}
.specialist-source:hover,.toolkit-copy .btn-primary:hover{background:linear-gradient(135deg,#6f28df 0%,#237fe8 100%);transform:translateY(-2px);box-shadow:0 16px 36px rgba(123,47,247,.34)}
.toolkit-copy .btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;border-radius:6px;background:linear-gradient(135deg,#7B2FF7 0%,#2D8EFF 100%);box-shadow:0 12px 30px rgba(123,47,247,.28);font-size:.88rem;letter-spacing:.07em}

.services{background:#fff;padding:78px 0 64px}
.services .fade-in{opacity:1;transform:none}
.services-note{position:relative;text-align:center;color:var(--green);font-size:.78rem;font-weight:900;letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px}
.services-note::before{content:"✓ ";font-weight:900}
.services .section-head{margin-bottom:44px}
.services .section-label{color:var(--orange)}
.services .section-head h2{font-size:clamp(2rem,3.2vw,3rem);line-height:1.1;color:var(--navy)}
.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;max-width:1040px;margin:0 auto}
.service-card{min-height:188px;background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;padding:30px 26px;box-shadow:none;position:relative;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.service-card:hover{transform:translateY(-3px);border-color:rgba(123,47,247,.28);box-shadow:0 18px 46px rgba(26,42,74,.08)}
.service-card.featured{border-color:var(--orange);box-shadow:0 12px 32px rgba(123,47,247,.16)}
.featured-tag{top:14px;right:14px;background:var(--orange);border-radius:999px;padding:5px 12px;font-size:.62rem;letter-spacing:.08em}
.service-icon{width:44px;height:44px;border-radius:8px;background:rgba(123,47,247,.12);color:var(--orange);margin-bottom:20px}
.service-icon svg{width:26px;height:26px}

.footer{background:#fff;border-top:1px solid rgba(26,42,74,.1)}
.footer-inner{grid-template-columns:1.05fr 2.3fr;gap:72px;padding:76px 16px 64px}
.footer-logo-area{align-items:center;margin-bottom:22px}
.footer-brand p{font-size:1rem;line-height:1.55;max-width:360px;color:#526174}
.footer-links{grid-template-columns:repeat(3,minmax(0,1fr));gap:54px}
.footer-col{gap:14px}
.footer-col h4{color:var(--orange);font-size:.72rem;font-weight:700;letter-spacing:.34em;margin-bottom:8px}
.footer-col a{color:#263244;font-size:1rem;line-height:1.45;font-weight:500}
.footer-col a:hover{color:var(--orange)}
.footer-bottom{border-top:1px solid rgba(26,42,74,.1)}
.footer-bottom-inner{justify-content:center;text-align:center;padding:26px 16px 30px}
.footer-bottom p{font-size:.88rem;color:#526174}
.footer-legal{display:none}
.page-cta{display:none}

@media(max-width:980px){.specialist-side{gap:18px}.services-grid{grid-template-columns:1fr 1fr}.footer-inner{grid-template-columns:1fr;gap:38px;padding-top:52px}.footer-links{gap:32px}}
@media(max-width:680px){.services-grid,.footer-links{grid-template-columns:1fr}.service-card{min-height:auto}.footer-inner{padding-bottom:42px}.footer-col h4{letter-spacing:.24em}.specialist-source{width:100%;text-align:center}}


/* SEO/product page cleanup and home-style consistency */
.breadcrumbs{display:none!important}
.page-hero{border-bottom:0;background:linear-gradient(180deg,#f8fbff 0%,#ffffff 100%);padding:142px 0 70px}
.page-hero h1{margin-top:0}
.page-hero .btn-primary{margin-top:22px}
.products-hero{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border-bottom:0}
.products-hero .container{max-width:1040px;text-align:center}
.products-hero h1{margin-left:auto;margin-right:auto}
.products-hero p{margin-left:auto;margin-right:auto}
.products-feature{border-top:0;border-bottom:0}
.products-feature-grid{align-items:center}
.specialist-copy .section-label,.toolkit-copy .section-label,.product-catalog-section .section-label{color:var(--orange)}
.specialist-copy h2{font-size:clamp(2rem,3.4vw,3.35rem);line-height:1.08;color:var(--navy);letter-spacing:0;margin:10px 0 18px}
.specialist-copy > p{font-size:1.06rem;line-height:1.78;color:#526174;max-width:720px;margin-bottom:28px}
.product-focus-list{grid-template-columns:1fr 1fr}
.image-focus-list article{padding:0;overflow:hidden}
.image-focus-list article img{width:100%;aspect-ratio:16/9;object-fit:cover;background:#e5e7eb}
.image-focus-list article div{padding:18px}
.image-focus-list article h3{margin-bottom:8px}
.image-focus-list article p{margin:0}
.specialist-visual-stack{display:grid;gap:18px;width:100%}
.specialist-visual-stack .specialist-visual{min-height:250px}
.specialist-visual-stack .specialist-visual img{min-height:250px}
.specialist-visual-stack .visual-chip{display:none}
.toolkit-block.products-feature{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border:0}
.toolkit-media-grid{display:grid;gap:18px}
.toolkit-media-grid .toolkit-media{min-height:255px}
.toolkit-media-grid .toolkit-media img{min-height:255px}
.product-catalog-section{background:#fff;padding:76px 0}
.product-catalog-section.toolkit-catalog{background:#fbfdff}
.product-catalog-section .section-head{text-align:left;max-width:840px}
.product-catalog-section .section-head h2{font-size:clamp(2rem,3vw,3rem);line-height:1.1;color:var(--navy);margin:8px 0 14px}
.product-catalog-section .section-head p{font-size:1.04rem;line-height:1.7;color:#526174;max-width:760px}
.product-catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-item{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border:1px solid rgba(123,47,247,.16);border-radius:8px;overflow:hidden;box-shadow:0 14px 34px rgba(26,42,74,.06);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.catalog-item:hover{transform:translateY(-3px);border-color:rgba(123,47,247,.34);box-shadow:0 18px 46px rgba(26,42,74,.1)}
.catalog-item img{width:100%;aspect-ratio:16/10;object-fit:cover;background:#e5e7eb}
.catalog-item div{padding:22px}
.catalog-item h3{font-size:1.04rem;color:var(--navy);line-height:1.25;margin-bottom:10px}
.catalog-item p{font-size:.92rem;line-height:1.65;color:#526174;margin-bottom:14px}
.catalog-item span{display:block;color:var(--orange);font-size:.76rem;font-weight:800;letter-spacing:.05em;line-height:1.45;text-transform:uppercase}
.catalog-cta{margin-top:28px;background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border:1px solid rgba(123,47,247,.16);border-radius:8px;padding:28px;display:flex;align-items:center;justify-content:space-between;gap:24px}
.catalog-cta h3{font-size:1.28rem;color:var(--navy);margin-bottom:6px}
.catalog-cta p{color:#526174;line-height:1.65;max-width:660px}
.catalog-cta .btn-primary{white-space:nowrap}
.footer{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border-top:1px solid rgba(123,47,247,.12)}
.footer-bottom{border-top:1px solid rgba(123,47,247,.12)}
.btn-primary{display:inline-flex;align-items:center;justify-content:center;min-height:48px;background:linear-gradient(135deg,#7B2FF7 0%,#2D8EFF 100%);color:#fff!important;font-family:'Space Grotesk',sans-serif;font-weight:800;font-size:.88rem;letter-spacing:.07em;text-transform:uppercase;padding:13px 24px;border-radius:6px;border:0;box-shadow:0 12px 30px rgba(123,47,247,.28);transition:transform .25s ease,box-shadow .25s ease,background .25s ease}
.btn-primary:hover{background:linear-gradient(135deg,#6f28df 0%,#237fe8 100%);transform:translateY(-2px);box-shadow:0 16px 36px rgba(123,47,247,.34)}

@media(max-width:980px){.product-catalog-grid{grid-template-columns:1fr 1fr}.catalog-cta{align-items:flex-start;flex-direction:column}.product-focus-list{grid-template-columns:1fr}}
@media(max-width:680px){.page-hero{padding:118px 0 50px}.products-hero .container{text-align:left}.products-hero h1,.products-hero p{margin-left:0;margin-right:0}.product-catalog-grid{grid-template-columns:1fr}.catalog-item div{padding:20px}.catalog-cta{padding:22px}.catalog-cta .btn-primary{width:100%;text-align:center}}

/* Blog SEO pages */
.blog-hero{background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border-bottom:1px solid rgba(123,47,247,.12)}
.blog-listing-page .blog .fade-in{opacity:1;transform:none}
.blog-card{display:flex;flex-direction:column;height:100%}
.blog-photo{height:220px;background:#e5e7eb;overflow:hidden;display:block}
.blog-photo img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .3s ease}
.blog-card:hover .blog-photo img{transform:scale(1.03)}
.blog-body{display:flex;flex:1;flex-direction:column;align-items:flex-start}
.blog-body h3 a{color:inherit;transition:color .2s ease}
.blog-body h3 a:hover{color:var(--orange)}
.blog-body .elec-link{margin-top:auto}
.article-hero{padding-bottom:52px}
.article-hero .article-meta{display:flex;flex-wrap:wrap;gap:10px 18px;margin-top:20px;color:#526174;font-size:.86rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.article-hero .article-meta span{display:inline-flex;align-items:center}
.article-shell{background:#fff}
.article-layout{display:grid;grid-template-columns:minmax(0,760px) 320px;gap:58px;align-items:start}
.article-featured-image{margin:-34px auto 48px;max-width:1120px;border-radius:8px;overflow:hidden;box-shadow:0 24px 70px rgba(26,42,74,.14);background:#e5e7eb}
.article-featured-image img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.article-content{font-size:1rem;color:#334155;line-height:1.84}
.article-content h2{font-size:clamp(1.45rem,2.4vw,2.2rem);line-height:1.18;color:var(--navy);margin:38px 0 12px}
.article-content h3{font-size:1.16rem;line-height:1.35;color:var(--navy);margin:28px 0 8px}
.article-content p,.article-content ul,.article-content table{margin-bottom:18px}
.article-content ul{padding-left:22px}
.article-content li{margin-bottom:8px}
.article-content strong{color:var(--navy)}
.article-content table{width:100%;border-collapse:collapse;font-size:.92rem;overflow:hidden;border-radius:8px}
.article-content th{background:rgba(123,47,247,.1);color:var(--navy);padding:12px;text-align:left;border:1px solid rgba(26,42,74,.1)}
.article-content td{padding:12px;border:1px solid rgba(26,42,74,.1)}
.article-content tr:nth-child(even) td{background:#f8fafc}
.article-tip{margin:30px 0;padding:22px;background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border:1px solid rgba(123,47,247,.16);border-left:4px solid var(--orange);border-radius:8px;color:#263244}
.article-aside{position:sticky;top:118px;background:linear-gradient(135deg,#fbf8ff 0%,#eef5ff 100%);border:1px solid rgba(123,47,247,.16);border-radius:8px;padding:24px}
.article-aside h2{font-size:1rem;color:var(--navy);line-height:1.3;margin-bottom:12px}
.article-aside p{color:#526174;font-size:.92rem;line-height:1.65;margin-bottom:18px}
.article-aside .btn-primary{width:100%;text-align:center}
.related-articles{background:#fbfdff}
.related-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.related-card{background:#fff;border:1px solid rgba(26,42,74,.1);border-radius:8px;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.related-card:hover{transform:translateY(-3px);border-color:rgba(123,47,247,.28);box-shadow:0 18px 46px rgba(26,42,74,.08)}
.related-card img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.related-card div{padding:18px}
.related-card h3{font-size:1rem;color:var(--navy);line-height:1.35;margin-bottom:8px}
.related-card p{color:#526174;font-size:.9rem;line-height:1.6}
@media(max-width:980px){.article-layout{grid-template-columns:1fr;gap:34px}.article-aside{position:static}.article-featured-image{margin-top:-20px}.blog-photo{height:200px}}
@media(max-width:680px){.article-hero{padding-bottom:38px}.article-featured-image{margin-bottom:32px}.article-content table{font-size:.82rem}.article-content th,.article-content td{padding:9px}.related-grid{grid-template-columns:1fr}.blog-photo{height:210px}}
