.hero{padding-bottom:3rem;position:relative;overflow:hidden}.hero:before{content:"";background:radial-gradient(closest-side, var(--glow), transparent 70%);pointer-events:none;width:820px;height:700px;position:absolute;top:-120px;right:-160px}.hero-grid{grid-template-columns:.9fr 1.1fr;align-items:center;gap:1.5rem;min-height:640px;display:grid;position:relative}.hero h1{letter-spacing:-.03em;margin:0 0 1.1rem;font-size:clamp(2.5rem,5.6vw,3.75rem);font-weight:750;line-height:1.04}.hero h1 .accent{color:var(--link);display:block}.hero .lede{color:var(--muted);max-width:26em;margin:0 0 1.6rem;font-size:1.25rem}.hero .note{color:var(--muted);margin:.9rem 0 0;font-size:.875rem}.store-btn,.store-soon{border-radius:14px;padding:.95rem 1.75rem;font-weight:600;text-decoration:none;display:inline-block}.store-btn{background:var(--btn-bg);color:var(--btn-text)}.store-soon{border:2px dashed var(--line);color:var(--text)}.pill{background:var(--tint);border:1px solid var(--line);color:var(--text);border-radius:99px;align-items:center;gap:.6rem;margin-bottom:1.2rem;padding:.4rem .9rem;font-size:.9rem;text-decoration:none;display:inline-flex}.pill b{background:var(--btn-bg);color:var(--btn-text);letter-spacing:.05em;text-transform:uppercase;border-radius:99px;padding:.05rem .55rem;font-size:.75rem}.pill:hover{border-color:var(--accent)}.softlink{margin-top:.9rem;font-size:.95rem;display:block}.stage{perspective:1500px;perspective-origin:30% 40%;height:640px;position:relative}.stage:not(:has(.ipad)){place-items:center;display:grid}.rig{transform-style:preserve-3d;transition:opacity .8s;position:absolute;inset:0;transform:rotateX(9deg)rotateY(-24deg)rotate(1.5deg)translate(20px)}.dev{position:absolute}.dev picture{height:100%;box-shadow:0 0 0 1px var(--line), 0 30px 60px -28px #00000073;display:block;overflow:hidden}.dev img{object-fit:cover;object-position:top;-webkit-user-drag:none;width:100%;height:100%;display:block}.ipad{width:430px;height:573px;top:20px;left:20px;transform:translateZ(-30px)}.ipad picture{border-radius:20px}.iphone{width:230px;height:500px;top:140px;left:300px;transform:translateZ(90px)}.iphone picture{border-radius:32px}.stage:not(:has(.ipad)) .iphone{position:relative;top:auto;left:auto}.stage-3d{opacity:0;pointer-events:none;width:calc(100% + 240px);height:calc(100% + 240px);transition:opacity .8s;position:absolute;inset:-120px}.stage.is-3d .stage-3d{opacity:1}.will-3d .rig,.stage.is-3d .rig{opacity:0}@media (prefers-reduced-motion:no-preference){.rig{animation:9s ease-in-out infinite alternate sway}@keyframes sway{to{transform:rotateX(7deg)rotateY(-18deg)rotate(1deg)translate(20px)}}}@media (width<=820px){.hero-grid{grid-template-columns:1fr;min-height:0;padding-bottom:2.5rem}.stage{perspective:none;place-items:center;height:auto;padding-block:1rem;display:grid}.rig{animation:none;position:static;transform:none}.dev{position:relative;top:auto;left:auto;transform:none}.ipad{display:none}.iphone{width:230px;height:500px}.stage-3d{display:none}.will-3d .rig,.stage.is-3d .rig{opacity:1}}.eyebrow{color:var(--link);letter-spacing:.06em;text-transform:uppercase;margin:0 0 .6rem;font-size:.85rem;font-weight:650}.rows{padding-block:1rem 3rem}.row{grid-template-columns:1fr 1fr;align-items:center;gap:4rem;padding-block:4.5rem;display:grid}.row.flip .row-text{order:2}.row h2{letter-spacing:-.025em;margin:0 0 .9rem;font-size:clamp(1.75rem,4vw,2.5rem);line-height:1.1}.row-lead{color:var(--muted);margin:0 0 .75rem;font-size:1.15rem}.row-points{color:var(--muted);margin:.9rem 0 0;padding:0;list-style:none}.row-points li{padding:.4rem 0 .4rem 1.75rem;position:relative}.row-points li:before{content:"";box-sizing:border-box;background:var(--tint);border:4px solid var(--accent);border-radius:50%;width:.9rem;height:.9rem;position:absolute;top:.8rem;left:0}.shot{background:var(--band);border-radius:32px;place-items:center;padding:2.75rem 0;display:grid}.crop{background:var(--band);border-radius:26px;width:min(330px,84%);overflow:hidden;box-shadow:0 30px 60px -28px #00000059}.crop img{-webkit-user-drag:none;width:100%;height:auto;display:block}.crop-record{aspect-ratio:330/620}.crop-see{aspect-ratio:330/390}.crop-share{aspect-ratio:1}.crop-share img{margin-top:-72.7%}.band{color:#f2f5f9;background:#0b1420;padding-block:5rem}.band h2{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(1.9rem,4.4vw,2.75rem);line-height:1.1}.band-lead{color:#a9b5c4;max-width:34em;margin:0 0 2.75rem;font-size:1.25rem}.eyebrow-on-dark{color:#6cb4ff}.tiles{grid-template-columns:repeat(3,1fr);gap:1.1rem;margin:0;padding:0;list-style:none;display:grid}.tile{background:#ffffff0a;border:1px solid #ffffff24;border-radius:22px;padding:1.6rem}.tile h3{margin:0 0 .35rem;font-size:1.25rem}.tile p{color:#a9b5c4;margin:0;font-size:1rem}.ic{color:#6cb4ff;background:#0a84ff33;border-radius:13px;place-items:center;width:46px;height:46px;margin-bottom:1rem;display:grid}.cta{padding-block:5rem}.panel{background:linear-gradient(135deg, var(--tint), var(--band));border:1px solid var(--line);text-align:center;border-radius:32px;padding:4rem 1.5rem}.panel h2{letter-spacing:-.025em;margin:0 0 .75rem;font-size:clamp(1.9rem,4.4vw,2.85rem);line-height:1.1}.panel p{color:var(--muted);margin:0 auto 1.75rem;font-size:1.25rem}@media (width<=820px){.row{grid-template-columns:1fr;gap:2rem;padding-block:3rem}.row.flip .row-text{order:0}.tiles{grid-template-columns:1fr}}