.mobile-phone{--phone-radius:clamp(2rem, 8vw, 2.6rem);--phone-metal:var(--color-pricing-logo-top);--phone-dark:var(--color-pricing-logo-bottom);--phone-intro-duration:1.3s;perspective:1100px;pointer-events:none;user-select:none;width:min(70vw,15rem)}.mobile-phone__body{transform-style:preserve-3d;position:relative}.mobile-phone__front,.mobile-phone__back{border:var(--rule-hair) solid var(--phone-metal);border-radius:var(--phone-radius);background:linear-gradient(135deg, var(--color-border-strong), var(--phone-metal) 22%, var(--phone-dark) 70%, var(--phone-metal));box-shadow:var(--shadow-browser);-webkit-backface-visibility:hidden;backface-visibility:hidden}.mobile-phone__front{padding:var(--rule-strong)}.mobile-phone__bezel{padding:calc(var(--space-2xs) - var(--rule-strong));border-radius:calc(var(--phone-radius) - var(--rule-strong));background:var(--color-ink)}.mobile-phone__screen{border-radius:calc(var(--phone-radius) - var(--space-2xs));background:var(--color-surface);overflow:hidden}.mobile-phone__safe-area{height:var(--space-xl);background:var(--color-surface);position:relative}.mobile-phone__notch{justify-content:center;align-items:center;gap:var(--space-xs);width:46%;height:var(--space-lg);border-radius:0 0 var(--radius-xl) var(--radius-xl);background:var(--color-ink);display:flex;position:absolute;top:0;left:50%;transform:translate(-50%)}.mobile-phone__speaker{width:32%;height:var(--space-3xs);border-radius:var(--radius-pill);background:var(--phone-metal);box-shadow:inset 0 var(--rule-hair) var(--rule-strong) var(--phone-dark)}.mobile-phone__camera{width:var(--space-2xs);height:var(--space-2xs);border:var(--rule-hair) solid var(--phone-metal);background:var(--color-focus);border-radius:50%}.mobile-phone__video-window{aspect-ratio:368/802;position:relative;overflow:hidden}.mobile-phone__video-window video{object-fit:contain;pointer-events:none;width:103.261%;max-width:none;height:101.247%;display:block;position:absolute;top:-.498753%;left:-1.08696%}.mobile-phone__bottom{height:var(--space-sm);place-items:center;display:grid}.mobile-phone__bottom span{width:38%;height:var(--space-3xs);border-radius:var(--radius-pill);background:var(--color-ink-soft)}.mobile-phone__back{background:linear-gradient(145deg, var(--phone-metal), var(--phone-dark));position:absolute;inset:0;transform:rotateY(180deg)}.mobile-phone__cameras{top:var(--space-lg);left:var(--space-lg);align-items:center;gap:var(--space-2xs);padding:var(--space-2xs);border:var(--rule-hair) solid var(--phone-metal);border-radius:var(--radius-xl);background:var(--phone-dark);grid-template-columns:repeat(2,minmax(0,1fr));display:grid;position:absolute}.mobile-phone__cameras i{width:var(--space-lg);height:var(--space-lg);border:var(--space-3xs) solid var(--phone-metal);background:radial-gradient(circle, var(--color-focus), var(--color-ink) 65%);border-radius:50%}.mobile-phone__cameras span{width:var(--space-xs);height:var(--space-xs);background:var(--color-on-dark-muted);border-radius:50%;justify-self:center}.mobile-phone__mark{width:20%;color:var(--phone-metal);position:absolute;top:46%;left:40%}.mobile-phone__mark svg{width:100%;height:auto;display:block}.mobile-phone__buttons i{left:calc(var(--rule-strong) * -1);width:var(--rule-strong);height:var(--space-xl);border-radius:var(--radius-pill);background:var(--phone-metal);position:absolute}.mobile-phone__buttons i:first-child{height:var(--space-sm);top:16%}.mobile-phone__buttons i:nth-child(2){top:23%}.mobile-phone__buttons i:nth-child(3){top:31%}.mobile-phone__buttons i:nth-child(4){top:25%;left:auto;right:calc(var(--rule-strong) * -1);height:var(--space-3xl)}.mobile-phone[data-entering]{animation:mobile-phone-arrive var(--phone-intro-duration) var(--ease-out) both}.mobile-phone[data-entering] .mobile-phone__body{animation:mobile-phone-turn var(--phone-intro-duration) var(--ease-in-out) both}@keyframes mobile-phone-arrive{0%{opacity:0;transform:translateY(var(--space-3xl))}25%{opacity:1}to{opacity:1;transform:translateY(0)}}@keyframes mobile-phone-turn{0%,12%{transform:rotateY(200deg)}85%{transform:rotateY(-8deg)}to{transform:rotateY(0)}}@media (width>=60rem){.mobile-phone{width:17rem}}@media (prefers-reduced-motion:reduce){.mobile-phone[data-entering],.mobile-phone[data-entering] .mobile-phone__body{animation:none}}.mobile-showcase__layout{gap:var(--space-xl);grid-template-columns:minmax(0,1fr);grid-template-areas:"heading""media""gallery";min-width:0;display:grid}.mobile-showcase__heading{grid-area:heading;min-width:0}.mobile-showcase__heading h2{max-width:19ch;font-family:var(--font-display);font-size:var(--text-section);letter-spacing:-.045em;overflow-wrap:anywhere;text-wrap:balance;margin:0;font-weight:650;line-height:1.1}.mobile-showcase__heading>p{max-width:48ch;margin:var(--space-lg) 0 0;color:var(--color-muted);font-size:var(--text-base);text-wrap:pretty;line-height:1.65}.mobile-showcase__media{grid-area:media;justify-self:center;min-width:0;margin:0}.mobile-showcase__gallery{grid-area:gallery;min-width:0}.mobile-showcase__gallery-heading{justify-content:space-between;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm);display:flex}.mobile-showcase__gallery-heading h3{font-size:var(--text-sm);margin:0;font-weight:600;line-height:1.4}.mobile-showcase__gallery-heading>span{color:var(--color-muted);font-size:var(--text-xs);flex-shrink:0}@media (width>=60rem){.mobile-showcase__layout{gap:var(--space-xl) var(--space-3xl);grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-template-areas:"media heading""media gallery";align-items:center}.mobile-showcase__heading{align-self:end}.mobile-showcase__gallery{align-self:start}}.mobile-images-carousel{max-width:none;color:var(--color-ink)}.mobile-images-carousel .arc-stage{border-radius:var(--radius-md);height:clamp(26rem,64vw,29rem)}.mobile-images-carousel .arc-scene{overflow:clip}.mobile-images-carousel .arc-card{border:var(--rule-hair) solid var(--color-image-border);border-radius:var(--radius-md);background:var(--color-surface);width:min(48%,11rem);box-shadow:var(--shadow-sm);top:50%}.mobile-images-carousel .arc-card img{object-fit:contain}.mobile-images-carousel .arc-card[aria-hidden=false]{cursor:zoom-in;filter:none!important}.mobile-images-carousel .arc-card-label,.mobile-images-carousel .arc-gloss,.mobile-images-carousel .arc-shadow{display:none}.mobile-images-carousel .arc-caption{gap:var(--space-xs) var(--space-sm)}.mobile-images-carousel .arc-caption p{font-size:var(--text-sm)}.mobile-images-carousel .arc-arrow{border-color:var(--color-border-strong);background:var(--color-surface);width:2.75rem;height:2.75rem;color:var(--color-ink);box-shadow:none}.mobile-images-carousel .arc-arrow svg{color:var(--color-ink)}.mobile-images-carousel .arc-controls span{color:var(--color-muted)}.mobile-images-carousel .arc-arrow[aria-disabled=true]{cursor:not-allowed;opacity:.35;transform:none}.mobile-images-carousel .arc-arrow:focus-visible,.mobile-images-carousel .arc-stage:focus-visible{outline:var(--rule-strong) solid var(--color-focus);outline-offset:4px}@media (prefers-reduced-motion:reduce){.mobile-images-carousel *{transition:none!important}}.number-input{border:1px solid var(--color-border);border-radius:var(--radius-xl);background:var(--color-surface);width:min(100%,13rem);color:var(--color-ink);box-shadow:var(--shadow-xs);grid-template-columns:3rem minmax(0,1fr) 3rem;align-items:stretch;display:inline-grid}.number-input__step{border-radius:var(--radius-lg);width:3rem;min-height:3rem;color:var(--color-muted);cursor:pointer;touch-action:manipulation;transition:color var(--duration-fast) var(--ease-out), background-color var(--duration-fast) var(--ease-out), transform var(--duration-fast) var(--ease-out);background:0 0;border:0;place-items:center;padding:0;display:grid}@media (hover:hover){.number-input__step:hover:not(:disabled){background:var(--color-accent-faint);color:var(--color-ink)}}.number-input__step:active:not(:disabled){background:var(--color-accent-soft);color:var(--color-ink);transform:scale(.94)}.number-input__step:disabled{opacity:.35;cursor:not-allowed}.number-input[data-disabled]{opacity:.55}.number-input__value{min-width:0;position:relative}.number-input__value:before,.number-input__value:after{background:var(--color-border);content:"";width:1px;position:absolute;top:.75rem;bottom:.75rem}.number-input__value:before{left:0}.number-input__value:after{right:0}.number-input__value input{border-radius:var(--radius-sm);color:#0000;width:100%;min-width:0;height:3rem;font-family:var(--font-sans);font-variant-numeric:tabular-nums;text-align:center;-moz-appearance:textfield;appearance:textfield;background:0 0;border:0;padding:0 .5rem;font-size:1.125rem;font-weight:650;display:block}.number-input__value input::-webkit-inner-spin-button,.number-input__value input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.number-input__value[data-editing] input{color:var(--color-ink)}.number-input__step:focus-visible,.number-input__value input:focus-visible{outline:2px solid var(--color-focus);outline-offset:-3px}.number-input__display{pointer-events:none;font-variant-numeric:tabular-nums;place-items:center;font-size:1.125rem;font-weight:650;display:grid;position:absolute;inset:0;overflow:hidden}.number-input__display span{grid-area:1/1}.number-input__value[data-editing] .number-input__display{visibility:hidden}@media (prefers-reduced-motion:reduce){.number-input__step:active:not(:disabled){transform:none}}.sparkle-text{--sparkle-accent:var(--color-plan-500);isolation:isolate;line-height:1.2;display:inline-grid;position:relative}.sparkle-text[data-tone=indigo]{--sparkle-accent:var(--color-plan-750)}.sparkle-text[data-tone=violet]{--sparkle-accent:var(--color-plan-1000)}.sparkle-text[data-tone=gold]{--sparkle-accent:var(--color-plan-1500)}.sparkle-fill,.sparkle-bloom{color:var(--sparkle-accent);grid-area:1/1}.sparkle-fill{z-index:1;position:relative}@supports (background-clip:text){.sparkle-fill{background:linear-gradient(155deg, var(--sparkle-accent), color-mix(in oklab, var(--sparkle-accent) 72%, var(--color-ink)));-webkit-text-fill-color:transparent;color:#0000;-webkit-background-clip:text;background-clip:text}}.sparkle-bloom{z-index:-1;filter:blur(5px);opacity:.14;pointer-events:none;user-select:none}.sparkle-stars{z-index:2;opacity:0;pointer-events:none;user-select:none;position:absolute;inset:0;overflow:visible}.sparkle-text[data-active=true] .sparkle-stars{opacity:1}.sparkle-star{color:var(--sparkle-accent);filter:drop-shadow(0 0 2px color-mix(in oklab, var(--sparkle-accent) 35%, transparent));opacity:0;animation:sparkle-twinkle var(--sparkle-duration) var(--ease-in-out) var(--sparkle-delay) infinite;animation-play-state:paused;position:absolute;transform:translate(-50%,-50%)scale(.25)}.sparkle-star[data-tone="1"]{color:color-mix(in oklab, var(--sparkle-accent) 65%, var(--color-surface))}.sparkle-star[data-tone="2"]{color:color-mix(in oklab, var(--sparkle-accent) 80%, var(--color-ink))}.sparkle-text[data-active=true] .sparkle-star{animation-play-state:running}.sparkle-star svg{width:100%;height:100%}@keyframes sparkle-twinkle{0%,20%,to{opacity:0;transform:translate(-50%,-50%)scale(.25)rotate(0)}45%{opacity:.8;transform:translate(-50%,-50%)scale(1)rotate(22deg)}65%{opacity:.25;transform:translate(-50%,-50%)scale(.6)rotate(38deg)}}@media (prefers-reduced-motion:reduce){.sparkle-star{opacity:.4;animation:none;transform:translate(-50%,-50%)scale(.6)}}@media (forced-colors:active){.sparkle-fill{color:canvastext;-webkit-text-fill-color:CanvasText;background:0 0}.sparkle-bloom,.sparkle-stars{display:none}}