:root{color-scheme:dark;--radius: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--bar-h: 40px;--row-h: 28px;--control-h: 28px;--hit: 28px;--icon: 16px;--icon-sm: 12px;--line-h: 20px;--gutter-w: 160px;--sidebar-w: 240px;--marker-w: 2px;--hairline: 1px;--text-xs: 11px;--text-sm: 12px;--text-md: 13px;--mono-size: 12px;--background: #09090b;--foreground: #fafafa;--popover: #101013;--popover-foreground: #fafafa;--muted: #17171a;--muted-foreground: #8b8b94;--subtle: rgba(255, 255, 255, 0.035);--subtle-strong: rgba(255, 255, 255, 0.065);--border: #232327;--border-strong: #303036;--input: #232327;--primary: #ff7a5c;--primary-hover: #ff8f75;--primary-foreground: #180d09;--primary-subtle: rgba(255, 122, 92, 0.10);--ring: #ff7a5c;--ansi-black: #52525b;--ansi-black-bright: #7c7c88;--ansi-red: #ff6b6b;--ansi-red-bright: #ff9a9a;--ansi-green: #4ade80;--ansi-green-bright: #86efac;--ansi-yellow: #fbbf24;--ansi-yellow-bright: #fcd34d;--ansi-blue: #60a5fa;--ansi-blue-bright: #93c5fd;--ansi-magenta: #c084fc;--ansi-magenta-bright: #d8b4fe;--ansi-cyan: #22d3ee;--ansi-cyan-bright: #67e8f9;--ansi-white: #d4d4d8;--ansi-white-bright: #fafafa}.light{color-scheme:light;--background: #ffffff;--foreground: #09090b;--popover: #ffffff;--popover-foreground: #09090b;--muted: #f4f4f5;--muted-foreground: #71717a;--subtle: rgba(9, 9, 11, 0.035);--subtle-strong: rgba(9, 9, 11, 0.065);--border: #e4e4e7;--border-strong: #d4d4d8;--input: #e4e4e7;--primary: #e2553a;--primary-hover: #cc4830;--primary-foreground: #ffffff;--primary-subtle: rgba(226, 85, 58, 0.09);--ring: #e2553a;--ansi-black: #3f3f46;--ansi-black-bright: #71717a;--ansi-red: #dc2626;--ansi-red-bright: #ef4444;--ansi-green: #15803d;--ansi-green-bright: #16a34a;--ansi-yellow: #b45309;--ansi-yellow-bright: #ca8a04;--ansi-blue: #2563eb;--ansi-blue-bright: #3b82f6;--ansi-magenta: #9333ea;--ansi-magenta-bright: #a855f7;--ansi-cyan: #0e7490;--ansi-cyan-bright: #0891b2;--ansi-white: #52525b;--ansi-white-bright: #27272a}:root{--wrap: 1120px;--text-lg: 17px;--text-xl: 20px;--space-8: 32px;--space-12: 48px;--space-16: 64px;--space-24: 96px;--sans: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif;--mono: 'Inconsolata', ui-monospace, SFMono-Regular, Menlo, Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;background:var(--background);color:var(--foreground);font-family:var(--sans);font-size:var(--text-lg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit}code{font-family:var(--mono);font-size:.9em;color:var(--foreground);background:var(--subtle);border:var(--hairline) solid var(--border);padding:1px 5px;white-space:nowrap}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-0.02em;font-weight:600}.wrap{width:100%;max-width:var(--wrap);margin:0 auto;padding:0 var(--space-6)}.skip{position:absolute;left:-9999px}.skip:focus{left:var(--space-4);top:var(--space-4);z-index:10;background:var(--primary);color:var(--primary-foreground);padding:var(--space-2) var(--space-3)}.nav{position:sticky;top:0;z-index:5;border-bottom:var(--hairline) solid var(--border);background:color-mix(in srgb, var(--background) 88%, transparent);backdrop-filter:blur(8px)}.nav-inner{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);height:56px}.brand{display:flex;align-items:center;text-decoration:none}.brand-mark{display:block;width:92px;height:22px;background-color:currentColor;-webkit-mask:url("../images/common/logo-rtail.svg") no-repeat 50% 50%;mask:url("../images/common/logo-rtail.svg") no-repeat 50% 50%;-webkit-mask-size:contain;mask-size:contain}.nav-links{display:flex;align-items:center;gap:var(--space-6);font-size:var(--text-md)}.nav-links a{color:var(--muted-foreground);text-decoration:none;transition:color .12s}.nav-links a:hover{color:var(--foreground)}.nav-links .nav-cta{color:var(--foreground);border:var(--hairline) solid var(--border-strong);padding:5px var(--space-3)}.nav-links .nav-cta:hover{border-color:var(--primary);color:var(--primary)}@media(max-width: 720px){.nav-links a:not(.nav-cta){display:none}}.hero{padding:var(--space-24) 0 var(--space-16);border-bottom:var(--hairline) solid var(--border)}.eyebrow{margin:0 0 var(--space-6);font-family:var(--mono);font-size:var(--text-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.hero h1{max-width:15ch;font-size:clamp(40px,7vw,76px);letter-spacing:-0.035em}.lede{max-width:62ch;margin:var(--space-6) 0 0;font-size:var(--text-xl);color:var(--muted-foreground)}.lede code{color:var(--foreground)}.cta-row{display:flex;flex-wrap:wrap;gap:var(--space-3);margin:var(--space-8) 0 var(--space-12)}.btn{display:inline-flex;align-items:center;height:44px;padding:0 var(--space-6);border:var(--hairline) solid var(--border-strong);color:var(--foreground);font-size:var(--text-md);font-weight:500;text-decoration:none;transition:border-color .12s,background .12s,color .12s}.btn:hover{border-color:var(--foreground)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-foreground)}.btn-primary:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.shell{margin:0;min-width:0;border:var(--hairline) solid var(--border);background:var(--muted);overflow:hidden}.shell-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);height:var(--bar-h);padding:0 var(--space-2) 0 var(--space-4);border-bottom:var(--hairline) solid var(--border);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--muted-foreground)}.shell-label{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.copy{flex:none;height:var(--control-h);padding:0 var(--space-3);border:var(--hairline) solid rgba(0,0,0,0);background:none;color:var(--muted-foreground);font:inherit;text-transform:none;letter-spacing:0;cursor:pointer;transition:color .12s,border-color .12s}.copy:hover{color:var(--foreground);border-color:var(--border-strong)}.copy[data-copied]{color:var(--primary);border-color:var(--primary)}.shell-body{margin:0;padding:var(--space-4);overflow-x:auto;font-family:var(--mono);font-size:var(--mono-size);line-height:1.7}.shell-body code{background:none;border:0;padding:0;font-size:inherit;white-space:pre}.shell-body .p{color:var(--muted-foreground);user-select:none}.shell-body .f{color:var(--primary)}.shell-body .s{color:var(--ansi-green)}section{padding:var(--space-24) 0;border-bottom:var(--hairline) solid var(--border)}.section-head{max-width:68ch;margin-bottom:var(--space-12)}.section-head h2{font-size:clamp(28px,4vw,40px)}.section-head p{margin:var(--space-4) 0 0;color:var(--muted-foreground)}.window{border:var(--hairline) solid var(--border-strong);background:var(--background)}.window-bar{display:flex;align-items:center;gap:var(--space-3);height:var(--bar-h);padding:0 var(--space-2) 0 var(--space-4);border-bottom:var(--hairline) solid var(--border);background:var(--muted)}.window-dot{width:8px;height:8px;flex:none;background:var(--ansi-green);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.25}}@media(prefers-reduced-motion: reduce){.window-dot{animation:none}}.window-url{flex:1;font-family:var(--mono);font-size:var(--text-sm);color:var(--muted-foreground)}.window-action{height:var(--control-h);padding:0 var(--space-3);border:var(--hairline) solid var(--border);background:none;color:var(--muted-foreground);font-family:var(--mono);font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;cursor:pointer}.window-action:hover{color:var(--foreground);border-color:var(--border-strong)}.window-frame{display:block;width:100%;height:560px;border:0;background:var(--background)}@media(max-width: 720px){.window-frame{height:420px}}.note{margin:var(--space-4) 0 0;font-size:var(--text-md);color:var(--muted-foreground)}.steps{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:0;margin:0;padding:0;list-style:none;border-top:var(--hairline) solid var(--border)}.steps li{padding:var(--space-8) var(--space-6) 0;border-right:var(--hairline) solid var(--border)}.steps li:first-child{padding-left:0}.steps li:last-child{border-right:0}.steps h3{margin:var(--space-3) 0 var(--space-3);font-size:var(--text-xl)}.steps p{margin:0;font-size:var(--text-md);color:var(--muted-foreground)}.step-n{font-family:var(--mono);font-size:var(--text-sm);color:var(--primary)}@media(max-width: 860px){.steps{grid-template-columns:1fr}.steps li{padding:var(--space-8) 0;border-right:0;border-bottom:var(--hairline) solid var(--border)}.steps li:last-child{border-bottom:0}}.grid{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));gap:var(--space-12) var(--space-8)}.grid h3{font-size:var(--text-lg);padding-top:var(--space-4);border-top:2px solid var(--primary)}.grid p{margin:var(--space-3) 0 0;font-size:var(--text-md);color:var(--muted-foreground)}@media(max-width: 860px){.grid{grid-template-columns:1fr;gap:var(--space-8)}}.steps-code{display:grid;grid-template-columns:minmax(0, 1fr);gap:var(--space-12)}.steps-code article>p{max-width:68ch;margin:var(--space-3) 0 var(--space-6);color:var(--muted-foreground);font-size:var(--text-md)}.steps-code h3{display:flex;align-items:baseline;gap:var(--space-3);font-size:var(--text-xl)}.hint{margin:var(--space-3) 0 0;font-size:var(--text-md);color:var(--muted-foreground)}.hint a{color:var(--primary)}.callout{margin-top:var(--space-12);padding:var(--space-6);border:var(--hairline) solid var(--border);border-left:2px solid var(--primary);background:var(--primary-subtle)}.callout h3{font-size:var(--text-lg)}.callout p{margin:var(--space-3) 0 0;max-width:76ch;font-size:var(--text-md);color:var(--muted-foreground)}.footer{padding:var(--space-16) 0;border-bottom:0}.footer-inner{display:flex;flex-wrap:wrap;gap:var(--space-8);justify-content:space-between}.footer-brand{margin:0;font-weight:600}.footer-meta{margin:var(--space-2) 0 0;font-size:var(--text-md);color:var(--muted-foreground)}.footer-links{display:flex;flex-wrap:wrap;gap:var(--space-6);font-size:var(--text-md)}.footer-links a{color:var(--muted-foreground);text-decoration:none}.footer-links a:hover{color:var(--foreground)}