:root{--ink:#10192b;--muted:#647084;--line:#e4e9f2;--soft:#f5f7fb;--blue:#3477fa;--blue2:#7eaaff;--navy:#091225;--green:#0c9768;--amber:#df8c29;--radius:16px;--shadow:0 16px 45px rgba(18,42,77,.065)}
    *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #9dc1ff;outline-offset:3px}svg{display:block}::selection{background:#b9d0ff}
    .wrap{max-width:1392px;margin:0 auto;padding:0 36px}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.95);backdrop-filter:blur(18px);border-bottom:1px solid rgba(211,220,234,.75)}.header-row{height:74px;display:flex;align-items:center;justify-content:space-between;gap:32px}.logo{display:flex;align-items:center;gap:9px;white-space:nowrap}.mark{position:relative;display:grid;grid-template-columns:repeat(2,7px);grid-template-rows:repeat(2,7px);gap:4px;transform:rotate(-18deg)}.mark i{width:7px;height:7px;border-radius:2px;background:#3477fa}.mark i:nth-child(2){opacity:.48}.mark i:nth-child(3){opacity:.76}.mark i:nth-child(4){background:#91baff}.wordmark{font-size:26px;letter-spacing:-1.45px;font-weight:810}.wordmark span{color:#3979f5}.header-nav{display:flex;align-items:center;gap:32px;margin-left:auto}.header-nav a{font-size:14px;font-weight:620;color:#566277;transition:color .18s}.header-nav a:hover{color:var(--blue)}.nav-actions{display:flex;align-items:center;gap:10px}.btn{border:1px solid transparent;border-radius:10px;font-size:14px;line-height:1.2;font-weight:720;display:inline-flex;align-items:center;justify-content:center;gap:9px;padding:12px 18px;transition:.16s ease;white-space:nowrap}.btn svg{width:17px;height:17px}.btn-dark{background:var(--navy);color:white}.btn-dark:hover{background:#1a2b48;transform:translateY(-1px)}.btn-blue{background:var(--blue);color:#fff;box-shadow:0 10px 24px rgba(50,118,246,.19)}.btn-blue:hover{background:#235fd7;transform:translateY(-1px)}.btn-white{background:#fff;color:#152033}.btn-white:hover{background:#e8f1ff}.btn-outline{border-color:#dfe6f1;background:#fff;color:#17243b}.btn-outline:hover{border-color:#9bbcff;background:#f7faff}.btn-ghost{background:transparent;color:#607083}.btn-ghost:hover{background:#edf2fa;color:#17243b}.btn-sm{font-size:12px;padding:9px 11px;border-radius:8px}.mobile-menu{display:none;border:0;background:transparent;padding:8px}
    .hero{background:radial-gradient(ellipse at 78% 43%,rgba(52,115,237,.25),transparent 43%),radial-gradient(ellipse at 35% 100%,rgba(22,68,154,.17),transparent 44%),#0a1223;color:white;overflow:hidden;position:relative}.hero:before{content:"";position:absolute;inset:0;opacity:.30;background-image:linear-gradient(rgba(141,170,231,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(141,170,231,.09) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to right,transparent 24%,black)}.hero-grid{min-height:548px;position:relative;display:grid;grid-template-columns:1.07fr .93fr;gap:32px;align-items:center}.hero-content{padding:76px 0 86px;z-index:1}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#add0ff;font-size:11px;font-weight:800;letter-spacing:2.15px}.eyebrow:before{content:"";width:7px;height:7px;background:#74aaff;border-radius:50%;box-shadow:0 0 16px #65a1ff}.hero h1{font-size:clamp(47px,5.1vw,74px);line-height:1.075;max-width:720px;letter-spacing:-3.5px;margin:26px 0 23px;font-weight:800}.hero h1 em{font-style:normal;background:linear-gradient(110deg,#c8ddff,#6da4ff);color:transparent;background-clip:text}.hero p{color:#aebcd3;font-size:18px;line-height:1.65;max-width:495px;margin:0}.hero-actions{display:flex;align-items:center;gap:12px;margin:32px 0}.hero-chips{display:flex;gap:24px;flex-wrap:wrap;margin-top:47px}.hero-chip{display:flex;align-items:center;gap:9px;color:#94a8c8;font-size:12px;font-weight:650}.hero-chip svg{width:17px;height:17px;color:#71a8ff}.hero-art{height:465px;position:relative;align-self:center;isolation:isolate}.orbit{position:absolute;left:50%;top:49%;border-radius:50%;border:1px solid rgba(107,154,236,.16);transform:translate(-50%,-50%)}.orbit.one{width:275px;height:275px}.orbit.two{width:420px;height:420px}.orbit.three{width:555px;height:555px;opacity:.48}.orbit:after{content:"";position:absolute;top:12%;left:16%;height:5px;width:5px;border-radius:50%;background:#80b9ff;box-shadow:0 0 17px 3px #4b8afe}.core{position:absolute;top:49%;left:50%;transform:translate(-50%,-50%);width:205px;height:205px;border-radius:34px;background:linear-gradient(160deg,rgba(63,116,213,.18),rgba(17,43,85,.68));border:1px solid rgba(110,165,251,.33);box-shadow:0 0 110px rgba(42,113,227,.2),inset 0 0 50px rgba(60,121,240,.08);display:flex;align-items:center;justify-content:center}.core:before{content:"";position:absolute;inset:13px;border:1px dashed rgba(104,153,227,.25);border-radius:23px}.core svg{width:104px;height:104px;filter:drop-shadow(0 0 20px rgba(104,157,255,.3))}.diagram-node{position:absolute;display:flex;gap:11px;align-items:center;min-width:165px;border:1px solid rgba(113,161,239,.27);border-radius:14px;padding:13px 15px;background:rgba(14,27,54,.88);box-shadow:0 15px 38px rgba(0,0,0,.18);backdrop-filter:blur(14px)}.diagram-node svg{width:24px;height:24px;color:#8ab4ff}.diagram-node strong{display:block;font-size:12px}.diagram-node small{font-size:10px;color:#7890b9}.n1{left:3%;top:12%}.n2{right:0;top:12%}.n3{left:0;bottom:16%}.n4{right:0;bottom:16%}.diagram-badge{position:absolute;bottom:5%;left:50%;transform:translateX(-50%);color:#8baddc;letter-spacing:2px;font-size:9px;font-weight:750;white-space:nowrap}.hero-line{position:absolute;top:50%;left:50%;width:320px;height:1px;background:linear-gradient(90deg,transparent,#4678d4,transparent);transform:translate(-50%,-50%) rotate(-28deg);z-index:-1}.hero-line.l2{transform:translate(-50%,-50%) rotate(29deg)}
    .search-stage{position:relative;margin-top:-38px;z-index:5}.search-shell{background:#fff;border:1px solid #e6ebf3;border-radius:16px;box-shadow:0 19px 55px rgba(14,31,61,.13);display:flex;align-items:center;min-height:82px;gap:16px;padding:14px 16px 14px 22px}.search-shell>svg{width:22px;height:22px;color:#7390bd;flex-shrink:0}.search-shell input{border:0;flex:1;min-width:0;font-size:16px;color:var(--ink)}.search-shell input::placeholder{color:#9da8ba}.shortcut{font-size:11px;color:#8290a5;border:1px solid #e1e7ef;padding:6px 8px;border-radius:6px;background:#f7f8fb}.search-label{font-size:12px;color:#6e7c91;display:block;text-align:center;margin-top:15px}.search-label strong{color:#253c61}
    .section{padding:104px 0 20px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:35px}.overline{display:block;color:#3679e5;font-size:11px;font-weight:820;letter-spacing:1.8px;margin-bottom:13px}.section h2{font-size:clamp(29px,3.3vw,43px);line-height:1.14;letter-spacing:-1.7px;margin:0 0 12px;font-weight:810}.section-head p{max-width:615px;color:#718095;line-height:1.6;margin:0;font-size:15px}.count-label{font-size:12px;color:#718095;font-weight:650;white-space:nowrap}
    .catalog-layout{display:grid;grid-template-columns:238px minmax(0,1fr);gap:30px}.sidebar{position:sticky;top:96px;align-self:start}.side-heading{font-size:10px;letter-spacing:1.6px;text-transform:uppercase;color:#98a3b5;font-weight:800;margin:13px 0 14px 13px}.cat-list{display:grid;gap:3px}.category-btn{display:flex;align-items:center;gap:11px;background:transparent;border:1px solid transparent;width:100%;padding:12px 11px;border-radius:9px;color:#5b677c;text-align:left;font-size:13px;font-weight:650;transition:.15s}.category-btn:hover{background:#f4f7fc;color:#1b3b70}.category-btn.active{background:#eaf2ff;border-color:#dbeaff;color:#1a5fce}.category-btn svg{width:18px;height:18px}.category-btn .cat-ct{margin-left:auto;font-size:11px;opacity:.64}.side-note{padding:17px 15px;background:#f7f9fc;border:1px solid #e8edf4;border-radius:12px;margin-top:27px}.side-note svg{width:19px;height:19px;color:var(--blue)}.side-note strong{font-size:13px;display:block;margin:8px 0 5px}.side-note p{font-size:12px;line-height:1.55;color:#758095;margin:0}.catalog-main{min-width:0}.toolbar{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;gap:14px;flex-wrap:wrap}.filter-tabs{display:flex;gap:6px;flex-wrap:wrap}.filter-tab{font-size:12px;font-weight:720;padding:9px 14px;border:1px solid #e5ebf3;border-radius:7px;color:#718096;background:#fff}.filter-tab.active{background:var(--navy);color:#fff;border-color:var(--navy)}.sort-wrap{display:flex;align-items:center;gap:9px;font-size:12px;color:#7c8a9b}.sort-wrap select{border:1px solid #e3e9f2;padding:9px 13px;background:white;color:#22304b;border-radius:8px;font-size:12px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.part-card{position:relative;background:#fff;border:1px solid #e4eaf3;border-radius:13px;padding:19px 17px 14px;min-height:226px;display:flex;flex-direction:column;transition:.18s ease}.part-card:hover{border-color:#a8c3ec;box-shadow:0 14px 33px rgba(30,55,102,.08);transform:translateY(-2px)}.card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.part-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:11px;background:#e8effe;color:#3276ed;flex-shrink:0}.part-icon svg{width:21px;height:21px}.part-icon.violet{background:#f0eaff;color:#8054ed}.part-icon.green{background:#e3f7ed;color:#0f9e6a}.part-icon.orange{background:#fff1e1;color:#c87720}.part-icon.pink{background:#fce8ed;color:#d35078}.card-top .type{font-size:10px;color:#8896a7;white-space:nowrap}.part-card h3{font-size:15px;letter-spacing:-.3px;margin:18px 0 6px}.part-card .description{color:#738095;font-size:12px;line-height:1.53;margin:0 0 15px;min-height:38px}.card-tags{display:flex;gap:5px;flex-wrap:wrap;margin-bottom:16px}.mini-tag{font-size:10px;background:#f1f4f9;color:#667790;padding:5px 7px;border-radius:5px;font-weight:600}.card-footer{display:flex;align-items:center;justify-content:space-between;gap:7px;border-top:1px solid #eef1f6;margin-top:auto;padding-top:13px}.text-action{font-size:12px;font-weight:760;color:#3375e7;border:none;background:transparent;padding:5px 0;display:flex;align-items:center;gap:5px}.text-action:hover{color:#154fb4}.text-action svg{width:14px;height:14px}.tiny-add{font-size:11px;border:1px solid #dce5f2;border-radius:7px;background:#fff;color:#536682;font-weight:700;padding:7px 10px;display:flex;align-items:center;gap:4px}.tiny-add:hover{background:#eaf2ff;border-color:#b7cff2;color:#1b62cd}.tiny-add.selected{background:#e9f9f1;border-color:#b9e7cf;color:#188359}.empty-state{text-align:center;padding:80px 20px;border:1px dashed #dbe4ef;border-radius:16px;color:#768396}.empty-state svg{width:34px;height:34px;margin:0 auto 17px}.empty-state strong{color:#1e2b40;display:block;margin-bottom:9px}.catalog-bottom{display:flex;align-items:center;justify-content:center;padding-top:28px}.catalog-bottom .btn{min-width:200px}
    .banner-strip{margin:102px 0 0;background:#f4f8ff;border:1px solid #e0eaff;border-radius:19px;padding:32px 38px;display:grid;grid-template-columns:1fr auto;gap:25px;align-items:center}.banner-strip .overline{margin-bottom:8px}.banner-strip h3{margin:0 0 7px;font-size:22px;letter-spacing:-.75px}.banner-strip p{margin:0;color:#748199;font-size:13px;line-height:1.6;max-width:615px}
    .build-section{padding-top:112px;padding-bottom:48px}.builder-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(340px,.73fr);gap:24px}.workspace{border:1px solid #e2e8f2;background:#fff;border-radius:17px;overflow:hidden}.workspace-top{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid #e9edf4;gap:12px}.workspace-top h3{font-size:16px;margin:0;letter-spacing:-.3px}.workspace-top p{font-size:12px;margin:4px 0 0;color:#75849a}.work-status{color:#1b8e60;background:#e9f8ef;border:1px solid #d7eddf;padding:6px 9px;border-radius:6px;font-size:10px;font-weight:750;white-space:nowrap}.workspace-body{padding:24px}.templates{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:25px}.template-btn{display:flex;align-items:center;gap:7px;border:1px solid #e2e8f2;background:#fff;border-radius:9px;font-size:12px;color:#4c607a;padding:10px 13px;font-weight:700}.template-btn:hover{border-color:#9bbefa;background:#f4f8ff}.template-btn.active{background:#eaf2ff;border-color:#91b9fc;color:#1d60c8}.template-btn svg{width:16px;height:16px}.field-label{display:block;color:#65758c;font-size:11px;font-weight:760;letter-spacing:.5px;text-transform:uppercase;margin-bottom:9px}.goal-input{width:100%;border:1px solid #dde6f1;border-radius:10px;padding:13px 14px;font-size:13px;margin-bottom:25px;outline:none}.goal-input:focus{border-color:#7eaeff;box-shadow:0 0 0 3px #e8f1ff}.slot-list{display:grid;gap:10px}.slot{display:flex;align-items:center;gap:13px;padding:14px;border:1px solid #e1e8f2;border-radius:11px;background:#fff;min-width:0}.slot-icon{width:36px;height:36px;border-radius:9px;background:#eef3fc;color:#4781ed;display:grid;place-items:center;flex-shrink:0}.slot-icon svg{width:20px;height:20px}.slot-name{font-size:10px;font-weight:760;color:#8a97a9;letter-spacing:.5px;text-transform:uppercase}.slot-desc{font-size:13px;font-weight:730;margin-top:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot-main{flex:1;min-width:0}.slot-buttons{display:flex;gap:3px;align-items:center}.icon-btn{width:31px;height:31px;display:grid;place-items:center;border:1px solid #e2e8f0;border-radius:7px;background:#fff;color:#61728e}.icon-btn:hover{background:#eef5ff;color:#2668d5}.icon-btn svg{width:15px;height:15px}.support-list{margin-top:24px}.support-list h4{font-size:12px;margin:0 0 10px}.support-items{display:flex;flex-wrap:wrap;gap:8px}.support-pill{display:flex;align-items:center;gap:8px;border:1px solid #dfebfa;background:#f3f8ff;border-radius:20px;padding:7px 9px 7px 12px;font-size:11px;font-weight:690;color:#345a93}.support-pill button{border:none;background:transparent;color:#6986a7;padding:0}.support-pill svg{width:13px;height:13px}.support-empty{color:#8994a4;font-size:12px}.builder-aside{border-radius:17px;background:#0c1528;color:#fff;padding:28px;align-self:stretch;position:relative;overflow:hidden}.builder-aside:before{content:"";position:absolute;right:-45px;top:-75px;width:270px;height:270px;border-radius:50%;background:radial-gradient(circle,rgba(55,103,227,.3),transparent 70%);pointer-events:none}.aside-top{display:flex;align-items:center;justify-content:space-between;position:relative}.aside-kicker{font-size:10px;letter-spacing:1.55px;font-weight:800;color:#85b2ff}.version{color:#8fa5c9;font-size:11px;background:rgba(128,158,214,.09);border:1px solid rgba(126,160,227,.17);border-radius:6px;padding:6px 9px}.builder-aside h3{font-size:25px;letter-spacing:-1px;margin:26px 0 11px;position:relative}.aside-description{font-size:13px;color:#9dacc7;line-height:1.65;margin:0 0 25px}.manifest{border:1px solid #253657;border-radius:11px;background:#080f1e;padding:19px 15px 19px 19px;overflow-x:auto}.manifest pre{margin:0;color:#acbfde;font-size:11px;line-height:1.9;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,"SFMono-Regular",Consolas,monospace}.manifest .code-key{color:#80aeff}.manifest .code-val{color:#8cddba}.manifest .code-muted{color:#6a7e9e}.checks{display:grid;gap:12px;margin:22px 0 24px}.check{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.42;color:#a9bad2}.check svg{width:16px;height:16px;flex-shrink:0;color:#61dca7}.check.warning svg{color:#f2be69}.aside-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.aside-actions .btn{padding:12px 8px}.aside-foot{color:#7787a0;font-size:10px;line-height:1.55;margin-top:18px}
    .steps-section{padding-bottom:100px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.step{border:1px solid #e4eaf2;background:#fff;border-radius:14px;padding:27px 23px}.step-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px}.step-num{color:#a4b0c1;font-size:12px;font-weight:820}.step-icon{height:48px;width:48px;display:grid;place-items:center;background:#eaf2ff;border-radius:12px;color:#3978ee}.step-icon svg{width:25px;height:25px}.step h3{font-size:17px;margin:0 0 9px;letter-spacing:-.5px}.step p{color:#79879b;font-size:13px;line-height:1.65;margin:0}.equipment-strip{background:#101b2e;color:#fff;border-radius:20px;display:grid;grid-template-columns:1fr .8fr;gap:24px;padding:36px 43px;align-items:center;margin-bottom:95px;overflow:hidden;position:relative}.equipment-strip:after{content:"";position:absolute;right:-80px;top:-120px;width:400px;height:400px;border-radius:50%;border:1px solid rgba(255,180,83,.16);box-shadow:0 0 0 50px rgba(255,180,83,.028),0 0 0 110px rgba(255,180,83,.028)}.equipment-strip h2{font-size:29px;letter-spacing:-1.3px;margin:8px 0 10px}.equipment-strip p{max-width:540px;color:#a8b5c9;font-size:14px;line-height:1.65;margin:0 0 21px}.equipment-strip .tag{color:#ffba70;font-size:11px;letter-spacing:1.7px;font-weight:800}.equipment-visual{display:flex;justify-content:center;gap:15px;position:relative;z-index:1}.equipment-device{width:92px;height:115px;display:grid;place-items:center;background:linear-gradient(145deg,#263955,#111f35);border:1px solid rgba(165,188,224,.18);border-radius:15px;transform:perspective(300px) rotateY(-11deg)}.equipment-device svg{width:40px;height:40px;color:#f7b06d}.equipment-device:nth-child(2){transform:translateY(-15px) perspective(300px) rotateY(6deg)}.equipment-device:nth-child(3){transform:perspective(300px) rotateY(12deg)}
    .site-footer{border-top:1px solid #e7edf5;padding:36px 0 42px}.footer-row{display:flex;align-items:flex-start;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-row p{font-size:12px;color:#8c98a9;margin:10px 0}.footer-links{display:flex;gap:21px;flex-wrap:wrap}.footer-links a{color:#718096;font-size:12px;font-weight:640}.footer-links a:hover{color:var(--blue)}
    .modal{border:1px solid #dce5f2;border-radius:18px;padding:0;width:min(600px,calc(100vw - 30px));max-height:min(88vh,850px);overflow:auto;box-shadow:0 28px 100px rgba(0,0,0,.28)}.modal::backdrop{background:rgba(8,18,36,.55);backdrop-filter:blur(5px)}.modal-inner{padding:28px}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:19px}.modal-title{font-size:27px;letter-spacing:-1px;margin:11px 0 4px}.modal-description{font-size:14px;color:#63718a;line-height:1.65;margin:15px 0 23px}.detail-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:20px 0}.detail-box{background:#f6f8fb;border:1px solid #ebeff6;border-radius:10px;padding:15px}.detail-box label{font-size:10px;letter-spacing:.8px;font-weight:750;color:#96a0b0;text-transform:uppercase;display:block;margin-bottom:9px}.detail-box span{font-size:13px;color:#243653;font-weight:700}.detail-note{color:#718099;font-size:12px;line-height:1.6;padding:15px;background:#f6f9ff;border-left:3px solid #80acfb;border-radius:6px}.modal-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:23px}.picker-search{width:100%;border:1px solid #dce6f1;border-radius:9px;padding:12px 13px;margin:12px 0}.picker-results{display:grid;gap:7px;max-height:320px;overflow:auto}.picker-item{display:flex;align-items:center;gap:12px;width:100%;border:1px solid #e4eaf3;border-radius:10px;padding:11px 12px;background:#fff;text-align:left}.picker-item:hover{border-color:#a1c1f5;background:#f5f9ff}.picker-item strong{display:block;font-size:13px}.picker-item small{font-size:11px;color:#758399}.picker-item svg{margin-left:auto;color:#5e83c7;width:15px;height:15px}.picker-empty{font-size:13px;color:#8391a7;padding:20px;text-align:center}.toast{position:fixed;bottom:26px;right:26px;z-index:70;background:#111e33;color:#fff;padding:13px 18px;border-radius:11px;font-size:13px;box-shadow:0 20px 65px rgba(9,22,47,.25);display:flex;align-items:center;gap:10px;opacity:0;transform:translateY(15px);pointer-events:none;transition:.2s}.toast.show{opacity:1;transform:translateY(0)}.toast svg{height:17px;width:17px;color:#78dfb0}
    @media(max-width:1150px){.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.n1{left:0}.n2{right:0}.diagram-node{min-width:138px}.hero h1{font-size:59px}.hero-art{transform:scale(.9)}.builder-grid{grid-template-columns:1fr 1fr}}
    @media(max-width:900px){.wrap{padding:0 24px}.header-nav{gap:18px}.hero-grid{grid-template-columns:1fr .75fr;gap:0}.hero h1{font-size:52px;letter-spacing:-2.4px}.hero-art{transform:scale(.72);transform-origin:center}.catalog-layout{grid-template-columns:200px minmax(0,1fr);gap:19px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.builder-grid{grid-template-columns:1fr}.steps-grid{grid-template-columns:repeat(2,1fr)}.equipment-strip{grid-template-columns:1fr .65fr}}
    @media(max-width:680px){.wrap{padding:0 17px}.header-row{height:66px}.wordmark{font-size:24px}.header-nav{display:none;position:absolute;left:0;top:65px;right:0;background:white;box-shadow:0 12px 25px rgba(0,0,0,.08);padding:20px;flex-direction:column;align-items:flex-start;gap:20px}.header-nav.open{display:flex}.nav-actions>.btn{display:none}.mobile-menu{display:block}.hero-grid{grid-template-columns:1fr;min-height:initial}.hero-content{padding:62px 0 30px}.hero h1{font-size:51px;line-height:1.08;margin-top:21px}.hero p{font-size:16px}.hero-chips{margin-top:30px;gap:14px}.hero-art{height:240px;transform:scale(.68);margin-top:-23px;margin-bottom:-30px}.search-stage{margin-top:-26px}.search-shell{min-height:70px;padding:11px 12px;gap:10px}.search-shell input{font-size:13px}.shortcut{display:none}.search-shell>.btn{padding:12px}.search-label{font-size:11px}.section{padding-top:75px}.section-head{display:block}.count-label{margin-top:20px;display:block}.catalog-layout{display:block}.sidebar{position:static;margin-bottom:19px}.side-heading{display:none}.cat-list{display:flex;overflow-x:auto;gap:7px;padding-bottom:8px;scrollbar-width:thin}.category-btn{white-space:nowrap;width:auto;border:1px solid #e2e8f2;padding:9px 12px;font-size:11px}.category-btn svg{width:15px;height:15px}.category-btn .cat-ct{display:none}.side-note{display:none}.cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.part-card{padding:15px 12px 12px;min-height:242px}.part-card h3{font-size:13px}.part-card .description{font-size:11px}.part-icon{width:34px;height:34px}.part-icon svg{width:18px;height:18px}.card-top .type{font-size:9px}.mini-tag{font-size:9px}.toolbar{align-items:flex-start}.sort-wrap{margin-left:auto}.banner-strip{margin-top:70px;padding:24px;grid-template-columns:1fr}.builder-grid{grid-template-columns:1fr}.workspace-body{padding:17px}.workspace-top{padding:18px}.builder-aside{padding:23px}.steps-grid{grid-template-columns:1fr 1fr;gap:9px}.step{padding:19px 15px}.step h3{font-size:15px}.step p{font-size:12px}.equipment-strip{padding:29px 23px;grid-template-columns:1fr}.equipment-visual{margin-top:15px}.footer-row{display:block}.footer-links{margin-top:22px}.modal-inner{padding:21px}}
    @media(max-width:390px){.cards{grid-template-columns:1fr}.part-card{min-height:190px}.hero h1{font-size:44px}.steps-grid{grid-template-columns:1fr}.aside-actions{grid-template-columns:1fr}.diagram-node{min-width:120px}}
    @media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Production accessibility, layout, and shared document styles. */
.detail-label { font-size: 10px; letter-spacing: .8px; font-weight: 750; color: #637087; text-transform: uppercase; display: block; margin-bottom: 9px; }
.picker-copy { flex: 1; }
.manifest { max-height: 400px; overflow: auto; }
.clipboard-fallback { position: fixed; left: -9999px; top: 0; opacity: 0; }
.empty-state { grid-column: 1 / -1; }
#clearFilters { margin-top: 16px; }
html { scroll-padding-top: 96px; }
[hidden] { display: none !important; }
.skip-link { position: fixed; left: 16px; top: -80px; padding: 12px 18px; background: #fff; color: #10192b; border: 2px solid #3477fa; border-radius: 8px; z-index: 100; }
.skip-link:focus { top: 12px; }
.search-shell:focus-within { border-color: #3477fa; box-shadow: 0 0 0 3px #c7dcff, 0 19px 55px rgba(14,31,61,.13); }
.search-shell input:focus-visible { outline: 0; }
#catalog:focus, #builder:focus, #top:focus { outline: none; }
.part-card .description, .section-head p, .step p, .banner-strip p { color: #5e6d82; }
.card-top .type { color: #647084; white-space: normal; text-align: right; }
.count-label, .search-label, .side-note p, .footer-links a, .footer-row p { color: #637087; }
.slot-name, .field-label, .detail-box label, .side-heading { color: #637087; }
.detail-box label { line-height: 1.4; }
.mini-tag { color: #53657d; }
.builder-aside .aside-foot { color: #a0b1ce; }
.hero-chip { color: #b3c3db; }
.diagram-node small { color: #a1b7d9; }
.text-action, .tiny-add { min-height: 36px; }
.icon-btn, .mobile-menu { min-height: 36px; }
.goal-input { min-width: 0; }
.toast { max-width: min(450px, calc(100vw - 34px)); }
.document { max-width: 820px; margin: 0 auto; padding: 72px 24px 96px; }
.document h1 { font-size: clamp(36px, 5vw, 54px); letter-spacing: -2px; line-height: 1.1; }
.document h2 { margin-top: 40px; font-size: 24px; letter-spacing: -.6px; }
.document p, .document li { color: #53647a; line-height: 1.8; }
.document a:not(.btn) { color: #2364cd; text-decoration: underline; text-underline-offset: 3px; }
.document code { overflow-wrap: anywhere; color: #273e64; font-size: .92em; }
.document .overline { margin-top: 0; }
.no-script { margin: 70px auto; max-width: 1000px; padding: 0 24px; }
.no-script ul { columns: 3; padding-left: 18px; line-height: 1.9; }
.no-script a { text-decoration: underline; }
@media (max-width: 1100px) and (min-width: 681px) { .header-nav { gap: 16px; } .header-row { gap: 20px; } .nav-actions > .btn { padding: 11px 12px; font-size: 12px; } .header-nav a { font-size: 12px; } }
@media (max-width: 760px) and (min-width: 681px) { .nav-actions > .btn { display: none; } }
@media (max-width: 680px) { .hero h1 { font-size: clamp(43px, 8vw, 54px); } .hero-art { pointer-events: none; } .section { scroll-margin-top: 12px; } .templates { gap: 7px; } .template-btn { padding: 11px; } .goal-input { font-size: 16px; } .no-script ul { columns: 2; } }
@media (max-width: 540px) { .cards { grid-template-columns: 1fr; gap: 12px; } .part-card { min-height: 210px; padding: 20px; } .part-card h3 { font-size: 17px; margin-top: 15px; } .part-card .description { font-size: 13px; min-height: 0; } .mini-tag { font-size: 11px; } .card-top .type { font-size: 11px; } .part-icon { width: 40px; height: 40px; } .text-action { font-size: 13px; } .tiny-add { padding: 9px 12px; font-size: 12px; } .icon-btn { width: 38px; height: 38px; } .category-btn { min-height: 40px; } .hero-actions { gap: 9px; } .hero-actions .btn { padding: 13px; } .hero-chips { font-size: 11px; gap: 13px; } .hero-chip { font-size: 11px; } .detail-meta { grid-template-columns: 1fr; } .toast { bottom: 17px; right: 17px; } .workspace-top { gap: 8px; } }

.svg-defs { display: none; }
.btn-dark-outline { background: transparent; color: #e6edfa; border-color: #354765; }
.btn-dark-outline:hover { background: #1a2b48; }