/* Original Local Tech Man visual system: imagery, useful choices and quiet motion. */
:root{--experience-header-height:86px}.hub-tabs{position:sticky;top:var(--experience-header-height);z-index:35;background:rgba(255,255,255,.94);backdrop-filter:blur(18px)}.hub-hero{gap:42px;padding-top:62px;padding-bottom:54px}.premium-hero-media{margin:0;position:relative;aspect-ratio:1.2;overflow:hidden;border-radius:30px;background:#edf2f1;box-shadow:0 22px 55px -30px #14334265;transform:perspective(1100px) rotateX(var(--depth-y,0deg)) rotateY(var(--depth-x,0deg));transition:transform .35s ease,box-shadow .35s ease;isolation:isolate}.premium-hero-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.premium-hero-media figcaption{display:flex;justify-content:space-between;gap:14px;align-items:center;position:absolute;inset:auto 16px 16px;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);padding:14px 17px;border-radius:15px;font-size:11px;font-weight:650;color:#173a46}.premium-hero-media figcaption small{font-size:9px;font-weight:400;opacity:.7;white-space:nowrap}.hub-business .premium-hero-media img{object-position:54% center}.hub-repair-image{transform:perspective(1100px) rotateX(var(--depth-y,0deg)) rotateY(var(--depth-x,0deg));transition:transform .35s ease}.experience-section{display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;padding:44px;margin:0 -10px 45px;background:var(--hub-tint,#eef4f7);border:1px solid #d9e5e5;border-radius:28px;scroll-margin-top:160px}.experience-intro h2{font-size:clamp(31px,3vw,43px);margin-top:18px}.experience-intro>p{max-width:410px}.experience-options{display:flex;gap:7px;flex-wrap:wrap;padding:6px;border-radius:16px;background:#ffffff9e;border:1px solid #dce5e7;margin-bottom:24px}.experience-options button{flex:1;min-width:105px;border:0;border-radius:11px;padding:13px 16px;color:#42606b;background:transparent;font:inherit;font-size:12px;font-weight:650;cursor:pointer;transition:background .2s,box-shadow .2s,color .2s}.experience-options button[aria-pressed=true]{background:#fff;color:var(--hub-accent,#135c70);box-shadow:0 3px 12px #17354115}.experience-options button:focus-visible,.experience-fields input:focus-visible,.experience-fields select:focus-visible{outline:3px solid #0877e8;outline-offset:3px}.experience-result{min-height:225px;padding:23px 0 8px}.experience-step{font-size:10px;font-weight:750;letter-spacing:.12em;color:var(--hub-accent,#18556a)}.experience-result h3{font-size:25px;margin:16px 0 12px}.experience-result p{font-size:14px;line-height:1.8;max-width:540px}.experience-result ul{padding-left:18px;font-size:13px;line-height:1.9;color:#405967;margin:20px 0}.experience-note{font-size:11px!important;line-height:1.8!important;color:#596b73!important;max-width:520px;margin-top:16px!important}.experience-fields{display:grid;grid-template-columns:1fr 1fr;gap:18px}.experience-fields label{display:block;font-size:12px;font-weight:650;margin-bottom:10px;color:#2e4652}.experience-fields input,.experience-fields select{width:100%;min-height:49px;border:1px solid #c6d3d9;border-radius:12px;background:white;color:#193642;padding:12px 14px;font:inherit;font-size:14px;box-sizing:border-box}.experience-fields input[aria-invalid=true]{border:2px solid #b84224}.experience-wide{grid-column:1/-1}.experience-body .hub-actions{margin-top:12px}.experience-body [aria-disabled=true]{opacity:.5;cursor:not-allowed}.service-hub .hub-service{transition:transform .22s,box-shadow .22s,border-color .22s}.service-hub .hub-service:hover{transform:translateY(-4px);box-shadow:0 16px 30px -24px #183f61;border-color:#a8c3d1}.service-hub .hub-button{transition:transform .2s,background .2s,box-shadow .2s}.service-hub .hub-button:hover{transform:translateY(-2px);box-shadow:0 7px 15px -10px #113743}.hub-faq details[open]{background:var(--hub-soft);border-radius:14px;padding-left:18px;padding-right:18px}.hub-faq summary{transition:color .2s}.hub-faq details[open] summary{color:var(--hub-accent)}.experience-reveal{opacity:0;transform:translateY(20px);transition:opacity .65s ease,transform .65s ease}.experience-reveal.experience-visible{opacity:1;transform:translateY(0)}.connection-preview{display:grid;grid-template-columns:1.05fr .95fr;gap:80px;align-items:center;border-top:1px solid #dbe5e9;background:#edf5f4;--hub-accent:#126b71}.connection-preview h2{font-size:clamp(38px,4.5vw,60px);line-height:1.07;letter-spacing:-.055em;margin:18px 0 24px}.connection-preview h3{font-size:23px;letter-spacing:-.025em;margin:26px 0 14px}.connection-preview p{font-size:15px;line-height:1.85;max-width:570px}.connection-preview .experience-options{margin-top:30px}.connection-preview .small-note{font-size:11px;margin-top:21px}.connection-product{min-height:380px;margin:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 42%,#fff 20%,#e7edeb 72%);border:1px solid #dce6e4;border-radius:32px;box-shadow:0 22px 50px -35px #122d40;transform:perspective(1100px) rotateX(var(--depth-y,0deg)) rotateY(var(--depth-x,0deg));transition:transform .35s}.connection-product img{width:auto;height:240px;max-width:80%;object-fit:contain;filter:drop-shadow(0 22px 14px #13272b22);transition:opacity .2s}.connection-product figcaption{font-size:11px;color:#507077;padding:30px 18px 0;text-align:center}.display-card{transition:transform .35s,box-shadow .35s}.display-card:hover{transform:translateY(-6px) rotate(-1deg)}.product-tile .product-photo img{transition:transform .4s}.product-tile:hover .product-photo img{transform:scale(1.06)}@media(max-width:1050px){.experience-section{gap:35px;padding:35px}.connection-preview{gap:35px}.connection-product{min-height:330px}.premium-hero-media{aspect-ratio:1.05}.premium-hero-media figcaption{flex-direction:column;align-items:flex-start;gap:5px}.experience-options button{padding:12px;font-size:11px;min-width:95px}}@media(max-width:680px){.hub-hero{padding-top:36px;padding-bottom:28px;gap:27px}.premium-hero-media{aspect-ratio:1.35;border-radius:23px}.premium-hero-media figcaption{inset:auto 12px 12px;padding:11px 13px;flex-direction:row;font-size:10px}.premium-hero-media figcaption small{font-size:8px}.experience-section{grid-template-columns:1fr;padding:29px 23px;gap:16px;margin:0 -3px 24px;border-radius:23px;scroll-margin-top:160px}.experience-intro h2{font-size:34px}.experience-intro>p{font-size:14px}.experience-options{gap:5px;padding:5px;border-radius:12px}.experience-options button{font-size:11px;min-width:80px;padding:11px 9px}.experience-result{min-height:0;padding-top:14px}.experience-result h3{font-size:23px}.experience-fields{gap:14px}.experience-fields select,.experience-fields input{font-size:13px;padding:12px 10px}.experience-fields label{font-size:11px}.hub-tabs{padding-top:12px;padding-bottom:12px;gap:7px 17px;top:var(--experience-header-height)}.connection-preview{grid-template-columns:1fr;gap:30px;padding-top:38px;padding-bottom:40px}.connection-product{min-height:300px}.connection-product img{height:195px}.connection-preview h2{font-size:41px}.connection-preview p{font-size:14px}.connection-preview .experience-options button{min-width:85px}.connection-preview h3{font-size:23px}}@media(prefers-reduced-motion:reduce){.experience-reveal{opacity:1;transform:none;transition:none}.premium-hero-media,.hub-repair-image,.connection-product,.display-card,.product-tile img,.hub-service,.hub-button{transform:none!important;transition:none!important}.product-tile:hover .product-photo img{transform:none}.experience-options button{transition:none}html{scroll-behavior:auto!important}}
.hub-electrical{--hub-accent:#155da9;--hub-tint:#eaf2fb;--hub-soft:#f5f8fd}.hub-locksmith{--hub-accent:#795a35;--hub-tint:#f5efe5;--hub-soft:#fbf8f3}.hub-handover{--hub-accent:#326a4c;--hub-tint:#eaf3e9;--hub-soft:#f5f9f4}.hub-electrical .premium-hero-media img{object-position:48% center}.hub-locksmith .premium-hero-media img{object-position:56% center}.trade-information{margin-top:24px;padding:24px 28px;border:1px solid #dbe5e9;border-radius:20px;background:var(--hub-soft)}.trade-information p{font-size:13px;line-height:1.9;margin:0}.hub .ukla-card{display:flex;align-items:center;gap:36px;border:1px solid #dfd9ce;padding:32px;border-radius:24px;background:var(--hub-soft)}.hub .ukla-card .ukla-mark{display:flex;flex-direction:column;align-items:center;gap:12px;flex:0 0 140px;text-align:center;text-decoration:none;color:var(--hub-accent);font-weight:750;font-size:12px;letter-spacing:.09em}.hub .ukla-mark img{max-width:140px;width:100%;height:auto;object-fit:contain}.hub .ukla-card h2{font-size:30px;margin:10px 0 18px}.hub .ukla-card p{font-size:14px}.hub .ukla-link{color:var(--hub-accent);font-size:13px;text-underline-offset:4px}.hub-tabs a{flex-shrink:0}.hub .hub-service ul{margin-bottom:0}.hub .hub-service .hub-button{margin-top:22px}.hub-handover .experience-note{max-width:100%}.qr-site-links{flex-wrap:nowrap;overflow-x:auto;white-space:nowrap}.qr-site-links a{flex-shrink:0}@media(max-width:1050px){.hub-tabs{flex-wrap:nowrap;justify-content:flex-start;overflow-x:auto;white-space:nowrap;scrollbar-width:thin}.hub-tabs a{font-size:11px}}@media(max-width:680px){.hub .ukla-card{padding:26px;gap:24px;flex-direction:column;align-items:flex-start}.hub .ukla-card .ukla-mark{flex:none;align-items:flex-start;flex-direction:row;text-align:left;gap:18px}.hub .ukla-mark img{max-width:100px}.hub .ukla-card h2{font-size:28px}.trade-information{padding:22px}.hub-electrical .experience-options button,.hub-locksmith .experience-options button{min-width:85px}.hub-handover .premium-hero-media figcaption{font-size:10px}}
.hub-electrical .experience-options button{min-width:80px;padding:12px 8px;font-size:11px}.hub-section{scroll-margin-top:calc(var(--experience-header-height) + 90px)}