.page-hero-art.page-hero-art--phone{background:radial-gradient(120% 80% at 50% 0%, #e8a83838, transparent 58%), radial-gradient(90% 70% at 50% 110%, #2a5546e6, transparent 70%), linear-gradient(160deg, #11493a 0%, var(--green-950) 62%, #082a1f 100%);isolation:isolate;min-height:clamp(520px,44vw,600px)}.page-hero-art.page-hero-art--phone:before{aspect-ratio:1;z-index:-1;border:1px solid #e8a83847;border-radius:50%;width:min(78%,440px);inset:50% auto auto 50%;transform:translate(-50%,-50%);box-shadow:0 0 0 42px #ffffff06,0 0 0 86px #ffffff05}.hero-phone-stage{place-items:center;width:100%;padding:40px 0;display:grid;position:relative}.hero-phone{background:linear-gradient(145deg,#5d6a64 0%,#1a2420 18%,#0d1512 55%,#2a3530 100%);border-radius:44px;width:clamp(236px,18.5vw,248px);padding:9px;position:relative;box-shadow:inset 0 0 0 1.5px #ffffff47,inset 0 0 0 3px #0b100e,0 2px #ffffff0f,0 40px 60px -18px #0000008c,0 18px 36px #00000047}.hero-phone__screen{background:#0b4a34;border-radius:35px;position:relative;overflow:hidden}.hero-phone__screen:after{content:"";background:#ffffff8c;border-radius:999px;width:34%;height:4px;position:absolute;bottom:6px;left:50%;transform:translate(-50%)}.hero-phone__status{height:34px;color:var(--green-950);letter-spacing:0;background:#fefdfb;justify-content:space-between;align-items:center;padding:4px 22px 0 26px;font-size:12px;font-weight:700;display:flex}.hero-phone__status-icons{align-items:center;gap:4px;display:flex}.hero-phone__status-icons i{background:var(--green-950);opacity:.85;border-radius:2px;width:14px;height:8px;display:block}.hero-phone__status-icons i:first-child{clip-path:polygon(0 100%,100% 0,100% 100%);border-radius:0;width:12px}.hero-phone__status-icons i:nth-child(2){clip-path:polygon(50% 100%,0 0,100% 0);border-radius:50% 50% 0 0;width:11px;height:9px}.hero-phone__status-icons i:nth-child(3){width:20px;height:10px;box-shadow:inset 0 0 0 1.5px var(--green-950);background:0 0;border-radius:3px;position:relative}.hero-phone__status-icons i:nth-child(3):after{content:"";background:var(--green-950);border-radius:1px;position:absolute;inset:2.5px 5px 2.5px 2.5px}.hero-phone__btn{background:#26302c;border-radius:2px;width:3px;position:absolute}.hero-phone__btn--power{height:64px;top:25%;right:-3px}.hero-phone__btn--vol{height:42px;top:20%;left:-3px;box-shadow:0 56px #26302c}html .page-hero-art.page-hero-art--phone .hero-phone__screen img,html[data-motion] .page-hero-art.page-hero-art--phone[data-in-view] .hero-phone__screen img{filter:none;width:100%;height:auto;max-height:none;animation:none;display:block;transform:none}.hero-phone__island{z-index:2;opacity:.92;background:#0b100e;border-radius:999px;width:29%;height:20px;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hero-phone-chip{z-index:3;color:var(--green-950);text-align:left;white-space:nowrap;background:#fffffff7;border:1px solid #0c3a2b14;border-radius:16px;align-items:center;gap:11px;padding:11px 16px 11px 11px;line-height:1.2;display:flex;position:absolute;box-shadow:0 18px 40px -12px #00000073}.hero-phone-chip strong{font-size:14px;font-weight:700;display:block}.hero-phone-chip small{color:var(--muted);margin-top:2px;font-size:12px;display:block}.hero-phone-chip__icon{background:var(--green-950);width:34px;height:34px;color:var(--gold);border-radius:10px;flex:none;place-items:center;font-size:17px;font-weight:700;display:grid}.hero-phone-chip__icon--check{color:var(--gold-dark);background:#e8a83829}@media (width>=641px){.hero-phone-chip{white-space:normal;flex-direction:column;align-items:flex-start;gap:10px;width:138px;min-height:118px;padding:14px}.hero-phone-chip strong{font-size:13.5px}.hero-phone-chip small{font-size:12px;line-height:1.3}}.hero-phone-chip--brand{top:24%;left:18px}.hero-phone-chip--done{bottom:24%;right:18px}html[data-motion=full] .page-hero-art--phone .hero-phone,html[data-motion=full] .page-hero-art--phone .hero-phone-chip{opacity:0}html[data-motion=full] .page-hero-art--phone[data-in-view] .hero-phone{animation:.9s cubic-bezier(.2,.8,.2,1) 80ms both hero-phone-in}html[data-motion=full] .page-hero-art--phone[data-in-view] .hero-phone-chip--brand{animation:.7s cubic-bezier(.2,.8,.2,1) .65s both hero-chip-in}html[data-motion=full] .page-hero-art--phone[data-in-view] .hero-phone-chip--done{animation:.7s cubic-bezier(.2,.8,.2,1) .95s both hero-chip-in}@keyframes hero-phone-in{0%{opacity:0;transform:translateY(26px)scale(.97)}to{opacity:1;transform:none}}@keyframes hero-chip-in{0%{opacity:0;translate:0 12px}to{opacity:1;translate:0}}@media (width<=640px){.page-hero-art.page-hero-art--phone{min-height:500px}.hero-phone{border-radius:38px;width:210px;padding:8px}.hero-phone__screen{border-radius:30px}.hero-phone__status{height:28px;padding:3px 18px 0 22px;font-size:10.5px}.hero-phone__island{height:16px;top:14px}.hero-phone-chip{border-radius:13px;gap:9px;padding:8px 12px 8px 8px}.hero-phone-chip strong{font-size:13px}.hero-phone-chip small{font-size:11px}.hero-phone-chip__icon{border-radius:8px;width:28px;height:28px;font-size:14px}.hero-phone-chip small{display:none}.hero-phone-stage{padding:58px 0}.hero-phone-chip--brand{top:14px;left:14px}.hero-phone-chip--done{bottom:14px;right:14px}}@media (prefers-reduced-motion:reduce){.page-hero-art--phone .hero-phone,.page-hero-art--phone .hero-phone-chip,.page-hero-art--phone .hero-phone-stage{opacity:1!important;animation:none!important}}@media (width>=641px) and (width<=1180px){.hero-phone{border-radius:38px;width:192px}.hero-phone__screen{border-radius:32px}.hero-phone-chip{width:112px;min-height:124px;padding:11px}.hero-phone-chip strong{font-size:12px}.hero-phone-chip small{font-size:11px}.hero-phone-chip--brand{left:12px}.hero-phone-chip--done{right:12px}}.hero-phone-chip--upload{top:7%;right:18px}.hero-phone-chip--todos{bottom:7%;left:18px}html[data-motion=full] .page-hero-art--phone[data-in-view] .hero-phone-chip--upload{animation:.7s cubic-bezier(.2,.8,.2,1) .8s both hero-chip-in}html[data-motion=full] .page-hero-art--phone[data-in-view] .hero-phone-chip--todos{animation:.7s cubic-bezier(.2,.8,.2,1) 1.1s both hero-chip-in}@media (width>=641px) and (width<=1180px){.hero-phone-chip--upload{right:12px}.hero-phone-chip--todos{left:12px}}@media (width<=640px){.hero-phone-chip--upload{top:14px;right:14px}.hero-phone-chip--todos{bottom:14px;left:14px}.hero-phone-chip--upload,.hero-phone-chip--todos,.hero-phone-chip--brand,.hero-phone-chip--done{white-space:normal;max-width:calc(50% - 21px)}}