:root{--night:#080b10;--night-2:#0d121a;--panel:#111923;--panel-high:#172330;--blue:#00aaff;--blue-soft:#85d7ff;--mist:#d8e5eb;--text:#eef6fa;--text-2:#a9bac4;--text-3:#647581;--line:#ffffff17;--line-blue:#00aaff55;--radius:18px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;background:var(--night);color:var(--text);font-family:Manrope,sans-serif;line-height:1.6}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 90% 8%,#00aaff12,transparent 28%),repeating-linear-gradient(106deg,transparent 0 65px,#ffffff05 66px,#ffffff05 67px,transparent 68px 136px)}a{color:inherit}button,input{font:inherit}img{display:block;max-width:100%}.header{height:76px;display:flex;align-items:center;gap:34px;padding:0 max(24px,calc((100vw - 1400px)/2));position:sticky;top:0;z-index:30;border-bottom:1px solid var(--line);background:#080b10df;backdrop-filter:blur(18px)}.logo{display:flex;align-items:center;gap:10px;text-decoration:none}.logo>span{width:38px;height:38px;display:grid;place-items:center;border:1px solid var(--line-blue);border-radius:50%;color:var(--blue);font:500 9px DM Mono,monospace;box-shadow:inset 0 0 20px #00aaff13}.logo b{font-size:18px;letter-spacing:-1px}.logo em{color:var(--blue);font-style:normal}.nav{display:flex;gap:25px;margin-left:auto}.nav a{color:var(--text-2);text-decoration:none;font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:.4px}.nav a:hover{color:var(--blue)}.live-weather{display:flex;align-items:center;gap:8px;padding:7px 10px;border:1px solid var(--line);border-radius:10px}.live-weather>span,.pulse{width:6px;height:6px;border-radius:50%;background:var(--blue);box-shadow:0 0 13px var(--blue)}.live-weather div{display:flex;flex-direction:column}.live-weather small{color:var(--text-3);font:400 7px DM Mono,monospace;text-transform:uppercase}.live-weather b{font-size:10px}.burger{display:none;margin-left:auto;border:0;background:none;padding:10px}.burger i{display:block;width:25px;height:1px;background:var(--blue-soft);margin:6px}.weather-hero{min-height:calc(100vh - 76px);display:grid;grid-template-columns:1.05fr .95fr;position:relative}.hero-image{min-width:0;min-height:740px;position:sticky;top:76px;height:calc(100vh - 76px);overflow:hidden;border-right:1px solid var(--line)}.hero-image>img{width:100%;height:100%;object-fit:cover;transition:.3s}.hero-image>img.changing{opacity:.18;transform:scale(1.015)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,transparent 45%,#080b10b8),linear-gradient(180deg,transparent 55%,#080b10e8)}.rain-gauge{position:absolute;left:25px;bottom:25px;width:170px;padding:14px;border:1px solid var(--line-blue);border-radius:14px;background:#0b1119ca;backdrop-filter:blur(16px)}.rain-gauge span{color:var(--text-3);font:400 7px DM Mono,monospace;text-transform:uppercase}.rain-gauge b{display:block;font-size:40px;line-height:1}.rain-gauge small{font-size:14px;color:var(--blue)}.rain-gauge i{display:block;height:2px;margin-top:11px;background:linear-gradient(90deg,var(--blue) 78%,#ffffff14 78%)}.hero-content{min-width:0;padding:70px clamp(28px,5vw,75px)}.eyebrow,.section-code{color:var(--blue-soft);font:500 9px DM Mono,monospace;text-transform:uppercase;letter-spacing:1.2px}.hero-content h1{margin:20px 0;font-size:clamp(57px,5.7vw,90px);line-height:.94;letter-spacing:-5.5px}.hero-intro{color:var(--text-2);font-size:13px;line-height:1.78}.risk-console{margin-top:32px;border:1px solid var(--line);border-radius:var(--radius);background:#101720;box-shadow:0 28px 80px #0006;overflow:hidden}.risk-head{display:flex;justify-content:space-between;align-items:center;padding:13px 15px;border-bottom:1px solid var(--line)}.risk-head>div{display:flex;align-items:center;gap:9px}.risk-head p{margin:0;font:500 9px DM Mono,monospace;text-transform:uppercase}.risk-head small{color:var(--text-3);font-size:8px}.risk-tabs{display:grid;grid-template-columns:repeat(3,1fr)}.risk-button{padding:14px;border:0;border-right:1px solid var(--line);background:#0b1017;color:var(--text);text-align:left;cursor:pointer}.risk-button:last-child{border-right:0}.risk-button span{display:block;color:var(--text-3);font:400 7px DM Mono,monospace}.risk-button b{font-size:10px}.risk-button:hover,.risk-button.active{background:#00aaff12;box-shadow:inset 0 -2px 0 var(--blue)}.risk-result{display:grid;grid-template-columns:48px 1fr auto;align-items:center;gap:13px;padding:17px}.risk-icon{width:48px;height:48px;display:grid;place-items:center;border:1px solid var(--line-blue);border-radius:50%;color:var(--blue);font-size:24px}.risk-result div{display:flex;flex-direction:column}.risk-result small{color:var(--text-3);font:400 7px DM Mono,monospace;text-transform:uppercase}.risk-result h2{margin:2px 0;font-size:16px}.risk-result p{margin:0;color:var(--text-2);font-size:9px}.risk-result a{color:var(--blue-soft);font:500 8px DM Mono,monospace;text-decoration:none;text-transform:uppercase}.protection{max-width:1320px;margin:auto;padding:135px 28px}.protection-title{display:grid;grid-template-columns:.7fr 1.3fr .7fr;gap:35px;align-items:end;margin-bottom:70px}.protection-title .section-code{align-self:start}.protection-title h2,.lab-header h2,.product-heading h2,.cities-intro h2{margin:0;font-size:clamp(52px,6vw,84px);line-height:.97;letter-spacing:-4px}.weather-stamp{padding:14px;border:1px solid var(--line);border-radius:13px;background:var(--night-2);display:flex;flex-direction:column}.weather-stamp span{color:var(--blue);font:400 7px DM Mono,monospace;text-transform:uppercase}.weather-stamp b{font-size:24px}.weather-stamp small{color:var(--text-3)}.timeline{max-width:930px;margin:auto;position:relative}.timeline:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:linear-gradient(var(--blue),#00aaff20 90%,transparent)}.timeline article{width:50%;display:flex;gap:20px;padding:0 35px 85px 0;position:relative}.timeline article:nth-child(even){margin-left:50%;padding:0 0 85px 35px}.timeline-marker{position:absolute;right:-25px;top:0;width:50px;height:50px;display:grid;place-items:center;border:1px solid var(--line-blue);border-radius:50%;background:var(--night);box-shadow:0 0 0 9px #00aaff0d}.timeline article:nth-child(even) .timeline-marker{right:auto;left:-25px}.timeline-marker span{position:absolute;top:-22px;color:var(--blue);font:400 7px DM Mono,monospace}.timeline-marker i{color:var(--blue-soft);font-style:normal;font-size:20px}.timeline-card{width:100%;padding:24px;border:1px solid var(--line);border-radius:17px;background:linear-gradient(145deg,#121b25,#0b1017)}.timeline-card>p:first-child{margin:0;color:var(--blue);font:500 8px DM Mono,monospace;text-transform:uppercase}.timeline-card h3{margin:8px 0 0;font-size:24px;letter-spacing:-.7px}.timeline-card strong{display:block;margin:4px 0 20px;color:var(--mist)}.timeline-copy{margin:0;color:var(--text-2);font-size:11px}.lab{padding:130px max(28px,calc((100vw - 1420px)/2));background:linear-gradient(180deg,#0d141c,#080b10)}.lab-header{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:50px}.lab-note{justify-self:end;max-width:390px;padding:17px;border-left:2px solid var(--blue)}.lab-note span{color:var(--blue);font:500 8px DM Mono,monospace;text-transform:uppercase}.lab-note p{color:var(--text-3);font-size:10px}.metric-board{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.metric-board article{min-height:330px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#111923;display:flex;flex-direction:column}.metric-top{display:flex;justify-content:space-between;color:var(--text-3);font:400 8px DM Mono,monospace;text-transform:uppercase}.metric-top b{font-size:36px;color:var(--blue-soft);line-height:1}.metric-board h3{margin:auto 0 8px;font-size:21px}.metric-board p{color:var(--text-2);font-size:10px}.score-track{height:4px;margin:20px 0 8px;background:#ffffff12;overflow:hidden}.score-track i{display:block;width:0;height:100%;background:var(--blue);box-shadow:0 0 10px var(--blue);transition:width 1.1s cubic-bezier(.2,.8,.2,1)}.metric-board.measured .score-track i{width:var(--score)}.metric-board small{color:var(--text-3);font:400 7px DM Mono,monospace;text-transform:uppercase}.rain-products{max-width:1460px;margin:auto;padding:145px 28px}.product-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:end;margin-bottom:55px}.product-heading .section-code{grid-column:1/-1}.product-heading>p:last-child{max-width:380px;color:var(--text-3);font-size:12px}.rain-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;transform:skewY(-2.5deg);padding:45px 0}.rain-card-grid article{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#101720;transform:translateY(var(--drop,0));transition:.3s}.rain-card-grid article:nth-child(2){--drop:25px}.rain-card-grid article:nth-child(3){--drop:50px}.rain-card-grid article:nth-child(4){--drop:75px}.rain-card-grid article:hover{transform:translateY(calc(var(--drop,0) - 8px));border-color:var(--line-blue)}.rain-photo{height:330px;position:relative;overflow:hidden}.rain-photo img{width:100%;height:100%;object-fit:cover;transition:.4s}.rain-card-grid article:hover img{transform:scale(1.04)}.rain-photo>span{position:absolute;left:14px;top:14px;padding:5px 7px;border-radius:7px;background:#080b10d2;color:var(--blue);font:500 8px DM Mono,monospace}.rain-product-copy{padding:20px;transform:skewY(2.5deg)}.rain-product-copy small{color:var(--blue-soft);font:400 8px DM Mono,monospace;text-transform:uppercase}.rain-product-copy h3{min-height:60px;margin:8px 0;font-size:18px}.rain-product-copy strong{display:block;margin-bottom:20px}.detail-button{width:100%;display:flex;justify-content:space-between;padding:12px;border:1px solid var(--line);border-radius:10px;background:none;color:var(--text);font:500 8px DM Mono,monospace;text-transform:uppercase;cursor:pointer}.detail-button span{color:var(--blue)}.detail-button:hover{background:var(--blue);color:#031019}.guide{max-width:1460px;margin:auto;padding:80px 28px 145px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;align-items:start}.guide-image{height:860px;position:sticky;top:100px;overflow:hidden;border:1px solid var(--line);border-radius:24px}.guide-image img{width:100%;height:100%;object-fit:cover}.guide-image:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 65%,#080b10df)}.guide-image>div{position:absolute;z-index:2;left:20px;bottom:20px;display:flex;flex-direction:column}.guide-image span{color:var(--blue);font:500 8px DM Mono,monospace;text-transform:uppercase}.guide-image b{font-size:14px}.guide article h2{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-3.5px}.guide article>p:not(.section-code){color:var(--text-2);font-size:13px}.guide ol{list-style:none;margin:30px 0;padding:0}.guide li{display:grid;grid-template-columns:35px 1fr;gap:10px;padding:13px 0;border-top:1px solid var(--line)}.guide li>span{color:var(--blue);font:400 8px DM Mono,monospace}.guide li p{margin:0;color:var(--text-3);font-size:10px}.guide li b{color:var(--text)}.text-link{display:inline-flex;gap:30px;padding:12px 14px;border:1px solid var(--line-blue);border-radius:10px;color:var(--blue-soft);font:500 8px DM Mono,monospace;text-decoration:none;text-transform:uppercase}.cities{padding:135px max(28px,calc((100vw - 1420px)/2));background:#dce8ed;color:#101820}.cities-intro{margin-bottom:50px}.cities .section-code{color:#006da3}.city-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.city-grid article{padding:10px 10px 22px;border:1px solid #b7c8cf;border-radius:18px;background:#eef5f7}.city-grid img{width:100%;height:300px;object-fit:cover;border-radius:11px}.city-label{display:flex;justify-content:space-between;align-items:end;margin:16px 9px}.city-label span{color:#61737c;font:400 7px DM Mono,monospace}.city-label b{font-size:23px}.city-grid article>p{min-height:155px;margin:0 9px;color:#43535b;font-size:11px}.city-grid footer{display:flex;justify-content:space-between;margin:18px 9px 0;padding-top:13px;border-top:1px solid #bdcbd1}.city-grid footer span{color:#70828a;font:400 7px DM Mono,monospace;text-transform:uppercase}.city-grid footer b{font-size:10px}.footer{max-width:1420px;margin:auto;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:40px;padding:65px 28px 28px;color:var(--text-3);font-size:10px}.footer>div{display:flex;flex-direction:column;gap:8px}.footer>div>b{color:var(--text);font:500 8px DM Mono,monospace;text-transform:uppercase}.footer a{text-decoration:none}.footer a:hover{color:var(--blue)}.copyright{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:18px;font:400 8px DM Mono,monospace;text-transform:uppercase}.toast{position:fixed;right:22px;bottom:22px;z-index:40;width:min(390px,calc(100% - 44px));display:grid;grid-template-columns:45px 1fr auto;gap:12px;align-items:center;padding:14px;border:1px solid var(--line-blue);border-radius:15px;background:#101923ee;box-shadow:0 25px 70px #000b;backdrop-filter:blur(18px);opacity:0;pointer-events:none;transform:translateY(24px);transition:.25s;overflow:hidden}.toast.show{opacity:1;pointer-events:auto;transform:none}.toast-drop{width:45px;height:45px;display:grid;place-items:center;border-radius:50%;background:var(--blue);color:#031019;font-size:23px}.toast div{display:flex;flex-direction:column}.toast small{color:var(--blue);font:400 7px DM Mono,monospace;text-transform:uppercase}.toast strong{font-size:12px}.toast p{margin:0;color:var(--text-3);font-size:9px}.toast-close{border:0;background:none;color:var(--text-3);font-size:20px;cursor:pointer}.toast>i{position:absolute;left:0;bottom:0;width:100%;height:2px;background:var(--blue);transform-origin:left}.toast.show>i{animation:toast-time 4s linear forwards}@keyframes toast-time{to{transform:scaleX(0)}}.legal-header{position:static}.legal{max-width:930px;margin:auto;padding:90px 28px}.legal .legal-code{color:var(--blue);font:500 8px DM Mono,monospace;text-transform:uppercase}.legal h1{margin:15px 0 35px;font-size:clamp(56px,8vw,92px);line-height:.93;letter-spacing:-5px}.legal h2{margin-top:40px;color:var(--blue-soft)}.legal p,.legal li{color:var(--text-2);font-size:13px}.legal-note{padding:15px;border:1px solid var(--line);border-radius:12px;background:var(--night-2);font:400 8px DM Mono,monospace}.back-link{display:inline-block;margin-top:35px;color:var(--blue);font:500 8px DM Mono,monospace;text-transform:uppercase;text-decoration:none}@media(max-width:1080px){.nav{display:none;position:absolute;left:0;right:0;top:75px;flex-direction:column;padding:24px;background:#0f1720;border-bottom:1px solid var(--line)}.nav.open{display:flex}.burger{display:block}.live-weather{display:none}.weather-hero{grid-template-columns:1fr}.hero-image{position:relative;top:0;height:580px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}.protection-title,.lab-header,.product-heading{grid-template-columns:1fr}.metric-board,.rain-card-grid{grid-template-columns:1fr 1fr}.rain-card-grid{transform:none}.rain-card-grid article,.rain-card-grid article:hover{transform:none}.rain-product-copy{transform:none}.guide{grid-template-columns:1fr}.guide-image{position:relative;top:0;height:600px}.city-grid{grid-template-columns:1fr}.city-grid article>p{min-height:0}.footer{grid-template-columns:1fr 1fr}}@media(max-width:650px){.header{padding:0 18px}.weather-hero{display:flex;flex-direction:column}.hero-image{height:450px;order:0}.hero-content{padding:45px 18px;order:1}.hero-content h1{font-size:52px;letter-spacing:-3.5px}.risk-tabs{grid-template-columns:1fr}.risk-button{border-right:0;border-bottom:1px solid var(--line)}.risk-result{grid-template-columns:45px 1fr}.risk-result a{grid-column:1/-1}.protection,.rain-products{padding:95px 18px}.protection-title h2,.lab-header h2,.product-heading h2,.cities-intro h2{font-size:49px;letter-spacing:-3px}.protection-title{grid-template-columns:1fr}.timeline:before{left:22px}.timeline article,.timeline article:nth-child(even){width:100%;margin:0;padding:0 0 55px 62px}.timeline-marker,.timeline article:nth-child(even) .timeline-marker{left:-3px;right:auto}.lab,.cities{padding:95px 18px}.metric-board,.rain-card-grid{grid-template-columns:1fr}.guide{padding:50px 18px 95px;gap:35px}.guide-image{height:480px}.city-grid img{height:260px}.footer{grid-template-columns:1fr;padding:55px 18px 25px}.copyright{grid-column:auto;display:block}.copyright span{display:block;margin-top:8px}}