:root{--hero-bg-start:#FBFCFF;--white:#FFFFFF;--off-white:#F7F8FA;--gray-light:#E5E7EB;--gray-medium:#6B7280;--black:#0A0A0A;--blue:#0066FF;--blue-bright:#00A3FF;--font-display:'Space Grotesk',sans-serif;--font-body:'Inter',sans-serif;--radius-sm:10px;--radius-md:16px;--radius-lg:24px;--radius-pill:999px;--container-width:1180px;--navbar-height:76px;--shadow-card:0 1px 2px rgba(10,10,10,0.06),0 8px 24px rgba(10,10,10,0.05);--shadow-lifted:0 12px 32px rgba(10,10,10,0.10);--ease:cubic-bezier(0.16,1,0.3,1);--page-bg:var(--white);--surface:var(--white);--surface-soft:var(--off-white);--text-main:var(--black);--text-secondary:var(--gray-medium);--border:var(--gray-light);--navbar-bg:rgba(255,255,255,0.70);--navbar-bg-scrolled:rgba(255,255,255,0.90);--hero-bg-start:#FBFCFF}html[data-theme="dark"]{--hero-bg-start:#0D1015;--white:#111111;--off-white:#181818;--gray-light:#2C2C2C;--gray-medium:#A1A1AA;--black:#F5F5F5;--page-bg:#0A0A0A;--surface:#111111;--surface-soft:#181818;--text-main:#F5F5F5;--text-secondary:#A1A1AA;--border:#2C2C2C;--navbar-bg:rgba(10,10,10,0.72);--navbar-bg-scrolled:rgba(10,10,10,0.92);--hero-bg-start:#0D1015;--shadow-card:0 1px 2px rgba(0,0,0,0.30),0 8px 24px rgba(0,0,0,0.25);--shadow-lifted:0 12px 32px rgba(0,0,0,0.40)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:#0A0A0A}body{font-family:var(--font-body);color:var(--text-main);background:var(--page-bg);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background-color 0.35s ease,color 0.35s ease}body,.navbar,.nav-drawer,.category-card,.chip,.pill,.device-panel,.btn--ghost,.footer,.page-hero,.value-item{transition:background-color 0.35s ease,color 0.35s ease,border-color 0.35s ease}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}ul{list-style:none}button{font:inherit;cursor:pointer;border:none;background:none;color:inherit}input,textarea,select{font:inherit;color:inherit}.container{width:100%;max-width:var(--container-width);margin:0 auto;padding:0 24px}:focus-visible{outline:2px solid var(--blue);outline-offset:3px}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:0.01ms !important;transition-duration:0.01ms !important}}h1,h2,h3,h4{font-family:var(--font-display);font-weight:600;letter-spacing:-0.02em;line-height:1.08;color:var(--text-main)}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:0.85rem;font-weight:600;color:var(--blue);margin-bottom:14px}.eyebrow--light{color:rgba(255,255,255,0.85)}.eyebrow--onblack{color:var(--blue-bright)}.section-title{font-size:clamp(1.8rem,3.2vw,2.7rem);max-width:640px;margin-bottom:20px}.section-title--light{color:#FFFFFF}.section-lead{font-size:1.05rem;color:var(--text-secondary);max-width:560px;line-height:1.65}.section-lead--light{color:rgba(255,255,255,0.82)}.section{padding:100px 0}.section--tight{padding:72px 0}@media (max-width:860px){.section{padding:40px 0}}.btn{display:inline-flex;align-items:center;gap:6px;padding:15px 30px;border-radius:var(--radius-pill);font-weight:600;font-size:0.95rem;transition:transform 0.2s var(--ease),background 0.2s var(--ease),color 0.2s var(--ease),border-color 0.2s var(--ease);white-space:nowrap}.btn--primary{background:var(--blue);color:#FFFFFF}.btn--primary:hover{background:#0052cc;transform:translateY(-2px)}.btn--dark{background:var(--text-main);color:var(--page-bg)}.btn--dark:hover{opacity:0.85;transform:translateY(-2px)}.btn--ghost{background:transparent;color:var(--text-main);border:1px solid var(--border)}.btn--ghost:hover{border-color:var(--text-main)}.btn--outline-light{background:transparent;color:#FFFFFF;border:1px solid rgba(255,255,255,0.4)}.btn--outline-light:hover{background:rgba(255,255,255,0.12)}.btn--small{padding:11px 22px;font-size:0.88rem}.navbar__control{display:flex;align-items:center;justify-content:center;min-width:38px;height:38px;padding:0 10px;border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-main);background:transparent;font-size:0.78rem;font-weight:600;transition:background-color 0.25s ease,color 0.25s ease,border-color 0.25s ease,transform 0.2s var(--ease)}.navbar__control:hover{background:var(--surface-soft);transform:translateY(-1px)}.navbar__theme{font-size:1rem;padding:0}.pill{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:var(--radius-pill);background:var(--surface-soft);color:var(--blue);font-size:0.85rem;font-weight:500;margin-bottom:24px}.chip{font-size:0.8rem;padding:6px 12px;border-radius:var(--radius-pill);background:var(--surface);color:var(--text-main);border:1px solid var(--border)}.navbar{position:sticky;top:0;z-index:200;background:var(--navbar-bg);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color 0.3s ease,background 0.3s ease}.navbar.is-scrolled{border-bottom-color:var(--border);background:var(--navbar-bg-scrolled)}.navbar__inner{display:flex;align-items:center;justify-content:space-between;height:var(--navbar-height)}.navbar__logo{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-weight:600;font-size:1.15rem}.navbar__logo-mark{width:32px;height:32px;border-radius:9px;background:var(--blue);color:#FFFFFF;display:flex;align-items:center;justify-content:center;font-size:0.95rem;font-family:var(--font-display)}.navbar__links{display:flex;gap:34px}.nav-link{font-size:0.94rem;font-weight:500;color:var(--text-main);position:relative;padding:4px 0}.nav-link::after{content:"";position:absolute;left:0;bottom:0;width:0;height:2px;background:var(--blue);transition:width 0.2s var(--ease)}.nav-link:hover::after,.nav-link.is-active::after{width:100%}.nav-link.is-active{color:var(--blue)}.navbar__right{display:flex;align-items:center;gap:10px}.navbar__toggle{display:none;flex-direction:column;justify-content:center;gap:5px;width:26px;height:26px}.navbar__toggle span{height:2px;background:var(--text-main);border-radius:2px;transition:transform 0.25s var(--ease),opacity 0.25s var(--ease)}.navbar__toggle.is-active span:nth-child(1){transform:translateY(3.25px) rotate(45deg)}.navbar__toggle.is-active span:nth-child(2){transform:translateY(-3.25px) rotate(-45deg)}.accessibility-control{position:relative;display:flex;align-items:center}.accessibility-toggle{width:36px;height:36px;padding:0;border:1px solid var(--gray-light);border-radius:50%;background:var(--white);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background 0.25s ease,border-color 0.25s ease,transform 0.25s ease}.accessibility-toggle:hover{border-color:var(--blue);color:var(--blue);transform:translateY(-1px)}.accessibility-toggle svg{width:18px;height:18px}.accessibility-options{position:absolute;right:0;top:calc(100% + 10px);display:flex;gap:7px;opacity:0;visibility:hidden;transform:translateY(-6px) scale(0.92);transform-origin:top right;transition:opacity 0.22s ease,visibility 0.22s ease,transform 0.22s ease;z-index:20}.accessibility-control.is-open .accessibility-options{opacity:1;visibility:visible;transform:translateY(0) scale(1)}.accessibility-option{width:34px;height:34px;border:1px solid var(--gray-light);border-radius:50%;background:var(--white);color:var(--text-main);display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:0.7rem;font-weight:700;box-shadow:var(--shadow-card);transition:transform 0.2s ease,border-color 0.2s ease,color 0.2s ease}.accessibility-option:hover{transform:translateY(-2px);border-color:var(--blue);color:var(--blue)}html[data-theme="dark"] .accessibility-toggle,html[data-theme="dark"] .accessibility-option{background:var(--surface);border-color:var(--border);color:var(--text-main)}.nav-drawer{position:fixed;top:0;left:0;width:100%;height:100dvh;z-index:190;background:var(--page-bg);display:flex;flex-direction:column;justify-content:flex-start;padding:50px 32px 32px;transform:translate3d(100%,0,0);transition:transform 0.35s var(--ease);overflow-y:auto;overscroll-behavior:contain}.nav-drawer.is-open{transform:translate3d(0,0,0)}.nav-drawer__links{display:flex;flex-direction:column;gap:6px}.nav-drawer__links a{font-family:var(--font-display);font-size:2rem;font-weight:600;padding:12px 0;border-bottom:1px solid var(--border)}.nav-drawer__cta{margin-top:32px;align-self:flex-start}@media (max-width:1120px){.navbar__links{gap:24px}.nav-link{font-size:0.9rem}}@media (max-width:980px){.navbar__links{gap:17px}.nav-link{font-size:0.86rem}}@media (max-width:860px){.navbar{position:fixed;top:0;left:0;width:100%;z-index:1000;--navbar-height:42px}.navbar__inner{height:var(--navbar-height);padding-left:14px;padding-right:14px}.navbar__logo-mark{width:22px;height:22px;border-radius:6px;font-size:0.68rem}.navbar__links,.navbar__right .btn,.navbar__right .navbar__control{display:none}.navbar__toggle{display:flex;width:22px;height:20px;flex-direction:column;justify-content:center;gap:5px}.navbar__toggle span{width:16px;height:1.5px}.nav-drawer__accessibility{display:none !important}.accessibility-control{display:flex;align-items:center;gap:4px}.accessibility-toggle{width:24px;height:24px;border:none;background:transparent;font-size:0.8rem}.accessibility-toggle svg{width:15px;height:15px}.accessibility-options{position:absolute;right:30px;top:50%;transform:translateY(-50%) scale(0.92);transform-origin:right center;display:flex;gap:5px}.accessibility-control.is-open .accessibility-options{transform:translateY(-50%) scale(1)}.accessibility-option{width:27px;height:27px;font-size:0.58rem;box-shadow:0 4px 12px rgba(0,0,0,0.10)}}@keyframes float-bubble-1{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(8px,-10px) rotate(1deg)}}@keyframes float-bubble-2{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(-9px,7px) rotate(-1deg)}}@keyframes float-bubble-3{0%,100%{transform:translate(0,0) rotate(0deg)}50%{transform:translate(7px,9px) rotate(1deg)}}.footer{background:#0A0A0A;color:#FFFFFF;padding:64px 0 24px}.footer__top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,0.12)}.footer__brand{display:flex;align-items:flex-start;gap:12px;max-width:320px}.footer__name{font-family:var(--font-display);font-weight:600;font-size:1.1rem}.footer__tagline{font-size:0.88rem;color:rgba(255,255,255,0.55);margin-top:4px}.footer__cols{display:flex;gap:64px;flex-wrap:wrap}.footer__col h4{font-size:0.8rem;font-weight:600;color:rgba(255,255,255,0.5);margin-bottom:14px;font-family:var(--font-body)}.footer__col a,.footer__col span{display:block;font-size:0.92rem;color:rgba(255,255,255,0.85);padding:5px 0}.footer__col a:hover{color:var(--blue-bright)}.footer__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;padding-top:24px;font-size:0.82rem;color:rgba(255,255,255,0.45)}.final-cta{text-align:center;padding:100px 0}.final-cta h2{font-size:clamp(2rem,4vw,3.2rem);margin-bottom:28px}.final-cta .btn{margin:0 auto}.reveal{opacity:0;transform:translateY(18px);transition:opacity 0.6s var(--ease),transform 0.6s var(--ease)}.reveal.is-visible{opacity:1;transform:translateY(0)}.reveal-group.is-visible>*{transition-delay:calc(var(--stagger-i,0) * 70ms)}.page-hero{padding:72px 0 56px;border-bottom:1px solid var(--border)}.page-hero h1{font-size:clamp(2.1rem,4.4vw,3.4rem);max-width:720px}.page-hero .section-lead{margin-top:18px}.text-center{text-align:center}.mx-auto{margin-left:auto;margin-right:auto}@media (max-width:860px){html.menu-open,body.menu-open{overflow:hidden;height:100%}}.image-slot__file,.digital-shot__file,.build-teaser__frame-file{display:block;margin-top:6px;font-family:var(--font-body);font-weight:500;font-size:0.66rem;letter-spacing:0.02em;text-transform:none;color:var(--blue);opacity:0.75}.work-piece__slot{line-height:1.7}@media (max-width:860px){html,body{width:100%;max-width:100%;overflow-x:hidden}.container{padding:0 14px}.page-hero h1,.repair-hero h1,.build-hero h1,.digital-hero h1,.contact-hero h1,.about-hero h1{font-size:clamp(1.55rem,6vw,2rem);line-height:1.04}.section-title{font-size:clamp(1.55rem,6vw,2rem);line-height:1.04}.section-lead{font-size:0.72rem;line-height:1.5}.section-lead--light{font-size:0.72rem;line-height:1.5}.eyebrow{font-size:0.68rem;margin-bottom:10px}h2{font-size:clamp(1.35rem,5.2vw,1.8rem);line-height:1.12}h3{font-size:1rem}h4{font-size:0.9rem}.btn{padding:11px 20px;font-size:0.78rem}.btn--small{padding:9px 16px;font-size:0.72rem}.final-cta{margin:0;padding:64px 0}.final-cta h2{font-size:clamp(1.4rem,5.6vw,1.9rem);line-height:1.1}.footer{margin:0;padding-top:40px}.footer__name{font-size:0.72rem}.footer__tagline{font-size:0.55rem;line-height:1.35}.footer__col h4{font-size:0.62rem}.footer__col a{font-size:0.55rem;line-height:1.35}.footer__cols{column-gap:88px;row-gap:24px}.footer__top{padding-bottom:34px}.footer__bottom{padding-top:12px;font-size:0.52rem;line-height:1.3}.footer{padding-bottom:12px}.repair-bubble,.build-bubble,.work-bubble,.digital-nav a{padding:10px 16px;font-size:0.78rem}.repair-bubble__icon,.build-bubble__icon,.work-bubble__icon,.digital-nav__icon{width:15px;height:15px}.repair-bubble__icon svg,.build-bubble__icon svg,.work-bubble__icon svg,.digital-nav__icon svg{width:15px;height:15px}.image-slot__label,.digital-shot__label{font-size:0.62rem}.image-slot__file,.digital-shot__file,.build-teaser__frame-file{font-size:0.58rem}.service-chips span,.build-chips span{padding:6px 12px;font-size:0.72rem}}@media (max-width:520px){.footer__tagline,.footer__col a{font-size:0.52rem}.footer__bottom{font-size:0.5rem}.btn{padding:10px 17px;font-size:0.74rem}}.image-slot__img,.digital-shot__img{display:block;width:100%;height:100%;object-fit:cover}.image-slot:has(.image-slot__img){border:1px solid var(--border);border-style:solid;background:none;aspect-ratio:16 / 10;padding:0;gap:0;overflow:hidden}.digital-shot:has(.digital-shot__img){background:none}.digital-shot:has(.digital-shot__img)::before{display:none}.image-slot__img,.digital-shot__img{transition:transform 0.5s var(--ease)}.device-card:hover .image-slot__img,.build-card:hover .image-slot__img,.digital-panel:hover .digital-shot__img{transform:scale(1.04)}.navbar__logo{position:relative;overflow:hidden;text-decoration:none}.navbar__logo-img{width:32px;height:32px;object-fit:contain;flex-shrink:0;display:block}.footer__logo-img{width:30px;height:30px;object-fit:contain;flex-shrink:0;display:block}.navbar__page{display:none}@media (max-width:860px){.navbar__page{display:block;white-space:nowrap;pointer-events:none;font-family:var(--font-display);font-weight:600;font-size:0.82rem;letter-spacing:-0.01em;color:var(--text-main);animation:navbar-page 2.5s var(--ease) 0.2s both}@keyframes navbar-page{0%{opacity:0;transform:translateX(-10px);clip-path:inset(0 100% 0 0);margin-left:-8px}16%{opacity:1;transform:translateX(0);clip-path:inset(0 0 0 0);margin-left:0}84%{opacity:1;transform:translateX(0);clip-path:inset(0 0 0 0);margin-left:0}100%{opacity:0;transform:translateX(-10px);clip-path:inset(0 100% 0 0);margin-left:-8px}}@media (prefers-reduced-motion:reduce){.navbar__page{display:none}}.navbar__logo-img{width:24px;height:24px}.footer__logo-img{width:22px;height:22px}}