.hardware-more{display:inline-flex;align-items:center;gap:6px;margin-top:11px;color:#078e84;font-size:12px;font-weight:800;text-decoration:none}
.hardware-more:hover{color:#075f5a;text-decoration:underline;text-underline-offset:4px}
.seo-guides-section{padding-top:72px;padding-bottom:78px}
.seo-guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.seo-guide-card{min-height:90px;padding:16px 18px;border:1px solid #e0eaf0;border-radius:16px;background:linear-gradient(145deg,#fff,#f7fbfd);display:flex;align-items:center;gap:14px;color:#19334e;text-decoration:none;box-shadow:0 8px 24px rgba(20,48,75,.035);transition:transform .18s,border-color .18s,box-shadow .18s}
.seo-guide-card:hover{transform:translateY(-2px);border-color:#a9d8d1;box-shadow:0 14px 30px rgba(20,48,75,.08)}
.seo-guide-icon{width:42px;height:42px;flex:0 0 auto;border:1px solid #c7e7e1;border-radius:13px;display:grid;place-items:center;color:#078e84;background:#eaf8f5;font:800 12px/1 Arial,sans-serif;direction:ltr}
.seo-guide-card>span:nth-child(2){display:grid;gap:4px;min-width:0}
.seo-guide-card strong{font-size:14px;line-height:1.7}
.seo-guide-card small{color:#73859a;font-size:12px;line-height:1.7}
.seo-guide-card>b{margin-inline-start:auto;color:#0d9b8e;font-size:20px;font-weight:600;transition:transform .18s}
.seo-guide-card:hover>b{transform:translateX(-3px)}
.seo-page{min-height:70vh;background:linear-gradient(180deg,#f2f7fa 0,#fff 420px)}
.seo-breadcrumbs{width:min(1120px,calc(100% - 48px));margin-inline:auto;padding:20px 0 0;display:flex;flex-wrap:wrap;gap:9px;color:#8292a5;font-size:12px}
.seo-breadcrumbs a{color:#187f80;text-decoration:none}
.seo-breadcrumbs a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-hero{width:min(1120px,calc(100% - 48px));margin:22px auto 0;padding:clamp(24px,5vw,54px);border:1px solid rgba(93,168,184,.2);border-radius:26px;display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.72fr);align-items:center;gap:clamp(24px,5vw,64px);color:#f1f7fb;background:radial-gradient(ellipse at 85% 10%,rgba(30,188,174,.19),transparent 36%),linear-gradient(120deg,#06172b,#0b2d47);box-shadow:0 22px 54px rgba(5,28,49,.13)}
.seo-hero-copy{max-width:740px}
.seo-kicker{display:inline-flex;align-items:center;gap:8px;color:#80e3d3;font-size:13px;font-weight:800}
.seo-kicker:before{width:7px;height:7px;border-radius:50%;background:#42d7c0;box-shadow:0 0 0 5px rgba(66,215,192,.13);content:""}
.seo-hero h1{margin:17px 0 13px;color:#f6fbff;font-size:clamp(30px,4.4vw,48px);font-weight:850;line-height:1.45;letter-spacing:-.55px}
.seo-hero-copy>p{margin:0;color:#c2d1df;font-size:16px;line-height:2.05}
.seo-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:23px}
.seo-actions .button{min-height:45px}
.seo-sidecard{padding:20px;border:1px solid rgba(180,225,230,.17);border-radius:19px;background:rgba(255,255,255,.055);backdrop-filter:blur(12px)}
.seo-sidecard small{display:block;color:#83d9ce;font-size:12px;font-weight:800}
.seo-sidecard strong{display:block;margin:9px 0;color:#f4f9fc;font-size:18px;line-height:1.6}
.seo-sidecard p{margin:0;color:#b6c7d6;font-size:13px;line-height:1.95}
.seo-fact-list{display:grid;gap:9px;margin:15px 0 0;padding:0;list-style:none}
.seo-fact-list li{padding-top:9px;border-top:1px solid rgba(203,230,236,.13);color:#d0dce6;font-size:12px;line-height:1.8}
.seo-content{width:min(1000px,calc(100% - 48px));margin:0 auto;padding:46px 0 76px}
.seo-section{padding:30px 0;border-bottom:1px solid #e5edf2}
.seo-section:last-child{border-bottom:0}
.seo-section h2{margin:0 0 12px;color:#193550;font-size:clamp(23px,3vw,31px);line-height:1.55}
.seo-section h3{margin:0 0 7px;color:#203b55;font-size:17px;line-height:1.7}
.seo-section>p{max-width:850px;margin:0;color:#62768b;font-size:15px;line-height:2.1}
.seo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-top:18px}
.seo-item{padding:18px;border:1px solid #e2eaf0;border-radius:16px;background:#fff;box-shadow:0 8px 22px rgba(18,43,67,.035)}
.seo-item p{margin:0;color:#6a7c90;font-size:13px;line-height:2}
.seo-item>a{display:inline-flex;margin-top:12px;color:#078e84;font-size:12px;font-weight:800;text-decoration:none}
.seo-item>a:hover{text-decoration:underline;text-underline-offset:4px}
.seo-steps{counter-reset:seo-step;display:grid;gap:10px;margin:18px 0 0;padding:0;list-style:none}
.seo-steps li{counter-increment:seo-step;padding:15px 17px;border:1px solid #e2eaf0;border-radius:14px;background:#fff;display:grid;grid-template-columns:38px 1fr;align-items:start;gap:12px}
.seo-steps li:before{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;color:#078e84;background:#e8f7f4;font:800 12px/1 Arial,sans-serif;content:counter(seo-step,decimal-leading-zero);direction:ltr}
.seo-steps strong{display:block;margin:1px 0 4px;color:#233d58;font-size:14px;line-height:1.8}
.seo-steps p{margin:0;color:#6b7d91;font-size:13px;line-height:1.95}
.seo-note{margin-top:18px;padding:16px 18px;border:1px solid #f1d9ad;border-radius:14px;color:#765b2d;background:#fff9ee;font-size:13px;line-height:2}
.seo-note strong{color:#634719}
.seo-code{margin-top:16px;padding:18px;border-radius:15px;overflow:auto;color:#d8f4ed;background:#0a2035;direction:ltr;text-align:left}
.seo-code code{font:12px/1.9 Consolas,ui-monospace,monospace;white-space:pre}
.seo-faq{display:grid;gap:9px;margin-top:17px}
.seo-faq details{padding:15px 17px;border:1px solid #e3ebf0;border-radius:13px;background:#fff}
.seo-faq summary{color:#24415d;font-size:14px;font-weight:800;line-height:1.8;cursor:pointer}
.seo-faq p{margin:9px 0 0;color:#667a8f;font-size:13px;line-height:2}
.seo-related{display:flex;flex-wrap:wrap;gap:9px;margin-top:18px}
.seo-related a{padding:9px 13px;border:1px solid #dce9ef;border-radius:999px;color:#117e79;background:#f8fcfc;font-size:12px;font-weight:750;text-decoration:none}
.seo-related a:hover{border-color:#9cd7ce;background:#effaf7}
.seo-end{margin-top:26px;padding:22px;border:1px solid rgba(64,182,168,.2);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#eaf8f5,#f5fafc)}
.seo-end h2{margin:0 0 5px;color:#1e4057;font-size:19px;line-height:1.6}
.seo-end p{margin:0;color:#667f91;font-size:13px;line-height:1.9}
.seo-page-footer{margin-top:0}
@media(max-width:760px){.seo-guides-section{padding-block:55px}.seo-guide-grid{grid-template-columns:1fr}.seo-guide-card{min-height:78px;padding:13px}.seo-hero{width:calc(100% - 32px);grid-template-columns:1fr;padding:25px 21px;border-radius:20px;gap:20px}.seo-hero h1{font-size:clamp(27px,7vw,37px)}.seo-hero-copy>p{font-size:14px}.seo-sidecard{padding:16px}.seo-breadcrumbs,.seo-content{width:calc(100% - 34px)}.seo-breadcrumbs{font-size:11px}.seo-content{padding-top:25px;padding-bottom:52px}.seo-section{padding:24px 0}.seo-section>p{font-size:14px}.seo-grid{grid-template-columns:1fr}.seo-item{padding:16px}.seo-end{align-items:stretch;flex-direction:column}.seo-end .button{width:100%}}
@media(prefers-reduced-motion:reduce){.seo-guide-card,.seo-guide-card>b{transition:none}}