@font-face { font-family: "Big Shoulders Display"; font-weight: 700 900; font-style: normal; font-display: swap; src: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/fonts/BigShouldersDisplay-700.woff2") format("woff2"); }@font-face { font-family: "IBM Plex Sans"; font-weight: 400 600; font-style: normal; font-display: swap; src: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/fonts/IBMPlexSans-400.woff2") format("woff2"); }@font-face { font-family: "IBM Plex Mono"; font-weight: 400; font-style: normal; font-display: swap; src: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/fonts/IBMPlexMono-400.woff2") format("woff2"); }@font-face { font-family: "IBM Plex Mono"; font-weight: 500; font-style: normal; font-display: swap; src: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/fonts/IBMPlexMono-500.woff2") format("woff2"); }@font-face { font-family: Poppins; font-weight: 700; font-style: normal; font-display: swap; src: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/fonts/Poppins-700.woff2") format("woff2"); }:root { --ink: #06163f; --ink2: #0c2257; --paper: #f1f6ff; --paper2: #ffffff; --white: #fff; --yel: #8fbaff; --yel2: #b9d3ff; --blue: #1d46b0; --blue2: #2f6bff; --mute: #5d6a8a; --line: rgba(6,22,63,.14); --lineD: rgba(255,255,255,.18); --f-head: "Big Shoulders Display","Arial Narrow",Impact,sans-serif; --f-body: "IBM Plex Sans",system-ui,sans-serif; --f-mono: "IBM Plex Mono",ui-monospace,Consolas,monospace; --gut: clamp(18px,4vw,60px); --max: 1360px; --hh: 76px; }*, ::before, ::after { box-sizing: border-box; }html { scroll-behavior: smooth; text-size-adjust: 100%; }html.lenis, html.lenis body { height: auto; }.lenis.lenis-smooth { scroll-behavior: auto !important; }.lenis.lenis-stopped { overflow: hidden; }body { margin: 0px; background: var(--paper); color: var(--ink); font: 400 16px/1.65 var(--f-body); -webkit-font-smoothing: antialiased; overflow-x: hidden; }img, video, canvas, svg { display: block; max-width: 100%; }img { height: auto; }a { color: inherit; text-decoration: none; }h1, h2, h3, h4, p, ul, ol, dl, dd, figure { margin: 0px; padding: 0px; }h1, h2, h3, h4, p, ul, ol, dl, dd, .mdc-fig { margin: 0px; padding: 0px; }ul, ol { list-style: none; }button { font: inherit; color: inherit; }:focus-visible { outline: 3px solid var(--blue); outline-offset: 3px; }.skip { position: absolute; left: -999px; top: 8px; background: var(--yel); color: var(--ink); padding: 10px 16px; z-index: 999; font-weight: 600; }.skip:focus { left: 8px; }.sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }.wrap { max-width: var(--max); margin: 0px auto; padding-left: var(--gut); padding-right: var(--gut); }.mono { font: 500 12px/1.4 var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; }.tag { display: inline-flex; gap: 0.7em; align-items: center; font: 500 12px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; color: var(--mute); }.tag i { font-style: normal; background: var(--ink); color: var(--yel); padding: 3px 7px; }.dark .tag { color: rgb(154, 154, 146); }.dark .tag i { background: var(--yel); color: var(--ink); }.dark { background: var(--ink); color: rgb(236, 235, 230); }.h1, .h2, .h3 { font-family: var(--f-head); font-weight: 800; text-transform: uppercase; line-height: 0.9; letter-spacing: -0.004em; }.h1 { font-size: clamp(54px, 9.4vw, 168px); }.h2 { font-size: clamp(40px, 6vw, 96px); }.h3 { font-size: clamp(26px, 3vw, 44px); line-height: 0.95; }.line { display: block; overflow: hidden; padding-bottom: 0.07em; }.line > span { display: block; }.line > :where(.mdc-w) > span{display: block;}.hl { background: linear-gradient(transparent 62%,var(--yel) 62% 92%,transparent 92%); }.dark .hl { background: none; color: var(--yel); }.hazard { height: 12px; background: repeating-linear-gradient(-45deg,var(--ink) 0 14px,var(--yel) 14px 28px); }.sec { padding: clamp(72px, 11vw, 150px) 0px; position: relative; }.hd { position: fixed; inset: 0px 0px auto; height: var(--hh); z-index: 100; background: rgba(11, 11, 12, 0.9); backdrop-filter: blur(12px); color: rgb(255, 255, 255); border-bottom: 1px solid var(--lineD); }.hd .in { height: 100%; display: flex; align-items: center; gap: clamp(16px, 3vw, 40px); }.logo { display: flex; align-items: center; gap: 11px; color: rgb(255, 255, 255); line-height: 1; }.logo svg { width: 30px; height: 38px; flex: 0 0 auto; }.logo b { display: block; font: 700 19px/1 Poppins,var(--f-body); letter-spacing: 0.01em; }.logo small { display: block; font: 700 8.5px/1 Poppins,var(--f-body); letter-spacing: 0.06em; color: var(--yel); margin-top: 4px; white-space: nowrap; }.logo .mdc-sm { display: block; font: 700 8.5px/1 Poppins,var(--f-body); letter-spacing: 0.06em; color: var(--yel); margin-top: 4px; white-space: nowrap; }.nav { display: flex; gap: clamp(14px, 2.2vw, 32px); margin-left: auto; align-items: center; }.nav a { font: 500 13px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; padding: 6px 0px; position: relative; white-space: nowrap; }.nav a::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 2px; background: var(--yel); transform: scaleX(0); transform-origin: left center; transition: transform 0.35s; }.nav a:hover::after, .nav a[aria-current]::after { transform: scaleX(1); }.hd .tel { font: 500 13px var(--f-mono); display: flex; align-items: center; gap: 8px; white-space: nowrap; }.hd .tel i { width: 8px; height: 8px; border-radius: 50%; background: rgb(61, 220, 132); box-shadow: rgba(61, 220, 132, 0.6) 0px 0px 0px 0px; animation: 1.8s ease 0s infinite normal none running ping; }@keyframes ping { 
  70% { box-shadow: rgba(61, 220, 132, 0) 0px 0px 0px 8px; }
  100% { box-shadow: rgba(61, 220, 132, 0) 0px 0px 0px 0px; }
}.burger { display: none; margin-left: auto; background: none; border: 1px solid var(--lineD); width: 44px; height: 44px; cursor: pointer; color: rgb(255, 255, 255); }.burger span { display: block; width: 20px; height: 2px; background: rgb(255, 255, 255); margin: 5px auto; }@media (max-width: 980px){.nav a:not(.btn), .hd .tel { display: none; }.nav { margin-left: auto; }.burger { display: block; margin-left: 12px; }.nav .btn { padding: 11px 16px; }}.mnav { position: fixed; inset: var(--hh) 0 0 0; background: var(--ink); z-index: 99; padding: 30px var(--gut); display: none; overflow: auto; }.mnav.open { display: block; }.mnav a { display: block; font: 800 40px/1.1 var(--f-head); text-transform: uppercase; color: rgb(255, 255, 255); padding: 12px 0px; border-bottom: 1px solid var(--lineD); }.mnav .btn { margin-top: 26px; }.btn { display: inline-flex; align-items: center; justify-content: center; gap: 12px; padding: 16px 26px; background: var(--yel); font: 600 14px var(--f-body); letter-spacing: 0.04em; text-transform: uppercase; border: 0px; cursor: pointer; position: relative; overflow: hidden; clip-path: polygon(0px 0px, calc(100% - 12px) 0px, 100% 12px, 100% 100%, 12px 100%, 0px calc(100% - 12px)); transition: background 0.25s, transform 0.25s; color: var(--ink) !important; }.btn svg { width: 18px; height: 18px; transition: transform 0.3s; }.btn:hover svg { transform: translateX(5px); }.btn:hover { background: var(--yel2); }.btn.dk { background: var(--ink); color: rgb(255, 255, 255) !important; }.btn.dk:hover { background: rgb(38, 39, 44); }.btn.wh { background: rgb(255, 255, 255); }.btn.wh:hover { background: var(--yel); }.btn.ghost { background: transparent; box-shadow: currentcolor 0px 0px 0px 1.5px inset; clip-path: none; color: inherit !important; }.btn.ghost:hover { background: rgba(255, 194, 26, 0.14); }.btn.wa { background: rgb(37, 211, 102); color: rgb(4, 32, 15) !important; }.btn.wa:hover { background: rgb(78, 227, 132); }.btn.sm { padding: 11px 18px; font-size: 12.5px; }.hero { position: relative; height: 100svh; min-height: 680px; max-height: 1100px; overflow: hidden; background: var(--ink); color: rgb(255, 255, 255); }.hero .cv { position: absolute; inset: 0px; }.hero canvas { width: 100%; height: 100%; }.hero .poster { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: 62% 50%; opacity: 1; transition: opacity 0.9s; }.hero.ready .poster { opacity: 0; }.hero::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(11, 11, 12, 0.88) 0%, rgba(11, 11, 12, 0.55) 36%, rgba(11, 11, 12, 0) 62%), linear-gradient(0deg, rgba(11, 11, 12, 0.85), rgba(11, 11, 12, 0) 30%); }.hero .copy { position: absolute; inset: var(--hh) 0 0 0; z-index: 2; display: flex; flex-direction: column; justify-content: center; padding-bottom: 110px; pointer-events: none; }.hero .copy > * { pointer-events: auto; }.hero .copy > :where(.mdc-w) > *{pointer-events: auto;}.hero .eyebrow { display: inline-flex; align-items: center; gap: 10px; font: 500 12px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--yel); margin-bottom: 22px; }.hero .eyebrow::before { content: ""; width: 34px; height: 2px; background: var(--yel); }.hero h1 { max-width: none; font-size: clamp(46px, min(8.2vw, 13.4vh), 150px); }.hero h1 em { font-style: normal; color: var(--yel); }.hero .sub { max-width: 52ch; margin-top: 22px; font-size: clamp(15px, min(1.35vw, 2.6vh), 20px); color: rgb(225, 223, 215); line-height: 1.55; }.hero .sub b { color: rgb(255, 255, 255); font-weight: 600; }.hero .cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }.hero .meter { position: absolute; z-index: 2; left: 0px; right: 0px; bottom: 0px; }.meter .row { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--lineD); background: rgba(11, 11, 12, 0.55); backdrop-filter: blur(8px); }.meter .row div { padding: 16px var(--gut) 18px; border-right: 1px solid var(--lineD); }.meter .row div:last-child { border: 0px; }.meter b { display: block; font: 800 clamp(24px,2.6vw,38px)/1 var(--f-head); text-transform: uppercase; color: rgb(255, 255, 255); }.meter b em { font-style: normal; color: var(--yel); }.meter small { font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: rgb(169, 169, 162); }.meter .mdc-sm { font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: rgb(169, 169, 162); }.hero .hint { position: absolute; right: var(--gut); bottom: 98px; z-index: 2; font: 500 11px var(--f-mono); letter-spacing: 0.14em; color: rgb(201, 200, 192); text-transform: uppercase; display: flex; align-items: center; gap: 10px; }.hero .hint i { width: 1px; height: 42px; background: linear-gradient(var(--yel),transparent); animation: 1.8s ease 0s infinite normal none running drop; }@keyframes drop { 
  0% { transform: scaleY(0); transform-origin: center top; }
  50% { transform: scaleY(1); transform-origin: center top; }
  51% { transform-origin: center bottom; }
  100% { transform: scaleY(0); transform-origin: center bottom; }
}@media (max-width: 820px){.hero::after { background: linear-gradient(0deg, rgba(11, 11, 12, 0.95) 8%, rgba(11, 11, 12, 0.55) 55%, rgba(11, 11, 12, 0.35)); }.hero .copy { justify-content: flex-end; padding-bottom: 150px; }.meter .row { grid-template-columns: 1fr 1fr; }.meter .row div:nth-child(n+3) { display: none; }.hero .hint { display: none; }.hero h1 { font-size: clamp(40px, 12.4vw, 76px); }.hero .cta .wa { display: none; }.hero .sub { font-size: 14.5px; margin-top: 16px; }.hero .eyebrow { display: none; }.hero .meter { bottom: 62px; }.hero .copy { padding-bottom: 196px; }.hero .cta { margin-top: 18px; }.hero .cta .btn { padding: 14px 20px; }}.tick { background: var(--yel); color: var(--ink); overflow: hidden; white-space: nowrap; padding: 14px 0px; border-block: 2px solid var(--ink); }.tick .tr { display: inline-flex; animation: 40s linear 0s infinite normal none running tick; }.tick span { font: 800 clamp(22px,2.4vw,34px) var(--f-head); text-transform: uppercase; padding: 0px 26px; display: inline-flex; align-items: center; gap: 52px; }.tick span::after { content: ""; width: 12px; height: 12px; background: var(--ink); transform: rotate(45deg); }@keyframes tick { 
  100% { transform: translateX(-50%); }
}.choose .head { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: 46px; }.choose .head p { max-width: 46ch; color: rgb(68, 68, 63); }.cgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }.cc { position: relative; display: block; aspect-ratio: 4 / 3.2; overflow: hidden; background: var(--ink); color: rgb(255, 255, 255); isolation: isolate; }.cc img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.5s; filter: saturate(0.95) brightness(0.78); }.cc:hover img { transform: scale(1.07); filter: saturate(1.1) brightness(0.9); }.cc::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(11, 11, 12, 0.9), rgba(11, 11, 12, 0) 60%); z-index: 1; }.cc .t { position: absolute; left: 22px; right: 22px; bottom: 20px; z-index: 2; }.cc h3 { font: 800 clamp(30px,3vw,46px)/.92 var(--f-head); text-transform: uppercase; }.cc p { font-size: 14px; color: rgb(216, 215, 207); margin-top: 6px; max-width: 34ch; }.cc .pr { position: absolute; top: 16px; left: 16px; z-index: 2; background: var(--yel); color: var(--ink); font: 500 12px var(--f-mono); padding: 6px 10px; letter-spacing: 0.04em; }.cc .ar { position: absolute; top: 14px; right: 14px; z-index: 2; width: 42px; height: 42px; background: rgb(255, 255, 255); color: var(--ink); display: grid; place-items: center; clip-path: polygon(0px 0px, calc(100% - 9px) 0px, 100% 9px, 100% 100%, 9px 100%, 0px calc(100% - 9px)); transition: background 0.3s, transform 0.3s; }.cc .ar svg { width: 18px; }.cc:hover .ar { background: var(--yel); transform: translate(3px, -3px); }@media (max-width: 900px){.cgrid { grid-template-columns: 1fr 1fr; }}@media (max-width: 560px){.cgrid { grid-template-columns: 1fr; }.cc { aspect-ratio: 16 / 11; }}.story { position: relative; height: 100svh; min-height: 640px; overflow: hidden; background: var(--ink); color: rgb(255, 255, 255); }.story .cv { position: absolute; inset: 0px; }.story canvas { width: 100%; height: 100%; }.story::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(90deg, rgba(11, 11, 12, 0.8), rgba(11, 11, 12, 0) 48%), linear-gradient(0deg, rgba(11, 11, 12, 0.75), rgba(11, 11, 12, 0) 28%), linear-gradient(rgba(11, 11, 12, 0.55), rgba(11, 11, 12, 0) 22%); }.story .ui { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; justify-content: space-between; padding: calc(var(--hh) + 26px) var(--gut) 28px; pointer-events: none; }.story .top { display: flex; justify-content: space-between; gap: 20px; align-items: flex-start; }.story .top .h2 { font-size: clamp(40px, 5.4vw, 88px); max-width: 9ch; }.story .rail { display: flex; gap: 10px; align-items: center; }.story .bot { display: grid; grid-template-columns: minmax(0px, 520px) 1fr; gap: 30px; align-items: end; }.story .chap { position: relative; min-height: 190px; }.story .ch { position: absolute; left: 0px; bottom: 0px; right: 0px; opacity: 0; transform: translateY(24px); transition: opacity 0.5s, transform 0.5s; }.story .ch.on { opacity: 1; transform: none; }.story .ch .n { font: 500 12px var(--f-mono); letter-spacing: 0.14em; color: var(--yel); text-transform: uppercase; }.story .ch h3 { font: 800 clamp(34px,4vw,60px)/.92 var(--f-head); text-transform: uppercase; margin: 8px 0px 10px; }.story .ch p { color: rgb(217, 216, 208); max-width: 46ch; line-height: 1.55; }.story .steps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 8px; margin-top: 0px; }.story .steps div { border-top: 3px solid rgba(255, 255, 255, 0.2); padding-top: 10px; font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: rgb(141, 141, 134); transition: 0.4s; }.story .steps div.on { border-color: var(--yel); color: rgb(255, 255, 255); }.story .live { display: flex; gap: 26px; justify-content: flex-end; align-items: flex-end; flex-wrap: wrap; }.story .live div { min-width: 110px; text-align: right; }.story .live b { display: block; font: 800 clamp(44px,5vw,78px)/.88 var(--f-head); color: rgb(255, 255, 255); }.story .live small { font: 500 10px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: rgb(169, 169, 162); }.story .live .mdc-sm { font: 500 10px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: rgb(169, 169, 162); }.story .live b em { font-style: normal; color: var(--yel); }@media (max-width: 820px){.story .bot { grid-template-columns: 1fr; }.story .live { justify-content: flex-start; }.story .live div { text-align: left; min-width: 0px; }.story .top .h2 { font-size: clamp(36px, 11vw, 60px); }.story .chap { min-height: 160px; }}.ana { position: relative; height: 100svh; min-height: 640px; overflow: hidden; }.ana .cv { position: absolute; inset: 0px; }.ana canvas { width: 100%; height: 100%; }.ana .ui { position: absolute; inset: 0px; pointer-events: none; display: flex; flex-direction: column; justify-content: space-between; padding: calc(var(--hh) + 26px) var(--gut) 0; }.ana .ttl .h2 { font-size: clamp(44px, 6.2vw, 100px); }.ana .steps { display: grid; grid-template-columns: repeat(6, 1fr); margin: 0 calc(var(--gut) * -1); padding: 0 var(--gut) 26px; background: linear-gradient(0deg, rgba(11, 11, 12, 0.94) 55%, transparent); }.ana .step { padding: 14px 14px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.16); opacity: 0.4; transition: opacity 0.35s; position: relative; }.ana .step::before { content: ""; position: absolute; left: 0px; top: -1px; height: 3px; width: 0px; background: var(--yel); transition: width 0.5s; }.ana .step.on::before, .ana .step.done::before { width: 100%; }.ana .step.on { opacity: 1; }.ana .step.done { opacity: 0.75; }.ana .step i { font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; color: var(--yel); font-style: normal; display: block; margin-bottom: 4px; }.ana .step b { font: 800 clamp(20px,2vw,30px)/1 var(--f-head); text-transform: uppercase; display: block; }.ana .step p { font-size: 12.5px; color: rgb(168, 168, 160); line-height: 1.5; margin-top: 8px; visibility: hidden; min-height: 5.6em; }.ana .step.on p { visibility: visible; }.ana .read { position: absolute; right: var(--gut); top: calc(var(--hh) + 26px); text-align: right; font: 500 11px var(--f-mono); letter-spacing: 0.14em; color: rgb(154, 154, 146); text-transform: uppercase; }.ana .read b { display: block; font: 800 clamp(54px,7vw,110px)/.9 var(--f-head); color: var(--yel); letter-spacing: 0px; }@media (max-width: 820px){.ana .read { display: none; }.ana .steps { grid-template-columns: repeat(3, 1fr); padding-bottom: 18px; }.ana .step p { display: none; }}.pgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.pc { background: var(--paper2); border: 1px solid var(--line); display: flex; flex-direction: column; transition: transform 0.35s, box-shadow 0.35s; position: relative; }.elementor .e-con-full.e-flex.mdc.pc{flex-direction:column}.pc:hover { transform: translateY(-6px); box-shadow: rgba(0, 0, 0, 0.35) 0px 22px 40px -22px; }.pc .im { position: relative; aspect-ratio: 4 / 3; overflow: hidden; background: rgb(217, 214, 205); }.pc .im img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.8s; }.pc:hover .im img { transform: scale(1.06); }.pc .im .pr { position: absolute; left: 0px; bottom: 0px; background: var(--ink); color: var(--yel); font: 500 13px var(--f-mono); padding: 8px 14px; }.pc .im .pr small { color: rgb(189, 189, 181); font-size: 11px; }.pc .im .pr .mdc-sm { color: rgb(189, 189, 181); font-size: 11px; }.pc .bd { padding: 18px 20px 20px; display: flex; flex-direction: column; gap: 12px; flex: 1 1 0%; }.pc h3 { font: 800 clamp(24px,2.2vw,32px)/.98 var(--f-head); text-transform: uppercase; }.pc .ch { display: flex; flex-wrap: wrap; gap: 6px; }.pc .ch span { font: 500 11px var(--f-mono); letter-spacing: 0.04em; text-transform: uppercase; border: 1px solid var(--line); padding: 4px 8px; color: rgb(74, 74, 69); }.pc .go { margin-top: auto; display: flex; justify-content: space-between; align-items: center; border-top: 1px solid var(--line); padding-top: 12px; font: 600 13px var(--f-body); text-transform: uppercase; letter-spacing: 0.04em; }.pc .go svg { width: 18px; transition: transform 0.3s; }.pc:hover .go svg { transform: translateX(5px); }@media (max-width: 980px){.pgrid { grid-template-columns: 1fr 1fr; }}@media (max-width: 600px){.pgrid { grid-template-columns: 1fr; }}.strip { overflow: hidden; background: var(--ink); padding: 0px; }.strip .tr { display: flex; gap: 6px; width: max-content; animation: 70s linear 0s infinite normal none running tick; }.strip:hover .tr { animation-play-state: paused; }.strip img { height: clamp(200px, 26vw, 360px); width: auto; object-fit: cover; aspect-ratio: 4 / 3; }.ind .list { margin-top: 44px; border-top: 1px solid var(--lineD); }.ind .row { display: grid; grid-template-columns: 60px 1fr minmax(0px, 36ch); align-items: center; gap: 20px; padding: clamp(16px, 2.6vw, 30px) 0px; border-bottom: 1px solid var(--lineD); transition: padding 0.4s; position: relative; }.ind .row i { font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; color: var(--yel); font-style: normal; }.ind .row h3 { font: 800 clamp(34px,6vw,96px)/.9 var(--f-head); text-transform: uppercase; transition: color 0.3s, transform 0.4s; }.ind .row p { font-size: 14px; color: rgb(168, 168, 160); }.ind .row:hover { padding-left: 18px; }.ind .row:hover h3 { color: var(--yel); }.ind .float { position: fixed; left: 0px; top: 0px; width: min(300px, 30vw); aspect-ratio: 4 / 5; pointer-events: none; z-index: 60; overflow: hidden; opacity: 0; transform: translate(var(--x,0),var(--y,0)) translate(-50%,-50%) scale(.8); transition: opacity 0.3s, transform 0.18s; }.ind .float.show { opacity: 1; transform: translate(var(--x,0),var(--y,0)) translate(-50%,-50%) scale(1); }.ind .float img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; }.ind .float img.on { opacity: 1; }@media (max-width: 820px){.ind .row { grid-template-columns: 36px 1fr; }.ind .row p { display: none; }.ind .float { display: none; }}.why .wg { display: grid; grid-template-columns: 1fr 1.4fr; gap: var(--gut); }.why .lt { position: sticky; top: calc(var(--hh) + 30px); align-self: start; }.why .lt p { margin-top: 22px; max-width: 40ch; color: rgb(70, 70, 63); }.why .it { display: grid; grid-template-columns: 110px 1fr; gap: 20px; padding: 30px 0px; border-top: 1px solid var(--line); }.why .it b { font: 800 clamp(60px,7vw,108px)/.8 var(--f-head); color: transparent; -webkit-text-stroke: 2px var(--ink); }.why .it h3 { font: 800 clamp(26px,2.8vw,42px)/.95 var(--f-head); text-transform: uppercase; }.why .it p { margin-top: 8px; color: rgb(70, 70, 63); max-width: 52ch; }.stats { display: grid; grid-template-columns: repeat(4, 1fr); gap: 1px; background: var(--line); border: 1px solid var(--line); margin-top: 60px; }.stats div { background: var(--paper); padding: 24px 20px; }.stats b { display: block; font: 800 clamp(40px,5vw,76px)/.9 var(--f-head); }.stats small { font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }.stats .mdc-sm { font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }@media (max-width: 860px){.why .wg { grid-template-columns: 1fr; }.why .lt { position: static; }.why .it { grid-template-columns: 70px 1fr; }.stats { grid-template-columns: 1fr 1fr; }}.faq details { border-top: 1px solid var(--line); }.faq details:last-child { border-bottom: 1px solid var(--line); }.faq summary { list-style: none; cursor: pointer; padding: 22px 52px 22px 0px; font: 600 clamp(17px,1.5vw,21px)/1.35 var(--f-body); position: relative; }.faq summary::-webkit-details-marker { display: none; }.faq summary::after { content: "+"; position: absolute; right: 6px; top: 18px; font: 400 34px/1 var(--f-body); transition: transform 0.3s; }.faq details[open] summary::after { transform: rotate(45deg); }.faq details p { padding: 0px 52px 24px 0px; color: rgb(70, 70, 63); max-width: 78ch; }.dark .faq details, .dark .faq details:last-child { border-color: var(--lineD); }.dark .faq details p { color: rgb(185, 184, 176); }.cta .cg { display: grid; grid-template-columns: 1.1fr 1fr; gap: var(--gut); align-items: start; }.cta .tel { display: block; font: 800 clamp(44px,6vw,96px)/.9 var(--f-head); color: var(--yel); margin-top: 26px; }.cta ul { margin-top: 26px; display: grid; gap: 10px; }.cta li { display: flex; gap: 12px; align-items: flex-start; color: rgb(207, 206, 198); }.cta li svg { width: 20px; height: 20px; flex: 0 0 auto; color: var(--yel); margin-top: 3px; }.qf { background: var(--paper2); color: var(--ink); padding: clamp(22px, 3vw, 40px); display: grid; gap: 14px; position: relative; clip-path: polygon(0px 0px, calc(100% - 22px) 0px, 100% 22px, 100% 100%, 22px 100%, 0px calc(100% - 22px)); }.qf h3 { font: 800 clamp(30px,3vw,44px)/.95 var(--f-head); text-transform: uppercase; }.qf p.s { font-size: 14px; color: rgb(85, 85, 79); margin-top: -6px; }.qf label { display: block; }.qf label span { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: rgb(85, 85, 79); margin-bottom: 5px; }.qf input, .qf select, .qf textarea { width: 100%; border: 1.5px solid rgb(207, 204, 194); background: rgb(255, 255, 255); padding: 13px 14px; font: 400 16px var(--f-body); color: var(--ink); border-radius: 0px; outline: none; transition: border 0.2s, box-shadow 0.2s; }.qf input:focus, .qf select:focus, .qf textarea:focus { border-color: var(--ink); box-shadow: 0 0 0 3px var(--yel); }.qf .two { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }.qf .hp { position: absolute; left: -9999px; opacity: 0; height: 0px; overflow: hidden; }.qf .note { font-size: 12.5px; color: rgb(102, 102, 95); }.qf .msg { font: 500 13px var(--f-mono); min-height: 18px; color: var(--blue); }.qf .msg.err { color: rgb(179, 38, 30); }@media (max-width: 900px){.cta .cg { grid-template-columns: 1fr; }.qf .two { grid-template-columns: 1fr; }}.ft { background: var(--ink); color: rgb(201, 200, 192); padding: 70px 0px 100px; }.ft .cols { display: grid; grid-template-columns: 1.5fr 1fr 1fr 1.2fr; gap: 36px; padding-bottom: 50px; border-bottom: 1px solid var(--lineD); }.ft h4 { font: 500 11px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: rgb(126, 126, 119); margin-bottom: 16px; }.ft li { margin: 9px 0px; font-size: 14.5px; }.ft a:hover { color: var(--yel); }.ft address { font-style: normal; font-size: 14.5px; line-height: 1.7; margin-top: 18px; max-width: 36ch; }.ft .base { display: flex; justify-content: space-between; gap: 16px; flex-wrap: wrap; padding-top: 24px; font: 500 11px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: rgb(126, 126, 119); }@media (max-width: 860px){.ft .cols { grid-template-columns: 1fr 1fr; }}@media (max-width: 520px){.ft .cols { grid-template-columns: 1fr; }}.dock { position: fixed; left: 0px; right: 0px; bottom: 0px; z-index: 90; display: none; grid-template-columns: 1fr 1fr 1fr; background: var(--ink); border-top: 2px solid var(--yel); }.dock a, .dock button { display: flex; flex-direction: column; align-items: center; gap: 3px; padding: 10px 4px; background: none; border: 0px; color: rgb(255, 255, 255); font: 600 11px var(--f-body); text-transform: uppercase; letter-spacing: 0.04em; }.dock svg { width: 20px; height: 20px; }.dock a:nth-child(2) { color: rgb(37, 211, 102); }.dock button { background: var(--yel); color: var(--ink); }@media (max-width: 760px){.dock { display: grid; }body { padding-bottom: 62px; }}.wa-fab { position: fixed; right: 18px; bottom: 22px; z-index: 90; width: 58px; height: 58px; border-radius: 50%; background: rgb(37, 211, 102); display: grid; place-items: center; box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px -8px; transition: transform 0.3s; }.wa-fab:hover { transform: scale(1.1); }.wa-fab svg { width: 30px; height: 30px; color: rgb(255, 255, 255); }@media (max-width: 760px){.wa-fab { display: none; }}.md { position: fixed; inset: 0px; z-index: 200; display: none; align-items: center; justify-content: center; padding: 18px; background: rgba(11, 11, 12, 0.7); backdrop-filter: blur(6px); }.md.open { display: flex; }.md .qf { width: min(560px, 100%); max-height: 92vh; overflow: auto; }.md .x { position: absolute; right: 12px; top: 10px; z-index: 2; background: none; border: 0px; font-size: 34px; line-height: 1; cursor: pointer; color: var(--ink); }.ph { background: var(--ink); color: rgb(255, 255, 255); padding: calc(var(--hh) + clamp(40px,7vw,90px)) 0 clamp(40px,6vw,80px); position: relative; overflow: hidden; }.ph .h1 { font-size: clamp(48px, 8vw, 128px); max-width: 16ch; }.ph p.lead { max-width: 62ch; margin-top: 22px; color: rgb(207, 206, 198); font-size: clamp(16px, 1.3vw, 19px); }.ph::after { content: ""; position: absolute; right: -4%; top: 0px; bottom: 0px; width: 36%; background: repeating-linear-gradient(-45deg, rgba(255, 194, 26, 0.1) 0px, rgba(255, 194, 26, 0.1) 14px, transparent 14px, transparent 28px); pointer-events: none; }.crumb { font: 500 12px var(--f-mono); letter-spacing: 0.06em; text-transform: uppercase; color: rgb(169, 169, 162); margin-bottom: 22px; display: flex; flex-wrap: wrap; gap: 8px; }.crumb a:hover { color: var(--yel); }.crumb span::after { content: "/"; margin-left: 8px; opacity: 0.5; }.crumb span:last-child::after { content: ""; }.prose { max-width: 76ch; font-size: 17px; line-height: 1.75; color: rgb(42, 42, 39); }.prose p + p, .prose h2 + p { margin-top: 1.1em; }.prose h2 { font: 800 clamp(30px,3.2vw,46px)/.95 var(--f-head); text-transform: uppercase; margin: 1.6em 0px 0.5em; }.prose ul { list-style: disc; padding-left: 1.2em; margin-top: 1em; }.prose li { margin: 0.35em 0px; }.prose a { border-bottom: 2px solid var(--yel); }.pd { display: grid; grid-template-columns: minmax(0px, 1.35fr) minmax(320px, 0.65fr); gap: clamp(24px, 3.4vw, 56px); align-items: start; }.gal .main { position: relative; background: rgb(217, 214, 205); aspect-ratio: 4 / 3; overflow: hidden; }.gal .main img { width: 100%; height: 100%; object-fit: cover; }.gal .badge { position: absolute; left: 0px; top: 0px; background: var(--yel); color: var(--ink); font: 500 12px var(--f-mono); padding: 7px 12px; letter-spacing: 0.06em; text-transform: uppercase; }.gal .th { display: grid; grid-template-columns: repeat(5, 1fr); gap: 8px; margin-top: 8px; }.gal .th button { padding: 0px; border: 2px solid transparent; background: rgb(217, 214, 205); cursor: pointer; aspect-ratio: 4 / 3; overflow: hidden; }.gal .th button[aria-current="true"] { border-color: var(--ink); }.gal .th img { width: 100%; height: 100%; object-fit: cover; }.gal .view3d { position: absolute; right: 12px; bottom: 12px; z-index: 3; }.gal .v3 { position: absolute; inset: 0px; display: none; background: var(--ink); }.gal .v3.on { display: block; }.gal .v3 canvas { width: 100%; height: 100%; }.pd .side { position: sticky; top: calc(var(--hh) + 20px); }.pd .price { display: flex; align-items: baseline; gap: 10px; margin: 0px 0px 4px; }.pd .price b { font: 800 clamp(44px,4.4vw,64px)/.9 var(--f-head); }.pd .price small { font: 500 12px var(--f-mono); color: var(--mute); text-transform: uppercase; }.pd .price .mdc-sm { font: 500 12px var(--f-mono); color: var(--mute); text-transform: uppercase; }.facts { display: grid; grid-template-columns: 1fr 1fr; gap: 1px; background: var(--line); border: 1px solid var(--line); margin: 22px 0px; }.facts div { background: var(--paper2); padding: 12px 14px; }.facts small { display: block; font: 500 10.5px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }.facts .mdc-sm { display: block; font: 500 10.5px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }.facts b { font: 600 15px/1.3 var(--f-body); }.trust { display: grid; gap: 8px; margin-top: 18px; }.trust li { display: flex; gap: 10px; font-size: 14px; align-items: flex-start; }.trust svg { width: 18px; height: 18px; color: var(--blue); flex: 0 0 auto; margin-top: 3px; }.spec { width: 100%; border-collapse: collapse; font-size: 15px; }.spec th, .spec td { padding: 12px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: top; }.spec th { width: 38%; font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-numeric: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: 0.08em; text-transform: uppercase; color: var(--mute); font-weight: 500; }.spec tr:nth-child(2n+1) { background: rgba(11, 11, 12, 0.024); }.tabs { display: flex; gap: 6px; flex-wrap: wrap; margin: 50px 0px 24px; border-bottom: 1px solid var(--line); }.tabs a { padding: 12px 18px; font: 500 12px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-bottom: 0px; background: var(--paper2); }.tabs a:hover { background: var(--yel); }.blk { margin-top: 60px; }.blk > .h3 { margin-bottom: 22px; }.blk > :where(.mdc-w) > .h3{margin-bottom: 22px;}@media (max-width: 980px){.pd { grid-template-columns: 1fr; }.pd .side { position: static; }}.how { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; counter-reset: s 0; }.how div { border-top: 3px solid var(--ink); padding-top: 14px; }.how div::before { counter-increment: s 1; content: "0" counter(s); font: 500 12px var(--f-mono); color: var(--mute); }.how b { display: block; font: 800 26px/1 var(--f-head); text-transform: uppercase; margin: 6px 0px; }.how p { font-size: 14px; color: rgb(85, 85, 79); }@media (max-width: 760px){.how { grid-template-columns: 1fr 1fr; }}.filters { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 30px; position: sticky; top: var(--hh); background: var(--paper); padding: 14px 0px; z-index: 20; }.filters button { border: 1.5px solid var(--ink); background: transparent; padding: 9px 14px; font: 500 12px var(--f-mono); letter-spacing: 0.06em; text-transform: uppercase; cursor: pointer; }.filters button[aria-pressed="true"], .filters button:hover { background: var(--ink); color: var(--yel); }.filters input { margin-left: auto; border: 1.5px solid var(--ink); padding: 9px 14px; font: 400 14px var(--f-body); min-width: 200px; background: rgb(255, 255, 255); }.sizer { position: relative; height: min(78vh, 720px); background: var(--ink); color: rgb(255, 255, 255); overflow: hidden; }.sizer canvas { width: 100%; height: 100%; }.sizer .ui { position: absolute; inset: 0px; pointer-events: none; padding: 24px; display: flex; flex-direction: column; justify-content: space-between; }.sizer .nm { font: 800 clamp(40px,6vw,96px)/.88 var(--f-head); text-transform: uppercase; }.sizer .pick { display: flex; gap: 6px; flex-wrap: wrap; pointer-events: auto; margin-top: 14px; }.sizer .pick button { font: 500 11px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: rgb(207, 206, 198); background: rgba(11, 11, 12, 0.7); border: 1px solid var(--lineD); padding: 9px 12px; cursor: pointer; }.sizer .pick button.on, .sizer .pick button:hover { background: var(--yel); border-color: var(--yel); color: var(--ink); }.sizer .sp { display: flex; gap: 1px; background: var(--lineD); width: max-content; max-width: 100%; flex-wrap: wrap; }.sizer .sp div { background: rgba(11, 11, 12, 0.8); padding: 10px 16px; }.sizer .sp small { display: block; font: 500 10px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; color: rgb(154, 154, 146); }.sizer .sp .mdc-sm { display: block; font: 500 10px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; color: rgb(154, 154, 146); }.sizer .sp b { font: 700 20px var(--f-head); text-transform: uppercase; }.timeline { display: grid; gap: 0px; margin-top: 30px; }.timeline div { display: grid; grid-template-columns: 90px 1fr; gap: 20px; padding: 20px 0px; border-top: 1px solid var(--line); }.timeline b { font: 800 44px/.9 var(--f-head); }.timeline p { max-width: 60ch; }.reveal { opacity: 0; transform: translateY(32px); transition: opacity 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1); }.reveal.in, .nojs .reveal { opacity: 1; transform: none; }@media (prefers-reduced-motion: reduce){.tick .tr, .strip .tr { animation: auto ease 0s 1 normal none running none; }.reveal { opacity: 1; transform: none; }html { scroll-behavior: auto; }}.admin-bar .hd { top: 32px; }@media (max-width: 782px){.admin-bar .hd { top: 46px; }}body { background: var(--paper); }.tag i { background: var(--blue); color: rgb(255, 255, 255); }.dark .tag i { background: rgb(255, 255, 255); color: var(--blue); }.hl { background: linear-gradient(transparent 62%, rgb(207, 224, 255) 62%, rgb(207, 224, 255) 92%, transparent 92%); }.hazard { background: repeating-linear-gradient(-45deg,var(--blue) 0 14px,#fff 14px 28px); }.btn { background: var(--blue); color: rgb(255, 255, 255) !important; }.btn:hover { background: var(--blue2); }.btn.dk { background: var(--ink); }.btn.dk:hover { background: var(--ink2); }.btn.wh { background: rgb(255, 255, 255); color: var(--blue) !important; }.btn.wh:hover { background: rgb(219, 232, 255); }.btn.ghost { background: transparent; color: inherit !important; }.btn.ghost:hover { background: rgba(47, 107, 255, 0.12); }.tick { background: var(--blue); color: rgb(255, 255, 255); border-block: 0px; }.tick span::after { background: rgb(255, 255, 255); }.cc .pr { background: rgb(255, 255, 255); color: var(--blue); font-weight: 500; }.pc .im .pr { background: var(--blue); color: rgb(255, 255, 255); }.pc .im .pr small { color: rgb(207, 224, 255); }.pc .im .pr .mdc-sm { color: rgb(207, 224, 255); }.gal .badge { background: var(--blue); color: rgb(255, 255, 255); }.qf input:focus, .qf select:focus, .qf textarea:focus { border-color: var(--blue); box-shadow: rgb(207, 224, 255) 0px 0px 0px 3px; }.dock { border-top: 2px solid var(--blue); background: rgb(255, 255, 255); }.dock a, .dock button { color: var(--ink); }.dock a:nth-child(2) { color: rgb(14, 138, 67); }.dock button { background: var(--blue); color: rgb(255, 255, 255); }.sizer .pick button.on, .sizer .pick button:hover { background: var(--blue2); border-color: var(--blue2); color: rgb(255, 255, 255); }.ph { background: linear-gradient(135deg,var(--ink) 0%,#0b2a73 100%); }.ph::after { background: repeating-linear-gradient(-45deg, rgba(143, 186, 255, 0.12) 0px, rgba(143, 186, 255, 0.12) 14px, transparent 14px, transparent 28px); }.filters button[aria-pressed="true"], .filters button:hover { background: var(--blue); border-color: var(--blue); color: rgb(255, 255, 255); }.filters input { border-color: var(--blue); }.filters button { border-color: var(--blue); color: var(--blue); }.tabs a:hover { background: rgb(219, 232, 255); }.dark .faq summary::after { color: var(--yel); }.ind .row i, .ana .step i, .story .ch .n, .ana .read b, .cta .tel, .cta li svg { color: var(--yel); }.cta .tel { color: rgb(255, 255, 255); }.stats b, .why .it b { color: var(--blue); }.why .it b { color: transparent; -webkit-text-stroke: 2px var(--blue); }.hd { background: rgba(255, 255, 255, 0.95); color: var(--ink); border-bottom: 1px solid var(--line); box-shadow: rgba(6, 22, 63, 0.35) 0px 6px 24px -18px; }.logo img { height: 56px; width: auto; }.nav a::after { background: var(--blue); }.hd .tel { color: var(--ink); }.burger { border-color: var(--line); background: rgb(255, 255, 255); }.burger span { background: var(--ink); }.logo-card { display: inline-block; background: rgb(255, 255, 255); padding: 8px 12px; border-radius: 2px; }.logo-card img { height: 60px; }.mnav { background: rgb(255, 255, 255); }.mnav a { color: var(--ink); border-color: var(--line); }.hero { background: linear-gradient(rgb(255, 255, 255) 0%, rgb(238, 244, 255) 52%, rgb(211, 227, 255) 100%); color: var(--ink); }.hero .poster { background-color: rgb(238, 244, 255); opacity: 0.9; }.hero::after { background: linear-gradient(90deg, rgba(255, 255, 255, 0.94) 0%, rgba(255, 255, 255, 0.7) 34%, rgba(255, 255, 255, 0) 60%); }.hero .eyebrow { color: var(--blue); }.hero .eyebrow::before { background: var(--blue); }.hero h1 { color: var(--ink); }.hero h1 em { color: var(--blue); }.hero .sub { color: rgb(43, 58, 102); }.hero .sub b { color: var(--ink); }.hero .btn.ghost { color: var(--ink) !important; }.hero .btn.wa { color: rgb(4, 32, 15) !important; }.meter .row { background: rgba(255, 255, 255, 0.82); border-top: 1px solid var(--line); }.meter .row div { border-color: var(--line); }.meter b { color: var(--ink); }.meter b em { color: var(--blue); }.meter small { color: var(--mute); }.meter .mdc-sm { color: var(--mute); }.hero .hint { color: var(--mute); }.hero .hint i { background: linear-gradient(var(--blue),transparent); }@media (max-width: 820px){.hero::after { background: linear-gradient(0deg, rgba(255, 255, 255, 0.96) 10%, rgba(255, 255, 255, 0.6) 52%, rgba(255, 255, 255, 0) 80%); }.meter .row { background: rgba(255, 255, 255, 0.92); }}.hero .cta-note { font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); margin-top: 16px; }.story::after { background: linear-gradient(90deg, rgba(6, 22, 63, 0.78), rgba(6, 22, 63, 0) 48%), linear-gradient(0deg, rgba(6, 22, 63, 0.7), rgba(6, 22, 63, 0) 28%), linear-gradient(rgba(6, 22, 63, 0.5), rgba(6, 22, 63, 0) 22%); }.ft { background: var(--ink); }.admin-bar .hd { top: 32px; }.madoc-body h1, .madoc-body h2, .madoc-body h3, .madoc-body h4 { color: inherit; letter-spacing: normal; margin: 0px; padding: 0px; text-transform: none; }.madoc-body .h1, .madoc-body .h2, .madoc-body .h3, .madoc-body .cc h3, .madoc-body .pc h3, .madoc-body .qf h3, .madoc-body .step b, .madoc-body .ch h3, .madoc-body .row h3, .madoc-body .it h3, .madoc-body .how b { text-transform: uppercase; letter-spacing: -0.004em; }.madoc-body .hero h1 { color: var(--ink); }.madoc-body .ph h1, .madoc-body .dark h1, .madoc-body .dark h2, .madoc-body .story h2, .madoc-body .story h3, .madoc-body .ana h2 { color: rgb(255, 255, 255); }.madoc-body a { text-decoration: none; }.madoc-body .prose a { border-bottom: 2px solid var(--blue); }.madoc-body ul, .madoc-body ol { margin: 0px; padding: 0px; list-style: none; }.madoc-body .prose ul { list-style: disc; padding-left: 1.2em; }.madoc-body p { margin: 0px; }.madoc-body .prose p + p { margin-top: 1.1em; }.madoc-body table { margin: 0px; border: 0px; }.madoc-body td, .madoc-body th { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--line); }.madoc-body button, .madoc-body input, .madoc-body select, .madoc-body textarea { font-family: inherit; }.madoc-body #main, .madoc-body #outer-wrap, .madoc-body #wrap { background: transparent; }.elementor-widget-html, .elementor-widget-shortcode { width: 100%; }.split .line > span { transform: translateY(112%); transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1); }.split .line > :where(.mdc-w) > span{transform: translateY(112%); transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1);}.split .line > span.in, .nojs .split .line > span { transform: none; }.split .line > :where(.mdc-w) > span.in,.nojs .split .line > :where(.mdc-w) > span{transform: none;}.hero .eyebrow, .hero .sub, .hero .cta, .hero .meter { animation: 0.9s cubic-bezier(0.2, 0.7, 0.2, 1) 0.15s 1 normal both running fadeUp; }@keyframes fadeUp { 
  0% { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: none; }
}.hero .poster { background: none; }.hero.ready .poster { opacity: 0; }.story:not(.live3d) { height: auto; min-height: 0px; padding: clamp(56px, 9vw, 110px) 0px; background: linear-gradient(135deg,var(--ink) 0%,#0b2a73 100%); }.story:not(.live3d) .cv, .story:not(.live3d)::after { display: none; }.story:not(.live3d) .ui { position: relative; inset: auto; padding: 0 var(--gut); display: block; max-width: var(--max); margin: 0px auto; }.story:not(.live3d) .live, .story:not(.live3d) .steps { display: none; }.story:not(.live3d) .bot { display: block; margin-top: 30px; }.story:not(.live3d) .chap { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; min-height: 0px; }.story:not(.live3d) .ch { position: static; opacity: 1; transform: none; border-top: 3px solid var(--yel); padding-top: 14px; }.story .fbimg { display: none; }.story:not(.live3d) .fbimg { display: block; width: 100%; aspect-ratio: 21 / 8; object-fit: cover; margin-top: 30px; border: 1px solid var(--lineD); }.ana:not(.live3d) { height: auto; min-height: 0px; padding: clamp(56px, 9vw, 110px) 0px; background: var(--ink); }.ana:not(.live3d) .cv, .ana:not(.live3d) .read { display: none; }.ana:not(.live3d) .ui { position: relative; inset: auto; display: block; padding: 0 var(--gut); max-width: var(--max); margin: 0px auto; }.ana:not(.live3d) .steps { grid-template-columns: repeat(3, 1fr); gap: 24px 28px; margin: 34px 0px 0px; padding: 0px; background: none; }.ana:not(.live3d) .step { opacity: 1; }.ana:not(.live3d) .step p { visibility: visible; min-height: 0px; }@media (max-width: 900px){.story:not(.live3d) .chap { grid-template-columns: 1fr 1fr; }.ana:not(.live3d) .steps { grid-template-columns: 1fr 1fr; }}@media (max-width: 560px){.story:not(.live3d) .chap { grid-template-columns: 1fr; }.ana:not(.live3d) .steps { grid-template-columns: 1fr; }.story:not(.live3d) .fbimg { aspect-ratio: 16 / 9; }}@media (max-width: 820px){.hero { height: auto; min-height: 0px; max-height: none; }.hero .poster { position: relative; height: 56vw; min-height: 210px; max-height: 360px; object-position: 70% 50%; }.hero .cv { display: none; }.hero::after { display: none; }.hero .copy { position: relative; inset: auto; padding: 22px var(--gut) 26px; justify-content: flex-start; }.hero { padding-top: var(--hh); }.hero .meter { position: relative; bottom: auto; }.hero .copy .cta { margin-top: 20px; }.hero .meter .row { grid-template-columns: 1fr 1fr; }.hero .meter .row div:nth-child(n+3) { display: block; }.hero .hint { display: none; }}html, body { max-width: 100%; overflow-x: clip; }.pgrid, .cgrid, .stats, .how, .facts, .cols, .m-contact { min-width: 0px; }.prose, .spec, .qf { min-width: 0px; }.spec { display: block; overflow-x: auto; }@media (max-width: 600px){:root { --gut: 18px; }.h2 { font-size: clamp(34px, 10.5vw, 52px); }.ph .h1 { font-size: clamp(38px, 11.5vw, 64px); }.pc .bd { padding: 14px 14px 16px; }.facts { grid-template-columns: 1fr 1fr; }.tabs a { padding: 10px 12px; }.cta .cg { gap: 30px; }.filters { gap: 6px; }.filters input { margin-left: 0px; width: 100%; }.sizer { height: min(74vh, 560px); }.sizer .ui { padding: 14px; }.qf .two { grid-template-columns: 1fr; }.why .it { grid-template-columns: 56px 1fr; gap: 14px; }}@media (max-width: 380px){.btn { padding: 14px 16px; font-size: 13px; }.hd .in { gap: 10px; }.logo img { height: 46px !important; }}@media (min-width: 1700px){:root { --max: 1500px; }}@media (hover: none){.pc:hover { transform: none; box-shadow: none; }.cc:hover img { transform: none; }}.ft { padding: 0px 0px 80px; background: var(--ink); position: relative; overflow: hidden; }.ft .ftcta { background: linear-gradient(110deg,var(--blue) 0%,#2f6bff 100%); color: rgb(255, 255, 255); padding: clamp(34px, 5vw, 56px) 0px; }.ft .ftcta .in { display: flex; justify-content: space-between; align-items: center; gap: 26px; flex-wrap: wrap; }.ft .ftcta h2 { font: 800 clamp(32px,4vw,56px)/.92 var(--f-head); text-transform: uppercase; }.ft .ftcta p { margin-top: 10px; max-width: 46ch; color: rgb(219, 232, 255); }.ft .acts { display: flex; gap: 10px; flex-wrap: wrap; }.ft .cols { display: grid; grid-template-columns: 1.5fr 1fr 1.2fr 1.2fr 1fr; gap: clamp(22px, 3vw, 44px); padding: clamp(40px, 5vw, 64px) 0px 36px; border-bottom: 0px; }.ft .c0 .blurb { margin-top: 18px; max-width: 36ch; font-size: 14.5px; line-height: 1.65; color: rgb(174, 185, 214); }.ft address { margin-top: 16px; font-size: 14px; }.ft .map { display: inline-block; margin-top: 8px; color: var(--yel); font-weight: 500; border-bottom: 1px solid; }.ft .gst { margin-top: 14px; color: rgb(126, 141, 178); }.ft h4 { color: var(--yel); letter-spacing: 0.14em; }.ft li { margin: 9px 0px; font-size: 14.5px; line-height: 1.4; }.ft li a { color: rgb(199, 210, 238); transition: color 0.2s, padding 0.25s; }.ft li a:hover { color: rgb(255, 255, 255); padding-left: 6px; }.trustrow { display: flex; flex-wrap: wrap; gap: 10px 26px; padding: 22px 0px; border-top: 1px solid var(--lineD); border-bottom: 1px solid var(--lineD); margin-bottom: 22px; }.trustrow li { display: flex; align-items: center; gap: 8px; font: 500 12px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: rgb(174, 185, 214); margin: 0px; }.trustrow svg { width: 16px; height: 16px; color: var(--yel); }.ft .base { display: flex; justify-content: space-between; align-items: center; gap: 14px; flex-wrap: wrap; padding-top: 0px; font: 500 11px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: rgb(126, 141, 178); }.ft .base .top { color: rgb(255, 255, 255); border: 1px solid var(--lineD); padding: 9px 14px; }.ft .base .top:hover { background: var(--blue); border-color: var(--blue); }.ft .huge { font: 900 clamp(60px,17.5vw,300px)/.78 var(--f-head); text-transform: uppercase; white-space: nowrap; color: transparent; -webkit-text-stroke: 1.5px rgba(143, 186, 255, 0.28); margin: 34px 0px -0.12em -0.02em; letter-spacing: -0.01em; user-select: none; pointer-events: none; }@media (max-width: 1100px){.ft .cols { grid-template-columns: 1fr 1fr 1fr; }.ft .c0 { grid-column: 1 / -1; }}@media (max-width: 600px){.ft .cols { grid-template-columns: 1fr 1fr; }.ft .c0 { grid-column: 1 / -1; }.ft .ftcta .in { display: block; }.ft .acts { margin-top: 20px; }.ft .acts .btn { flex: 1 1 100%; }.ft .base { flex-direction: column; align-items: flex-start; }.trustrow { gap: 8px 18px; }}.vars { margin: 0px 0px 20px; }.vars .mono { display: block; margin-bottom: 10px; color: var(--mute); }.vars .vl { display: flex; flex-wrap: wrap; gap: 8px; }.vars a { border: 1.5px solid var(--ink); padding: 9px 13px; font: 600 14px/1.15 var(--f-body); background: rgb(255, 255, 255); transition: background 0.2s, color 0.2s, border-color 0.2s; }.vars a small { display: block; margin-top: 3px; font: 500 11px var(--f-mono); color: var(--mute); letter-spacing: 0.02em; }.vars a .mdc-sm { display: block; margin-top: 3px; font: 500 11px var(--f-mono); color: var(--mute); letter-spacing: 0.02em; }.vars a:hover { border-color: var(--blue); }.vars a.on { background: var(--blue); border-color: var(--blue); color: rgb(255, 255, 255); }.vars a.on small { color: rgb(207, 224, 255); }.vars a.on .mdc-sm { color: rgb(207, 224, 255); }.pc .vbadge { position: absolute; right: 0px; top: 0px; background: rgb(255, 255, 255); color: var(--blue); font: 600 11px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; padding: 7px 11px; border-left: 1px solid var(--line); border-bottom: 1px solid var(--line); }.gal .badge { max-width: calc(100% - 24px); }.pc .rbadge { position: absolute; right: 10px; bottom: 10px; background: rgba(255, 255, 255, 0.92); color: var(--mute); font: 500 10px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; padding: 4px 8px; border: 1px solid var(--line); }.madoc-body .strip img { height: clamp(200px, 26vw, 360px); width: auto; max-width: none; }.madoc-body .cc img, .madoc-body .pc .im img, .madoc-body .gal .main img, .madoc-body .ind .float img { height: 100%; width: 100%; max-width: none; }.ft .huge { display: none; }.ft { padding-bottom: 64px; }.ft .cols { padding: clamp(44px, 5vw, 72px) 0px 30px; }.ft h4 { font-size: 12px; margin-bottom: 18px; padding-bottom: 12px; border-bottom: 1px solid var(--lineD); }.ft li { font-size: 15px; margin: 11px 0px; }.ft .c0 .blurb { font-size: 15px; }.ft .base { padding: 4px 0px 0px; }@media (max-width: 600px){.ft .cols { grid-template-columns: 1fr 1fr; gap: 26px 18px; padding: 34px 0px 20px; }.ft .cols > div:nth-child(3), .ft .cols > div:nth-child(4) { display: none; }.ft .cols > :where(.mdc-w) > div:nth-child(3),.ft .cols > :where(.mdc-w) > div:nth-child(4){display: none;}.ft .ftcta h2 { font-size: 34px; }.trustrow { gap: 8px 14px; padding: 16px 0px; }.trustrow li { font-size: 11px; }.ft { padding-bottom: 84px; }}.pc { transform-style: preserve-3d; will-change: transform; }.pc .im { background: rgb(223, 232, 247); }.pc .im img { transition: transform 1.1s cubic-bezier(0.2, 0.7, 0.2, 1), filter 0.5s; }.pc .im img.h2 { position: absolute; inset: 0px; opacity: 0; clip-path: inset(0px 100% 0px 0px); transform: scale(1.12); transition: clip-path 0.75s cubic-bezier(0.7, 0, 0.2, 1), opacity 0.3s, transform 1.2s cubic-bezier(0.2, 0.7, 0.2, 1); }.pc .im::after { content: ""; position: absolute; inset: 0px; pointer-events: none; background: linear-gradient(115deg, transparent 35%, rgba(255, 255, 255, 0.55) 50%, transparent 65%); transform: translateX(-120%); transition: transform 0.9s; }.pc .im::before { content: ""; position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: linear-gradient(transparent 55%, rgba(8, 34, 92, 0.55)); opacity: 0; transition: opacity 0.45s; }.pc .qv { position: absolute; z-index: 2; left: 50%; top: 50%; transform: translate(-50%, -30%) scale(0.8); opacity: 0; background: rgb(255, 255, 255); color: var(--blue); font: 700 12px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; padding: 11px 18px; border-radius: 99px; box-shadow: rgba(8, 34, 92, 0.35) 0px 10px 30px; transition: opacity 0.35s, transform 0.45s cubic-bezier(0.2, 0.9, 0.3, 1.3); white-space: nowrap; }@media (hover: hover){.pc:hover { box-shadow: rgba(11, 63, 160, 0.55) 0px 30px 50px -26px; border-color: rgb(157, 185, 234); }.pc:hover .im img:first-child { transform: scale(1.09); filter: saturate(1.08) contrast(1.03); }.pc:hover .im img.h2 { opacity: 1; clip-path: inset(0px); transform: scale(1.04); }.pc:hover .im::after { transform: translateX(120%); }.pc:hover .im::before { opacity: 1; }.pc:hover .qv { opacity: 1; transform: translate(-50%, -50%) scale(1); }.pc .ch span { transition: background 0.3s, color 0.3s, border-color 0.3s, transform 0.3s; }.pc:hover .ch span { border-color: var(--blue); color: var(--blue); }.pc:hover .ch span:nth-child(2n+1) { transform: translateY(-2px); }}.pc .go { position: relative; }.pc .go::before { content: ""; position: absolute; left: 0px; top: -1px; height: 2px; width: 0px; background: var(--blue); transition: width 0.5s; }.pc:hover .go::before { width: 100%; }@media (hover: none){.pc .qv, .pc .im img.h2 { display: none; }}@media (prefers-reduced-motion: reduce){.pc, .pc * { transition: none !important; }}.how6 { grid-template-columns: repeat(6, 1fr); }.how7 { grid-template-columns: repeat(4, 1fr); }@media (max-width: 1100px){.how6 { grid-template-columns: repeat(3, 1fr); }}@media (max-width: 700px){.how6, .how7 { grid-template-columns: 1fr 1fr; }}.how p, .sz p { font-size: 14px; line-height: 1.5; color: var(--mute); }.sizes { display: grid; grid-template-columns: repeat(5, 1fr); gap: 14px; }.sz { border: 1px solid var(--line); background: var(--paper); padding: 20px 18px; }.sz b { display: block; font: 800 30px/1 var(--f-head); text-transform: uppercase; color: var(--ink); }.sz small { display: block; font: 500 12px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); margin: 6px 0px 10px; }.sz .mdc-sm { display: block; font: 500 12px var(--f-mono); letter-spacing: 0.08em; text-transform: uppercase; color: var(--blue); margin: 6px 0px 10px; }@media (max-width: 1000px){.sizes { grid-template-columns: repeat(2, 1fr); }}.cl { list-style: none; margin: 0px; padding: 0px; display: flex; flex-wrap: wrap; gap: 12px; }.cl li { border: 1px solid var(--line); background: var(--paper2); padding: 14px 22px; font: 800 22px/1 var(--f-head); text-transform: uppercase; letter-spacing: 0.02em; color: var(--ink); }.feat { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 10px; }.feat li { display: flex; gap: 10px; align-items: flex-start; font-size: 16px; line-height: 1.5; }.feat svg { flex: 0 0 auto; width: 18px; height: 18px; margin-top: 3px; color: var(--blue); }.uses { display: flex; flex-wrap: wrap; gap: 8px; }.uses span { border: 1px solid var(--line); padding: 8px 14px; font: 500 13px var(--f-mono); background: var(--paper); }.pc .sd { font-size: 14px; line-height: 1.5; color: var(--mute); margin: 0px; }.tcards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }@media (max-width: 900px){.tcards { grid-template-columns: 1fr; }}.tc { margin: 0px; border: 1px solid var(--line); padding: 24px; background: var(--paper2); }.tc blockquote { margin: 0px 0px 16px; font-size: 17px; line-height: 1.6; }.tc figcaption b { display: block; }.tc .mdc-figcap b { display: block; }.tc figcaption span { font-size: 14px; color: var(--mute); }.tc .mdc-figcap span { font-size: 14px; color: var(--mute); }@media (max-width: 820px){[data-grid2] { grid-template-columns: 1fr !important; }}.h1, .hero .h1 { font-size: clamp(30px, 4.2vw, 64px) !important; line-height: 1.02 !important; max-width: none !important; }.ph .h1 { font-size: clamp(28px, 3.6vw, 52px) !important; max-width: none !important; }.h2 { font-size: clamp(24px, 2.8vw, 42px) !important; max-width: none !important; line-height: 1.05 !important; }.h3 { font-size: clamp(18px, 1.8vw, 26px) !important; }.cc h3 { font-size: clamp(18px, 1.6vw, 24px) !important; }.ind .row h3 { font-size: clamp(20px, 2.2vw, 32px) !important; }.stats b { font-size: clamp(28px, 3vw, 42px) !important; }.cg .tel { font-size: clamp(24px, 2.6vw, 36px) !important; }.meter b { font-size: clamp(18px, 1.8vw, 26px) !important; }.how b { font-size: 20px !important; }.sz b { font-size: 22px !important; }.cl li { font-size: 17px !important; padding: 12px 18px !important; }.lead { font-size: clamp(15px, 1.1vw, 17px) !important; }.hero .eyebrow { font-size: 11px; }.huge { display: none !important; }.sec { padding: clamp(48px, 7vw, 96px) 0px !important; }.pc h3 { font-size: clamp(17px, 1.5vw, 22px) !important; }.ind .row { grid-template-columns: 1fr !important; }.why .it { grid-template-columns: 1fr !important; }.how div::before { display: none !important; }.tag { letter-spacing: 0.14em; }.cl li.lg { display: flex; align-items: center; justify-content: center; min-width: 160px; height: 84px; padding: 14px 26px !important; }.cl li.lg img { max-height: 44px; max-width: 150px; width: auto; height: auto; filter: grayscale(1); opacity: 0.8; transition: filter 0.3s, opacity 0.3s; }.cl li.lg:hover img { filter: none; opacity: 1; }.sec.cta { padding: clamp(40px, 5vw, 72px) 0px !important; }.cta .cg { align-items: center !important; min-height: 0px !important; }.qf .s:empty, .qf .msg:empty { display: none; }.qf .note { margin-top: 12px !important; }.strip { margin: 0px !important; }:root { --sp: clamp(44px,5.4vw,80px); }.sec { padding: var(--sp) 0 !important; }.sec.cta, .sec.cta.dark { padding: clamp(40px, 4.6vw, 64px) 0px !important; }.sh { display: flex; justify-content: space-between; align-items: flex-end; gap: 24px; flex-wrap: wrap; margin-bottom: clamp(22px, 3vw, 36px); }.sh-t { max-width: 64ch; }.sh .tag { margin: 0px; }.sh .h2 { margin: 10px 0px 0px !important; font-size: clamp(26px, 3vw, 40px) !important; line-height: 1.08 !important; max-width: none !important; }.sh p { margin: 10px 0px 0px; color: var(--mute); font-size: 16px; line-height: 1.55; max-width: 56ch; }.sh.dk p, .dark .sh p { color: rgb(185, 198, 230); }.sh.sm { display: block; margin-bottom: 14px; }.sh.sm .h3 { margin: 0px !important; }.sh.sm p { margin-top: 4px; font-size: 14px; }.blk { margin-top: clamp(26px, 3.2vw, 40px); }.pd > div > .blk:first-of-type { margin-top: clamp(22px, 3vw, 32px); }.pd > :where(.mdc-w) > div > .blk:first-of-type,.pd > div > :where(.mdc-w) > .blk:first-of-type,.pd > :where(.mdc-w) > div > :where(.mdc-w) > .blk:first-of-type{margin-top: clamp(22px, 3vw, 32px);}.ph { padding: calc(var(--hh) + 26px) 0 30px !important; }.ph .h1 { font-size: clamp(28px, 3.4vw, 46px) !important; margin: 12px 0px 0px !important; max-width: none !important; line-height: 1.05 !important; }.ph .lead { max-width: 60ch; margin-top: 10px !important; font-size: 16px !important; }.crumb { margin: 0px; }.pdsec { padding-top: clamp(26px, 3.6vw, 44px) !important; }.tabs { display: none; }.ana-sub { margin: 10px 0px 0px; color: rgb(185, 198, 230); font-size: 16px; max-width: 52ch; }.vgrid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }.vgrid.v4 { grid-template-columns: repeat(4, 1fr); }.vc { background: var(--paper2); border: 1px solid var(--line); padding: 26px 24px; }.vc .ic { display: inline-grid; place-items: center; width: 46px; height: 46px; border-radius: 12px; background: var(--paper); color: var(--blue); margin-bottom: 16px; }.vc .ic svg { width: 24px; height: 24px; }.vc h3 { font: 800 22px/1.1 var(--f-head); text-transform: uppercase; margin: 0px 0px 8px; color: var(--ink); }.vc p { margin: 0px; color: var(--mute); font-size: 15px; line-height: 1.55; }.split2 { display: grid; grid-template-columns: 1.05fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: center; }.contact-g { display: grid; grid-template-columns: 1fr 1fr; gap: clamp(24px, 4vw, 56px); align-items: start; }.cc-list { display: grid; gap: 14px; }.cc-i { display: flex; gap: 16px; align-items: center; padding: 18px 20px; background: var(--paper2); border: 1px solid var(--line); color: var(--ink); transition: transform 0.2s, border-color 0.2s; }.cc-i:hover { transform: translateY(-2px); border-color: var(--blue); }.cc-i .ic { flex: 0 0 auto; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 50%; background: var(--paper); color: var(--blue); }.cc-i .ic.wa { background: rgb(37, 211, 102); color: rgb(255, 255, 255); }.cc-i svg { width: 22px; height: 22px; }.cc-i small { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }.cc-i .mdc-sm { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.1em; text-transform: uppercase; color: var(--mute); }.cc-i b { display: block; font: 800 22px/1.1 var(--f-head); text-transform: uppercase; }.cc-i span:not(.ic) { display: block; font-size: 14px; color: var(--mute); margin-top: 2px; }.cta .cg { grid-template-columns: 1fr 1.05fr; gap: clamp(24px, 4vw, 64px); display: grid !important; align-items: center !important; }.cta-l .tag { color: rgb(157, 180, 238); }.cta-l .h2 { margin: 10px 0px 0px !important; font-size: clamp(26px, 3vw, 40px) !important; line-height: 1.08 !important; }.cta-l p { margin: 10px 0px 0px; color: rgb(185, 198, 230); max-width: 44ch; }.cta-l .tel { margin-top: 20px !important; }.cta-b { margin-top: 16px; }.count { margin: 0px 0px 18px; color: var(--mute); }.cgrid { gap: 18px; }.vgrid .vc.reveal { transition-delay: 0s; }.cl li.lg { background: rgb(255, 255, 255); min-width: 168px; height: 92px; padding: 14px 24px !important; }.cl li.lg img { max-height: 46px; max-width: 150px; filter: none !important; opacity: 1 !important; }@media (max-width: 900px){.vgrid, .vgrid.v4 { grid-template-columns: 1fr 1fr; }.contact-g, .split2, .cta .cg { grid-template-columns: 1fr; }}@media (max-width: 560px){.vgrid, .vgrid.v4 { grid-template-columns: 1fr; }.sh { align-items: flex-start; }.cl li.lg { min-width: calc(50% - 6px); height: 80px; }}:root { --sp: clamp(40px,4.4vw,64px); }.cgrid { grid-template-columns: repeat(4, 1fr) !important; gap: 16px !important; }.cgrid .cc { aspect-ratio: 4 / 3 !important; min-height: 0px !important; }.cc .t h3 { font-size: clamp(17px, 1.4vw, 22px) !important; }.ana { padding-top: clamp(48px, 5vw, 72px) !important; padding-bottom: clamp(48px, 5vw, 72px) !important; }@media (max-width: 900px){.cgrid { grid-template-columns: 1fr 1fr !important; }}.spec-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 32px; margin: 0px; }.spec-grid > div { border-top: 1px solid var(--line); padding: 14px 0px; }.spec-grid > :where(.mdc-w) > div{border-top: 1px solid var(--line); padding: 14px 0px;}.spec-grid dt { font: 800 19px/1.1 var(--f-head); text-transform: uppercase; color: var(--ink); }.spec-grid dd { margin: 5px 0px 0px; color: var(--mute); font-size: 15px; line-height: 1.5; }.ph-img img { width: 100%; height: auto; display: block; border-radius: 4px; box-shadow: rgba(6, 22, 63, 0.45) 0px 24px 56px -28px; }.steps4 { list-style: none; margin: 0px; padding: 0px; }.steps4 li { display: grid; grid-template-columns: 40px 1fr; gap: 16px; align-items: center; padding: 16px 0px; border-top: 1px solid var(--line); }.steps4 .dot { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--blue); color: rgb(255, 255, 255); }.steps4 .dot svg { width: 18px; height: 18px; }.steps4 b { display: block; font: 800 21px/1.1 var(--f-head); text-transform: uppercase; color: var(--ink); }.steps4 li span:not(.dot) { display: block; color: var(--mute); font-size: 15px; margin-top: 3px; }.sec.alt { background: var(--paper); }@media (max-width: 700px){.spec-grid { grid-template-columns: 1fr; }}.cl { grid-template-columns: repeat(3, 1fr); gap: 14px; max-width: 980px; display: grid !important; }.cl li, .cl li.lg { display: flex; align-items: center; justify-content: center; text-align: center; min-width: 0px !important; height: 104px !important; padding: 14px 22px !important; }.cl li.lg img { max-height: 52px; max-width: 78%; }@media (max-width: 560px){.cl { gap: 10px; }.cl li, .cl li.lg { height: 84px !important; padding: 10px 12px !important; }.cl li.lg img { max-height: 40px; }}.vh { position: absolute; width: 1px; height: 1px; margin: -1px; padding: 0px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; border: 0px; }.pdsec { position: relative; }.cl { max-width: none !important; gap: 16px !important; }.cl li, .cl li.lg { background: rgb(255, 255, 255); border: 1px solid var(--line); border-radius: 4px; height: 124px !important; }.cl li.lg img { object-fit: contain; height: 66px !important; width: auto !important; max-height: 66px !important; max-width: 68% !important; }@media (max-width: 900px){.cl li, .cl li.lg { height: 104px !important; }.cl li.lg img { height: 52px !important; max-height: 52px !important; }}@media (max-width: 560px){.cl { gap: 10px !important; }.cl li, .cl li.lg { height: 84px !important; }.cl li.lg img { height: 40px !important; max-height: 40px !important; max-width: 78% !important; }}.spb { position: fixed; left: 0px; top: 0px; height: 3px; width: 100%; background: linear-gradient(90deg,var(--blue2),#8fbaff); transform-origin: 0px 50%; transform: scaleX(0); z-index: 300; pointer-events: none; }.hero[data-photo] { background: rgb(6, 22, 63); color: rgb(255, 255, 255); }.hero[data-photo]::after { display: none; }.hero[data-photo] .slides { position: absolute; inset: -6% 0px; z-index: 0; }.hero .slides .s { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transform: scale(1.04); transition: opacity 1.8s; }.hero .slides .s.on { opacity: 1; animation: 9s ease-out 0s 1 normal forwards running kb; }@keyframes kb { 
  0% { transform: scale(1.04); }
  100% { transform: scale(1.17) translate(-1.5%, -1%); }
}.hero[data-photo] .veil { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(6, 22, 63, 0.9) 0%, rgba(6, 22, 63, 0.62) 46%, rgba(6, 22, 63, 0.1) 100%), linear-gradient(0deg, rgba(6, 22, 63, 0.72), rgba(6, 22, 63, 0) 42%); }.hero[data-photo] h1, .hero[data-photo] .h1 { color: rgb(255, 255, 255) !important; }.hero[data-photo] h1 em { color: rgb(143, 186, 255) !important; }.hero[data-photo] .eyebrow { color: rgb(207, 224, 255) !important; }.hero[data-photo] .eyebrow::before { background: rgb(143, 186, 255) !important; }.hero[data-photo] .btn.ghost { color: rgb(255, 255, 255) !important; }.hero[data-photo] .hint { color: rgb(207, 224, 255); }.hero[data-photo] .meter { backdrop-filter: blur(10px); border-top: 1px solid rgba(255, 255, 255, 0.16); background: rgba(6, 22, 63, 0.55) !important; }.hero[data-photo] .meter b { color: rgb(255, 255, 255) !important; }.hero[data-photo] .meter small { color: rgb(185, 198, 230) !important; }.hero[data-photo] .meter .mdc-sm { color: rgb(185, 198, 230) !important; }.hero[data-photo] .meter .row > div { border-color: rgba(255, 255, 255, 0.16) !important; }.hero[data-photo] .meter .row > :where(.mdc-w) > div{border-color: rgba(255, 255, 255, 0.16) !important;}.sdots { position: absolute; right: var(--gut); bottom: 132px; display: flex; gap: 8px; z-index: 3; }.sdots i { width: 24px; height: 3px; background: rgba(255, 255, 255, 0.32); transition: background 0.4s, width 0.5s; }.sdots i.on { background: rgb(255, 255, 255); width: 44px; }.bgp { position: relative; overflow: hidden; color: rgb(255, 255, 255); }.bgp .bgp-img { position: absolute; inset: -14% 0px; z-index: 0; }.bgp .bgp-img img { width: 100%; height: 100%; object-fit: cover; display: block; }.bgp .bgp-veil { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(6, 22, 63, 0.88), rgba(6, 22, 63, 0.8)); }.bgp > .wrap { position: relative; z-index: 2; }.bgp > :where(.mdc-w) > .wrap{position: relative; z-index: 2;}.sec.cta.bgp { background: rgb(6, 22, 63); }.sec.why.bgp { background: rgb(6, 22, 63); }.bgp .tag { color: rgb(157, 180, 238); }.bgp .sh .h2 { color: rgb(255, 255, 255); }.bgp .sh p { color: rgb(185, 198, 230); }.bgp .vc { background: rgba(255, 255, 255, 0.08); border-color: rgba(255, 255, 255, 0.18); backdrop-filter: blur(10px); }.bgp .vc h3 { color: rgb(255, 255, 255); }.bgp .vc p { color: rgb(201, 214, 242); }.bgp .vc .ic { background: rgba(255, 255, 255, 0.12); color: rgb(143, 186, 255); }.ph.phimg { position: relative; overflow: hidden; padding-bottom: 56px !important; }.ph .phbg { position: absolute; inset: -14% 0px; z-index: 0; }.ph .phbg img { width: 100%; height: 100%; object-fit: cover; display: block; }.ph .phveil { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(6, 22, 63, 0.94), rgba(6, 22, 63, 0.7) 55%, rgba(6, 22, 63, 0.38)); }.ph.phimg > .wrap { position: relative; z-index: 2; }.ph.phimg > :where(.mdc-w) > .wrap{position: relative; z-index: 2;}.ph.phimg::before, .ph.phimg::after { display: none; }.cc, .pc { position: relative; }.cc img, .pc .im img { transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1); }.cc:hover img, .pc:hover .im img { transform: scale(1.09); }.cc::before { content: ""; position: absolute; inset: 0px; z-index: 2; pointer-events: none; background: radial-gradient(420px circle at var(--mx,50%) var(--my,50%),rgba(143,186,255,.3),transparent 62%); opacity: 0; transition: opacity 0.35s; }.cc:hover::before { opacity: 1; }.pc { transition: transform 0.35s, box-shadow 0.35s; }.pc:hover { transform: translateY(-6px); box-shadow: rgba(6, 22, 63, 0.45) 0px 28px 50px -26px; }.mq { background: rgb(6, 22, 63); padding: clamp(26px, 3vw, 40px) 0px; overflow: hidden; }.mq-row { display: flex; gap: 16px; width: max-content; margin-bottom: 16px; will-change: transform; }.mq-row:last-child { margin: 0px; }.mq-row img { width: clamp(210px, 21vw, 330px); height: auto; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 4px; flex: 0 0 auto; }.hg { background: rgb(6, 22, 63); color: rgb(255, 255, 255); padding: clamp(40px, 5vw, 68px) 0px; overflow: hidden; }.hg.pinned { min-height: 100vh; display: flex; flex-direction: column; justify-content: center; }.hg .sh { margin-bottom: clamp(20px, 2.6vw, 32px); }.hg .sh .h2 { color: rgb(255, 255, 255); }.hg .sh p { color: rgb(185, 198, 230); }.hg .tag { color: rgb(157, 180, 238); }.hg-track { display: flex; gap: 20px; padding: 0 var(--gut); width: max-content; will-change: transform; }.hg-card { position: relative; flex: 0 0 auto; width: clamp(290px, 34vw, 520px); aspect-ratio: 4 / 3; overflow: hidden; border-radius: 4px; display: block; color: rgb(255, 255, 255); }.elementor .e-con-full.e-flex.mdc.hg-card{flex:0 0 auto;flex-grow:0;flex-shrink:0;flex-basis:auto}.hg-card img { width: 100%; height: 100%; object-fit: cover; transition: transform 1s cubic-bezier(0.2, 0.7, 0.2, 1); }.hg-card:hover img { transform: scale(1.1); }.hg-card::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(6, 22, 63, 0.9), rgba(6, 22, 63, 0) 58%); }.hg-card .cap { position: absolute; left: 20px; right: 20px; bottom: 18px; z-index: 2; }.hg-card .cap small { font: 500 11px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; color: rgb(157, 180, 238); }.hg-card .cap .mdc-sm { font: 500 11px var(--f-mono); letter-spacing: 0.12em; text-transform: uppercase; color: rgb(157, 180, 238); }.hg-card .cap b { display: block; margin-top: 4px; font: 800 clamp(20px,2vw,28px)/1.05 var(--f-head); text-transform: uppercase; }.hg:not(.pinned) .hg-track { width: auto; overflow-x: auto; scroll-snap-type: x mandatory; padding-bottom: 6px; }.hg:not(.pinned) .hg-card { scroll-snap-align: start; }.md .pop { position: relative; display: grid; grid-template-columns: 1fr 1.05fr; width: min(900px, 100%); max-height: 92vh; background: rgb(255, 255, 255); overflow: hidden; box-shadow: rgba(0, 0, 0, 0.65) 0px 40px 100px -30px; animation: 0.55s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running popin; }.md .pop-img { position: relative; min-height: 100%; }.md .pop-img img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }.md .pop-img::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(6, 22, 63, 0.9), rgba(6, 22, 63, 0.05) 58%); }.md .pop-cap { position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 2; color: rgb(255, 255, 255); }.md .pop-cap b { display: block; font: 800 30px/1.02 var(--f-head); text-transform: uppercase; }.md .pop-cap span { display: block; margin-top: 6px; font-size: 14px; color: rgb(207, 224, 255); }.md .pop .qf { max-height: 92vh; margin: 0px; box-shadow: none; border: 0px; width: auto !important; }@keyframes popin { 
  0% { opacity: 0; transform: translateY(26px) scale(0.97); }
  100% { opacity: 1; transform: none; }
}@media (max-width: 780px){.md .pop { grid-template-columns: 1fr; }.md .pop-img { display: none; }}@media (prefers-reduced-motion: reduce){.hero .slides .s.on { animation: auto ease 0s 1 normal none running none; }.md .pop { animation: auto ease 0s 1 normal none running none; }}.bgp .bgp-veil { background: linear-gradient(rgba(6, 22, 63, 0.74), rgba(6, 22, 63, 0.62) 50%, rgba(6, 22, 63, 0.78)); }.sec.cta.bgp .bgp-veil { background: linear-gradient(90deg, rgba(6, 22, 63, 0.9), rgba(6, 22, 63, 0.7)); }.ft .cols { align-items: start; grid-template-columns: 1.35fr 1.9fr 0.9fr 1.1fr !important; gap: clamp(24px, 3vw, 48px) !important; }.ft .two-col { columns: 2; column-gap: 28px; }.ft .two-col li { break-inside: avoid; }.ft h4 { padding-bottom: 12px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); margin: 0px 0px 16px !important; }.ft ul { list-style: none; margin: 0px; padding: 0px; }.ft li { margin: 0px 0px 10px; }@media (max-width: 1000px){.ft .cols { grid-template-columns: 1fr 1fr !important; }.ft .c0 { grid-column: 1 / -1; }}@media (max-width: 560px){.ft .cols { grid-template-columns: 1fr !important; }.ft .two-col { columns: 1; }}.hg .wrap { width: 100%; max-width: var(--max); margin-left: auto; margin-right: auto; }.hg .sh { align-items: flex-end; }.hero[data-photo] .meter .row { backdrop-filter: blur(12px); background: rgba(6, 22, 63, 0.72) !important; border-top: 1px solid rgba(255, 255, 255, 0.18) !important; }.hero[data-photo] .meter .row div { border-color: rgba(255, 255, 255, 0.16) !important; }.hero[data-photo] .meter b em { color: rgb(143, 186, 255) !important; }.bgp .bgp-veil { background: linear-gradient(90deg, rgba(6, 22, 63, 0.9) 0%, rgba(6, 22, 63, 0.78) 55%, rgba(6, 22, 63, 0.62) 100%) !important; }.bgp .sh h2, .bgp .sh p, .bgp .tag { text-shadow: rgba(6, 22, 63, 0.7) 0px 2px 14px; }.sec.cta.bgp .bgp-veil { background: linear-gradient(90deg, rgba(6, 22, 63, 0.92), rgba(6, 22, 63, 0.78)) !important; }.hero .slides .s { position: absolute; inset: 0px; margin: 0px; width: auto; height: auto; opacity: 0; visibility: hidden; transform: none; transition: none; object-fit: initial; }.hero .slides .s img { width: 100%; height: 100%; object-fit: cover; display: block; translate: var(--px,0px) var(--py,0px); transition: translate 0.6s ease-out; }.hero .slides .s.prev { opacity: 1; visibility: visible; z-index: 1; animation: auto ease 0s 1 normal none running none; }.hero .slides .s.on { opacity: 1; visibility: visible; z-index: 2; animation: 1.3s cubic-bezier(0.77, 0, 0.18, 1) 0s 1 normal both running wipe; }.hero .slides .s.on img { animation: 9s ease-out 0s 1 normal both running kb2; }.hero[data-photo] .slides { inset: -4% -2%; }@keyframes wipe { 
  0% { clip-path: inset(0px 0px 0px 100%); }
  100% { clip-path: inset(0px); }
}@keyframes kb2 { 
  0% { transform: scale(1.24); }
  100% { transform: scale(1.06) translate(-1.2%, -0.6%); }
}.hero .grain { position: absolute; inset: -40%; z-index: 2; pointer-events: none; opacity: 0.1; mix-blend-mode: overlay; background: url("https://madocinfra.com/wp-content/plugins/madoc-core/assets/img/grain.png"); animation: 1.1s steps(6) 0s infinite normal none running grain; }@keyframes grain { 
  0% { transform: translate(0px, 0px); }
  20% { transform: translate(-3%, 2%); }
  40% { transform: translate(2%, -3%); }
  60% { transform: translate(-2%, -2%); }
  80% { transform: translate(3%, 3%); }
  100% { transform: translate(0px, 0px); }
}.hero .dust { position: absolute; inset: 0px; z-index: 2; overflow: hidden; pointer-events: none; }.hero .dust i { position: absolute; bottom: -12px; border-radius: 50%; background: rgba(255, 255, 255, 0.8); filter: blur(0.6px); opacity: 0; animation: auto linear 0s infinite normal none running dust; }@keyframes dust { 
  0% { transform: translate(0px, 0px); opacity: 0; }
  12% { opacity: 0.75; }
  100% { transform: translate(46px, -105vh); opacity: 0; }
}.hero .hcap { position: absolute; left: var(--gut); bottom: 122px; z-index: 3; color: rgb(255, 255, 255); display: block; max-width: 44ch; transition: opacity 0.35s, transform 0.35s; }.hero .hcap.swap { opacity: 0; transform: translateY(10px); }.hero .hcap small { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.16em; text-transform: uppercase; color: rgb(157, 180, 238); }.hero .hcap .mdc-sm { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.16em; text-transform: uppercase; color: rgb(157, 180, 238); }.hero .hcap b { display: block; margin-top: 6px; font: 800 clamp(24px,2.8vw,40px)/1 var(--f-head); text-transform: uppercase; }.hero .hcap span { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; font: 600 12px var(--f-body); letter-spacing: 0.1em; text-transform: uppercase; color: rgb(143, 186, 255); }.hero .hcap span svg { width: 16px; height: 16px; transition: transform 0.3s; }.hero .hcap:hover span svg { transform: translateX(5px); }.hero .hthumbs { position: absolute; right: var(--gut); bottom: 122px; z-index: 3; display: flex; gap: 10px; }.hero .th { position: relative; width: 92px; aspect-ratio: 4 / 3; padding: 0px; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.28); background: rgb(6, 22, 63); cursor: pointer; opacity: 0.72; transition: opacity 0.3s, transform 0.35s, border-color 0.3s; }.hero .th img { width: 100%; height: 100%; object-fit: cover; display: block; }.hero .th:hover { opacity: 1; transform: translateY(-4px); }.hero .th.on { opacity: 1; border-color: rgb(255, 255, 255); transform: translateY(-8px); }.hero .th::after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 4px; width: 0px; background: rgb(143, 186, 255); }.hero .th.on::after { animation: 6.2s linear 0s 1 normal forwards running thfill; }@keyframes thfill { 
  100% { width: 100%; }
}.hero .hnav { position: absolute; top: 50%; z-index: 3; width: 48px; height: 48px; margin-top: -24px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.42); background: rgba(6, 22, 63, 0.35); backdrop-filter: blur(6px); color: rgb(255, 255, 255); font-size: 30px; line-height: 1; cursor: pointer; transition: background 0.25s, transform 0.25s; }.hero .hnav:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.08); }.hero .hnav.prev { left: 18px; }.hero .hnav.next { right: 18px; }.hero[data-photo] .hint { bottom: 210px; right: var(--gut); }@media (max-width: 900px){.hero .hnav, .hero .hcap { display: none; }.hero .hthumbs { left: var(--gut); right: auto; bottom: 150px; }.hero .th { width: 64px; }.hero[data-photo] .hint { display: none; }}@media (max-height: 760px){.hero .hcap { display: none; }}@media (prefers-reduced-motion: reduce){.hero .grain, .hero .dust { display: none; }.hero .slides .s.on, .hero .slides .s.on img { animation: auto ease 0s 1 normal none running none; }}.hg.drift .hg-track { padding-bottom: 0px; width: max-content !important; overflow: visible !important; scroll-snap-type: none !important; }.hg.drift .hg-card { scroll-snap-align: none; }.hd .logo img { width: auto; display: block; height: 60px !important; }.ft .logo img { height: 84px; width: auto; display: block; }.ft .logo { margin-bottom: 4px; }@media (max-width: 380px){.hd .logo img { height: 48px !important; }}.prodshow { position: relative; overflow: hidden; background: var(--paper); }.ps-bg { position: absolute; inset: 0px; z-index: 0; pointer-events: none; }.ps-bg img { position: absolute; inset: -10%; width: 120%; height: 120%; object-fit: cover; filter: blur(56px) saturate(1.2); opacity: 0; transition: opacity 1.2s; transform: scale(1.1); }.ps-bg img.show { opacity: 0.3; }.prodshow > .wrap { position: relative; z-index: 2; }.prodshow > :where(.mdc-w) > .wrap{position: relative; z-index: 2;}.ps { display: grid; grid-template-columns: minmax(280px, 0.78fr) 1.75fr; gap: clamp(22px, 3.4vw, 56px); align-items: center; }.ps-info { transition: opacity 0.25s, transform 0.25s; }.ps-info.swap { opacity: 0; transform: translateY(10px); }.ps-info > small, .ps-sz small { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); }.ps-info > .mdc-sm, .ps-sz .mdc-sm { display: block; font: 500 11px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute); }.ps-info > :where(.mdc-w) > small{display: block; font: 500 11px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute);}.ps-info > :where(.mdc-w) > .mdc-sm{display: block; font: 500 11px var(--f-mono); letter-spacing: 0.14em; text-transform: uppercase; color: var(--mute);}.ps-name { margin: 8px 0px 0px; font: 800 clamp(30px,3.6vw,52px)/1 var(--f-head); text-transform: uppercase; color: var(--ink); }.ps-desc { margin: 14px 0px 0px; color: var(--mute); font-size: 16px; line-height: 1.6; max-width: 34ch; }.ps-sz { margin-top: 22px; padding-top: 16px; border-top: 1px solid var(--line); }.ps-sz b { display: block; margin-top: 6px; font: 700 17px/1.4 var(--f-body); color: var(--ink); }.ps-cta { display: flex; gap: 12px; flex-wrap: wrap; margin-top: 26px; }.ps-stage { position: relative; perspective: 1500px; aspect-ratio: 1 / 0.66; outline: none; }.ps-track { position: absolute; inset: 0px; transform-style: preserve-3d; }.ps-s { position: absolute; left: 50%; top: 5%; width: 76%; margin-left: -38%; display: block; transition: transform 0.9s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.6s; will-change: transform; cursor: pointer; }.ps-in { position: relative; aspect-ratio: 4 / 3; background: rgb(223, 232, 247); border-radius: 6px; overflow: hidden; box-shadow: rgba(6, 22, 63, 0.65) 0px 38px 60px -34px; transition: transform 0.25s ease-out; transform-style: preserve-3d; }.ps-in img { width: 100%; height: 100%; object-fit: contain; display: block; }.ps-s.act .ps-in { box-shadow: rgba(6, 22, 63, 0.8) 0px 48px 80px -36px; }.ps-glare { position: absolute; inset: 0px; pointer-events: none; background: radial-gradient(380px circle at var(--gx,50%) var(--gy,50%),rgba(255,255,255,.28),transparent 60%); opacity: 0; transition: opacity 0.3s; }.ps-s.act:hover .ps-glare { opacity: 1; }.ps-s:not(.act) .ps-in { filter: saturate(0.8); }.ps-arrow { position: absolute; top: 44%; z-index: 40; width: 50px; height: 50px; border-radius: 50%; border: 1px solid rgba(6, 22, 63, 0.25); background: rgb(255, 255, 255); color: var(--ink); font-size: 30px; line-height: 1; cursor: pointer; box-shadow: rgba(6, 22, 63, 0.5) 0px 12px 26px -12px; transition: transform 0.25s, background 0.25s, color 0.25s; }.ps-arrow:hover { background: var(--ink); color: rgb(255, 255, 255); transform: scale(1.08); }.ps-arrow.prev { left: -6px; }.ps-arrow.next { right: -6px; }.ps-thumbs { grid-column: 1 / -1; display: flex; gap: 10px; justify-content: center; flex-wrap: wrap; margin-top: 6px; }.ps-th { position: relative; width: 78px; aspect-ratio: 4 / 3; padding: 0px; border: 2px solid transparent; background: rgb(223, 232, 247); overflow: hidden; cursor: pointer; opacity: 0.62; transition: opacity 0.3s, transform 0.3s, border-color 0.3s; border-radius: 3px; }.ps-th img { width: 100%; height: 100%; object-fit: cover; display: block; }.ps-th:hover { opacity: 1; transform: translateY(-3px); }.ps-th.on { opacity: 1; border-color: var(--ink); transform: translateY(-5px); }.ps:not(.on) .ps-track { position: static; display: flex; gap: 16px; overflow-x: auto; scroll-snap-type: x mandatory; }.ps:not(.on) .ps-s { position: static; margin: 0px; flex: 0 0 auto; width: min(440px, 80vw); scroll-snap-align: start; }@media (max-width: 900px){.ps { grid-template-columns: 1fr; }.ps-info { order: 2; text-align: left; }.ps-stage { order: 1; }.ps-thumbs { order: 3; }.ps-arrow { width: 42px; height: 42px; font-size: 26px; }.ps-arrow.prev { left: 0px; }.ps-arrow.next { right: 0px; }.ps-th { width: 56px; }.ps-desc { max-width: none; }}@media (max-width: 560px){.ps-s { width: 84%; margin-left: -42%; }.ps-th { width: 48px; }}@media (prefers-reduced-motion: reduce){.ps-s, .ps-bg img { transition: none; }}.ps { display: block !important; }.ps-stage { aspect-ratio: 1 / 0.45; max-width: 1200px; margin: 0px auto; }.ps-s { width: 52%; margin-left: -26%; top: 2%; }.ps-info { max-width: 680px; margin: 28px auto 0px; text-align: center; order: unset !important; }.ps-desc { margin-left: auto; margin-right: auto; max-width: 50ch; }.ps-sz { display: inline-flex; align-items: baseline; gap: 12px; border-top: 0px; padding: 0px; margin-top: 14px; }.ps-sz b { display: inline; margin: 0px; }.ps-cta { justify-content: center; }.ps-thumbs { margin-top: 26px !important; }.ps-arrow.prev { left: 1%; }.ps-arrow.next { right: 1%; }.ps-arrow { top: 40%; }@media (max-width: 900px){.ps-stage { aspect-ratio: 1 / 0.62; }.ps-s { width: 72%; margin-left: -36%; }}@media (max-width: 560px){.ps-stage { aspect-ratio: 1 / 0.82; }.ps-s { width: 84%; margin-left: -42%; }}.ps { display: flex !important; flex-direction: column; }.elementor .e-con-full.e-flex.mdc.ps{flex-direction:column}.ps-stage { order: 1; }.ps-info { order: 2; }.ps-thumbs { order: 3; }.ps-stage { width: 100%; }.ps-info, .ps-thumbs { width: 100%; }.ps-stage { aspect-ratio: 1 / 0.415; }@media (max-width: 900px){.ps-stage { aspect-ratio: 1 / 0.6; }}@media (max-width: 560px){.ps-stage { aspect-ratio: 1 / 0.8; }}.prodshow { padding: clamp(30px, 3.4vw, 52px) 0px !important; }.prodshow .sh { margin-bottom: clamp(14px, 1.8vw, 22px); align-items: center; }.prodshow .sh p { margin-top: 6px; }.ps-chips { display: flex; gap: 8px; flex-wrap: wrap; }.ps-chip { display: inline-flex; align-items: center; gap: 8px; padding: 9px 16px; border: 1px solid rgba(6, 22, 63, 0.22); background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(6px); color: var(--ink); font: 600 13px var(--f-body); letter-spacing: 0.02em; cursor: pointer; border-radius: 999px; transition: background 0.25s, color 0.25s, border-color 0.25s, transform 0.25s; }.ps-chip:hover { border-color: var(--ink); transform: translateY(-2px); }.ps-chip.on { background: var(--ink); color: rgb(255, 255, 255); border-color: var(--ink); }.ps-chip.all { background: var(--blue); border-color: var(--blue); color: rgb(255, 255, 255); }.ps-chip.all svg { width: 15px; height: 15px; }.ps { --cw: min(44vw,520px); display: block !important; }.ps-stage { max-width: 1200px; margin: 0px auto; height: calc(var(--cw) * .75 + 132px); perspective: 1500px; width: 100% !important; aspect-ratio: auto !important; }.ps-s { cursor: pointer; width: var(--cw) !important; margin-left: calc(var(--cw) / -2) !important; top: 0px !important; }.ps-card { display: block; }.ps-cap { padding: 14px 4px 0px; text-align: left; }.ps-row { display: flex; justify-content: space-between; align-items: center; gap: 10px 14px; flex-wrap: wrap; }.ps-n { margin: 0px; font: 800 clamp(20px,2.2vw,32px)/1 var(--f-head); text-transform: uppercase; color: var(--ink); }.ps-n a { color: inherit; }.ps-act, .ps-d { display: none; }.ps-s.act .ps-act { display: flex; gap: 8px; }.ps-s.act .ps-d { display: block; }.ps-d { margin: 8px 0px 0px; color: var(--mute); font-size: 14.5px; line-height: 1.5; }.ps-m { display: inline-block; margin-left: 4px; font: 600 12px var(--f-mono); letter-spacing: 0.04em; color: var(--ink); }.ps-s:not(.act) .ps-n { font-size: clamp(16px, 1.6vw, 22px); }.ps-s.act .ps-cap > * { animation: 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running capin; }.ps-s.act .ps-cap > :where(.mdc-w) > *{animation: 0.6s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal both running capin;}.ps-s.act .ps-cap > :nth-child(2) { animation-delay: 0.1s; }.ps-s.act .ps-cap > :where(.mdc-w) > :nth-child(2){animation-delay: 0.1s;}@keyframes capin { 
  0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: none; }
}.btn.sm { padding: 10px 16px; font-size: 12.5px; }.ps-act .btn svg { width: 15px; height: 15px; }.ps-dots { display: flex; justify-content: center; gap: 6px; margin-top: 14px; }.ps-dots button { position: relative; width: 18px; height: 4px; padding: 0px; border: 0px; background: rgba(6, 22, 63, 0.25); cursor: pointer; overflow: hidden; transition: width 0.4s, background 0.3s; border-radius: 2px; }.ps-dots button:hover { background: rgba(6, 22, 63, 0.5); }.ps-dots button.on { width: 52px; background: rgba(6, 22, 63, 0.2); }.ps-dots button.on::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 0px; background: var(--ink); animation: 5.6s linear 0s 1 normal forwards running thfill; }.ps.hold .ps-dots button.on::after { animation-play-state: paused; }.ps-arrow { top: calc(var(--cw) * .375 - 25px) !important; }.ps-arrow.prev { left: 2%; }.ps-arrow.next { right: 2%; }@media (max-width: 900px){.ps { --cw: min(70vw,440px); }.prodshow .sh { align-items: flex-start; }.ps-chips { width: 100%; overflow-x: auto; flex-wrap: nowrap; padding-bottom: 4px; }.ps-chip { flex: 0 0 auto; }.elementor .e-con-full.e-flex.mdc.ps-chip{flex:0 0 auto;flex-grow:0;flex-shrink:0;flex-basis:auto}}@media (max-width: 560px){.ps { --cw: 78vw; }.ps-stage { height: calc(var(--cw) * .75 + 168px); }.ps-arrow { width: 40px; height: 40px; font-size: 24px; }.ps-arrow.prev { left: 0px; }.ps-arrow.next { right: 0px; }.ps-s.act .ps-act { width: 100%; }}.prodshow { padding: clamp(22px, 2.4vw, 36px) 0px !important; }.ps-stage { height: calc(var(--cw) * .75 + 118px) !important; }.ps-dots { margin-top: 8px; }.prodshow .sh { margin-bottom: 12px; }@media (max-width: 560px){.ps-stage { height: calc(var(--cw) * .75 + 160px) !important; }}@media (max-width: 560px){.ps-stage { height: calc(var(--cw) * .75 + 188px) !important; }}.tm .sh { max-width: none; }.tm-sample { display: inline-block; margin-bottom: 14px; padding: 7px 12px; border: 1px dashed rgb(255, 194, 26); color: rgb(255, 194, 26); font: 600 12px var(--f-mono); letter-spacing: 0.06em; }.tm-box { position: relative; max-width: 980px; margin: 0px auto; }.tm-stage { position: relative; display: grid; padding: clamp(30px, 4.2vw, 56px) clamp(22px, 5vw, 72px); background: rgba(255, 255, 255, 0.07); border: 1px solid rgba(255, 255, 255, 0.18); backdrop-filter: blur(14px); border-radius: 8px; box-shadow: rgba(0, 0, 0, 0.6) 0px 40px 80px -40px; }.tm-mark { position: absolute; top: -24px; left: clamp(18px, 4vw, 48px); width: 56px; height: 56px; color: rgb(143, 186, 255); filter: drop-shadow(rgba(6, 22, 63, 0.6) 0px 8px 14px); }.tm-s { grid-area: 1 / 1; margin: 0px; opacity: 0; visibility: hidden; transform: translateY(20px) scale(0.99); transition: opacity 0.8s, transform 0.8s cubic-bezier(0.2, 0.8, 0.2, 1), visibility 0.8s; }.tm-s.on { opacity: 1; visibility: visible; transform: none; }.tm-stars { display: flex; gap: 4px; color: rgb(255, 194, 26); }.tm-stars svg { width: 22px; height: 22px; fill: currentcolor; }.tm-s blockquote { margin: 18px 0px 26px; font: 500 clamp(19px,2.3vw,29px)/1.45 var(--f-body); color: rgb(255, 255, 255); }.tm-s figcaption { display: flex; align-items: center; gap: 14px; }.tm-s .mdc-figcap { display: flex; align-items: center; gap: 14px; }.tm-s b { display: block; font: 800 20px/1.1 var(--f-head); text-transform: uppercase; color: rgb(255, 255, 255); }.tm-s small { display: block; margin-top: 3px; color: rgb(185, 198, 230); font-size: 14px; }.tm-s .mdc-sm { display: block; margin-top: 3px; color: rgb(185, 198, 230); font-size: 14px; }.tm-av { display: grid; place-items: center; flex: 0 0 auto; width: 52px; height: 52px; border-radius: 50%; background: linear-gradient(135deg,var(--blue),#8fbaff); color: rgb(255, 255, 255); font: 800 18px var(--f-head); }.elementor .e-con-full.e-flex.mdc.tm-av{flex:0 0 auto;flex-grow:0;flex-shrink:0;flex-basis:auto}.tm-s.on blockquote { animation: 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.1s 1 normal both running capin; }.tm-s.on figcaption { animation: 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.25s 1 normal both running capin; }.tm-s.on .mdc-figcap { animation: 0.9s cubic-bezier(0.2, 0.8, 0.2, 1) 0.25s 1 normal both running capin; }.tm-arrow { position: absolute; top: 50%; z-index: 3; width: 46px; height: 46px; margin-top: -23px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(6, 22, 63, 0.5); color: rgb(255, 255, 255); font-size: 28px; line-height: 1; cursor: pointer; transition: background 0.25s, transform 0.25s; }.tm-arrow:hover { background: rgba(255, 255, 255, 0.2); transform: scale(1.08); }.tm-arrow.prev { left: -23px; }.tm-arrow.next { right: -23px; }.tm-rail { display: flex; justify-content: center; gap: 10px 14px; flex-wrap: wrap; margin-top: 26px; }.tm-th { position: relative; display: flex; align-items: center; gap: 10px; padding: 6px 16px 6px 6px; border: 1px solid rgba(255, 255, 255, 0.22); background: rgba(255, 255, 255, 0.06); border-radius: 999px; color: rgb(207, 224, 255); font: 600 13px var(--f-body); cursor: pointer; overflow: hidden; opacity: 0.7; transition: opacity 0.3s, background 0.3s, border-color 0.3s; }.tm-th .tm-av { width: 34px; height: 34px; font-size: 13px; }.tm-th:hover { opacity: 1; }.tm-th.on { opacity: 1; background: rgba(255, 255, 255, 0.14); border-color: rgb(255, 255, 255); color: rgb(255, 255, 255); }.tm-th::after { content: ""; position: absolute; left: 0px; bottom: 0px; height: 3px; width: 0px; background: rgb(143, 186, 255); }.tm-th.on::after { animation: 7.5s linear 0s 1 normal forwards running thfill; }.tm.hold .tm-th.on::after { animation-play-state: paused; }@media (max-width: 900px){.tm-arrow { display: none; }.tm-s blockquote { font-size: 19px; }}@media (prefers-reduced-motion: reduce){.tm-s, .tm-s.on blockquote, .tm-s.on figcaption { transition: none; animation: auto ease 0s 1 normal none running none; }.tm-s, .tm-s.on blockquote, .tm-s.on .mdc-figcap { transition: none; animation: auto ease 0s 1 normal none running none; }}.mas { column-count: 3; column-gap: 14px; }.mf { position: relative; break-inside: avoid; margin: 0px 0px 14px; overflow: hidden; border-radius: 4px; background: rgb(223, 232, 247); cursor: zoom-in; outline-offset: 3px; }.mf img { width: 100%; height: auto; display: block; transition: transform 0.9s cubic-bezier(0.2, 0.7, 0.2, 1); }.mf:hover img, .mf:focus-visible img { transform: scale(1.06); }.mf:nth-child(6n+2) img { aspect-ratio: 1 / 1; object-fit: cover; }.mf:nth-child(6n+4) img { aspect-ratio: 5 / 4; object-fit: cover; }.mf:nth-child(6n+6) img { aspect-ratio: 1 / 1; object-fit: cover; }.mf::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(0deg, rgba(6, 22, 63, 0.28), transparent 45%); opacity: 0; transition: opacity 0.4s; pointer-events: none; }.mf:hover::after { opacity: 1; }@media (max-width: 1100px){.mas { column-count: 3; column-gap: 12px; }.mf { margin-bottom: 12px; }}@media (max-width: 700px){.mas { column-count: 2; column-gap: 10px; }.mf { margin-bottom: 10px; }}.lb { position: fixed; inset: 0px; z-index: 400; display: flex; align-items: center; justify-content: center; background: rgba(3, 10, 30, 0.93); backdrop-filter: blur(6px); }.lb[hidden] { display: none; }.lb img { max-width: min(92vw, 1400px); max-height: 88vh; object-fit: contain; border-radius: 4px; box-shadow: rgb(0, 0, 0) 0px 40px 100px -30px; animation: 0.4s cubic-bezier(0.2, 0.8, 0.2, 1) 0s 1 normal none running popin; }.lb-x { position: absolute; top: 16px; right: 22px; width: 46px; height: 46px; border: 0px; background: none; color: rgb(255, 255, 255); font-size: 40px; line-height: 1; cursor: pointer; }.lb-a { position: absolute; top: 50%; width: 52px; height: 52px; margin-top: -26px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, 0.4); background: rgba(6, 22, 63, 0.5); color: rgb(255, 255, 255); font-size: 30px; line-height: 1; cursor: pointer; transition: background 0.25s; }.lb-a:hover { background: rgba(255, 255, 255, 0.22); }.lb-a.prev { left: 20px; }.lb-a.next { right: 20px; }@media (max-width: 700px){.lb-a { width: 42px; height: 42px; font-size: 24px; }.lb-a.prev { left: 8px; }.lb-a.next { right: 8px; }}