.install-hero{padding:88px 5vw 78px;color:#fff;background:radial-gradient(circle at 18% 18%,rgba(25,143,234,.22),transparent 33%),linear-gradient(135deg,#04162f,#082b52 63%,#04162f)}
.install-hero-inner{width:min(1050px,100%);margin:auto;text-align:center}.install-hero h1{margin:18px 0;font-size:clamp(48px,5vw,76px);line-height:1.03;letter-spacing:-.045em}.install-hero h1 span{color:var(--cyan)}.install-hero p{max-width:760px;margin:0 auto;color:#d0deed;font-size:19px}.install-hero-meta{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-top:26px}.install-hero-meta span{padding:8px 12px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(255,255,255,.08);font-size:13px;font-weight:750}
.install-toc{position:sticky;top:84px;z-index:16;display:flex;gap:8px;overflow-x:auto;padding:12px 4vw;background:rgba(255,255,255,.98);border-bottom:1px solid var(--line);scrollbar-width:none}.install-toc::-webkit-scrollbar{display:none}.install-toc a{flex:0 0 auto;padding:9px 13px;border:1px solid #c6dbef;border-radius:999px;background:#fff;color:#24415f;font-size:12px;font-weight:800}
.install-section{padding:75px 6vw;scroll-margin-top:150px}.install-section-alt{background:var(--soft)}.install-section-heading{max-width:850px;margin:0 auto 42px;text-align:center}.install-section-heading>span{color:var(--blue);font-size:12px;font-weight:900;letter-spacing:.09em}.install-section-heading h2{margin:9px 0 12px;font-size:clamp(32px,3.5vw,49px);line-height:1.1;letter-spacing:-.035em}.install-section-heading p{margin:0;color:var(--muted);font-size:17px}
.requirements-grid,.verification-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;width:min(1100px,100%);margin:auto}.requirements-grid article,.verification-grid article{padding:25px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:0 10px 28px rgba(23,65,110,.06)}.requirements-grid strong{color:var(--blue);font-size:18px}.requirements-grid p,.verification-grid p{margin:8px 0 0;color:var(--muted)}
.install-step{display:grid;grid-template-columns:minmax(280px,.82fr) minmax(420px,1.18fr);gap:50px;align-items:center;width:min(1200px,100%);margin:0 auto 58px}.install-step-copy>b{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:50%;background:#e4f3ff;color:var(--blue);font-size:17px}.install-step-copy h3{margin:14px 0 10px;font-size:27px}.install-step-copy p{color:var(--muted);font-size:17px}.copy-field{overflow-x:auto;padding:14px 16px;border:1px solid #bfd8ef;border-radius:10px;background:#f1f8ff}.copy-field code{white-space:nowrap;color:#0a4f91;font-size:13px}
.doc-shot{margin:0;overflow:hidden;border:1px solid #c8daec;border-radius:17px;background:#fff;box-shadow:0 18px 42px rgba(24,66,110,.09)}.doc-shot a{display:block}.doc-shot img{display:block;width:100%;max-height:680px;object-fit:contain;background:#f7fafd}.doc-shot-landscape img{max-height:500px}.doc-shot figcaption{padding:12px 15px;color:#5f7288;font-size:13px;text-align:center}.doc-shot-pair,.dashboard-results{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.doc-callout{width:min(1000px,100%);margin:28px auto;padding:20px 22px;border-radius:13px;border-left:5px solid}.doc-callout strong{display:block;margin-bottom:5px}.doc-callout p{margin:0;color:#53687e}.doc-callout-info{border-color:#1588ec;background:#eaf6ff}.doc-callout-warning{border-color:#e6a22d;background:#fff7e5}
.install-checklist{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;width:min(1250px,100%);margin:0 auto 35px}.install-checklist div{padding:20px;border:1px solid var(--line);border-radius:14px;background:#fff;text-align:center}.install-checklist b{display:grid;place-items:center;width:38px;height:38px;margin:0 auto 12px;border-radius:50%;background:#e3f2ff;color:var(--blue)}.install-checklist span{font-size:14px;color:#425b74}.dashboard-results{width:min(850px,100%);margin:auto}.verification-grid{grid-template-columns:repeat(4,1fr)}.verification-grid span{color:var(--blue);font-size:12px;font-weight:900}.verification-grid h3{margin:9px 0 0}
.screen-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;width:min(1250px,100%);margin:auto}.screen-gallery figure{margin:0;overflow:hidden;border:1px solid var(--line);border-radius:15px;background:#fff;box-shadow:0 10px 26px rgba(24,66,110,.06)}.screen-gallery a{display:block;height:360px;overflow:hidden;background:#f4f8fc}.screen-gallery img{width:100%;height:100%;object-fit:cover;object-position:top center}.screen-gallery figcaption{padding:12px 14px;font-weight:750;text-align:center}
.troubleshooting-list{width:min(900px,100%);margin:auto}.troubleshooting-list details{margin:12px 0;padding:18px 20px;border:1px solid var(--line);border-radius:13px;background:#fff}.troubleshooting-list summary{cursor:pointer;font-weight:800}.troubleshooting-list p{margin:12px 0 0;color:var(--muted)}
.install-final-cta{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:0 5vw 65px;padding:35px 42px;border-radius:18px;color:#fff;background:linear-gradient(135deg,#087fe5,#0758b9)}.install-final-cta h2{margin:0;font-size:clamp(28px,3vw,40px)}.install-final-cta p{margin:6px 0 0;color:#dbeaff}
@media(max-width:1000px){.install-step{grid-template-columns:1fr;gap:25px}.requirements-grid{grid-template-columns:1fr}.install-checklist{grid-template-columns:repeat(2,1fr)}.verification-grid{grid-template-columns:repeat(2,1fr)}.screen-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:700px){.install-hero{padding:65px 20px 55px}.install-hero h1{font-size:45px}.install-toc{top:76px;padding-inline:16px}.install-section{padding:58px 20px}.doc-shot-pair,.dashboard-results{grid-template-columns:1fr}.install-checklist,.verification-grid{grid-template-columns:1fr}.screen-gallery{grid-template-columns:repeat(2,1fr)}.screen-gallery a{height:310px}.install-final-cta{display:grid;margin:0 20px 45px;padding:28px}}
@media(max-width:430px){.screen-gallery{grid-template-columns:1fr}.screen-gallery a{height:430px}}