.spd-feature{margin-top:28px;background:radial-gradient(circle at 24% 42%,rgba(82,178,255,.2),transparent 28%),linear-gradient(132deg,#020d18,#0a2a47 62%,#123f65)}
.spd-feature .product-badge{background:#276fa6}.spd-feature .product-detail h2 span{color:#73c3ff}.spd-feature .product-stage img{max-height:500px}
.spd-page-hero{padding:80px 0;background:radial-gradient(circle at 82% 32%,rgba(78,177,255,.22),transparent 25%),linear-gradient(115deg,#020d18,#0b2944 68%,#155587);color:#fff}
.spd-page-hero h1{font-size:clamp(3rem,5.6vw,5.5rem);line-height:.98;letter-spacing:-.055em;margin:18px 0}.spd-page-hero p{max-width:760px;color:#d3e3ef;font-size:1.05rem}
.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:28px 0}.spec-item{padding:18px;border:1px solid var(--line2);background:#f7fafc}.spec-item b{display:block;color:var(--brand);font-size:1.2rem}.spec-item span{font-size:.78rem;color:var(--muted2)}
.spd-card{background:radial-gradient(circle at 50% 38%,rgba(83,181,255,.18),transparent 29%),linear-gradient(145deg,#020d18,#0c3456)}
.automation-section{padding:82px 0;background:linear-gradient(135deg,#031827,#08475a);color:#fff}.automation-heading h2{color:#fff}.automation-heading p{color:#c5d9dd}.automation-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.automation-card{display:grid;grid-template-columns:.82fr 1.18fr;min-height:500px;background:#fff;color:#17303c;box-shadow:0 22px 55px rgba(0,0,0,.2)}.automation-visual{position:relative;display:grid;place-items:center;padding:32px 20px;background:radial-gradient(circle,rgba(42,216,187,.18),transparent 45%),#061f2d;overflow:hidden}.automation-visual span{position:absolute;left:18px;top:18px;z-index:2;padding:8px 10px;background:#13aa93;color:#fff;font-size:.7rem;font-weight:900;letter-spacing:.08em}.automation-visual img{width:min(92%,290px);max-height:340px;object-fit:contain;filter:drop-shadow(0 26px 24px rgba(0,0,0,.36))}.automation-copy{display:flex;flex-direction:column;padding:32px}.automation-copy small{color:#109e88;font-weight:900;letter-spacing:.09em}.automation-copy h3{margin:8px 0 12px;color:#052c41;font-size:2rem}.automation-copy p{margin:0;color:#526d78;line-height:1.65}.automation-copy ul{margin:20px 0;padding-left:19px;color:#375661;font-size:.85rem;line-height:1.75}.automation-copy a{margin-top:auto;color:#087b6b;font-weight:850;text-decoration:none}.machine-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:22px;background:rgba(255,255,255,.13)}.machine-use-grid div{padding:22px;background:rgba(255,255,255,.06)}.machine-use-grid b,.machine-use-grid span{display:block}.machine-use-grid b{color:#fff}.machine-use-grid span{margin-top:5px;color:#bcd0d5;font-size:.78rem;line-height:1.5}.automation-note{margin:20px 0 0;padding:17px 19px;border-left:4px solid #22c4a8;background:rgba(255,255,255,.08);color:#d1e1e4;line-height:1.65}.spd-family-section{padding:82px 0;background:#f1f6f8}.spd-family-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.spd-family-card{background:#fff;border:1px solid var(--line2);box-shadow:0 14px 38px rgba(7,39,54,.07)}.spd-family-image{position:relative;display:grid;place-items:center;min-height:290px;padding:24px;background:radial-gradient(circle,rgba(47,183,255,.15),transparent 45%),linear-gradient(145deg,#031827,#0a3b59)}.spd-family-image img{width:90%;height:245px;object-fit:contain;filter:drop-shadow(0 20px 17px rgba(0,0,0,.35))}.spd-family-image span{position:absolute;left:14px;top:14px;padding:7px 9px;background:#237bb0;color:#fff;font-size:.7rem;font-weight:900}.spd-family-card>div:last-child{padding:24px}.spd-family-card small{color:#148d7d;font-weight:900;letter-spacing:.08em}.spd-family-card h3{margin:8px 0 12px;color:var(--brand);font-size:1.35rem}.spd-family-card p{min-height:120px;margin:0;color:var(--muted2);line-height:1.65;font-size:.88rem}.spd-family-card b{display:block;margin-top:16px;color:#075969;font-size:.82rem}.coordination-flow{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center;margin-top:28px;padding:24px;background:#fff;border:1px solid #d5e4e8}.coordination-flow span{display:block}.coordination-flow span b,.coordination-flow span small{display:block}.coordination-flow span b{color:#16a68f;font-size:.72rem}.coordination-flow span small{margin-top:4px;color:#657c85}.coordination-flow i{color:#169d88;font-size:1.4rem;font-style:normal}.spd-family-section .automation-note{background:#e3f2f2;color:#49656e}
@media(max-width:1100px){.automation-card{grid-template-columns:1fr}.automation-visual{min-height:330px}.spd-family-grid{grid-template-columns:1fr 1fr}}
@media(max-width:900px){.spec-grid{grid-template-columns:1fr 1fr}.automation-grid{grid-template-columns:1fr}.machine-use-grid{grid-template-columns:1fr 1fr}.coordination-flow{grid-template-columns:1fr}.coordination-flow i{transform:rotate(90deg);justify-self:center}}
@media(max-width:580px){.spec-grid,.spd-family-grid,.machine-use-grid{grid-template-columns:1fr}.spd-feature .product-stage img{max-height:360px}.automation-section,.spd-family-section{padding:58px 0}.automation-copy{padding:27px 23px}.spd-family-card p{min-height:0}.coordination-flow{padding:20px}}
