:root{--ink:#f7f7f2;--muted:#f7f7f2ad;--line:#ffffff24;--glass:#1218209e;--glass-strong:#0d1117d1;--night:#080b10;--blue:#a9c4ff;--rose:#e9a8a5;--red:#ff6b6b;--radius-sm:14px;--radius-md:22px;--radius-lg:32px;--shadow:0 24px 80px #0000004d}*{box-sizing:border-box}html{background:var(--night);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}body{min-height:100vh;color:var(--ink);-webkit-font-smoothing:antialiased;background:radial-gradient(circle at 18% 12%,#5877a057,#0000 38rem),radial-gradient(circle at 88% 80%,#6f4b5b38,#0000 34rem),linear-gradient(150deg,#121923 0%,#080b10 58%,#141017 100%);margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:2px solid var(--blue);outline-offset:3px}.weather-field{pointer-events:none;z-index:-1;position:fixed;inset:0;overflow:hidden}.weather-field:before,.weather-field:after{content:"";filter:blur(56px);opacity:.24;border-radius:999px;animation:18s ease-in-out infinite alternate drift;position:absolute}.weather-field:before{background:#8eaed1;width:45vw;height:22vw;top:14%;left:-8%}.weather-field:after{background:#aa7e91;width:50vw;height:25vw;animation-delay:-7s;top:45%;right:-16%}@keyframes drift{to{transform:translate(12vw,5vh)scale(1.12)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;animation:none!important}}.site-shell{width:min(1180px,100% - 32px);margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:24px;min-height:82px;display:flex}.brand-mark{letter-spacing:-.04em;font-size:1.18rem;font-weight:760}.nav-links{color:var(--muted);align-items:center;gap:20px;font-size:.92rem;display:flex}.nav-links a:hover{color:var(--ink)}.hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:6vw;min-height:calc(100vh - 82px);padding:80px 0 120px;display:grid}.hero-copy h1{letter-spacing:-.075em;max-width:760px;margin:14px 0 22px;font-size:clamp(3.3rem,8vw,7.8rem);font-weight:560;line-height:.9}.hero-copy h1 em{color:var(--rose);font-style:normal}.hero-copy>p{max-width:610px;color:var(--muted);font-size:clamp(1rem,1.8vw,1.3rem);line-height:1.55}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{background:var(--ink);color:#11151b;cursor:pointer;border:0;border-radius:999px;padding:13px 20px;font-weight:700;transition:transform .16s,background .16s,opacity .16s}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.45;transform:none}.button.secondary{color:var(--ink);border:1px solid var(--line);background:#ffffff17}.button.danger{background:var(--red);color:#220808}.eyebrow{color:var(--blue);text-transform:uppercase;letter-spacing:.16em;margin:0;font-size:.72rem;font-weight:750}.card{background:var(--glass);border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.forecast-demo{padding:28px;transform:rotate(2deg)}.forecast-demo .temperature{letter-spacing:-.08em;margin:24px 0 10px;font-size:6rem;line-height:1}.forecast-demo h2{letter-spacing:-.04em;margin:0 0 10px;font-size:1.7rem}.forecast-demo p{color:var(--muted);line-height:1.5}.forecast-line{grid-template-columns:repeat(5,1fr);gap:8px;margin-top:24px;display:grid}.forecast-day{color:var(--muted);background:#ffffff0e;border-radius:14px;place-items:center;gap:9px;padding:12px 4px;font-size:.72rem;display:grid}.section{padding:90px 0}.section-heading{max-width:720px;margin-bottom:42px}.section-heading h2{letter-spacing:-.06em;margin:10px 0 12px;font-size:clamp(2.2rem,5vw,4.5rem);line-height:.98}.section-heading p{color:var(--muted);line-height:1.6}.feature-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.feature-grid .card{min-height:220px;padding:24px}.feature-grid h3{letter-spacing:-.03em;margin:42px 0 10px}.feature-grid p{color:var(--muted);line-height:1.5}.price-card{text-align:center;max-width:650px;margin:0 auto;padding:36px}.price{letter-spacing:-.08em;margin:26px 0 12px;font-size:clamp(4rem,10vw,7rem);line-height:1}.price small{color:var(--muted);letter-spacing:0;font-size:1rem}.legal{max-width:760px;margin:0 auto;padding:80px 0 140px}.legal h1{letter-spacing:-.06em;font-size:clamp(2.8rem,7vw,5.5rem)}.legal h2{margin-top:40px}.legal p,.legal li{color:var(--muted);line-height:1.7}.app-frame{grid-template-columns:96px 1fr;min-height:100vh;display:grid}.app-rail{border-right:1px solid var(--line);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#05080c80;flex-direction:column;align-items:center;gap:18px;height:100vh;padding:26px 12px;display:flex;position:sticky;top:0}.rail-nav{flex-direction:column;flex:1;justify-content:center;gap:12px;display:flex}.rail-link{min-width:62px;color:var(--muted);border-radius:16px;place-items:center;gap:5px;padding:11px 8px;font-size:.68rem;display:grid}.rail-link.active,.rail-link:hover{color:var(--ink);background:#ffffff17}.app-main{width:min(1040px,100% - 36px);margin:0 auto;padding:42px 0 120px}.app-header{justify-content:space-between;align-items:end;gap:20px;margin-bottom:30px;display:flex}.app-header h1{letter-spacing:-.065em;margin:7px 0 0;font-size:clamp(2.4rem,6vw,5rem);line-height:.95}.dashboard-grid{grid-template-columns:1.4fr .6fr;gap:14px;display:grid}.weather-hero{flex-direction:column;justify-content:space-between;min-height:470px;padding:34px;display:flex;position:relative;overflow:hidden}.weather-hero:after{content:"";filter:blur(10px);pointer-events:none;background:radial-gradient(circle,#ffbdae6b,#0000 63%);border-radius:50%;height:72%;position:absolute;inset:auto -15% -38% -10%}.weather-degree{z-index:1;letter-spacing:-.1em;font-size:clamp(6rem,16vw,11rem);line-height:.8;position:relative}.weather-copy{z-index:1;max-width:560px;position:relative}.weather-copy h2{letter-spacing:-.05em;margin:0 0 10px;font-size:clamp(1.8rem,4vw,3.4rem);line-height:1}.weather-copy p{color:var(--muted);line-height:1.55}.side-stack{gap:14px;display:grid}.status-card{padding:22px}.status-card h3{margin:8px 0}.status-card p{color:var(--muted);font-size:.9rem;line-height:1.5}.status-row{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:12px 0;display:flex}.pill{color:var(--muted);background:#ffffff14;border-radius:999px;align-items:center;gap:7px;padding:6px 10px;font-size:.75rem;display:inline-flex}.onboarding-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.onboarding-card{width:min(680px,100%);padding:clamp(24px,5vw,48px)}.onboarding-card h1{letter-spacing:-.06em;margin:12px 0;font-size:clamp(2.3rem,7vw,4.4rem);line-height:.98}.onboarding-card>p{color:var(--muted);line-height:1.55}.role-grid{grid-template-columns:1fr 1fr;gap:12px;margin:28px 0;display:grid}.choice{text-align:left;border:1px solid var(--line);color:var(--ink);cursor:pointer;background:#ffffff0d;border-radius:18px;padding:22px}.choice.selected{border-color:var(--blue);background:#a9c4ff1f}.choice strong{margin-bottom:8px;font-size:1.3rem;display:block}.choice span{color:var(--muted);font-size:.9rem;line-height:1.4}.field{gap:8px;margin:18px 0;display:grid}.field label{color:var(--muted);font-size:.82rem}.field input,.field select{border:1px solid var(--line);width:100%;color:var(--ink);text-transform:none;background:#0003;border-radius:14px;padding:14px}.pair-code{letter-spacing:.15em;text-transform:uppercase;font-size:2.2rem}.notice{color:var(--muted);background:#a9c4ff17;border-radius:14px;padding:14px 16px;font-size:.88rem;line-height:1.45}.error{color:#ffb4b4}.comfort-image{aspect-ratio:16/10;background-position:50%;background-size:cover;border-radius:18px}fieldset{border:0;gap:8px;margin:0;padding:0;display:grid}fieldset legend{margin-bottom:8px;font-weight:700}.footer{color:var(--muted);border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:30px 0 54px;font-size:.82rem;display:flex}@media (max-width:800px){.hero{grid-template-columns:1fr;padding-top:40px}.forecast-demo{transform:none}.feature-grid,.dashboard-grid{grid-template-columns:1fr}.app-frame{display:block}.app-rail{z-index:20;border:1px solid var(--line);background:var(--glass-strong);width:auto;height:auto;box-shadow:var(--shadow);border-radius:24px;flex-direction:row;padding:7px;position:fixed;top:auto;bottom:14px;left:50%;transform:translate(-50%)}.app-rail>.brand-mark,.app-rail>:last-child{display:none}.rail-nav{flex-direction:row}.rail-link{min-width:68px;padding:9px 10px}.app-main{padding-top:28px}.role-grid{grid-template-columns:1fr}.nav-links a:not(.button){display:none}.footer{flex-direction:column}}
