@layer components{.landing{--l-max:1240px;--l-pad:clamp(1rem, .4rem + 2.6vw, 3rem);--l-section:clamp(4.5rem, 3rem + 6vw, 9rem);--l-display:clamp(2.875rem, 1rem + 7.4vw, 7.25rem);--l-h2:clamp(2rem, 1.15rem + 3.4vw, 3.75rem);--l-lead:clamp(1.0625rem, .98rem + .35vw, 1.25rem);--l-body:1rem;--l-rule:var(--outline);--l-accent-line:linear-gradient(90deg, var(--accent-1), var(--accent-2));font-size:var(--l-body);line-height:var(--lh-body);color:var(--ink)}.l-wrap{width:100%;max-width:var(--l-max);padding-inline:var(--l-pad);margin-inline:auto}.l-eyebrow{font-family:var(--font-mono-stack);font-weight:500;font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2);align-items:center;gap:.75rem;display:flex}.l-eyebrow:after{content:"";background:var(--l-rule);flex:1;height:1px}.l-eyebrow-num{color:var(--ink)}.l-display{font-size:var(--l-display);font-weight:var(--w-thin);letter-spacing:-.045em;text-wrap:balance;line-height:.98}.l-h2{font-size:var(--l-h2);font-weight:var(--w-thin);letter-spacing:-.035em;text-wrap:balance;line-height:1.04}.l-lead{font-size:var(--l-lead);color:var(--ink-2);text-wrap:pretty;line-height:1.55}.l-dot{background:var(--l-accent-line);width:8px;height:8px;box-shadow:0 0 0 4px color-mix(in srgb, var(--accent-1) 22%, transparent);border-radius:999px;flex:none;display:inline-block}.l-btn{border-radius:var(--r-pill);min-height:48px;font-size:.9375rem;font-weight:var(--w-medium);white-space:nowrap;cursor:pointer;transition:transform var(--dur-press) var(--ease-out), background-color var(--d-fast) ease, border-color var(--d-fast) ease, box-shadow var(--d-fast) ease;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;text-decoration:none;display:inline-flex}.l-btn:active{transform:scale(.97)}.l-btn-primary{background:var(--ink);color:var(--on-ink);box-shadow:var(--shadow-pill)}.l-btn-primary:hover{background:var(--accent-hover);box-shadow:var(--shadow-lift)}.l-btn-primary .l-arrow{transition:transform var(--d-base) var(--ease)}.l-btn-primary:hover .l-arrow{transform:translate(3px)}.l-btn-ghost{border:1px solid var(--outline);color:var(--ink);background:color-mix(in srgb, var(--card-solid) 55%, transparent)}.l-btn-ghost:hover{border-color:var(--field-border-focus);background:var(--card-solid)}.l-btn-sm{min-height:40px;font-size:var(--t-ui);padding:0 1rem}.l-link{min-height:var(--hit);color:var(--ink-2);transition:color var(--d-fast) ease;border-radius:6px;align-items:center;text-decoration:none;display:inline-flex}.l-link:hover{color:var(--ink);text-decoration:underline;text-decoration-thickness:1px}.l-header{z-index:var(--z-sheet);background:color-mix(in srgb, var(--backdrop) 78%, transparent);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);border-bottom:1px solid var(--hairline-2);position:sticky;top:0}.l-skip{left:var(--l-pad);z-index:var(--z-toast);border-radius:var(--r-sm);background:var(--ink);color:var(--on-ink);padding:.75rem 1rem;position:absolute;top:-100px}.l-skip:focus-visible{top:.75rem}.l-shot{background:var(--card-solid);border:1px solid var(--glass-border);box-shadow:0 1px 0 0 var(--hairline-2), 0 50px 100px -40px #181a2259, 0 24px 48px -32px #181a2240;border-radius:clamp(12px,.6rem + .8vw,22px);position:relative;overflow:hidden}.l-shot img,.l-shot video{width:100%;height:auto;display:block}@media (max-width:639px){.l-hero-shot{border:6px solid var(--ink);border-radius:32px;width:min(100%,300px);margin-inline:auto}}.l-shot-phone{border:6px solid var(--ink);box-shadow:var(--shadow-overlay);border-radius:28px}.l-video-cover:after{content:"";background:linear-gradient(180deg, transparent 45%, color-mix(in srgb, var(--ink) 28%, transparent));transition:opacity var(--d-base) var(--ease);position:absolute;inset:0}.l-video-play{z-index:1;border-radius:var(--r-pill);background:var(--ink);min-height:56px;color:var(--on-ink);font-size:.9375rem;font-weight:var(--w-medium);box-shadow:var(--shadow-overlay);transition:transform var(--d-base) var(--ease);align-items:center;gap:.75rem;padding:0 1.5rem 0 1.25rem;display:inline-flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.l-video-cover:hover .l-video-play{transform:translate(-50%,-50%)scale(1.04)}.l-video-cover:focus-visible{box-shadow:var(--focus-ring)}.l-caption{font-size:var(--t-ui);color:var(--ink-2);align-items:baseline;gap:.75rem;margin-top:.875rem;display:flex}.l-caption-num{font-family:var(--font-mono-stack);font-size:var(--t-micro);color:var(--ink)}.l-rule{background:var(--l-rule);height:1px;position:relative}.l-rule:before{content:"";background:var(--l-accent-line);width:56px;height:1px;position:absolute;top:0;left:0}.l-invert{background:var(--ink);color:var(--on-ink);--l-rule:color-mix(in srgb, var(--on-ink) 16%, transparent)}.l-invert .l-eyebrow,.l-invert .l-lead,.l-invert .l-muted{color:color-mix(in srgb, var(--on-ink) 74%, var(--ink))}.l-invert .l-eyebrow-num{color:var(--on-ink)}.l-faq summary{cursor:pointer;list-style:none}.l-faq summary::-webkit-details-marker{display:none}.l-faq-icon{width:14px;height:14px;transition:transform var(--d-base) var(--ease);flex:none;position:relative}.l-faq-icon:before,.l-faq-icon:after{content:"";background:currentColor;height:1px;position:absolute;inset:6.5px 0 auto}.l-faq-icon:after{transform:rotate(90deg)}.l-faq details[open] .l-faq-icon{transform:rotate(45deg)}.l-faq summary:hover .l-faq-q{color:var(--ink)}@keyframes l-rise{0%{opacity:0;transform:translateY(14px)}}.l-rise{animation:l-rise .64s var(--ease) both;animation-delay:calc(var(--i,0) * 80ms)}@media (prefers-reduced-motion:reduce){.l-rise{animation:none}}}
