@layer components{.wrap{position:relative;z-index:2;max-width:78rem;margin-inline:auto;padding-inline:1.5rem}@media(min-width:900px){.wrap{padding-inline:3rem}}.section{position:relative;z-index:2;padding-block:clamp(5rem,12vh,9rem);isolation:isolate}.section-title{margin:0 0 2.6rem;font-family:var(--font-heading);font-weight:var(--weight-display);font-size:clamp(2rem,3.8vw,3.1rem);line-height:1.08;letter-spacing:var(--tracking-display);color:var(--color-mark);text-wrap:balance}.c-eyebrow{margin:.7rem 0 0;font-family:var(--font-card);font-weight:var(--weight-label);font-size:.95rem;color:var(--color-accent)}.btn-solid,.btn-ghost{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-card);font-weight:var(--weight-label);font-size:.95rem;letter-spacing:-.005em;padding:.75rem 1.3rem;border-radius:999px;text-decoration:none;white-space:nowrap;cursor:pointer;transition:background-color .16s var(--ease-lift),border-color .16s var(--ease-lift),color .16s var(--ease-lift),transform .16s var(--ease-lift),box-shadow .16s var(--ease-lift)}.btn-solid{color:var(--color-ground);background:var(--color-signal);border:1px solid var(--color-signal);box-shadow:inset 0 1px color-mix(in srgb,var(--color-sheen) 18%,transparent),0 8px 20px -12px color-mix(in srgb,var(--color-shade) 70%,transparent)}.btn-solid:active,.btn-ghost:active{transform:translateY(1px)}.btn-solid:hover{background:var(--color-accent);border-color:var(--color-accent)}.btn-ghost{color:var(--color-mark);background:color-mix(in srgb,var(--color-ground-raised) 55%,transparent);border:1px solid color-mix(in srgb,var(--color-mark) 18%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-ghost:hover{border-color:var(--color-mark-dim);background:var(--color-ground-raised)}.glass{position:fixed;top:.9rem;left:50%;transform:translate(-50%);z-index:40;width:min(64rem,calc(100vw - 1.8rem));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.5rem .5rem .5rem 1.2rem;border-radius:999px;background:color-mix(in srgb,var(--color-ground) 92%,transparent);box-shadow:inset 1.5px 1.5px 0 -.5px color-mix(in srgb,var(--color-sheen) 95%,transparent),inset -1px -1px 0 -.5px color-mix(in srgb,var(--color-sheen) 70%,transparent),inset 0 0 18px color-mix(in srgb,var(--color-sheen) 35%,transparent),inset 0 -10px 18px -12px color-mix(in srgb,var(--color-shade) 22%,transparent),0 0 0 .5px color-mix(in srgb,var(--color-shade) 22%,transparent),0 10px 30px -12px color-mix(in srgb,var(--color-shade) 30%,transparent);isolation:isolate;transition:box-shadow .3s var(--ease-lift)}@supports (backdrop-filter: blur(2px)) or (-webkit-backdrop-filter: blur(2px)){.glass{background:color-mix(in srgb,var(--color-ground) var(--glass-opacity),transparent);-webkit-backdrop-filter:blur(10px) saturate(1.9) brightness(1.06);backdrop-filter:blur(10px) saturate(1.9) brightness(1.06)}}.glass[data-lens=true]{backdrop-filter:url(#glass-lens) blur(4px) saturate(1.9) brightness(1.06)}.glass-lens{position:absolute;width:0;height:0;pointer-events:none}.glass[data-scrolled=true]{box-shadow:inset 1.5px 1.5px 0 -.5px color-mix(in srgb,var(--color-sheen) 95%,transparent),inset -1px -1px 0 -.5px color-mix(in srgb,var(--color-sheen) 70%,transparent),inset 0 0 18px color-mix(in srgb,var(--color-sheen) 35%,transparent),inset 0 -10px 18px -12px color-mix(in srgb,var(--color-shade) 22%,transparent),0 0 0 .5px color-mix(in srgb,var(--color-shade) 22%,transparent),0 18px 44px -16px color-mix(in srgb,var(--color-shade) 40%,transparent)}.glass:before{content:"";position:absolute;inset:0;z-index:1;padding:1px;border-radius:inherit;pointer-events:none;background:linear-gradient(125deg,var(--color-sheen) 0%,color-mix(in srgb,var(--color-sheen) 20%,transparent) 22%,transparent 45%,transparent 60%,color-mix(in srgb,var(--color-sheen) 30%,transparent) 82%,var(--color-sheen) 100%);-webkit-mask:linear-gradient(black 0 0) content-box,linear-gradient(black 0 0);-webkit-mask-composite:xor;mask:linear-gradient(black 0 0) content-box exclude,linear-gradient(black 0 0)}.glass:after{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;pointer-events:none;background:radial-gradient(16rem 5rem at var(--gx, 30%) var(--gy, 0%),color-mix(in srgb,var(--color-sheen) 55%,transparent),transparent 70%),linear-gradient(180deg,color-mix(in srgb,var(--color-sheen) 40%,transparent) 0%,transparent 55%)}.glass-mark{display:flex;align-items:baseline;gap:.28rem;font-family:var(--font-card);font-weight:800;font-size:1.5rem;letter-spacing:-.04em;color:var(--color-mark);text-decoration:none;line-height:1}.glass-mark i{font-style:normal;display:inline-block;width:.34rem;height:.34rem;border-radius:50%;background:var(--color-mark);transform:translateY(-.38rem)}.glass-links{display:flex;align-items:center;gap:.15rem}.glass-links a,.glass-panel a{position:relative;font-family:var(--font-card);font-weight:var(--weight-label);font-size:.95rem;letter-spacing:-.005em;color:var(--color-mark);text-decoration:none;padding:.55rem .95rem;border-radius:999px;transition:background-color .2s var(--ease-lift),box-shadow .2s var(--ease-lift)}.glass-links a:hover,.glass-panel a:hover{background:color-mix(in srgb,var(--color-ground-raised) 50%,transparent)}.glass-links a[aria-current=page],.glass-panel a[aria-current=page]{background:color-mix(in srgb,var(--color-ground-raised) 80%,transparent);box-shadow:inset 0 1px 0 var(--color-sheen),0 1px 3px color-mix(in srgb,var(--color-shade) 12%,transparent)}.glass-links a[aria-current=page]:after{content:"";position:absolute;left:50%;bottom:.3rem;width:.9rem;height:2px;border-radius:2px;background:var(--color-accent);transform:translate(-50%)}.glass-end{display:flex;align-items:center;gap:.4rem}.glass-cta{padding:.62rem 1.15rem}.glass-toggle{display:none;flex-direction:column;justify-content:center;gap:4px;width:2.6rem;height:2.6rem;padding:0 .75rem;border-radius:999px;border:1px solid color-mix(in srgb,var(--color-mark) 14%,transparent);background:color-mix(in srgb,var(--color-ground-raised) 50%,transparent);cursor:pointer}.glass-toggle i{display:block;height:1.5px;background:var(--color-mark);transition:transform .2s var(--ease-lift)}.glass[data-open=true] .glass-toggle i:first-of-type{transform:translateY(2.75px) rotate(45deg)}.glass[data-open=true] .glass-toggle i:last-of-type{transform:translateY(-2.75px) rotate(-45deg)}.glass-panel{display:none}@media(max-width:860px){.glass{flex-wrap:wrap;border-radius:26px}.glass-links{display:none}.glass-toggle{display:flex}.glass-panel:not([hidden]){display:flex;flex-direction:column;width:100%;gap:.15rem;padding:.5rem .2rem .3rem;margin-top:.4rem;border-top:1px solid color-mix(in srgb,var(--color-mark) 10%,transparent)}.glass-panel a{padding:.8rem .9rem;border-radius:16px;font-size:1.05rem}}@media(max-width:360px){.glass-cta{padding-inline:.85rem}}.surface{position:relative;border-radius:28px;background:color-mix(in srgb,var(--color-ground-raised) 72%,transparent);border:1px solid color-mix(in srgb,var(--color-sheen) 85%,transparent);box-shadow:inset 0 1px 0 var(--color-sheen),0 1px 2px color-mix(in srgb,var(--color-shade) 5%,transparent),0 24px 48px -30px color-mix(in srgb,var(--color-shade) 40%,transparent);-webkit-backdrop-filter:blur(16px) saturate(1.4);backdrop-filter:blur(16px) saturate(1.4)}.shot-frame{overflow:hidden;border-radius:18px;background:var(--color-ground-raised);border:1px solid color-mix(in srgb,var(--color-mark) 10%,transparent);box-shadow:0 2px 4px color-mix(in srgb,var(--color-shade) 6%,transparent),0 30px 60px -28px color-mix(in srgb,var(--color-shade) 45%,transparent)}.shot-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:left top}.shot-frame.is-phone{border-radius:30px;border:5px solid var(--color-ground-raised);outline:1px solid color-mix(in srgb,var(--color-mark) 10%,transparent)}.s-foot{position:relative;z-index:2;border-top:1px solid var(--color-rule);padding-block:2.4rem 3.4rem;display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:.8rem 1.5rem}.s-foot p{margin:0;font-size:.875rem;color:var(--color-mark-dim)}.s-foot .wm{font-family:var(--font-card);font-weight:800;font-size:1.15rem;letter-spacing:-.03em;color:var(--color-mark)}.icon-tile{--tile-ink: var(--color-tile-cream);--tile-fill: var(--color-tile-cream-fill);display:inline-flex;align-items:center;justify-content:center;flex:none;width:72px;height:72px;border-radius:24px;color:var(--tile-ink);background:var(--tile-fill);border:1px solid color-mix(in srgb,var(--tile-ink) 34%,var(--tile-fill))}.icon-tile[data-accent=amber]{--tile-ink: var(--color-tile-amber);--tile-fill: var(--color-tile-amber-fill)}.icon-tile[data-accent=blue]{--tile-ink: var(--color-tile-blue);--tile-fill: var(--color-tile-blue-fill)}.icon-tile[data-accent=lilac]{--tile-ink: var(--color-tile-lilac);--tile-fill: var(--color-tile-lilac-fill)}.icon-tile svg{width:36px;height:36px}@media(min-width:900px){.icon-tile{width:80px;height:80px;border-radius:26px}.icon-tile svg{width:42px;height:42px}}.icon-tile[data-size=sm]{width:44px;height:44px;border-radius:14px}.icon-tile[data-size=sm] svg{width:24px;height:24px}.carousel{width:100%}.carousel-stage{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:18px;overflow:hidden;background:var(--color-ground-raised);border:1px solid var(--color-rule)}.carousel-stage img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center top;opacity:0;transition:opacity .6s var(--ease-lift)}.carousel-stage[data-fit=contain] img{object-fit:contain;object-position:center}.carousel-stage img:first-child,.carousel-stage img[data-active=true]{opacity:1}.carousel-stage img[data-active=false]{opacity:0}.carousel-dots{display:flex;align-items:center;gap:.4rem;margin-top:.9rem}.carousel-dots button{display:inline-flex;align-items:center;justify-content:center;min-width:1.9rem;height:1.9rem;padding:0;border-radius:999px;border:1px solid var(--color-mark-dim);background:transparent;color:var(--color-mark-dim);font-size:.85rem;cursor:pointer}.carousel-dots button:hover{color:var(--color-mark);border-color:var(--color-mark)}.carousel-dots .carousel-dot{min-width:.85rem;width:.85rem;height:.85rem}.carousel-dot[data-active=true]{background:var(--color-signal);border-color:var(--color-signal)}@media(prefers-reduced-motion:reduce){.carousel-stage img,.btn-solid,.btn-ghost,.glass-links a,.glass-panel a,.glass-toggle i{transition:none}}}