.header-actions { justify-self:end; display:flex; align-items:center; gap:12px; }
.language-switch { display:flex; border:1px solid var(--line); }
.language-switch button,.theme-toggle { min-width:36px; min-height:44px; padding:8px; border:0; background:transparent; color:var(--ink); font:700 11px Arial,sans-serif; cursor:pointer; }
.language-switch [aria-pressed="true"] { color:white; background:var(--signal); }
.theme-toggle { font-size:24px; border:1px solid var(--line); min-width:44px; }
.site-header { grid-template-columns:1fr auto 1fr; gap:20px; }
.site-header nav { gap:24px; }
.pricing { --surface:#e9e7e1; --panel:#faf9f5; }
.pricing .section-heading { grid-template-columns:190px minmax(0,1fr) minmax(240px,340px); }
.pricing .section-heading h2 { font-size:clamp(48px,6.8vw,110px); line-height:.92; }
.calculator-layout { display:grid; grid-template-columns:minmax(0,1fr) minmax(300px,360px); gap:40px; align-items:start; }
#map-calculator { min-width:0; }
.calc-step { margin:0 0 34px; padding:26px 0 0; border:0; border-top:1px solid var(--ink); min-width:0; }
.calc-step legend { float:left; width:100%; margin-bottom:22px; font-size:12px; font-weight:800; text-transform:uppercase; letter-spacing:.06em; }
.calc-step legend + * { clear:both; }
.dimension-fields { display:grid; grid-template-columns:minmax(0,1fr) 20px minmax(0,1fr); gap:12px; align-items:end; }
.dimension-fields label,.project-fields label { display:block; font-size:13px; font-weight:700; }
.dimension-cross { padding-bottom:18px; font-size:24px; text-align:center; color:var(--muted); }
.input-unit { display:flex; align-items:center; margin-top:8px; background:var(--panel); border:1px solid var(--line); }
.input-unit input { width:100%; min-width:0; height:66px; border:0; padding:12px 8px 12px 16px; background:transparent; color:var(--ink); font:700 clamp(22px,2.7vw,36px) Arial,sans-serif; letter-spacing:-.04em; }
.input-unit > span { padding-right:16px; font-size:11px; color:var(--muted); }
.calc-hint { margin-top:12px; color:var(--muted); font-size:12px; line-height:1.6; }
.calc-error { margin-top:12px; color:#a32715; font-size:13px; }
.package-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.package-option { position:relative; cursor:pointer; }
.package-option input,.detail-options input { position:absolute; opacity:0; width:1px; height:1px; }
.package-card { display:flex; flex-direction:column; position:relative; height:100%; min-height:168px; padding:16px 14px 34px; border:1px solid var(--line); transition:background .18s,border-color .18s; }
.package-tag { min-height:28px; color:var(--muted); font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:.03em; }
.package-card strong { font-size:clamp(16px,1.65vw,23px); line-height:1.07; letter-spacing:-.04em; overflow-wrap:anywhere; }
.package-local { color:var(--muted); margin-top:9px; font-size:11px; line-height:1.4; }
.package-mark { position:absolute; bottom:10px; right:14px; }
.package-option input:checked + .package-card { background:var(--signal); color:white; border-color:var(--signal); }
.package-option input:checked + .package-card .package-tag,.package-option input:checked + .package-card .package-local { color:#e3eaff; }
.package-scope { padding:22px; background:var(--surface); }
.package-scope h3 { font-size:13px; }
.package-scope ul { padding-left:19px; margin:12px 0; font-size:13px; line-height:1.65; }
.package-scope > p:not(.calc-hint) { font-size:13px; }
.detail-options { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:8px; }
.detail-options label { position:relative; cursor:pointer; }
.detail-options label > span { display:flex; flex-direction:column; padding:16px; border:1px solid var(--line); min-height:84px; height:100%; justify-content:center; }
.detail-options strong { font-size:20px; letter-spacing:-.04em; }
.detail-options small { font-size:11px; color:var(--muted); margin-top:4px; line-height:1.4; }
.detail-options input:checked + span { border:2px solid var(--signal); padding:15px; background:var(--panel); }
.detail-options input:checked + span strong { color:var(--signal); }
.detail-description { margin:18px 0; min-height:66px; font-size:14px; line-height:1.6; }
.detail-gallery { margin:0; }
.gallery-open { width:100%; display:block; position:relative; padding:0; border:0; background:var(--surface); cursor:zoom-in; }
.gallery-open img { width:100%; height:auto; aspect-ratio:1554/755; object-fit:contain; }
.gallery-enlarge { display:grid; place-items:center; position:absolute; bottom:10px; right:10px; background:var(--paper); color:var(--ink); width:44px; height:44px; font-size:22px; }
.gallery-missing { aspect-ratio:1554/755; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:10px; padding:24px; background:var(--surface); text-align:center; border:1px dashed var(--line); }
.gallery-missing p { font-size:13px; max-width:360px; color:var(--muted); }
.missing-symbol { font-size:36px; color:var(--muted); }
.detail-gallery figcaption { padding:16px 0 0; font-size:12px; line-height:1.6; }
.extras-hint { margin-top:0; margin-bottom:16px; }
.addon-options { display:grid; gap:1px; border:1px solid var(--line); background:var(--line); }
.addon-options label { display:flex; gap:14px; align-items:start; padding:18px; background:var(--panel); cursor:pointer; }
.addon-options input { width:20px; height:20px; flex:0 0 20px; margin:1px 0 0; accent-color:var(--signal); }
.addon-options label > span { flex:1; min-width:0; }
.addon-options strong { display:block; font-size:14px; }
.addon-options small { display:block; margin-top:4px; font-size:12px; line-height:1.45; color:var(--muted); }
.addon-options b { flex:0 0 auto; font-size:14px; }
.project-fields > label { margin:20px 0 8px; }
.project-fields > input,.project-fields textarea,.manual-copy textarea { display:block; width:100%; padding:15px; background:var(--panel); border:1px solid var(--line); border-radius:0; color:var(--ink); font:16px/1.5 Arial,sans-serif; }
.project-fields textarea,.manual-copy textarea { resize:vertical; }
.quote-panel { position:sticky; top:100px; padding:26px; background:var(--ink); color:var(--paper); min-width:0; }
.quote-kicker { display:flex; justify-content:space-between; gap:12px; font-size:11px; text-transform:uppercase; letter-spacing:.04em; font-weight:700; }
.quote-kicker span { color:#a8baff; }
.quote-price { padding:18px 0 24px; font-size:clamp(42px,5vw,68px); font-weight:800; letter-spacing:-.06em; line-height:1.15; color:#9bb0ff; font-variant-numeric:tabular-nums; transition:color .2s; }
.quote-price.text-price { font-size:28px; letter-spacing:-.04em; }
.quote-panel dl { margin:0; }
.quote-panel dl > div,.quote-subtotal { display:flex; justify-content:space-between; gap:18px; padding:9px 0; font-size:12px; line-height:1.4; }
.quote-panel dd { margin:0; text-align:right; max-width:65%; overflow-wrap:anywhere; }
.quote-breakdown { padding-block:10px; border-block:1px solid #555; }
.quote-breakdown dt { color:#bcbab4; }
.quote-extras { padding:18px 0; border-bottom:1px solid #555; }
.quote-extras h3 { font-size:11px; text-transform:uppercase; }
.quote-extras ul { list-style:none; padding:0; margin:12px 0; color:#bcbab4; font-size:12px; }
.quote-extras li { display:flex; gap:12px; justify-content:space-between; padding-block:3px; }
.quote-extras li b { white-space:nowrap; font-weight:400; }
.quote-payments { padding-top:12px; }
.quote-panel .quote-total { font-size:16px; font-weight:700; padding-bottom:18px; }
.quote-payments dt { max-width:60%; }
.quote-warning { padding:12px; margin-top:18px; background:#303638; color:#f6d89e; font-size:12px; line-height:1.5; border-left:2px solid #f6d89e; }
.quote-disclaimer,.email-note { margin-top:20px; font-size:11px; line-height:1.65; color:#bcbab4; }
.email-note { overflow-wrap:anywhere; margin-top:12px; }
.request-button,.copy-button { display:flex; width:100%; min-height:52px; align-items:center; justify-content:center; padding:14px; font:700 13px Arial,sans-serif; text-align:center; cursor:pointer; }
.request-button { margin-top:22px; background:var(--signal); color:white; border:1px solid var(--signal); }
.copy-button { margin-top:8px; background:transparent; color:inherit; border:1px solid #777; }
.request-button:hover { background:#2447d0; }
.copy-button:hover { border-color:white; }
.request-button[aria-disabled="true"],.copy-button:disabled { opacity:.5; cursor:default; }
.copy-status { font-size:12px; padding-top:8px; color:#a8baff; }
.manual-copy { display:block; margin-top:14px; font-size:12px; }
.manual-copy textarea { margin-top:8px; font-size:12px; background:#222; color:#fff; }
.pricing-reference { display:grid; grid-template-columns:1fr 1fr; gap:30px; margin-top:24px; }
.pricing-reference details { min-width:0; border-top:1px solid var(--ink); border-bottom:1px solid var(--ink); padding:20px 0; align-self:start; }
.pricing-reference summary { cursor:pointer; font-weight:700; font-size:15px; min-height:32px; }
.table-scroll { width:100%; overflow-x:auto; margin-block:20px; }
.pricing table { width:100%; border-collapse:collapse; font-size:12px; white-space:nowrap; }
.pricing caption { text-align:left; font-size:11px; padding-bottom:10px; color:var(--muted); }
.pricing th,.pricing td { padding:10px 12px; text-align:right; border-bottom:1px solid var(--line); }
.pricing th:first-child { text-align:left; }
.custom-service-list { list-style:none; margin:20px 0 0; padding:0; }
.custom-service-list li { display:flex; gap:20px; justify-content:space-between; font-size:12px; padding-block:10px; border-bottom:1px solid var(--line); }
.custom-service-list strong { white-space:nowrap; }
.payment-terms { display:grid; grid-template-columns:190px 1fr; gap:30px; margin-top:40px; padding-top:30px; border-top:1px solid var(--line); }
.payment-terms h3 { font-size:13px; }
.payment-terms ul { display:grid; grid-template-columns:1fr 1fr; gap:12px 30px; padding-left:18px; margin:0; color:var(--muted); font-size:12px; line-height:1.65; }
.image-dialog { max-width:min(96vw,1800px); width:96vw; max-height:96svh; padding:16px; border:1px solid var(--line); background:var(--paper); color:var(--ink); }
.image-dialog::backdrop { background:#000d; }
.image-close { display:block; min-height:44px; margin:0 0 12px auto; padding:8px 16px; border:1px solid var(--line); background:var(--paper); color:var(--ink); font:700 13px Arial,sans-serif; cursor:pointer; }
.image-dialog img { width:100%; height:auto; max-height:76svh; object-fit:contain; }
.image-dialog p { margin-top:12px; font-size:12px; }
button:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible,.table-scroll:focus-visible { outline:3px solid var(--signal); outline-offset:3px; }
.package-option input:focus-visible + span,.detail-options input:focus-visible + span { outline:3px solid var(--signal); outline-offset:3px; }
.quote-panel :focus-visible { outline-color:#a8baff; }
[hidden] { display:none !important; }
html[data-theme="dark"] { color-scheme:dark; --paper:#191a1c; --ink:#f0eee7; --line:#48494d; --muted:#b3b3b9; --signal:#5277ff; }
html[data-theme="dark"] .site-header { background:rgba(25,26,28,.95); }
html[data-theme="dark"] .header-cta { background:var(--signal); }
html[data-theme="dark"] .pricing { --surface:#24262a; --panel:#202226; }
html[data-theme="dark"] .quote-panel { background:#0b0c0e; color:#f0eee7; }
html[data-theme="dark"] .calc-error { color:#ffad9e; }
html[data-theme="dark"] .project-open { background:#202226; }
@media (min-width:901px) and (max-width:1120px) { .site-header { gap:12px; padding-inline:24px; } .site-header nav { gap:16px; } .header-actions { gap:8px; } .header-cta { display:none; } }
@media (max-width:1100px) { .calculator-layout { grid-template-columns:minmax(0,1fr) 300px; gap:24px; } .quote-panel { padding:20px; } .pricing .section-heading { grid-template-columns:140px minmax(0,1fr); } .pricing .section-heading > p { grid-column:2; } .package-card { padding:14px 10px 30px; } }
@media (max-width:900px) { .site-header { grid-template-columns:1fr auto; gap:0; } .header-actions .header-cta { display:none; } .site-header nav { gap:10px; } .calculator-layout { grid-template-columns:1fr; } .quote-panel { position:static; padding:26px; } .pricing .section-heading { grid-template-columns:140px minmax(0,1fr); } .quote-price { font-size:64px; } .package-card strong { font-size:22px; } .payment-terms { grid-template-columns:140px 1fr; } .pricing-reference { grid-template-columns:1fr; gap:20px; } }
@media (max-width:620px) { .header-actions { gap:8px; } .wordmark { gap:8px; font-size:13px; } .site-header nav { font-size:11px; gap:6px; } .language-switch button { min-width:32px; } .theme-toggle { min-width:40px; } .pricing .section-heading { display:block; } .pricing .section-heading h2 { font-size:clamp(44px,13vw,72px); } .calc-step { padding-top:22px; margin-bottom:28px; } .calc-step legend { font-size:11px; } .dimension-fields { gap:6px; grid-template-columns:minmax(0,1fr) 15px minmax(0,1fr); } .input-unit input { font-size:24px; height:60px; padding-left:10px; } .input-unit > span { padding-right:8px; font-size:10px; } .package-options { grid-template-columns:1fr; } .package-card { min-height:100px; padding:16px 38px 16px 16px; } .package-tag { min-height:22px; } .package-card strong { font-size:22px; } .package-mark { bottom:18px; right:18px; } .package-scope { padding:18px; } .detail-options { gap:5px; } .detail-options label > span { padding:12px 10px; min-height:88px; } .detail-options input:checked + span { padding:11px 9px; } .detail-options strong { font-size:19px; } .detail-options small { font-size:10px; } .detail-description { min-height:0; } .gallery-missing { aspect-ratio:auto; min-height:180px; padding:20px; } .addon-options label { padding:16px 12px; gap:10px; } .addon-options strong { font-size:13px; } .quote-panel { padding:22px; } .quote-price { font-size:58px; } .quote-panel dl > div { gap:12px; } .payment-terms { display:block; margin-top:30px; } .payment-terms ul { grid-template-columns:1fr; gap:10px; margin-top:20px; } .image-dialog { padding:10px; } }
@media (prefers-reduced-motion:reduce) { .pricing * { transition:none; } }