body:has(.reference-landing){--bg:#09090b;--bg-elev:#0c0c0e;--bg-card:#111113;--fg:#fafafa;--fg-muted:#a1a1aa;--fg-dim:#7b7b85;--fg-faint:#52525b;--border:#ffffff14;--border-strong:#ffffff24;--accent-h:250;--accent:oklch(.68 .17 var(--accent-h));--accent-dim:oklch(.68 .17 var(--accent-h) / .15);--ok:oklch(72% .16 150);--warn:oklch(76% .15 75);--font-sans:"DM Sans", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Monaco, monospace;--radius:12px;--radius-sm:8px;--radius-lg:16px;background:var(--bg);color:var(--fg)}html:has(.reference-landing){color-scheme:dark}body:has(.reference-landing) #account-dialog-status:not(:empty){background:var(--bg-elev);color:var(--fg)}body:has(.reference-landing):after{content:"";pointer-events:none;opacity:.035;z-index:9999;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.reference-landing{& .eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--fg-dim);font-size:11px;font-weight:500}& .display{letter-spacing:-.035em;font-weight:500;line-height:1.05}& .container{width:100%;max-width:1240px;margin:0 auto;padding:0 32px}& .btn{white-space:nowrap;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 18px;font-size:14px;font-weight:500;line-height:1.5;transition:transform .18s,background .18s,border-color .18s,color .18s;display:inline-flex}& .btn-primary{background:var(--fg);color:#09090b;font-weight:600}& .btn-primary:hover{background:#fff;transform:translateY(-1px)}& .btn-primary:active{transform:translateY(0)}& .btn-ghost{color:var(--fg-muted);border:1px solid var(--border);background:0 0}& .btn-ghost:hover{color:var(--fg);border-color:var(--border-strong);background:#ffffff05}& .btn-lg{border-radius:10px;padding:14px 22px;font-size:15px}& .tile{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(#ffffff04,#fff0);position:relative;overflow:hidden}& :focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:4px}& .page{flex-direction:column;min-height:100vh;display:flex;overflow-x:clip}& .landing-nav{z-index:50;-webkit-backdrop-filter:blur(18px);background:color-mix(in srgb, var(--bg) 75%, transparent);border-bottom:1px solid #0000;transition:border-color .3s;position:sticky;top:0}& .landing-nav.is-scrolled{border-bottom-color:var(--border)}& .landing-nav-inner{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:12px 32px;display:flex}& .landing-nav-brand{color:var(--fg);align-items:center;transition:color .2s;display:inline-flex}& .landing-nav-brand:hover{color:#fff}& .landing-nav-brand-name{letter-spacing:-.025em;font-size:16px;font-weight:650;line-height:1}& .landing-nav-right{align-items:center;gap:8px;display:inline-flex}& .landing-nav-link{color:var(--fg-muted);letter-spacing:-.01em;white-space:nowrap;padding:0 10px;font-size:13px;transition:color .18s}& .landing-nav-link:hover{color:var(--fg)}& .landing-nav-stars{border:1px solid var(--border);height:36px;color:var(--fg-muted);letter-spacing:-.01em;white-space:nowrap;background:#ffffff05;border-radius:999px;align-items:center;gap:7px;padding:0 14px;font-size:13px;transition:color .18s,border-color .18s,background .18s;display:inline-flex}& .landing-nav-stars:hover{color:var(--fg);border-color:var(--border-strong);background:#ffffff0a}& .landing-nav-stars strong{color:var(--fg);font-weight:600}& .landing-nav-stars svg{color:var(--warn);flex-shrink:0}& .main{flex-direction:column;flex:1;display:flex}& .landing-footer{border-top:1px solid var(--border);margin-top:auto;padding:40px 0 32px}& .landing-footer-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:0 auto;padding:0 32px;display:flex}& .landing-footer-brand{color:var(--fg-dim);align-items:center;gap:10px;font-size:13px;display:flex}& .landing-footer-brand img{border-radius:4px;width:20px;height:20px}& .landing-footer-links{flex-wrap:wrap;justify-content:flex-end;gap:20px;display:flex}& .landing-footer-links a{color:var(--fg-dim);font-size:13px;transition:color .2s}& .landing-footer-links a:hover{color:var(--fg)}@media (width<=820px){& .landing-nav-inner,& .landing-footer-inner{padding-left:20px;padding-right:20px}& .legal-document-page .landing-nav{display:none}& .landing-footer{padding-bottom:max(32px, env(safe-area-inset-bottom))}& .landing-footer-inner{flex-direction:column;align-items:flex-start;gap:28px}& .landing-footer-links{gap:14px 20px;justify-content:initial;grid-template-columns:repeat(3,minmax(0,1fr));width:100%;display:grid}}@media (width<=420px){& .landing-nav-inner{gap:12px}& .landing-nav-stars{gap:6px;height:34px;padding:0 12px;font-size:12px}}& section{border-top:1px solid var(--border);padding:96px 0;position:relative}& .section-head{max-width:720px;margin-bottom:56px}& .section-head .eyebrow{margin-bottom:14px;display:block}& .section-head h2{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.05}& .section-head p{color:var(--fg-muted);letter-spacing:-.005em;max-width:620px;font-size:18px}& .checklist{flex-direction:column;gap:12px;list-style:none;display:flex}& .checklist li{color:var(--fg-muted);align-items:center;gap:10px;font-size:15px;display:flex}& .checklist li svg{color:var(--ok);flex-shrink:0}& .hero{border-top:0;padding:72px 0 60px;position:relative;overflow:hidden}& .hero-grid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;mask-image:radial-gradient(80% 60% at 50% 40%,#000 40%,#0000 100%)}& .hero-inner{text-align:center;position:relative}& .hero-title{text-wrap:balance;max-width:20ch;margin:48px auto 22px;font-size:clamp(38px,5.6vw,76px)}& .hero-title span{display:inline-block}& .hero-sub{color:var(--fg-muted);letter-spacing:-.005em;max-width:640px;margin:0 auto 36px;font-size:clamp(16px,1.4vw,19px);line-height:1.55}& .hero-actions{flex-direction:column;align-items:center;gap:16px;margin-bottom:56px;display:flex}& .hero-source-link{color:var(--fg-muted);letter-spacing:-.01em;align-items:center;gap:8px;font-size:14px;font-weight:500;transition:color .18s;display:inline-flex}& .hero-source-link:hover{color:var(--fg)}& .hero-source-mark{flex-shrink:0}& .hero-source-arrow{opacity:.6;flex-shrink:0;transition:transform .18s,opacity .18s}& .hero-source-link:hover .hero-source-arrow{opacity:1;transform:translate(2px,-2px)}& .hero-mobile-line{color:var(--fg-dim);letter-spacing:-.005em;align-items:center;gap:6px;font-size:13px;display:inline-flex}& .hero-mobile-line a{color:var(--fg-muted);text-underline-offset:3px;text-decoration:underline #a1a1aa66;transition:color .18s,text-decoration-color .18s}& .hero-mobile-line a:hover{color:var(--fg);text-decoration-color:var(--fg)}& .dl-icon{flex-shrink:0;width:14px;height:14px;display:none}& [data-platform=mac] .dl-icon--apple,& [data-platform=win] .dl-icon--windows,& [data-platform=linux] .dl-icon--linux,& html:not([data-platform]) .dl-icon--apple{display:block}& .hero-float{pointer-events:none;z-index:1;--px:0px;--py:0px;position:absolute;inset:0}& .hero-float-mark{left:calc(50% + var(--x));top:var(--y);width:var(--s);height:var(--s);margin-left:calc(var(--s) / -2);translate:calc(var(--px) * var(--depth)) calc(var(--py) * var(--depth));transition:translate var(--parallax-duration,0s) cubic-bezier(.2, .7, .2, 1);position:absolute}& .hero-float-card{background:radial-gradient(circle at 30% 25%, var(--tint,#ffffff14), #141418eb 65%);border:1px solid var(--border);width:100%;height:100%;animation:mark-in 1s cubic-bezier(.2, .7, .2, 1) var(--d) both, mark-drift var(--dur) ease-in-out calc(var(--d) + 1s) infinite;animation-play-state:running, var(--home-motion-state,paused);border-radius:25%;place-items:center;display:grid;box-shadow:0 20px 48px -16px #000000a6,inset 0 2px #ffffff0a}& .hero-float-card img{object-fit:contain;width:56%;height:56%;display:block}& .hf-consept .hero-float-card{background:#0d0d10;border-color:#ffffff1a}& .hf-consept .hero-float-card img{border-radius:inherit;object-fit:cover;width:100%;height:100%}& .hf-opencode{--x:max(-300px, -19vw);--y:20px;--s:64px;--rot:6deg;--depth:.6;--d:.62s;--dur:8.5s;--dx:2px;--dy:-8px;--wob:3deg;--fx:-40px;--fy:-80px}& .hf-consept{--x:min(300px, 19vw);--y:20px;--s:64px;--rot:-5deg;--depth:.6;--d:.58s;--dur:9.8s;--dx:-2px;--dy:-9px;--wob:-3deg;--fx:40px;--fy:-80px}& .hf-claude{--x:max(-560px, -38vw);--y:128px;--s:96px;--rot:-8deg;--depth:1.2;--d:.38s;--dur:10.5s;--dx:4px;--dy:-12px;--wob:-2deg;--fx:-160px;--fy:-40px;--tint:#d9775738}& .hf-codex{--x:min(560px, 38vw);--y:128px;--s:96px;--rot:7deg;--depth:1.2;--d:.46s;--dur:9.2s;--dx:-4px;--dy:-10px;--wob:2deg;--fx:160px;--fy:-40px}& .hf-grok{--x:max(-440px, -30vw);--y:440px;--s:80px;--rot:4deg;--depth:.9;--d:.54s;--dur:11.5s;--dx:3px;--dy:-9px;--wob:-3deg;--fx:-120px;--fy:80px}& .hf-cursor{--x:min(440px, 30vw);--y:440px;--s:80px;--rot:-5deg;--depth:.9;--d:.7s;--dur:7.8s;--dx:-3px;--dy:-11px;--wob:3deg;--fx:120px;--fy:80px}@media (prefers-reduced-motion:reduce){& .hero-float-card{transform:rotate(var(--rot));animation:none}& .hero-float-mark{transition:none;translate:none}}@media (width<=1180px){& .hf-claude,& .hf-codex{--s:80px}& .hf-grok,& .hf-cursor{--s:68px;--y:420px}}@media (width<=820px){& .hero{padding-top:132px}& .hero-title{margin-top:14px;font-size:clamp(40px,11vw,56px)}& .hero-actions{margin-bottom:96px}& .hf-claude{--x:-37vw;--y:44px;--s:64px;--rot:-10deg}& .hf-opencode{--x:-12vw;--y:52px;--s:56px;--rot:-4deg}& .hf-consept{--x:12vw;--y:52px;--s:56px;--rot:5deg}& .hf-codex{--x:37vw;--y:44px;--s:64px;--rot:8deg}& .hf-grok{--x:-36vw;--y:474px;--s:64px;--rot:-6deg}& .hf-cursor{--x:36vw;--y:474px;--s:64px;--rot:7deg}}@media (width<=340px){& .hf-opencode,& .hf-consept,& .hf-grok,& .hf-cursor{--s:48px}& .hf-grok,& .hf-cursor{--y:580px}}& .hero-preview{max-width:1180px;margin:0 auto;transition:transform .6s;transform:perspective(2000px)rotateX(2deg)}& .hero-preview:hover{transform:perspective(2000px)rotateX(0)}& .hero-screenshot-frame{aspect-ratio:2880/1800;background:#0a0a0c;border-radius:14px;position:relative;overflow:hidden;box-shadow:0 28px 64px -28px #000000bf}& .hero-screenshot-frame picture{width:100%;height:100%;display:block}& .hero-screenshot-frame img{object-fit:contain;object-position:center top;width:100%;height:100%}& .sec-harness{background:#09090b}& .harness-grid{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:repeat(6,1fr);gap:0;display:grid;overflow:hidden}& .harness{border-right:1px solid var(--border);background:linear-gradient(#ffffff04,#0000);align-items:center;gap:14px;padding:22px 20px;transition:background .2s;display:flex}& .harness:last-child{border-right:0}& .harness:hover{background:#ffffff06}& .harness-mark{color:var(--fg);opacity:.95;flex-shrink:0;place-items:center;width:28px;height:28px;display:grid}& .harness-mark img{object-fit:contain;border-radius:5px;width:22px;height:22px}& .harness-meta{flex:1;min-width:0}& .harness-name{letter-spacing:-.01em;margin-bottom:2px;font-size:14px;font-weight:500}& .harness-tag{font-family:var(--font-mono);color:var(--fg-dim);font-size:11px}& .harness-footer{border-top:1px dashed var(--border);color:var(--fg-muted);flex-wrap:wrap;gap:24px;margin-top:28px;padding-top:24px;font-size:13px;display:flex}& .harness-footer-item{color:var(--fg-muted);align-items:center;gap:8px;display:inline-flex}& .harness-footer-item svg{color:var(--ok)}& .sec-workflows{overflow:hidden}& .workflows-head{max-width:720px;margin-bottom:56px}& .workflows-head h2{letter-spacing:-.035em;margin-bottom:18px;font-size:clamp(32px,4vw,48px);font-weight:500;line-height:1.05}& .workflows-count{font-variant-numeric:tabular-nums;font-weight:600}& .workflows-head p{color:var(--fg-muted);letter-spacing:-.005em;max-width:620px;font-size:18px}& .workflow-carousel{flex-direction:column;gap:12px;display:flex;position:relative}& .workflow-carousel--mobile{display:none}& .workflow-carousel:before,& .workflow-carousel:after{content:"";z-index:2;pointer-events:none;width:max(48px,50vw - 564px);position:absolute;top:0;bottom:0}& .workflow-carousel:before{background:linear-gradient(90deg, var(--bg), transparent);left:0}& .workflow-carousel:after{background:linear-gradient(270deg, var(--bg), transparent);right:0}& .workflow-row{overflow:hidden}& .workflow-track{width:max-content;animation:76s linear infinite workflowMarquee;animation-play-state:var(--home-motion-state,paused);will-change:transform;display:flex}& .workflow-track-group{gap:12px;padding-right:12px;display:flex}& .workflow-row.is-reverse .workflow-track{animation-duration:84s;animation-direction:reverse}& .workflow-carousel:hover .workflow-track,& .workflow-carousel:focus-within .workflow-track{animation-play-state:paused}@media (prefers-reduced-motion:reduce){& .workflow-track{animation:none}}& .workflow-card{border:1px solid var(--border);background:#ffffff03;border-radius:10px;flex-direction:column;gap:10px;width:clamp(264px,22vw,308px);height:132px;padding:14px 16px;transition:border-color .18s,background .18s;display:flex;position:relative}& .workflow-card:hover{border-color:var(--border-strong);background:#ffffff08}& .workflow-author{align-items:center;gap:8px;min-width:0;display:flex}& .workflow-author img{object-fit:cover;border-radius:50%;flex-shrink:0;width:28px;height:28px}& .workflow-handle{color:var(--fg-muted);letter-spacing:-.005em;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}& .workflow-card p{color:var(--fg);letter-spacing:-.003em;-webkit-line-clamp:3;-webkit-box-orient:vertical;font-size:13.5px;line-height:1.4;display:-webkit-box;overflow:hidden}& .canvas-inner{grid-template-columns:1.1fr 1fr;align-items:center;gap:64px;display:grid}& .canvas-visual{min-width:0;margin:0}& .canvas-preview{overflow:hidden}& .canvas-preview-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}& .canvas-preview-label{align-items:center;gap:9px;font-size:14px;display:inline-flex}& .canvas-preview-label svg{color:var(--fg-muted)}& .canvas-preview-detail{color:var(--fg-muted);font-size:11px}& .canvas-preview img{width:100%;height:auto;display:block}& .canvas-visual figcaption{text-align:center;color:var(--fg-muted);margin-top:18px;font-size:13px}& .canvas-copy{margin-bottom:0}& .canvas-copy .checklist{margin-top:24px}& .canvas-feature-link{text-underline-offset:4px;gap:9px;margin-top:28px;font-size:14px;font-weight:500;display:inline-flex}& .canvas-feature-link:hover{text-decoration:underline}@media (width<=480px){& .canvas-preview-detail{display:none}}& .open-head{text-align:center;margin:0 auto 48px}& .open-head p{max-width:590px;margin:22px auto 0}& .open-grid{grid-template-columns:minmax(0,1.65fr) minmax(0,1fr);align-items:center;gap:36px;display:grid}& .vault-showcase{background:#0a0e14;padding:0;overflow:hidden;box-shadow:0 24px 80px #0004}& .vault-preview-heading{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:12px;padding:20px 22px;display:flex}& .vault-preview-name{align-items:center;gap:9px;font-size:14px;font-weight:600;display:inline-flex}& .vault-preview-detail{color:var(--fg-muted);font-family:var(--font-mono);font-size:11px}& .caret{background:#64d4fb;border-radius:50%;width:7px;height:7px;box-shadow:0 0 12px #64d4fb40}& .vault-preview-switch{border:0;grid-template-columns:1fr 1fr;min-width:0;margin:0;padding:16px 0 0;display:grid}& .vault-visually-hidden{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}& .vault-preview-switch label{min-height:44px;color:var(--fg-muted);cursor:pointer;border:1px solid var(--border);background:#ffffff04;place-items:center;margin-bottom:16px;padding:10px 12px;font-size:13px;font-weight:500;display:grid}& .vault-preview-switch label[for=vault-connections]{border-radius:8px 0 0 8px;margin-left:20px}& .vault-preview-switch label[for=vault-note]{border-radius:0 8px 8px 0;margin-right:20px}& .vault-preview-switch input:checked+label{color:#b9edff;background:#3ba4ef1c;border-color:#3ba4ef70}& .vault-preview-switch input:focus-visible+label{outline-offset:3px;outline:2px solid #b9edff}& .vault-preview-panel{grid-column:1/-1;margin:0;display:none}& #vault-connections:checked~.vault-connections-panel,& #vault-note:checked~.vault-note-panel{display:block}& .vault-preview-panel img{border-top:1px solid var(--border);border-bottom:1px solid var(--border);width:100%;height:auto;display:block}& .vault-preview-panel figcaption{min-height:68px;color:var(--fg-muted);padding:18px 22px;font-size:12px;line-height:1.6}& .vault-preview-panel figcaption a{color:#b9edff;text-underline-offset:3px;margin-left:4px;text-decoration:underline;display:inline-block}& .vault-benefits.open-pitch{background:0 0;padding:16px 0}& .vault-benefits .open-pitch-list{gap:28px}& .vault-benefits h3{letter-spacing:-.4px;color:var(--fg);margin-bottom:8px;font-size:19px;font-weight:550;line-height:1.3}& .vault-benefits p{font-size:14px;line-height:1.65}& .vault-benefits .open-pitch-mark{width:28px;height:28px;font-family:var(--font-mono);margin-right:4px;font-size:10px}& .vault-benefits .open-pitch-meta{flex-wrap:wrap}@media (width<=480px){& .vault-preview-detail{display:none}& .vault-preview-panel figcaption{min-height:84px}}& .open-pitch{background:radial-gradient(110% 75% at 100% 0%, var(--accent-dim), transparent 60%), linear-gradient(180deg, #ffffff05, transparent);flex-direction:column;justify-content:center;gap:32px;padding:32px;display:flex}& .open-pitch-list{flex-direction:column;gap:16px;list-style:none;display:flex}& .open-pitch-list li{color:var(--fg-muted);align-items:flex-start;gap:12px;font-size:15px;line-height:1.5;display:flex}& .open-pitch-list strong{color:var(--fg);font-weight:600}& .open-pitch-mark{width:22px;height:22px;color:var(--accent);background:var(--accent-dim);border:1px solid color-mix(in srgb, var(--accent) 28%, transparent);border-radius:7px;flex:none;place-items:center;margin-top:1px;display:grid}& .open-pitch-footer{flex-direction:column;gap:18px;display:flex}& .open-pitch-meta{color:var(--fg-dim);font-family:var(--font-mono);align-items:center;gap:8px;font-size:11px;display:flex}& .open-pitch-actions{flex-wrap:wrap;align-items:center;gap:16px;display:flex}& .open-source-link{color:var(--fg-muted);align-items:center;gap:6px;font-size:13px;font-weight:500;transition:color .18s;display:inline-flex}& .open-source-link:hover{color:var(--fg)}& .sec-cta{text-align:center;padding:120px 0;position:relative;overflow:hidden}& .sec-cta:before{content:"";background:radial-gradient(ellipse at center, var(--accent-dim) 0%, transparent 60%);pointer-events:none;opacity:.6;height:60%;position:absolute;inset:auto 0 -50%}& .cta-inner{position:relative}& .cta-title{max-width:18ch;margin-inline:auto;font-size:clamp(40px,6vw,72px)}& .cta-sub{color:var(--fg-muted);letter-spacing:-.005em;max-width:560px;margin:20px auto 36px;font-size:18px;line-height:1.55}& .cta-actions{flex-wrap:wrap;justify-content:center;gap:10px;margin-bottom:24px;display:flex}@media (width<=960px){& .hero-preview{width:min(860px,100vw - 24px);margin-left:50%;transform:translate(-50%)perspective(1600px)rotateX(1.5deg)}& .hero-preview:hover{transform:translate(-50%)perspective(1600px)rotateX(0)}& .harness-grid{grid-template-columns:1fr 1fr}& .harness{border-right:0;border-bottom:1px solid var(--border)}& .harness:nth-child(odd){border-right:1px solid var(--border)}& .harness:nth-child(2n){border-right:0}& .canvas-inner{grid-template-columns:1fr;gap:40px}& .open-grid{grid-template-columns:1fr}}@media (width<=820px){& section{padding:64px 0}& .sec-cta{padding:96px 0}& .container{padding-left:20px;padding-right:20px}& .hero-preview{display:none}& .workflows-head{margin-bottom:40px}& .workflow-carousel--desktop{display:none}& .workflow-carousel--mobile{display:flex}& .workflow-carousel:before,& .workflow-carousel:after{width:28px}& .workflow-track{animation-duration:68s}& .workflow-row.is-reverse .workflow-track{animation-duration:76s}& .workflow-card{width:268px;padding:14px}& .workflow-card p{font-size:13px}}& .main{padding-top:0}& .btn-primary{box-shadow:none;border:0}& [data-rise]{animation:.7s cubic-bezier(.2,.7,.2,1) both landing-rise;animation-delay:var(--d,0s)}}@keyframes mark-in{0%{opacity:0;transform:translate(var(--fx), var(--fy)) rotate(calc(var(--rot) + 24deg)) scale(.6)}to{opacity:1;transform:translate(0, 0) rotate(var(--rot)) scale(1)}}@keyframes mark-drift{0%,to{transform:translate(0, 0) rotate(var(--rot))}50%{transform:translate(var(--dx), var(--dy)) rotate(calc(var(--rot) + var(--wob)))}}@keyframes workflowMarquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes blink{50%{opacity:0}}@keyframes landing-rise{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}.reference-landing{& .hero-float{--px:0px;--py:0px}& .hero-float-mark{transition:translate .7s cubic-bezier(.2,.7,.2,1);translate:0}& .hero-actions{position:relative}& .landing-download-status{max-width:540px;color:var(--fg-muted);font-size:13px;position:absolute;top:100%}& .landing-download-status:empty{display:none}& .dl-icon--apple{display:block}& .landing-plan-note{color:var(--fg-muted);font-size:13px;line-height:1.8}& .landing-nav-sentinel{pointer-events:none;width:1px;height:1px;position:absolute;top:12px}& .workflow-author img{object-fit:contain}& .landing-footer-links :is(button,summary){color:var(--fg-dim);cursor:pointer;font-size:13px}& .landing-footer-links :is(button,summary):hover{color:var(--fg)}& .landing-footer-menu{position:relative}& .landing-footer-menu summary{list-style:none}& .landing-footer-menu summary::-webkit-details-marker{display:none}& .landing-footer-menu>div{border:1px solid var(--border-strong);background:var(--bg-elev);z-index:3;border-radius:10px;gap:14px;width:min(310px,100vw - 40px);padding:18px;display:grid;position:absolute;bottom:calc(100% + 16px);right:0;box-shadow:0 12px 40px #0009}& .landing-footer-menu p{color:var(--fg-muted);font-size:13px}& .landing-footer-menu strong{color:var(--fg)}& .landing-footer-links{gap:16px}@media (width<=820px){& .landing-footer-links{position:relative}& .landing-footer-menu{position:static}& .landing-footer-menu>div{width:auto;left:0;right:0}}@media (prefers-reduced-motion:reduce){& [data-rise]{animation:none}& .hero-preview,& .hero-preview:hover{transition:none;transform:none}& .hero-float-mark{transition:none;translate:none!important}& .workflow-row{overflow-x:auto}& .workflow-track-group[aria-hidden=true]{display:none}}}@media (prefers-reduced-motion:reduce){html:has(.reference-landing){scroll-behavior:auto}}