@import"https://fonts.googleapis.com/css2?family=Archivo:wght@600;700;800;900&family=Inter:wght@400;500;600;700&display=swap";:root{color-scheme:light;--color-bg: #f2f1ec;--color-bg-alt: #e7e5db;--color-surface: #ffffff;--color-surface-2: #f8f7f3;--color-ink: #0b1220;--color-ink-soft: #414a5c;--color-ink-faint: #6b7280;--color-yellow: #ffcc00;--color-yellow-ink: #221a00;--color-teal: #0d9488;--color-teal-soft: rgba(13, 148, 136, .16);--color-border: rgba(11, 18, 32, .12);--color-border-strong: rgba(11, 18, 32, .22);--color-danger: #c0392b;--color-success: #1a7f4e;--color-house-wall: #d8d4c6;--color-house-roof: #35405a;--color-house-ground: #a9b39a;--color-camera-body: #e7e5df;--color-camera-body-old: #8a8f92;--color-cable: #ffcc00;--color-cable-old: #b23b2e;--color-cone: #0d9488;--color-chimney: #8a5a4a;--color-bush: #4f7a4a;--shadow-sm: 0 1px 2px rgba(11, 18, 32, .08);--shadow-md: 0 8px 24px rgba(11, 18, 32, .12);--shadow-lg: 0 16px 40px rgba(11, 18, 32, .18);--font-heading: "Archivo", "Arial Narrow", sans-serif;--font-body: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--radius-sm: 8px;--radius-md: 14px;--radius-lg: 22px;--header-h: 60px;--container-w: 1180px;--safe-t: env(safe-area-inset-top, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px);--safe-r: env(safe-area-inset-right, 0px);--stickybar-h: 64px}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){color-scheme:dark;--color-bg: #0a0f1a;--color-bg-alt: #0f1626;--color-surface: #131c2e;--color-surface-2: #101827;--color-ink: #f2f1ec;--color-ink-soft: #c3c9d6;--color-ink-faint: #8891a3;--color-yellow: #ffd633;--color-yellow-ink: #221a00;--color-teal: #2dd4c4;--color-teal-soft: rgba(45, 212, 196, .16);--color-border: rgba(242, 241, 236, .14);--color-border-strong: rgba(242, 241, 236, .26);--color-house-wall: #2a3346;--color-house-roof: #1c2438;--color-house-ground: #3a4636;--color-camera-body: #4a5266;--color-camera-body-old: #5b6169;--color-cable: #ffd633;--color-cable-old: #d1483a;--color-cone: #2dd4c4;--color-chimney: #6b4438;--color-bush: #35513a;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 24px rgba(0, 0, 0, .45);--shadow-lg: 0 16px 40px rgba(0, 0, 0, .55)}}:root[data-theme=dark]{color-scheme:dark;--color-bg: #0a0f1a;--color-bg-alt: #0f1626;--color-surface: #131c2e;--color-surface-2: #101827;--color-ink: #f2f1ec;--color-ink-soft: #c3c9d6;--color-ink-faint: #8891a3;--color-yellow: #ffd633;--color-yellow-ink: #221a00;--color-teal: #2dd4c4;--color-teal-soft: rgba(45, 212, 196, .16);--color-border: rgba(242, 241, 236, .14);--color-border-strong: rgba(242, 241, 236, .26);--color-house-wall: #2a3346;--color-house-roof: #1c2438;--color-house-ground: #3a4636;--color-camera-body: #4a5266;--color-camera-body-old: #5b6169;--color-cable: #ffd633;--color-cable-old: #d1483a;--color-cone: #2dd4c4;--color-chimney: #6b4438;--color-bush: #35513a}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-height:100svh;background:var(--color-bg);color:var(--color-ink);font-family:var(--font-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img,svg{display:block;max-width:100%}a{color:inherit}button{font:inherit;color:inherit}ul{margin:0;padding:0;list-style:none}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:800;letter-spacing:-.01em;text-wrap:balance}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:absolute;top:-100px;left:1rem;z-index:200;background:var(--color-yellow);color:var(--color-yellow-ink);padding:.75rem 1.25rem;border-radius:var(--radius-sm);font-weight:700;transition:top .2s ease}.skip-link:focus{top:calc(1rem + var(--safe-t))}.container{width:100%;max-width:var(--container-w);margin-inline:auto;padding-inline:1.1rem}section{padding-block:3.25rem}.section-head{max-width:640px;margin-bottom:1.75rem}.eyebrow{display:inline-block;font-family:var(--font-heading);font-weight:700;font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--color-teal);margin-bottom:.5rem}.section-head h2{font-size:clamp(1.6rem,5vw,2.4rem);line-height:1.1}.section-head p{margin-top:.6rem;color:var(--color-ink-soft);font-size:1.02rem}.bg-alt{background:var(--color-bg-alt)}.bg-surface{background:var(--color-surface)}.btn{--btn-h: 48px;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:var(--btn-h);padding:.7rem 1.3rem;border-radius:999px;border:2px solid transparent;font-family:var(--font-heading);font-weight:700;font-size:.98rem;text-decoration:none;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,background-color .15s ease,border-color .15s ease;touch-action:manipulation;text-align:center}.btn:active{transform:scale(.97)}.btn-primary{background:var(--color-yellow);color:var(--color-yellow-ink);box-shadow:var(--shadow-sm)}.btn-primary:hover{box-shadow:var(--shadow-md)}.btn-dark{background:var(--color-ink);color:var(--color-bg)}.btn-outline{background:transparent;border-color:var(--color-border-strong);color:var(--color-ink)}.btn-outline:hover{border-color:var(--color-ink)}.btn-block{width:100%}.btn-sm{--btn-h: 40px;padding:.5rem 1rem;font-size:.88rem}.btn[disabled]{opacity:.55;cursor:not-allowed}.site-header{position:sticky;top:0;z-index:100;padding-top:var(--safe-t);background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(10px) saturate(1.2);-webkit-backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid var(--color-border)}.site-header__row{display:flex;align-items:center;justify-content:space-between;height:var(--header-h);gap:.75rem}.brand{display:flex;align-items:center;gap:.5rem;text-decoration:none;font-family:var(--font-heading);font-weight:900;font-size:1.25rem;color:var(--color-ink);min-height:44px}.brand__mark{width:32px;height:32px;flex-shrink:0}.nav-desktop{display:none}.header-actions{display:flex;align-items:center;gap:.5rem}.header-call-btn{display:none}.hamburger{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:var(--radius-sm);border:1px solid var(--color-border);background:var(--color-surface);cursor:pointer;touch-action:manipulation}.hamburger__box{position:relative;width:20px;height:14px}.hamburger__line{position:absolute;left:0;width:100%;height:2px;background:var(--color-ink);border-radius:2px;transition:transform .25s ease,opacity .2s ease,top .25s ease}.hamburger__line:nth-child(1){top:0}.hamburger__line:nth-child(2){top:6px}.hamburger__line:nth-child(3){top:12px}.hamburger[aria-expanded=true] .hamburger__line:nth-child(1){top:6px;transform:rotate(45deg)}.hamburger[aria-expanded=true] .hamburger__line:nth-child(2){opacity:0}.hamburger[aria-expanded=true] .hamburger__line:nth-child(3){top:6px;transform:rotate(-45deg)}.mobile-menu{position:fixed;inset:0;z-index:99;background:var(--color-bg);padding:calc(var(--header-h) + var(--safe-t) + 1.5rem) 1.5rem calc(2rem + var(--safe-b));display:flex;flex-direction:column;gap:2rem;transform:translateY(-100%);opacity:0;transition:transform .3s ease,opacity .3s ease;overflow-y:auto}.mobile-menu.is-open{transform:translateY(0);opacity:1}.mobile-menu__links{display:flex;flex-direction:column;gap:.25rem}.mobile-menu__links a{display:block;padding:1rem .25rem;font-family:var(--font-heading);font-size:1.7rem;font-weight:800;text-decoration:none;color:var(--color-ink);border-bottom:1px solid var(--color-border);min-height:44px}.mobile-menu__contact{display:flex;flex-direction:column;gap:.75rem}body.menu-open{overflow:hidden}@media (min-width: 900px){.nav-desktop{display:flex;align-items:center;gap:1.75rem}.nav-desktop a{text-decoration:none;font-weight:600;color:var(--color-ink-soft);min-height:44px;display:inline-flex;align-items:center}.nav-desktop a:hover{color:var(--color-ink)}.header-call-btn{display:inline-flex}.hamburger{display:none}}.hero{padding-top:2rem;padding-bottom:2.5rem}.hero__grid{display:grid;gap:1.75rem}.hero__copy h1{font-size:clamp(2.1rem,8vw,3.4rem);line-height:1.02}.hero__copy p{margin-top:.9rem;font-size:1.05rem;color:var(--color-ink-soft);max-width:52ch}.hero__weekend{display:inline-flex;align-items:center;gap:.5rem;margin-top:.9rem;margin-right:.5rem;padding:.45rem .85rem;border-radius:999px;background:var(--color-teal-soft);color:var(--color-teal);font-weight:700;font-size:.86rem}.hero__weekend--b2b{background:color-mix(in srgb,var(--color-yellow) 22%,transparent);color:var(--color-ink)}.hero__actions{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:1.4rem}.hero__scene-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,var(--color-bg-alt),var(--color-bg));border:1px solid var(--color-border);aspect-ratio:4 / 3.6;touch-action:pan-y}.scene-canvas{width:100%;height:100%;display:block;touch-action:pan-y}.scene-fallback{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:1.5rem}.scene-caption{position:absolute;left:.9rem;bottom:.8rem;font-size:.76rem;color:var(--color-ink-faint);background:color-mix(in srgb,var(--color-surface) 75%,transparent);padding:.3rem .6rem;border-radius:999px;pointer-events:none}.hero__options{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem;box-shadow:var(--shadow-sm)}.options-group{margin-bottom:1.1rem}.options-group:last-of-type{margin-bottom:0}.options-label{display:block;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint);margin-bottom:.55rem}.mode-toggle{display:flex;border:1px solid var(--color-border-strong);border-radius:999px;padding:3px;background:var(--color-bg-alt)}.mode-toggle button{flex:1;min-width:0;border:none;background:transparent;border-radius:999px;padding:.6rem .5rem;font-weight:700;font-size:.86rem;cursor:pointer;min-height:40px;color:var(--color-ink-soft)}.mode-toggle button.is-active{background:var(--color-ink);color:var(--color-bg)}.stepper{display:flex;align-items:center;gap:.9rem}.stepper__btn{width:44px;height:44px;border-radius:999px;border:1px solid var(--color-border-strong);background:var(--color-surface-2);font-size:1.3rem;font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;touch-action:manipulation}.stepper__btn:active{transform:scale(.95)}.stepper__value{font-family:var(--font-heading);font-size:1.6rem;font-weight:800;min-width:2ch;text-align:center}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:.6rem 0;border-bottom:1px solid var(--color-border)}.switch-row:last-child{border-bottom:none}.switch-row span{font-size:.92rem}.switch{position:relative;width:46px;height:27px;flex-shrink:0}.switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.switch__track{position:absolute;inset:0;background:var(--color-border-strong);border-radius:999px;transition:background-color .2s ease;pointer-events:none}.switch__track:after{content:"";position:absolute;top:3px;left:3px;width:21px;height:21px;border-radius:50%;background:var(--color-surface);box-shadow:var(--shadow-sm);transition:transform .2s ease}.switch input:checked~.switch__track{background:var(--color-teal)}.switch input:checked~.switch__track:after{transform:translate(19px)}.switch input:focus-visible~.switch__track{outline:2px solid var(--color-teal);outline-offset:2px}.removal-message{display:none;margin-top:.85rem;padding:.85rem 1rem;border-radius:var(--radius-md);background:var(--color-teal-soft);color:var(--color-teal);font-weight:600;font-size:.9rem}.removal-message.is-visible{display:block}@media (min-width: 900px){.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:start}}@media (min-width: 1100px){.hero__grid{grid-template-columns:1.3fr minmax(360px,.9fr)}}.services-grid{display:grid;gap:1rem;grid-template-columns:1fr}.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.4rem;display:flex;flex-direction:column;gap:.85rem}.service-card__icon{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--color-teal-soft);color:var(--color-teal);display:flex;align-items:center;justify-content:center}.service-card h3{font-size:1.18rem}.service-card p{color:var(--color-ink-soft);font-size:.94rem;flex-grow:1}@media (min-width: 640px){.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1000px){.services-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.products-grid{display:grid;gap:.9rem;grid-template-columns:repeat(2,minmax(0,1fr))}.product-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem;display:flex;flex-direction:column;gap:.6rem;min-width:0}.product-card__icon{width:40px;height:40px;color:var(--color-ink)}.product-card h3{font-size:1rem}.product-card p{font-size:.84rem;color:var(--color-ink-soft);flex-grow:1}@media (min-width: 640px){.products-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 1000px){.products-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.camera-section__grid{display:grid;gap:1.5rem}.camera-scene-wrap{position:relative;border-radius:var(--radius-lg);overflow:hidden;background:linear-gradient(180deg,var(--color-bg-alt),var(--color-bg));border:1px solid var(--color-border);aspect-ratio:1 / 1;touch-action:pan-y}.camera-controls{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.25rem}.camera-controls__slider-row{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.camera-controls input[type=range]{flex:1;height:44px;accent-color:var(--color-teal);touch-action:pan-x}.camera-controls__buttons{display:flex;gap:.6rem;margin-bottom:1.1rem}.part-list{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1.1rem}.part-list button{text-align:left;padding:.65rem .75rem;border-radius:var(--radius-sm);border:1px solid transparent;background:transparent;cursor:pointer;font-size:.92rem;min-height:44px;display:flex;align-items:center;gap:.6rem;color:var(--color-ink-soft)}.part-list button .dot{width:8px;height:8px;border-radius:50%;background:var(--color-border-strong);flex-shrink:0}.part-list button.is-active{background:var(--color-teal-soft);color:var(--color-ink);font-weight:600}.part-list button.is-active .dot{background:var(--color-teal)}@media (min-width: 900px){.camera-section__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:start}}.steps-grid{display:grid;gap:1rem;grid-template-columns:1fr;counter-reset:step}.step-card{display:flex;gap:1rem;align-items:flex-start;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1.1rem}.step-card__num{font-family:var(--font-heading);font-weight:900;font-size:1.4rem;color:var(--color-bg);background:var(--color-ink);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.step-card h3{font-size:1.05rem;margin-bottom:.3rem}.step-card p{font-size:.9rem;color:var(--color-ink-soft)}@media (min-width: 720px){.steps-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1080px){.steps-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{flex-direction:column}}.weekend-banner{padding-block:1.4rem;background:repeating-linear-gradient(135deg,var(--color-yellow),var(--color-yellow) 18px,var(--color-ink) 18px,var(--color-ink) 20px)}.weekend-banner__inner{background:var(--color-ink);color:var(--color-bg);border-radius:var(--radius-md);padding:1.1rem 1.4rem;display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center;text-align:center}.weekend-banner strong{font-family:var(--font-heading);font-size:1.05rem}.weekend-banner__icon{width:26px;height:26px;color:var(--color-yellow);flex-shrink:0}.contact-panel{max-width:720px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:1.6rem;box-shadow:var(--shadow-sm)}.contact-promise{color:var(--color-ink-soft);font-size:1rem;margin-bottom:.4rem}.contact-b2b{display:inline-flex;align-items:center;gap:.4rem;font-weight:700;font-size:.86rem;color:var(--color-teal);margin-bottom:1.4rem}.contact-cta-row{display:flex;flex-direction:column;gap:.7rem}.contact-cta-row .btn{--btn-h: 56px;font-size:1.05rem}@media (min-width: 560px){.contact-cta-row{flex-direction:row}.contact-cta-row .btn{flex:1}}.contact-quick-title{margin-top:1.8rem;margin-bottom:.7rem;font-weight:700;font-size:.82rem;text-transform:uppercase;letter-spacing:.04em;color:var(--color-ink-faint)}.contact-chips{display:flex;flex-wrap:wrap;gap:.55rem}.contact-chip{border:1px solid var(--color-border-strong);background:var(--color-surface-2);color:var(--color-ink);border-radius:999px;padding:.55rem 1rem;font-size:.88rem;font-weight:600;cursor:pointer;min-height:44px;touch-action:manipulation}.contact-chip:hover{border-color:var(--color-teal);color:var(--color-teal)}.contact-info-list{display:flex;flex-direction:column;gap:.5rem;font-size:.92rem;color:var(--color-ink-soft);margin-top:1.8rem;padding-top:1.4rem;border-top:1px solid var(--color-border)}.site-footer{padding-block:2.2rem;padding-bottom:calc(2.2rem + var(--safe-b));background:var(--color-ink);color:color-mix(in srgb,var(--color-bg) 85%,transparent)}.site-footer a{color:var(--color-bg);text-decoration:none}.footer-grid{display:grid;gap:1.5rem}.footer-brand{font-family:var(--font-heading);font-weight:900;font-size:1.3rem;color:var(--color-bg)}.footer-col h4{font-size:.82rem;text-transform:uppercase;letter-spacing:.06em;color:color-mix(in srgb,var(--color-bg) 60%,transparent);margin-bottom:.6rem}.footer-col p,.footer-col li{font-size:.9rem;margin-bottom:.4rem}.footer-bottom{margin-top:1.8rem;padding-top:1.2rem;border-top:1px solid rgba(242,241,236,.14);font-size:.8rem;color:color-mix(in srgb,var(--color-bg) 55%,transparent)}@media (min-width: 720px){.footer-grid{grid-template-columns:minmax(0,1.2fr) repeat(3,minmax(0,.9fr))}}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;gap:.6rem;padding:.6rem .9rem calc(.6rem + var(--safe-b));padding-left:calc(.9rem + var(--safe-l));padding-right:calc(.9rem + var(--safe-r));background:color-mix(in srgb,var(--color-surface) 92%,transparent);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-top:1px solid var(--color-border)}.sticky-bar .btn{flex:1}@media (min-width: 900px){.sticky-bar{display:none}}body{padding-bottom:calc(var(--stickybar-h) + var(--safe-b))}@media (min-width: 900px){body{padding-bottom:0}}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}}