.page{max-width:var(--page-max-width);margin:0 auto;padding:72px 24px 24px;display:flex;flex-direction:column;--gap: 30px;gap:var(--gap)}.card{background:var(--color-surface);border-radius:var(--radius-2xl);overflow:hidden;position:relative;isolation:isolate}.card-dark{background:var(--color-onyx);color:#fff}.card-pad{padding:56px 48px}.card-pad-lg{padding:80px 56px}.card-min{min-height:480px}.hero-card{aspect-ratio:16 / 10;min-height:540px;display:flex;flex-direction:column;justify-content:space-between;position:relative}.hero-card .media-ph{position:absolute;inset:0;z-index:0;background:radial-gradient(60% 50% at 80% 30%,color-mix(in oklab,var(--logo-cyan) 35%,transparent) 0%,transparent 60%),radial-gradient(50% 50% at 20% 80%,color-mix(in oklab,var(--logo-blue) 30%,transparent) 0%,transparent 60%),linear-gradient(135deg,#f7f9fc,#eef3f9)}.hero-card .body{position:relative;z-index:2;padding:80px 56px;max-width:720px}.hero-card h1{font-size:clamp(40px,5.4vw,72px);font-weight:var(--weight-medium);line-height:1.1;letter-spacing:-.04em;margin:0;color:#fff;text-shadow:0 2px 24px rgba(0,0,0,.4);text-wrap:balance}.hero-card .lede{margin:20px 0 0;font-size:17px;line-height:1.65;color:#ffffffeb;text-shadow:0 1px 8px rgba(0,0,0,.45);max-width:38ch}.hero-card .btn-primary{background:#fff;color:var(--color-ink)}.hero-card .btn-primary:hover{background:#f0f0f0}.hero-card .actions{position:relative;z-index:2;padding:0 56px 56px;display:inline-flex;gap:10px;align-items:center}.btn-primary{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;background:var(--color-ink);color:#fff;border-radius:var(--radius-pill);text-decoration:none;font-size:14px;font-weight:var(--weight-medium);transition:background var(--motion-fast)}.btn-primary:hover{background:#2a2a2a}.btn-primary .material-symbols-outlined{font-size:16px}.btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;color:var(--color-ink);text-decoration:none;font-size:14px;font-weight:var(--weight-medium);background:var(--color-surface);border-radius:var(--radius-pill);border:1px solid var(--color-border-strong);transition:background var(--motion-fast)}.btn-ghost:hover{background:var(--color-recessed)}.btn-ghost .material-symbols-outlined{font-size:16px}.bento{display:grid;grid-template-columns:1fr 1fr;gap:var(--gap)}.bento .card{aspect-ratio:16 / 10;min-height:360px;text-decoration:none;color:inherit;display:flex;flex-direction:column;transition:background var(--motion-fast)}.bento .card .media-ph{position:absolute;inset:0;z-index:0}.bento .card .body{position:relative;z-index:2;padding:32px 36px;margin-top:auto}.bento .card .num{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;color:var(--color-graphite);margin:0 0 8px}.bento .card-dark .num{color:#fff9}.bento .card h3{font-size:22px;font-weight:var(--weight-medium);letter-spacing:-.02em;line-height:1.25;margin:0 0 8px;color:var(--color-ink);text-wrap:balance}.bento .card-dark h3{color:#fff}.bento .card p{font-size:13.5px;line-height:1.55;color:var(--color-graphite);margin:0}.bento .card-dark p{color:#ffffffa6}.ph-a{background:linear-gradient(135deg,#eaf3ff,#d6e8ff)}.ph-b{background:linear-gradient(135deg,#1a1a1a,#2e2e35)}.ph-c{background:linear-gradient(135deg,#fbf6ee,#f0e6d2)}.ph-d{background:linear-gradient(135deg,#efeef0,#e0dde6)}.ph-onyx{background:linear-gradient(135deg,#1a1a1a,#0d0d10)}.ph-mist{background:linear-gradient(135deg,#f4f7fb,#e4eaf2)}.ph-blue{background:linear-gradient(135deg,color-mix(in oklab,var(--logo-cyan) 22%,white),color-mix(in oklab,var(--logo-blue) 30%,white))}.spotlight{position:relative;border-radius:var(--radius-2xl);overflow:hidden;isolation:isolate;padding:160px 56px 88px;text-align:center;background:radial-gradient(60% 50% at 50% 0%,color-mix(in oklab,var(--logo-cyan) 35%,white) 0%,transparent 60%),linear-gradient(180deg,color-mix(in oklab,var(--logo-blue) 18%,white),color-mix(in oklab,var(--logo-cyan) 14%,white))}.spotlight h2{font-size:clamp(40px,6vw,88px);font-weight:var(--weight-bold);line-height:1.18;letter-spacing:-.045em;margin:0 auto;max-width:18ch;color:var(--color-ink);text-wrap:balance;display:flex;flex-direction:column;align-items:center;gap:14px}.spotlight h2 img{height:1.05em;width:auto;display:block}.spotlight h2 .line{display:block}.spotlight-mockup{margin:40px auto 20px;width:100%;max-width:240px;display:block}.spotlight-mockup img{width:100%;height:auto;display:block;filter:drop-shadow(0 18px 32px rgba(24,159,255,.18)) drop-shadow(0 6px 12px rgba(26,26,26,.08))}.spotlight-dl{display:none;align-items:center;gap:8px;padding:12px 24px;background:transparent;color:var(--color-ink);border-radius:var(--radius-pill);text-decoration:none;font-size:15px;font-weight:var(--weight-medium);letter-spacing:-.005em;transition:opacity var(--motion-fast)}.spotlight-dl:after{content:"→";font-size:16px;margin-left:2px}.spotlight-dl:hover{opacity:.7}html[data-platform=ios] .spotlight-dl,html[data-platform=android] .spotlight-dl{display:inline-flex}.spotlight-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:36px;max-width:980px;margin:0 auto;text-align:left;display:grid;grid-template-columns:1fr 280px;gap:32px;align-items:stretch;min-height:340px;box-shadow:var(--shadow-sm)}.spotlight-card .lhs{display:flex;flex-direction:column;justify-content:space-between}.spotlight-card .label{font-family:var(--font-mono);font-size:11px;font-weight:var(--weight-bold);letter-spacing:.14em;text-transform:uppercase;color:var(--color-blue);margin:0}.spotlight-card .desc{font-size:17px;line-height:1.55;color:var(--color-ink);font-weight:var(--weight-medium);letter-spacing:-.01em;margin:auto 0 16px;max-width:28em}.spotlight-card .cta-row{display:inline-flex;gap:10px;align-items:center}.spotlight-card .rhs{display:flex;flex-direction:column;gap:10px}.preview-tile{position:relative;flex:1;min-height:0;border-radius:var(--radius-lg);overflow:hidden;padding:14px 16px;display:flex;flex-direction:column;justify-content:space-between;color:inherit;text-decoration:none;transition:transform var(--motion-fast)}.preview-tile:hover{transform:translateY(-2px)}.preview-tile:after{content:"";position:absolute;inset:0;z-index:0;background:linear-gradient(180deg,#0000000d,#00000040,#000000a6);pointer-events:none}.preview-tile .label-tile{position:relative;z-index:1;font-size:13px;color:#fff;font-weight:var(--weight-medium);line-height:1.3;text-shadow:0 1px 4px rgba(0,0,0,.25);max-width:18ch}.preview-tile .meta-tile{position:relative;z-index:1;font-family:var(--font-mono);font-size:10px;color:#ffffffd9;letter-spacing:.06em;align-self:flex-end}.preview-tile .play{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:#ffffffd9;color:var(--color-ink);display:grid;place-items:center;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.preview-tile .play .material-symbols-outlined{font-size:14px}.preview-tile .media-ph{position:absolute;inset:0;z-index:0}@media(max-width:860px){.spotlight{padding:48px 16px 56px;overflow:visible}.spotlight-card{grid-template-columns:1fr;padding:32px 24px 36px;min-height:0;gap:28px}.spotlight-card .desc{font-size:16px;line-height:1.7;margin:0 0 20px}.spotlight-card .cta-row{flex-direction:column;align-items:stretch;gap:12px;width:100%}.spotlight-card .cta-row .btn-primary,.spotlight-card .cta-row .btn-ghost{width:100%;justify-content:center;padding:14px 22px;font-size:15px}.spotlight-card .rhs{flex-direction:column;gap:8px}.preview-tile{min-height:88px;padding:12px 14px}}.stats-card{background:#0a0a0a;color:#fff;padding:56px;display:grid;grid-template-columns:auto 1px 1fr 1fr 1fr;gap:56px;align-items:center;border-radius:var(--radius-2xl)}.stats-mark{width:132px;height:132px;border-radius:28px;overflow:hidden;display:grid;place-items:center;flex-shrink:0}.stats-mark img{width:100%;height:100%;object-fit:contain;display:block}.stats-divider{align-self:stretch;background:#ffffff24;width:1px}.stat{display:flex;flex-direction:column;gap:12px}.stat .top{font-size:13px;color:#fff9;font-weight:var(--weight-medium);letter-spacing:.02em}.stat .v{font-size:clamp(40px,4.6vw,72px);font-weight:var(--weight-bold);letter-spacing:-.04em;line-height:1;color:#fff;font-variant-numeric:tabular-nums;display:block}.stat .desc{font-size:13px;color:#ffffff9e;line-height:1.5;max-width:22ch}.gallery-card{padding:56px 0 0;border-radius:var(--radius-2xl);--gallery-pad: 56px}.gallery-card .head{padding:0 var(--gallery-pad) 32px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px}.gallery-card h2{font-size:clamp(28px,3.4vw,44px);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.035em;margin:0;color:var(--color-ink);text-wrap:balance}.gallery-card .sub{font-size:14px;color:var(--color-graphite);margin-top:8px}.gallery-track{display:flex;gap:12px;overflow-x:auto;padding:0 var(--gallery-pad) 56px;scroll-padding-inline-start:var(--gallery-pad);scroll-snap-type:x proximity;scrollbar-width:thin}.gallery-track::-webkit-scrollbar{height:6px}.gallery-track::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}.gallery-tile{flex:0 0 auto;height:220px;border-radius:var(--radius-xl);overflow:hidden;position:relative;scroll-snap-align:start;background:var(--color-recessed)}.gallery-tile img{height:100%;width:auto;display:block}.tile-label{position:absolute;bottom:12px;left:12px;display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;background:#ffffffeb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:9999px;font-size:12px;font-weight:var(--weight-medium);color:var(--color-ink);z-index:1;white-space:nowrap}.tile-dot{position:relative;width:8px;height:8px;border-radius:50%;background:#16a34a;flex-shrink:0}.tile-dot:after{content:"";position:absolute;inset:0;border-radius:50%;background:#16a34a;animation:pulse-dot 1.6s ease-out infinite}@keyframes pulse-dot{0%{transform:scale(1);opacity:.7}to{transform:scale(2.6);opacity:0}}.cta-card{background:var(--color-onyx);color:#fff;padding:96px 56px;text-align:center;border-radius:var(--radius-2xl);position:relative;overflow:hidden;isolation:isolate}.cta-card:before{content:"";position:absolute;inset:-10%;z-index:0;background:radial-gradient(40% 35% at 20% 25%,color-mix(in oklab,var(--logo-cyan) 60%,transparent) 0%,transparent 60%),radial-gradient(40% 35% at 80% 75%,color-mix(in oklab,var(--logo-blue) 55%,transparent) 0%,transparent 60%);filter:blur(80px) saturate(1.1);opacity:.3}.cta-card>*{position:relative;z-index:1}.cta-card h2{font-size:clamp(28px,3.6vw,44px);font-weight:var(--weight-bold);line-height:1.15;letter-spacing:-.035em;margin:0 auto 16px;color:#fff;text-wrap:balance;max-width:18ch}.cta-card p{font-size:15px;line-height:1.65;color:#ffffffb8;margin:0 auto 28px;max-width:36em}.cta-card .actions{display:inline-flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center}.cta-card .btn-primary{background:#fff;color:var(--color-ink)}.cta-card .btn-primary:hover{background:#ffffffe6}.store-badges{display:inline-flex;gap:10px}.store-badge{display:inline-block;height:44px}.store-badge img{height:100%;width:auto;display:block}@media(max-width:1080px){.nav-center{gap:18px}.nav-link{font-size:13px}}@media(max-width:860px){.page{padding:48px 16px 16px;--gap: 20px}.hero-card{aspect-ratio:auto;min-height:70vh;height:70vh}.hero-card .body{padding:56px 28px 24px}.hero-card .actions{padding:0 28px 32px}.bento,.row-2{grid-template-columns:1fr}.bento .card{aspect-ratio:auto;min-height:240px}.row-2 .visual{aspect-ratio:auto;min-height:220px}.stats-card{grid-template-columns:1fr 1fr 1fr;gap:16px;padding:24px 20px}.stats-mark,.stats-divider{display:none}.stat .v{font-size:clamp(26px,6vw,40px);letter-spacing:-.03em}.stat .top,.stat .desc{font-size:11.5px}.gallery-card{--gallery-pad: 24px}.gallery-card .head{padding:0 var(--gallery-pad) 24px;flex-direction:column;align-items:flex-start}.gallery-track{padding:0 var(--gallery-pad) 32px}.gallery-tile{height:160px}.cta-card{padding:64px 28px}.card-pad{padding:36px 28px}.bento .card .body{padding:24px 28px}.foot-inner{flex-direction:column;align-items:flex-start;gap:12px}}@media(max-width:480px){.stats-card{grid-template-columns:1fr;gap:18px;padding:24px}.stat{flex-direction:row;align-items:baseline;gap:14px;flex-wrap:wrap}.stat .v{font-size:clamp(30px,9vw,44px)}.stat .top{order:-1;width:100%;margin-bottom:-4px}.stat .desc{flex:1 1 100%}}.hero-media{position:absolute;inset:0;z-index:0}.hero-media img,.hero-media video{width:100%;height:100%;object-fit:cover;display:block}.hero-video-pc{display:none}@media(min-width:768px){.hero-video-sp{display:none}.hero-video-pc{display:block}}