:root{--weather-1:#23598a;--weather-2:#12324f;--weather-ink:#eef4fa;--weather-soft:#b9cde0;--bezel:#151714;--note-ink:var(--terra-ink)}.h-scene{position:relative;padding-block:clamp(4rem,11vw,8rem);overflow:hidden}.h-scene-tint{background:var(--bg-tint)}.h-eyebrow{display:inline-flex;align-items:center;gap:.55rem;margin:0 0 1rem;font-size:.78rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:var(--terra-ink)}.h-eyebrow:before{content:"";width:1.6rem;height:1px;background:currentColor}.h-title{font-size:clamp(2.1rem,6.2vw,3.6rem);font-weight:480;line-height:1.04;letter-spacing:-.025em;margin-bottom:1.2rem;max-width:13em}.h-title em{font-style:italic;color:var(--accent);font-variation-settings:"SOFT" 100,"WONK" 1}.h-aside{margin-top:1.4rem;padding-left:1rem;border-left:2px solid var(--terracotta);color:var(--ink-soft);font-size:.98rem;max-width:30em}.h-split{display:grid;grid-gap:clamp(2.5rem,7vw,5rem);gap:clamp(2.5rem,7vw,5rem);align-items:center}@media (min-width:62rem){.h-split{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.h-split-flip>:first-child{order:2}}.phone{position:relative;width:100%;border:clamp(5px,1.4vw,8px) solid var(--bezel);border-radius:clamp(1.9rem,7vw,2.9rem);overflow:hidden;background:var(--bezel);box-shadow:inset 0 1px 0 1px rgba(255,255,255,.06),0 30px 60px -28px rgba(30,28,22,.45),0 12px 24px -16px rgba(30,28,22,.3)}.phone img{width:100%;height:auto;border-radius:clamp(1.5rem,5.6vw,2.35rem)}.h-hero{position:relative;padding-block:clamp(2.5rem,8vw,6rem) clamp(3rem,8vw,6rem)}.h-hero-grid{display:grid;grid-gap:clamp(2rem,6vw,4rem);gap:clamp(2rem,6vw,4rem);align-items:center}@media (min-width:62rem){.h-hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}}.h-hero h1{font-size:clamp(2.7rem,8.4vw,5rem);font-weight:480;line-height:1.01;letter-spacing:-.03em;margin-bottom:1.3rem;max-width:9.5em}.h-hero .lede{font-size:clamp(1.06rem,1.7vw,1.2rem);max-width:30em}.h-new{display:inline-flex;align-items:center;gap:.6rem;margin:0 0 1.4rem;padding:.3rem .9rem .3rem .3rem;border:1px solid var(--line-strong);background:var(--bg-raised);font-size:.86rem;font-weight:600;color:var(--ink-soft)}.h-new,.h-new span{border-radius:999px}.h-new span{padding:.18rem .6rem;background:var(--terracotta);color:#fff;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}@property --pos{syntax:"<percentage>";inherits:true;initial-value:50%}.paint-sweep{animation:paint-sweep 2.4s cubic-bezier(.45,0,.3,1) 1.1s 1 both}@keyframes paint-sweep{0%{--pos:50%}28%{--pos:24%}64%{--pos:70%}to{--pos:50%}}@media (prefers-reduced-motion:reduce){.paint-sweep{animation:none}}.paint{margin:0}@media (max-width:40rem){.paint{margin-inline:calc((100vw - 100%) / -2)}.paint-caption{padding-inline:1.25rem}}.paint-frame{position:relative;aspect-ratio:1;overflow:hidden;border-radius:1.6rem;cursor:ew-resize;touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;box-shadow:var(--shadow);background:var(--bg-tint)}@media (max-width:40rem){.paint-frame{border-radius:0;box-shadow:none}}@media (min-width:62rem){.paint-frame{transform:rotate(1.2deg);border-radius:1.8rem}}.paint-img{width:100%;height:100%;object-fit:cover;pointer-events:none}.paint-after,.paint-img{position:absolute;inset:0}.paint-after{-webkit-clip-path:inset(0 0 0 var(--pos));clip-path:inset(0 0 0 var(--pos))}.paint-line{position:absolute;top:0;bottom:0;left:var(--pos);width:3px;margin-left:-1.5px;background:#fff;box-shadow:0 0 12px rgba(0,0,0,.25);pointer-events:none}.paint-knob{position:absolute;top:50%;left:50%;display:grid;place-items:center;width:3.2rem;height:3.2rem;margin:-1.6rem 0 0 -1.6rem;border-radius:50%;background:#fff;color:var(--forest);box-shadow:0 6px 20px rgba(0,0,0,.25)}.paint-frame:focus-within .paint-knob{outline:3px solid var(--terracotta);outline-offset:3px}.paint-tag{position:absolute;bottom:1rem;display:inline-flex;align-items:center;gap:.45rem;padding:.38rem .85rem;border-radius:999px;background:rgba(24,22,18,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:.86rem;font-weight:700;pointer-events:none}.paint-tag i{width:.8rem;height:.8rem;border-radius:50%;box-shadow:0 0 0 1.5px rgba(255,255,255,.85)}.paint-tag-before{left:1rem}.paint-tag-after{right:1rem}.paint-range{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;pointer-events:none}.paint-caption{margin-top:.9rem;font-size:.86rem;color:var(--ink-faint)}.h-room{position:relative;width:min(19rem,64vw);margin-inline:auto}@media (min-width:62rem){.phone-tilt{transform:perspective(1400px) rotateY(-14deg) rotateX(4deg) rotate(2deg);transform-origin:50% 50%}}.note{z-index:2;font-family:var(--font-display),Georgia,serif;font-style:italic;font-variation-settings:"SOFT" 100,"WONK" 1;font-size:clamp(.98rem,1.5vw,1.2rem);line-height:1.15;color:var(--note-ink);white-space:nowrap}.note,.note-line{position:absolute}.note-line{width:5.5rem;height:2.4rem;overflow:visible}.note-line path{fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-dasharray:140;stroke-dashoffset:0}.reveal.is-out .note-line path{stroke-dashoffset:140}.reveal.is-in .note-line path{transition:stroke-dashoffset 1.1s cubic-bezier(.22,.61,.36,1) .6s}.note-a{top:6%;right:calc(100% + .6rem);text-align:right}.note-a .note-line{left:100%;top:.9rem;margin-left:-.6rem}.note-b{top:34%;left:calc(100% + .8rem)}.note-b .note-line{right:100%;top:.6rem;margin-right:-.2rem;transform:scaleX(-1)}.note-c{top:58%;right:calc(100% + .6rem);text-align:right}.note-c .note-line{left:100%;top:-1.6rem;margin-left:-.6rem;transform:scaleY(-1)}@media (max-width:47.99rem){.h-room{display:flex;flex-direction:column;align-items:center;width:100%}.h-room .phone{width:min(17rem,66vw)}.note{position:static;display:inline;white-space:normal;text-align:center}.note-line{display:none}.note-a{order:-1;margin-bottom:1rem}.note-b,.note-c{margin-top:.7rem}}.pile{position:relative;width:min(17rem,58vw);margin:2rem auto 1rem}.pile-phone{position:relative;z-index:2}.doc{position:absolute;z-index:1;width:46%;height:auto;border-radius:.3rem;box-shadow:0 14px 28px -14px rgba(30,28,22,.45),0 2px 6px rgba(30,28,22,.12);transform:translate(var(--x),var(--y)) rotate(var(--r))}.doc-1{--x:-62%;--y:0;--r:-11deg;top:6%;left:0}.doc-2{--x:70%;--y:0;--r:9deg;top:18%;right:0}.doc-3{--x:-58%;--y:0;--r:6deg;top:52%;left:0;width:60%}.doc-4{--x:66%;--y:0;--r:-7deg;top:62%;right:0}.pile.reveal.is-out .doc{transform:translate(calc(var(--x) * 1.9),-30%) rotate(calc(var(--r) * 2.4));opacity:0}.pile.reveal.is-in .doc{transition:transform 1s cubic-bezier(.2,.7,.2,1),opacity .6s ease}.pile.reveal.is-in .doc-2{transition-delay:.12s}.pile.reveal.is-in .doc-3{transition-delay:.24s}.pile.reveal.is-in .doc-4{transition-delay:.36s}@media (max-width:30rem){.doc-1{--x:-40%}.doc-2{--x:46%}.doc-3{--x:-36%}.doc-4{--x:42%}}.h-weather{position:relative;overflow:hidden;padding-block:clamp(4rem,11vw,7.5rem);background:radial-gradient(70% 60% at 85% 10%,rgba(255,255,255,.12),transparent 70%),linear-gradient(160deg,var(--weather-1),var(--weather-2));color:var(--weather-ink)}.h-weather:before{content:"";position:absolute;inset:-50% 0 0;background-image:radial-gradient(circle,rgba(255,255,255,.5) 1px,transparent 1.6px),radial-gradient(circle,rgba(255,255,255,.28) 1px,transparent 1.4px);background-size:90px 90px,140px 140px;background-position:0 0,40px 60px;animation:frost 40s linear infinite;pointer-events:none;opacity:.55}@keyframes frost{to{transform:translateY(50%)}}.h-weather-grid{position:relative;display:grid;grid-gap:clamp(3rem,8vw,4rem);gap:clamp(3rem,8vw,4rem);align-items:center}@media (min-width:62rem){.h-weather-grid{grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr)}}.h-weather .h-title,.h-weather .lede{color:var(--weather-ink)}.h-weather .h-title em{color:#cfe3f5}.h-weather .lede{opacity:.88}.h-weather-kicker{display:inline-flex;align-items:center;gap:.55rem;margin:0;font-size:.8rem;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:var(--weather-soft)}.h-temp{margin:.2rem 0 .4rem;font-family:var(--font-display),Georgia,serif;font-size:clamp(6.5rem,26vw,13rem);font-weight:300;line-height:.9;letter-spacing:-.05em;color:#fff}.h-temp span{color:var(--weather-soft)}.h-steps{list-style:none;margin:1.8rem 0 0;padding:0;max-width:28rem}.h-steps li{display:flex;align-items:center;gap:.9rem;padding:.75rem 0;border-top:1px solid rgba(255,255,255,.16);font-weight:600}.h-check{position:relative;flex:none;width:1.5rem;height:1.5rem;border-radius:50%;border:1.5px solid rgba(255,255,255,.55);background:#fff}.h-check:after{content:"";position:absolute;left:.44rem;top:.22rem;width:.36rem;height:.68rem;border:solid var(--weather-2);border-width:0 2px 2px 0;transform:rotate(45deg)}.h-steps .reveal.is-out .h-check{background:transparent}.h-steps .reveal.is-out .h-check:after{opacity:0}.h-steps .reveal.is-in .h-check,.h-steps .reveal.is-in .h-check:after{transition:background-color .3s ease .5s,opacity .3s ease .6s}.h-fine{margin-top:1.4rem;font-size:.86rem;color:var(--weather-soft)}.h-weather-phone{width:min(18rem,62vw);margin-inline:auto}.h-weather-phone .phone{--bezel:#0b1622;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}@media (min-width:62rem){.h-weather-phone .phone{transform:rotate(-3deg) translateY(1.5rem)}}.h-week-head{margin-bottom:clamp(2rem,5vw,3.5rem)}.h-week{--gutter:max(1.25rem,(100vw - 72rem)/2);position:relative;display:flex;gap:clamp(1.25rem,3vw,2.25rem);margin:0;padding:0 var(--gutter) 1.5rem;list-style:none;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);scrollbar-width:none;-webkit-overflow-scrolling:touch}.h-week::-webkit-scrollbar{display:none}.h-week:before{content:"";position:absolute;left:var(--gutter);right:var(--gutter);top:.62rem;border-top:1.5px dashed var(--line-strong);min-width:calc(4 * 15rem)}.h-day{position:relative;flex:0 0 min(66vw,15rem);scroll-snap-align:start}@media (min-width:62rem){.h-week{overflow:visible;justify-content:space-between}.h-day{flex:0 1 15rem;margin-top:calc(var(--i) * 1.6rem - (var(--i) / 2) * (var(--i) / 2) * .4rem)}.h-day:nth-child(2n){margin-top:3.2rem}}.h-day-name{position:relative;margin:0 0 1.1rem;padding-left:1.6rem;font-family:var(--font-display),Georgia,serif;font-style:italic;font-size:1.25rem;line-height:1.2;color:var(--ink)}.h-day-name:before{content:"";position:absolute;left:0;top:.22rem;width:.85rem;height:.85rem;border-radius:50%;background:var(--bg);border:2px solid var(--terracotta)}.phone-peek{aspect-ratio:9/13;border-bottom:0;-webkit-mask-image:linear-gradient(180deg,#000 72%,transparent);mask-image:linear-gradient(180deg,#000 72%,transparent);box-shadow:none}.phone-peek,.phone-peek img{border-bottom-left-radius:0;border-bottom-right-radius:0}.h-day-text{margin:.4rem 0 0;font-size:.98rem;line-height:1.55;color:var(--ink-soft)}.h-week-more{margin:clamp(1.5rem,4vw,2.5rem) 0 0;max-width:44rem;color:var(--ink-soft)}.h-week-more strong{color:var(--ink)}.h-free{padding-block:clamp(4.5rem,12vw,8rem);text-align:center;border-top:1px solid var(--line)}.h-free-title{margin:0 auto;font-size:clamp(2.4rem,8vw,5.2rem);font-weight:440;line-height:1.02;letter-spacing:-.035em;max-width:11em}.h-free-title em{display:block;color:var(--terra-ink);font-variation-settings:"SOFT" 100,"WONK" 1}.h-free-sub{margin:1.6rem auto 0;max-width:34rem;font-size:1.08rem;color:var(--ink-soft)}@media (prefers-reduced-motion:reduce){.h-weather:before{animation:none}.doc,.h-check,.h-check:after,.note-line path{transition:none!important}}