:root{--bg:#0c1119;--panel:#131b26;--panel2:#192330;--line:#273340;--text:#f4f6f6;--muted:#96a6b3;--mint:#b7f4c9;--teal:#65cba9;--gold:#f1d9a2}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.shell{display:flex;min-height:100vh}.sidebar{position:sticky;top:0;width:248px;min-width:248px;height:100vh;padding:28px 17px;border-right:1px solid var(--line);display:flex;flex-direction:column;background:#101720}.brand{display:flex;gap:12px;align-items:center;font-size:22px;font-weight:650;letter-spacing:.04em;padding:5px 10px 42px}.brand .mark{font-size:38px;color:var(--mint)}.brand small{display:block;color:var(--muted);font-size:10px;letter-spacing:.1em;font-weight:400}.side-label,.eyebrow{font-size:10px;letter-spacing:.19em;font-weight:750;color:var(--teal)}.side-label{padding:0 13px 14px;color:#788997}.sidebar nav{display:grid;gap:7px}.nav{width:100%;display:flex;gap:14px;align-items:center;text-align:left;padding:12px 15px;background:none;border:1px solid transparent;border-radius:10px;color:#aab7c2;font-size:14px}.nav.active,.nav:hover{background:#20312f;border-color:#315149;color:var(--mint)}.sidebar-bottom{margin-top:auto}.small-card{background:#1b252d;border:1px solid #2b3b3f;border-radius:12px;padding:18px;margin-bottom:22px}.small-card p{font-size:13px;margin:9px 0 0;color:#d5e2e4}.sidebar-bottom>small{color:#748491;padding:0 12px}main{min-width:0;flex:1;max-width:1600px}.topbar{height:78px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.breadcrumb{font-size:10px;letter-spacing:.15em;font-weight:700;color:#7e929e}.breadcrumb span{margin-left:12px;color:#d7e5e8}.top-actions{display:flex;align-items:center;gap:20px}.demo-pill{font-size:12px;color:var(--mint)}.btn{border:1px solid transparent;border-radius:8px;padding:11px 18px;font-weight:700;font-size:13px;display:inline-flex;align-items:center;justify-content:center;gap:15px;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--mint);color:#0a241a}.btn-outline,.btn-ghost{border-color:#3a4a55;background:transparent;color:#e5f0ee}.btn-ghost{border-color:#43534d}.btn-small{padding:7px 12px;background:#b7f4c9;color:#0b271a}.wide{width:100%}.view{display:none;padding:35px 5% 40px}.view.active{display:block}.hero{background:radial-gradient(circle at 83% 45%,#24463e 0%,#15242b 40%,#14202b 65%,#111a25 100%);border:1px solid #2a3b40;border-radius:18px;min-height:378px;display:flex;position:relative;overflow:hidden}.hero-content{padding:45px 5%;width:70%;z-index:2}.tag{display:inline-block;color:var(--mint);background:#263d37;border:1px solid #3d5a4b;border-radius:100px;padding:7px 12px;font-size:10px;font-weight:750;letter-spacing:.13em}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(32px,4.4vw,57px);letter-spacing:-.055em;line-height:1.09;margin:20px 0}h1 em{font-style:normal;color:var(--mint)}.hero p{max-width:540px;color:#b2c0c8;font-size:15px}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.hero-foot{display:flex;flex-wrap:wrap;gap:18px;margin-top:33px;font-size:11px;color:#aac5bc}.hero-art{position:absolute;right:0;top:0;width:36%;height:100%;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #4b826d;border-radius:50%;width:270px;height:270px;opacity:.35}.orbit-two{width:370px;height:370px;opacity:.15}.hive-symbol{font-size:170px;line-height:1;color:#aaf0be;text-shadow:0 0 65px #2bbf86;transform:rotate(-10deg)}.float-chip{position:absolute;padding:7px 12px;background:#213b37;border:1px solid #4a7563;border-radius:6px;color:#d6f9e3;font-size:10px;letter-spacing:.1em}.chip-one{top:20%;left:4%}.chip-two{bottom:19%;left:3%}.chip-three{right:6%;top:48%}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:15px;margin:37px 0 17px}.section-heading h2{margin:6px 0 0;font-size:23px;letter-spacing:-.035em}.text-link{border:0;background:none;color:var(--mint);font-weight:650}.category-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.category{border:1px solid var(--line);background:var(--panel);border-radius:12px;text-align:left;padding:20px;min-height:143px;transition:.2s}.category:hover,.tool-card:hover,.workshop-card:hover{border-color:#5b9e81;transform:translateY(-2px)}.cat-icon{display:block;font-size:25px;color:var(--mint);margin-bottom:17px}.category strong{display:block;font-size:14px}.category small{display:block;color:var(--muted);margin-top:4px;font-size:11px}.workshop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.workshop-card,.tool-card{border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:20px;text-align:left;transition:.2s}.workshop-card{min-height:245px;display:flex;flex-direction:column}.workshop-icon{font-size:28px;color:var(--mint);margin-bottom:20px}.workshop-card h3{font-size:17px;margin:0 0 8px}.workshop-card p,.tool-card p{font-size:12px;color:var(--muted);margin:0}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:20px;color:var(--mint);font-size:11px}.banner{margin-top:38px;border:1px solid #38594c;background:linear-gradient(110deg,#203d35,#142a2d);border-radius:14px;padding:27px 30px;display:flex;align-items:center;justify-content:space-between;gap:20px}.banner h2{margin:6px 0;font-size:22px}.banner p{margin:0;color:#b3c7bf;font-size:13px}.page-heading{margin:12px 0 30px}.page-heading h1{font-size:40px;margin:10px 0}.page-heading p{color:var(--muted);max-width:620px}.filterbar{display:flex;gap:12px}.search{display:flex;align-items:center;gap:12px;flex:1;border:1px solid var(--line);background:var(--panel);border-radius:9px;padding:0 15px}.search span{font-size:23px;color:var(--mint)}.search input{border:0;outline:none;background:none;color:white;width:100%;padding:14px 0}.filterbar select{background:var(--panel);color:var(--text);border:1px solid var(--line);border-radius:9px;padding:0 14px;max-width:200px}.result-meta{display:flex;justify-content:space-between;color:#8297a3;font-size:11px;margin:22px 0 12px}.tool-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.tool-card{display:flex;flex-direction:column;gap:10px;min-height:180px}.tool-card h3{font-size:16px;margin:0}.tool-card .tool-type{font-size:10px;color:var(--mint);text-transform:uppercase;letter-spacing:.1em}.tool-card .card-bottom{padding-top:5px}.empty{color:var(--muted);padding:25px}.pricing-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:center;min-height:570px}.pricing-layout p{color:var(--muted);max-width:560px}.benefits{display:grid;gap:13px;margin-top:30px;color:#d4e6de;font-size:13px}.price-card{padding:30px;border:1px solid #54725f;border-radius:16px;background:linear-gradient(145deg,#23382f,#18262b)}.price{font-size:62px;font-weight:800;letter-spacing:-.06em;margin:25px 0 8px}.price span{font-size:16px;font-weight:400;color:var(--muted);letter-spacing:0}.price-card p{margin-bottom:30px}.price-card small{display:block;color:#a6b6b1;font-size:11px;margin-top:17px}footer{display:flex;justify-content:space-between;gap:15px;color:#6f8290;border-top:1px solid var(--line);font-size:11px;padding:24px 5%}.mobilebrand{display:none}.modal-backdrop{position:fixed;inset:0;background:#02070bcc;z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal-backdrop[hidden]{display:none}.modal{width:min(760px,100%);max-height:90vh;overflow:auto;background:#18222e;border:1px solid #527261;border-radius:16px;padding:28px;box-shadow:0 25px 90px #0008}.modal-head{display:flex;justify-content:space-between}.close{background:transparent;color:#fff;border:0;font-size:23px}.modal h2{font-size:28px;margin:10px 0}.modal p{color:#bdcbd2}.modal-meta{display:flex;gap:8px;flex-wrap:wrap}.modal-meta span{background:#263a3b;border:1px solid #3e5653;padding:5px 9px;border-radius:20px;color:#c4e8d6;font-size:11px}.modal h3{margin-top:25px;font-size:15px}.modal ol{color:#c5d1d8;padding-left:22px;font-size:13px}.modal li{margin-bottom:6px}.code-head{display:flex;justify-content:space-between;align-items:center;margin-top:22px;margin-bottom:9px}.modal pre{background:#0d151e;border:1px solid #34434a;border-radius:10px;padding:20px;white-space:pre-wrap;overflow-wrap:anywhere;font:12px/1.65 ui-monospace,SFMono-Regular,Consolas,monospace;color:#d7e8e4;max-height:320px;overflow:auto}.modal-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:15px}.modal-foot span{font-size:11px;color:var(--muted)}.toast{position:fixed;bottom:20px;right:20px;background:var(--mint);color:#123123;padding:12px 18px;border-radius:8px;z-index:30;opacity:0;pointer-events:none;transition:opacity .2s}.toast.show{opacity:1}@media(max-width:1050px){.sidebar{width:205px;min-width:205px}.category-grid{grid-template-columns:repeat(2,1fr)}.workshop-grid,.tool-grid{grid-template-columns:repeat(2,1fr)}.hero-content{width:78%}.hero-art{opacity:.55}}@media(max-width:680px){.shell{display:block}.sidebar{position:static;width:100%;min-width:0;height:auto;padding:10px 14px;border-right:0;border-bottom:1px solid var(--line)}.brand,.side-label,.sidebar-bottom{display:none}.sidebar nav{display:flex;overflow:auto;gap:5px}.nav{flex:0 0 auto;width:auto;padding:9px 11px;font-size:12px}.nav span{white-space:nowrap}.topbar{height:55px;padding:0 5%}.breadcrumb{display:none}.mobilebrand{display:block;color:var(--mint);font-weight:800}.top-actions{gap:8px}.top-actions .btn{display:none}.view{padding:20px 5%}.hero{min-height:400px}.hero-content{width:100%;padding:30px 22px}.hero-art{opacity:.16;width:100%;pointer-events:none}.hero h1{font-size:38px}.hero-foot{gap:10px}.category-grid,.workshop-grid,.tool-grid,.pricing-layout{grid-template-columns:1fr 1fr}.category{padding:15px;min-height:130px}.workshop-grid,.tool-grid{grid-template-columns:1fr}.banner{flex-direction:column;align-items:flex-start}.filterbar{flex-direction:column}.filterbar select{max-width:none;padding:12px}.result-meta span:last-child{display:none}.pricing-layout{grid-template-columns:1fr;gap:15px}.modal{padding:18px}.modal-foot{flex-direction:column;align-items:start}footer{flex-direction:column}}