.landing{--landing-bg:#050608;--landing-card:#0b0d13;--landing-line:#ffffff14;--landing-cream:#faf8f5;--landing-ink:#1a1a1a;--ember:#ff5a1f;--foreground:#fff;--color-foreground:#fff;color:#fff;-webkit-font-smoothing:antialiased;transition:opacity .35s}html:has(#landing){background:#000}html:has(#landing) body{background:#000}.landing .landing-solid{background:var(--landing-bg)}.landing .landing-wrap{z-index:2;max-width:1200px;margin:0 auto;padding:0 32px;position:relative}.landing .landing-eyebrow{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#ffffff80;align-items:center;gap:10px;font-size:12px;display:inline-flex}.landing .landing-eyebrow i{background:var(--acc,var(--ember));width:7px;height:7px;box-shadow:0 0 12px var(--acc,var(--ember));border-radius:9999px}.landing .landing-lede{color:#ffffff94;max-width:460px;margin-top:20px;font-size:clamp(17px,1.4vw,20px);font-weight:300;line-height:1.5}.landing .landing-btn{border-radius:9999px;align-items:center;gap:8px;padding:14px 24px;font-size:15px;font-weight:500;transition:transform .3s,box-shadow .3s,border-color .3s;display:inline-flex}.landing .landing-btn--primary{background:var(--ember);color:#fff;box-shadow:0 0 32px #ff5a1f66}.landing .landing-btn--primary:hover{transform:translateY(-1px);box-shadow:0 0 48px #ff5a1fb3}.landing .landing-btn--ghost{border:1px solid #fff3}.landing .landing-btn--ghost:hover{border-color:#ffffff8c}.landing .landing-blink{background:var(--ember);width:6px;height:6px;box-shadow:0 0 8px var(--ember);border-radius:9999px;animation:1.6s infinite landing-blink}@keyframes landing-blink{50%{opacity:.3}}.landing .landing-pillar{border-left:1px solid var(--landing-line);padding:34px 26px 36px;transition:background .4s}.landing .landing-pillar:first-child{border-left:0}.landing .landing-pillar:hover{background:color-mix(in srgb, var(--acc) 7%, transparent)}@media (max-width:980px){.landing .landing-wrap{padding:0 20px}.landing .landing-pillar:nth-child(3){border-left:0}.landing .landing-pillar:nth-child(-n+2){border-bottom:1px solid var(--landing-line)}}.landing .landing-footer-privacy svg{display:none}.landing .landing-in{animation:1.1s cubic-bezier(.2,.8,.2,1) both landing-in}.landing .landing-in-d1{animation-delay:.1s}.landing .landing-in-d2{animation-delay:.2s}@keyframes landing-in{0%{opacity:0;transform:translateY(26px)}}.landing .landing-rv{opacity:0;transition:opacity 1.1s cubic-bezier(.2,.8,.2,1),translate 1.1s cubic-bezier(.2,.8,.2,1);translate:0 26px}.landing .landing-rv.in{opacity:1;translate:none}.landing .landing-d1{transition-delay:.1s}.landing .landing-d2{transition-delay:.2s}.landing.landing--exiting{opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.landing .landing-in{animation:none}.landing .landing-rv{opacity:1;transition:none;translate:none}.landing .landing-blink{animation:none}}.landing .landing-chapter{text-align:center;padding:150px 0 40px}.landing .landing-chapter .landing-lede{margin-left:auto;margin-right:auto}.landing .landing-h2{letter-spacing:-.04em;margin-top:22px;font-size:clamp(40px,5vw,72px);font-weight:200;line-height:1.02}.landing .landing-h3{letter-spacing:-.03em;font-size:clamp(28px,2.8vw,40px);font-weight:300;line-height:1.08}.landing .landing-accent{color:var(--acc);font-weight:500}.landing .landing-row{--gx:70%;padding:70px 0;position:relative}.landing .landing-row--flip{--gx:30%}.landing .landing-row:before{content:"";pointer-events:none;background:radial-gradient(40% 50% at var(--gx) 50%, color-mix(in srgb, var(--acc) 16%, transparent), transparent 70%);position:absolute;inset:-10% 0}.landing .landing-row-grid{grid-template-columns:1.15fr .85fr;align-items:center;gap:72px;display:grid}.landing .landing-row--flip .landing-row-grid{grid-template-columns:.85fr 1.15fr}.landing .landing-row--flip .landing-row-media{order:2}.landing .landing-row-body{color:#ffffff94;max-width:440px;margin-top:18px;font-size:17px;font-weight:300;line-height:1.6}.landing .landing-shot{background:var(--landing-card);box-shadow:0 40px 110px color-mix(in srgb, var(--acc) 22%, transparent), 0 18px 50px #0009;border:1px solid #ffffff1a;border-radius:20px;position:relative;overflow:hidden}.landing .landing-shot img,.landing .landing-shot video{width:100%;height:auto;display:block}.landing .landing-stack{position:relative}.landing .landing-stack-front{width:52%;position:absolute;bottom:-12%;left:-6%;box-shadow:0 30px 80px #000000bf,0 0 0 1px #ffffff1f}.landing .landing-chips{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.landing .landing-chip{color:#ffffffb3;background:#ffffff08;border:1px solid #ffffff1f;border-radius:9999px;align-items:center;gap:7px;padding:7px 13px;font-size:13px;display:inline-flex}.landing .landing-chip i{background:var(--acc);border-radius:9999px;width:7px;height:7px}.landing .landing-live{height:640px;position:relative}.landing .landing-live-feed{width:58%;position:absolute;top:0;left:0}.landing .landing-live-visitor{width:52%;position:absolute;top:120px;right:0}.landing .landing-live-active{width:34%;position:absolute;bottom:0;right:6%}.landing .landing-points{gap:26px;display:grid}.landing .landing-points>div{border-left:2px solid color-mix(in srgb, var(--acc) 60%, transparent);padding-left:18px}.landing .landing-bento{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.landing .landing-card{border:1px solid var(--landing-line);background:var(--landing-card);border-radius:20px;flex-direction:column;transition:border-color .4s,transform .4s;display:flex;overflow:hidden}.landing .landing-card:hover{border-color:color-mix(in srgb, var(--acc) 55%, transparent)}.landing .landing-card-media{background:radial-gradient(70% 80% at 50% 0%, color-mix(in srgb, var(--acc) 14%, transparent), transparent);flex-direction:column;justify-content:flex-start;gap:24px;height:250px;padding:18px 18px 0;display:flex;overflow:hidden}.landing .landing-card-media img{border-radius:10px;width:100%;height:auto}.landing .landing-steps{grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:24px;padding:44px 0;display:grid}.landing .landing-steps-arrow{background:linear-gradient(90deg,#ffffff0a,#ffffff4d);width:60px;height:1px}.landing .landing-cream{background:var(--landing-cream);color:var(--landing-ink);padding:150px 0 120px}.landing .landing-cream .landing-lede{color:#1a1a1a8c}.landing .landing-price{grid-template-columns:1.1fr .9fr;align-items:center;gap:64px;display:grid}.landing .landing-price-card{background:#fff;border-radius:28px;padding:40px;position:relative;overflow:hidden;box-shadow:0 30px 80px #1a1a1a14,0 0 0 1px #1a1a1a0d}.landing .landing-price-card:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff5a1f40,#0000 70%);border-radius:9999px;width:200px;height:200px;position:absolute;top:-60px;right:-60px}.landing .landing-faq details{border-top:1px solid #1a1a1a1a;padding:22px 0}.landing .landing-faq details:last-child{border-bottom:1px solid #1a1a1a1a}.landing .landing-faq summary{cursor:pointer;justify-content:space-between;align-items:center;font-size:19px;list-style:none;display:flex}.landing .landing-faq summary::-webkit-details-marker{display:none}.landing .landing-faq summary:after{content:"+";color:var(--ember);font-size:28px;font-weight:200;transition:transform .3s}.landing .landing-faq details[open] summary:after{transform:rotate(45deg)}@media (max-width:980px){.landing .landing-chapter{padding-top:100px}.landing .landing-row-grid,.landing .landing-row--flip .landing-row-grid,.landing .landing-price{grid-template-columns:1fr;gap:44px}.landing .landing-row--flip .landing-row-media{order:0}.landing .landing-stack-front{width:80%;margin:-60px 0 0 auto;position:relative;bottom:auto;left:auto}.landing .landing-live{height:auto}.landing .landing-live-feed,.landing .landing-live-visitor,.landing .landing-live-active{width:auto;margin-top:16px;position:relative;inset:auto}.landing .landing-bento{grid-template-columns:1fr}.landing .landing-steps{grid-template-columns:1fr;gap:16px}.landing .landing-steps-arrow{display:none}.landing .landing-cream{padding:100px 0}}.landing .landing-tilt{transform:perspective(1200px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) translateY(var(--lift,0px));transition:transform .6s cubic-bezier(.2,.8,.2,1),box-shadow .6s,border-color .6s}.landing .landing-tilt:after{content:"";z-index:3;pointer-events:none;border-radius:inherit;background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), #ffffff24, transparent 45%);opacity:0;transition:opacity .4s;position:absolute;inset:0}.landing .landing-tilt:hover{--lift:-6px;transition:transform .15s ease-out,box-shadow .6s,border-color .6s}.landing .landing-tilt:hover:after{opacity:1}.landing .landing-shot.landing-tilt:hover{border-color:color-mix(in srgb, var(--acc) 45%, #ffffff1a);box-shadow:0 50px 130px color-mix(in srgb, var(--acc) 34%, transparent), 0 22px 60px #000000a6}.landing .landing-stack-front{transition:translate .7s cubic-bezier(.2,.8,.2,1),transform .6s cubic-bezier(.2,.8,.2,1)}.landing .landing-stack:hover .landing-stack-front{translate:-18px 14px}.landing .landing-card{position:relative}.landing .landing-card-media img{transition:scale .9s cubic-bezier(.2,.8,.2,1)}.landing .landing-card:hover .landing-card-media img{scale:1.035}.landing .landing-card:hover{box-shadow:0 30px 80px color-mix(in srgb, var(--acc) 20%, transparent)}.landing .landing-card:hover h4 i{animation:1.2s ease-in-out infinite landing-pulse}@keyframes landing-pulse{50%{box-shadow:0 0 18px 3px var(--acc)}}.landing .landing-pillar{position:relative}.landing .landing-pillar:before{content:"";background:var(--acc);height:2px;box-shadow:0 0 16px var(--acc);transform-origin:0;transition:transform .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:0;left:0;right:0;transform:scaleX(0)}.landing .landing-pillar:hover:before{transform:scaleX(1)}.landing .landing-pillar-arrow{color:var(--acc);opacity:0;margin-left:8px;transition:opacity .35s,transform .35s;display:inline-block;transform:translate(-6px)}.landing .landing-pillar:hover .landing-pillar-arrow{opacity:1;transform:none}.landing .landing-points>div{transition:border-color .35s,transform .35s}.landing .landing-points>div:hover{border-left-color:var(--acc);transform:translate(6px)}.landing .landing-points>div:hover b{color:var(--acc)}.landing .landing-btn{position:relative;overflow:hidden}.landing .landing-btn--primary:after{content:"";background:linear-gradient(110deg,#0000 30%,#ffffff59 50%,#0000 70%);transition:transform .7s;position:absolute;inset:0;transform:translate(-120%)}.landing .landing-btn--primary:hover:after{transform:translate(120%)}.landing .landing-btn--ghost:hover{background:#ffffff12}.landing .landing-navlink{position:relative}.landing .landing-navlink:after{content:"";background:var(--ember);height:1px;transition:transform .3s;position:absolute;bottom:-4px;left:0;right:0;transform:scaleX(0)}.landing .landing-navlink:hover:after{transform:scaleX(1)}.landing .landing-faq summary{transition:color .3s,padding-left .3s}.landing .landing-faq summary:hover{color:var(--ember);padding-left:6px}.landing .landing-faq summary:after{transition:transform .3s,scale .3s}.landing .landing-faq summary:hover:after{scale:1.25}.landing .landing-also-label{font-family:var(--font-geist-mono), ui-monospace, monospace;letter-spacing:.16em;text-transform:uppercase;color:#fff9;justify-content:center;align-items:center;gap:14px;font-size:13px;display:flex}.landing .landing-also-label:before,.landing .landing-also-label:after{content:"";background:linear-gradient(90deg,#0000,#ffffff59);width:48px;height:1px}.landing .landing-also-label:after{transform:scaleX(-1)}.landing .landing-also .landing-chip{color:#ffffffeb;border-color:color-mix(in srgb, var(--acc) 42%, transparent);background:color-mix(in srgb, var(--acc) 10%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--acc) 14%, transparent);padding:11px 18px;font-size:15px;transition:transform .3s,background .3s,border-color .3s,box-shadow .3s}.landing .landing-also .landing-chip i{width:8px;height:8px;box-shadow:0 0 10px var(--acc)}.landing .landing-also .landing-chip:hover{border-color:color-mix(in srgb, var(--acc) 80%, transparent);background:color-mix(in srgb, var(--acc) 18%, transparent);box-shadow:0 10px 36px color-mix(in srgb, var(--acc) 32%, transparent);transform:translateY(-3px)}.landing .landing-howto{background:linear-gradient(90deg, #ff5a1f12, #34d3990d, #2b9fd912), var(--landing-bg);position:relative}.landing .landing-howto:before,.landing .landing-howto:after{content:"";opacity:.6;background:linear-gradient(90deg,#0000,#ff5a1f,#34d399,#2b9fd9,#0000);height:1px;position:absolute;left:0;right:0}.landing .landing-howto:before{top:0}.landing .landing-howto:after{bottom:0}.landing .landing-howto-grid{grid-template-columns:auto auto 1fr auto 1fr auto;align-items:center;gap:22px;padding-block:34px;display:grid}.landing .landing-step{cursor:default;align-items:center;gap:16px;display:flex}.landing .landing-step-badge{width:46px;height:46px;color:var(--acc);border:1px solid color-mix(in srgb, var(--acc) 55%, transparent);background:color-mix(in srgb, var(--acc) 14%, transparent);box-shadow:0 0 26px color-mix(in srgb, var(--acc) 30%, transparent);border-radius:9999px;flex-shrink:0;place-items:center;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;display:grid}.landing .landing-step:hover .landing-step-badge{box-shadow:0 0 40px color-mix(in srgb, var(--acc) 55%, transparent);transform:scale(1.12)rotate(-6deg)}.landing .landing-step-link{background:#ffffff1f;min-width:40px;height:1px;position:relative;overflow:hidden}.landing .landing-step-link:after{content:"";background:linear-gradient(90deg,#0000,#ffffffe6,#0000);width:40%;animation:2.4s ease-in-out infinite landing-travel;position:absolute;top:0;bottom:0}@keyframes landing-travel{0%{transform:translate(-100%)}to{transform:translate(250%)}}.landing .landing-footer{border-top:1px solid var(--landing-line);background:#000;position:relative;overflow:hidden}.landing .landing-footer-tagline{z-index:1;text-align:center;letter-spacing:-.03em;color:#ffffffd9;margin-top:56px;padding:0 20px;font-size:clamp(22px,2.6vw,38px);font-weight:200;position:relative}.landing .landing-wordmark{text-align:center;letter-spacing:-.065em;color:#0000;background:linear-gradient(90deg,#34d399,#2b9fd9,#9b7bff,#f472b6,#ff5a1f,#f472b6,#34d399) 0 0/200% 100%;-webkit-user-select:none;user-select:none;-webkit-background-clip:text;background-clip:text;margin:clamp(-34px,-2.2vw,-10px) 0 -.2em;font-size:clamp(120px,34vw,560px);font-weight:600;line-height:.8;transition:transform .9s cubic-bezier(.2,.8,.2,1);animation:14s linear infinite alternate landing-wordmark;display:block}.landing .landing-footer:hover .landing-wordmark{transform:translateY(-6%)}@keyframes landing-wordmark{to{background-position:100% 0}}@media (max-width:980px){.landing .landing-howto-grid{grid-template-columns:1fr;gap:18px}.landing .landing-step-link{display:none}}@media (prefers-reduced-motion:reduce){.landing .landing-tilt,.landing .landing-tilt:hover{transform:none}.landing .landing-step-link:after,.landing .landing-wordmark,.landing .landing-card:hover h4 i{animation:none}}
