.iphone[data-astro-cid-2yyzxhbb]{--w: 360px;--pt: calc(100cqw / 426);width:var(--w);aspect-ratio:426 / 898;position:relative;container-type:inline-size;flex:none;margin:0}.ip-body[data-astro-cid-2yyzxhbb]{position:absolute;inset:0;border-radius:calc(var(--pt) * 66);background:linear-gradient(90deg,#ffffff1a,#fff0 6% 94%,#ffffff1a),linear-gradient(160deg,#3a3e43,#1c1f22 22%,#2b2f33,#16181a,#34383c);box-shadow:inset 0 0 0 calc(var(--pt) * .9) #ffffff29,inset 0 0 0 calc(var(--pt) * 2.2) #0000008c,0 1px 2px #0e14111a,0 calc(var(--pt) * 26) calc(var(--pt) * 52) calc(var(--pt) * -14) #0e141161,0 calc(var(--pt) * 70) calc(var(--pt) * 130) calc(var(--pt) * -40) #0e14116b}.ip-glass[data-astro-cid-2yyzxhbb]{position:absolute;inset:calc(var(--pt) * 3.2);border-radius:calc(var(--pt) * 62.8);background:#050605}.ip-screen[data-astro-cid-2yyzxhbb]{position:absolute;left:calc(var(--pt) * 12);top:calc(var(--pt) * 12);width:calc(var(--pt) * 402);height:calc(var(--pt) * 874);border-radius:calc(var(--pt) * 54);overflow:hidden;background:var(--top);isolation:isolate;transform:translateZ(0)}.ip-content[data-astro-cid-2yyzxhbb]{position:absolute;left:0;top:calc(var(--pt) * 54);width:calc(var(--pt) * 402);height:calc(var(--pt) * 820);overflow:hidden}.ip-shot[data-astro-cid-2yyzxhbb]{position:absolute;left:0;top:0;width:100%;height:auto;max-width:none}.ip-sb[data-astro-cid-2yyzxhbb]{position:absolute;left:0;top:0;width:100%;height:calc(var(--pt) * 54);display:grid;grid-template-columns:calc(var(--pt) * 150) minmax(0,1fr) calc(var(--pt) * 150);align-items:center;color:#0b0b0b;z-index:5;pointer-events:none}.iphone[data-astro-cid-2yyzxhbb][data-dark] .ip-sb[data-astro-cid-2yyzxhbb]{color:#fff}.ip-time[data-astro-cid-2yyzxhbb]{grid-column:1;justify-self:center;padding-top:calc(var(--pt) * 3);font:600 calc(var(--pt) * 17) / 1 -apple-system,"SF Pro Text","Hanken Grotesk Variable",system-ui,sans-serif;letter-spacing:-.01em}.ip-icons[data-astro-cid-2yyzxhbb]{grid-column:3;justify-self:center;display:flex;align-items:center;gap:calc(var(--pt) * 6);padding-top:calc(var(--pt) * 3)}.ip-icons[data-astro-cid-2yyzxhbb] svg[data-astro-cid-2yyzxhbb]{height:calc(var(--pt) * 12);width:auto;fill:currentColor}.ip-icons[data-astro-cid-2yyzxhbb] svg[data-astro-cid-2yyzxhbb]:last-child{height:calc(var(--pt) * 13)}.ip-island[data-astro-cid-2yyzxhbb]{position:absolute;left:calc(var(--pt) * 138);top:calc(var(--pt) * 11);width:calc(var(--pt) * 126);height:calc(var(--pt) * 37);border-radius:calc(var(--pt) * 20);background:#000;z-index:6;box-shadow:inset 0 0 0 calc(var(--pt) * .6) #ffffff08}.ip-island[data-astro-cid-2yyzxhbb]:after{content:"";position:absolute;right:calc(var(--pt) * 22);top:50%;width:calc(var(--pt) * 11);height:calc(var(--pt) * 11);margin-top:calc(var(--pt) * -5.5);border-radius:50%;background:radial-gradient(circle at 35% 35%,#2a3350,#0b0d14 55%,#000 70%)}.ip-home[data-astro-cid-2yyzxhbb]{position:absolute;left:calc(var(--pt) * 134);bottom:calc(var(--pt) * 8);width:calc(var(--pt) * 134);height:calc(var(--pt) * 5);border-radius:calc(var(--pt) * 3);background:#000000d1;z-index:6}.iphone[data-astro-cid-2yyzxhbb][data-dark] .ip-home[data-astro-cid-2yyzxhbb]{background:#ffffffd1}.ip-glare[data-astro-cid-2yyzxhbb]{position:absolute;inset:0;z-index:7;pointer-events:none;background:linear-gradient(118deg,#ffffff1a,#ffffff08 26%,#fff0 42%);mix-blend-mode:screen}.ip-btn[data-astro-cid-2yyzxhbb]{position:absolute;width:calc(var(--pt) * 3.6);border-radius:calc(var(--pt) * 2);background:linear-gradient(90deg,#15171a,#45494e 55%,#1b1d20);z-index:-1}.ip-btn[data-astro-cid-2yyzxhbb].b1{left:calc(var(--pt) * -2.2);top:calc(var(--pt) * 176);height:calc(var(--pt) * 34)}.ip-btn[data-astro-cid-2yyzxhbb].b2{left:calc(var(--pt) * -2.2);top:calc(var(--pt) * 240);height:calc(var(--pt) * 62)}.ip-btn[data-astro-cid-2yyzxhbb].b3{left:calc(var(--pt) * -2.2);top:calc(var(--pt) * 318);height:calc(var(--pt) * 62)}.ip-btn[data-astro-cid-2yyzxhbb].b4{right:calc(var(--pt) * -2.2);top:calc(var(--pt) * 262);height:calc(var(--pt) * 98)}.ip-btn[data-astro-cid-2yyzxhbb].b5{right:calc(var(--pt) * -1.2);top:calc(var(--pt) * 520);height:calc(var(--pt) * 66);width:calc(var(--pt) * 2.4);background:linear-gradient(90deg,#202225,#5a5f64)}