:root{color:#2a211b;background:#fff7ec;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}.top-bar{position:fixed;z-index:30;top:max(18px,env(safe-area-inset-top));left:0;width:100%;min-height:56px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border-bottom:1px solid transparent;background:transparent;padding:0 clamp(20px,6vw,72px);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,top .18s ease}.top-bar.is-docked{top:0;min-height:58px;border-color:#2a211b1a;background:#fff7ecf5;box-shadow:0 12px 36px #321a0b1f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);justify-content:space-between}.top-brand{color:#fffaf3;font-size:.92rem;font-weight:900;opacity:0;pointer-events:none;text-decoration:none;transition:color .18s ease,opacity .18s ease}.top-bar.is-docked .top-brand{color:#2a211b;opacity:1;pointer-events:auto}.locale-picker{position:relative;z-index:2}.locale-trigger{display:flex;align-items:center;gap:4px;min-height:44px;border:1px solid rgba(255,250,243,.24);border-radius:8px;background:#25140f47;color:#fffaf3;padding:4px 8px 4px 6px;transition:background-color .18s ease,border-color .18s ease,color .18s ease}.top-bar.is-docked .locale-trigger{border-color:#2a211b24;background:#fffaf3;color:#2a211b}.locale-trigger span:not(.flag-icon):not(.locale-caret){font-size:.78rem;font-weight:900}.locale-trigger:hover{background:#25140f70}.top-bar.is-docked .locale-trigger:hover{background:#f5eadc}.locale-caret{width:0;height:0;border-left:4px solid transparent;border-right:4px solid transparent;border-top:5px solid rgba(255,250,243,.82)}.top-bar.is-docked .locale-caret{border-top-color:#2a211bb8}.locale-menu{position:absolute;right:0;top:calc(100% + 8px);min-width:178px;display:grid;gap:3px;border:1px solid rgba(42,33,27,.12);border-radius:8px;background:#fffdf9fa;padding:6px;box-shadow:0 24px 80px #25140f38;animation:panel-in .16s ease-out both}.locale-menu button{display:flex;align-items:center;gap:10px;width:100%;min-height:42px;border:0;border-radius:6px;background:transparent;color:#3b2c24;padding:0 9px;text-align:left;transition:background-color .16s ease,color .16s ease,transform .16s ease}.locale-menu button span:last-child{font-size:.92rem;font-weight:800}.locale-menu button:hover{background:#fff7ec}.locale-menu button.active{background:#eff8f2;color:#245345}.flag-icon{flex:0 0 auto;width:28px;height:20px;display:inline-block;overflow:hidden;border:1px solid rgba(42,33,27,.18);border-radius:4px;box-shadow:inset 0 0 0 1px #fff3}.flag-en{background:linear-gradient(27deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(153deg,transparent 43%,#fff 43% 49%,#c8102e 49% 53%,#fff 53% 59%,transparent 59%),linear-gradient(0deg,transparent 38%,#fff 38% 62%,transparent 62%),linear-gradient(90deg,transparent 35%,#fff 35% 65%,transparent 65%),linear-gradient(0deg,transparent 43%,#c8102e 43% 57%,transparent 57%),linear-gradient(90deg,transparent 42%,#c8102e 42% 58%,transparent 58%),#012169}.flag-nl{background:linear-gradient(#ae1c28 0 33.33%,#fff 33.33% 66.66%,#21468b 66.66%)}.flag-fr{background:linear-gradient(90deg,#0055a4 0 33.33%,#fff 33.33% 66.66%,#ef4135 66.66%)}.flag-de{background:linear-gradient(#000 0 33.33%,#d00 33.33% 66.66%,#ffce00 66.66%)}.network-banner{position:fixed;z-index:20;right:16px;bottom:16px;max-width:min(360px,calc(100vw - 32px));border:1px solid rgba(55,39,28,.16);border-radius:8px;background:#fff7ecf5;box-shadow:0 18px 60px #321a0b38;color:#574236;padding:12px 14px}.hero{position:relative;min-height:92svh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(90deg,#25140fcc,#25140f57,#25140f14),url(/sunset-hero.png) center / cover no-repeat;color:#fffaf3}.hero-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(41,22,17,.52),transparent 45%);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(620px,calc(100% - 40px));margin-left:clamp(20px,8vw,112px);padding:72px 0 104px;animation:hero-rise .62s ease-out both}.eyebrow{margin:0 0 12px;color:#2f6655;font-size:.76rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.hero .eyebrow{color:#ffd19b}h1,h2,h3,p{margin-top:0}h1{max-width:11ch;margin-bottom:18px;font-family:Georgia,Times New Roman,serif;font-size:clamp(3.45rem,7.2vw,5.8rem);line-height:.9;letter-spacing:0;text-wrap:balance}.tagline{max-width:560px;margin-bottom:14px;color:#fffaf3db;font-size:clamp(1.1rem,2.5vw,1.45rem);line-height:1.45}.positioning-line{max-width:520px;margin-bottom:28px;color:#fffaf3b8;font-size:.98rem;font-weight:800;line-height:1.45}.primary-action,.secondary-action,.ghost-action,.city-input-row button,.copy-action{min-height:48px;border:0;border-radius:8px;transition:transform .18s ease,background-color .18s ease,color .18s ease,box-shadow .18s ease}.primary-action,.city-input-row button,.copy-action{background:#f4a24f;color:#261710;font-weight:800;box-shadow:0 18px 48px #51230638}.primary-action{padding:0 24px}.primary-action:hover,.city-input-row button:hover,.copy-action:hover{transform:translateY(-2px);background:#ffc46b}.checker-section{display:grid;grid-template-columns:minmax(240px,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,72px);width:min(1160px,calc(100% - 40px));margin:0 auto;padding:clamp(48px,8vw,96px) 0}.checker-copy{align-self:start;position:sticky;top:32px}.checker-copy h2,.result-heading h2{color:#2a211b;font-size:clamp(2rem,5vw,4.25rem);line-height:.98;letter-spacing:0;text-wrap:balance}.checker-copy p{max-width:410px;color:#6c5547;font-size:1.05rem;line-height:1.6}.workspace{min-width:0;border:1px solid rgba(42,33,27,.12);border-radius:8px;background:#fffdf9;box-shadow:0 24px 80px #4c2a1417;padding:clamp(18px,4vw,32px)}.onboarding-note,.install-panel,.location-summary{display:flex;align-items:center;justify-content:space-between;gap:14px;border-radius:8px;margin-bottom:18px;padding:14px}.onboarding-note{background:#fff7ec;color:#5e493c}.install-panel{border:1px solid rgba(47,102,85,.16);background:#eff8f2}.location-summary{border:1px solid rgba(42,33,27,.1);background:#fffaf3}.onboarding-note strong,.install-panel strong,.location-summary strong{display:block;color:#2a211b;font-weight:900}.onboarding-note p,.install-panel p{margin:4px 0 0;color:#6c5547;line-height:1.45}.onboarding-note button{flex:0 0 auto;min-height:38px;border:1px solid rgba(42,33,27,.14);border-radius:8px;background:#fffdf9;color:#4d392c;font-weight:800;padding:0 12px}.install-panel>div:last-child{display:flex;flex:0 0 auto;gap:8px}.location-summary small{display:block;margin-top:4px;color:#7c6251;font-weight:700}.status-pill{display:inline-flex;align-items:center;min-height:24px;border-radius:999px;background:#2f6655;color:#fffaf3;font-size:.72rem;font-weight:900;line-height:1;margin-bottom:8px;padding:0 9px}.status-pill.cached{background:#f4a24f;color:#261710}.location-row,.city-input-row,.city-results,.weather-line{display:flex;gap:10px}.location-row{flex-wrap:wrap;margin-bottom:20px}.secondary-action,.ghost-action{padding:0 16px;font-weight:800}.secondary-action{background:#2f6655;color:#fffaf3}.secondary-action:hover{transform:translateY(-2px);background:#245345}.ghost-action{border:1px solid rgba(42,33,27,.14);background:#fff7ec;color:#4d392c}.ghost-action:hover{transform:translateY(-2px);background:#f5eadc}.city-form{display:grid;gap:8px;margin-bottom:18px}.city-form label{color:#765b4a;font-size:.88rem;font-weight:800}.city-input-row input{width:100%;min-width:0;border:1px solid rgba(42,33,27,.18);border-radius:8px;background:#fffaf3;color:#2a211b;padding:0 14px;min-height:48px;outline:none}.city-input-row input:focus{border-color:#c96f36;box-shadow:0 0 0 4px #c96f3629}.city-input-row button{padding:0 18px}.city-results{flex-wrap:wrap;margin-bottom:18px}.city-results button{border:1px solid rgba(47,102,85,.2);border-radius:999px;background:#eff8f2;color:#245345;padding:8px 12px}.recent-places{display:grid;gap:9px;margin-bottom:18px}.recent-places>span{color:#765b4a;font-size:.8rem;font-weight:900;text-transform:uppercase}.recent-places>div{display:flex;flex-wrap:wrap;gap:8px}.recent-places button{border:1px solid rgba(42,33,27,.12);border-radius:999px;background:#fff7ec;color:#4d392c;padding:8px 11px;transition:background-color .16s ease,transform .16s ease}.recent-places button:hover{background:#f5eadc;transform:translateY(-1px)}.empty-state,.notice,.loading-state{border-radius:8px;background:#fff7ec;color:#6c5547;padding:18px}.empty-state span,.notice strong{display:block;margin-bottom:6px;color:#2a211b;font-weight:900}.empty-state p,.notice span{margin:0}.loading-state{display:flex;align-items:center;gap:12px}.loading-state span{width:16px;height:16px;border:2px solid rgba(201,111,54,.24);border-top-color:#c96f36;border-radius:50%;animation:spin .8s linear infinite}.result-card{animation:panel-in .36s ease-out both}.result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:20px;border-top:1px solid rgba(42,33,27,.1);border-radius:8px;background:#fff7ec}.result-heading h2{margin-bottom:0;color:#2a211b;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}.score-dial{--score: 50;flex:0 0 auto;width:clamp(104px,18vw,144px);aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:radial-gradient(circle at center,#fffdf9 0 57%,transparent 59%),conic-gradient(#2f6655 calc(var(--score) * 1%),#ecd7c4 0);color:#2a211b;box-shadow:inset 0 0 0 1px #2a211b14}.score-dial span{display:block;margin-top:12px;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.3rem,6vw,3.6rem);line-height:.8}.score-dial small{display:block;margin-top:-18px;color:#7c6251;font-weight:800}.time-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;overflow:hidden;border:1px solid rgba(42,33,27,.1);border-radius:8px;background:#2a211b1a;margin:24px 0 18px}.go-window{margin:22px 0 18px;border:1px solid rgba(47,102,85,.16);border-radius:8px;background:#eff8f2;overflow:hidden}.go-window h3{margin:0;padding:14px 16px 0;color:#245345;font-size:.98rem}.go-window>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#2f66551f;margin-top:14px}.go-window .metric{background:#f8fff9}.metric{min-width:0;background:#fffaf3;padding:14px}.metric span{display:block;margin-bottom:8px;color:#7c6251;font-size:.76rem;font-weight:800;text-transform:uppercase}.metric strong{display:block;color:#2a211b;font-size:clamp(1.08rem,3vw,1.55rem);line-height:1.05;overflow-wrap:anywhere}.metric-emphasis{background:#2f6655}.metric-emphasis span,.metric-emphasis strong{color:#fffaf3}.weather-line{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-bottom:24px}.weather-line .metric{border-radius:8px;background:#f4eadf}.reasons{border-top:1px solid rgba(42,33,27,.1);padding-top:20px}.reasons h3{margin-bottom:12px;color:#2a211b}.reasons ul{display:grid;gap:9px;margin:0;padding-left:18px;color:#5e493c;line-height:1.45}.score-breakdown{display:grid;grid-template-columns:minmax(0,.9fr) minmax(180px,1.1fr);gap:18px;border-top:1px solid rgba(42,33,27,.1);margin-top:20px;padding-top:20px}.score-breakdown h3{margin-bottom:8px;color:#2a211b}.score-breakdown p{margin:0;color:#6c5547;line-height:1.45}.score-breakdown ul{display:grid;gap:1px;overflow:hidden;border:1px solid rgba(42,33,27,.1);border-radius:8px;background:#2a211b14;margin:0;padding:0;list-style:none}.score-breakdown li{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#fffaf3;color:#5e493c;padding:10px 12px}.score-breakdown li span{min-width:0;overflow-wrap:anywhere}.score-breakdown li strong{color:#2a211b;font-variant-numeric:tabular-nums}.score-breakdown .positive{color:#2f6655}.score-breakdown .negative{color:#b54d34}.copy-action{width:100%;margin-top:24px}.feedback-form{display:grid;gap:18px;border-top:1px solid rgba(42,33,27,.1);margin-top:24px;padding-top:20px}.feedback-form h3{margin-bottom:10px;color:#2a211b;font-size:1rem}.choice-row{display:flex;flex-wrap:wrap;gap:8px}.choice,.feedback-submit{min-height:42px;border-radius:8px;font-weight:800;padding:0 13px}.choice{border:1px solid rgba(42,33,27,.14);background:#fff7ec;color:#4d392c}.choice.active{border-color:#2f66555c;background:#eff8f2;color:#245345}.feedback-submit{border:0;background:#2f6655;color:#fffaf3}.feedback-submit:disabled{cursor:not-allowed;opacity:.58}.validation-section{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);gap:clamp(18px,4vw,32px);width:min(1160px,calc(100% - 40px));margin:0 auto clamp(52px,8vw,96px)}.early-access-panel,.pro-panel{border:1px solid rgba(42,33,27,.12);border-radius:8px;background:#fffdf9;box-shadow:0 20px 64px #4c2a1414;padding:clamp(18px,4vw,28px)}.early-access-panel h2,.pro-panel h2{color:#2a211b;font-size:clamp(1.65rem,4vw,2.8rem);line-height:1;letter-spacing:0;text-wrap:balance}.early-access-form{display:grid;gap:9px;margin-top:20px}.early-access-form label{color:#765b4a;font-size:.82rem;font-weight:900;text-transform:uppercase}.early-access-form input{min-height:48px;border:1px solid rgba(42,33,27,.18);border-radius:8px;background:#fffaf3;color:#2a211b;padding:0 14px;outline:none}.early-access-form input:focus{border-color:#c96f36;box-shadow:0 0 0 4px #c96f3629}.early-access-form button,.pro-panel button{min-height:48px;border:0;border-radius:8px;background:#f4a24f;color:#261710;font-weight:900;padding:0 18px}.early-access-form span{min-height:22px;color:#6c5547}.pro-panel{background:#eff8f2}.pro-panel>strong{display:block;color:#245345;font-family:Georgia,Times New Roman,serif;font-size:clamp(2.2rem,6vw,3.4rem);line-height:1;margin:16px 0}.pro-panel ul{display:grid;gap:10px;margin:0 0 22px;padding-left:18px;color:#4d392c;line-height:1.4}.pro-panel small{display:block;color:#6c5547;font-weight:800;line-height:1.4;margin:-8px 0 18px}.upgrade-message{border-top:1px solid rgba(47,102,85,.16);color:#245345;font-weight:800;margin:18px 0 0;padding-top:14px}footer{display:flex;justify-content:space-between;gap:16px;border-top:1px solid rgba(42,33,27,.1);color:#765b4a;padding:22px clamp(20px,6vw,72px);font-size:.92rem}@keyframes hero-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes panel-in{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:820px){.hero{min-height:88svh;align-items:flex-end;background-position:58% center}.hero-content{width:min(100% - 32px,560px);margin:0 auto;padding-bottom:96px}.checker-section{grid-template-columns:1fr;width:min(100% - 28px,680px)}.checker-copy{position:static}.workspace{padding:16px}.result-heading{flex-direction:column}.time-grid,.weather-line,.go-window>div{grid-template-columns:repeat(2,minmax(0,1fr))}.score-breakdown{grid-template-columns:1fr}.validation-section{grid-template-columns:1fr;width:min(100% - 28px,680px)}footer{flex-direction:column}}@media(max-width:520px){.top-bar{padding:0 16px}h1{max-width:10.5ch;font-size:clamp(3.45rem,13vw,4.8rem)}.city-input-row,.location-row{flex-direction:column}.onboarding-note,.install-panel,.location-summary,.install-panel>div:last-child{align-items:stretch;flex-direction:column}.secondary-action,.ghost-action,.city-input-row button,.onboarding-note button{width:100%}.time-grid,.weather-line,.go-window>div{grid-template-columns:1fr}}