@view-transition{navigation:auto}:root{color:#ebe5dc;font-synthesis:none;--bg:#12100d;--surface:#1c1915;--surface-raised:#26211c;--text:#ebe5dc;--muted:#aaa093;--line:#3b342b;--accent:#c9824b;--accent-strong:#e7a56f;--max:74rem;background:#12100d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at 80% -10%, #c9824b2e, transparent 34rem), var(--bg);min-width:20rem;min-height:100vh;color:var(--text);margin:0}a{color:inherit;text-underline-offset:.2em}a:focus-visible,button:focus-visible,input:focus-visible{outline:.18rem solid var(--accent-strong);outline-offset:.2rem}.skip-link{z-index:20;background:var(--text);color:var(--bg);padding:.65rem .85rem;position:fixed;top:.75rem;left:.75rem;transform:translateY(-180%)}.skip-link:focus{transform:none}.site-header,.site-footer,.hero,.section{width:min(calc(100% - 2rem), var(--max));margin-inline:auto}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:5rem;display:flex}.brand{view-transition-name:slipmat-companion-brand;align-items:center;gap:.7rem;text-decoration:none;display:inline-flex}.brand-mark{aspect-ratio:1;border:1px solid var(--accent);width:2.35rem;color:var(--accent-strong);border-radius:50%;place-items:center;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;display:grid}.brand strong,.brand small{display:block}.brand small{color:var(--muted);letter-spacing:.12em;text-transform:uppercase;font-size:.72rem}nav{flex-wrap:wrap;gap:1rem;display:flex}nav a{color:var(--muted);text-decoration:none}nav a:hover{color:var(--text)}.hero{grid-template-columns:minmax(0,1.35fr) minmax(18rem,.65fr);align-items:center;gap:clamp(2rem,6vw,5rem);padding-block:clamp(4rem,10vw,8rem);display:grid}.eyebrow{color:var(--accent-strong);letter-spacing:.11em;text-transform:uppercase;margin:0 0 .8rem;font:600 .78rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace}h1,h2,h3,p{text-wrap:pretty}h1{letter-spacing:-.055em;max-width:13ch;margin:0;font-size:clamp(3rem,8vw,6.6rem);font-weight:650;line-height:.92}h2{letter-spacing:-.035em;margin:0;font-size:clamp(2rem,4vw,3.25rem)}.lede{max-width:46rem;color:var(--muted);margin:1.5rem 0 0;font-size:clamp(1.05rem,2vw,1.28rem);line-height:1.65}.actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}.button{border:1px solid var(--accent);background:var(--accent);color:#17110d;border-radius:.65rem;justify-content:center;align-items:center;min-height:2.9rem;padding:.7rem 1rem;font-weight:700;text-decoration:none;display:inline-flex}.button.secondary{color:var(--text);border-color:var(--line);background:0 0}.gateway-visual{aspect-ratio:1;border:1px solid var(--line);background:radial-gradient(circle,#2b241e 0 16%,#181511 17% 45%,#30271f 46% 47%,#171410 48%);border-radius:50%;position:relative;box-shadow:inset 0 0 5rem #00000073,0 2rem 5rem #00000040}.gateway-visual:before,.gateway-visual:after{content:"";border:1px solid #c9824b6b;border-radius:50%;position:absolute;inset:12%}.gateway-visual:after{background:var(--accent);border:0;inset:36%;box-shadow:0 0 0 .45rem #1c1713}.section{border-top:1px solid var(--line);padding-block:clamp(3rem,8vw,6rem)}.section-first{border-top:0;padding-top:clamp(3rem,8vw,6rem)}.page-title{font-size:clamp(2.7rem,7vw,5.6rem)}.section-intro{grid-template-columns:.75fr 1.25fr;align-items:start;gap:2rem;margin-bottom:2.4rem;display:grid}.section-intro p{color:var(--muted);margin:.35rem 0 0;line-height:1.7}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.card{border:1px solid var(--line);background:linear-gradient(180deg, #ffffff06, transparent), var(--surface);border-radius:.85rem;min-height:13rem;padding:1.35rem}.card .number{color:var(--accent-strong);font:600 .8rem/1 ui-monospace,monospace}.card h3{margin:2rem 0 .7rem;font-size:1.18rem}.card p{color:var(--muted);margin:0;line-height:1.55}.status-strip{border:1px solid var(--line);border-radius:.85rem;grid-template-columns:repeat(3,1fr);margin-top:2rem;display:grid;overflow:hidden}.status-strip>div{border-right:1px solid var(--line);padding:1rem 1.1rem}.status-strip>div:last-child{border-right:0}.status-strip strong{font-size:.88rem;display:block}.status-strip span{color:var(--muted);margin-top:.2rem;font-size:.84rem;display:block}.install-command{border:1px solid var(--line);background:#0d0c0a;border-radius:.65rem;justify-content:space-between;align-items:center;gap:.75rem;margin-top:1rem;padding:.85rem 1rem;display:flex}.install-command code{overflow-wrap:anywhere;color:var(--accent-strong)}button.copy{border:1px solid var(--line);background:var(--surface-raised);color:var(--text);cursor:pointer;border-radius:.5rem;padding:.5rem .7rem}.steps{gap:1rem;max-width:54rem;display:grid}.step{border:1px solid var(--line);background:var(--surface);border-radius:.85rem;grid-template-columns:auto 1fr;gap:1rem;padding:1.25rem;display:grid}.step input{width:1.1rem;height:1.1rem;accent-color:var(--accent)}.step h2{letter-spacing:-.01em;font-size:1.3rem}.step p{color:var(--muted);line-height:1.6}.step code{color:var(--accent-strong)}.note{border-left:.2rem solid var(--accent);background:var(--surface);max-width:54rem;color:var(--muted);margin-top:1rem;padding:1rem 1.15rem;line-height:1.6}.site-footer{border-top:1px solid var(--line);color:var(--muted);justify-content:space-between;gap:1rem;padding-block:2rem 3rem;font-size:.88rem;display:flex}.site-footer p{margin:0}@media (width<=760px){.site-header{align-items:flex-start;padding-block:1rem}.site-header,.site-footer{flex-direction:column}.hero,.section-intro{grid-template-columns:1fr}.hero{padding-top:3rem}.gateway-visual{justify-self:center;width:min(75vw,22rem)}.grid,.status-strip{grid-template-columns:1fr}.status-strip>div{border-right:0;border-bottom:1px solid var(--line)}.status-strip>div:last-child{border-bottom:0}}@media (prefers-color-scheme:light){:root{--bg:#f2ede6;--surface:#e8e0d5;--surface-raised:#ddd2c4;--text:#211d18;--muted:#655c52;--line:#c6b9a9;--accent:#a95f2d;--accent-strong:#874418}body{background:radial-gradient(circle at 80% -10%, #a95f2d1f, transparent 34rem), var(--bg)}.install-command{background:#f8f4ef}.button{color:#fff}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}::view-transition-old(root){animation-duration:.01ms!important}::view-transition-new(root){animation-duration:.01ms!important}}.milestone-preview,.timeline{margin:0;padding:0;list-style:none}.milestone-preview{border:1px solid var(--line);border-radius:.85rem;grid-template-columns:repeat(4,minmax(0,1fr));display:grid;overflow:hidden}.milestone-preview li{border-right:1px solid var(--line);background:var(--surface);min-height:9rem;padding:1.1rem}.milestone-preview li:last-child{border-right:0}.milestone-preview strong,.timeline time{color:var(--accent-strong);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.65rem;font:600 .8rem/1.2 ui-monospace,SFMono-Regular,Consolas,monospace;display:block}.milestone-preview span{color:var(--muted);line-height:1.55}.story-hero{max-width:58rem}.timeline{gap:1rem;max-width:62rem;display:grid;position:relative}.timeline:before{content:"";background:var(--line);width:1px;position:absolute;top:.4rem;bottom:.4rem;left:.43rem}.timeline li{padding:0 0 1.4rem 2rem;position:relative}.timeline li:before{content:"";aspect-ratio:1;border:1px solid var(--accent);background:var(--bg);border-radius:50%;width:.85rem;position:absolute;top:.22rem;left:0}.timeline h3{margin:0 0 .5rem;font-size:1.18rem}.timeline p{color:var(--muted);margin:0;line-height:1.65}.timeline .links{margin-top:.65rem}.links{flex-wrap:wrap;gap:.75rem 1rem;display:flex}.links a{color:var(--accent-strong)}.status-list{gap:.75rem;margin:0;padding:0;list-style:none;display:grid}.status-list li{border:1px solid var(--line);background:var(--surface);color:var(--muted);border-radius:.75rem;padding:1rem 1.1rem;line-height:1.6}.status-list strong{color:var(--text)}@media (width<=760px){.milestone-preview{grid-template-columns:1fr}.milestone-preview li{border-right:0;border-bottom:1px solid var(--line);min-height:auto}.milestone-preview li:last-child{border-bottom:0}}