*{box-sizing:border-box} :root{--ink:#28113f;--blue:#9c13e8;--teal:#772bd2;--muted:#756587;--yellow:#ffd83d}body{margin:0;color:var(--ink);font:16px/1.55 "Trebuchet MS",Arial,sans-serif;background:#f4fbff}h1,h2,h3,p{margin-top:0}a{color:inherit;text-decoration:none}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(22px,calc((100vw - 1120px)/2));background:#fff;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:9px;font-size:25px;font-weight:900;letter-spacing:-1px;color:#112d51}.brand>span:last-child>span{color:#a013e8}.umbrella{font-size:34px;line-height:1}.tagline{font-size:13px;font-weight:800;color:#772bd2;background:#f4e8ff;border-radius:30px;padding:9px 14px}.hero{min-height:500px;position:relative;display:flex;align-items:center;overflow:visible;background:linear-gradient(110deg,#f7eaff 0%,#fff9ff 48%,#ead6ff 100%);padding:50px max(22px,calc((100vw - 1120px)/2)) 62px}.hero-art{position:absolute;right:0;top:0;width:58%;height:100%;background-image:linear-gradient(90deg,#fff4ff 0%,#fff4ff18 30%,#fff4ff00 58%),url('../images/paraplu-hero.png');background-position:center;background-size:cover;opacity:1;mask-image:linear-gradient(90deg,transparent 0%,#000 16%);pointer-events:none}.hero-content{position:relative;z-index:1;width:min(590px,58%)}.eyebrow{font-size:11px;font-weight:900;letter-spacing:1.5px;color:#772bd2;display:inline-block;margin-bottom:10px}.hero h1{font-size:clamp(39px,5vw,61px);line-height:1.02;letter-spacing:-2px;margin:0 0 18px;font-weight:900;max-width:590px}.hero h1 em{font-style:normal;color:#9b10e8;position:relative}.hero h1 em:after{content:"";position:absolute;left:0;right:0;bottom:-5px;height:6px;border-radius:50%;background:#ffdb36;transform:rotate(-2deg)}.hero-content>p:not(.hint){font-size:17px;max-width:480px;color:#385775;margin-bottom:22px}.search{display:grid;grid-template-columns:1fr auto;gap:8px;background:white;padding:8px;border-radius:19px;box-shadow:0 14px 35px #13527c1a;max-width:640px;border:1px solid #e1f1f8}.place-input{display:flex;align-items:center;gap:10px;position:relative;min-width:0;padding:0 12px}.place-input>span{font-size:21px}.place-input input{border:0;outline:0;min-width:0;width:100%;font:inherit;color:var(--ink);padding:10px 0}.search button{border:0;border-radius:14px;background:var(--yellow);padding:14px 20px;color:#102c50;font-size:15px;font-weight:900;white-space:nowrap;cursor:pointer;box-shadow:0 4px 0 #efbd21}.search button span{font-size:20px;margin-left:8px}.hint{font-size:12px;color:#658098;margin:12px 0 17px}.mini-points{display:flex;flex-wrap:wrap;gap:8px 17px;font-size:12px;font-weight:700;color:#315a70}.mini-points span: first-letter{color:#09a875}.result-wrap{position:relative;z-index:2;width:min(1120px,calc(100% - 36px));margin:-36px auto 0;background:white;border-radius:24px;padding:28px;box-shadow:0 17px 45px #103e5d17;border:1px solid #e5f2f8}.result-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:21px}.result-top .eyebrow{margin-bottom:3px}.result-top h2{font-size:28px;line-height:1.15;margin:0 0 5px;letter-spacing:-.7px}.result-top p{color:var(--muted);font-size:13px;margin:0}.location-pill{background:#f0f9ff;color:#187ba4;border:1px solid #d8f0fb;border-radius:30px;padding:9px 13px;font-size:12px;font-weight:800;white-space:nowrap}.result-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:16px}.decision{display:flex;align-items:center;gap:15px;min-height:240px;border-radius:19px;padding:23px;background:linear-gradient(130deg,#fff2d9,#fff9ed);border:1px solid #ffe5a8;overflow:hidden;position:relative}.decision:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#ffffff70;right:-60px;top:-70px}.decision-illustration{position:relative;z-index:1;flex:0 0 104px;height:150px;display:grid;place-items:center;border-radius:55px 55px 40px 40px;background:#ffdc38;font-size:68px;box-shadow:inset 0 -8px 0 #f5c329}.sparkle{position:absolute;top:8px;right:2px;color:#f49b13;font-size:27px}.decision-copy{position:relative;z-index:1}.decision-label{font-size:10px;letter-spacing:1.3px;font-weight:900;color:#b17a00}.decision h3{font-size:27px;line-height:1.1;letter-spacing:-.7px;margin:5px 0 9px}.decision p{font-size:13px;line-height:1.55;color:#53697b;margin:0}.decision.yes{background:linear-gradient(135deg,#e3f9e9,#f4fff4);border-color:#c8efd3}.decision.yes .decision-illustration{background:#27b56f;box-shadow:inset 0 -8px 0 #18995a}.decision.yes .decision-label,.decision.yes h3{color:#087b4b}.decision.no{background:linear-gradient(135deg,#e0f5ff,#f5fcff);border-color:#c5eaff}.decision.no .decision-illustration{background:#9ee3ff;box-shadow:inset 0 -8px 0 #73c9f1}.decision.no .decision-label,.decision.no h3{color:#0875a8}.decision.maybe{background:linear-gradient(135deg,#fff2d9,#fff9ed)}.hourly-card{padding:20px;border:1px solid #eadff3;border-radius:19px;background:#fbfdff;min-width:0}.card-title{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:14px}.card-title h3{font-size:17px;margin:0}.card-title>span{font-size:11px;color:#638198;background:#f5eaff;border-radius:20px;padding:5px 8px;white-space:nowrap}.forecast{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px}.forecast-item{text-align:center;border-radius:12px;background:white;border:1px solid #e7f1f6;padding:13px 4px 10px;min-width:0}.forecast-item time{font-size:11px;font-weight:800;color:#56748b}.forecast-item .icon{display:block;font-size:27px;margin:9px 0}.forecast-item strong{font-size:17px;display:block}.forecast-item small{display:block;font-size:10px;font-weight:800;color:#078bc6;background:#f4e8ff;border-radius:20px;padding:4px 2px;margin:8px 1px 0}.forecast-placeholder{grid-column:1/-1;text-align:center;padding:30px 10px;color:#71889a;font-size:13px;background:#f4faff;border-radius:12px}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:16px}.stat{display:flex;align-items:center;gap:12px;padding:15px;border:1px solid #eadff3;border-radius:15px;background:#fff}.stat-icon{display:grid;place-items:center;width:47px;height:47px;flex:0 0 47px;border-radius:50%;font-size:23px;background:#f7eaff}.stat-rain .stat-icon{background:#e2f7ff}.stat-wind .stat-icon{background:#fff2d6}.stat small{display:block;font-size:11px;color:#6c8295}.stat strong{font-size:20px;line-height:1.4;display:block}.stat .stat-sub{font-size:10px;color:#92a1af}.data-note{font-size:11px;color:#8b9ba8;margin:16px 0 0}.how{width:min(1060px,calc(100% - 42px));margin:30px auto 35px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.how-item{display:flex;align-items:center;gap:13px;padding:10px}.how-icon{width:48px;height:48px;flex:0 0 48px;display:grid;place-items:center;border-radius:16px;font-size:23px}.pink{background:#ffe9f0}.yellow{background:#fff1c5}.blue{background:#dff5ff}.how-item strong{font-size:14px}.how-item p{margin:3px 0 0;color:#71869a;font-size:12px}footer{display:flex;justify-content:space-between;align-items:center;padding:20px max(22px,calc((100vw - 1120px)/2));background:#f0e2ff;color:#637f91;font-size:11px}.brand.small{font-size:16px}.brand.small .umbrella{font-size:22px}.suggestions{position:absolute;top:calc(100% + 7px);left:0;right:0;background:white;box-shadow:0 12px 35px #0c3b4a18;border:1px solid #dce8ec;border-radius:12px;z-index:15;overflow:hidden}.suggestion{display:block;width:100%;padding:11px 14px;text-align:left;background:white;border:0;font:inherit;cursor:pointer}.suggestion:hover{background:#f5eaff}@media(max-width:760px){.topbar{height:66px;padding:0 17px}.brand{font-size:21px}.umbrella{font-size:28px}.tagline{font-size:10px;padding:7px 9px}.hero{padding:34px 18px 54px;min-height:580px;align-items:flex-start}.hero-art{width:100%;height:250px;top:auto;bottom:0;opacity:.72;background-position:62% center;background-size:cover;mask-image:linear-gradient(180deg,transparent 0%,#000 35%)}.hero-content{width:100%;max-width:570px}.hero h1{font-size:clamp(37px,9vw,52px);max-width:510px}.hero-content>p:not(.hint){font-size:15px;max-width:410px}.search{grid-template-columns:1fr;max-width:520px}.search button{min-height:50px}.mini-points{gap:7px 12px}.result-wrap{margin:-24px auto 0;padding:17px;width:calc(100% - 24px);border-radius:19px}.result-top{align-items:flex-start;flex-direction:column;gap:10px}.result-top h2{font-size:24px}.result-grid{grid-template-columns:1fr}.decision{min-height:190px;padding:17px;gap:14px}.decision-illustration{flex-basis:82px;height:120px;font-size:53px}.decision h3{font-size:24px}.hourly-card{padding:13px}.forecast{gap:4px}.forecast-item{padding:11px 2px 8px}.forecast-item .icon{font-size:23px;margin:7px 0}.forecast-item time{font-size:10px}.forecast-item strong{font-size:15px}.forecast-item small{font-size:9px}.stats{gap:7px}.stat{flex-direction:column;align-items:flex-start;gap:5px;padding:10px}.stat-icon{width:36px;height:36px;flex-basis:36px;font-size:19px}.stat strong{font-size:16px}.stat small{font-size:10px}.how{grid-template-columns:1fr;gap:6px;margin:20px auto}.how-item{padding:8px}footer{padding:17px;gap:12px;align-items:flex-start;flex-direction:column}}@media(max-width:390px){.tagline{display:none}.hero h1{font-size:35px}.decision-illustration{flex-basis:65px;height:100px;font-size:43px}.decision h3{font-size:21px}.stats{grid-template-columns:1fr}.stat{flex-direction:row;align-items:center}.stat-icon{width:42px;height:42px;flex-basis:42px}.stat strong{font-size:17px}}
/* ParapluJaOfNee branding */
.decision{background:linear-gradient(130deg,#f0e1ff,#fff8ff);border-color:#e4c9fb}
.decision-illustration{background:#ffd83d;box-shadow:inset 0 -8px 0 #e9b91e}
.decision-label{color:#772bd2}
.decision.yes{background:linear-gradient(130deg,#e3f9e9,#f4fff4);border-color:#c8efd3}
.decision.yes .decision-illustration{background:#27b56f;box-shadow:inset 0 -8px 0 #18995a}
.decision.no{background:linear-gradient(130deg,#f0e6ff,#fbf7ff);border-color:#e2d0fa}
.decision.no .decision-illustration{background:#a013e8;box-shadow:inset 0 -8px 0 #7e0bb8;color:white}
.stat-rain .stat-icon{background:#f1e5ff}
.stat-wind .stat-icon{background:#fff2d6}
@media(max-width:760px){.hero-art{background-position:62% center}}


/* Definitieve ParapluJaOfNee-kleuren: paars, lila en geel */
:root{--ink:#260d3b;--blue:#9b00e8;--teal:#7422c7;--muted:#746184;--yellow:#ffda3e}
body{background:#faf6ff;color:#260d3b}
.topbar{background:#fff}
.brand,.brand.small{color:#260d3b}
.brand>span:last-child>span{color:#a000e8}
.tagline{background:#f3e7ff;color:#7020b6}
.hero{background:linear-gradient(110deg,#fff8e8 0%,#fffaf0 43%,#f0e2ff 100%)}
.hero-art{background-image:linear-gradient(90deg,#fff8e8 0%,#fff8e81a 27%,#fff8e800 58%),url('../images/paraplu-hero.png')}
.eyebrow{color:#7623c8}
.hero h1{color:#260d3b}
.hero h1 em{color:#9700e5}
.hero h1 em:after{background:#ffda3e}
.hero-content>p:not(.hint){color:#442b5b}
.search{border-color:#eee1f7;box-shadow:0 14px 35px #4e17691a}
.search button{background:#a000e8;color:#fff;box-shadow:0 4px 0 #7100ad}
.search button:hover{background:#8500c5}
.hint{color:#7c6990}
.mini-points{color:#503a65}
.result-wrap{background:#fff;border-color:#eadcf7;box-shadow:0 17px 45px #4d17600e}
.result-top h2{color:#260d3b}
.result-top p,.data-note{color:#806e92}
.location-pill{background:#f5eaff;color:#7020b6;border-color:#e9d5ff}
.hourly-card{background:#fffaff;border-color:#eee3f8}
.card-title>span{background:#f3e7ff;color:#7020b6}
.forecast-item{border-color:#eee4f8}
.forecast-item small{background:#f2e7ff;color:#7a18c7}
.stat{border-color:#eee3f7}
.stat-icon,.stat-rain .stat-icon{background:#f0e3ff}
.stat-wind .stat-icon{background:#fff2c8}
.how-icon.pink{background:#f5e5ff}
.how-icon.yellow{background:#fff2c7}
.how-icon.blue{background:#e9dcff}
footer{background:#f0e2ff;color:#705786}
.suggestions{border-color:#e6d5f4}
.suggestion:hover{background:#f6edff}
.decision{background:linear-gradient(130deg,#f1e5ff,#fcf8ff);border-color:#e4d0f7}
.decision-illustration{background:#a000e8;color:white;box-shadow:inset 0 -8px 0 #7600b4}
.decision-label{color:#7821bd}
.decision.no{background:linear-gradient(135deg,#e4f9e8,#f5fff6);border-color:#c9efd3}
.decision.no .decision-illustration{background:#2eaf70;box-shadow:inset 0 -8px 0 #16864f;color:white}
.decision.no .decision-label,.decision.no h3{color:#087b4b}
.decision.yes{background:linear-gradient(135deg,#fff0ee,#fff9f8);border-color:#f7d2d2}
.decision.yes .decision-illustration{background:#e84760;box-shadow:inset 0 -8px 0 #b92d46}
.decision.yes .decision-label,.decision.yes h3{color:#a52335}
.decision.maybe{background:linear-gradient(135deg,#fff4d8,#fffaf0);border-color:#f5e3ad}
@media(max-width:760px){
 .hero{background:linear-gradient(145deg,#fff8e8 0%,#fffaf0 48%,#f0e2ff 100%)}
 .hero-art{background-image:linear-gradient(180deg,#fff8e800 0%,#fff8e8b0 100%),url('../images/paraplu-hero.png')}
}


/* Kleurcorrectie: frisse geel/blauwe weerstijl; paars alleen als klein merkaccent */
:root{--ink:#173653;--blue:#168fca;--teal:#087fa8;--muted:#617b90;--yellow:#ffda3d}
body{background:#f1faff;color:#173653}
.brand{color:#173653}
.brand>span:last-child>span{color:#168fca}
.tagline{color:#087fa8;background:#e5f6ff}
.hero{background:linear-gradient(110deg,#e6f8ff 0%,#f5fcff 48%,#fff8df 100%)}
.hero-art{background-image:linear-gradient(90deg,#e6f8ff 0%,#e6f8ff18 28%,#e6f8ff00 58%),url('../images/paraplu-hero.png')}
.eyebrow{color:#087fa8}
.hero h1{color:#173653}
.hero h1 em{color:#159fe6}
.hero h1 em:after{background:#ffda3d}
.hero-content>p:not(.hint){color:#365b76}
.search{border-color:#dceff8;box-shadow:0 14px 35px #13527c1a}
.search button{background:#ffda3d;color:#173653;box-shadow:0 4px 0 #e9bd1d}
.search button:hover{background:#ffcf19}
.hint{color:#617b90}
.mini-points{color:#315a70}
.result-wrap{background:#fff;border-color:#dceef7;box-shadow:0 17px 45px #103e5d12}
.result-top h2{color:#173653}
.result-top p,.data-note{color:#617b90}
.location-pill{background:#eef9ff;color:#087fa8;border-color:#d8effa}
.hourly-card{background:#fbfeff;border-color:#e1f0f7}
.card-title>span{background:#e8f7ff;color:#087fa8}
.forecast-item{border-color:#e3f0f6}
.forecast-item small{background:#e8f7ff;color:#087fa8}
.stat{border-color:#e1eff6}
.stat-icon,.stat-rain .stat-icon{background:#e2f5ff}
.stat-wind .stat-icon{background:#fff2c8}
.how-icon.pink{background:#ffe8f1}
.how-icon.yellow{background:#fff2c7}
.how-icon.blue{background:#e0f4ff}
footer{background:#e6f6ff;color:#5f7d91}
.suggestions{border-color:#d9ebf5}
.suggestion:hover{background:#eef9ff}
.decision{background:linear-gradient(130deg,#fff7d9,#fffdf5);border-color:#f3e6b7}
.decision-illustration{background:#ffda3d;color:#173653;box-shadow:inset 0 -8px 0 #e9bd1d}
.decision-label{color:#087fa8}
.decision.no{background:linear-gradient(135deg,#e2f9e9,#f5fff7);border-color:#c9efd3}
.decision.no .decision-illustration{background:#2eaf70;box-shadow:inset 0 -8px 0 #16864f;color:white}
.decision.no .decision-label,.decision.no h3{color:#087b4b}
.decision.yes{background:linear-gradient(135deg,#e2f5ff,#f6fcff);border-color:#cceaf8}
.decision.yes .decision-illustration{background:#168fca;box-shadow:inset 0 -8px 0 #0876a8;color:white}
.decision.yes .decision-label,.decision.yes h3{color:#086b98}
.decision.maybe{background:linear-gradient(135deg,#fff4d8,#fffaf0);border-color:#f5e3ad}
@media(max-width:760px){
 .hero{background:linear-gradient(145deg,#e6f8ff 0%,#f5fcff 48%,#fff8df 100%)}
 .hero-art{background-image:linear-gradient(180deg,#e6f8ff00 0%,#e6f8ffb0 100%),url('../images/paraplu-hero.png')}
}