.boot-hero{padding:68px 0;background:radial-gradient(circle at 82% 18%,rgba(255,176,0,.12),transparent 31%),#060606;border-bottom:1px solid #201b0f}.hero-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:42px;align-items:center}.boot-hero h1{font-size:clamp(3rem,6vw,5.7rem);line-height:.92;letter-spacing:-.055em;margin:10px 0 16px}.boot-hero h1 span{color:#ffca44}.boot-hero p{color:#999}.tags{display:flex;gap:7px;flex-wrap:wrap;margin-top:20px}.tags span{font-size:.65rem;color:#85858a;border:1px solid #2b2b2d;background:#0a0a0a;border-radius:999px;padding:6px 9px}.hero-card{border:1px solid #302811;border-radius:17px;padding:18px;background:#090909}.viz-title{font-size:.67rem;color:#ffb000;font-weight:900;letter-spacing:.14em;margin-bottom:14px}.hero-flow{display:flex;align-items:center;gap:5px}.hero-flow div{flex:1;border:1px solid #333;border-radius:8px;padding:10px 4px;text-align:center;font-size:.61rem;font-weight:900}.hero-flow i{width:12px;height:2px;background:#5a4300}.hero-card p{font-size:.67rem;color:#777;border-top:1px solid #242018;padding-top:10px;margin-bottom:0}.boot-section{padding:76px 0}.boot-section.dark{background:#080808;border-block:1px solid #1b1b1c}.boot-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:7px}.boot-card{border:1px solid #29292b;border-radius:9px;background:#0d0d0e;color:#ddd;padding:11px;text-align:left}.boot-card.active,.boot-card:hover{border-color:#ffb000;background:#151005}.boot-card b,.boot-card span,.boot-card small{display:block}.boot-card b{color:#ffb000;font-size:.6rem}.boot-card span{font-weight:900;font-size:.7rem;margin-top:4px}.boot-card small{color:#777;font-size:.59rem;margin-top:3px}.boot-detail{margin-top:10px;border:1px solid #29292b;border-radius:10px;background:#0d0d0e;padding:12px}.boot-detail h3{margin:5px 0}.boot-detail p{color:#818186;font-size:.68rem}.sig-controls{display:flex;justify-content:flex-end;margin-bottom:10px}.sig-controls select{background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px;max-width:650px}.sig-layout{display:grid;grid-template-columns:1.35fr .65fr;border:1px solid #29292b;border-radius:14px;overflow:hidden;background:#0b0b0b}.sig-main{padding:16px}.sig-route{padding:16px;border-left:1px solid #29292b;background:linear-gradient(160deg,#111006,#090909)}.sig-head{display:flex;justify-content:space-between;gap:10px;border-bottom:1px solid #252219;padding-bottom:10px}.sig-head h3{margin:5px 0}.sig-head>span{border:1px solid #5a4300;color:#ffb000;border-radius:999px;padding:6px 8px;font-size:.6rem;font-weight:900}.sig-main>p{color:#85858a;font-size:.69rem}.curve-box{border:1px solid #29292b;border-radius:10px;background:#090909;padding:10px}.curve-box svg{width:100%}.curve-labels{display:grid;grid-template-columns:repeat(5,1fr);text-align:center;color:#69696e;font-size:.57rem}.route-step{display:grid;grid-template-columns:24px 1fr;gap:8px;border-bottom:1px solid #242424;padding:7px 0}.route-step b{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#ffb000;color:#160f00;font-size:.62rem}.route-step span{color:#aaa;font-size:.67rem}.note{margin-top:10px;border-left:3px solid #ffb000;background:#131007;padding:9px;color:#ad9b70;font-size:.66rem}.panic-layout{display:grid;grid-template-columns:1fr 1fr;gap:10px}.panic-input,.panic-result{border:1px solid #29292b;border-radius:12px;background:#0d0d0e;padding:14px}.panic-input label span{display:block;color:#777;font-size:.65rem;margin-bottom:4px}.panic-input textarea{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:10px}.sample-row{display:flex;gap:5px;flex-wrap:wrap;margin:7px 0}.sample-row button{border:1px solid #333;background:#090909;color:#aaa;border-radius:7px;padding:6px 8px;font-size:.61rem}.panic-input>button{width:100%;min-height:40px;border:0;border-radius:8px;background:#ffb000;color:#160f00;font-weight:900}.panic-result{color:#85858a;font-size:.7rem}.panic-result strong{color:#ffca44}.code-tools,.db-controls{display:grid;grid-template-columns:1fr auto;gap:8px;margin-bottom:10px;align-items:center}.code-tools input,.db-controls input{background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}.code-tools span,.db-controls span{color:#777;font-size:.67rem}.table-wrap{overflow-x:auto;border:1px solid #29292b;border-radius:11px}table{width:100%;border-collapse:collapse;min-width:1080px}th{background:#0d0c09;color:#ffb000;padding:9px;text-align:left;font-size:.62rem}td{padding:9px;border-top:1px solid #222;color:#aaa;font-size:.66rem}td:first-child,td:nth-child(4){color:#ffca44}.guard-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.guard-grid article{border:1px solid #29292b;border-radius:10px;background:#0d0d0e;padding:12px}.guard-grid span{color:#ffb000;font-size:.61rem;font-weight:900}.guard-grid h3{font-size:.84rem;margin:7px 0 4px}.guard-grid p{color:#777;font-size:.66rem;margin:0}.boot-next{padding:42px 0;background:#0c0904;border-top:1px solid #30260f}.next-inner{display:flex;justify-content:space-between;align-items:center;gap:24px}.next-inner h2{font-size:clamp(2rem,4vw,3.2rem);margin:7px 0}.next-inner p{color:#85858a}.next-inner a{text-decoration:none;border:1px solid #5a4300;color:#ffca44;border-radius:9px;padding:11px 14px;font-size:.72rem;font-weight:900}@media(max-width:1100px){.hero-grid,.sig-layout{grid-template-columns:1fr}.sig-route{border-left:0;border-top:1px solid #29292b}.boot-grid{grid-template-columns:repeat(3,1fr)}.guard-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:700px){.hero-flow,.boot-grid,.panic-layout,.guard-grid{grid-template-columns:1fr}.hero-flow{display:grid}.hero-flow i{width:2px;height:14px;justify-self:center}.sig-head{flex-direction:column}.next-inner{flex-direction:column;align-items:flex-start}}

.hero-flow-8{gap:3px}.hero-flow-8 div{font-size:.55rem;padding:9px 3px}.hero-flow-8 i{width:7px}
.eval-two{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.panic-input select,.panic-input input{width:100%;background:#050505;color:#eee;border:1px solid #303034;border-radius:8px;padding:9px}
@media(max-width:900px){.hero-flow-8{display:grid;grid-template-columns:1fr}.hero-flow-8 i{width:2px;height:10px;justify-self:center}}
@media(max-width:700px){.eval-two{grid-template-columns:1fr}}