.phone-mockup{--pm-cream: oklch(.94 .025 145);--pm-muted: oklch(.8 .035 145);--pm-ink: oklch(.255 .07 155);--pm-gold: oklch(.76 .12 83);position:relative;container-type:inline-size;width:min(100%,17.5rem);filter:drop-shadow(0 28px 48px color-mix(in oklab,var(--pm-ink) 42%,transparent))}.phone-mockup--modal{--pm-shell-pad: .9rem;--pm-chrome: calc(1.9rem + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) ;--pm-avail-h: calc(100dvh - var(--pm-chrome));--pm-fit-width: calc((var(--pm-avail-h) - var(--pm-shell-pad)) * 9 / 19.5 + var(--pm-shell-pad));width:min(18rem,46vw,var(--pm-fit-width));max-height:var(--pm-avail-h)}@media(hover:none)and (pointer:coarse),(max-width:640px){.phone-mockup--modal{width:min(94vw,var(--pm-fit-width))}}.demo-video-modal{position:fixed;inset:0;z-index:320;display:flex;align-items:center;justify-content:center;padding:max(.5rem,env(safe-area-inset-top,0px)) max(.75rem,env(safe-area-inset-right,0px)) max(.5rem,env(safe-area-inset-bottom,0px)) max(.75rem,env(safe-area-inset-left,0px))}.demo-video-modal-backdrop{position:absolute;inset:0;border:0;background:#000000c7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.demo-video-modal-stage{position:relative;z-index:1;display:flex;max-height:calc(100dvh - 1rem);max-width:100%;flex-direction:column;align-items:center;justify-content:center}.demo-video-modal-close{position:absolute;top:0;inset-inline-end:0;z-index:2;display:grid;width:2.5rem;height:2.5rem;place-items:center;border-radius:999px;border:1px solid rgba(253,230,138,.35);background:#000000b8;color:#fef3c7;box-shadow:0 8px 24px #00000073;transform:translate(35%,-35%)}.demo-video-modal-close:hover{border-color:#fde68a99;background:#000000db}.demo-video-modal-close:active{transform:translate(35%,-35%) scale(.95)}@media(orientation:landscape)and (max-height:520px){.phone-mockup--modal{--pm-chrome: calc(1.5rem + env(safe-area-inset-top, 0px) + env(safe-area-inset-bottom, 0px)) }.demo-video-modal{padding:.35rem .75rem}.demo-video-modal-close{width:2.15rem;height:2.15rem}}.phone-mockup-shell{position:relative;padding:.45rem;border-radius:15.7cqw;background:linear-gradient(145deg,color-mix(in oklab,var(--pm-cream) 88%,white),color-mix(in oklab,var(--pm-muted) 35%,var(--pm-cream)) 48%,color-mix(in oklab,var(--pm-ink) 18%,var(--pm-cream)));box-shadow:inset 0 0 0 1px color-mix(in oklab,white 55%,transparent),inset 0 -10px 18px color-mix(in oklab,var(--pm-ink) 12%,transparent),0 0 0 1px color-mix(in oklab,var(--pm-gold) 28%,transparent)}.phone-mockup-bezel{position:relative;container-type:inline-size;overflow:hidden;border-radius:13.4cqw;background:#000;box-shadow:inset 0 0 0 2px color-mix(in oklab,var(--pm-ink) 72%,transparent)}.phone-mockup-notch{position:absolute;top:3.3cqw;inset-inline:50%;z-index:2;display:flex;align-items:center;justify-content:center;gap:2.7cqw;width:39cqw;height:9.3cqw;margin-inline:-19.5cqw;border-radius:999px;background:#000}.phone-mockup-speaker{width:14.5cqw;height:1.7cqw;border-radius:999px;background:color-mix(in oklab,white 18%,#111)}.phone-mockup-camera{width:3.3cqw;height:3.3cqw;border-radius:999px;background:radial-gradient(circle at 35% 35%,#4a5f7a,#0d1118 72%);box-shadow:inset 0 0 0 1px color-mix(in oklab,white 12%,transparent)}.phone-mockup-screen{aspect-ratio:9 / 19.5;width:100%;background:#0b1320}.phone-mockup-screen iframe{display:block;width:100%;height:100%;border:0}.phone-mockup-home-indicator{position:absolute;bottom:2.7cqw;inset-inline:50%;z-index:2;width:33cqw;height:1.7cqw;margin-inline:-16.5cqw;border-radius:999px;background:color-mix(in oklab,white 72%,transparent)}.phone-mockup-button{position:absolute;border-radius:999px;background:linear-gradient(180deg,color-mix(in oklab,var(--pm-cream) 90%,white),color-mix(in oklab,var(--pm-muted) 28%,var(--pm-cream)));box-shadow:inset 0 0 0 1px color-mix(in oklab,white 35%,transparent)}.phone-mockup-button--silent{top:14.9%;inset-inline-start:-.18rem;width:.18rem;height:4.3%}.phone-mockup-button--volume-up{top:21.7%;inset-inline-start:-.18rem;width:.18rem;height:6.5%}.phone-mockup-button--volume-down{top:29.8%;inset-inline-start:-.18rem;width:.18rem;height:6.5%}.phone-mockup-button--power{top:20.3%;inset-inline-end:-.18rem;width:.18rem;height:9.2%}@media(max-width:639px){.phone-mockup:not(.phone-mockup--modal){width:min(100%,15rem)}}.welcome-hub{--wh-radius: .75rem;--wh-bg: oklch(.255 .07 155);--wh-fg: oklch(.95 .025 145);--wh-card: oklch(.31 .07 153);--wh-card-fg: oklch(.95 .025 145);--wh-primary: oklch(.95 .025 145);--wh-primary-fg: oklch(.255 .07 155);--wh-secondary: oklch(.36 .07 153);--wh-secondary-fg: oklch(.95 .025 145);--wh-muted: oklch(.33 .055 153);--wh-muted-fg: oklch(.8 .035 145);--wh-accent: oklch(.76 .12 83);--wh-accent-fg: oklch(.255 .07 155);--wh-border: oklch(.44 .065 150);--wh-gold: oklch(.76 .12 83);--wh-gold-soft: oklch(.83 .1 86);--wh-gold-deep: oklch(.69 .1 82);--wh-ink: oklch(.255 .07 155);--wh-cream: oklch(.94 .025 145);--wh-forest: oklch(.21 .065 155);--wh-forest-fg: oklch(.95 .025 145);--wh-font-display: "Sora", "Heebo", system-ui, sans-serif;--wh-font-sans: "Manrope", "Heebo", system-ui, sans-serif;font-family:var(--wh-font-sans);color:var(--wh-fg);background-color:var(--wh-bg);background-image:radial-gradient(120% 80% at 85% -10%,color-mix(in oklab,var(--wh-gold) 10%,transparent) 0%,transparent 60%),radial-gradient(100% 70% at 10% 110%,color-mix(in oklab,var(--wh-forest) 65%,transparent) 0%,transparent 65%),linear-gradient(160deg,color-mix(in oklab,var(--wh-forest) 55%,var(--wh-bg)) 0%,var(--wh-bg) 45%,color-mix(in oklab,var(--wh-forest) 40%,var(--wh-bg)) 100%);background-size:100% 100%;background-attachment:fixed;min-height:100svh}.welcome-hub .wh-font-display{font-family:var(--wh-font-display)}.welcome-hub .wh-text-primary{color:var(--wh-primary)}.welcome-hub .wh-text-muted{color:var(--wh-muted-fg)}.welcome-hub .wh-text-gold-deep{color:var(--wh-gold-deep)}.welcome-hub .wh-border{border-color:color-mix(in oklab,var(--wh-border) 70%,transparent)}.welcome-hub .wh-header{border-bottom:1px solid color-mix(in oklab,var(--wh-border) 70%,transparent);background-color:color-mix(in oklab,var(--wh-bg) 90%,transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.welcome-hub .wh-logo-lockup{display:grid;place-items:center;padding:.3rem .45rem;border:1px solid color-mix(in oklab,var(--wh-gold) 58%,transparent);border-radius:4px;background-color:var(--wh-cream);box-shadow:0 5px 16px color-mix(in oklab,var(--wh-ink) 32%,transparent)}.welcome-hub .wh-btn-gold{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border-radius:3px;background-color:var(--wh-gold-soft);background-image:linear-gradient(180deg,color-mix(in oklab,var(--wh-gold-soft) 88%,white) 0%,var(--wh-gold) 100%);color:var(--wh-ink);border:1px solid color-mix(in oklab,var(--wh-gold-deep) 70%,transparent);box-shadow:3px 3px color-mix(in oklab,var(--wh-primary) 82%,transparent);letter-spacing:.01em;font-weight:700;cursor:pointer;transition:box-shadow .15s ease,transform .15s ease,background-color .15s ease}.welcome-hub .wh-btn-gold:hover{transform:translate(1px,1px);box-shadow:1px 1px color-mix(in oklab,var(--wh-primary) 82%,transparent)}.welcome-hub .wh-btn-gold:active{transform:translate(3px,3px);box-shadow:0 0 0 0 transparent}.welcome-hub .wh-badge{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;border:1px solid color-mix(in oklab,var(--wh-gold) 45%,transparent);background-color:color-mix(in oklab,var(--wh-accent) 60%,transparent);padding:.375rem 1rem;font-size:.875rem;font-weight:600;color:var(--wh-primary)}.welcome-hub .wh-stat{border-radius:1rem;border:1px solid var(--wh-border);background-color:color-mix(in oklab,var(--wh-card) 70%,transparent);padding:.75rem 1rem}.welcome-hub .wh-soft-card{background-color:var(--wh-card);border:1px solid var(--wh-border);border-radius:1.75rem;box-shadow:0 20px 45px color-mix(in oklab,var(--wh-primary) 9%,transparent);transition:transform .2s ease,box-shadow .2s ease}.welcome-hub .wh-soft-card:hover{transform:translateY(-4px);box-shadow:0 26px 55px color-mix(in oklab,var(--wh-primary) 14%,transparent)}.welcome-hub .wh-icon-box{display:grid;place-items:center;width:3rem;height:3rem;border-radius:1rem;background-color:var(--wh-secondary);color:var(--wh-primary)}.welcome-hub .wh-step-num{display:grid;place-items:center;width:1.5rem;height:1.5rem;flex-shrink:0;border-radius:9999px;background-color:var(--wh-accent);font-size:.75rem;font-weight:700;color:var(--wh-primary-fg)}.welcome-hub .wh-ready{display:flex;flex-direction:column;align-items:center;gap:1.5rem;border-radius:2rem;background-color:var(--wh-forest);padding:3rem 2rem;text-align:center;color:var(--wh-forest-fg)}@media(min-width:640px){.welcome-hub .wh-ready{flex-direction:row;justify-content:space-between;text-align:start}}.welcome-hub .wh-hero-promises{display:grid;gap:.75rem;max-width:34rem}.welcome-hub .wh-hero-promise{position:relative;display:flex;align-items:center;gap:.8rem;min-height:4rem;overflow:hidden;border-top:1px solid color-mix(in oklab,var(--wh-gold) 45%,transparent);border-bottom:1px solid color-mix(in oklab,var(--wh-primary) 15%,transparent);padding:.75rem 1rem;background-color:color-mix(in oklab,var(--wh-card) 74%,transparent);color:var(--wh-primary);box-shadow:0 12px 24px color-mix(in oklab,var(--wh-forest) 24%,transparent);transition:transform .18s ease,border-color .18s ease,background-color .18s ease}.welcome-hub .wh-hero-promise:nth-child(2){margin-inline-start:1.75rem}.welcome-hub .wh-hero-promise:nth-child(3){margin-inline-start:3.5rem}.welcome-hub .wh-hero-promise:hover{transform:translate(-4px);border-top-color:var(--wh-gold);background-color:color-mix(in oklab,var(--wh-secondary) 88%,transparent)}[dir=ltr] .welcome-hub .wh-hero-promise:hover{transform:translate(4px)}.welcome-hub .wh-hero-promise p{margin:0;font-family:var(--wh-font-display);font-size:1.05rem;font-weight:700;line-height:1.35}.welcome-hub .wh-hero-promise-number{position:absolute;inset-inline-end:.7rem;bottom:-.5rem;color:color-mix(in oklab,var(--wh-gold) 19%,transparent);font-family:var(--wh-font-display);font-size:3.2rem;font-weight:800;line-height:1;pointer-events:none}.welcome-hub .wh-hero-promise-icon{position:relative;z-index:1;display:grid;flex:0 0 auto;place-items:center;width:2.6rem;height:2.6rem;border:1px solid color-mix(in oklab,var(--wh-gold) 52%,transparent);border-radius:999px;background-color:color-mix(in oklab,var(--wh-secondary) 92%,transparent);color:var(--wh-gold)}.welcome-hub .wh-hero-promise-icon svg{width:1.2rem;height:1.2rem}.welcome-hub .wh-guide-index{font-family:var(--wh-font-display);font-size:1.875rem;font-weight:700;color:color-mix(in oklab,var(--wh-gold) 40%,transparent)}.welcome-hub .wh-ready-sub{margin-top:.5rem;color:color-mix(in oklab,var(--wh-forest-fg) 80%,transparent)}.welcome-hub .wh-footer{border-top:1px solid var(--wh-border);padding:2rem 0;text-align:center;font-size:.875rem;color:var(--wh-muted-fg)}@media(max-width:639px){.welcome-hub .wh-hero-promise:nth-child(2),.welcome-hub .wh-hero-promise:nth-child(3){margin-inline-start:0}}@media(prefers-reduced-motion:reduce){.welcome-hub *,.welcome-hub *:before,.welcome-hub *:after{transition-duration:.01ms!important}}