.landing{--straw:var(--color-brand);--straw-hi:var(--color-brand-highlight);--line:color-mix(in oklab, var(--color-foreground) 9%, transparent);--line-soft:color-mix(in oklab, var(--color-foreground) 5%, transparent);--panel:color-mix(in oklab, var(--color-foreground) 3.5%, transparent);--landing-r:20px;--ease-out:cubic-bezier(.16, 1, .3, 1);--reveal-delay:0s;font-size:16.5px;line-height:1.85;position:relative;overflow-x:clip}.landing:before{content:"";z-index:0;pointer-events:none;opacity:.5;background:radial-gradient(52% 42% at 82% -6%, color-mix(in oklab, var(--straw) 17%, transparent), transparent 62%), radial-gradient(40% 34% at 6% 108%, color-mix(in oklab, var(--straw) 9%, transparent), transparent 60%);position:absolute;inset:0}.landing:after{content:"";z-index:0;pointer-events:none;opacity:.05;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.landing .wrap{z-index:2;max-width:1160px;margin-inline:auto;padding-inline:32px;position:relative}.landing section{padding-block:120px}.landing h1,.landing h2,.landing h3{font-family:var(--font-display);letter-spacing:0;line-height:1.15}.landing .kicker{font-family:var(--font-mono);letter-spacing:.28em;color:var(--straw-hi);align-items:center;gap:14px;margin-block-end:22px;font-size:12.5px;display:flex}.landing .kicker:after{content:"";background:linear-gradient(270deg, var(--straw), transparent);width:56px;height:1px}[dir=ltr] .landing .kicker:after{background:linear-gradient(90deg, var(--straw), transparent)}[dir=rtl] .landing .kicker{font-family:var(--font-sans);letter-spacing:0;font-weight:600}.landing h2{max-width:16ch;font-size:clamp(30px,4.6vw,50px);font-weight:800}.landing .sub{color:var(--color-muted-foreground);max-width:52ch;margin-block-start:18px;font-size:18px;font-weight:300}.landing .btn{cursor:pointer;background:var(--straw);color:#fff;box-shadow:0 8px 30px color-mix(in oklab, var(--straw) 35%, transparent);border:1px solid #0000;border-radius:999px;align-items:center;gap:10px;padding:13px 28px;font-size:15px;font-weight:700;transition:transform .18s,box-shadow .18s;display:inline-flex}.landing .btn:hover{box-shadow:0 14px 40px color-mix(in oklab, var(--straw) 50%, transparent);transform:translateY(-2px)}.landing .btn.ghost{border-color:var(--line);color:var(--color-foreground);box-shadow:none;background:0 0}.landing .btn.ghost:hover{border-color:var(--straw);color:var(--straw-hi)}.landing .hero{text-align:center;padding-block:104px 72px;position:relative}.landing .hero h1{max-width:20ch;margin-inline:auto;font-size:clamp(40px,6.2vw,84px);font-weight:900;line-height:1.22}.landing .hero h1 .fresh{background:linear-gradient(100deg, var(--straw) 15%, var(--straw-hi) 55%, var(--straw) 90%);color:#0000;background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:5s ease-in-out infinite landing-sweep}@keyframes landing-sweep{0%,to{background-position:0 0}50%{background-position:100% 0}}.landing .hero p{color:var(--color-muted-foreground);max-width:58ch;margin-block-start:26px;margin-inline:auto;font-size:19px;font-weight:300}.landing .hero .cta{flex-wrap:wrap;justify-content:center;gap:16px;margin-block-start:40px;display:flex}.landing .rise{opacity:0;animation:landing-rise .85s var(--ease-out) both}.landing .rise.d1{animation-delay:.1s}.landing .rise.d2{animation-delay:.24s}.landing .rise.d3{animation-delay:.38s}@keyframes landing-rise{0%{opacity:0;filter:blur(8px);transform:translateY(22px)}to{opacity:1;filter:none;transform:none}}.landing .hero h1 .fresh{animation-delay:.9s}.landing .cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:22px;margin-block-start:56px;display:grid}.landing .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--landing-r);transition:transform .3s var(--ease-out), border-color .3s var(--ease-out), box-shadow .3s var(--ease-out);position:relative;overflow:hidden}.landing .card,.landing .card.is-link>a{padding:34px 30px}.landing .card.is-link{padding:0}.landing .card.is-link>a{color:inherit;height:100%;text-decoration:none;display:block}.landing .card.is-link>a:focus-visible{outline:2px solid var(--straw);outline-offset:-4px;border-radius:var(--landing-r)}.landing .card.in:hover{border-color:color-mix(in oklab, var(--straw) 40%, transparent);box-shadow:0 18px 44px -24px color-mix(in oklab, var(--straw) 60%, transparent);transform:translateY(-6px)}.landing .card .glyph{transition:transform .35s var(--ease-out)}.landing .card.in:hover .glyph{transform:scale(1.12)rotate(-4deg)}.landing .card .visit{transition:transform .35s var(--ease-out)}.landing .card.in:hover .visit{transform:translate(4px)}[dir=rtl] .landing .card.in:hover .visit{transform:translate(-4px)}.landing .card:before{content:"";background:linear-gradient(270deg, transparent, var(--straw), transparent);opacity:0;z-index:1;height:2px;transition:opacity .25s;position:absolute;inset:0 0 auto}.landing .card:hover:before{opacity:1}.landing .card .glyph{margin-block-end:18px;font-size:30px;line-height:1}.landing .card h3{flex-wrap:wrap;align-items:center;gap:10px;margin-block-end:12px;font-size:22px;font-weight:800;display:flex}.landing .card p{color:var(--color-muted-foreground);font-size:15px;font-weight:300}.landing .card .badge{font-family:var(--font-sans);border:1px solid var(--line);color:var(--color-muted-foreground);border-radius:999px;padding:5px 10px;font-size:11px;font-weight:600;line-height:1}.landing .card .badge.live{color:var(--straw-hi);border-color:color-mix(in oklab, var(--straw) 45%, transparent);background:color-mix(in oklab, var(--straw) 12%, transparent)}.landing .card .visit{font-family:var(--font-mono);color:var(--straw-hi);text-align:start;direction:ltr;unicode-bidi:isolate;margin-block-start:18px;font-size:12.5px;display:block}.landing .rv{--reveal-y:18px;--reveal-scale:1;opacity:0}.landing .rv.in{opacity:1;animation:landing-reveal .62s var(--ease-out) var(--reveal-delay) backwards}.landing h2.rv{--reveal-y:26px}.landing .card.rv{--reveal-y:22px;--reveal-scale:.985}@keyframes landing-reveal{0%{opacity:0;transform:translate3d(0, var(--reveal-y), 0) scale(var(--reveal-scale));filter:blur(6px)}to{opacity:1;filter:none;transform:none}}@media (max-width:960px){.landing section{padding-block:84px}}@media (scripting:none){.landing .rv{opacity:1}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.landing .rise,.landing .rv{opacity:1;filter:none;transform:none}}