.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;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)}.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{padding-block:110px 130px;position:relative}.landing .hero .wrap{grid-template-columns:1.05fr .95fr;align-items:center;gap:64px;display:grid}.landing .hero h1{font-size:clamp(52px,8.2vw,112px);font-weight:900;line-height:1.04}.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:44ch;margin-block-start:26px;font-size:19px;font-weight:300}.landing .hero .cta{flex-wrap:wrap;gap:16px;margin-block-start:40px;display:flex}.landing .hero .proof{flex-wrap:wrap;gap:30px;margin-block-start:52px;display:flex}.landing .proof div{border-inline-start:2px solid var(--straw);padding-inline-start:16px}.landing .proof b{font-family:var(--font-display);font-size:24px;font-weight:800;display:block}.landing .proof span{color:color-mix(in oklab, var(--color-muted-foreground) 70%, transparent);font-size:13px}.landing .rise{opacity:0;animation:.8s cubic-bezier(.2,.7,.2,1) forwards landing-rise;transform:translateY(26px)}.landing .rise.d1{animation-delay:80ms}.landing .rise.d2{animation-delay:.2s}.landing .rise.d3{animation-delay:.34s}.landing .rise.d4{animation-delay:.5s}@keyframes landing-rise{to{opacity:1;transform:none}}.landing .builder{background:linear-gradient(160deg, color-mix(in oklab, var(--color-foreground) 5.5%, transparent), color-mix(in oklab, var(--color-foreground) 2%, transparent));border:1px solid var(--line);border-radius:var(--landing-r);box-shadow:0 30px 80px #0000008c, 0 0 0 1px color-mix(in oklab, var(--straw) 6%, transparent), 0 0 90px color-mix(in oklab, var(--straw) 8%, transparent);padding:26px 24px 28px;transform:rotate(-1.2deg)}.landing .builder-hint{color:var(--color-muted-foreground);margin-block-end:14px;font-size:13.5px}.landing .builder-gallery{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.landing .builder-card{border:1px solid var(--line);border-radius:calc(var(--landing-r) - 8px);background:color-mix(in oklab, var(--color-foreground) 3%, transparent);flex-direction:column;justify-content:center;gap:7px;padding:14px 12px;transition:border-color .3s,background .3s;display:flex}.landing .builder-card[data-selected=true]{border-color:var(--straw);background:color-mix(in oklab, var(--straw) 8%, transparent)}.landing .builder-bar{background:color-mix(in oklab, var(--color-foreground) 16%, transparent);border-radius:999px;height:5px}.landing .builder-bar.accent{background:var(--straw);width:42%}.landing .builder-bar.short{width:66%}.landing .builder-steps{flex-direction:column;gap:9px;min-height:132px;margin-top:18px;display:flex}.landing .builder-step{opacity:0;align-items:center;gap:9px;font-size:13.5px;transition:opacity .2s;display:flex}.landing .builder-step.show{opacity:1}.landing .builder-tick{background:color-mix(in oklab, var(--color-success) 16%, transparent);width:18px;height:18px;color:var(--color-success);border-radius:50%;flex:none;justify-content:center;align-items:center;font-size:11px;display:inline-flex}.landing .builder-label{color:var(--color-muted-foreground)}.landing .builder-meta{color:var(--straw-hi);margin-inline-start:auto;font-size:12px}.landing .builder-result{border-top:1px solid var(--line-soft);opacity:0;margin-top:14px;padding-top:14px;transition:opacity .2s}.landing .builder-result.show{opacity:1}.landing .builder-url{font-family:var(--font-mono);color:var(--straw-hi);text-underline-offset:3px;font-size:13px;text-decoration:underline;display:inline-block}.landing .strip{border-block:1px solid var(--line-soft);padding-block:22px;overflow:hidden}.landing .strip .row{gap:64px;width:max-content;animation:30s linear infinite landing-slide;display:flex}.landing .strip span{font-family:var(--font-display);color:var(--color-muted-foreground);white-space:nowrap;align-items:center;gap:64px;font-size:17px;font-weight:300;display:flex}.landing .strip b{color:var(--straw);font-weight:400}@keyframes landing-slide{to{transform:translate(50%)}}[dir=ltr] .landing .strip .row{animation-name:landing-slide-ltr}@keyframes landing-slide-ltr{to{transform:translate(-50%)}}.landing .cards{grid-template-columns:repeat(3,1fr);gap:22px;margin-block-start:56px;display:grid}.landing .card{background:var(--panel);border:1px solid var(--line);border-radius:var(--landing-r);padding:34px 30px;transition:transform .25s,border-color .25s;position:relative;overflow:hidden}.landing .card:hover{border-color:color-mix(in oklab, var(--straw) 40%, transparent);transform:translateY(-5px)}.landing .card:before{content:"";background:linear-gradient(270deg, transparent, var(--straw), transparent);opacity:0;height:2px;transition:opacity .25s;position:absolute;inset:0 0 auto}.landing .card:hover:before{opacity:1}.landing .card .glyph{font-family:var(--font-mono);color:var(--straw-hi);letter-spacing:.15em;margin-block-end:20px;font-size:13px}.landing .card h3{margin-block-end:12px;font-size:22px;font-weight:800}.landing .card p{color:var(--color-muted-foreground);font-size:15px;font-weight:300}.landing .card .inline-code{font-family:var(--font-mono);color:var(--straw-hi);direction:ltr;display:inline-block}.landing .steps{border:1px solid var(--line);border-radius:var(--landing-r);grid-template-columns:repeat(3,1fr);gap:0;margin-block-start:64px;display:grid;overflow:hidden}.landing .step{border-inline-end:1px solid var(--line-soft);background:var(--panel);padding:44px 36px}.landing .step:last-child{border-inline-end:none}.landing .step .n{font-family:var(--font-mono);color:var(--straw-hi);font-size:13px}.landing .step h3{margin-block:16px 10px;font-size:21px;font-weight:800}.landing .step p{color:var(--color-muted-foreground);font-size:14.5px;font-weight:300}.landing .step code{font-family:var(--font-mono);color:var(--straw-hi);background:color-mix(in oklab, var(--straw) 8%, transparent);border:1px solid color-mix(in oklab, var(--straw) 18%, transparent);direction:ltr;border-radius:8px;margin-block-start:16px;padding:6px 12px;font-size:12.5px;display:inline-block}.landing .feats{background:var(--line-soft);border:1px solid var(--line-soft);border-radius:var(--landing-r);grid-template-columns:repeat(3,1fr);gap:1px;margin-block-start:56px;display:grid;overflow:hidden}.landing .feat{background:var(--color-card);padding:30px 28px}.landing .feat h4{font-family:var(--font-display);align-items:center;gap:10px;font-size:17px;font-weight:500;display:flex}.landing .feat h4:before{content:"";background:var(--straw);width:7px;height:7px;box-shadow:0 0 10px var(--straw);border-radius:50%}.landing .feat p{color:var(--color-muted-foreground);margin-block-start:8px;font-size:13.5px;font-weight:300}.landing .final{text-align:center;padding-block:150px}.landing .final h2{max-width:none;font-size:clamp(38px,6.4vw,76px);font-weight:900}.landing .final h2 em{color:var(--straw);font-style:normal}.landing .final .cta{justify-content:center;margin-block-start:44px;display:flex}.landing .final .note{color:var(--color-muted-foreground);margin-block-start:22px;font-size:14px}.landing .rv{opacity:0;transition:opacity .7s,transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(30px)}.landing .rv.in{opacity:1;transform:none}@media (max-width:960px){.landing .hero .wrap{grid-template-columns:1fr;gap:52px}.landing .builder{transform:none}.landing .cards,.landing .steps,.landing .feats{grid-template-columns:1fr}.landing .step{border-inline-end:none;border-block-start:1px solid var(--line-soft)}.landing .step:first-child{border-block-start:none}.landing section{padding-block:84px}}@media (prefers-reduced-motion:reduce){.landing *,.landing :before,.landing :after{transition:none!important;animation:none!important}.landing .rise,.landing .rv,.landing .builder-step,.landing .builder-result{opacity:1;transform:none}}.landing .final .kicker{justify-content:center}