@charset "UTF-8";
:root{--bg:#08131e;--surface:#0c1a27;--ink:#f0f6fc;--muted:#a1b5c6;--line:#22394b;--accent:#52d7e8;--accent-blue:#4d9cfa;--accent-soft:#153a48;--green:#65dfaa;--dark:#071018;--shadow:0 12px 32px #00000026;color-scheme:dark}
:root[data-theme=light]{--bg:#f1f5f9;--surface:#fff;--ink:#162c40;--muted:#52697e;--line:#d9e3eb;--accent:#006f85;--accent-blue:#245fc5;--accent-soft:#e2f2f5;--green:#13784e;--shadow:0 12px 32px #18324f0a;color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration-thickness:1px;text-underline-offset:4px}a:hover{color:var(--accent)}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer;color:inherit}button:focus-visible,a:focus-visible,input:focus-visible,summary:focus-visible{outline:3px solid #52d7e8;outline-offset:5px}img{max-width:100%;height:auto;display:block}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(2.8rem,5.8vw,5.5rem);margin-bottom:26px}h2{font-size:clamp(2rem,3.3vw,3.1rem)}h3{font-size:1.55rem}p{margin-bottom:1.3em}em{font-family:Georgia,serif;font-weight:400}header{position:sticky;top:0;background:var(--bg);border-bottom:1px solid var(--line);z-index:20}.header-inner{max-width:1450px;margin:auto;display:flex;gap:35px;align-items:center;min-height:88px;padding:15px 4vw}.brand{display:flex;align-items:center;gap:10px;font-size:1.5rem;font-weight:750;text-decoration:none;letter-spacing:-.055em;white-space:nowrap}.brand-dot{color:var(--accent)}nav{display:flex;align-items:center;gap:25px}header nav{margin-left:auto}nav a{text-decoration:none;font-size:.9rem}nav a[aria-current=page]{color:var(--accent);text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:10px}.tools{display:flex;align-items:center;gap:12px}.tools button{background:transparent;border:0;font-size:.88rem;padding:5px}.tools kbd{background:var(--surface);padding:1px 6px;border:1px solid var(--line);border-radius:4px;margin-left:7px}.github{border:1px solid var(--line);border-radius:4px;padding:7px 15px;text-decoration:none;font-size:.85rem}.mobile{display:none}.wrap{max-width:1280px;padding-left:40px;padding-right:40px;margin-left:auto;margin-right:auto}.hero{padding:78px 0 64px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:.95fr 1.05fr;align-items:center;gap:55px}.eyebrow{font-size:.7rem;letter-spacing:.16em;font-weight:750;line-height:1.6;color:var(--accent);text-transform:uppercase;margin-bottom:25px}.hero .eyebrow{font-size:.64rem;letter-spacing:.12em}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:#65dfaa;margin-right:7px}.lead{font-size:1.1rem;line-height:1.8;color:var(--muted);max-width:580px}.actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:28px 0 20px}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;padding:13px 22px;border:1px solid var(--line);border-radius:5px;font-size:.88rem;font-weight:650;text-decoration:none;background:var(--surface)}.button.primary{background:var(--ink);color:var(--bg);border-color:var(--ink)}.button.primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg)}.button.ghost{background:transparent;border-color:transparent;padding-left:10px}.small{font-size:.78rem}.muted{color:var(--muted)}.hero-visual{background:#0c1a27;border-radius:9px;box-shadow:0 30px 60px #00000032;overflow:hidden;transform:rotate(-1deg);border:1px solid #22394b}.hero-visual img{width:100%;aspect-ratio:1.25;object-fit:cover;object-position:top left}.window-bar{display:flex;justify-content:space-between;align-items:center;padding:13px 17px;color:#a1b5c6;font-size:.53rem;letter-spacing:.08em;background:#102131;border-bottom:1px solid #22394b}.window-bar>span:first-child{letter-spacing:3px;color:#52d7e8}.visual-caption{font-size:.65rem;color:#a1b5c6;padding:10px 17px}.stack-strip{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stack-strip .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:23px;padding-bottom:23px;font-size:.8rem}.stack-strip .wrap>span:first-child{font-size:.6rem;letter-spacing:.1em;color:var(--muted)}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:70px;margin-bottom:45px}.section-heading h2{margin:0}.section-heading>p{max-width:430px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}.feature-grid article{border-top:1px solid var(--line);padding-top:28px}.number{display:block;font-size:.7rem;letter-spacing:.12em;color:var(--accent);font-weight:700;margin-bottom:35px}.feature-grid p{color:var(--muted);font-size:.94rem}.feature-grid a,.text-link{font-weight:650;font-size:.85rem;text-decoration:none}.architecture{background:var(--dark);color:#f0f6fc;padding:75px 0}.architecture .eyebrow{color:#52d7e8}.architecture-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.architecture h2{font-size:2.6rem}.architecture p:not(.eyebrow){color:#a1b5c6}.architecture a{color:#52d7e8}.flow{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:0;margin:0}.flow li{border:1px solid #22394b;border-radius:6px;padding:22px;background:#0c1a27}.flow span{display:block;color:#52d7e8;font-size:.7rem;margin-bottom:12px}.flow strong{display:block;font-size:1rem}.flow small{display:block;color:#a1b5c6;font-size:.72rem}.card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.guide-card{display:block;position:relative;border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:28px 28px 50px;text-decoration:none;transition:transform .2s,box-shadow .2s}.guide-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.guide-card h3{font-size:1.45rem;margin-top:16px}.guide-card p{color:var(--muted);font-size:.9rem;margin-bottom:5px}.arrow{position:absolute;right:25px;bottom:18px;font-size:1.4rem}.cta{background:var(--accent-soft);color:var(--ink);display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:46px;padding-bottom:46px;margin-bottom:90px;border-radius:8px}.cta h2{margin-bottom:15px}.cta p{margin-bottom:0}.cta .eyebrow{margin-bottom:15px;color:var(--accent)}.cta .primary{color:#fff;background:#086b87;border-color:#086b87;flex-shrink:0}footer{border-top:1px solid var(--line);padding:50px max(40px,calc((100vw - 1200px)/2)) 25px;background:var(--surface)}.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;gap:40px;margin-bottom:45px;align-items:start}.footer-top p{font-size:.85rem;color:var(--muted)}.footer-top>div{display:grid;gap:9px;font-size:.8rem}.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-top:25px;border-top:1px solid var(--line);font-size:.7rem;color:var(--muted)}.page-intro{padding-top:75px;padding-bottom:55px}.page-intro h1{max-width:1000px}.page-intro .lead{max-width:700px}.prose-wide{max-width:950px;padding-bottom:70px}.prose-wide section{margin-bottom:55px}.prose-wide h2{font-size:2rem}.detailed{padding-top:10px;padding-bottom:50px}.detailed h2{font-size:1.7rem}.detailed article{margin-bottom:25px}.detailed .number{margin-bottom:15px}.note{background:var(--surface);border-left:3px solid var(--accent);padding:20px 25px;font-size:.87rem;color:var(--muted);margin:25px 0}.gallery{padding-bottom:75px}figure{margin:0 0 40px}.shot{display:block;border-radius:8px;overflow:hidden;border:1px solid var(--line);background:#0c1a27;box-shadow:var(--shadow)}.shot img{width:100%}.gallery>figure .shot img{max-height:700px;object-fit:cover;object-position:top}.gallery-pair{display:grid;grid-template-columns:1fr 1fr;gap:28px}.gallery-pair .shot img{aspect-ratio:1.35;object-fit:cover;object-position:top}figcaption{font-size:.85rem;padding:20px 0;display:grid;gap:7px}figcaption strong{font-size:1.1rem}figcaption span{color:var(--muted)}figcaption a{font-size:.75rem}.filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:30px}.filter{border:1px solid var(--line);border-radius:30px;background:transparent;padding:8px 20px;font-size:.85rem}.filter[aria-pressed=true]{background:var(--ink);color:var(--bg);border-color:var(--ink)}.guide-section{padding-top:0}.guide-section .small{margin-top:35px}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:75px;padding-bottom:80px}.guide-sidebar{position:sticky;top:120px;align-self:start}.guide-sidebar nav{display:grid;gap:15px;align-items:start}.guide-sidebar nav a{font-size:.8rem;color:var(--muted)}.guide-sidebar .text-link{display:block;margin-top:30px}.prose{max-width:780px;min-width:0}.prose section{margin-bottom:55px}.prose h2{font-size:1.85rem;line-height:1.25}.prose h3{font-size:1.3rem}.prose p,.prose li{color:var(--muted)}.prose strong{color:var(--ink)}code{font-family:Consolas,"Courier New",monospace;font-size:.86em;overflow-wrap:anywhere}p code,li code{background:var(--surface);padding:2px 5px;border:1px solid var(--line);border-radius:4px}.code{position:relative;background:#08131e;color:#dbe8f2;border-radius:7px;overflow:hidden;margin:25px 0}.code>span{display:block;font-size:.65rem;color:#a1b5c6;border-bottom:1px solid #345166;padding:10px 20px}.code pre{padding:20px;margin:0;overflow-x:auto;line-height:1.8;font-size:.84rem;tab-size:2}.code pre code{overflow-wrap:normal}.copy{position:absolute;right:12px;top:6px;font-size:.65rem;background:transparent;color:#dbe8f2;border:1px solid #345166;border-radius:4px;padding:2px 10px}.steps{padding-left:24px}.steps li{padding:0 0 17px 9px}.steps li::marker{color:var(--accent);font-weight:700}.source{border-top:1px solid var(--line);padding-top:20px;font-size:.85rem}.next-guide{padding:30px 0;border-top:1px solid var(--line);display:grid;gap:10px}.next-guide .eyebrow{margin:0}.next-guide a{font-size:1.2rem;font-weight:650}.help-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:75px;padding-bottom:80px}.support-card{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:7px;align-self:start;position:sticky;top:115px}.support-card h2{font-size:1.7rem}.support-card p{font-size:.9rem;color:var(--muted)}.support-card .button{font-size:.8rem;padding:10px 15px;display:flex}.support-card .text-link{display:block;margin-top:20px}.support-card .note{padding:15px;font-size:.75rem;background:var(--bg);margin-bottom:0}.faq details{border-top:1px solid var(--line);padding:20px 0}.faq details:last-child{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650;line-height:1.5}details p{margin:15px 0 0;font-size:.9rem}dialog{background:var(--bg);color:var(--ink);border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow);padding:25px;max-width:min(680px,calc(100vw - 30px));width:100%;max-height:85vh}dialog::backdrop{background:#081d20bb;backdrop-filter:blur(4px)}.dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:20px}.dialog-bar h2{font-size:1.65rem;margin:0}.dialog-bar p{margin:0}.dialog-bar button{border:1px solid var(--line);background:transparent;font-size:1.5rem;width:35px;height:35px;border-radius:5px;line-height:1}.dialog-bar+label{font-size:.8rem}#site-search{display:block;width:100%;background:var(--surface);color:var(--ink);border:1px solid var(--line);padding:12px;margin:10px 0 20px;border-radius:4px}#search-results a{display:block;padding:15px 0;border-top:1px solid var(--line);text-decoration:none}#search-results small{display:block;color:var(--muted)}#image-dialog{max-width:min(1300px,95vw);width:auto}#large-image{width:auto;max-height:70vh;object-fit:contain}.skip{position:fixed;top:-80px;left:20px;z-index:99;background:var(--ink);color:var(--bg);padding:10px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.hero h1 em{font-size:.86em}
@media(min-width:1500px){.hero{padding-top:100px;padding-bottom:85px}.hero h1{font-size:5.8rem}}
@media(max-width:1100px){.header-inner{gap:20px}header nav{gap:16px}.github{display:none}.hero-grid{gap:30px}.hero h1{font-size:4.2rem}.hero .eyebrow{max-width:290px}.architecture-grid{gap:50px}.article-layout{gap:45px}.help-layout{gap:40px;grid-template-columns:minmax(0,1fr) 280px}}
@media(max-width:800px){header nav{display:none;position:absolute;top:88px;left:0;right:0;padding:25px 30px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:start;gap:22px}header nav.open{display:flex}.mobile{display:block;margin-left:auto;font-size:.8rem;background:transparent;border:1px solid var(--line);padding:6px 12px;border-radius:4px}.header-inner{gap:10px}.tools kbd{display:none}.tools{gap:6px}.brand{font-size:1.3rem}.brand img{width:30px;height:30px}.wrap{padding-left:25px;padding-right:25px}.hero{padding-top:50px}.hero-grid{grid-template-columns:1fr;gap:35px}.hero .eyebrow{max-width:none}.hero h1{font-size:clamp(3.4rem,9vw,5.5rem)}.hero-visual{transform:none}.hero-visual img{aspect-ratio:1.65;object-position:top}.stack-strip .wrap{flex-wrap:wrap;justify-content:center;gap:12px 18px}.stack-strip .wrap>span:first-child{width:100%;text-align:center}.section{padding-top:55px;padding-bottom:55px}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:25px}.section-heading>a{display:block;margin-top:20px}.feature-grid{gap:25px}.feature-grid h3{font-size:1.35rem}.architecture-grid{grid-template-columns:1fr;gap:30px}.architecture h2{font-size:2.2rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cta{margin-left:25px;margin-right:25px;margin-bottom:60px;display:block}.cta .button{margin-top:25px}.footer-top{grid-template-columns:1fr 1fr}.footer-top>div{grid-column:1/-1}.footer-bottom{flex-wrap:wrap}.article-layout{grid-template-columns:1fr;gap:35px}.guide-sidebar{position:static;border-bottom:1px solid var(--line);padding-bottom:25px}.guide-sidebar nav{display:flex;flex-wrap:wrap;gap:10px 20px}.guide-sidebar .eyebrow{margin-bottom:15px}.help-layout{grid-template-columns:1fr;gap:25px}.support-card{position:static}.page-intro{padding-top:50px;padding-bottom:35px}.gallery-pair{grid-template-columns:1fr}.detailed{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:520px){.header-inner{padding:12px 18px;min-height:76px}header nav{top:76px}.tools button{font-size:.78rem}#theme{font-size:1.1rem}.brand img{display:none}.brand{font-size:1.23rem}.feature-grid,.card-grid,.detailed{grid-template-columns:1fr}.feature-grid{gap:35px}.feature-grid h3{font-size:1.7rem}.number{margin-bottom:20px}.flow{gap:10px}.flow li{padding:16px}.flow strong{font-size:.9rem}.flow small{font-size:.7rem}.hero .lead{font-size:1rem}.hero h1{font-size:3.45rem}.button{padding:12px 16px;gap:14px}.hero .actions{gap:3px}.hero-visual img{aspect-ratio:1.22}.stack-strip strong{font-size:.67rem}.stack-strip .wrap{gap:10px}.footer-top{grid-template-columns:1fr;gap:20px;margin-bottom:25px}.footer-top p{margin:0}footer{padding:35px 25px 20px}.footer-bottom{display:grid;gap:12px}.page-intro h1{font-size:2.8rem}.lead{font-size:1rem}.code pre{font-size:.72rem;padding:17px}.gallery{padding-bottom:35px}.guide-card{padding:24px 24px 45px}.hero .eyebrow{font-size:.56rem}.filters{gap:7px}.filter{padding:7px 13px;font-size:.78rem}}
@media(max-width:520px){.hero h1{font-size:2.9rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

/* Shared Blockinator primary action colors from app/static/interface.css. */
.button.primary{background:#086b87;border-color:#086b87;color:#fff}.button.primary:hover{background:#075b73;border-color:#075b73;color:#fff}.architecture .text-link:hover{color:#f0f6fc}.hero h1 em{color:var(--accent)}