.th-hero{grid-template-rows:1fr 1fr;grid-template-columns:58fr 42fr;gap:16px;margin:8px 0 16px;display:grid}.th-intro{background:var(--primary);color:var(--primary-foreground);border-radius:12px;flex-direction:column;grid-row:span 2;justify-content:center;min-height:420px;padding:clamp(28px,5vw,64px) clamp(24px,4vw,48px);display:flex;position:relative;overflow:hidden}.th-intro h1{letter-spacing:-.03em;z-index:1;max-width:11ch;color:var(--primary-foreground);margin:0 0 24px;font-size:clamp(2.6rem,6vw,5.6rem);font-weight:900;line-height:.95;position:relative}.th-intro h1 span{color:var(--accent)}.th-intro p{z-index:1;opacity:.95;max-width:20ch;margin:0 0 32px;font-size:clamp(1.05rem,1.8vw,1.75rem);line-height:1.35;position:relative}.th-cta{z-index:1;align-self:flex-start;min-height:52px;padding:0 24px;font-size:1.05rem;position:relative}.th-blueprint{width:60%;max-width:440px;color:var(--accent);opacity:.18;pointer-events:none;position:absolute;bottom:-30px;right:-30px}.th-card{background:color-mix(in oklab,var(--accent) 12%,var(--card));border:1px solid color-mix(in oklab,var(--accent) 22%,transparent);color:var(--primary);border-radius:12px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:16px;padding:24px;display:grid;position:relative;overflow:hidden}.th-card h2{color:var(--primary);margin:0 0 10px;font-size:clamp(1.25rem,2vw,1.9rem);font-weight:800;line-height:1.1}.th-card p{color:color-mix(in oklab,var(--primary) 80%,transparent);margin:0 0 18px;font-size:.98rem;line-height:1.45}.th-card-copy{flex-direction:column;align-items:flex-start;min-width:0;display:flex}.th-card a[class]{min-height:44px}.th-preview{background:var(--card);min-width:0;box-shadow:0 6px 18px color-mix(in oklab,var(--primary) 10%,transparent);pointer-events:none;-webkit-user-select:none;user-select:none;border-radius:8px;padding:12px}.th-bar{background:var(--border);border-radius:3px;width:60%;height:6px;margin-bottom:10px;display:block}.th-bar.short{width:40%}.th-row{border:1px solid var(--border);border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin-top:8px;padding:8px 10px;font-size:.85rem;font-weight:600;display:flex}.th-qty{align-items:center;gap:6px;display:flex}.th-qty i{background:color-mix(in oklab,var(--accent) 20%,var(--card));border-radius:4px;place-items:center;width:22px;height:22px;font-style:normal;display:grid}.th-qty b{text-align:center;min-width:14px;font-weight:600}.th-room-preview{color:color-mix(in oklab,var(--primary) 55%,transparent);grid-template-columns:3fr 2fr;align-items:center;gap:10px;display:grid}.th-room-preview svg{width:100%;height:auto}.th-radiator{border:1px solid var(--border);border-radius:3px;gap:3px;height:34px;margin:6px 0 10px;padding:4px;display:flex}.th-radiator i{background:color-mix(in oklab,var(--primary) 45%,transparent);border-radius:1px;flex:1}.th-slider{background:linear-gradient(90deg,var(--accent) 60%,var(--border) 60%);border-radius:2px;height:4px;margin-top:8px;display:block}.th-slider.s2{background:linear-gradient(90deg,var(--accent) 35%,var(--border) 35%)}.th-shortcuts{background:var(--secondary);border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:32px;padding:12px;display:grid}.th-shortcuts a{min-height:64px;color:var(--primary);border-radius:8px;align-items:center;gap:12px;min-width:0;padding:8px 14px;font-size:1rem;font-weight:600;display:flex}.th-shortcuts a+a{border-left:1px solid var(--border)}.th-shortcuts a:hover,.th-shortcuts a:focus-visible{background:var(--card)}.th-shortcuts a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.th-icon{background:color-mix(in oklab,var(--accent) 18%,var(--card));width:52px;height:52px;color:var(--ring);border-radius:50%;flex:none;place-items:center;display:grid}.th-icon svg{width:26px;height:26px}.th-arrow{flex:none;width:18px;height:18px}.th-shortcuts a>span:nth-child(2){min-width:0}#tool-selection{scroll-margin-top:120px}@media(max-width:1023px){.th-card{grid-template-columns:1fr}.th-preview{display:none}.th-shortcuts a{text-align:center;flex-direction:column;gap:6px;font-size:.85rem}.th-arrow{display:none}}@media(max-width:767px){.th-hero{grid-template-rows:auto;grid-template-columns:1fr 1fr;gap:10px}.th-intro{grid-area:auto/1/auto/-1;min-height:0;padding:28px 24px}.th-intro h1{margin-bottom:14px;font-size:clamp(2.3rem,12vw,3.4rem)}.th-intro p{max-width:24ch;margin-bottom:20px;font-size:1.05rem}.th-blueprint{width:75%}.th-card{grid-template-columns:1fr;align-content:space-between;gap:10px;padding:14px}.th-card-copy{display:contents}.th-card h2{order:1;margin:0;font-size:1.1rem}.th-card p{display:none}.th-preview{order:2;padding:8px;display:block}.th-room-preview{gap:6px;display:grid}.th-radiator{height:22px;margin:4px 0 6px}.th-card a[class]{order:3;gap:4px;width:100%;padding:0 8px;font-size:.85rem}.th-row{margin-top:5px;padding:5px 6px;font-size:.66rem}.th-qty{gap:3px}.th-qty i{width:15px;height:15px}.th-shortcuts{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;padding:8px}.th-shortcuts a{background:var(--card);grid-column:span 2;min-height:96px;padding:10px 4px;border-left:0!important}.th-shortcuts a:nth-child(4){grid-column:1/span 3}.th-shortcuts a:nth-child(5){grid-column:4/span 3}.th-icon{width:42px;height:42px}.th-icon svg{width:22px;height:22px}}@media(max-width:359px){.th-hero{grid-template-columns:1fr}.th-shortcuts{grid-template-columns:1fr 1fr}.th-shortcuts a,.th-shortcuts a:nth-child(4),.th-shortcuts a:nth-child(5){grid-column:auto}}