.pp-hero-grid{display:grid;align-items:center;gap:40px}@media (min-width:1024px){.pp-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);gap:24px}}.pp-hero-copy{max-width:650px}.pp-hero-cta-stack{display:flex;flex-direction:column;align-items:stretch;max-width:100%}.pp-hero-access{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.pp-hero-access-badge{display:inline-flex;align-items:center;gap:9px;height:40px;padding:0 16px;border-radius:7px;background:#fff;color:#000;transition:opacity .2s ease}[data-theme=light] .pp-hero-access-badge{background:#000;color:#fff}.pp-hero-access-badge.pp-hero-access-play,[data-theme=light] .pp-hero-access-badge.pp-hero-access-play{background:transparent;color:var(--muted);border:1px dashed var(--border)}a.pp-hero-access-badge:hover{opacity:.85}.pp-hero-access-mark{height:24px;width:auto;flex:none;color:currentColor}.pp-hero-access-badge-main{font-size:15px;font-weight:600;letter-spacing:.01em;white-space:nowrap}.pp-hero-access-store{display:inline-flex;transition:opacity .2s ease}.pp-hero-access-store:hover{opacity:.85}.pp-hero-access-badge-dark{display:none}.pp-hero-access-badge-light,[data-theme=light] .pp-hero-access-badge-dark{display:block;width:auto;height:40px}[data-theme=light] .pp-hero-access-badge-light{display:none}.pp-hero-access-play{user-select:none;cursor:default}.pp-hero-access-play-lines{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;line-height:1.15}.pp-hero-access-play-top{font-size:8.5px;font-weight:500;letter-spacing:.02em;opacity:.85}.pp-hero-access-play-icon{width:20px;height:20px;flex:none}@media (max-width:639px){.pp-hero-access-badge{height:38px;padding:0 13px;gap:8px}.pp-hero-access-mark{height:19px}.pp-hero-access-badge-main{font-size:14px}.pp-hero-access-play-top{font-size:8px}.pp-hero-access-play-icon{width:18px;height:18px}.pp-hero-access-badge-light,[data-theme=light] .pp-hero-access-badge-dark{height:38px}}.pp-hero-product-visual{position:relative;width:min(640px,108%);margin:-4% -6% -4% 0;aspect-ratio:1;isolation:isolate}.pp-hero-product-visual:before{position:absolute;z-index:-1;top:-13%;right:-16%;width:140%;height:128%;border-radius:48%;background:radial-gradient(ellipse 72% 58% at 61% 48%,color-mix(in srgb,var(--accent) 22%,transparent) 0,color-mix(in srgb,var(--accent) 12%,transparent) 34%,color-mix(in srgb,var(--accent) 4%,transparent) 60%,transparent 83%);filter:blur(30px);pointer-events:none;content:""}[data-theme=light] .pp-hero-product-visual:before{background:radial-gradient(ellipse 72% 58% at 61% 48%,color-mix(in srgb,var(--accent) 15%,transparent) 0,color-mix(in srgb,var(--accent) 8%,transparent) 38%,color-mix(in srgb,var(--accent) 3%,transparent) 62%,transparent 84%);filter:blur(34px)}.pp-hero-product-image{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 30px 34px color-mix(in srgb,var(--bg) 55%,transparent))}.pp-hero-product-image-light,[data-theme=light] .pp-hero-product-image-dark{display:none}[data-theme=light] .pp-hero-product-image-light{display:block}.pp-hero-intro-slot{position:relative;width:100%;min-width:0}.pp-hero-intro-slot:is([data-intro-phase=pending],[data-intro-phase=reveal],[data-intro-phase=move]){height:var(--pp-hero-intro-slot-height)}.pp-hero-intro-shared-visual{position:relative;width:100%}.pp-hero-intro-slot:is([data-intro-phase=pending],[data-intro-phase=reveal],[data-intro-phase=move]) .pp-hero-intro-shared-visual{position:fixed;z-index:82;top:var(--pp-hero-intro-top);left:var(--pp-hero-intro-left);width:var(--pp-hero-intro-width);height:var(--pp-hero-intro-height);transform-origin:center;will-change:transform,opacity}.pp-hero-intro-slot:is([data-intro-phase=pending],[data-intro-phase=reveal],[data-intro-phase=move]) .pp-hero-product-visual{width:100%;height:100%;margin:0}.pp-hero-intro-slot[data-intro-phase=pending] .pp-hero-intro-shared-visual{opacity:0;transform:translate3d(var(--pp-hero-intro-x),var(--pp-hero-intro-y),0) scale(var(--pp-hero-intro-scale))}.pp-hero-intro-slot[data-intro-phase=reveal] .pp-hero-intro-shared-visual{opacity:1;transform:translate3d(var(--pp-hero-intro-x),var(--pp-hero-intro-y),0) scale(var(--pp-hero-intro-scale));transition:opacity .7s ease-out}.pp-hero-intro-slot[data-intro-phase=move] .pp-hero-intro-shared-visual{opacity:1;transform:translateZ(0) scale(1);transition:transform 1.3s cubic-bezier(.22,1,.36,1),opacity .5s ease-out}.pp-hero-intro-overlay{position:fixed;z-index:80;inset:0;overflow:hidden;background:var(--bg);color:var(--fg);opacity:1;transition:opacity .5s ease-out;pointer-events:none}.pp-hero-intro-slot[data-intro-phase=move] .pp-hero-intro-overlay{opacity:0}.pp-hero-intro-lockup{position:absolute;top:max(88px,16vh);left:50%;display:grid;justify-items:center;gap:16px;width:min(42vw,480px);opacity:0;transform:translate3d(-50%,12px,0);transition:opacity .7s ease-out,transform 1s cubic-bezier(.22,1,.36,1)}.pp-hero-intro-slot[data-intro-phase=reveal] .pp-hero-intro-lockup{opacity:1;transform:translate3d(-50%,0,0)}.pp-hero-intro-slot[data-intro-phase=move] .pp-hero-intro-lockup{opacity:0;transform:translate3d(-50%,-8px,0)}.pp-hero-intro-mark{width:56px;height:auto;color:var(--brand-ink,var(--fg))}.pp-hero-intro-word{font-size:clamp(20px,2.2vw,30px);font-weight:720;line-height:1;text-align:center}.pp-hero-intro-word span{color:var(--accent)}@media (prefers-reduced-motion:reduce){.pp-hero-intro-lockup,.pp-hero-intro-overlay,.pp-hero-intro-shared-visual{transition:none!important}}.pp-intro{max-width:980px}.pp-lead{display:grid;gap:14px;max-width:88ch;margin-top:22px;font-size:clamp(16px,1.35vw,18px);line-height:1.72;color:var(--muted)}.pp-lead p{margin:0}.pp-stage{margin-top:56px}.pp-product-tabs{gap:4px;padding:4px;border:1px solid var(--border);background:var(--card-2)}.pp-product-tab,.pp-product-tabs{display:inline-flex;border-radius:999px}.pp-product-tab{align-items:center;gap:8px;padding:10px 20px;border:0;background:transparent;color:var(--muted);font-size:14px;font-weight:700;cursor:pointer;transition:background-color .18s ease,color .18s ease}.pp-product-tab:hover{color:var(--fg)}.pp-product-tab[data-active]{background:var(--card);color:var(--fg);box-shadow:0 1px 0 color-mix(in oklab,var(--fg) 6%,transparent)}.pp-product-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pp-sketch{display:inline-flex;flex:none;height:36px;padding:2px;border:1px solid var(--border);background:var(--card-2);opacity:.7}.pp-sketch[data-device=phone]{aspect-ratio:390/763;border-radius:7px;border-color:color-mix(in oklab,var(--fg) 55%,var(--bg))}.pp-sketch[data-device=laptop]{aspect-ratio:16/10;border-radius:4px}.pp-sketch-screen{position:relative;flex:1;overflow:hidden;border-radius:4px}.pp-sketch[data-device=phone] .pp-sketch-screen .pp-device-screen-img{object-position:top}.pp-sketch[data-device=laptop] .pp-sketch-screen{border-radius:2px}.pp-product-tab[data-active] .pp-sketch{opacity:1;border-color:var(--accent)}@media (max-width:480px){.pp-product-tabs{display:flex}.pp-product-tab{flex:1 1 0;min-width:0;justify-content:center;gap:6px;padding:8px 10px;font-size:13px}}.pp-showcase{display:grid;gap:28px;margin-top:28px}@media (min-width:900px){.pp-showcase{grid-template-columns:minmax(240px,300px) minmax(0,1fr);align-items:start}}.pp-feature-rail{gap:20px}.pp-feature-rail,.pp-feature-tab{display:flex;flex-direction:column}.pp-feature-tab{align-items:flex-start;gap:2px;width:100%;padding:10px 14px;border:1px solid transparent;border-radius:10px;background:transparent;text-align:left;cursor:pointer;transition:background-color .18s ease,border-color .18s ease}.pp-feature-tab:hover{background:var(--card-2)}.pp-feature-tab[data-active]{background:var(--card-2);border-color:var(--border)}.pp-feature-tab:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pp-feature-tab-title{font-size:15px;font-weight:700;color:var(--fg)}.pp-feature-tab-kicker{font-size:12.5px;color:var(--muted)}.pp-feature-detail{border:1px solid var(--border);border-radius:16px;padding:28px;background:color-mix(in oklab,var(--card) 85%,transparent)}.pp-card-kicker{font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin:0}.pp-feature-title{margin:6px 0 0;font-size:clamp(19px,2vw,23px);font-weight:700;line-height:1.3;color:var(--fg)}.pp-feature-copy{display:grid;gap:12px;margin-top:14px;font-size:15px;line-height:1.65;color:var(--muted)}.pp-feature-copy p{margin:0}.pp-feature-copy p:first-child{color:var(--fg);font-weight:500}.pp-device-figure{margin:22px 0 0;display:flex;flex-direction:column;align-items:center;gap:10px}.pp-screenshot-note{margin:0;font-size:12.5px;color:var(--muted);text-align:center}.pp-device-screen-img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}.pp-laptop-screen .pp-device-screen-img{object-fit:contain}.pp-device-screen-img-light,[data-theme=light] .pp-device-screen-img-dark{display:none}[data-theme=light] .pp-device-screen-img-light{display:block}.pp-phone{position:relative;width:min(100%,250px);margin-inline:auto;padding:3px;border-radius:46px;background:linear-gradient(150deg,#9aa3ae,#4a535e 22%,#262c34 50%,#3d4550 78%,#8e98a4);box-shadow:0 34px 58px -30px color-mix(in oklab,var(--fg) 55%,transparent),0 10px 20px -14px color-mix(in oklab,var(--fg) 40%,transparent);isolation:isolate}.pp-phone:after,.pp-phone:before{content:"";position:absolute;width:3px;border-radius:2px;background:#5b646f}.pp-phone:before{left:-2px;top:19%;height:13%}.pp-phone:after{right:-2px;top:25%;height:18%}.pp-phone-screen{position:relative;overflow:hidden;border:9px solid #05080d;border-radius:43px;background:var(--bg);container-type:inline-size}.pp-phone-status{position:relative;display:flex;aspect-ratio:390/47;align-items:center;justify-content:space-between;padding:1.5cqw 7cqw 0 9cqw;background:var(--surface);color:var(--fg)}.pp-phone-time{font-size:4cqw;font-weight:600;letter-spacing:-.01em}.pp-phone-island{position:absolute;top:2.6cqw;left:50%;width:31%;height:8.2cqw;transform:translateX(-50%);border-radius:999px;background:#05080d}.pp-phone-icons{display:flex;align-items:center;gap:1.4cqw}.pp-phone-icons svg{height:3cqw;width:auto;fill:currentColor}.pp-phone-viewport{position:relative;aspect-ratio:390/763;overflow:hidden}.pp-phone-home{position:relative;aspect-ratio:390/34;background:var(--card)}.pp-phone-home:after{content:"";position:absolute;bottom:2.2cqw;left:50%;width:35%;height:1.3cqw;transform:translateX(-50%);border-radius:999px;background:var(--fg);opacity:.85}.pp-phone-viewport .pp-device-screen-img{object-fit:cover;object-position:top}.pp-laptop{position:relative;width:100%;max-width:640px;margin-inline:auto}.pp-laptop-screen{position:relative;aspect-ratio:16/10;overflow:hidden;border:solid var(--card-2);border-width:10px 10px 14px;border-radius:14px 14px 4px 4px;outline:1px solid var(--border);outline-offset:-1px;background:var(--card);box-shadow:0 40px 64px -32px color-mix(in oklab,var(--fg) 55%,transparent),0 12px 22px -16px color-mix(in oklab,var(--fg) 40%,transparent)}.pp-laptop-base{position:relative;height:14px;margin:0 -4%;border-radius:0 0 8px 8px;background:linear-gradient(180deg,var(--border),var(--card-2))}.pp-laptop-notch{position:absolute;top:0;left:50%;width:14%;height:5px;transform:translateX(-50%);border-radius:0 0 6px 6px;background:var(--card)}@media (prefers-reduced-motion:reduce){.pp-feature-tab,.pp-product-tab{transition:none}}.pp-soon{margin-top:3.5rem;padding-top:2.5rem;border-top:1px solid var(--border)}.pp-soon-list{margin-top:1.25rem;display:grid;gap:1rem}@media (min-width:768px){.pp-soon-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.pp-soon-card{padding:1.5rem}