@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;600;800&display=swap";*,:before,:after{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,system-ui,sans-serif}.landing{color:#006c35;background:radial-gradient(60% 70% at 78%,#006c351f,#0000 70%),radial-gradient(40% 50% at 8% 0,#006c350f,#0000 70%),#f6f8f6;justify-content:center;align-items:center;gap:clamp(48px,9vw,160px);min-height:100svh;padding:48px clamp(24px,8vw,140px);display:flex}.copy{flex-direction:column;align-items:flex-start;gap:44px;display:flex}.lockup.brand{width:243px}.headline{flex-direction:column;gap:20px;display:flex}h1{white-space:nowrap;letter-spacing:-.02em;text-transform:uppercase;margin:0;font-size:clamp(30px,8vw,64px);font-weight:800;line-height:1.05}.rule{background:#006c35;border-radius:3px;width:72px;height:6px}.badges{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.store{width:auto;display:block}.store.apple,.store.google{height:54px}.stage{--w:min(340px, 78vw);isolation:isolate;width:var(--w);flex:none;position:relative}.phone{z-index:1;box-sizing:content-box;width:var(--w);height:calc(var(--w) * 1.38);padding-inline:calc(var(--w) * .03);margin-inline:calc(var(--w) * -.03);position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 0% 52%,#0000 96%);mask-image:linear-gradient(#000 0% 52%,#0000 96%);container-type:inline-size}.stage:before{content:"";filter:blur(30px);pointer-events:none;background:radial-gradient(closest-side,#003c1e33,#0000 100%);position:absolute;inset:4% -30% 0;-webkit-mask-image:linear-gradient(#000 30%,#0000 85%);mask-image:linear-gradient(#000 30%,#0000 85%)}.smoke{z-index:2;pointer-events:none;height:46%;position:absolute;bottom:-6%;left:-35%;right:-35%}.smoke span{filter:blur(14px);background:radial-gradient(closest-side,#eef3f08c,#eef3f000 100%);border-radius:50%;animation:9s ease-in-out infinite alternate drift;position:absolute}.smoke span:first-child{width:60%;height:80%;bottom:0;left:0}.smoke span:nth-child(2){width:62%;height:90%;animation-duration:11s;animation-delay:-3s;bottom:10%;left:28%}.smoke span:nth-child(3){width:55%;height:75%;animation-duration:13s;animation-delay:-6s;bottom:0;right:0}@keyframes drift{0%{transform:translate(-4%)scale(1)}to{transform:translate(4%)scale(1.08)}}.phone-body{aspect-ratio:393/852;background:linear-gradient(145deg,#3a3d3c,#0c0d0d 40%,#2a2c2b);border-radius:15.5cqw;padding:2.6cqw;position:relative;box-shadow:inset 0 0 0 .5cqw #5a5e5c,inset 0 0 0 1.2cqw #050505}.btn{background:#2a2c2b;border-radius:.5cqw;width:1cqw;position:absolute}.btn-action{height:3.5%;top:18%;left:-.8cqw}.btn-vol-up{height:7%;top:25%;left:-.8cqw}.btn-vol-down{height:7%;top:34%;left:-.8cqw}.btn-power{height:11%;top:29%;right:-.8cqw}.display{--ink:#fff;height:100%;color:var(--ink);background:#006c35;border-radius:12.4cqw;transition:background-color .9s ease-in-out,color .9s ease-in-out;position:relative;overflow:hidden}.display[data-theme=white]{--ink:#006c35;color:#000;background:#fff}.screen-logo{width:73%;position:absolute;top:38cqw;left:13.5%}.lockup{width:100%;display:block}.lockup-mark,.lockup-tag{background-color:var(--ink,#006c35);transition:background-color .9s ease-in-out;display:block}.lockup-mark{aspect-ratio:1978/371;width:98.8%;margin-left:.6%;-webkit-mask:url(/logo-mark.png) 50%/100% 100% no-repeat;mask:url(/logo-mark.png) 50%/100% 100% no-repeat}.lockup-tag{aspect-ratio:1113/71;width:88%;margin:2.2% 0 0 6%;-webkit-mask:url(/tagline.png) 50%/100% 100% no-repeat;mask:url(/tagline.png) 50%/100% 100% no-repeat}.status-bar{justify-content:space-between;align-items:center;height:12cqw;padding:4.2cqw 8.5cqw 0 9.5cqw;font-size:4.3cqw;font-weight:600;display:flex;position:absolute;inset:0 0 auto}.status-icons{align-items:center;gap:1.4cqw;display:flex}.status-icons svg{width:auto;height:3.1cqw}.island{z-index:3;background:#000;border-radius:4cqw;width:27cqw;height:8cqw;margin-left:-13.5cqw;position:absolute;top:3cqw;left:50%}.home-indicator{background:currentColor;border-radius:1cqw;width:34cqw;height:1.3cqw;margin-left:-17cqw;position:absolute;bottom:2cqw;left:50%}@media (width<=900px){.landing{flex-direction:column;gap:56px;padding-block:56px}.copy{text-align:center;align-items:center}.headline{align-items:center}.badges{justify-content:center}}@media (prefers-reduced-motion:reduce){.smoke span{animation:none}.display,.lockup-mark,.lockup-tag{transition:none}}