.landing{background:var(--background);color:var(--foreground);-webkit-font-smoothing:antialiased;font-family:DM Sans,system-ui,sans-serif;position:relative;overflow-x:hidden}body:has(.landing){background-color:#131110;background-image:none}.landing h1,.landing h2,.landing h3{font-family:var(--font-heading);letter-spacing:-.03em}.landing .hand{font-family:Caveat,cursive}.landing .rv{opacity:0;transition:opacity .7s cubic-bezier(.16,1,.3,1),transform .7s cubic-bezier(.16,1,.3,1);transform:translateY(22px)}.landing .rv.vis{opacity:1;transform:none}.landing .rv-d1{transition-delay:.12s}.landing .rv-d2{transition-delay:.24s}.landing .rv-d3{transition-delay:.36s}.landing-nav{z-index:100;-webkit-backdrop-filter:blur(14px);background:#131110d1;border:1px solid #ffffff0f;border-radius:100px;align-items:center;gap:.75rem;max-width:calc(100vw - 1.5rem);padding:.4rem .4rem .4rem 1rem;display:flex;position:fixed;top:.75rem;left:50%;transform:translate(-50%)}@media (width>=640px){.landing-nav{gap:1.25rem;padding:.5rem .5rem .5rem 1.25rem;top:1rem}}.landing .hl-y{background:linear-gradient(#0000 55%,#f0d87028 55% 88%,#0000 88%);padding:0 2px}.landing .hl-p{background:linear-gradient(#0000 55%,#c4562e12 55% 88%,#0000 88%);padding:0 2px}.landing-hero{color:oklch(98% .005 70);text-align:center;background:#131110;justify-content:center;align-items:center;min-height:100vh;padding:6rem 2rem;display:flex;position:relative;overflow:hidden}.landing-hero:before{content:"";--s:16px;--c1:#c45a2e0a;--g:#0000 66%, var(--c1) 68% 98%, #0000;background:radial-gradient(30% 30% at 0% 30%, var(--g)) var(--s) calc(9 * var(--s)), radial-gradient(30% 30% at 100% 30%, var(--g)) var(--s) calc(-1 * var(--s)), radial-gradient(30% 30% at 30% 100%, var(--g)) calc(10 * var(--s)) 0, radial-gradient(30% 30% at 30% 0%, var(--g));background-size:calc(20 * var(--s)) calc(20 * var(--s));pointer-events:none;position:absolute;inset:0}.landing-hero:after{content:"";pointer-events:none;background:radial-gradient(#c45a2e12 0%,#0000 55%);width:600px;height:400px;position:absolute;top:15%;left:50%;transform:translate(-50%)}.landing .curve-path{stroke-dasharray:800;stroke-dashoffset:800px;transition:stroke-dashoffset 2s cubic-bezier(.4,0,.2,1)}.landing .curve-path.drawn{stroke-dashoffset:0}.landing .review-marker,.landing .review-label{opacity:0;transition:opacity .5s}.landing .review-marker.visible,.landing .review-label.visible{opacity:1}.landing-compare{color:oklch(98% .005 70);background:#131110;padding:5rem 2rem;position:relative}.landing-compare:before{content:"";--s:36px;--c1:#ffffff05;--c2:#ffffff03;--c3:#ffffff01;--_g:var(--c3) 0 120deg, #0000 0;background:conic-gradient(from -60deg at 50% calc(100% / 3), var(--_g)), conic-gradient(from 120deg at 50% calc(200% / 3), var(--_g)), conic-gradient(from 60deg at calc(200% / 3), var(--c3) 60deg, var(--c2) 0 120deg, #0000 0), conic-gradient(from 180deg at calc(100% / 3), var(--c1) 60deg, var(--_g)), linear-gradient(90deg, var(--c1) calc(100% / 6), var(--c2) 0 50%, var(--c1) 0 calc(500% / 6), var(--c2) 0);background-size:calc(1.732 * var(--s)) var(--s);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 65%,#000 15%,#0000 65%);mask-image:radial-gradient(70% 65%,#000 15%,#0000 65%)}.landing .cmp-bar-fill{color:#fff;white-space:nowrap;border-radius:6px;justify-content:flex-end;align-items:center;width:0;height:100%;padding-right:.5rem;font-size:.6875rem;font-weight:700;transition:width 1.5s cubic-bezier(.4,0,.2,1);display:flex}.landing .cmp-bar-label-outside{white-space:nowrap;pointer-events:none;align-items:center;padding-left:.5rem;font-size:.6875rem;font-weight:700;transition:left 1.5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:0;bottom:0;left:0}.landing-how{border-bottom:1px solid var(--border);padding:5rem 2rem;position:relative}.landing-how:before{content:"";--s:18px;--c1:#c45a2e08;--c2:var(--background);background:conic-gradient(var(--c1) 25%, #0000 0 50%, var(--c2) 0 75%, #0000 0), linear-gradient(135deg, var(--c1) 0 12.5%, var(--c2) 0 25%, var(--c1) 0 37.5%, var(--c2) 0 62.5%, var(--c1) 0 75%, var(--c2) 0 87.5%, var(--c1) 0);background-size:var(--s) var(--s);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 20% 80%,#0000);mask-image:linear-gradient(#0000,#000 20% 80%,#0000)}.landing-cta{text-align:center;padding:5rem 2rem;position:relative}.landing-cta:before{content:"";--_s:34px;--_c1:#c45a2e09;--_c2:transparent;--_g:radial-gradient(25% 25% at 25% 25%, var(--_c1) 99%, #0000 101%);background:var(--_g) var(--_s) var(--_s) / calc(2 * var(--_s)) calc(2 * var(--_s)), var(--_g) 0 0 / calc(2 * var(--_s)) calc(2 * var(--_s)), radial-gradient(50% 50%, var(--_c2) 98%, #0000) 0 0 / var(--_s) var(--_s), repeating-conic-gradient(var(--_c2) 0 25%, var(--_c1) 0 50%) calc(.5 * var(--_s)) 0 / calc(2 * var(--_s)) var(--_s) var(--background);pointer-events:none;position:absolute;inset:0;-webkit-mask-image:radial-gradient(50% 60%,#000 10%,#0000 60%);mask-image:radial-gradient(50% 60%,#000 10%,#0000 60%)}@keyframes landing-mscroll{0%{transform:translate(0)}to{transform:translate(-50%)}}.landing-marquee{width:max-content;color:var(--muted-foreground);opacity:.65;gap:2.5rem;font-family:Instrument Serif,Georgia,serif;font-size:1rem;animation:28s linear infinite landing-mscroll;display:flex}.landing-marquee span:after{content:"·";color:var(--primary);opacity:.3;margin-left:2.5rem}@keyframes landing-pulse{0%,to{opacity:1}50%{opacity:.3}}.landing-scroll-hint:after{content:"";background:linear-gradient(#ffffff1f,#0000);width:1px;height:28px;margin:.6rem auto 0;animation:2s ease-in-out infinite landing-pulse;display:block}
