:root{--ink:#17231f;--muted:#62706a;--cream:#f5f4ed;--lime:#d8f26a;--green:#173e36;--line:#dfe3d8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Plus Jakarta Sans",sans-serif}.wrap{width:min(1120px,calc(100% - 48px));margin:auto}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font-weight:800;text-decoration:none;letter-spacing:-.04em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border-radius:9px;background:var(--green);font-size:16px}.brand-accent{color:#6e9c21}.nav-link{color:var(--muted);font:500 12px "DM Mono",monospace;text-decoration:none;text-transform:uppercase}.nav-link span{color:var(--green);font-size:16px}.hero{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:90px;padding:65px 0 100px}.kicker{margin:0 0 24px;color:#6d8f25;font:500 11px "DM Mono",monospace;letter-spacing:.13em}.pulse,.live-dot{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:#8ebd2c;vertical-align:1px;box-shadow:0 0 0 5px #d8f26a55}.hero h1,.section-intro h2,.download h2{margin:0;color:var(--green);font-size:clamp(48px,7vw,84px);line-height:.97;letter-spacing:-.075em}.hero h1 em,.section-intro h2 em,.download h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.lede{max-width:455px;margin:28px 0;color:var(--muted);font-size:17px;line-height:1.65}.hero-actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;gap:28px;padding:17px 20px;border-radius:7px;text-decoration:none;font-weight:700;font-size:13px;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px);box-shadow:0 8px 24px #173e3630}.button-primary{background:var(--green);color:white}.button-light{background:var(--lime);color:var(--green)}.button span{font-size:19px}.microcopy{color:#829087;font:11px "DM Mono",monospace}.weather-card{position:relative;width:min(100%,360px);justify-self:center;padding:27px 28px 25px;border-radius:16px;background:var(--green);color:white;box-shadow:20px 25px 0 #dbe3c9;transform:rotate(3deg)}.card-top{display:flex;align-items:center;gap:5px;color:#b9d78d;font:10px "DM Mono",monospace;letter-spacing:.12em}.card-time{margin-left:auto;color:#b3c5bb}.cloud{margin:52px 0 10px;color:var(--lime);font-size:70px;line-height:.6;letter-spacing:-.2em}.rain-label{margin:0;color:#9eb9a7;font:10px "DM Mono",monospace;letter-spacing:.15em}.weather-card h2{margin:7px 0 11px;font-size:31px;letter-spacing:-.06em}.rain-line{display:flex;gap:8px;color:#c8d8ce;font-size:11px}.rain-line strong{color:white}.drops{display:flex;gap:8px;margin:32px 0 19px;align-items:flex-end}.drops i{width:3px;height:9px;border-radius:5px;background:#80a79a;transform:rotate(17deg)}.drops i:nth-child(2n){height:17px;background:var(--lime)}.drops i:nth-child(3n){height:12px}.card-note{margin:0;color:#96afa2;font-size:11px}.ticker{overflow:hidden;background:var(--lime);color:var(--green);font:500 10px "DM Mono",monospace;letter-spacing:.12em}.ticker-inner{display:flex;justify-content:space-between;gap:28px;padding:16px 0;white-space:nowrap}.steps{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:130px 0}.section-intro h2{font-size:58px}.step-list{border-top:1px solid var(--line)}.step{display:grid;grid-template-columns:65px 1fr;gap:20px;padding:27px 0;border-bottom:1px solid var(--line)}.step-number{color:#8ca087;font:12px "DM Mono",monospace}.step h3{margin:0 0 8px;color:var(--green);font-size:18px;letter-spacing:-.04em}.step p{margin:0;color:var(--muted);font-size:13px;line-height:1.6}.download{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:55px 64px;margin-bottom:100px;border-radius:18px;background:var(--green)}.download h2{color:white;font-size:48px}.download h2 em{color:var(--lime)}.footer{display:flex;justify-content:space-between;padding:25px 0 35px;color:#8b978d;font:11px "DM Mono",monospace;border-top:1px solid var(--line)}
 .simplicity{display:grid;grid-template-columns:1fr 1fr;gap:110px;padding:0 0 130px}.simplicity h2{margin:0;color:var(--green);font-size:58px;line-height:.97;letter-spacing:-.075em}.simplicity h2 em{font-family:Georgia,serif;font-weight:400;letter-spacing:-.08em}.simplicity-points{border-top:1px solid var(--line)}.simplicity-points p{display:grid;grid-template-columns:44px 1fr;column-gap:18px;margin:0;padding:22px 0;border-bottom:1px solid var(--line)}.simplicity-points strong{grid-row:span 2;color:#8ca087;font:12px "DM Mono",monospace}.simplicity-points span{color:var(--green);font-weight:700;font-size:16px}.simplicity-points small{margin-top:6px;color:var(--muted);font-size:12px;line-height:1.55}
@media(max-width:760px){.wrap{width:min(100% - 32px,560px)}.nav{height:72px}.nav-link{display:none}.hero{grid-template-columns:1fr;gap:60px;padding:65px 0 90px}.hero h1{font-size:64px}.weather-card{justify-self:end;margin-right:15px}.ticker-inner{justify-content:flex-start}.ticker-inner span:nth-child(n+6){display:none}.steps{grid-template-columns:1fr;gap:55px;padding:90px 0}.section-intro h2,.simplicity h2{font-size:50px}.simplicity{grid-template-columns:1fr;gap:55px;padding-bottom:90px}.download{align-items:flex-start;flex-direction:column;padding:38px 28px;margin-bottom:70px}.download h2{font-size:40px}.footer{flex-direction:column;gap:12px}}
/* App visual language: white surfaces, blue accents, same umbrella mark. */
:root{--ink:#172554;--muted:#52658f;--cream:#f8faff;--lime:#dbeafe;--green:#2563eb;--line:#d7e2f5}.brand-mark{background:#2563eb}.umbrella{color:#fff}.brand-accent{color:#1d4ed8}.weather-card{background:#172554;box-shadow:20px 25px 0 #dbeafe}.cloud{color:#93c5fd}.rain-label,.card-time,.card-note{color:#bfdbfe}.ticker{background:#dbeafe;color:#1d4ed8}.download{background:#172554}.download h2 em{color:#93c5fd}
.brand em,.lede em{font-style:italic}.brand-mark img{width:100%;height:100%;display:block;border-radius:9px}
.city-labels{display:flex;flex-wrap:wrap;gap:6px;margin-top:18px}.city-labels span{padding:6px 8px;border:1px solid #3f6087;border-radius:5px;color:#dbeafe;font:10px "DM Mono",monospace}.city-labels b{margin-left:3px;color:#93c5fd;font-weight:400}
.weather-card{width:min(100%,390px);padding:0;background:transparent;border-radius:20px;box-shadow:0 24px 42px #1e4fa933;transform:rotate(2deg)}.app-screenshot{display:block;width:100%;height:auto;border-radius:20px}
.section-intro h2{font-size:clamp(34px,4vw,46px);line-height:1.04}
.kicker{color:#374151}.pulse{background:#4b5563;box-shadow:0 0 0 5px #d1d5db}.live-dot{background:#4b5563;box-shadow:0 0 0 5px #d1d5db}
.bottom-actions{justify-content:center;margin-bottom:110px}