.examples-main{overflow:hidden}.examples-hero{background:var(--page);padding:95px 0 0}.examples-hero-inner{max-width:1200px}.examples-hero h1{max-width:900px;margin:25px 0 24px}.examples-hero p:not(.section-kicker){max-width:680px;color:var(--muted);font-size:19px;line-height:1.65}.example-jump{background:var(--border);border:1px solid var(--border);grid-template-columns:repeat(4,1fr);gap:1px;margin-top:55px;display:grid}.example-jump a{background:var(--surface);justify-content:space-between;align-items:center;padding:23px 27px;font-weight:700;display:flex}.example-jump a:hover{color:var(--accent);background:var(--surface-soft)}.example-jump span{color:var(--accent)}.example-section{background:var(--page);padding:100px 0;scroll-margin-top:24px}.example-section+.example-section{border-top:1px solid var(--border)}.example-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:clamp(36px,6vw,100px);display:grid}.example-copy h2{margin:20px 0 25px;font-size:clamp(42px,4.4vw,64px);line-height:1.05}.example-copy p:not(.section-kicker){max-width:530px;color:var(--muted);font-size:17px;line-height:1.7}.example-copy .example-source{margin-top:35px;font-size:13px!important}.example-source{color:var(--muted);font-size:13px;line-height:1.65}.example-source a{color:var(--accent);text-underline-offset:3px;text-decoration:underline}.demo-panel{border:1px solid var(--border);background:var(--surface);box-shadow:0 24px 55px var(--shadow);border-radius:12px;overflow:hidden}.demo-panel-top{border-bottom:1px solid var(--border);color:var(--muted);letter-spacing:1.2px;justify-content:space-between;gap:15px;padding:19px 25px;font-size:11px;font-weight:700;display:flex}.demo-panel-top span:first-child{color:var(--accent);align-items:center;gap:9px;display:flex}.live-dot{background:#0cf;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #0cf3}.demo-form{padding:29px 30px 0}.demo-form label,.weather-picker label{color:var(--muted);margin-bottom:10px;font-size:13px;font-weight:700;display:block}.field-row{gap:10px;display:flex}.field-row input,.weather-picker select{border:1px solid var(--border);background:var(--page);min-width:0;color:var(--text);border-radius:6px;font:600 16px DM Sans,sans-serif}.field-row input{text-transform:uppercase;flex:1;width:100%;padding:15px 16px}.field-row input[data-mode=naam]{text-transform:none}.field-row button{color:#fff;cursor:pointer;white-space:nowrap;background:#06f;border:0;border-radius:6px;padding:0 17px;font:700 14px DM Sans,sans-serif}.field-row button:hover{background:#0054d6}.field-row button:disabled{opacity:.65;cursor:wait}.field-row button span{margin-left:12px}#kvk-mode{border:1px solid var(--border);background:var(--page);width:100%;color:var(--text);border-radius:6px;margin:0 0 17px;padding:13px 14px;font:600 15px DM Sans,sans-serif;display:block}.kvk-results{gap:20px;max-height:560px;display:grid;overflow-y:auto}.kvk-match+.kvk-match{border-top:1px solid var(--border);padding-top:20px}.kvk-match>strong{margin-bottom:16px;font:700 21px Space Grotesk,sans-serif;display:block}.demo-status{min-height:25px;color:var(--muted);margin:18px 0 25px;padding:0 30px;font-size:13px}.demo-result{border-top:1px solid var(--border);background:var(--surface-soft);padding:25px 30px 29px}.result-heading{gap:5px;margin-bottom:22px;display:grid}.result-heading small{color:var(--accent);letter-spacing:1.4px;font-size:10px;font-weight:700}.result-heading strong{font:700 23px Space Grotesk,sans-serif}.detail-grid{grid-template-columns:1fr 1fr;gap:18px 25px;margin:0;display:grid}.detail-grid dt{color:var(--muted);font-size:11px}.detail-grid dd{margin:4px 0 0;font-weight:700}.weather-section{background:var(--surface-soft)}.weather-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:30px;display:flex}.weather-heading .example-copy p:not(.section-kicker){max-width:730px}.weather-picker{min-width:200px;margin-bottom:8px}.weather-picker select{cursor:pointer;width:100%;padding:13px 14px}.weather-panel{box-shadow:none}.weather-summary{border-top:1px solid var(--border);grid-template-columns:260px 1fr;display:grid}.temperature-display{color:#f8faff;background:#0b1f4a;flex-direction:column;justify-content:center;padding:30px;display:flex}.temperature-display span,.temperature-display small{color:#b9d8f2;font-size:12px}.temperature-main{align-items:center;gap:10px;margin:8px 0;display:flex}.temperature-display strong{white-space:nowrap;font:700 46px/1 Space Grotesk,sans-serif}.thermometer{flex:none;width:40px;height:88px;display:block}.thermometer-shell{fill:#ffffff18;stroke:#b9d8f2;stroke-width:2px}.thermometer-ticks{fill:none;stroke:#b9d8f2;stroke-width:2px;stroke-linecap:round}.thermometer-mercury,.thermometer-bulb-core{fill:#0cf}.thermometer-bulb{fill:#0b1f4a;stroke:#b9d8f2;stroke-width:2px}.weather-metrics{grid-template-columns:repeat(3,1fr);display:grid}.weather-metrics>div{border-right:1px solid var(--border);border-bottom:1px solid var(--border);flex-direction:column;gap:10px;min-height:124px;padding:22px;display:flex}.weather-metrics span{color:var(--muted);font-size:12px}.weather-metrics strong{font:700 16px Space Grotesk,sans-serif}.weather-metrics .wind-card,.weather-metrics .cloud-card{flex-direction:row;justify-content:space-between;align-items:center;gap:8px}.wind-readout,.cloud-readout{flex-direction:column;gap:7px;min-width:0;display:flex}.wind-readout small,.cloud-readout small{color:var(--muted);font-size:11px;line-height:1.35}.wind-compass{flex:none;width:76px;height:76px;display:block}.compass-ring{fill:var(--page);stroke:var(--border);stroke-width:2px}.compass-cross{fill:none;stroke:var(--border);stroke-width:2px}.wind-compass text{fill:var(--muted);font:700 11px DM Sans,sans-serif}.compass-tip{fill:var(--accent)}.compass-tail{fill:#8fa6bd}.compass-center{fill:var(--text)}.meteo-icon{flex:none;width:55px;height:55px;display:block}.meteo-icon .icon-sun,.meteo-icon .icon-cloud,.meteo-icon .icon-rain,.meteo-icon .icon-snow,.meteo-icon .icon-fog,.meteo-icon .icon-thunder{display:none}.meteo-icon .icon-sun{fill:none;stroke:#f4b83e;stroke-width:2.7px;stroke-linecap:round}.meteo-icon .icon-cloud{fill:var(--surface-soft);stroke:var(--accent);stroke-width:2.7px;stroke-linejoin:round}.meteo-icon .icon-rain,.meteo-icon .icon-snow,.meteo-icon .icon-fog,.meteo-icon .icon-thunder{fill:none;stroke:var(--accent);stroke-width:2.7px;stroke-linecap:round;stroke-linejoin:round}.meteo-icon[data-kind=sun] .icon-sun,.meteo-icon[data-kind=partly] .icon-sun,.meteo-icon[data-kind=partly] .icon-cloud,.meteo-icon[data-kind=cloud] .icon-cloud,.meteo-icon[data-kind=rain] .icon-cloud,.meteo-icon[data-kind=rain] .icon-rain,.meteo-icon[data-kind=snow] .icon-cloud,.meteo-icon[data-kind=snow] .icon-snow,.meteo-icon[data-kind=fog] .icon-cloud,.meteo-icon[data-kind=fog] .icon-fog,.meteo-icon[data-kind=thunder] .icon-cloud,.meteo-icon[data-kind=thunder] .icon-thunder{display:block}.forecast-table-wrap{padding:28px 30px 30px;overflow-x:auto}.forecast-table-wrap table{border-collapse:collapse;text-align:left;width:100%;min-width:630px;font-size:13px}.forecast-table-wrap caption{text-align:left;margin-bottom:17px;font:700 18px Space Grotesk,sans-serif}.forecast-table-wrap th{color:var(--muted);font-size:11px;font-weight:700}.forecast-table-wrap th,.forecast-table-wrap td{border-bottom:1px solid var(--border);padding:12px 8px}.weather-source{max-width:900px;margin:17px 0 0}.locator-section{background:var(--surface-soft)}.locator-heading{max-width:780px;margin-bottom:36px}.locator-controls{flex-wrap:wrap;align-items:end;gap:14px;padding:26px 30px 0;display:flex}.locator-controls button,.locator-controls select{border-radius:6px;min-height:48px;font:700 14px DM Sans,sans-serif}.locator-controls button{color:#fff;cursor:pointer;background:#06f;border:0;padding:0 20px}.locator-controls button:hover{background:#0054d6}.locator-controls .locator-reset{border:1px solid var(--border);background:var(--page);color:var(--text)}.locator-controls .locator-reset:hover{background:var(--surface-soft);color:var(--accent)}.locator-controls button span{margin-left:12px}.locator-controls label{color:var(--muted);flex-basis:100%;font-size:13px;font-weight:700}.locator-controls select{border:1px solid var(--border);background:var(--page);min-width:220px;color:var(--text);cursor:pointer;padding:0 14px}.locator-status{color:var(--muted);margin:18px 30px;font-size:13px;line-height:1.5}.locator-content{border-top:1px solid var(--border);grid-template-columns:minmax(0,1.3fr) minmax(260px,.7fr);display:grid}.locator-map-wrap{background:var(--page);min-height:410px;position:relative}.locator-map{position:absolute;inset:0}.locator-map-fallback{text-align:center;color:var(--muted);background:radial-gradient(circle at 55% 40%, #0cf2, transparent 42%), repeating-linear-gradient(0deg, transparent 0 40px, var(--border) 41px 42px), repeating-linear-gradient(90deg, transparent 0 40px, var(--border) 41px 42px), var(--page);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:30px;display:flex;position:absolute;inset:0}.locator-map-fallback[hidden]{display:none}.locator-map-fallback strong{color:var(--text);font:700 22px Space Grotesk,sans-serif}.locator-map-fallback span:last-child{max-width:290px;font-size:13px;line-height:1.5}.locator-map-icon{color:var(--accent);font-size:60px;line-height:1}.locator-results{counter-reset:branch;max-height:410px;margin:0;padding:0;list-style:none;overflow-y:auto}.locator-results li{border-bottom:1px solid var(--border);counter-increment:branch;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;display:flex}.locator-results li:before{content:counter(branch, decimal-leading-zero);color:var(--accent);font:700 12px Space Grotesk,sans-serif}.locator-results li div{flex-direction:column;flex:1;gap:5px;display:flex}.locator-results strong{font-size:14px}.locator-results li span{color:var(--muted);font-size:12px}.locator-results a{color:var(--accent);white-space:nowrap;font-size:12px;font-weight:700}.locator-disclaimer{border-top:1px solid var(--border);color:var(--muted);margin:0;padding:17px 30px;font-size:12px;line-height:1.5}.examples-cta{color:#fff;background:linear-gradient(115deg,#0057dd,#06f 55%,#0091e8);padding:90px 0}.examples-cta .section-kicker,.examples-cta h2 span{color:#9defff}.examples-cta h2{margin:20px 0;font-size:clamp(45px,5vw,72px)}.examples-cta p:not(.section-kicker){color:#e4f4ff;max-width:580px;font-size:17px;line-height:1.65}.examples-cta .button{margin-top:16px}@media (width<=960px){.example-grid{grid-template-columns:1fr}.example-copy p:not(.section-kicker){max-width:750px}.weather-heading{flex-direction:column;align-items:start}.weather-picker{width:min(100%,300px)}.example-jump{grid-template-columns:repeat(2,1fr)}.locator-content{grid-template-columns:1fr}.locator-map-wrap{min-height:360px}}@media (width<=760px){.examples-hero{padding-top:65px}.example-jump{grid-template-columns:1fr;margin-top:35px}.example-section{padding:70px 0}.weather-summary{grid-template-columns:1fr}.temperature-display{padding:24px 26px}.weather-metrics{grid-template-columns:repeat(2,1fr)}.weather-metrics .wind-card,.weather-metrics .cloud-card{grid-column:1/-1}}@media (width<=500px){.field-row{flex-direction:column}.field-row button{min-height:48px}.demo-form,.demo-result,.forecast-table-wrap,.demo-status{padding-left:20px;padding-right:20px}.demo-panel-top{padding-left:20px;padding-right:20px;font-size:9px}.weather-metrics>div{min-height:98px;padding:17px}.weather-metrics strong{font-size:14px}.detail-grid{gap:16px}.locator-controls{padding:22px 20px 0}.locator-controls button,.locator-controls select{width:100%}.locator-status{margin-left:20px;margin-right:20px}.locator-disclaimer{padding-left:20px;padding-right:20px}}