.sc-page{max-width:800px;margin:0 auto;padding:60px 24px}.sc-header{text-align:center;margin-bottom:32px}.sc-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:3px;text-transform:uppercase;background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:16px}.sc-eyebrow-square{width:8px;height:8px;border-radius:2px;background:linear-gradient(135deg,#2d6a4f,#74b49b);flex-shrink:0;-webkit-text-fill-color:initial}.sc-title{font-family:Outfit,sans-serif;font-size:64px;font-weight:900;letter-spacing:-3px;line-height:1.05;margin-bottom:16px}.sc-gradient{background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sc-subtitle{font-family:Inter,sans-serif;font-size:16px;color:#ffffff80;line-height:1.6}.sc-section-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.sc-how{margin-bottom:48px}.sc-how-card{background:#0c0c0c;border:1px solid rgba(45,106,79,.15);border-radius:14px;padding:24px}.sc-how-card p{font-family:Inter,sans-serif;font-size:15px;color:#ffffff8c;line-height:1.7;margin:0 0 16px}.sc-how-card p:last-child{margin-bottom:0}.sc-how-card strong{color:#ffffffb3;font-weight:600}.sc-faq{margin-bottom:48px}.sc-faq-list{display:flex;flex-direction:column;gap:8px}.sc-faq-item{background:#0c0c0c;border:1px solid rgba(45,106,79,.15);border-radius:14px;overflow:hidden}.sc-faq-question{font-family:Outfit,sans-serif;font-size:15px;font-weight:600;padding:18px 24px;cursor:pointer;list-style:none;background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sc-faq-question::-webkit-details-marker{display:none}.sc-faq-question:after{content:"+";float:right;font-size:18px;font-weight:700;background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sc-faq-item[open] .sc-faq-question:after{content:"−"}.sc-faq-answer{padding:0 24px 18px}.sc-faq-answer p{font-family:Inter,sans-serif;font-size:14px;color:#ffffff8c;line-height:1.7;margin:0}.sc-related{border-top:1px solid rgba(255,255,255,.06);padding-top:40px}.sc-related-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#fff;margin-bottom:16px}.sc-related-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.sc-related-card{background:#0c0c0c;border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:20px 16px;text-align:center;text-decoration:none;transition:border-color .2s ease}.sc-related-card:hover{border-color:#2d6a4f66}.sc-related-name{font-family:Outfit,sans-serif;font-size:14px;font-weight:600;background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@media(max-width:600px){.sc-title{font-size:44px;letter-spacing:-2px}.sc-related-grid{grid-template-columns:1fr}}.dhc-tool{margin-bottom:48px}.dhc-inputs{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-bottom:20px}@media(max-width:600px){.dhc-inputs{grid-template-columns:1fr}}.dhc-label{display:block;font-family:Inter,sans-serif;font-size:14px;font-weight:600;color:#fff9;letter-spacing:.5px;margin-bottom:8px}.dhc-location-wrap{position:relative}.dhc-location-input{width:100%;box-sizing:border-box;background:#0c0c0c;border:1px solid rgba(45,106,79,.25);border-radius:12px;padding:14px 16px;font-family:Outfit,sans-serif;font-size:15px;font-weight:600;color:#fff;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.dhc-location-input:focus{border-color:#74b49b99;box-shadow:0 0 20px #2d6a4f26}.dhc-location-input::placeholder{color:#ffffff4d;font-weight:500}.dhc-picker-list{position:absolute;top:calc(100% + 6px);left:0;right:0;z-index:20;max-height:280px;overflow-y:auto;margin:0;padding:6px;list-style:none;background:#0c0c0c;border:1px solid rgba(45,106,79,.3);border-radius:12px;box-shadow:0 12px 40px #00000080}.dhc-picker-item{display:block;width:100%;padding:10px 12px;background:none;border:none;border-radius:8px;font-family:Inter,sans-serif;font-size:14px;color:#ffffffbf;text-align:left;cursor:pointer;transition:background .15s ease}.dhc-picker-item:hover{background:#2d6a4f26}.dhc-picker-empty{padding:12px;font-family:Inter,sans-serif;font-size:14px;color:#fff6;text-align:center}.dhc-date-wrap{display:flex;flex-direction:column;align-items:flex-start}.dhc-quick-dates{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.dhc-quick-btn{padding:8px 14px;background:#0c0c0c99;border:1px solid rgba(45,106,79,.25);border-radius:999px;cursor:pointer;font-family:Outfit,sans-serif;font-size:13px;font-weight:600;color:#ffffff8c;transition:border-color .2s ease,background .2s ease}.dhc-quick-btn:hover{border-color:#74b49b80;background:#2d6a4f14}.dhc-quick-btn--active{border-color:#74b49bb3;background:#2d6a4f26;color:#fff}.dhc-hero-band{display:flex;align-items:center;justify-content:center;width:100vw;margin-left:calc(50% - 50vw);padding:48px 24px 56px;background:linear-gradient(135deg,#0d1f17,#1a2e24);border-top:1px solid rgba(45,106,79,.25);border-bottom:1px solid rgba(45,106,79,.25);margin-bottom:40px}.dhc-hero-centre{display:flex;flex-direction:column;align-items:center;text-align:center;width:100%;max-width:640px}.dhc-result-location{font-family:Outfit,sans-serif;font-size:16px;font-weight:600;color:#ffffffa6;margin:0 0 6px}.dhc-result-date{font-family:Inter,sans-serif;font-size:14px;color:#ffffff73;margin:0 0 24px}.dhc-daylight-hero{font-family:Outfit,sans-serif;font-size:clamp(32px,6vw,48px);font-weight:900;letter-spacing:-1px;line-height:1.1;margin:0 0 20px;color:#fff}.dhc-sun-times{display:flex;gap:32px;margin-bottom:32px}.dhc-sun-time{display:flex;flex-direction:column;align-items:center;gap:4px}.dhc-sun-time-label{font-family:Inter,sans-serif;font-size:11px;font-weight:600;letter-spacing:1px;text-transform:uppercase;color:#ffffff73}.dhc-sun-time-value{font-family:Outfit,sans-serif;font-size:20px;font-weight:800;background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.dhc-chart-wrap{width:100%}.dhc-chart-bar{position:relative;height:20px;background:#0a0a14;border-radius:999px;overflow:visible;margin-bottom:28px}.dhc-chart-bar--polar{margin-bottom:12px}.dhc-chart-seg{position:absolute;top:0;height:100%;border-radius:0}.dhc-chart-seg--night{background:#0f172a}.dhc-chart-seg--day{background:linear-gradient(90deg,#fbbf24,#f59e0b);box-shadow:0 0 12px #fbbf2459}.dhc-chart-tick{position:absolute;top:100%;width:2px;height:10px;margin-left:-1px;margin-top:2px;background:#fff9;z-index:2}.dhc-chart-tick-label{position:absolute;top:14px;left:50%;transform:translate(-50%);white-space:nowrap;font-family:Inter,sans-serif;font-size:11px;font-weight:600;color:#ffffff8c}.dhc-chart-axis{display:flex;justify-content:space-between;font-family:Inter,sans-serif;font-size:11px;color:#ffffff59;margin-top:4px}.dhc-polar-note{font-family:Inter,sans-serif;font-size:14px;color:#ffffff80;text-align:center;margin:0 0 8px}.dhc-compare{margin-bottom:48px}.dhc-compare-title{font-family:Outfit,sans-serif;font-size:20px;font-weight:700;color:#fff;margin:0 0 16px}.dhc-compare-table-wrap{overflow-x:auto;border-radius:14px;border:1px solid rgba(45,106,79,.15)}.dhc-compare-table{width:100%;border-collapse:collapse;background:#0c0c0c;font-family:Inter,sans-serif;font-size:14px}.dhc-compare-table th{text-align:left;padding:14px 16px;font-family:Outfit,sans-serif;font-size:12px;font-weight:700;letter-spacing:.5px;text-transform:uppercase;color:#ffffff73;border-bottom:1px solid rgba(45,106,79,.15)}.dhc-compare-table td{padding:14px 16px;color:#ffffffa6;border-bottom:1px solid rgba(255,255,255,.04)}.dhc-compare-table tr:last-child td{border-bottom:none}.dhc-compare-row--highlight td{color:#fff;font-weight:600;background:#2d6a4f14}.dhc-compare-row--highlight td:nth-child(2){background:linear-gradient(135deg,#2d6a4f,#74b49b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}