@layer reset, tokens, base, layout, components, pages, utilities;@layer components{.about-interlinks{--about-interlinks-bg:var(--color-surface-default);--about-interlinks-padding-block:var(--section-padding-lg);background:var(--about-interlinks-bg);color:var(--color-text-dark);padding-block:var(--about-interlinks-padding-block)}.about-interlinks__inner{width:min(calc(100% - 28px),var(--container-width))}.about-interlinks__header{display:grid;gap:24px;justify-items:center;text-align:center}.about-interlinks__title{color:#101820;max-width:920px;text-wrap:balance}.about-interlinks__lead{color:#667085;font-size:17px;line-height:1.55;max-width:760px;text-wrap:balance}.about-interlinks--section-lg{--about-interlinks-padding-block:var(--section-padding-lg)}@media (max-width:900px){.about-interlinks--section-lg{--about-interlinks-padding-block:58px}}.about-interlinks__grid{display:grid;gap:28px 40px;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:40px;margin-inline:auto;max-width:760px;width:100%}.about-interlinks__group-title{color:#101820;display:block;font-size:20px;font-weight:var(--heading-subtitle-weight);line-height:1.2;margin:0 0 16px}.about-interlinks__list{display:grid;gap:12px;list-style:none;margin:0;padding:0}.about-interlinks__link{color:var(--color-primary);font-size:17px;line-height:1.4;text-decoration:none;transition:color var(--transition-base)}.about-interlinks__link:focus-visible,.about-interlinks__link:hover{color:var(--color-primary-dark);text-decoration:underline}@media (max-width:900px){.about-interlinks{padding-block:58px}.about-interlinks__lead{font-size:15px;line-height:1.45}.about-interlinks__grid{gap:24px 32px}.about-interlinks__group-title{font-size:18px}.about-interlinks__link{font-size:16px}}@media (max-width:640px){.about-interlinks__grid{gap:28px;grid-template-columns:1fr}}}@layer pages{.page-crane-calculator,.page-tools{background:var(--color-surface-muted);color:var(--color-text-dark)}.crane-calculator__intro,.tools-hub__intro{background:var(--color-surface-default);padding-block:40px 28px}.crane-calculator__intro-inner,.crane-calculator__limits .container,.crane-calculator__method .container,.crane-calculator__results .container,.crane-calculator__tool .container,.tools-hub__intro-inner,.tools-hub__list .container{margin-inline:auto;width:min(calc(100% - 28px),var(--section-width))}.tools-hub__intro-inner{display:grid;gap:16px;justify-items:center;text-align:center}.crane-calculator__title,.tools-hub__title{color:var(--color-heading-dark);font-family:var(--font-main);font-size:clamp(32px,5vw,52px);font-weight:400;line-height:1.05;margin:0;text-wrap:balance}.crane-calculator__lead,.tools-hub__lead{color:var(--color-text-muted-dark);font-size:clamp(16px,1.8vw,19px);line-height:1.55;margin:0;max-width:42rem;text-wrap:balance}.crane-calculator__lead{margin-top:16px}.tools-hub__list{padding-block:40px 48px}.tools-card{background:var(--color-surface-default);border:1px solid var(--color-border-soft);border-radius:var(--radius);max-width:40rem;padding:28px}.tools-card__title{color:var(--color-heading-dark);display:block;font-size:clamp(22px,3vw,28px);font-weight:400;margin:0}.tools-card__text{color:var(--color-text-muted-dark);line-height:1.55;margin:12px 0 0}.tools-card__link{margin-top:20px}.crane-calculator__tool{padding-block:24px 48px}.crane-calculator__layout{display:grid;gap:24px}@media (min-width:1024px){.crane-calculator__layout{align-items:stretch;grid-template-areas:"form scene" "quick quick";grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}.calculator-form{display:flex;flex-direction:column;grid-area:form;height:100%;min-height:100%}.calculator-form__footer{margin-top:auto;padding-top:20px}.scene-panel{grid-area:scene;height:100%}.quick-result{grid-area:quick}}.calculator-form,.crane-card,.scene-panel{background:var(--color-surface-default);border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:20px}.crane-card__image{background:var(--color-surface-muted,#f3f4f6);border-radius:calc(var(--radius) - 4px);display:block;height:200px;margin:0 0 14px;object-fit:contain;object-position:center;width:100%}.crane-card__image[hidden]{display:none}.quick-result,.results-panel{background:var(--color-surface-default);border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:clamp(24px,3vw,36px)}.calculator-form__heading h2,.crane-calculator__limits h2,.crane-calculator__method h2,.quick-result h2,.scene-panel__heading h2,.section-heading h2{color:var(--color-heading-dark);font-size:clamp(22px,3vw,30px);font-weight:400;margin:0}.calculator-form__heading p,.quick-result p,.section-heading p,.section-lead{color:var(--color-text-muted-dark);line-height:1.5;margin:10px 0 0}.control-stack{display:grid;gap:18px;margin-top:20px}.parameter-control__label{align-items:center;display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;margin-bottom:8px}.compact-field,.parameter-control__label label,.toggle{color:var(--color-text-dark);font-size:15px}.number-field{align-items:center;display:inline-flex;gap:6px}.calculator-form input[type=number],.compact-field input,.number-field input{background:var(--color-surface-default);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);color:var(--color-text-dark);font:inherit;min-height:40px;padding:6px 10px;width:5.5rem}.calculator-form input:focus-visible,.compact-field input:focus-visible,.crane-calculator .btn:focus-visible,.filter:focus-visible,.number-field input:focus-visible,.range:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.range{accent-color:var(--color-primary);background:linear-gradient(to right,var(--color-primary) 0 var(--range-progress,0),var(--color-border-soft) var(--range-progress,0) 100%);border-radius:var(--radius-sm);width:100%}.field-error,.field-hint{font-size:13px;margin:6px 0 0;min-height:1.2em}.field-hint{color:var(--color-text-muted-dark)}.field-error{color:#b42318}.advanced{border-top:1px solid var(--color-border-soft);margin-top:18px;padding-top:14px}.advanced summary{align-items:center;background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius);color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:15px;font-weight:500;gap:12px;justify-content:space-between;line-height:1.3;list-style:none;min-height:44px;padding:10px 14px;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);width:100%}.advanced summary::-webkit-details-marker{display:none}.advanced summary::marker{content:""}.advanced summary i{flex:0 0 auto;font-size:14px;transition:transform var(--transition-base)}.advanced[open] summary{background:rgba(1,132,210,.14);border-color:var(--color-primary);color:var(--color-primary-dark)}.advanced[open] summary i{transform:rotate(180deg)}.advanced summary:focus-visible,.advanced summary:hover{background:rgba(1,132,210,.16);border-color:var(--color-primary);color:var(--color-primary-dark)}.advanced summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.advanced summary,.advanced summary i{transition:none}}.advanced__content{display:grid;gap:14px;margin-top:14px}.field-grid{display:grid;gap:10px}.field-grid--three{grid-template-columns:repeat(3,minmax(0,1fr))}@media (max-width:430px){.field-grid--three{grid-template-columns:1fr}}.compact-field{display:grid;gap:6px}.toggle{align-items:center;display:inline-flex;gap:8px}.calculator-form__footer{display:grid;gap:12px;margin-top:20px}.form-actions{display:grid;gap:10px;margin-top:20px;width:100%}.calculator-form__footer .form-actions{margin-top:0}.form-actions .btn{justify-content:center;width:100%}@media (min-width:768px){.form-actions{display:flex;flex-wrap:wrap;width:auto}.form-actions .btn{width:auto}}.crane-calculator .btn,.tools-hub .btn{align-items:center;border:1px solid transparent;border-radius:var(--radius);cursor:pointer;display:inline-flex;font:inherit;font-size:16px;justify-content:center;line-height:1.2;min-height:44px;padding:10px 18px;text-decoration:none;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base)}.crane-calculator .btn:disabled,.tools-hub .btn:disabled{cursor:not-allowed;opacity:.55}.crane-calculator .btn-primary,.tools-hub .btn-primary{background:var(--color-primary);color:var(--color-white)}.crane-calculator .btn-primary:focus-visible,.crane-calculator .btn-primary:hover,.tools-hub .btn-primary:focus-visible,.tools-hub .btn-primary:hover{background:var(--color-primary-dark);color:var(--color-white)}.crane-calculator .btn-outline{background:transparent;border-color:var(--color-primary-border);color:var(--color-primary)}.crane-calculator .btn-outline:focus-visible,.crane-calculator .btn-outline:hover{border-color:var(--color-primary);color:var(--color-primary-dark)}.form-message{color:var(--color-text-muted-dark);font-size:14px;margin:12px 0 0}.form-message.is-error{color:#b42318}.scene-panel__heading{align-items:center;display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;margin-bottom:12px}.scene{background:#eef3f7;border-radius:var(--radius-sm);height:min(68vh,680px);min-height:420px;overflow:hidden;position:relative}@media (max-width:1023px){.scene{height:min(56vh,560px);min-height:360px}}@media (max-width:767px){.scene{height:min(52vh,420px);min-height:280px}}.scene__fallback,.scene__loading{background:rgba(238,243,247,.92);display:grid;gap:8px;inset:0;padding:20px;place-content:center;position:absolute;text-align:center;z-index:2}.scene__fallback[hidden],.scene__loading[hidden]{display:none!important}.scene[data-state=ready] .scene__loading{display:none}.scene-labels{inset:0;overflow:hidden;pointer-events:none;position:absolute;z-index:1}.dimension-label{background:hsla(0,0%,100%,.92);border:1px solid rgba(36,54,86,.22);border-radius:var(--radius-sm);color:var(--color-text-dark);font-family:var(--font-main);font-size:10px;font-weight:500;line-height:1.2;padding:3px 6px;white-space:nowrap}.dimension-label--mass{background:rgba(36,54,86,.92);border-color:hsla(0,0%,100%,.34);color:#fff}.dimension-label--obstacle{background:hsla(0,0%,100%,.94);border-color:rgba(31,51,64,.45)}#scene-canvas,.scene canvas{display:block;height:100%;position:relative;touch-action:none;width:100%;z-index:0}.scene__legend{bottom:12px;color:var(--color-text-muted-dark);display:flex;flex-wrap:wrap;font-size:12px;gap:12px;justify-content:space-between;left:14px;margin:0;pointer-events:none;position:absolute;right:14px;z-index:1}.quick-result{display:grid;gap:16px}@media (min-width:768px){.quick-result{align-items:center;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}.summary-metrics{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0}.summary-metrics>div{background:var(--color-primary-soft);border-radius:var(--radius-sm);padding:10px 12px}.summary-metrics dt{color:var(--color-text-muted-dark);font-size:13px;margin:0}.summary-metrics dd{color:var(--color-heading-dark);font-size:22px;margin:4px 0 0}.crane-calculator__limits,.crane-calculator__method,.crane-calculator__results{padding-block:40px}#results{scroll-margin-top:calc(var(--site-header-height) + 16px)}.method-panel{background:var(--color-surface-default);border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:clamp(24px,3vw,36px)}.method-panel__header{max-width:46rem}.method-panel__header h2{margin:0}.method-panel__lead{color:var(--color-text-muted-dark);font-size:clamp(16px,1.6vw,18px);line-height:1.55;margin:14px 0 0}.method-steps{counter-reset:none;display:grid;gap:16px;list-style:none;margin:28px 0 0;padding:0}@media (min-width:768px){.method-steps{gap:18px;grid-template-columns:repeat(2,minmax(0,1fr))}}.method-step{align-content:start;background:var(--color-surface-muted);border:1px solid rgba(20,38,66,.06);border-radius:calc(var(--radius) - 2px);display:grid;gap:12px;min-height:100%;padding:22px 22px 24px;transition:border-color var(--transition-base),transform var(--transition-base),box-shadow var(--transition-base)}.method-step:hover{border-color:rgba(1,132,210,.28);box-shadow:0 10px 28px rgba(16,24,32,.06);transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){.method-step,.method-step:hover{transform:none;transition:none}}.method-step__top{align-items:center;display:flex;gap:12px;justify-content:space-between}.method-step__index{color:var(--color-primary);font-size:13px;font-weight:600;letter-spacing:.08em}.method-step__icon{background:var(--color-primary);border-radius:12px;color:var(--color-white);display:grid;font-size:18px;height:44px;place-items:center;width:44px}.method-step__title{color:var(--color-heading-dark);display:block;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.2;margin:0}.method-step__text{color:var(--color-text-muted-dark);font-size:15px;line-height:1.55;margin:0}.method-params{background:linear-gradient(135deg,rgba(1,132,210,.08),rgba(1,132,210,.02)),var(--color-surface-muted);border:1px solid rgba(1,132,210,.14);border-radius:calc(var(--radius) - 2px);display:grid;gap:20px;margin-top:18px;padding:24px 26px}@media (min-width:900px){.method-params{align-items:center;gap:28px;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr)}}.method-params__intro{align-items:start;display:grid;gap:16px;grid-template-columns:48px minmax(0,1fr)}.method-params__icon{background:var(--color-primary);border-radius:50%;color:var(--color-white);display:grid;font-size:18px;height:48px;place-items:center;width:48px}.method-params__title{color:var(--color-heading-dark);display:block;font-size:clamp(18px,2vw,22px);font-weight:400;line-height:1.2;margin:0}.method-params__text{color:var(--color-text-muted-dark);font-size:15px;line-height:1.5;margin:8px 0 0}.method-params__tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.method-params__tags li{border:1px solid rgba(20,38,66,.08);border-radius:999px;color:var(--color-heading-dark);font-size:13px;line-height:1.2;padding:8px 12px}.limits-panel,.method-params__tags li{background:var(--color-surface-default)}.limits-panel{border:1px solid var(--color-border-soft);border-radius:var(--radius);padding:clamp(24px,3vw,36px)}.limits-panel__header{max-width:48rem}.limits-panel__eyebrow{align-items:center;display:inline-flex;gap:10px;margin-bottom:14px}.limits-panel__badge{background:#fff6e8;border:1px solid #efd2a8;border-radius:10px;color:#b54708;display:grid;font-size:16px;height:36px;place-items:center;width:36px}.limits-panel__eyebrow-text{color:#b54708;font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.limits-panel__header h2{margin:0}.limits-panel__lead{color:var(--color-text-muted-dark);font-size:clamp(16px,1.6vw,18px);line-height:1.55;margin:14px 0 0}.limits-list{display:grid;gap:14px;list-style:none;margin:28px 0 0;padding:0}@media (min-width:900px){.limits-list{gap:16px;grid-template-columns:repeat(2,minmax(0,1fr))}}.limits-item{align-items:start;background:var(--color-surface-muted);border:1px solid rgba(20,38,66,.06);border-radius:calc(var(--radius) - 2px);display:grid;gap:14px;grid-template-columns:48px minmax(0,1fr);min-height:100%;padding:20px}.limits-item__icon{background:#fff6e8;border:1px solid #efd2a8;border-radius:12px;color:#b54708;display:grid;font-size:18px;height:48px;place-items:center;width:48px}.limits-item__title{color:var(--color-heading-dark);display:block;font-size:clamp(17px,1.8vw,20px);font-weight:400;line-height:1.25;margin:0}.limits-item__text{color:var(--color-text-muted-dark);font-size:15px;line-height:1.55;margin:8px 0 0}.section-heading{display:grid;gap:16px;margin-bottom:20px}@media (min-width:768px){.section-heading{align-items:end;grid-template-columns:minmax(0,1fr) auto}}.filters{display:grid;gap:8px;width:100%}.filter{background:var(--color-surface-muted);border:1px solid var(--color-border-soft);border-radius:var(--radius-sm);color:var(--color-text-muted-dark);cursor:pointer;font:inherit;min-height:36px;padding:6px 12px;text-align:center;width:100%}@media (min-width:768px){.filters{display:flex;flex-wrap:wrap;justify-content:flex-end}.filter,.filters{width:auto}}.filter.is-active,.filter[aria-pressed=true]{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-white)}.results-placeholder{color:var(--color-text-muted-dark);margin:0 0 16px}.result-list{display:grid;gap:14px}@media (min-width:768px){.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1280px){.result-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.crane-card__top{align-items:start;display:flex;gap:12px;justify-content:space-between}.crane-card__maker{color:var(--color-text-muted-dark);font-size:13px;margin:0}.crane-card__model{color:var(--color-heading-dark);display:block;font-size:20px;font-weight:400;margin:4px 0 0}.status-badge{background:var(--color-primary-soft);border-radius:var(--radius-sm);color:var(--color-primary-dark);display:inline-flex;font-size:12px;padding:4px 8px;white-space:nowrap}.crane-card[data-status=SUITABLE] .status-badge{background:#ecfdf3;color:#067647}.crane-card[data-status=NEAR_LIMIT] .status-badge{background:#fffaeb;color:#b54708}.crane-card[data-status=UNSUITABLE] .status-badge{background:#fef3f2;color:#b42318}.crane-card[data-status=INSUFFICIENT_DATA] .status-badge{background:#f2f4f7;color:#344255}.crane-card__reason{color:var(--color-text-muted-dark);line-height:1.45;margin:12px 0 0}.crane-card__metrics{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0}.crane-card__metrics dt{color:var(--color-text-muted-dark);font-size:12px;margin:0}.crane-card__metrics dd{color:var(--color-text-dark);font-size:14px;margin:2px 0 0}.crane-card__details{margin-top:14px}.crane-card__details summary{align-items:center;background:var(--color-primary-soft);border:1px solid var(--color-primary-border);border-radius:var(--radius-sm);color:var(--color-primary);cursor:pointer;display:inline-flex;font:inherit;font-size:14px;font-weight:500;gap:10px;justify-content:space-between;line-height:1.3;list-style:none;min-height:40px;padding:8px 12px;transition:background var(--transition-base),border-color var(--transition-base),color var(--transition-base);width:100%}.crane-card__details summary::-webkit-details-marker{display:none}.crane-card__details summary::marker{content:""}.crane-card__details summary i{flex:0 0 auto;font-size:12px;transition:transform var(--transition-base)}.crane-card__details[open] summary{background:rgba(1,132,210,.14);border-color:var(--color-primary);color:var(--color-primary-dark)}.crane-card__details[open] summary i{transform:rotate(180deg)}.crane-card__details summary:focus-visible,.crane-card__details summary:hover{background:rgba(1,132,210,.16);border-color:var(--color-primary);color:var(--color-primary-dark)}.crane-card__details summary:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.crane-card__details-body{background:var(--color-surface-muted);border:1px solid rgba(20,38,66,.08);border-radius:var(--radius-sm);display:grid;gap:8px;margin-top:10px;padding:12px 14px}.crane-card__details-body p{color:var(--color-text-muted-dark);font-size:13px;line-height:1.45;margin:0}.crane-card__details-body .crane-card__warning{color:#b54708}.crane-card__specs{border-collapse:collapse;font-size:.92rem;margin:12px 0 0;width:100%}.crane-card__specs td,.crane-card__specs th{border-bottom:1px solid var(--color-border-soft);padding:6px 0;vertical-align:top}.crane-card__specs th{color:var(--color-heading-dark);font-weight:600;padding-right:12px;text-align:left;width:48%}@media (prefers-reduced-motion:reduce){.crane-calculator .btn,.crane-card__details summary,.crane-card__details summary i,.filter,.tools-hub .btn{transition:none}}}