:root{--ink:#e9f3ff;--muted:#91a4bb;--bg:#07111f;--panel:#0d1a2b;--panel2:#101f32;--line:#21344c;--mint:#4ee6c1;--amber:#f7b955;--blue:#68a7ff;--paper:#f5f4ed;--paper-ink:#151515}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.65}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(to bottom,black,transparent 70%)}a{color:inherit;text-decoration:none}button{font:inherit}.topbar{height:72px;display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);position:sticky;top:0;background:rgba(7,17,31,.9);backdrop-filter:blur(18px);z-index:20}.brand{display:flex;gap:11px;align-items:center;font-weight:800;letter-spacing:-.02em}.brand-mark{width:32px;height:32px;display:grid;place-items:center;border:1px solid var(--mint);border-radius:8px;color:var(--mint);font-family:"DM Mono",monospace}.brand-tag{font:500 .68rem "DM Mono";letter-spacing:.13em;color:var(--muted);border-left:1px solid var(--line);padding-left:12px}.topbar nav{display:flex;gap:30px;color:var(--muted);font-size:.9rem;font-weight:600}.topbar nav a:hover{color:var(--mint)}.menu-button,.mobile-nav{display:none}.hero{max-width:1200px;margin:auto;min-height:720px;padding:100px 24px 80px;display:grid;grid-template-columns:.9fr 1.1fr;gap:72px;align-items:center}.eyebrow,.kicker{font:500 .78rem "DM Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--mint)}.eyebrow span{display:inline-block;width:24px;height:1px;background:var(--mint);vertical-align:middle;margin-right:10px}.hero h1,.content-section h2{margin:20px 0 24px;line-height:1.04;letter-spacing:-.055em}.hero h1{font-size:clamp(3.6rem,6vw,6.1rem)}.hero h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1px var(--mint)}.hero-lead{font-size:1.13rem;color:#b4c3d4;max-width:570px}.hero-actions{display:flex;gap:12px;margin:34px 0 40px}.button{padding:13px 18px;border-radius:8px;font-weight:700;font-size:.92rem;border:1px solid var(--line)}.button.primary{background:var(--mint);border-color:var(--mint);color:#06101d}.button.primary span{margin-left:14px}.button.secondary:hover{border-color:var(--mint)}.hero-facts{display:flex;gap:28px;margin:0}.hero-facts div{padding-right:28px;border-right:1px solid var(--line)}.hero-facts div:last-child{border:0}.hero-facts dt{color:var(--muted);font-size:.75rem}.hero-facts dd{margin:2px 0 0;font-size:.84rem;font-weight:700}.editor-card{background:var(--panel);border:1px solid #29415c;border-radius:14px;overflow:hidden;box-shadow:0 32px 80px rgba(0,0,0,.35),0 0 0 1px rgba(78,230,193,.03);transform:perspective(1200px) rotateY(-2deg)}.window-bar{height:42px;display:flex;align-items:center;gap:7px;padding:0 14px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.window-bar span{width:9px;height:9px;border-radius:50%;background:#33445a}.window-bar span:first-child{background:#f07178}.window-bar span:nth-child(2){background:var(--amber)}.window-bar span:nth-child(3){background:var(--mint)}.window-bar b{font-weight:500;margin:auto}.editor-toolbar{height:44px;display:flex;gap:22px;align-items:center;padding:0 18px;border-bottom:1px solid var(--line);font-size:.75rem;color:var(--muted)}.editor-toolbar .active{color:var(--ink)}.editor-toolbar .status{margin-left:auto;color:var(--mint)}.editor-body{display:grid;grid-template-columns:1fr 1fr;min-height:390px}.code{margin:0;padding:24px 12px 24px 54px;border-right:1px solid var(--line);font:400 .74rem/2 "DM Mono",monospace;color:#62758c}.code code{padding-left:8px;color:var(--ink)}code b,pre b{color:var(--blue);font-weight:500}code span,pre span{color:var(--amber)}code strong,pre strong{color:#dce9f7;font-weight:400}code i,pre i{color:var(--mint);font-style:normal}.label-preview{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:24px;background:radial-gradient(circle at 50% 45%,#18304a,transparent 70%)}.label-paper{background:var(--paper);color:var(--paper-ink);width:100%;aspect-ratio:1.55;padding:11%;box-shadow:0 10px 35px rgba(0,0,0,.35)}.label-paper h3{font-size:1rem;margin:0 0 13%;font-weight:800}.barcode{height:30%;background:repeating-linear-gradient(90deg,#111 0 2px,transparent 2px 4px,#111 4px 5px,transparent 5px 8px)}.label-paper small{display:block;text-align:center;font:400 .55rem "DM Mono";letter-spacing:.12em}.rendered{font:400 .65rem "DM Mono";color:var(--mint);margin-top:14px}.content-section{max-width:1200px;margin:auto;padding:105px 24px;border-top:1px solid var(--line);position:relative}.section-number{position:absolute;top:112px;left:-28px;font:400 .72rem "DM Mono";color:#4a6078}.content-section h2{font-size:clamp(2.3rem,4vw,4rem);max-width:760px}.intro .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:60px}.steps article{background:var(--bg);padding:34px}.steps article>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid var(--line);border-radius:50%;font:500 .8rem "DM Mono";color:var(--mint)}.steps h3,.feature-grid h3{margin:30px 0 10px}.steps p,.feature-grid p,.section-copy>p,.print-copy>p{color:var(--muted)}.steps code{color:var(--amber);font-family:"DM Mono"}.split{display:grid;grid-template-columns:.72fr 1.28fr;gap:90px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.feature-grid article{padding:28px;background:var(--panel);border:1px solid var(--line);border-radius:10px}.feature-icon{font:500 1rem "DM Mono";color:var(--mint);display:block}.feature-grid h3{margin-top:42px}.reference .section-copy{display:flex;align-items:end;justify-content:space-between;gap:40px}.reference .section-copy p:last-child{max-width:420px}.anatomy{display:grid;grid-template-columns:1.25fr .75fr;gap:24px;margin-top:55px}.code-panel{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#091522}.panel-title{height:48px;padding:0 18px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);font:400 .75rem "DM Mono";color:var(--muted)}.copy-button{background:none;border:1px solid var(--line);color:var(--ink);border-radius:6px;padding:5px 10px;cursor:pointer}.copy-button:hover{border-color:var(--mint)}pre{margin:0;padding:34px;overflow:auto;font:400 .9rem/2.15 "DM Mono",monospace}.explanations{display:flex;flex-direction:column}.explanations div{padding:11px 0 18px;border-bottom:1px solid var(--line)}.explanations code{font:500 .8rem "DM Mono";color:var(--mint)}.explanations p{color:var(--muted);margin:5px 0 0;font-size:.9rem}.command-table{border:1px solid var(--line);margin-top:50px}.table-row{display:grid;grid-template-columns:.5fr 1.35fr 1fr;gap:20px;padding:18px 22px;border-bottom:1px solid var(--line);align-items:center}.table-row:last-child{border:0}.table-head{color:var(--muted);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;background:var(--panel)}.table-row code{font-family:"DM Mono";color:var(--mint)}.table-row code:last-child{color:var(--amber)}.print-section{display:grid;grid-template-columns:1fr 1fr;gap:100px}.checklist{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.checklist li{display:flex;gap:18px;padding:18px 0;border-bottom:1px solid var(--line)}.checklist li>span{color:var(--mint)}.checklist b,.checklist small{display:block}.checklist small{color:var(--muted);margin-top:2px}footer{max-width:1200px;margin:auto;border-top:1px solid var(--line);padding:32px 24px 48px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:.8rem}footer .brand{color:var(--ink)}footer>a:last-child:hover{color:var(--mint)}
@media(max-width:900px){.topbar nav{display:none}.menu-button{display:block;background:none;border:1px solid var(--line);border-radius:7px;padding:7px 11px;color:var(--ink)}.mobile-nav{position:fixed;top:72px;inset-inline:0;background:var(--panel);padding:18px 24px;z-index:19;border-bottom:1px solid var(--line);flex-direction:column;gap:12px}.mobile-nav:not([hidden]){display:flex}.hero{grid-template-columns:1fr;padding-top:70px;gap:45px}.editor-card{transform:none}.split,.print-section{grid-template-columns:1fr;gap:50px}.reference .section-copy{display:block}.anatomy{grid-template-columns:1fr}.section-number{display:none}}
@media(max-width:620px){.brand-tag{display:none}.hero{padding-top:54px;min-height:auto}.hero h1{font-size:3.05rem}.hero-actions{flex-direction:column;align-items:stretch;text-align:center}.hero-facts{display:grid;grid-template-columns:1fr 1fr;gap:14px}.hero-facts div{border:0;padding:0}.editor-body{grid-template-columns:1fr}.code{border-right:0;border-bottom:1px solid var(--line)}.intro .steps,.feature-grid{grid-template-columns:1fr}.content-section{padding-block:78px}.table-row{grid-template-columns:.55fr 1.45fr}.table-row span:last-child,.table-row code:last-child{display:none}.anatomy pre{font-size:.74rem;padding:24px 18px}.label-preview{min-height:270px}footer{align-items:flex-start;gap:26px;flex-direction:column}footer p{margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}