.guide-site,.guide-site *,.guide-site :before,.guide-site :after{box-sizing:border-box}.guide-site{--guide-bg:hsl(var(--background));--guide-panel:hsl(var(--card) / .72);--guide-panel-strong:hsl(var(--card));--guide-border:hsl(var(--border));--guide-text:hsl(var(--foreground));--guide-muted:hsl(var(--muted-foreground));--guide-dim:hsl(var(--muted-foreground) / .78);--guide-indigo:hsl(var(--ring));--guide-violet:hsl(var(--primary));--guide-green:hsl(var(--fm-status-success));background:radial-gradient(ellipse 75% 35% at 50% -5%, hsl(var(--primary) / .2), transparent 72%), linear-gradient(160deg, var(--guide-bg) 0%, hsl(var(--card)) 46%, hsl(var(--background)) 100%);min-height:100vh;color:var(--guide-text);margin:0;font-family:Inter,Segoe UI,system-ui,sans-serif}.guide-site a{color:inherit;text-decoration:none}.guide-site :focus-visible{outline:2px solid var(--guide-indigo);outline-offset:3px;border-radius:4px}.guide-gradient-text{color:var(--guide-indigo)}.guide-btn{min-height:48px;font:inherit;cursor:pointer;transition:transform .16s var(--fm-motion-out), background-color .16s ease, border-color .16s ease;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:.45rem;padding:.8rem 1.25rem;font-size:.82rem;font-weight:600;display:inline-flex}.guide-btn:active:not(:focus-visible){transition-duration:.1s;transform:scale(.97)}.guide-btn-primary{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.guide-btn-secondary{border-color:hsl(var(--border));background:hsl(var(--secondary));color:hsl(var(--foreground))}.guide-btn-small{min-height:40px;padding:.5rem 1rem}@media (hover:hover) and (pointer:fine){.guide-btn-primary:hover{background:hsl(var(--fm-primary-hover))}.guide-btn-secondary:hover{border-color:hsl(var(--ring) / .5);background:hsl(var(--accent))}}.guide-hero,.guide-section{padding:5rem 2.5rem}.guide-hero{padding-top:4.5rem}.guide-container{width:min(1200px,100%);margin:0 auto}.guide-hero-grid{grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);align-items:center;gap:4.5rem;display:grid}.guide-eyebrow{width:fit-content;color:var(--guide-indigo);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.45rem;margin-bottom:1.2rem;font-size:.72rem;font-weight:650;line-height:1.5;display:inline-flex}.guide-hero h1{max-width:760px;color:var(--guide-text);letter-spacing:-.04em;text-wrap:balance;margin:0;font-size:clamp(2.8rem,4.6vw,4.2rem);font-weight:650;line-height:1.04}.guide-hero-copy>p{max-width:590px;color:var(--guide-muted);margin:1.5rem 0 0;font-size:1.08rem;line-height:1.75}.guide-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.guide-hero-copy>.guide-note{color:var(--guide-dim);margin-top:1.4rem;font-size:.75rem;line-height:1.6}.guide-instrument{border:1px solid var(--fm-display-edge);background:var(--fm-surface-raised);box-shadow:var(--fm-display-shadow);border-radius:1.25rem;overflow:hidden}.guide-instrument-bar{border-bottom:1px solid var(--guide-border);background:hsl(var(--foreground) / .035);align-items:center;gap:.4rem;min-height:42px;padding:0 .9rem;display:flex}.guide-instrument-dot{background:hsl(var(--muted-foreground));border-radius:50%;width:7px;height:7px}.guide-instrument-title{color:var(--guide-dim);margin-left:.5rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem}.guide-pipeline{gap:0;padding:1.2rem;display:grid}.guide-pipeline-row{grid-template-columns:44px minmax(0,1fr);gap:.85rem;min-height:86px;display:grid;position:relative}.guide-pipeline-row:not(:last-child):before{background:linear-gradient(var(--guide-indigo), hsl(var(--ring) / .15));content:"";width:1px;position:absolute;top:35px;bottom:-8px;left:17px}.guide-pipeline-index{z-index:1;border:1px solid hsl(var(--ring) / .42);background:hsl(var(--card));width:35px;height:35px;color:var(--guide-indigo);border-radius:10px;place-items:center;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem;font-weight:800;display:grid;position:relative}.guide-pipeline-content strong,.guide-code-label{color:hsl(var(--foreground));font-size:.82rem;font-weight:700;display:block}.guide-pipeline-content p{color:var(--guide-dim);margin:.3rem 0 0;font-size:.77rem;line-height:1.55}.guide-code{overflow-wrap:anywhere;border:1px solid hsl(var(--foreground) / .07);background:hsl(var(--foreground) / .035);color:hsl(var(--secondary-foreground));border-radius:8px;margin-top:.55rem;padding:.55rem .7rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem;line-height:1.55}.guide-code-accent{color:hsl(var(--ring))}.guide-code-value{color:hsl(var(--fm-status-success-foreground))}.guide-code-block{white-space:pre-wrap;margin:0}.guide-section-tinted{border-block:1px solid hsl(var(--border) / .7)}.guide-section-heading{max-width:690px;margin-bottom:3rem}.guide-section-heading.centered{text-align:center;margin-inline:auto}.guide-section-heading h2{color:var(--guide-text);letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(2.2rem,3.65vw,3.5rem);font-weight:590;line-height:1.1}.guide-section-heading p{color:var(--guide-muted);margin:1rem 0 0;line-height:1.75}.guide-process-grid,.guide-card-grid{gap:1.15rem;display:grid}.guide-process-grid{grid-template-columns:repeat(4,1fr)}.guide-card-grid{grid-template-columns:repeat(3,1fr)}.guide-card{border:1px solid var(--fm-display-edge);background:var(--fm-surface-raised);border-radius:1.25rem;padding:1.75rem;transition:border-color .16s;position:relative}.guide-card:focus-within{border-color:hsl(var(--ring) / .45)}.guide-card-number{color:var(--guide-indigo);font-variant-numeric:tabular-nums;letter-spacing:.04em;margin-bottom:1.7rem;font-size:.72rem;display:block}.guide-card h3{color:var(--guide-text);letter-spacing:-.02em;margin:0;font-size:1.18rem;font-weight:580;line-height:1.25}.guide-card p{color:var(--guide-muted);margin:.65rem 0 0;font-size:.87rem;line-height:1.7}.guide-card ul{gap:.55rem;margin:1rem 0 0;padding:0;list-style:none;display:grid}.guide-card li{color:var(--guide-muted);gap:.55rem;font-size:.82rem;line-height:1.55;display:flex}.guide-card li:before{color:var(--guide-indigo);content:"✓";flex:none}.guide-split{grid-template-columns:minmax(0,.9fr) minmax(420px,1.1fr);align-items:center;gap:4rem;display:grid}.guide-stack{border:1px solid var(--guide-border);background:hsl(var(--background) / .5);border-radius:1.25rem;gap:.7rem;padding:1rem;display:grid}.guide-stack-list{gap:.7rem;margin:0;padding:0;list-style:none;display:grid}.guide-stack-row{border:1px solid hsl(var(--foreground) / .065);background:hsl(var(--foreground) / .035);border-radius:11px;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:.85rem;padding:.85rem 1rem;display:grid}.guide-stack-priority{color:var(--guide-indigo);text-transform:uppercase;font-family:JetBrains Mono,Fira Code,monospace;font-size:.67rem;font-weight:800}.guide-stack-row strong{color:hsl(var(--foreground));font-size:.84rem;display:block}.guide-stack-row div>span{color:var(--guide-dim);margin-top:.2rem;font-size:.74rem;line-height:1.45;display:block}.guide-callout{border:1px solid var(--fm-display-edge);background:var(--fm-surface-raised);border-radius:1.5rem;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:2rem;padding:2rem;display:grid}.guide-callout h2,.guide-callout h3{color:var(--guide-text);letter-spacing:-.03em;margin:0;font-size:clamp(1.5rem,3vw,2.2rem);font-weight:590;line-height:1.15}.guide-callout p{max-width:680px;color:var(--guide-muted);margin:.6rem 0 0;line-height:1.7}.guide-chip-row{flex-wrap:wrap;gap:.5rem;margin-top:1rem;display:flex}.guide-chip{border:1px solid hsl(var(--ring) / .24);background:hsl(var(--primary) / .08);color:hsl(var(--ring));border-radius:8px;padding:.4rem .7rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.7rem}.guide-recipe-editor{padding:1.1rem}.guide-editor-field{margin-bottom:.85rem}.guide-editor-field label{color:var(--guide-dim);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.35rem;font-size:.64rem;font-weight:800;display:block}.guide-editor-value{border:1px solid hsl(var(--foreground) / .08);background:hsl(var(--foreground) / .035);color:hsl(var(--secondary-foreground));border-radius:8px;padding:.65rem .75rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.72rem}.guide-editor-steps{gap:.5rem;margin:0;padding:0;list-style:none;display:grid}.guide-editor-step{border:1px solid hsl(var(--foreground) / .065);background:hsl(var(--foreground) / .025);color:var(--guide-dim);border-radius:9px;grid-template-columns:26px 92px minmax(0,1fr);align-items:center;gap:.55rem;padding:.58rem .65rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem;display:grid}.guide-editor-step strong{color:var(--guide-indigo);font-size:.68rem}.guide-editor-step-index{color:hsl(var(--muted-foreground))}.guide-kicker{color:var(--guide-indigo);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem;font-weight:650;line-height:1.5}.guide-copy h2{color:var(--guide-text);letter-spacing:-.035em;text-wrap:balance;margin:1.2rem 0 0;font-size:clamp(2.2rem,3.65vw,3.5rem);font-weight:590;line-height:1.1}.guide-tips{gap:.7rem;margin:1.25rem 0 0;padding:0;list-style:none;display:grid}.guide-tips li{color:var(--guide-muted);gap:.7rem;font-size:.9rem;line-height:1.6;display:flex}.guide-tips li:before{color:var(--guide-indigo);content:"✓";flex:none}.guide-tips code{color:var(--guide-text);font-family:JetBrains Mono,Fira Code,monospace;font-size:.85em}.guide-shot{border:1px solid var(--fm-display-edge);min-width:0;box-shadow:var(--fm-display-shadow);border-radius:1.25rem;margin:0;overflow:hidden}.guide-shot img{width:100%;height:auto;display:block}.guide-copy>p{color:var(--guide-muted);margin:1rem 0 0;line-height:1.75}.guide-pipeline-row{transition:opacity .2s var(--fm-motion-out)}.guide-pipeline-row[data-step-state=pending]{opacity:.4}.guide-pipeline-index{transition:background-color .16s,border-color .16s,color .16s}.guide-pipeline-row[data-step-state=active] .guide-pipeline-index{border-color:hsl(var(--ring));background:hsl(var(--primary));color:hsl(var(--primary-foreground))}.guide-pipeline-row:last-child{min-height:0;padding-bottom:.3rem}.guide-pipeline-result{border-top:1px solid var(--guide-border);color:var(--guide-muted);gap:.35rem;margin:0 1.2rem 1.2rem;padding-top:1rem;font-size:.72rem;font-weight:550;display:grid}.guide-pipeline-input{border:1px solid hsl(var(--input));background:hsl(var(--background));height:2.25rem;color:var(--guide-text);border-radius:.5rem;align-items:center;padding-inline:.75rem;font-size:.8rem;font-weight:400;transition:border-color .16s;display:flex}.guide-pipeline-input[data-filled]{border-color:hsl(var(--ring) / .45)}.guide-priority-picker{flex-wrap:wrap;gap:.4rem;margin-bottom:.3rem;display:flex}.guide-priority-picker button{border:1px solid hsl(var(--border));min-height:32px;color:var(--guide-muted);font:inherit;cursor:pointer;transition:transform .16s var(--fm-motion-out), background-color .16s ease, border-color .16s ease, color .16s ease;background:0 0;border-radius:999px;padding:.35rem .8rem;font-size:.75rem}.guide-priority-picker button:active{transition-duration:.1s;transform:scale(.97)}.guide-priority-picker button[aria-pressed=true]{border-color:hsl(var(--ring) / .6);background:hsl(var(--primary) / .16);color:var(--guide-text)}.guide-stack-row{transition:opacity .16s,border-color .16s,background-color .16s}.guide-stack-row[data-result=skip]{opacity:.45}.guide-stack-row[data-result=checking]{border-color:hsl(var(--ring) / .35)}.guide-stack-row[data-result=match]{border-color:hsl(var(--ring) / .6);background:hsl(var(--primary) / .12)}.guide-stack-result{color:var(--guide-dim);white-space:nowrap;font-size:.68rem}.guide-stack-row[data-result=match] .guide-stack-result{color:var(--guide-indigo);font-weight:600}.guide-stack .guide-priority-value{min-height:1.6em;color:var(--guide-text);margin:.2rem .2rem 0;font-size:.8rem}@media (hover:hover) and (pointer:fine){.guide-priority-picker button:hover{border-color:hsl(var(--ring) / .5);color:var(--guide-text)}}@media (prefers-reduced-motion:reduce){.guide-priority-picker button:active{transform:none}}.recipe-demo{gap:.75rem;min-width:0;display:grid}.guide-demo-run{border:1px solid hsl(var(--border));background:hsl(var(--secondary));min-height:28px;color:hsl(var(--foreground));font:inherit;cursor:pointer;transition:transform .16s var(--fm-motion-out), background-color .16s ease, border-color .16s ease;border-radius:999px;margin-left:auto;padding:.3rem .8rem;font-size:.72rem;font-weight:600}.guide-demo-run:active{transition-duration:.1s;transform:scale(.97)}.guide-editor-step{transition:border-color .16s,background-color .16s}.guide-editor-step[data-step-state=active]{border-color:hsl(var(--ring) / .6);background:hsl(var(--primary) / .14)}.guide-editor-step[data-step-state] .guide-editor-step-index{color:var(--guide-indigo)}.recipe-preview{border:1px solid var(--fm-display-edge);background:hsl(var(--background));border-radius:1.25rem;grid-template-columns:minmax(0,1fr) 15rem;align-items:start;gap:.4rem 1rem;padding:1rem 1.1rem 1.1rem;display:grid}.recipe-preview .recipe-preview-label{color:var(--guide-dim);grid-column:1/-1;margin:0 0 .4rem;font-family:JetBrains Mono,Fira Code,monospace;font-size:.68rem}.recipe-preview-field{gap:.35rem;display:grid}.recipe-preview-field-label{color:var(--guide-muted);font-size:.72rem;font-weight:550}.recipe-date-field{border:1px solid hsl(var(--input));background:hsl(var(--card));width:100%;height:2.25rem;color:var(--guide-dim);transition:transform .14s var(--fm-motion-out), border-color .16s ease, color .16s ease;border-radius:.5rem;justify-content:space-between;align-items:center;padding-inline:.75rem;font-size:.8rem;display:flex}.recipe-date-field[data-pressed]{border-color:hsl(var(--ring) / .6);transform:scale(.97)}.recipe-date-field[data-filled]{border-color:hsl(var(--ring) / .45);color:var(--guide-text)}.recipe-calendar{border:1px solid var(--fm-display-edge);background:hsl(var(--card));box-shadow:var(--fm-display-shadow);opacity:0;transform-origin:0 0;visibility:hidden;transition:opacity .15s var(--fm-motion-out), transform .15s var(--fm-motion-out), visibility 0s linear .15s;border-radius:.75rem;padding:.7rem;transform:scale(.96)}.recipe-calendar[data-open]{opacity:1;visibility:visible;transition:opacity .2s var(--fm-motion-out), transform .2s var(--fm-motion-out), visibility 0s;transform:none}.recipe-calendar .recipe-calendar-month{color:var(--guide-text);margin:0 0 .45rem;font-size:.75rem;font-weight:600}.recipe-calendar-grid{font-variant-numeric:tabular-nums;text-align:center;grid-template-columns:repeat(7,1fr);gap:.15rem;font-size:.66rem;display:grid}.recipe-calendar-weekday{color:var(--guide-dim)}.recipe-calendar-day{color:hsl(var(--muted-foreground) / .45);border-radius:.3rem;padding-block:.22rem;text-decoration:line-through;transition:background-color .16s,color .16s}.recipe-calendar-day[data-day]{color:var(--guide-text);text-decoration:none}.recipe-calendar-day[data-selected]{background:hsl(var(--primary));color:hsl(var(--primary-foreground))}@media (width<=520px){.recipe-preview{grid-template-columns:1fr}}@media (hover:hover) and (pointer:fine){.guide-demo-run:hover{border-color:hsl(var(--ring) / .5);background:hsl(var(--accent))}}@media (prefers-reduced-motion:reduce){.guide-demo-run:active,.recipe-date-field[data-pressed],.recipe-calendar{transform:none}}@media (width<=900px){.guide-hero-grid,.guide-split{grid-template-columns:1fr;gap:3rem}.guide-hero-copy{text-align:center}.guide-hero-copy .guide-eyebrow,.guide-actions,.guide-hero-copy>p{margin-inline:auto}.guide-actions{justify-content:center}.guide-note{text-align:center}.guide-process-grid,.guide-card-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=640px){.guide-hero,.guide-section{padding:3.5rem 1.25rem}.guide-hero{padding-top:2.5rem}.guide-hero h1{font-size:clamp(2.6rem,11vw,3.4rem)}.guide-process-grid,.guide-card-grid{grid-template-columns:1fr}.guide-split{grid-template-columns:minmax(0,1fr)}.guide-callout{grid-template-columns:1fr}.guide-editor-step{grid-template-columns:22px 82px minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.guide-btn:active:not(:focus-visible){opacity:.8;transform:none}.guide-site *,.guide-site :before,.guide-site :after{scroll-behavior:auto!important}}
