:root{--paper:#f6f4ec;--ink:#272c29;--muted:#696e65;--line:#dadbd2;--moss:#4c5f48;--mist:#c2c7e0;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:disabled{cursor:wait}a:focus-visible,button:focus-visible{outline:2px solid var(--moss);outline-offset:6px}header,main,footer{max-width:1280px;margin:auto}header{display:flex;justify-content:space-between;align-items:center;padding:34px 54px}.brand{display:flex;align-items:center;gap:12px;font-size:13px;line-height:1.25;font-weight:600}.brand img{border-radius:9px}.nav-link{font-size:12px}.nav-link span{margin-left:22px}.hero{display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:45px;padding:55px 90px 90px}.eyebrow{font:10px/1.6 ui-monospace,SFMono-Regular,monospace;letter-spacing:1.7px}.dot{display:inline-block;background:var(--moss);width:6px;height:6px;border-radius:50%;margin-right:7px}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(62px,6.8vw,92px);line-height:1.01;font-weight:400;letter-spacing:-5px;margin:32px 0}h1 em{font-weight:400;color:var(--moss)}.intro{font-size:17px;line-height:1.7;color:#565e54;margin:0 0 29px}.cta{display:inline-flex;gap:48px;align-items:center;background:var(--ink);color:var(--paper);border-radius:5px;padding:18px 22px;font-size:13px}.cta:hover{background:#3e483e}.availability{font-size:11px;color:var(--muted);line-height:1.7}.little-note{display:flex;gap:17px;align-items:baseline;margin-top:70px;font-size:11px;line-height:1.7}.little-note>span{font-family:monospace;color:var(--muted)}.little-note p{margin:0}.product{display:flex;align-items:center;flex-direction:column}.mode-switch{display:flex;gap:4px;margin-bottom:20px;border:1px solid var(--line);padding:4px;border-radius:7px}.mode-switch button{border:0;background:none;font-size:11px;padding:8px 13px;border-radius:4px}.mode-switch button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.phone{width:330px;min-height:680px;border:1px solid #cdd0c3;border-radius:36px;padding:35px 26px 25px;display:flex;flex-direction:column;background:#f8f7f0;box-shadow:0 18px 45px #30372508;transition:background .8s,color .8s,border-color .8s;position:relative;overflow:hidden}.phone-top{display:flex;justify-content:space-between;font-size:10px;line-height:1.5;font-weight:600;letter-spacing:1.7px}.phone-top>span+span{font-size:22px;line-height:.9}.answer-block{text-align:center;margin-top:44px}.micro{font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1.3px;color:var(--muted);margin:0}.answer{font:116px/1.1 Georgia,serif;letter-spacing:-9px;margin-top:8px}.subtitle{font-size:12px;line-height:1.6;min-height:20px;margin:9px 0 0}.art{border-radius:50%;width:192px;height:192px;margin:18px auto 30px;background:#4c5f4810;position:relative;overflow:hidden}.dry-art{width:100%;height:100%}.dry-art i{position:absolute;top:67px;left:93px;width:7px;height:7px;background:#6c7b60;border-radius:50%;animation:breathe 5s ease-in-out infinite}.dry-art b{position:absolute;left:-20px;top:93px;width:232px;height:84px;border:1px solid #4c5f4821;border-radius:50%;animation:drift 7s ease-in-out infinite;animation-delay:calc(var(--i,0)*-.5s)}.dry-art b:nth-of-type(2){top:107px}.dry-art b:nth-of-type(3){top:121px}.dry-art b:nth-of-type(4){top:135px}.dry-art b:nth-of-type(5){top:149px}.dry-art b:nth-of-type(6){top:163px}.rain-art{display:none;position:absolute;inset:0}.rain-art i{position:absolute;width:1.5px;height:21px;background:var(--mist);border-radius:3px;left:var(--x);top:-30px;opacity:var(--o);animation:fall var(--duration) linear infinite;animation-delay:var(--delay)}.phone.wet{background:var(--ink);color:var(--paper);border-color:var(--ink)}.wet .micro{color:#b8bdb2}.wet .art{background:#c2c7e00d}.wet .dry-art{display:none}.wet .rain-art{display:block}.trace{margin-top:auto}.trace-heading,.trace-labels{display:flex;justify-content:space-between;font:8px ui-monospace,SFMono-Regular,monospace;letter-spacing:1px}.trace-heading{margin-bottom:5px}.trace-labels{opacity:.65;letter-spacing:0;margin-top:10px}.bars{display:flex;gap:4px;height:52px;align-items:flex-end}.bars i{flex:1;height:3px;background:currentColor;opacity:.17;border-radius:2px;transition:height .65s}.bars i.rain{background:var(--moss);opacity:1}.wet .bars i.rain{background:var(--mist)}.phone-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:26px;font:8px ui-monospace,SFMono-Regular,monospace}.phone-bottom small{display:block;font:8px "Helvetica Neue",sans-serif;opacity:.6;margin-top:5px}.phone-bottom button{border:0;width:36px;height:36px;border-radius:50%;font-size:21px;background:#7f8c7510}.wet .phone-bottom button{background:#ffffff0d}.preview-note{font-size:10px;color:var(--muted);margin:18px 0;text-align:center;max-width:330px;line-height:1.7}.details{border-top:1px solid var(--line);padding:65px 90px 70px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin:30px 0 65px}h2{font:44px/1.13 Georgia,serif;letter-spacing:-1.8px;font-weight:400;margin:0}.detail-copy p,.coverage p{font-size:14px;line-height:1.8;color:#5d655b;margin:0 0 18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:45px}.features article{border-top:1px solid var(--line);padding-top:20px}.number{font:11px monospace;color:var(--muted)}h3{font-size:16px;font-weight:500;margin:20px 0 12px}.features p{font-size:12px;line-height:1.8;color:var(--muted)}.closing{border-top:1px solid var(--line);padding:65px 90px 85px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.closing h2{margin-top:25px}.coverage a{text-decoration:underline;text-underline-offset:3px}.coverage .availability{font-size:11px}.text-link{font-size:12px}footer{border-top:1px solid var(--line);padding:30px 54px;display:flex;justify-content:space-between;font-size:11px}.byline{margin-left:20px;color:var(--muted)}footer nav{display:flex;gap:25px}dialog{border:1px solid var(--line);padding:30px;max-width:min(460px,calc(100% - 30px));border-radius:12px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#151c1860;backdrop-filter:blur(4px)}dialog h2{font-size:32px}dialog p{font-size:14px;line-height:1.7}.dialog-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.dialog-actions button{padding:12px 15px;background:none;border:1px solid var(--line);border-radius:5px}.dialog-actions .primary{background:var(--ink);color:var(--paper)}.legal{max-width:760px;padding:65px 30px 100px}.legal h1{font-size:60px;letter-spacing:-3px}.legal h2{font:24px Georgia,serif;letter-spacing:-.5px;margin:35px 0 12px}.legal p,.legal li{font-size:15px;line-height:1.8;color:#596052}.legal a{text-decoration:underline}.legal .eyebrow{font-size:10px}@keyframes fall{to{transform:translate(-70px,260px)}}@keyframes drift{50%{transform:translateX(7px)}}@keyframes breathe{50%{transform:translateY(-4px)}}@media(max-width:900px){header{padding:25px 30px}.hero{padding:45px 40px 70px;gap:25px}h1{font-size:64px;letter-spacing:-3px}.phone{width:300px;min-height:650px}.details,.closing{padding:55px 40px}.features{gap:25px}.little-note{margin-top:45px}}@media(max-width:680px){header{padding:22px}.nav-link{font-size:10px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:35px 25px 55px;gap:40px}.hero-copy{max-width:440px;margin:auto;width:100%}h1{font-size:72px}.intro{font-size:16px}.little-note{display:none}.product{padding-top:8px}.phone{width:min(330px,100%);min-height:680px}.details,.closing{padding:45px 25px}.detail-grid,.closing{grid-template-columns:1fr;gap:25px}.detail-grid{margin-bottom:35px}.features{grid-template-columns:1fr;gap:18px}.features article{display:grid;grid-template-columns:25px 1fr;column-gap:15px}.features h3{margin:0}.features p{grid-column:2;margin:10px 0}.features .number{padding-top:3px}h2{font-size:37px}footer{padding:25px;flex-direction:column;gap:25px}.byline{margin-left:8px}.eyebrow{font-size:9px;letter-spacing:1px}.legal h1{font-size:50px}.answer{font-size:116px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}
