:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f3f0e7;background:#253e43;font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}::selection{background:#e8c68b;color:#253e43}
.sky{position:fixed;inset:0;overflow:hidden;z-index:-1;background:linear-gradient(180deg,#29464d 0%,#36565c 34%,#4c686b 65%,#747c70 100%)}
.sky::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,27,31,.38),rgba(17,31,34,.06) 75%),linear-gradient(0deg,rgba(17,31,34,.25),transparent 45%)}
.sky i{position:absolute;left:50%;top:37%;width:230vw;height:230vw;min-width:1900px;min-height:1900px;transform:translateX(-50%);border-radius:50%;background:linear-gradient(180deg,rgba(206,227,227,.065),transparent 19%)}
.sky i:nth-child(2){top:49%;width:205vw;height:205vw}.sky i:nth-child(3){top:61%;width:180vw;height:180vw}.sky i:nth-child(4){top:73%;width:155vw;height:155vw}.sky i:nth-child(5){top:85%;width:130vw;height:130vw}
.sunlight{position:absolute;inset:25% -5% -50% 35%;background:radial-gradient(ellipse,rgba(255,214,143,.15),transparent 62%);filter:blur(40px)}
.page{width:min(1320px,100%);min-height:100svh;margin:auto;padding:38px 64px 28px;display:flex;flex-direction:column}
header{display:flex;align-items:center;justify-content:center}.brand{font-style:italic;font-synthesis:style}.wordmark{font-size:28px;font-weight:500;letter-spacing:-1.4px;display:inline-flex;align-items:center;gap:11px}.sun-mark{width:15px;height:15px;border:1px solid #efcf91;border-radius:50%;background:radial-gradient(circle at 35% 30%,#ffe8b5,#d3ac6d);box-shadow:0 0 20px #f8d58e20}
.copy{padding:0 0 32px}
main{flex:1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:30px;min-height:690px}
h1{font-size:clamp(40px,4.5vw,61px);line-height:1.14;font-weight:600;letter-spacing:-.055em;margin:0 0 25px}h1 span{color:#eed7ad}.description{max-width:440px;font-size:17px;line-height:1.65;font-weight:350;letter-spacing:-.015em;color:#d8e0dc;margin:0}
.privacy-copy{font-size:14px;line-height:1.65;color:#d8e0dc;margin:14px 0 0}.savings{font-size:15px;line-height:1.65;color:#eed7ad;margin:26px 0 0}.savings strong{font-weight:600}.savings-detail{max-width:420px;font-size:12px;line-height:1.7;color:#cbd5d1;margin:7px 0 0}.demo{margin-top:32px}.demo-link{display:inline-flex;align-items:center;gap:18px;font-size:14px;color:#f3e5cd;padding:7px 0;border-bottom:1px solid #eed7ad55}.demo-link span{font-size:18px}.demo p{font-size:11px;line-height:1.9;color:#cbd5d1;margin:16px 0 0}.demo p a{white-space:nowrap}.demo a:hover{color:#fff4dc}.demo a:focus-visible{outline:1px solid #eed7ad;outline-offset:5px}
.product{margin:0;align-self:center;position:relative;width:100%;padding-bottom:10px}#phone-stage{height:630px;width:100%;outline:none;position:relative;cursor:grab;touch-action:pan-y;border-radius:36px}#phone-stage:active{cursor:grabbing}#phone-stage:focus-visible{outline:1px solid #e8c68b;outline-offset:4px}canvas{display:block;width:100%;height:100%;position:absolute;inset:0}
.phone-fallback{position:absolute;top:50%;left:50%;height:86%;aspect-ratio:1170/2532;transform:translate(-50%,-50%) rotate(-5deg);border:8px solid #242527;border-radius:44px;background:#242527;box-shadow:3px 2px 0 2px #9b9b91,20px 24px 60px #12212670;overflow:hidden}.phone-fallback img{width:100%;height:100%;object-fit:cover}.phone-fallback span{position:absolute;top:10px;left:50%;transform:translateX(-50%);height:17px;width:27%;background:#08090a;border-radius:30px}.webgl-ready .phone-fallback{visibility:hidden}#fallback-screen{position:absolute;inset:0;width:100%;height:100%}
@media(min-width:1500px){.page{padding-top:48px}main{min-height:760px}#phone-stage{height:700px}}
@media(max-width:850px){.page{padding:28px 32px 24px}main{gap:14px;min-height:650px}h1{font-size:39px}#phone-stage{height:565px}.description{font-size:16px}.demo p{font-size:10px}.demo{margin-top:42px}}
@media(max-width:620px){.page{padding:24px 26px 22px}.wordmark{font-size:25px}main{display:flex;flex-direction:column;min-height:0;gap:6px}.copy{width:100%;text-align:center;padding:54px 0 0}h1{font-size:clamp(31px,8.2vw,48px);margin-bottom:18px}.description{font-size:16px;margin-inline:auto}.privacy-copy{font-size:13px}.savings{font-size:14px;margin-top:22px}.savings-detail{font-size:11px;margin-inline:auto}.demo{margin-top:28px}.demo-link{font-size:13px}.demo p{font-size:10px;line-height:1.9;margin-top:11px}.product{max-width:390px;padding-top:12px;padding-bottom:0}#phone-stage{height:490px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}