.hw-page .film .sec .hero-cta,.hw-page .film .heroblock{pointer-events:auto}.hw-page .film .sec.hero.center{text-align:center;padding:calc(var(--nav-h) + 8vh) clamp(22px, 7vw, 110px) 0;justify-content:flex-start;align-items:center}.hw-page .film .sec.hero.center .heroblock{flex-direction:column;align-items:center;max-width:900px;display:flex}.hw-page .film .sec.hero.center h1{font-size:clamp(64px,10vw,112px)}.hw-page .film .sec.hero.center .tag{max-width:22em}.hw-page .film .sec.hero.center .hero-cta{justify-content:center}.hw-page .film .sec.top .lead{margin-left:auto;margin-right:auto}@media (max-width:760px){.hw-page .film .sec.hero.center{padding:calc(var(--nav-h) + 4vh) 22px 0;justify-content:flex-start}.hw-page .film .sec.hero.center h1{font-size:clamp(56px,17vw,80px)}}.hw-page .box-tag{opacity:0;pointer-events:none;will-change:transform, opacity;text-align:center;position:absolute;top:0;left:0}.hw-page .box-tag b{font:600 15px/1.2 var(--display);letter-spacing:-.01em;color:var(--ink);white-space:nowrap;display:block}.hw-page .box-tag span{font:500 12px/1.3 var(--sans);color:var(--ink2);white-space:nowrap;margin-top:3px;display:block}@media (max-width:760px){.hw-page .box-tag span{display:none}.hw-page .box-tag b{font-size:13px}}.hw-page .ic{background:#ffefe5;border-radius:16px;flex:none;place-items:center;width:56px;height:56px;display:grid}.hw-page .ic svg{width:28px;height:28px;stroke:var(--orange-ink);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round}.hw-page .family{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.hw-page .fcard{background:var(--tile);border-radius:var(--radius);flex-direction:column;display:flex;overflow:hidden}.hw-page .fcard .media{aspect-ratio:4/3}.hw-page .media.contain,.hw-sheet .media.contain{background:#eeeff4}.hw-page .media.contain>img,.hw-sheet .media.contain>img{object-fit:contain;padding:0}.hw-page .hw-hero .media{background:#f0f1f6}.hw-page .fbody{flex-direction:column;flex:1;padding:24px 24px 28px;display:flex}.hw-page .fname{font:600 clamp(22px, 2vw, 28px) / 1.1 var(--display);letter-spacing:-.025em}.hw-page .ftag{font:600 12px/1 var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--orange-ink);margin-bottom:10px}.hw-page .fline{color:var(--ink2);margin-top:10px;font-size:15px;font-weight:400;line-height:1.4}.hw-page .fline b{font:600 20px/1.25 var(--display);letter-spacing:-.02em;color:var(--ink);margin-bottom:4px;display:block}.hw-page .fbest{color:var(--ink2);border-top:1px solid #ebebef;margin-top:16px;padding-top:16px;font-size:14px}.hw-page .fbest b{color:var(--ink);margin-top:2px;font-weight:600;display:block}.hw-page .checks{gap:10px;margin-top:16px;padding:0;list-style:none;display:grid}.hw-page .checks li,.hw-page .pcard .fix{gap:10px;font-size:15px;line-height:1.4;display:flex}.hw-page .checks li:before,.hw-page .pcard .fix:before,.hw-page .cmp .yes{content:"";background:#ffefe5 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2.2 5.2l1.9 1.9L7.9 3' fill='none' stroke='%23FF6A00' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") 50%/11px no-repeat;border-radius:50%;flex:none;width:18px;height:18px;margin-top:1px}.hw-page .factions{flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:auto;padding-top:24px;display:flex}.hw-page .btn-sm,.hw-sheet .btn-sm{padding:10px 18px;font-size:14px}@media (max-width:1100px){.hw-page .family{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.hw-page .family{grid-template-columns:1fr}}.hw-page .layer{margin-top:clamp(64px,9vh,96px)}.hw-page .formula{text-align:center;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:0 12px;display:grid}.hw-page .term b{font:600 clamp(22px, 2.2vw, 28px) / 1.1 var(--display);letter-spacing:-.025em;display:block}.hw-page .term span{color:var(--ink2);max-width:16em;margin:8px auto 0;font-size:15px;display:block}.hw-page .formula .plus{font:300 clamp(28px, 2.6vw, 36px) / .9 var(--sans);color:var(--orange);font-style:normal}.hw-page .layer-lines{width:100%;height:90px;margin-top:18px;display:block;overflow:visible}.hw-page .layer-lines path{fill:none;stroke:var(--line);stroke-width:1.5px;stroke-dasharray:1;stroke-dashoffset:1px;transition:stroke-dashoffset 1.2s var(--ease) .3s}.hw-page .layer.in .layer-lines path{stroke-dashoffset:0}.hw-page .layer-lines .flow{stroke:var(--orange);stroke-width:2.5px;stroke-dasharray:.035 .1;opacity:0;transition:opacity .6s 1.3s;animation:2.4s linear infinite omni-layerflow}.hw-page .layer.in .layer-lines .flow{opacity:1}@keyframes omni-layerflow{to{stroke-dashoffset:-.135px}}.hw-page .layer-bar{background:var(--ink);color:var(--d-ink);border-radius:var(--radius);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding:clamp(26px,3.4vw,40px);display:flex}.hw-page .layer-bar .label{color:var(--orange-soft);margin:0;font-size:15px}.hw-page .layer-bar h3{font:600 clamp(24px, 2.8vw, 28px) / 1.1 var(--display);letter-spacing:-.03em;margin-top:6px}.hw-page .layer-bar p{color:var(--d-ink2);margin-top:8px}.hw-page .layer-bar .link{color:var(--orange-soft);font-size:16px}@media (max-width:860px){.hw-page .formula{grid-template-columns:1fr 1fr;gap:28px 16px}.hw-page .formula .plus,.hw-page .layer-lines{display:none}.hw-page .layer-bar{margin-top:36px}}@media (prefers-reduced-motion:reduce){.hw-page .layer-lines .flow{animation:none}}.hw-page .inside-stage{aspect-ratio:16/9;border-radius:var(--radius);touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none;background:radial-gradient(120% 95% at 50% 18%,#fff 0%,#f1f1f4 55%,#e3e3e9 100%);margin-top:clamp(40px,6vh,64px);position:relative;overflow:hidden}.hw-page .inside-stage:active{cursor:grabbing}.hw-page .inside-canvas{width:100%;height:100%;transition:opacity .22s;display:block;position:absolute;inset:0}.hw-page .inside-stage.swap .inside-canvas,.hw-page .inside-stage.swap .pchip{opacity:0!important}.hw-page .pchip{opacity:0;pointer-events:none;will-change:transform, opacity;position:absolute;top:0;left:0}.hw-page .pchip .in{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-left:2px solid var(--orange);background:#ffffffe6;border-radius:12px;padding:8px 12px;box-shadow:0 6px 20px #0000001a}.hw-page .pchip.flip .in{border-left:0;border-right:2px solid var(--orange);text-align:right}.hw-page .pchip b{font:600 13px/1.3 var(--sans);white-space:nowrap;display:block}.hw-page .pchip span{font:400 12px/1.4 var(--sans);color:var(--ink2);width:max-content;max-width:210px;display:block}.hw-page .inside-toggle{cursor:pointer;color:#fff;font:500 14px/1 var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1d1fdb;border:0;border-radius:980px;padding:11px 18px}.hw-page .inside-toggle:hover{background:var(--ink)}.hw-page .inside-hint{font:500 12px/1 var(--sans);color:var(--ink3);pointer-events:none;position:absolute;bottom:24px;left:20px}.hw-page .inside-fallback{display:none;position:absolute;inset:0}.hw-page .inside-stage.no-gl .inside-fallback{display:block}.hw-page .inside-stage.no-gl .inside-canvas,.hw-page .inside-stage.no-gl .pchip,.hw-page .inside-stage.no-gl .stage-actions,.hw-page .inside-stage.no-gl .inside-hint,.hw-page .inside-stage.no-gl .view-seg,.hw-page .inside-stage.no-gl .flow-key{display:none}.hw-page .inside-fallback .media{aspect-ratio:auto;position:absolute;inset:0}.hw-page #inside{--sense:#0a84ff}.hw-page .view-seg{z-index:3;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1d1d1f12;border-radius:980px;gap:2px;padding:3px;display:flex;position:absolute;top:16px;left:50%;transform:translate(-50%)}.hw-page .view-seg button{font:500 14px/1 var(--sans);color:var(--ink);cursor:pointer;white-space:nowrap;background:0 0;border:0;border-radius:980px;padding:9px 16px}.hw-page .view-seg button[aria-pressed=true]{background:#fff;box-shadow:0 2px 8px #0000001a}.hw-page .flow-key{font:500 12px/1 var(--sans);color:var(--ink2);pointer-events:none;flex-wrap:wrap;gap:8px 16px;display:flex;position:absolute;bottom:22px;left:20px}.hw-page .flow-key span{align-items:center;gap:7px;display:inline-flex}.hw-page .flow-key span:before{content:"";background:var(--sense);border-radius:2px;width:18px;height:3px}.hw-page .flow-key .k-out:before{background:var(--orange)}.hw-page .pchip[data-dir=in] .in,.hw-page .pchip[data-dir=air] .in{border-color:var(--sense)}.hw-page .stage-actions{z-index:3;align-items:center;gap:8px;display:flex;position:absolute;bottom:18px;right:18px}.hw-page .label-toggle{cursor:pointer;color:var(--ink);font:500 14px/1 var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffe6;border:0;border-radius:980px;align-items:center;gap:8px;padding:8px 14px 8px 8px;display:inline-flex;box-shadow:0 2px 10px #00000014}.hw-page .label-toggle i{background:var(--line);border-radius:9px;flex:none;width:30px;height:18px;transition:background .2s;position:relative}.hw-page .label-toggle i:after{content:"";width:14px;height:14px;transition:transform .2s var(--ease);background:#fff;border-radius:50%;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #0003}.hw-page .label-toggle[aria-pressed=true] i{background:var(--orange-btn)}.hw-page .label-toggle[aria-pressed=true] i:after{transform:translate(12px)}@media (max-width:760px){.hw-page .inside-stage{aspect-ratio:4/5}.hw-page .pchip span{display:none}.hw-page .pchip b{white-space:normal;max-width:calc(50vw - 76px)}.hw-page .inside-hint{display:none}.hw-page .stage-actions{bottom:12px;right:12px}.hw-page .label-toggle,.hw-page .inside-toggle{font-size:13px}.hw-page .view-seg{top:12px}.hw-page .view-seg button{padding:8px 12px;font-size:13px}.hw-page .flow-key{flex-direction:column;align-items:flex-start;bottom:18px;left:16px}}.hw-page #problem .head{max-width:1000px}.hw-page .fuse{border-radius:var(--radius);background:var(--tile);height:480px;margin-top:clamp(40px,6vh,64px);position:relative;overflow:hidden}.hw-page .fuse-cap{font:600 14px/1 var(--sans);color:var(--ink3);transition:opacity .45s var(--ease);position:absolute;top:24px;left:28px}.hw-page .fuse-cap.after{opacity:0;color:var(--orange-ink)}.hw-page .fuse.done .fuse-cap.before{opacity:0}.hw-page .fuse.done .fuse-cap.after{opacity:1}.hw-page .sig{z-index:2;background:var(--bg);white-space:nowrap;font:600 15px/1.2 var(--sans);color:var(--ink);will-change:transform;border-radius:14px;align-items:center;gap:9px;padding:10px 14px 10px 12px;transition:background .35s,color .35s;display:inline-flex;position:absolute;top:0;left:0}.hw-page .sig i{background:var(--ink3);border-radius:50%;flex:none;width:8px;height:8px;transition:background .35s}.hw-page .sig em{font:500 12px/1 var(--sans);color:var(--ink3);font-style:normal;transition:color .35s}.hw-page .sig.docked{background:var(--d-tile2);color:var(--d-ink)}.hw-page .sig.docked i{background:var(--orange)}.hw-page .sig.docked em{color:#8e8e93}.hw-page .fuse-card{z-index:1;opacity:0;background:var(--ink);width:min(620px,100% - 32px);height:fit-content;color:var(--d-ink);border-radius:24px;margin:auto;padding:22px 24px 24px;position:absolute;inset:0;box-shadow:0 30px 70px #0000002e}.hw-page .fc-head{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hw-page .fc-head b{font:600 17px/1.2 var(--display)}.hw-page .fc-head small{font:500 13px/1.2 var(--sans);color:#8e8e93;margin-left:auto}.hw-page .fc-live{background:var(--orange);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #ff6a0040}.hw-page .fc-slots{flex-wrap:wrap;gap:8px;margin-top:18px;display:flex}.hw-page .slot{flex:none;display:block}.hw-page .fc-act{border-top:1px solid var(--d-line);font:600 clamp(17px, 1.6vw, 20px) / 1.35 var(--display);letter-spacing:-.01em;margin-top:18px;padding-top:16px}.hw-page .fc-act span{color:var(--orange-soft)}.hw-page .pcards{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.hw-page .pcard{background:var(--tile);border-radius:var(--radius);flex-direction:column;padding:28px 26px 30px;display:flex}.hw-page .pcard .n{font:600 14px/1 var(--sans);color:var(--orange-ink)}.hw-page .pcard h3{font:600 clamp(20px, 1.8vw, 22px) / 1.2 var(--display);letter-spacing:-.02em;margin-top:14px}.hw-page .pcard p{color:var(--ink2);flex:1;margin-top:10px;font-size:15px}.hw-page .pcard .fix{color:var(--ink);border-top:1px solid #ebebef;flex:none;margin-top:20px;padding-top:18px;font-weight:500}.hw-page .principle{text-align:center;max-width:1000px;margin:clamp(80px,12vh,140px) auto 0}.hw-page .principle p{font:600 clamp(32px, 4.2vw, 58px) / 1.1 var(--display);letter-spacing:-.035em}.hw-page .principle span{color:var(--orange-ink)}.hw-page .stats.three{grid-template-columns:repeat(3,minmax(0,1fr));max-width:1000px;margin-left:auto;margin-right:auto}.hw-page .stats.three .stat{text-align:center}.hw-page .stats.three .stat p{margin-left:auto;margin-right:auto}@media (max-width:1100px){.hw-page .pcards{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:760px){.hw-page .fuse{height:640px}.hw-page .fuse-cap{font-size:13px;top:20px;left:20px}.hw-page .sig{padding:9px 12px 9px 10px;font-size:14px}.hw-page .fuse-card{padding:18px}.hw-page .fc-head small{flex-basis:100%;margin-left:0}.hw-page .stats.three{grid-template-columns:1fr;gap:44px}}@media (max-width:620px){.hw-page .pcards{grid-template-columns:1fr}}.hw-page .cmp-wrap{-webkit-overflow-scrolling:touch;margin-top:56px;overflow-x:auto}.hw-page .cmp{border-collapse:collapse;table-layout:fixed;width:100%;min-width:780px}.hw-page .cmp th,.hw-page .cmp td{text-align:left;vertical-align:top;border-bottom:1px solid var(--line);padding:18px 14px;font-size:15px;line-height:1.45}.hw-page .cmp thead th{vertical-align:bottom;border-bottom:0;padding-bottom:22px}.hw-page .cmp thead .media{aspect-ratio:1;border-radius:18px;margin-bottom:14px}.hw-page .cmp thead b{font:600 19px/1.2 var(--display);letter-spacing:-.015em;display:block}.hw-page .cmp thead span{font:500 13px/1.3 var(--sans);color:var(--ink2);margin-top:3px;display:block}.hw-page .cmp tbody th{font:600 13px/1.4 var(--sans);color:var(--ink3);width:160px}.hw-page .cmp .yes{vertical-align:-4px;background-size:12px;width:20px;height:20px;margin-top:0;margin-right:6px;display:inline-block}.hw-page .cmp .no{color:var(--ink3)}.hw-page .cmp th:first-child{background:inherit;z-index:1;position:sticky;left:0}.hw-page .white .cmp tbody th,.hw-page .white .cmp thead th:first-child{background:#fff}.hw-page .where{grid-template-columns:repeat(12,minmax(0,1fr));gap:16px;margin-top:56px;display:grid}.hw-page .wtile{border-radius:var(--radius);background:var(--d-tile);grid-column:span 4;min-height:340px;position:relative;overflow:hidden}.hw-page .wtile.wide{grid-column:span 8}.hw-page .wtile .media{aspect-ratio:auto;background:var(--d-tile);position:absolute;inset:0}.hw-page .wtile:after{content:"";pointer-events:none;z-index:1;background:linear-gradient(#0000 38%,#000000db 100%);position:absolute;inset:0}.hw-page .wt{z-index:2;padding:24px 26px;position:absolute;bottom:0;left:0;right:0}.hw-page .wt h3{font:600 clamp(22px, 2vw, 28px) / 1.15 var(--display);letter-spacing:-.02em;color:#fff}.hw-page .wt p{color:#c7c7cc;max-width:32em;margin-top:6px;font-size:15px}.hw-page .mpills{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.hw-page .mpills span{font:600 12px/1 var(--sans);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;background:#ffffff29;border-radius:980px;padding:7px 10px}@media (max-width:860px){.hw-page .wtile,.hw-page .wtile.wide{grid-column:span 12;min-height:300px}}.hw-page .steps.four{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width:1000px){.hw-page .steps.four{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.hw-page .steps.four{grid-template-columns:1fr}}.hw-page .shape{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px 24px;margin-top:20px;display:flex}.hw-page .tile .link{margin-top:18px;font-size:16px;display:inline-block}.hw-page .bento>.span-12{grid-column:1/-1}.hw-sheet .sspecs{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 32px;margin-top:22px;display:grid}.hw-sheet .sspecs dt{font:600 15px/1.3 var(--sans)}.hw-sheet .sspecs dd{color:var(--ink2);margin-top:3px;font-size:15px}.hw-sheet .connects{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:22px;padding:0;list-style:none;display:grid}.hw-sheet .connects li{background:var(--bg);border-radius:14px;padding:14px 16px;font-size:15px;font-weight:500}.hw-sheet .media.contain{aspect-ratio:16/9}.hw-sheet .conn-link{margin-top:16px;padding:0;font-size:16px;display:inline-block}.hw-sheet .steps{counter-reset:s;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:22px;padding:0;list-style:none;display:grid}.hw-sheet .steps li{background:var(--bg);counter-increment:s;border-radius:24px;padding:22px 20px 24px}.hw-sheet .steps li:before{content:counter(s);width:30px;height:30px;font:600 14px/1 var(--sans);color:var(--orange-ink);background:#fff;border-radius:50%;place-items:center;margin-bottom:22px;display:grid}.hw-sheet .steps b{font:600 17px/1.2 var(--display);letter-spacing:-.015em;display:block}.hw-sheet .steps span{color:var(--ink2);margin-top:6px;font-size:14px;display:block}@media (max-width:760px){.hw-sheet .sspecs{grid-template-columns:1fr}.hw-sheet .connects,.hw-sheet .steps{grid-template-columns:1fr 1fr}}.hw-page .builder{grid-template-columns:minmax(0,1fr) minmax(0,1.08fr);align-items:start;gap:24px;margin-top:56px;display:grid}.hw-page .b-steps{gap:14px;min-width:0;display:grid}.hw-page .b-step{background:var(--bg);border:0;border-radius:24px;min-width:0;margin:0;padding:24px;transition:opacity .3s}.hw-page .b-step[disabled]{opacity:.45}.hw-page .b-step legend{float:left;width:100%;font:600 20px/1.25 var(--display);letter-spacing:-.015em;align-items:center;gap:10px;margin-bottom:16px;padding:0;display:flex}.hw-page .b-step legend small{font:500 13px/1 var(--sans);letter-spacing:0;color:var(--ink3);white-space:nowrap;margin-left:auto}.hw-page .b-n{background:var(--ink);color:#fff;width:26px;height:26px;font:600 13px/1 var(--sans);border-radius:50%;flex:none;place-items:center;display:inline-grid}.hw-page .b-opts{clear:both;flex-wrap:wrap;gap:8px;display:flex}.hw-page .b-opt{cursor:pointer;color:var(--ink);text-align:left;font:500 15px/1.2 var(--sans);box-shadow:inset 0 0 0 1px var(--line);background:#fff;border:0;border-radius:980px;align-items:center;gap:8px;padding:9px 14px 9px 10px;transition:box-shadow .2s,background .2s,transform .15s;display:inline-flex}.hw-page .b-opt svg{width:20px;height:20px;stroke:var(--ink2);stroke-width:1.8px;fill:none;stroke-linecap:round;stroke-linejoin:round;flex:none}.hw-page .b-opt:hover{box-shadow:inset 0 0 0 1px var(--ink3)}.hw-page .b-opt:active{transform:scale(.97)}.hw-page .b-opt[aria-pressed=true],.hw-page .b-opt[aria-checked=true]{box-shadow:inset 0 0 0 2px var(--orange);background:#fff3eb}.hw-page .b-opt[aria-pressed=true] svg,.hw-page .b-opt[aria-checked=true] svg{stroke:var(--orange-ink)}.hw-page .b-step[disabled] .b-opt{cursor:default}.hw-page .b-opts.big{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.hw-page .b-opts.big .b-opt{border-radius:18px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px 16px}.hw-page .b-opts.big .b-opt svg{width:26px;height:26px}.hw-page .b-opts.big .b-opt>span>b{font:600 16px/1.25 var(--display);display:block}.hw-page .b-opts.big .b-opt>span>span{font:400 13px/1.35 var(--sans);color:var(--ink2);margin-top:3px;display:block}.hw-page .b-empty{clear:both;color:var(--ink3);font-size:14px}.hw-page .b-step:not([disabled]) .b-empty{display:none}.hw-page .b-result{top:calc(var(--nav-h) + 20px);min-width:0;position:sticky}.hw-page .b-panel{background:var(--ink);color:var(--d-ink);border-radius:var(--radius);padding:clamp(24px,3vw,36px)}.hw-page .b-top{justify-content:space-between;align-items:center;gap:12px;display:flex}.hw-page .b-panel .label{color:var(--orange-soft);margin:0;font-size:15px}.hw-page .b-panel .link{color:var(--orange-soft);padding:0;font-size:15px}.hw-page .b-panel h3{font:600 clamp(26px, 3vw, 32px) / 1.1 var(--display);letter-spacing:-.03em;margin-top:6px}.hw-page .b-panel .btn-secondary{color:var(--orange-soft);box-shadow:inset 0 0 0 1.5px var(--orange-soft)}.hw-page .b-panel .btn-secondary:hover{background:var(--orange-soft);color:var(--ink)}.hw-page .b-diagram{margin-top:18px}.hw-page .hub{grid-template-columns:minmax(0,1fr) 128px minmax(0,1fr);align-items:center;gap:34px;padding:16px 0;display:grid;position:relative}.hw-page .hub+.hub{border-top:1px solid var(--d-line)}.hw-page .hub-wires{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hw-page .hub-wires path{fill:none;stroke-width:1.6px;stroke-dasharray:5 5;animation:1s linear infinite omni-bflow}.hw-page .hub-wires .w-in{stroke:#0a84ff}.hw-page .hub-wires .w-out{stroke:var(--orange-soft);animation-direction:reverse}.hw-page .hub-wires .w-ghost{stroke:#48484a;animation:none}@keyframes omni-bflow{to{stroke-dashoffset:-20px}}.hw-page .hub-col{z-index:1;flex-direction:column;gap:8px;min-width:0;display:flex;position:relative}.hw-page .hub-in{align-items:flex-end}.hw-page .hub-out{align-items:flex-start}.hw-page .hub-box{z-index:1;color:var(--ink);text-align:center;background:#eeeff4;border-radius:18px;padding:6px 6px 9px;position:relative}.hw-page .hub-box img{aspect-ratio:4/3;object-fit:contain;border-radius:13px;width:100%;display:block}.hw-page .hub-box b{font:600 13px/1.2 var(--sans);margin-top:3px;display:block}.hw-page .hub-box.empty{color:#8e8e93;aspect-ratio:1;font:500 13px/1.3 var(--sans);background:0 0;place-items:center;padding:12px;display:grid;box-shadow:inset 0 0 0 1.5px #48484a}.hw-page .hchip{background:var(--d-tile2);max-width:100%;font:500 13px/1.25 var(--sans);color:var(--d-ink);border-radius:10px;align-items:center;gap:7px;padding:7px 11px;display:inline-flex}.hw-page .hchip i{background:#0a84ff;border-radius:50%;flex:none;width:7px;height:7px}.hw-page .hchip[data-dir=out] i{background:var(--orange-soft)}.hw-page .hchip.ghost{color:var(--ink2);background:0 0;box-shadow:inset 0 0 0 1px #3a3a3c}.hw-page .hchip.ghost i{background:#48484a}.hw-page .pop{animation:omni-bpop .45s var(--ease) both}@keyframes omni-bpop{0%{opacity:0;transform:scale(.85)}}.hw-page .b-why{color:#c7c7cc;margin-top:16px;font-size:15px;line-height:1.5}.hw-page .b-why b{color:#fff;font-weight:600}.hw-page .b-kit{border-top:1px solid var(--d-line);margin-top:18px}.hw-page .kit-row{border-bottom:1px solid var(--d-line);align-items:center;gap:16px;padding:14px 0;display:flex}.hw-page .kname{flex:1;min-width:0}.hw-page .kname b{font:600 16px/1.2 var(--display);display:block}.hw-page .kname span{color:#8e8e93;margin-top:4px;font-size:13px;line-height:1.4;display:block}.hw-page .kqty{flex-direction:column;flex:none;align-items:center;gap:5px;display:flex}.hw-page .kqty small{font:500 11px/1 var(--sans);color:#8e8e93;white-space:nowrap}.hw-page .stepper{background:var(--d-tile2);border-radius:980px;align-items:center;padding:3px;display:inline-flex}.hw-page .stepper button{width:30px;height:30px;color:var(--d-ink);font:500 18px/1 var(--sans);cursor:pointer;background:0 0;border:0;border-radius:50%}.hw-page .stepper button:hover{background:#3a3a3c}.hw-page .stepper output{text-align:center;min-width:30px;font:600 15px/1 var(--sans);font-variant-numeric:tabular-nums}.hw-page .b-cta{flex-wrap:wrap;align-items:center;gap:12px 18px;margin-top:20px;display:flex}.hw-page .b-peek{left:50%;bottom:calc(16px + env(safe-area-inset-bottom,0px));z-index:40;background:var(--ink);max-width:calc(100% - 32px);color:var(--d-ink);white-space:nowrap;font:500 14px/1 var(--sans);visibility:hidden;transition:transform .35s var(--ease), visibility .35s;border-radius:980px;align-items:center;gap:10px;padding:11px 18px;text-decoration:none;display:none;position:fixed;transform:translate(-50%,160%);box-shadow:0 10px 30px #00000040}.hw-page .b-peek span{color:#8e8e93}.hw-page .b-peek b{text-overflow:ellipsis;overflow:hidden}.hw-page .b-peek em{color:var(--orange-soft);font-style:normal}.hw-page .b-peek.show{visibility:visible;transform:translate(-50%)}@media (max-width:960px){.hw-page .builder{grid-template-columns:1fr}.hw-page .b-result{position:static}.hw-page .b-peek{display:flex}}@media (max-width:560px){.hw-page .b-step{padding:20px 16px}.hw-page .b-step legend{flex-wrap:wrap;font-size:18px}.hw-page .b-step legend small{flex-basis:100%;margin-left:36px}.hw-page .b-opts.big{grid-template-columns:1fr}.hw-page .b-opts.big .b-opt{flex-direction:row;align-items:center;gap:12px}.hw-page .hub{grid-template-columns:1fr;justify-items:center;gap:30px}.hw-page .hub-in,.hw-page .hub-out{flex-flow:wrap;justify-content:center;align-items:center}.hw-page .hub-box{width:136px}}@media (prefers-reduced-motion:reduce){.hw-page .hub-wires path,.hw-page .pop{animation:none}}.hw-page .steps.five{grid-template-columns:repeat(5,minmax(0,1fr))}@media (max-width:1100px){.hw-page .steps.five{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:700px){.hw-page .steps.five{grid-template-columns:1fr}}.hw-page .loop{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;margin:clamp(48px,6vw,72px) 0 0;padding:0;list-style:none;display:grid}.hw-page .loop-step{border-top:1px solid var(--d-line);padding-top:22px}.hw-page .loop-n{font:600 12px/1 var(--mono);letter-spacing:.08em;color:var(--orange-soft);margin-bottom:14px;display:block}.hw-page .loop-step h3{font:600 clamp(19px, 1.9vw, 23px) / 1.2 var(--display);letter-spacing:-.025em;color:var(--d-ink)}.hw-page .loop-step p{font:400 14.5px/1.6 var(--sans);color:var(--d-ink2);margin-top:10px}.hw-page .connects{flex-wrap:wrap;gap:10px;margin:clamp(44px,5vw,64px) 0 0;padding:0;list-style:none;display:flex}.hw-page .connects li{font:500 15px/1.2 var(--sans);letter-spacing:-.01em;color:var(--ink);border:1px solid var(--line);border-radius:980px;padding:11px 18px}@media (max-width:900px){.hw-page .loop{grid-template-columns:repeat(2,minmax(0,1fr));gap:30px}}@media (max-width:560px){.hw-page .loop{grid-template-columns:1fr}}