.visible-planets-page{background:#f4f9fc;color:#243642;padding-bottom:72px}
.visible-planets-container{width:min(1120px,calc(100% - 32px));margin:0 auto}
.visible-planets-hero{padding:62px 0 44px;text-align:center;background:radial-gradient(circle at 50% 0,rgba(39,112,168,.22),transparent 42%),linear-gradient(180deg,#eaf6fc 0,#f4f9fc 100%)}
.visible-planets-eyebrow,.visible-planets-kicker{margin:0 0 9px;color:#168dc5;font-size:12px;font-weight:800;letter-spacing:1.25px;text-transform:uppercase}
.visible-planets-hero h1{max-width:940px;margin:0 auto 16px;color:#203440;font-size:clamp(34px,5vw,52px);line-height:1.08;letter-spacing:-.025em}
.visible-planets-lead{max-width:850px;margin:0 auto;color:#57717f;font-size:18px;line-height:1.7}
.visible-planets-shell{display:grid;gap:30px}
.visible-planets-location,.visible-planets-results,.visible-planets-section,.visible-planets-faq,.visible-planets-astroclock-cta{background:#fff;border:1px solid #d8e7ef;border-radius:20px;box-shadow:0 14px 38px rgba(31,103,142,.08)}
.visible-planets-location{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:30px;padding:34px 36px;align-items:start}
.visible-planets-location h2,.visible-planets-section-heading h2,.visible-planets-results-head h2,.visible-planets-astroclock-cta h2{margin:0 0 10px;color:#223945;font-size:clamp(25px,3vw,32px);line-height:1.2}
.visible-planets-location-copy>p:last-child,.visible-planets-section-heading>p:last-child,.visible-planets-astroclock-cta p,.visible-planets-results-head>div>p:last-child{margin:0;color:#5c7480;font-size:16px;line-height:1.72}
.visible-planets-picker label{display:block;margin-bottom:8px;color:#344f5d;font-size:13px;font-weight:800}
.visible-planets-picker-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:10px;align-items:start}
.visible-planets-city-control{position:relative;min-width:0}
.visible-planets-city-control input{width:100%;height:48px;border:1px solid #c9dce6;border-radius:12px;background:#fbfdfe;padding:0 14px;color:#294654;font-size:15px;outline:none;box-sizing:border-box}
.visible-planets-city-control input:focus{border-color:#4ba9d3;box-shadow:0 0 0 3px rgba(75,169,211,.12)}
.visible-planets-or{align-self:center;color:#8aa0ab;font-size:12px}
.visible-planets-location-button{min-height:48px;border:0;border-radius:12px;background:#17344b;color:#fff;padding:0 16px;font-size:13px;font-weight:800;cursor:pointer;white-space:nowrap}
.visible-planets-location-button:hover,.visible-planets-location-button:focus{background:#204b67}
.visible-planets-location-button:disabled{opacity:.6;cursor:wait}
.visible-planets-suggestions{position:absolute;z-index:25;left:0;right:0;top:54px;border:1px solid #cfe0e8;border-radius:12px;background:#fff;box-shadow:0 16px 32px rgba(29,80,109,.16);overflow:hidden;max-height:310px;overflow-y:auto}
.visible-planets-city-option{display:block;width:100%;border:0;border-top:1px solid #e7eef2;background:#fff;padding:11px 13px;text-align:left;cursor:pointer}
.visible-planets-city-option:first-child{border-top:0}
.visible-planets-city-option:hover,.visible-planets-city-option:focus{background:#eef8fc}
.visible-planets-city-option strong{display:block;color:#294654;font-size:13px}
.visible-planets-city-option small{display:block;margin-top:3px;color:#8298a4;font-size:11px}
.visible-planets-status{min-height:20px;margin:9px 0 0;color:#66808e;font-size:12px}
.visible-planets-status.is-error{color:#aa4d4a}
.visible-planets-privacy{grid-column:1/-1;margin:0;padding-top:2px;color:#7c919c;font-size:12px;line-height:1.6}
.visible-planets-results{padding:32px 34px}
.visible-planets-results-head{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:28px;align-items:start;margin-bottom:26px}
.visible-planets-twilight{display:grid;grid-template-columns:repeat(2,minmax(145px,1fr));gap:10px}
.visible-planets-twilight>div{padding:13px 15px;border-radius:12px;background:#f2f8fb;border:1px solid #dce9ef}
.visible-planets-twilight span{display:block;color:#7a909b;font-size:10px;font-weight:800;letter-spacing:.65px;text-transform:uppercase}
.visible-planets-twilight strong{display:block;margin-top:4px;color:#304b59;font-size:14px}
.visible-planets-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.visible-planet-card{padding:18px;border:1px solid #dfeaf0;border-radius:15px;background:#fbfdfe;min-width:0}
.visible-planet-card--good{border-color:#bfe5da;background:linear-gradient(180deg,#f5fcfa,#fff)}
.visible-planet-card--low{border-color:#ead7af;background:linear-gradient(180deg,#fffaf0,#fff)}
.visible-planet-card--optical{border-color:#d9d0ef;background:linear-gradient(180deg,#faf8ff,#fff)}
.visible-planet-card--muted{opacity:.82}
.visible-planet-card-head{display:flex;gap:13px;align-items:flex-start}
.visible-planet-symbol{flex:0 0 46px;height:46px;display:grid;place-items:center;border-radius:50%;background:#17344b;color:#e8f8ff;font-family:"Segoe UI Symbol","Noto Sans Symbols 2",sans-serif;font-size:25px}
.visible-planet-card h3{margin:1px 0 6px;color:#2e4855;font-size:19px}
.visible-planet-badge{display:inline-flex;border-radius:999px;padding:5px 9px;font-size:10px;font-weight:800}
.visible-planet-badge--good{background:#e5f6ef;color:#2f765b}
.visible-planet-badge--low{background:#fff1d7;color:#916427}
.visible-planet-badge--optical{background:#eee9fa;color:#66518f}
.visible-planet-badge--muted{background:#edf1f3;color:#71838c}
.visible-planet-now{margin:15px 0 12px;color:#647d89;font-size:13px;line-height:1.5}
.visible-planet-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.visible-planet-metrics>div{padding:9px 10px;border-radius:9px;background:#f4f8fa;min-width:0}
.visible-planet-metrics span{display:block;color:#899da7;font-size:9px;font-weight:800;letter-spacing:.55px;text-transform:uppercase}
.visible-planet-metrics strong{display:block;margin-top:3px;color:#3d5865;font-size:12px;line-height:1.35;overflow-wrap:anywhere}
.visible-planets-legend{display:flex;gap:16px;flex-wrap:wrap;margin-top:20px;color:#687f8a;font-size:11px}
.visible-planets-legend span{display:inline-flex;align-items:center;gap:6px}
.visible-dot{width:8px;height:8px;border-radius:50%;display:inline-block}
.visible-dot--good{background:#65bea0}
.visible-dot--low{background:#d4a84f}
.visible-dot--optical{background:#9780c5}
.visible-planets-section{padding:34px 36px}
.visible-planets-section-heading{max-width:820px;margin-bottom:24px}
.visible-planets-section-heading--center{text-align:center;margin-left:auto;margin-right:auto}
.visible-planets-explain-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.visible-planets-explain-grid article{position:relative;padding:21px 19px 19px 58px;border:1px solid #e0ebf0;border-radius:14px;background:#fbfdfe}
.visible-planets-explain-grid article>span{position:absolute;left:18px;top:19px;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#e4f4fb;color:#137ead;font-size:14px;font-weight:800}
.visible-planets-explain-grid h3{margin:0 0 6px;color:#334e5b;font-size:17px}
.visible-planets-explain-grid p{margin:0;color:#627986;font-size:14px;line-height:1.65}
.visible-planets-limitations{background:#fbfdfe}
.visible-planets-astroclock-cta{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px;align-items:center;padding:30px 32px;background:radial-gradient(circle at 0 0,rgba(97,195,231,.12),transparent 32%),linear-gradient(135deg,#f3f9fc,#fff)}
.visible-planets-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;font-size:14px;font-weight:800;white-space:nowrap}
.visible-planets-button--dark{background:#17344b;color:#fff}
.visible-planets-button:hover,.visible-planets-button:focus{transform:translateY(-1px);text-decoration:none}
.visible-planets-faq{padding:34px 36px}
.visible-planets-faq details{border-top:1px solid #e0ebf0}
.visible-planets-faq details:last-child{border-bottom:1px solid #e0ebf0}
.visible-planets-faq summary{cursor:pointer;padding:17px 4px;color:#334e5b;font-size:16px;font-weight:750}
.visible-planets-faq details p{margin:0;padding:0 4px 18px;color:#627986;line-height:1.65}
@media(max-width:850px){
  .visible-planets-hero{padding:42px 0 30px}
  .visible-planets-location{grid-template-columns:1fr;padding:26px 20px}
  .visible-planets-privacy{grid-column:auto}
  .visible-planets-results,.visible-planets-section,.visible-planets-faq{padding:26px 20px}
  .visible-planets-results-head{grid-template-columns:1fr}
  .visible-planets-grid,.visible-planets-explain-grid{grid-template-columns:1fr}
  .visible-planets-astroclock-cta{grid-template-columns:1fr;padding:25px 20px}
  .visible-planets-button{justify-self:start;white-space:normal;text-align:center}
}
@media(max-width:620px){
  .visible-planets-container{width:min(100% - 20px,1120px)}
  .visible-planets-lead{font-size:16px}
  .visible-planets-picker-row{grid-template-columns:1fr}
  .visible-planets-or{text-align:center}
  .visible-planets-location-button{width:100%}
  .visible-planets-twilight{grid-template-columns:1fr}
  .visible-planet-metrics{grid-template-columns:1fr}
  .visible-planets-explain-grid article{padding:20px 16px 18px 54px}
}