@import"https://fonts.googleapis.com/css2?family=Saira:wght@200;300;400;500;600;700&display=swap";.site-header{position:sticky;top:0;z-index:50;height:var(--header-h);background:var(--surf-white);box-shadow:0 2px 14px #0000000f}.nav{max-width:var(--container);margin:0 auto;height:100%;padding:0 var(--space-4);display:flex;align-items:center;gap:var(--space-4)}@media (min-width: 1200px){.nav{max-width:none;width:100%;padding-inline:max(var(--space-6),calc((100vw - var(--container)) / 2))}.nav-links{gap:calc(var(--space-6) + 6px)}}.brand img{height:calc(var(--header-h) - var(--space-4));width:auto;display:block}.nav-fill{flex:1;display:flex;justify-content:flex-end;align-items:center}.nav-links{display:flex;align-items:center;gap:calc(var(--space-4) + 10px)}.nav-links>li{position:relative}.nav-link{position:relative;display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm);color:var(--text-body-light);font-weight:600;font-size:15px;line-height:1}.nav-link:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .22s ease;opacity:.85}.nav-link:hover:after,a.active.nav-link:after{transform:scaleX(1)}.nav-link:hover{color:#000}a.active.nav-link,.sub-link.active{color:var(--color-accent)}.nav-link .arrow{display:none}.sub-trigger{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;border:0;color:inherit;cursor:pointer;padding:var(--space-3) var(--space-2);border-radius:var(--radius-sm)}.sub-trigger .chev-down{transition:transform var(--transition-fast)}.has-sub.is-open .sub-trigger .chev-down{transform:rotate(180deg)}.has-sub .sub{position:absolute;top:100%;left:0;margin-top:var(--space-2);background:var(--surf-white);border-radius:var(--radius-sm);min-width:300px;padding:var(--space-2);box-shadow:0 10px 30px #0000001f;opacity:0;visibility:hidden;transform:translateY(-4px);transition:.18s ease}.has-sub:hover .sub{opacity:1;visibility:visible;transform:translateY(0)}.sub-link{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);width:100%;padding:var(--space-3) var(--space-3);border-radius:var(--radius-sm);color:var(--text-body-light);font-weight:600}.sub-link .arrow{opacity:.6;transition:opacity var(--transition-fast),transform var(--transition-fast)}.sub-link:hover{background:color-mix(in oklab,var(--color-accent) 12%,white)}.sub-link:hover .arrow{opacity:1;color:var(--color-accent);transform:translate(2px)}@media (min-width: 901px){.sub-trigger{cursor:default}.has-sub:hover .sub-trigger .chev-down{transform:rotate(180deg)}}.nav-toggle{--size-toggle: 40px;display:none;position:relative;width:var(--size-toggle);height:var(--size-toggle);border-radius:var(--radius-sm)}.nav-toggle .bar{position:absolute;left:calc(var(--space-3));right:calc(var(--space-3));height:2px;background:var(--text-body-light);transition:transform var(--transition-fast),opacity var(--transition-fast)}.nav-toggle .bar:nth-child(1){top:calc(var(--size-toggle) / 2 - 9px)}.nav-toggle .bar:nth-child(2){top:calc(var(--size-toggle) / 2 - 2px)}.nav-toggle .bar:nth-child(3){top:calc(var(--size-toggle) / 2 + 5px)}.nav-toggle.is-open .bar:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open .bar:nth-child(2){opacity:0}.nav-toggle.is-open .bar:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media (max-width: 900px){.nav-toggle{display:inline-block}.nav-toggle.is-open{position:fixed;top:var(--space-4);right:var(--space-4);z-index:3000;background:var(--text-strong-dark);box-shadow:0 6px 20px #0000001f}.nav-links{position:fixed;inset:var(--header-h) 0 0 0;padding:var(--space-4) var(--space-4) var(--space-6);background:var(--text-strong-dark);z-index:2000;display:grid;gap:var(--space-4);opacity:0;transform:translateY(-8px);pointer-events:none;transition:var(--transition-med);max-height:calc(100dvh - var(--header-h));overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.nav-links.open{opacity:1;transform:translateY(0);pointer-events:auto}body.nav-open{overflow:hidden}.nav-link{width:100%;padding:var(--space-4) var(--space-2);justify-content:space-between}.nav-link .arrow{display:inline-block;opacity:.5;transition:opacity var(--transition-fast),transform var(--transition-fast)}.nav-link:hover .arrow{opacity:1;color:var(--color-accent);transform:translate(2px)}.has-sub .sub{position:static;display:none;gap:var(--space-2);background:#1f252b;color:#e7eaee;border-radius:12px;padding:var(--space-3);margin-top:var(--space-2);box-shadow:none;opacity:1;visibility:visible;transform:none;border-left:3px solid var(--color-accent)}.has-sub.is-open .sub{display:grid}.sub-link{color:#e7eaee;border-radius:var(--radius-sm)}.sub-link:hover{background:#ffffff0f}}a:focus-visible,button:focus-visible,.nav-link:focus-visible,.sub-link:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:var(--radius-rounded)}body.nav-open .brand{position:fixed;top:var(--space-5);left:var(--space-5);z-index:3000;background:var(--text-strong-dark)}body.nav-open .brand img{height:calc(var(--size-toggle))}.lang-switch{display:inline-flex;align-items:center;gap:2px;padding:2px;border-radius:var(--radius-rounded);background:color-mix(in oklab,var(--text-body-light) 6%,white);border:1px solid var(--border-muted-light)}.lang-switch button{appearance:none;border:0;background:transparent;color:var(--text-muted-light);font-weight:600;line-height:1;padding:8px 12px;border-radius:var(--radius-rounded);transition:background var(--transition-fast),color var(--transition-fast),box-shadow var(--transition-fast);cursor:pointer}.lang-switch button:hover{color:var(--text-body-light)}.lang-switch button.is-active{background:var(--surf-white);color:var(--color-accent);box-shadow:0 1px 2px #0000000f}.lang-switch button:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@media (max-width: 900px){.menu-item.languages{margin-top:var(--space-2)}.lang-switch button{padding:10px 14px}}.footer{background:var(--ctx-bg);color:var(--ctx-text);margin-top:var(--space-1);font-size:var(--fs-small)}.footer-inner{display:grid;grid-template-columns:1.2fr 1fr 1fr 1fr;gap:var(--space-6);align-items:start;padding:var(--space-8) 0}@media (max-width: 1000px){.footer-inner{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.footer-inner{grid-template-columns:1fr;text-align:center}}.footer-brand{min-height:140px;display:flex;align-items:center;justify-content:flex-end;padding-right:var(--space-3)}@media (max-width: 640px){.footer-brand{justify-content:center;padding-right:0}}.footer-brand img{height:90px;max-width:100%}.footer h6{font-size:var(--fs-base);font-weight:500;margin:0 0 var(--space-2);color:var(--ctx-text-strong);text-transform:uppercase;letter-spacing:.5px}.footer .row{display:grid;gap:var(--space-1)}.footer .item{display:flex;flex-wrap:wrap;gap:var(--space-2);line-height:1.45;justify-content:flex-start}@media (max-width: 640px){.footer .item{justify-content:center}}.footer .label{color:var(--ctx-text)}.footer .value,.footer a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}.footer a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid color-mix(in oklab,var(--ctx-border) 85%,transparent);padding:var(--space-3) var(--space-4);color:var(--ctx-text-muted);font-size:var(--fs-small);text-align:center}.footer-socials{margin-top:var(--space-2)}.footer-socials__title{color:var(--ctx-text-strong);font-weight:600;font-size:var(--fs-small);text-transform:uppercase;letter-spacing:.4px;margin:8px 0 10px}.footer-socials__icons{display:flex;align-items:center;gap:12px}@media (max-width: 640px){.footer-socials__icons{justify-content:center}}.social-btn{width:48px;height:32px;border-radius:8px;display:grid;place-items:center;color:#fff;box-shadow:0 8px 18px #00000059;transition:transform .15s ease,box-shadow .2s ease,filter .2s ease}.social-btn:hover{transform:translateY(-2px);box-shadow:0 12px 24px #00000073;filter:brightness(1.06)}.social-btn:focus-visible{outline:2px solid #fff;outline-offset:2px}.social-btn svg{width:22px;height:22px;fill:#fff}.social-btn.is-yt{background:#d71e18}.social-btn.is-in{background:#0e76a8}.social-btn.is-fb{background:#3b5998}.hero{position:relative;height:var(--hero-height, auto);min-height:var(--hero-min, 420px);max-height:var(--hero-max, 820px);overflow:hidden;isolation:isolate}.hero--full{--hero-height: calc(100vh - var(--header-h))}.hero--auto{--hero-height: auto}.hero__bg{position:absolute;inset:0;background:var(--hero-bg, #000) center/cover no-repeat;z-index:0}.hero__media{position:absolute;inset:0;z-index:0;overflow:hidden}.hero__media>video,.hero__media picture,.hero__media img{width:100%;height:100%;display:block}.hero__img{width:100%;height:100%;object-fit:cover;object-position:center}.hero__overlay{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(to right,#00000073,#00000026 40%,#0000 70%)}.hero--overlay-bottom .hero__overlay{background:linear-gradient(to bottom,#00000073,#00000026 45%,#0000 75%)}.hero--overlay-none .hero__overlay{background:none}.hero__inner{position:relative;z-index:2;height:100%;min-height:inherit;display:flex;flex-direction:column;justify-content:center}.hero__media picture,.hero__media img{width:100%;height:100%;display:block;object-fit:cover}.hero__media>video{width:100%;height:100%;display:block;object-fit:cover;object-position:center}.card--black{background-color:#000!important;font-size:var(--fs-medium);color:var(--text-body-dark)}.card--product{position:relative;overflow:hidden;display:flex;flex-direction:column;height:100%}.card--product>:not(.dots){position:relative;z-index:1}.has-dots{position:relative;overflow:hidden}.has-dots .dots{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.15;z-index:0;max-width:40%}.has-dots .dots.dots-bl{bottom:0;left:0;opacity:.9}.has-dots .dots.dots-tr{top:-105px;right:-30px}.product-image{display:block;max-height:150px;border-radius:var(--radius-sm);margin:calc(var(--space-3) * -1) auto 0;flex:0 0 auto}.index-1{z-index:1}.card--product .title{margin:calc(var(--space-3) * -1) 0 var(--space-4);line-height:1.15;flex:0 0 auto;color:#fff}.card--product .desc{flex:1 1 auto;margin:0 var(--space-5);color:#e0e1d9;line-height:1.5;font-size:.95rem;text-align:center}.card--product .card__spacer{flex:1 1 auto;min-height:0}.card--product .btn{flex:0 0 auto;align-self:center;margin-top:var(--space-5)}@media (max-width: 640px){.card--product .product-image{width:90%}.card--product .desc{margin:0 var(--space-3)}.card--product .dots{max-width:55%}}.stdcard__img{width:80%;max-height:180px;object-fit:contain;margin:0 auto;position:relative;z-index:1}@media (max-width: 480px){.stdcard__img{width:90%}}.card--product.pro{position:relative;overflow:hidden;background:#000}.card--product.pro>:not(.dots){position:relative;z-index:1}.card--product.pro .dots{position:absolute;pointer-events:none;-webkit-user-select:none;user-select:none;opacity:.15;z-index:0;max-width:40%}.card--product.pro .dots.dots-bl{bottom:0;left:0;opacity:.9}.card--product.pro .dots.dots-tr{top:-105px;right:-30px}.card--product.pro .pro-stage{display:grid;grid-template-columns:7fr 5fr;align-items:center;gap:var(--space-7);min-height:260px}.card--product.pro .pro-content{display:flex;flex-direction:column;align-items:center;text-align:center}.card--product.pro .title{margin:0 0 var(--space-3);line-height:1.15}.card--product.pro .title .name{color:#fff;font-weight:600;letter-spacing:-.01em}.card--product.pro .title .variant{color:var(--color-accent);font-weight:600;letter-spacing:.02em;margin-left:.35ch}.card--product.pro .desc{max-width:720px;margin:0 auto var(--space-5);color:#e0e1d9;line-height:1.5;font-size:.95rem}.card--product.pro .pro-content .btn{width:min(560px,100%);align-self:center}.card--product.pro .pro-media{display:block;height:auto;max-height:none;border-radius:var(--radius-sm);width:135%;max-width:none;margin-right:-20%}.card--product.pro.pro--tight .pro-media{width:150%;margin-right:-40%}.card--product.pro .pro-media{transition:transform .35s ease}.card--product.pro:hover .pro-media{transform:translate3d(6px,-4px,0) scale(1.02)}@media (max-width: 1100px){.card--product.pro .pro-media{width:125%;margin-right:-15%}.card--product.pro.pro--tight .pro-media{width:140%;margin-right:-30%}.card--product.pro .pro-content{align-items:center;text-align:center;padding:var(--space-6)}}@media (max-width: 900px){.card--product.pro{padding:var(--space-5) var(--space-5)}.card--product.pro .pro-stage{grid-template-columns:1fr;gap:var(--space-5)}.card--product.pro .pro-media{order:-1;width:100%;margin:0 auto;transform:none}.card--product.pro:hover .pro-media{transform:none}.card--product.pro .pro-content{align-items:center;text-align:center;padding:var(--space-6)}}.product-intro{max-width:var(--container);margin:var(--space-7) auto var(--space-5);padding:0 var(--space-4);display:grid;gap:0;align-content:start}.product-intro :is(h1,h2,h3,h4,h5,p){margin:0}.product-intro .product-subtitle{font-size:1.05rem;font-weight:600;letter-spacing:.02em;margin:0;color:var(--color-accent)}.product-intro .title{line-height:1.15}.product-intro .product-desc{color:var(--ctx-text);line-height:1.55}.product-desc{margin:0;color:var(--ctx-text);line-height:1.6}.product-intro .accent{color:var(--color-accent);font-weight:700}.extensions .grid{row-gap:var(--space-5)}.extensions .grid+.grid{margin-top:var(--space-5)}.custom__grid{--overlap: clamp(24px, 8vw, 220px);display:grid;grid-template-columns:7fr 5fr;gap:var(--space-5);align-items:center}.custom__media{position:relative;height:clamp(360px,62vh,760px);display:grid;place-items:center;z-index:0}.custom__media:after{content:"";position:absolute;inset:auto -8% 6%;height:18%;pointer-events:none;background:radial-gradient(50% 60% at 50% 50%,color-mix(in oklab,var(--color-accent) 26%,transparent) 0%,transparent 70%);filter:blur(16px);opacity:.5}.custom__img{width:100%;height:100%;object-fit:contain;object-position:left center;transform:translateY(var(--parallaxY, 0%));will-change:transform}.custom__card{position:relative;z-index:2;max-width:720px;padding:clamp(16px,3vw,28px);margin-left:calc(-1 * var(--overlap));background:color-mix(in oklab,var(--ctx-surface) 8%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid color-mix(in oklab,var(--ctx-border) 65%,transparent);border-radius:var(--radius-md);box-shadow:var(--shadow-1)}.custom__card:after{content:"";position:absolute;top:12px;bottom:12px;left:-1px;width:1px;background:linear-gradient(to bottom,color-mix(in oklab,var(--color-accent) 55%,transparent),transparent 60%);opacity:.55;pointer-events:none}.custom__card .product-desc{font-size:var(--fs-medium);line-height:1.6;color:var(--ctx-text);margin-top:var(--space-2)}.custom__card .lead{font-size:clamp(14px,1.05vw,16px);line-height:1.55;color:color-mix(in oklab,var(--ctx-text) 88%,transparent);margin:var(--space-3) 0 0}.custom .grid.grid-2>a.btn.full-width{width:100%;height:48px}@media (max-width: 1024px){.custom__grid{grid-template-columns:1fr;--overlap: 0px}.custom__card{margin-left:0}.custom__media{order:-1;height:clamp(320px,52vh,640px)}.custom__card:after{display:none}}@media (prefers-reduced-motion: reduce){.custom__img{transform:none!important}}.eu{padding-top:var(--space-9);padding-bottom:var(--space-9)}.eu__wrap{display:flex;flex-direction:column;align-items:center;gap:var(--space-5)}.eu__row{display:flex;align-items:center;justify-content:center;width:100%;max-width:1200px;padding:var(--space-9) 18px}.eu__row--middle{border-top:1px solid var(--ctx-border);border-bottom:1px solid var(--ctx-border);display:grid;grid-template-columns:1fr auto 1fr;justify-items:center;align-items:center;width:100%;max-width:1200px}.eu__item{display:flex;align-items:center;gap:var(--space-4);text-align:left}.eu__icon{width:56px;height:56px;object-fit:contain}.eu__divider{width:1px;height:100%;background:var(--ctx-border)}.eu__value{font-weight:600;letter-spacing:.02em;color:var(--color-accent);line-height:1.15;white-space:nowrap;font-size:clamp(32px,3vw,36px)}.eu__label{margin-top:0;font-size:1rem;color:var(--ctx-text);font-weight:400;opacity:.9;text-align:center}.eu__suffix{margin-left:2px;font-weight:500;color:var(--ctx-text)}@media (max-width: 900px){.eu__row--middle{grid-template-columns:1fr;gap:var(--space-5)}.eu__divider{display:none}.eu__icon{width:48px;height:48px}}.vtl{--vtl-line: rgba(148, 163, 184, .22);--vtl-dot-neutral: currentColor;--vtl-dot-accent: var(--color-accent);--vtl-dot-size: 18px;--vtl-dot-size-accent: 26px}.vtl--light{--vtl-line: rgba(15, 23, 42, .14)}.vtl--dark{--vtl-line: rgba(148, 163, 184, .22)}.vtl{list-style:none;margin:0;padding:0;display:grid;row-gap:28px;position:relative}.vtl:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:2px;transform:translate(-50%);background:var(--vtl-line);border-radius:2px}.vtl__row{display:grid;grid-template-columns:1fr 42px 1fr;align-items:start;column-gap:14px;min-height:64px}.vtl__col{min-width:0}.vtl__axis{position:relative;height:100%}.vtl__dot{position:absolute;left:50%;top:50%;width:var(--vtl-dot-size);height:var(--vtl-dot-size);transform:translate(-50%,-50%);border-radius:999px;background:var(--ctx-text-muted);box-shadow:0 0 0 4px color-mix(in oklab,var(--vtl-dot-neutral) 15%,transparent)}.vtl__dot--accent{width:var(--vtl-dot-size-accent);height:var(--vtl-dot-size-accent);background:var(--vtl-dot-accent);box-shadow:0 0 0 6px color-mix(in oklab,var(--vtl-dot-accent) 18%,transparent)}.vtl__year{position:absolute;top:50%;transform:translateY(-50%);font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:1.8rem;color:var(--color-accent)}.vtl__year--left{right:calc(50% + 32px);text-align:right}.vtl__year--right{left:calc(50% + 32px);text-align:left}.vtl__title{margin:0 0 4px;font-weight:600}.vtl__desc{font-size:var(--fs-medium);margin:0;line-height:1.6}.vtl__yearMobile{display:none;font-weight:700;font-variant-numeric:tabular-nums;color:var(--color-accent);font-size:1.25rem;line-height:1.1;margin:0 0 6px}@media (max-width: 760px){.vtl:before{left:auto;right:17px;transform:none}.vtl{row-gap:22px}.vtl__row{grid-template-columns:1fr 34px;align-items:start}.vtl__col--left,.vtl__col--right{grid-column:1;padding-right:10px}.vtl__axis{grid-column:2;position:relative}.vtl__dot{top:8px;transform:translate(-50%);box-shadow:0 0 0 3px color-mix(in oklab,var(--vtl-dot-neutral) 15%,transparent)}.vtl__dot--accent{box-shadow:0 0 0 4px color-mix(in oklab,var(--vtl-dot-accent) 18%,transparent)}.vtl__year{display:none}.vtl__yearMobile{display:inline-block;margin:0 0 6px}.vtl__title{font-size:1.06rem;margin:0 0 2px}.vtl__desc{font-size:.98rem;line-height:1.5;margin:0}.vtl__col--left,.vtl__col--right{padding-right:12px}}.img360{position:relative;display:flex;align-items:center;justify-content:center;height:100svh;width:100%;min-height:340px;background:transparent;border-radius:var(--radius-md);overflow:hidden;-webkit-user-select:none;user-select:none;touch-action:pan-y;padding:var(--space-1)}.img360 img{max-width:100%;max-height:90vh;height:auto;width:auto;object-fit:contain;display:block;pointer-events:none}.img360--pedestal{padding-bottom:0}.img360-pedestal{position:absolute;inset:5px 70% 6px 0;height:60px;pointer-events:none;display:grid;place-items:center}.icon-360{position:absolute;top:90px;left:50%;transform:translate(-50%);color:var(--text-strong-dark);background:#0000000d;width:70px;height:50px;border-radius:25px}.icon-360 svg{width:42px;height:42px;position:absolute;bottom:-5px;left:20%;fill:#5a5a5a}.icon-360 p{font-size:18px;position:absolute;bottom:3px;left:25%}.viewer-split{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-7);align-items:center}.viewer-copy h2{margin:0 0 var(--space-2)}.viewer-points{margin-top:var(--space-3);display:grid;gap:6px}@media (max-width: 900px){.viewer-split{grid-template-columns:1fr}}:root{--i360-accent: #0ea5e9;--i360-accent-strong: #22d3ee;--i360-selected: #eeb422;--i360-bg: #0b0f1a;--i360-panel-bg: var(--surf-navy);--i360-panel-fg: var(--text-body-dark);--i360-border: rgba(148, 163, 184, .18)}.i360{position:relative;width:100%;height:calc(100svh + -0px);background:var(--i360-bg);overflow:hidden;display:flex}.i360.i360--panel-left{flex-direction:row-reverse}.i360.i360--panel-left.i360--open .i360__panel{border-right:1px solid var(--i360-border);border-left:none}.i360__stage{position:relative;flex:1 1 auto;min-width:0}.i360__imageBox{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%)}.i360__image{width:100%;height:100%;object-fit:contain;-webkit-user-select:none;user-select:none;pointer-events:none}.i360__dot{position:absolute;width:44px;height:44px;transform:translate(-50%,-50%);border-radius:999px;border:2px solid color-mix(in srgb,var(--i360-accent) 40%,transparent);background:radial-gradient(color-mix(in srgb,var(--i360-accent) 25%,transparent) 35%,color-mix(in srgb,var(--i360-accent) 10%,transparent) 60%,transparent 70%);box-shadow:0 0 color-mix(in srgb,var(--i360-accent) 35%,transparent),0 8px 20px #00000059;cursor:pointer;display:grid;place-items:center;transition:transform .2s ease,box-shadow .3s ease,border-color .2s ease,filter .2s ease;animation:i360-pulse 1.8s ease-in-out infinite;z-index:2}.i360__dot:hover{transform:translate(-50%,-50%) scale(1.06);border-color:color-mix(in srgb,var(--i360-accent) 70%,transparent);box-shadow:0 0 0 8px color-mix(in srgb,var(--i360-accent) 12%,transparent),0 12px 24px #0006}.i360__dot:focus-visible{outline:none;box-shadow:0 0 0 10px color-mix(in srgb,var(--i360-accent) 18%,transparent),0 12px 28px #00000073}.i360__dot.is-selected{animation:none;transform:translate(-50%,-50%) scale(1.15);border-color:color-mix(in srgb,var(--i360-selected) 90%,white 0%);filter:drop-shadow(0 0 12px color-mix(in srgb,var(--i360-accent) 55%,transparent))}.i360__dot.is-selected:after{content:"";position:absolute;inset:-6px;border-radius:999px;box-shadow:0 0 0 10px color-mix(in srgb,var(--i360-accent) 18%,transparent)}.i360__dotCore{width:12px;height:12px;border-radius:50%;background:var(--i360-accent);box-shadow:0 0 12px color-mix(in srgb,var(--i360-accent) 90%,transparent),inset 0 0 4px #fffc}.i360__dot.is-selected .i360__dotCore{background:var(--i360-accent-strong);box-shadow:0 0 16px color-mix(in srgb,var(--i360-accent-strong) 95%,transparent),inset 0 0 6px #ffffffe6}@keyframes i360-pulse{0%{box-shadow:0 0 color-mix(in srgb,var(--i360-accent) 28%,transparent),0 8px 20px #00000059}70%{box-shadow:0 0 0 16px color-mix(in srgb,var(--i360-accent) 5%,transparent),0 10px 22px #00000061}to{box-shadow:0 0 color-mix(in srgb,var(--i360-accent) 0%,transparent),0 8px 20px #00000059}}.i360__panel{position:relative;flex:0 0 0;width:0;overflow:hidden;background:var(--i360-panel-bg);color:var(--i360-panel-fg);display:flex;flex-direction:column;transition:flex-basis .32s cubic-bezier(.2,.8,.2,1),width .32s cubic-bezier(.2,.8,.2,1);border-left:none}.i360.i360--open .i360__stage{flex:0 0 50vw}.i360.i360--open .i360__panel{flex:0 0 50vw;width:auto;border-left:1px solid var(--i360-border)}.i360__panelHeader{display:flex;align-items:center;border-bottom:1px solid var(--i360-border)}.i360__panelTitle{font-size:1.6rem;font-weight:400;margin:0}.i360__close{margin-left:auto;width:36px;height:36px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:var(--i360-panel-fg);cursor:pointer}.i360__close:hover{background:#0f172acc}.i360__panelBody{padding:18px;line-height:1.6}@media (min-width: 821px) and (max-width: 1276px){.i360{width:100%;flex-wrap:nowrap}.i360__panel{min-width:0}.i360.i360--open .i360__stage{flex:0 0 56%}.i360.i360--open .i360__panel{flex:0 0 44%;border-left:1px solid var(--i360-border)}.i360.i360--panel-left.i360--open .i360__panel{border-right:1px solid var(--i360-border);border-left:none}}.i360__panelBody{padding:18px;line-height:1.6;overflow:auto}.panel-content{color:var(--i360-panel-fg)}.panel-subtitle{color:color-mix(in oklab,var(--i360-panel-fg) 80%,transparent);letter-spacing:.2px;margin:0 0 var(--space-3)}.panel-muted{color:color-mix(in oklab,var(--i360-panel-fg) 86%,transparent);margin:var(--space-2) 0 0}.panel-grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);align-items:center}.panel-img{display:block;width:100%;max-width:100%;height:auto;object-fit:contain;border-radius:var(--radius-sm);box-shadow:var(--shadow-1)}.panel-content :where(img.panel-img,.panel-video){border-radius:var(--radius-md);overflow:hidden;display:block}.panel-content img{max-width:100%;height:auto;display:block}.panel-content :where(img.panel-img,.panel-video){box-shadow:var(--shadow-1)}@media (max-width: 1200px){.panel-grid-3{grid-template-columns:repeat(2,1fr)}}@media (max-width: 720px){.panel-grid-3{grid-template-columns:1fr}}@media (max-width: 820px){.i360{display:block;width:100%;height:auto}.i360__stage{width:100%;min-height:60svh}.i360__panel{position:static;flex:none;width:100%;overflow:visible;border-left:none;border-top:1px solid var(--i360-border);display:none}.i360__panel.is-open{display:block}.i360.i360--open .i360__stage{flex-basis:auto}}@media (prefers-reduced-motion: reduce){.i360__dot{animation:none;transition:none}.i360__panel{transition:none}}@media (max-width: 720px){.panel-grid-3{grid-template-columns:1fr}.panel-img{width:100%;max-width:250px;margin-inline:auto}}:root{--cfg-tabs-sep: #e6e8ea;--cfg-tabs-active: var(--color-accent);--cfg-tabs-hover: color-mix(in oklab, var(--color-accent) 92%, white 8%)}.cfg-tabs-wrapper{background:var(--color-muted-card)}.cfg-tabs{position:relative;background:var(--color-muted-card);box-shadow:0 16px 24px -18px #00000073;z-index:1}.cfg-tabs .container{padding-inline:var(--space-4)}.cfg-tabs__inner{display:flex;gap:1px;background:var(--cfg-tabs-sep);padding:0}.cfg-tabs__tab{appearance:none;background:var(--color-muted-card);border:0;border-radius:0;padding:5px;margin:0;cursor:pointer;position:relative;color:var(--text-strong-light);transition:background-color .18s ease,color .18s ease;flex:1 1 0;min-width:0;overflow:visible}.cfg-tabs__tab:hover{background:var(--cfg-tabs-hover);color:var(--surf-light)}.cfg-tabs__tab.is-active{background:var(--cfg-tabs-active);color:var(--surf-light)}.cfg-tabs__tab.is-active .cfg-tabs__label{color:var(--surf-light)}.cfg-tabs__tab:focus-visible{outline:2px solid rgba(0,0,0,.35);outline-offset:-2px}.cfg-tabs__content{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;margin:0;padding:0}.cfg-tabs__img{width:200px;height:90px;object-fit:contain;display:block}.cfg-tabs__label{font-weight:600;text-align:center}.cfg-tabs__caret{position:absolute;left:50%;bottom:-14px;transform:translate(-50%);width:0;height:0;border-left:14px solid transparent;border-right:14px solid transparent;border-top:17px solid var(--cfg-tabs-active);filter:drop-shadow(0 14px 10px rgba(0,0,0,.35))}.cfg-tabs__panel{background:var(--color-muted-card)}.cfg-tabs__panel .container{padding-block:var(--space-6)}.cfg-tabs__grid{display:grid;grid-template-columns:5fr 7fr;gap:var(--space-7);align-items:stretch;min-height:clamp(420px,60vh,780px)}@media (max-width: 1024px){.cfg-tabs__grid{grid-template-columns:1fr;min-height:unset}}.cfg-tabs__copy .cfg-tabs__title{margin:25px 0 var(--space-2);font-size:var(--fs-h2)}.cfg-tabs__kicker{color:var(--text-muted-light);font-size:var(--fs-small);margin:-10px 0 var(--space-3)}.cfg-tabs__lead{margin:0 0 var(--space-4)}.cfg-tabs__points{list-style:disc;padding-left:1.1em}.cfg-tabs__points li{margin:.35em 0}.cfg-tabs__media{display:flex;align-items:center;justify-content:flex-end;overflow:hidden}.cfg-tabs__hero{width:100%;aspect-ratio:16 / 10;background:radial-gradient(120% 100% at 50% 0%,#ffffff0f,#fff0 60%),#ffffff08;border-radius:16px;box-shadow:0 18px 38px #00000047;overflow:hidden}.cfg-tabs__img-large{width:100%;max-width:100%;object-fit:contain;border-radius:15px}.ss{--bg: var(--i360-panel-bg, var(--surf-navy));--fg: var(--i360-panel-fg, var(--text-body-dark));--border: rgba(148, 163, 184, .18);--accent: var(--color-accent, #eeb422);display:grid;grid-template-rows:auto 1fr;height:100%;color:var(--fg)}.btn_size--sm{max-width:150px;margin:0!important}.ss__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.ss__back{display:inline-flex;align-items:center;gap:8px}.ss__dots{flex:1;display:flex;gap:8px;justify-content:center}.ss__dot{width:8px;height:8px;border-radius:999px;background:#ffffff40;border:0;padding:0;cursor:pointer;transition:transform .15s ease,background .15s ease}.ss__dot.is-active{background:var(--accent);transform:scale(1.25);box-shadow:0 0 0 6px color-mix(in oklab,var(--accent) 15%,transparent)}.ss__arrows{display:flex;gap:8px}.ss__arrow{width:36px;height:36px;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:#0f172a99;color:var(--fg);cursor:pointer;display:grid;place-items:center;padding:0}.ss__arrow:hover{background:#0f172acc}.ss__arrow svg{display:block}.btn_back{max-width:150px!important;margin:0!important}.ss__viewport{position:relative;overflow:hidden;margin:0!important;padding:0!important}.ss__track{display:flex;width:100%;height:100%;transition:transform .32s cubic-bezier(.2,.8,.2,1)}.ss__slide{flex:0 0 100%;padding:0;display:grid;place-items:center}.ss__intro{width:100%;max-width:1100px}.ss__intro--col{display:grid;gap:clamp(12px,2.4vw,24px);text-align:center;justify-items:center}.ss__intro--row{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(12px,2.4vw,24px);align-items:center}.ss__introMedia img{width:auto;height:260px!important;display:block;object-fit:contain}.ss__introCopy{max-width:680px;justify-self:center}.ss__kicker{color:var(--color-accent)!important;text-transform:uppercase;font-weight:600;font-size:var(--fs-base)}.ss__title{color:var(--text-strong-dark);font-size:var(--fs-h2);line-height:1.2;margin:8px 0 26px!important}.ss__lead{color:color-mix(in oklab,var(--text-strong-dark) fff 86%,#0b0f1a);font-size:clamp(14px,1.3vw,18px)}.ss__card{width:100%;max-width:1100px;display:grid;gap:clamp(12px,2.4vw,22px);align-items:center}.ss__card--row{grid-template-columns:1.1fr 1fr}.ss__card--col{grid-template-columns:1fr}.ss__media{overflow:hidden}.img_col{width:auto;height:300px!important;display:block;object-fit:scale-down}.img_row{width:100%;height:100%;object-fit:contain;display:block;padding:0}.ss__copy{display:grid;gap:8px}.ss__copy h4{font-weight:500;font-size:var(--fs-h3);color:var(--color-accent)!important;margin:0}.ss__copy p{color:color-mix(in oklab,var(--text-strong-dark) fff 86%,#0b0f1a)}@media (max-width: 900px){.ss__card--row{grid-template-columns:1fr}.ss__media{aspect-ratio:16 / 9}}.ss__lightbox{position:fixed;inset:0;background:#03060fc7;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:grid;place-items:center;z-index:9999}.ss__lightbox img{max-width:120svh}.ss__lightboxClose{position:fixed;top:14px;right:14px;width:38px;height:38px;border-radius:10px;border:1px solid rgba(255,255,255,.35);background:#00000059;color:var(--text-strong-dark);font-size:24px;line-height:1;display:grid;place-items:center;cursor:pointer}.ss__lightboxClose:hover{background:#0000008c}.ss__media{padding:0;border:0;background:transparent;width:100%;height:100%}.snap-full{min-height:100svh}.features .feature{background:var(--surf-white);border-radius:var(--radius-md);box-shadow:var(--shadow-1);padding:var(--space-6);text-align:center}.features .feature svg{color:var(--color-accent);margin-bottom:var(--space-3)}.features .feature h3{margin:0 0 var(--space-2)}.video-feature{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-6);align-items:center}.video-feature.is-reverse{grid-template-columns:1fr 1.2fr}.video-feature.is-reverse .vf-media{order:2}.video-feature.is-reverse .vf-copy{order:1}.vf-media .vf-video{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-1);display:block}.vf-copy h3{margin:0 0 var(--space-3)}.software-teaser{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-6);align-items:center}.software-copy .btn{margin-top:var(--space-4)}.software-media img{width:100%;border-radius:var(--radius-md);box-shadow:var(--shadow-1)}@media (max-width: 900px){.video-feature,.software-teaser{grid-template-columns:1fr}.video-feature.is-reverse .vf-media{order:initial}}.features .feature img{display:block;margin:0 auto var(--space-3);max-width:64px;height:auto}.cfg--bg{position:relative;background:url(../konfigurator/room1.jpg) center/cover no-repeat}@media (min-width: 1024px){.cfg--bg{background-attachment:fixed}}.cfg{overflow-x:clip}.cfg{--cfg-nav-w: clamp(240px, 18vw, 300px);--cfg-sum-w: clamp(260px, 24vw, 360px);--cfg-gap: var(--space-6);display:grid;grid-template-columns:var(--cfg-nav-w) 1fr var(--cfg-sum-w);gap:var(--cfg-gap);width:100%;margin:0;padding:var(--space-6) var(--space-6) var(--space-8);background:var(--border-muted-dark);color:var(--ctx-text-strong)}.cfg__nav,.cfg__summary{position:relative}.cfg__work{min-height:60vh}@supports (position: sticky){.cfg__nav>*,.cfg__summary>*{position:sticky;top:calc(var(--header-h) + var(--space-3))}}.cfg--no-aside{grid-template-columns:var(--cfg-nav-w) 1fr}@media (max-width: 1200px){.cfg{grid-template-columns:var(--cfg-nav-w) 1fr}.cfg__summary{grid-column:1 / -1}}@media (max-width: 640px){.cfg{grid-template-columns:1fr;padding-inline:var(--space-4)}.cfg__nav{display:none}}.stepnav{background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--ctx-text)}.stepnav__title{margin:0 0 var(--space-3);font-size:var(--fs-h4);letter-spacing:.02em;color:var(--ctx-text-strong)}.stepnav__list{list-style:none;margin:0;padding:0;display:grid;gap:var(--space-2)}.stepnav__item{width:100%;display:grid;grid-template-columns:30px 1fr;align-items:center;gap:var(--space-2);padding:10px 12px;border:1px solid var(--ctx-border);border-radius:var(--radius-sm);background:color-mix(in oklab,var(--ctx-surface) 90%,transparent);color:var(--ctx-text);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}.stepnav__item:hover{filter:brightness(1.05)}.stepnav__item.is-current{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 10px 28px -16px color-mix(in oklab,var(--color-accent) 35%,transparent)}.stepnav__bullet{inline-size:26px;block-size:26px;border-radius:var(--radius-rounded);display:grid;place-items:center;background:var(--surf-navy);color:var(--surf-white);font-weight:700;font-size:14px}.stepnav__item.is-current .stepnav__bullet{background:var(--surf-dark);color:var(--surf-white)}.stepnav__label{font-weight:600;text-align:left}.stepnav__note{display:block;font-size:12px;opacity:.85}.stepnav__item:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.cfg__phoneBar{display:none}@media (max-width: 640px){.cfg__phoneBar{position:sticky;top:var(--header-h);z-index:9;display:grid;grid-template-columns:44px 1fr 44px 44px;gap:6px;align-items:center;background:var(--border-muted-dark);padding:8px 0;box-sizing:border-box}.cfg__phoneBar .status{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-variant-numeric:tabular-nums;justify-self:center;font-weight:700;color:var(--ctx-text-strong)}.cfg__phoneBar .btn{padding:8px 12px}.cfg__phoneBar .btn--prev{justify-self:start}.cfg__phoneBar .btn--next{justify-self:end}.cfg__phoneBar .burger{width:40px;height:40px;border-radius:var(--radius-sm);display:grid;place-items:center;border:1px solid var(--ctx-border);background:var(--ctx-surface);justify-self:end}.cfg__phoneBar .burger:active{transform:translateY(1px)}}.stepdrawer{position:fixed;inset:0;display:none;z-index:999}.stepdrawer.is-open{display:block}.stepdrawer__backdrop{position:absolute;inset:0;background:#00000073}.stepdrawer__panel{position:absolute;right:0;top:0;bottom:0;width:min(86vw,360px);background:var(--ctx-surface);color:var(--ctx-text);padding:16px;overflow:auto;box-shadow:var(--shadow-2);display:grid;align-content:start;gap:12px;border-top-left-radius:12px;border-bottom-left-radius:12px;border-left:1px solid var(--ctx-border)}.step__hdr{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.step__hdr h2{margin:0;display:flex;align-items:center;gap:var(--space-1);color:var(--ctx-text);font-size:var(--fs-h2)}.config-card--full{grid-column:1 / -1}.k-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:var(--space-4);margin:var(--space-3)}.k-tile{display:grid;grid-template-rows:auto auto;place-items:center;gap:var(--space-3);padding:var(--space-4);background:var(--ctx-surface);color:var(--ctx-text);border:1px solid var(--ctx-border);border-radius:var(--radius-md);box-shadow:var(--shadow-1);transition:transform .12s ease,box-shadow var(--transition-med),border-color var(--transition-med),filter .12s ease}.k-tile:hover{transform:translateY(-1px)}.k-tile.is-active{background-color:var(--color-accent);color:#fff;box-shadow:0 10px 28px -16px color-mix(in oklab,var(--color-accent) 35%,transparent)}.k-tile__img{width:88px;height:88px;object-fit:contain;display:block}.k-tile__label{font-weight:600;text-align:center}.k-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.mini-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:var(--space-3);margin-top:var(--space-2)}.mini-tile{display:grid;place-items:center;min-height:96px;padding-bottom:var(--space-3);border-radius:var(--radius-sm);border:1px solid var(--ctx-border);background:color-mix(in oklab,var(--ctx-surface) 90%,transparent);color:var(--ctx-text);transition:border-color var(--transition-fast),box-shadow var(--transition-fast),transform .1s ease}.mini-tile:hover{transform:translateY(-1px)}.mini-tile.is-active{background-color:var(--color-accent);color:#fff;box-shadow:0 8px 22px -14px color-mix(in oklab,var(--color-accent) 35%,transparent)}.mini-tile img{width:80px;height:80px;object-fit:contain}.mini-tile span{font-weight:600;text-align:center}.mini-tile:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.k-tiles.k-tiles--cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}@media (max-width: 1024px){.k-tiles.k-tiles--cols-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.k-tiles.k-tiles--cols-4{grid-template-columns:1fr}}.summary{background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:var(--radius-md);padding:var(--space-4);color:var(--ctx-text);height:calc(100dvh - var(--header-h) - 2 * var(--space-4));box-shadow:var(--shadow-1)}.summary h4{margin:var(--space-1) 0 var(--space-3);color:var(--ctx-text-strong)}.summary__blk{border-top:1px dashed var(--ctx-border);padding-top:var(--space-3);margin-top:var(--space-3)}.summary__hdr{display:flex;justify-content:space-between;align-items:center;font-weight:600;color:var(--ctx-text-strong)}.summary__hdr span{color:var(--ctx-text)}.summary__list{margin:var(--space-2) 0 0;padding-left:18px}.summary__reset{display:inline-flex;align-items:center;gap:8px;color:var(--ctx-text);background:transparent;border:1px solid var(--ctx-border);border-radius:var(--radius-rounded);padding:6px 10px}.summary__reset:hover{background:color-mix(in oklab,var(--ctx-surface) 85%,transparent)}.cfg .cfg-actions{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-top:var(--space-2)}.btn-spacer{visibility:hidden;display:block;inline-size:0}.cfg .cfg-actions .btn-spacer{inline-size:180px}@media (max-width: 640px){.cfg .cfg-actions .btn-spacer{inline-size:120px}}.cfg__phoneBar .btn-spacer{inline-size:44px}.btn--prev:hover,.btn--next:hover{filter:var(--highlight)}.prod-grid{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr))}@media (max-width: 820px){.prod-grid{grid-template-columns:1fr}}.prod-card{display:grid;grid-template-rows:auto 1fr auto;border:1px solid var(--ctx-border);border-radius:var(--radius-md);background:var(--ctx-surface);color:var(--ctx-text);box-shadow:var(--shadow-1);overflow:hidden;margin:var(--space-3);transition:box-shadow .2s ease,border-color .2s ease,transform .12s ease}.prod-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.prod-card.is-active{border-color:var(--color-accent);box-shadow:0 0 4px 4px color-mix(in oklab,var(--color-accent) 18%,transparent)}.prod-card__media{position:relative;aspect-ratio:16 / 9;background:var(--color-muted-card)}.prod-card__media img{width:100%;height:100%;object-fit:cover;display:block;border-radius:0}.prod-card__tick{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background:#4a9d47;color:var(--surf-white);border-radius:var(--radius-rounded);font-weight:800;font-size:4rem;line-height:1;padding:14px 24px;box-shadow:var(--shadow-1);opacity:.85}.prod-card__body{padding:var(--space-4)}.prod-card__title{margin:0 0 6px;font-size:clamp(16px,1.8vw,18px);font-weight:600;color:var(--ctx-text-strong);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.prod-card__lead{margin:0;color:var(--ctx-text);opacity:.8;font-size:var(--fs-medium);line-height:1.5}.prod-card__actions{display:flex;gap:8px;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);border-top:1px solid var(--ctx-border)}.btn-mini{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;border-radius:var(--radius-sm);font-weight:600;line-height:1;border:1px solid transparent;background:var(--ctx-surface);color:var(--ctx-text);transition:.18s ease}.btn-mini--accent{border-color:var(--color-accent)}.btn-mini--accent:hover,.btn-mini--filled{background:var(--color-accent);color:#fff}.btn-mini--filled:hover{filter:var(--highlight)}.btn-mini--ghost{border-color:var(--ctx-border);color:var(--ctx-text);opacity:.8;background:var(--ctx-surface)}.btn-mini--ghost:hover{color:var(--ctx-text-strong);border-color:var(--ctx-text-strong)}:root{--cpd-width: min(880px, 90vw);--cpd-anim-ms: .24s;--cpd-thumb-h: 68px;--cpd-slider-h: clamp(220px, 52vh, 520px);--cpd-panel-pad: 16px}@media (max-width: 640px){:root{--cpd-width: 100vw;--cpd-thumb-h: 60px;--cpd-panel-pad: 14px}}.cpd{position:fixed;inset:0;display:none;z-index:1000}.cpd--open{display:block}.cpd__backdrop{position:absolute;inset:0;background:#00000073;opacity:0;transition:opacity var(--cpd-anim-ms) ease}.cpd.is-opened .cpd__backdrop{opacity:1}.cpd.is-closing .cpd__backdrop{opacity:0}.cpd__panel{position:fixed;inset:0 0 0 auto;width:var(--cpd-width);height:100dvh;background:var(--ctx-surface);color:var(--ctx-text);border-left:1px solid var(--ctx-border);box-shadow:var(--shadow-2);display:grid;grid-template-rows:1fr auto;overflow:hidden;transform:translate(100%);transition:transform var(--cpd-anim-ms) ease;will-change:transform}.cpd.is-opened .cpd__panel{transform:translate(0)}.cpd.is-closing .cpd__panel{transform:translate(100%)}.cpd__hdr,.cpd__ftr{padding:12px var(--cpd-panel-pad);background:var(--ctx-surface)}.cpd__hdr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-bottom:1px solid var(--ctx-border);padding-top:max(12px,calc(var(--cpd-panel-pad) + env(safe-area-inset-top,0px)))}.cpd__titleBlock{display:flex;align-items:center;gap:10px}.cpd__title{margin:0 0 0 16px;font-size:var(--fs-h2);color:var(--ctx-text-strong)}.cpd__hdrLeft{display:inline-flex;align-items:center;gap:10px}.cpd__close{position:absolute;top:var(--space-4);right:var(--space-6);width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--ctx-border);background:var(--ctx-surface);display:grid;place-items:center;font-weight:600;z-index:10;box-shadow:var(--shadow-2)}.cpd__ftr{display:grid;grid-template-columns:1fr auto;align-items:center;gap:8px;border-top:1px solid var(--ctx-border);padding-bottom:max(12px,calc(var(--cpd-panel-pad) + env(safe-area-inset-bottom,0px)))}.cpd__scroll{overflow:auto;padding:calc(8px + env(safe-area-inset-top,0px)) var(--cpd-panel-pad) 16px;display:grid;gap:14px;overscroll-behavior:contain}.cpd__slider{position:relative;height:var(--cpd-slider-h);border-radius:var(--radius-sm);background:var(--color-muted-card);overflow:hidden;box-shadow:var(--shadow-1);margin:0 -16px}.cpd__img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:var(--ctx-surface);will-change:transform;padding-bottom:10px}.cpd__img--cur{z-index:2}.cpd__img--prev{z-index:1}@keyframes cpdSlideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes cpdSlideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes cpdSlideOutToLeft{0%{transform:translate(0)}to{transform:translate(-100%)}}@keyframes cpdSlideOutToRight{0%{transform:translate(0)}to{transform:translate(100%)}}.cpd__img--cur.dir-next{animation:cpdSlideInFromRight .24s ease both}.cpd__img--cur.dir-prev{animation:cpdSlideInFromLeft .24s ease both}.cpd__img--prev.dir-next{animation:cpdSlideOutToLeft .24s ease both}.cpd__img--prev.dir-prev{animation:cpdSlideOutToRight .24s ease both}.cpd__thumbs{height:74px;grid-auto-flow:column;gap:12px;align-items:start}.cpd__thumb{display:inline-grid;padding:0;margin:0;border:3px solid transparent;border-radius:var(--radius-sm);background:transparent;flex:0 0 auto;min-width:calc(var(--cpd-thumb-h) * 1.5)}.cpd__thumb.is-active{border-color:var(--color-accent)}.cpd__thumb img{display:block;height:var(--cpd-thumb-h);width:auto;border-radius:var(--radius-sm)}.cpd__body{padding:var(--space-4);padding-top:0;display:grid;gap:0}.cpd__lead{font-size:1rem;color:var(--color-accent);font-weight:500;margin:-12px 0;padding:0}.cpd__features{list-style:disc;padding-left:3em;margin:0;color:var(--ctx-text)}.cpd__note{font-size:.9rem;color:var(--ctx-text);opacity:.9}.cpd__media.placeholder{height:160px;border:2px dashed var(--ctx-border);border-radius:var(--radius-sm);display:grid;place-items:center;color:var(--ctx-text);opacity:.8;font-weight:600}.cpd__tag{display:inline-flex;align-items:center;gap:8px;font:700 13px/1 ui-sans-serif,system-ui;padding:6px 10px;border-radius:var(--radius-rounded);background:color-mix(in oklab,var(--color-accent) 90%,var(--ctx-surface));color:var(--surf-dark);border:1px solid var(--color-accent)}.cpd__tag .stepnav__bullet{inline-size:20px;block-size:20px;font-size:13px;background:var(--surf-dark);color:var(--surf-white)}@media (prefers-reduced-motion: reduce){.cpd__panel,.cpd__backdrop{transition:none!important}.cpd__img{animation:none!important}}.viz{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:10px;overflow:hidden}.viz__layer{position:absolute;display:block;width:100%;height:auto;-webkit-user-select:none;user-select:none;pointer-events:none}.viz__layer[inset="0"]{inset:0}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-bottom:var(--space-5)}.kv-col{display:grid;gap:6px}.kv-title{font-weight:600}.kv-val{color:var(--ctx-text)}.blk{margin-top:var(--space-4)}.blk__hdr{display:flex;align-items:center;gap:10px;margin-bottom:6px}.chip{display:inline-block;min-width:26px;padding:4px 8px;border-radius:999px;background:color-mix(in oklab,var(--color-accent) 18%,#000 82%);color:#fff;text-align:center;font-weight:600;font-size:12px}.list{padding-left:1.1em;list-style:disc}.details{border:1px solid var(--ctx-border);border-radius:10px}.details__summary{list-style:none;cursor:pointer;padding:8px 10px;font-weight:500}.details__summary::-webkit-details-marker{display:none}.details__body{padding:8px 10px 10px;border-top:1px solid var(--ctx-border)}.snack--ok{background:color-mix(in oklab,#2e7d32 70%,#000 30%);color:#fff}.snack--warn{background:color-mix(in oklab,#c62828 70%,#000 30%);color:#fff}.review{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-6)}.review__form{order:1}.review__summary{order:2}@media (max-width: 1024px){.review{grid-template-columns:1fr}.review__summary{order:1}.review__form{order:2}}.kv-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4);margin-top:var(--space-3)}.kv-title{font-weight:600;line-height:44px}.kv-val{line-height:44px}.fs{--fs-bg: var(--surf-navy);--fs-fg: var(--text-body-dark);--fs-accent: var(--color-accent, #eeb422);--header-h: 64px;--fs-peek: clamp( 32px, 4vw, 64px );--fs-gap: 24px;--fs-overlap: 30%;--fs-dot: rgba(255, 255, 255, .55);--fs-dot-active: var(--text-strong-dark);--fs-veil: .35;--fs-veil-near: .18;--fs-shadow-active: 0 40px 120px rgba(0, 0, 0, .55);color:var(--fs-fg);background:var(--fs-bg);position:relative}.fs--light{--fs-bg: var(--text-strong-dark);--fs-fg: #0b1220;--fs-dot: rgba(2, 6, 23, .45);--fs-dot-active: #0b1220;--fs-ctl-bg: rgba(2, 6, 23, .06);--fs-ctl-bg-hover: rgba(2, 6, 23, .12);--fs-ctl-border: rgba(2, 6, 23, .14)}.fs.fs--full{min-height:calc(100svh - var(--header-h));display:grid}.fs.fs--auto{min-height:480px}.fs__viewport{position:relative;overflow:hidden;flex:1 1 auto;display:grid;padding-inline:var(--fs-peek);padding-block:clamp(8px,2vh,16px);z-index:0}.fs__track{display:flex;align-items:stretch;gap:var(--fs-gap);height:100%;will-change:transform;transition:transform .36s cubic-bezier(.2,.8,.2,1)}.fs__slide{flex:0 0 var(--fs-step, 100%);height:100%;display:grid;place-items:center;z-index:1}.fs__slide .fs__slideInner{position:relative;overflow:hidden;background:var(--fs-bg);border-radius:16px;width:min(1100px,100%);height:100%;display:grid;align-content:center;gap:16px;--fs-shift: 0;opacity:.6;transform:translate(var(--fs-shift)) scale(.965);transition:transform .26s ease,opacity .26s ease,filter .26s ease,box-shadow .26s ease;filter:saturate(.9)}.fs__slide .fs__slideInner:after{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 100% at 50% 110%,rgba(0,0,0,.25) 0%,transparent 60%),#060c14;opacity:var(--fs-veil);transition:opacity .22s ease,filter .22s ease;filter:saturate(.9) contrast(.96) blur(.4px)}.fs__slide.is-prev .fs__slideInner:after,.fs__slide.is-next .fs__slideInner:after{opacity:var(--fs-veil-near);filter:saturate(.92) contrast(.97) blur(.3px)}.fs__slide.is-prev .fs__slideInner{--fs-shift: var(--fs-overlap);opacity:.78;transform:translate(var(--fs-shift)) scale(.975)}.fs__slide.is-next .fs__slideInner{--fs-shift: calc(var(--fs-overlap) * -1);opacity:.78;transform:translate(var(--fs-shift)) scale(.975)}.fs__slide.is-active{z-index:3}.fs__slide.is-active .fs__slideInner{opacity:1;transform:translate(0) scale(1);filter:none;box-shadow:var(--fs-shadow-active);border:1px solid rgba(241,241,241,.43)}.fs__slide.is-active .fs__slideInner:after{opacity:0;filter:none}.fs__zone{position:absolute;top:0;bottom:0;width:clamp(48px,6vw,72px);display:grid;place-items:center;padding:0;border:1px solid var(--fs-ctl-border, rgba(255, 255, 255, .22));border-radius:16px;background:var(--fs-ctl-bg, rgba(255, 255, 255, .08));color:var(--text-strong-dark);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer;transition:background-color .16s ease,color .16s ease,border-color .16s ease;z-index:5}.fs__zone:hover{background:var(--fs-ctl-bg-hover, rgba(255, 255, 255, .16))}.fs__zone--prev{left:0}.fs__zone--next{right:0}.fs__zone svg{display:block;filter:drop-shadow(0 2px 8px rgba(0,0,0,.35))}.fs__dots{position:absolute;inset-inline:0;top:26px;bottom:auto;display:flex;justify-content:center;gap:10px;z-index:4}.fs__dot{width:16px;height:16px;border-radius:var(--radius-rounded, 999px);background:var(--fs-dot);border:0;padding:0;cursor:pointer;transition:transform .15s ease,background .15s ease,box-shadow .15s ease}.fs__dot.is-active{background:var(--fs-accent);transform:scale(1.25);box-shadow:0 0 0 6px color-mix(in oklab,var(--fs-accent) 16%,transparent)}.fs__slide:not(.is-active):not(.is-prev):not(.is-next) .fs__slideInner{opacity:.5}@media (max-width: 1224px){.fs{--fs-overlap: 0%}.fs__viewport{padding-inline:calc(var(--fs-peek) + clamp(48px,6vw,72px))}.fs__zone{background:transparent;border-color:transparent;-webkit-backdrop-filter:none;backdrop-filter:none}}@media (max-width: 640px){.fs{--fs-overlap: 0%;--fs-peek: 0px}.fs__viewport{padding-inline:0}.fs__track{margin-inline:0}.fs__zone{display:none}.fs__dots{top:24px;bottom:auto}.fs__slide .fs__slideInner{border-radius:12px;box-shadow:none}}:root{--surf-light: #eee;--surf-white: #ffffff;--surf-navy: #0f172a;--surf-dark: #1f2328;--text-strong-light: #111;--text-body-light: #2a2f36;--text-muted-light: #5a6066;--text-strong-dark: #f3f0f0;--text-body-dark: #c8d0d9;--text-muted-dark: #a7adb4;--color-accent: #dd841f;--text-error: #b21f1f;--border-muted-light: rgba(0, 0, 0, .08);--border-muted-dark: rgba(255, 255, 255, .18);--color-btn-dark: #2a2f36;--btn-dark: #141414;--fs-base: 16px;--fs-medium: 14px;--fs-h1: clamp(38px, 4.2vw, 44px);--fs-h2: clamp(32px, 3.2vw, 36px);--fs-h3: clamp(28px, 2.4vw, 32px);--fs-h4: clamp(22px, 2vw, 26px);--fs-h5: clamp(18px, 1.8vw, 22px);--fs-small: 13px;--container: 1200px;--header-h: 64px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-7: 32px;--space-8: 40px;--space-9: 56px;--size-toggle: 40px;--radius-sm: 10px;--radius-md: 16px;--radius-rounded: 999px;--shadow-1: 0 10px 26px -18px rgba(0, 0, 0, .35);--shadow-2: 0 16px 36px -18px rgba(0, 0, 0, .45);--transition-fast: .25s ease;--transition-med: .35s ease;--tt-width: clamp(42ch, 40vw, 80ch);--tt-time: .16s;--ctx-bg: var(--surf-light);--ctx-surface: var(--surf-white);--ctx-text-strong: var(--text-strong-light);--ctx-text: var(--text-body-light);--ctx-text-muted: var(--text-muted-light);--ctx-border: var(--border-muted-light);--ctx-input-bg: var(--surf-white)}.ctx-dark{--ctx-bg: color-mix(in oklab, var(--surf-dark) 92%, black);--ctx-surface: color-mix(in oklab, var(--surf-dark) 86%, black);--ctx-text-strong: var(--text-strong-dark);--ctx-text: var(--text-body-dark);--ctx-text-muted: var(--text-muted-dark);--ctx-border: rgba(255, 255, 255, .22);--ctx-input-bg: color-mix(in oklab, var(--surf-dark) 88%, black)}.ctx-dark,.bg-inverse{--ctx-bg: var(--surf-dark);--ctx-surface: color-mix( in oklab, var(--surf-dark) 86%, #000 14% );--ctx-text-strong: var(--text-strong-dark);--ctx-text: var(--text-body-dark);--ctx-muted: var(--text-muted-dark);--ctx-border: var(--border-muted-dark);background:var(--ctx-bg);color:var(--ctx-text)}.ctx-navy,.bg-navy{--ctx-bg: var(--surf-navy);--ctx-surface: var(--surf-navy);--ctx-text-strong: var(--text-strong-dark);--ctx-text: var(--text-body-dark);--ctx-muted: var(--text-muted-dark);--ctx-input-bg: color-mix(in oklab, var(--surf-navy) 88%, black);--ctx-border: color-mix(in oklab, var(--surf-navy) 65%, #fff 35%);background:var(--ctx-bg);color:var(--ctx-text)}html,body{max-width:100%;overflow-x:clip}*{box-sizing:border-box}img,video{max-width:100%;height:auto;display:block}html,body,#root{height:100%}body{display:flex;flex-direction:column;margin:0;font-family:Saira,system-ui,sans-serif;background:var(--surf-white);color:var(--text-strong-light)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}button{font:inherit;border:0;background:none;cursor:pointer}ul,ol{margin:0;padding:0;list-style:none}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}html{scroll-behavior:smooth}@media (prefers-reduced-motion: reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}}::selection{background:color-mix(in oklab,var(--color-accent) 35%,white);color:#111}.app{min-height:100%;display:flex;flex-direction:column}#content{flex:1 0 auto;padding:0}#content>*:first-child{margin-top:0}.h1,h1,.h2,h2,.h3,h3,.h4,h4,.h5,h5{font-weight:400;margin:0 0 .5em;line-height:1.25;color:var(--ctx-text-strong)}.h4,h4,.h5,h5{font-weight:500;line-height:1.3}.h1,h1{font-size:var(--fs-h1)}.h2,h2{font-size:var(--fs-h2)}.h3,h3{font-size:var(--fs-h3)}.h4,h4{font-size:var(--fs-h4)}.h5,h5{font-size:var(--fs-h5)}:where(.ctx-dark,:root) :is(h1,h2,h3,h4,h5,.h1,.h2,.h3,.h4,.h5){color:var(--ctx-text-strong)}:where(.ctx-dark,:root) :is(p,.subtitle,.lead,.small){color:var(--ctx-text)}.lead{font-size:clamp(17px,1.4vw,20px);line-height:1.55;color:var(--ctx-text)}.subtitle{font-size:1.2rem;color:var(--ctx-text-muted);font-weight:300;letter-spacing:.02em}.subtitle-bold{font-size:1.2rem;color:var(--ctx-text-muted);font-weight:500;letter-spacing:.02em}.small{font-size:var(--fs-small)}.medium{font-size:var(--fs-medium);line-height:1.2rem}.fw-200{font-weight:200}.fw-300{font-weight:300}.fw-400{font-weight:400}.fw-500{font-weight:500}.fw-600{font-weight:600}.fw-700{font-weight:700}.fst-italic{font-style:italic}.fst-normal{font-style:normal}.uppercase{text-transform:uppercase!important}.container{max-width:var(--container);margin:0 auto;padding:0 var(--space-4)}.wrapper{max-width:var(--container);margin:var(--space-8) auto;padding:0 var(--space-4)}.grid{display:grid;gap:var(--space-5);align-items:stretch;justify-items:stretch}.grid-1{grid-template-columns:1fr}.grid-2{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid-3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.grid-4{grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.grid>*{width:100%}.grid-1-3{display:grid;gap:var(--space-2);grid-template-columns:1fr 3fr;align-items:stretch}.grid-3-1{display:grid;gap:var(--space-2);grid-template-columns:3fr 1fr;align-items:stretch}.grid-2-3{display:grid;gap:var(--space-2);grid-template-columns:2fr 3fr;align-items:stretch}.grid-3-2{display:grid;gap:var(--space-2);grid-template-columns:3fr 2fr;align-items:stretch}@media (max-width: 768px){.grid-1-3,.grid-3-1,.grid-2-3,.grid-3-2,.grid-3{grid-template-columns:1fr}}.bg-bg{background:var(--surf-light)!important}.bg-surface{background:var(--surf-white)!important}.bg-inverse{background:var(--surf-dark)!important;color:var(--ctx-text)!important}.bg-band{background:var(--border-muted-dark)!important}.bg-accent{background:var(--color-accent)!important;color:var(--text-strong-light)}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.text{color:var(--ctx-text-strong)!important}.text-white{color:var(--surf-light)!important}.text-strong{color:var(--ctx-text-strong)!important}.text-muted{color:var(--ctx-text-muted)!important}.text-muted-dark{color:var(--text-muted-body)!important}.text-muted-darker{color:var(--text-muted-dark)!important}.text-accent{color:var(--color-accent)!important}.error-hint{color:var(--text-error)!important}.list-item{list-style:disc;padding-left:1.1em}.border{border:1px solid var(--ctx-border)!important}.border-0{border:0!important}.rounded-sm{border-radius:var(--radius-sm)!important}.rounded-md{border-radius:var(--radius-md)!important}.rounded-full{border-radius:var(--radius-rounded)!important}.shadow-1{box-shadow:var(--shadow-1)!important}.shadow-2{box-shadow:var(--shadow-2)!important}.shadow-none{box-shadow:none!important}.btn{--btn-radius: var(--radius-rounded);--btn-h: 44px;display:inline-grid;grid-auto-flow:column;place-items:center;gap:8px;min-height:var(--btn-h);padding:12px 18px;border:0;border-radius:var(--btn-radius);background:transparent;vertical-align:middle;font-weight:500;line-height:1;letter-spacing:.3px;text-transform:uppercase;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer;transition:background var(--transition-med),color var(--transition-med),border-color var(--transition-med),box-shadow var(--transition-med),transform .1s ease}.btn>.icon,.btn>svg,.btn>img{inline-size:1.1em;block-size:1.1em}.btn>svg{fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn[aria-disabled=true],.btn:disabled{opacity:.55;cursor:not-allowed;pointer-events:none}.bg-inverse,.ctx-dark,.bg-navy,.bg-accent{--ctx-text: #ffffff}.btn--outline{--_outline-text: var(--ctx-text, var(--text-body-light));--_outline-border: color-mix(in oklab, var(--_outline-text) 30%, #ffffff 70%);background:transparent;color:var(--_outline-text);border:1.5px solid var(--_outline-border);-webkit-backdrop-filter:saturate(130%) blur(2px);backdrop-filter:saturate(130%) blur(2px)}.btn--outline:hover{background:var(--color-accent);border-color:var(--color-accent);color:#fff;box-shadow:0 8px 22px -12px color-mix(in oklab,var(--color-accent) 45%,transparent)}.btn--harry{background:linear-gradient(145deg,color-mix(in oklab,var(--color-accent) 95%,var(--text-strong-dark) 55%) 0%,var(--color-accent) 28%,color-mix(in oklab,var(--color-accent) 20%,#c73b0c 60%) 100%);color:#fff;border:0;isolation:isolate;box-shadow:0 12px 34px color-mix(in oklab,var(--color-accent) 15%,transparent)}.btn--harry:hover{color:#fff;filter:brightness(1.04);transform:translateY(-1px)}.btn--harry:active{color:#fff;transform:translateY(0)}.btn--harry>*{position:relative;z-index:1}.btn--addon{background:transparent;color:var(--color-accent);border:1.5px solid var(--color-accent);box-shadow:none}.btn--addon:hover{background:var(--color-accent);color:#fff;border-color:var(--color-accent);box-shadow:0 8px 22px -12px color-mix(in oklab,var(--color-accent) 45%,transparent)}.btn--dark{background:var(--surf-dark);color:#fff;border:0;box-shadow:0 8px 22px -12px #00000059}.btn--dark:hover{background:var(--color-accent);color:#fff;box-shadow:0 10px 26px -14px color-mix(in oklab,var(--color-accent) 45%,transparent)}.btn--dark:active{transform:translateY(1px)}.btn--prev{background:transparent;color:var(--ctx-text, inherit);padding-inline:0;border:0;gap:10px}.btn--prev .icon,.btn--prev svg{transform:translate(0);transition:transform var(--transition-fast)}.btn--prev:hover{color:var(--color-accent);text-decoration:none}.btn--prev:hover .icon,.btn--prev:hover svg{transform:translate(-2px)}.btn--next{background:var(--color-accent);color:#fff;border:0;padding-inline:16px 18px;gap:10px;box-shadow:0 8px 22px -12px color-mix(in oklab,var(--color-accent) 45%,transparent)}.btn--next .icon,.btn--next svg{transform:translate(0);transition:transform var(--transition-fast)}.btn--next:hover{background:color-mix(in oklab,var(--color-accent) 88%,black);color:#fff}.btn--next:hover .icon,.btn--next:hover svg{transform:translate(2px)}.btn--link{background:none;border:none;padding:0;margin:0;cursor:pointer;color:var(--color-accent);text-decoration:underline;font-weight:500;transition:opacity .2s ease-in-out}.btn--link:hover,.btn--link:focus{opacity:.8;text-decoration:none}.btn--prev:active,.btn--next:active,.btn--addon:active,.btn--outline:active,.btn--harry:active{transform:translateY(1px)}@media (prefers-reduced-motion: reduce){.btn--prev:active,.btn--next:active,.btn--addon:active,.btn--outline:active,.btn--harry:active{transform:none}}:root{--space-0: 0px}:where(.m-0){margin:var(--space-0)!important}.m-1{margin:var(--space-1)!important}.m-2{margin:var(--space-2)!important}.m-3{margin:var(--space-3)!important}.m-4{margin:var(--space-4)!important}.m-5{margin:var(--space-5)!important}.m-6{margin:var(--space-6)!important}.m-7{margin:var(--space-7)!important}.m-8{margin:var(--space-8)!important}.m-9{margin:var(--space-9)!important}.mx-0{margin-inline:var(--space-0)!important}.mx-1{margin-inline:var(--space-1)!important}.mx-2{margin-inline:var(--space-2)!important}.mx-3{margin-inline:var(--space-3)!important}.mx-4{margin-inline:var(--space-4)!important}.mx-5{margin-inline:var(--space-5)!important}.mx-6{margin-inline:var(--space-6)!important}.mx-7{margin-inline:var(--space-7)!important}.mx-8{margin-inline:var(--space-8)!important}.mx-9{margin-inline:var(--space-9)!important}.my-0{margin-block:var(--space-0)!important}.my-1{margin-block:var(--space-1)!important}.my-2{margin-block:var(--space-2)!important}.my-3{margin-block:var(--space-3)!important}.my-4{margin-block:var(--space-4)!important}.my-5{margin-block:var(--space-5)!important}.my-6{margin-block:var(--space-6)!important}.my-7{margin-block:var(--space-7)!important}.my-8{margin-block:var(--space-8)!important}.my-9{margin-block:var(--space-9)!important}.mt-0{margin-block-start:var(--space-0)!important}.mt-1{margin-block-start:var(--space-1)!important}.mt-2{margin-block-start:var(--space-2)!important}.mt-3{margin-block-start:var(--space-3)!important}.mt-4{margin-block-start:var(--space-4)!important}.mt-5{margin-block-start:var(--space-5)!important}.mt-6{margin-block-start:var(--space-6)!important}.mt-7{margin-block-start:var(--space-7)!important}.mt-8{margin-block-start:var(--space-8)!important}.mt-9{margin-block-start:var(--space-9)!important}.me-0{margin-inline-end:var(--space-0)!important}.me-1{margin-inline-end:var(--space-1)!important}.me-2{margin-inline-end:var(--space-2)!important}.me-3{margin-inline-end:var(--space-3)!important}.me-4{margin-inline-end:var(--space-4)!important}.me-5{margin-inline-end:var(--space-5)!important}.me-6{margin-inline-end:var(--space-6)!important}.me-7{margin-inline-end:var(--space-7)!important}.me-8{margin-inline-end:var(--space-8)!important}.me-9{margin-inline-end:var(--space-9)!important}.mb-0{margin-block-end:var(--space-0)!important}.mb-1{margin-block-end:var(--space-1)!important}.mb-2{margin-block-end:var(--space-2)!important}.mb-3{margin-block-end:var(--space-3)!important}.mb-4{margin-block-end:var(--space-4)!important}.mb-5{margin-block-end:var(--space-5)!important}.mb-6{margin-block-end:var(--space-6)!important}.mb-7{margin-block-end:var(--space-7)!important}.mb-8{margin-block-end:var(--space-8)!important}.mb-9{margin-block-end:var(--space-9)!important}.ms-0{margin-inline-start:var(--space-0)!important}.ms-1{margin-inline-start:var(--space-1)!important}.ms-2{margin-inline-start:var(--space-2)!important}.ms-3{margin-inline-start:var(--space-3)!important}.ms-4{margin-inline-start:var(--space-4)!important}.ms-5{margin-inline-start:var(--space-5)!important}.ms-6{margin-inline-start:var(--space-6)!important}.ms-7{margin-inline-start:var(--space-7)!important}.ms-8{margin-inline-start:var(--space-8)!important}.ms-9{margin-inline-start:var(--space-9)!important}.pt-0{padding-top:0!important}.p-0{padding:var(--space-0)!important}.p-1{padding:var(--space-1)!important}.p-2{padding:var(--space-2)!important}.p-3{padding:var(--space-3)!important}.p-4{padding:var(--space-4)!important}.p-5{padding:var(--space-5)!important}.p-6{padding:var(--space-6)!important}.p-7{padding:var(--space-7)!important}.p-8{padding:var(--space-8)!important}.p-9{padding:var(--space-9)!important}.px-0{padding-inline:var(--space-0)!important}.px-1{padding-inline:var(--space-1)!important}.px-2{padding-inline:var(--space-2)!important}.px-3{padding-inline:var(--space-3)!important}.px-4{padding-inline:var(--space-4)!important}.px-5{padding-inline:var(--space-5)!important}.px-6{padding-inline:var(--space-6)!important}.px-7{padding-inline:var(--space-7)!important}.px-8{padding-inline:var(--space-8)!important}.px-9{padding-inline:var(--space-9)!important}.py-0{padding-block:var(--space-0)!important}.py-1{padding-block:var(--space-1)!important}.py-2{padding-block:var(--space-2)!important}.py-3{padding-block:var(--space-3)!important}.py-4{padding-block:var(--space-4)!important}.py-5{padding-block:var(--space-5)!important}.py-6{padding-block:var(--space-6)!important}.py-7{padding-block:var(--space-7)!important}.py-8{padding-block:var(--space-8)!important}.py-9{padding-block:var(--space-9)!important}.gap-0{gap:var(--space-0)!important}.gap-1{gap:var(--space-1)!important}.gap-2{gap:var(--space-2)!important}.gap-3{gap:var(--space-3)!important}.gap-4{gap:var(--space-4)!important}.gap-5{gap:var(--space-5)!important}.gap-6{gap:var(--space-6)!important}.gap-7{gap:var(--space-7)!important}.gap-8{gap:var(--space-8)!important}.gap-9{gap:var(--space-9)!important}.d-flex{display:flex!important}.flex-col{flex-direction:column!important}.items-center{align-items:center!important}.items-end{align-items:end!important}.justify-center{justify-content:center!important}.justify-between{justify-content:space-between!important}.justify-end{justify-content:flex-end!important}.section{padding:var(--space-8) 0}.section-sm{padding:var(--space-6) 0}.section-lg{padding:clamp(48px,8vw,96px) 0}.section-band{background:var(--border-muted-dark)}.section-inset{background:var(--surf-white);border:1px solid var(--ctx-border);border-radius:var(--radius-md)}.media-fit{flex:1 1 auto;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden}.media-fit>img,.media-fit>video,.media-fit>canvas{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;display:block}.tt{position:relative;display:inline-flex;overflow:visible;align-items:center;justify-content:center;width:var(--space-6);height:var(--space-6);border-radius:50%;background:var(--surf-dark);color:var(--surf-light);font-weight:700;cursor:help;-webkit-user-select:none;user-select:none;outline:none;border:0;margin-left:var(--space-2)}.tt:focus-visible{box-shadow:var(--shadow-1)}.tt>.tt__bubble{position:absolute;left:50%;top:calc(100% + var(--space-3));transform:translate(-50%) translateY(6px) scale(.98);width:var(--tt-width)!important;max-width:96vw!important;background:var(--ctx-text-strong);color:var(--surf-light);padding:var(--space-4);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);font:500 14px/1.45 ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial;text-align:left;white-space:normal;text-wrap:pretty;opacity:0;pointer-events:none;z-index:999;border:1px solid var(--ctx-border);transition:opacity var(--tt-time) ease,transform var(--tt-time) ease;overflow:visible}.tt>.tt__bubble:after{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;background:var(--ctx-text-strong);transform:translate(-50%) rotate(45deg);box-shadow:var(--shadow-1);z-index:-1}.tt:hover>.tt__bubble,.tt:focus>.tt__bubble,.tt:focus-within>.tt__bubble{opacity:1;transform:translate(-50%) translateY(0) scale(1);pointer-events:auto}@media (prefers-reduced-motion: reduce){.acc__body,.acc.is-open .acc__inner{transition:none}.tt>.tt__bubble{transition:none}}.acc{border:1px solid var(--ctx-border);border-radius:14px;background:var(--surf-white);margin-block:12px;overflow:visible}.ctx-dark .acc{background:color-mix(in oklab,var(--surf-dark) 88%,#000 12%)}.acc__hdr{width:100%;display:flex;align-items:center;gap:var(--space-3);padding:16px 18px;background:color-mix(in oklab,var(--ctx-bg) 82%,#fff 18%);color:var(--ctx-text-strong);cursor:pointer;transition:background .15s ease,box-shadow .15s ease}.ctx-dark .acc__hdr{background:color-mix(in oklab,var(--ctx-bg) 86%,#000 14%)}.acc__hdr:hover{filter:brightness(1.02);box-shadow:var(--shadow-1)}.acc__title{font-weight:500;font-size:1.2rem}.acc__spacer{flex:1 1 auto}.acc__chev{margin-left:8px;transition:transform .2s ease}.acc.is-open .acc__chev{transform:rotate(180deg)}.acc__body{overflow:hidden;display:grid;grid-template-rows:0fr;transition:grid-template-rows .22s ease,margin-top .22s ease}.acc.is-open .acc__body{grid-template-rows:1fr;margin-top:var(--space-3)}.acc.is-open .acc__inner{padding:var(--space-5) var(--space-5);transition:padding .2s ease}.acc__inner{min-height:0;padding:0;overflow:hidden;color:var(--ctx-text)}.acc.is-disabled .acc__hdr{opacity:.55;cursor:not-allowed}.ctx-dark .acc__inner{color:var(--ctx-text)}.fld{display:grid;gap:var(--space-2);margin:var(--space-3) 0}.fld>span{font-size:var(--fs-small);color:var(--ctx-text-muted)}.fld--float{position:relative;margin:var(--space-3) 0}.fld--float>input,.fld--float>select,.fld--float>textarea{width:100%;padding:14px 12px 12px;border-radius:var(--radius-sm);border:1px solid var(--ctx-border);background:var(--text-strong-dark);color:var(--ctx-text-strong);font-size:1rem}.fld--float>span{position:absolute;left:12px;top:50%;transform:translateY(-50%);font-size:var(--fs-medium);color:var(--ctx-text-muted);background:var(--text-strong-dark);padding:0 4px;pointer-events:none;transition:all .12s ease}.fld--float :is(input,select,textarea):focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent)}.fld--float :is(input,textarea):not(:placeholder-shown)+span,.fld--float :is(input,select,textarea):focus+span{top:-8px;transform:none;font-size:12px;font-weight:600;color:var(--color-accent)}.fld--float>textarea+span{top:12px;transform:none}.fld--float :is(input,select,textarea)[aria-invalid=true]{border-color:var(--text-error);box-shadow:0 0 0 4px color-mix(in oklab,var(--text-error) 18%,transparent)}.fld--float :is(input,select,textarea)[aria-invalid=true]+span{top:-8px;transform:none;font-size:12px;font-weight:600;color:var(--text-error)}.fld--float .fld__unit{position:absolute;right:12px;top:50%;transform:translateY(-50%);color:var(--ctx-text-muted);font-weight:600}.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.fld-row-one_column{display:grid;gap:var(--space-4)}@media (max-width: 640px){.fld-row{grid-template-columns:1fr}}.cb{position:relative}.cb__input{width:100%}.cb__list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:var(--ctx-surface);color:var(--ctx-text);border:1px solid var(--ctx-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:6px;margin:0;list-style:none}.cb__list>li{padding:8px 10px;border-radius:8px;cursor:pointer}.cb__list>li.is-active,.cb__list>li:hover{background:color-mix(in oklab,var(--ctx-surface) 70%,#000 30%);color:var(--ctx-text-strong)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes scaleIn{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}.fade-in{animation:fadeIn var(--transition-med) both}.slide-up{animation:slideUp var(--transition-med) both}.scale-in{animation:scaleIn var(--transition-med) both}.card{background:var(--ctx-surface);border:1px solid var(--ctx-border);border-radius:var(--radius-md);padding:var(--space-5);color:var(--ctx-text)}.card--dark{background:color-mix(in oklab,var(--surf-white) 85%,#000)}.styleguide :is(.card h3,.card .h3){color:var(--ctx-text-strong)}.sg-chip{display:inline-block;padding:10px 14px;border:1px dashed var(--ctx-border);border-radius:999px;background:color-mix(in oklab,var(--ctx-surface) 70%,transparent);color:var(--ctx-text)}.full-width{display:block;width:100%!important;max-width:100%!important}.h-100{height:100%!important}.min-h-0{min-height:0!important}.card__spacer{flex:1 1 auto;min-height:0}.h100{height:calc(100svh - 70px)!important}.flush-footer{padding-bottom:0!important;margin-bottom:-0!important}@supports (selector(:has(*))){body:has(.flush-footer) .footer{margin-top:0!important}}.img-fluid{width:100%;height:auto}:root{--tt-radius: 12px;--tt-pad: 14px;--tt-shadow: var(--shadow-2);--tt-border: 1px solid color-mix(in oklab, var(--ctx-text) 16%, #fff 84%);--tt-bg: var(--ctx-surface);--tt-fg: var(--ctx-text-strong)}.decorated-list{padding-left:3em;padding-right:.5em;margin-top:var(--space-7);margin-bottom:var(--space-7)}.decorated-list-item{list-style:disc;margin-top:var(--space-2);margin-bottom:var(--space-2)}.fld--float .combo__input{width:100%;padding:14px 12px 12px;border-radius:var(--radius-sm);border:1px solid var(--ctx-border);background:var(--text-strong-dark);color:var(--ctx-text-strong);font-size:1rem}.fld--float .combo__input:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 4px color-mix(in oklab,var(--color-accent) 20%,transparent)}@supports selector(:has(*)){.fld--float:has(.combo__input:focus)>span,.fld--float:has(.combo__input:not(:placeholder-shown))>span{top:-8px;transform:none;font-size:12px;font-weight:600;color:var(--color-accent)}}.combo__input{width:100%}.combo__list{position:absolute;z-index:50;left:0;right:0;top:calc(100% + 6px);max-height:240px;overflow:auto;background:var(--ctx-surface);color:var(--ctx-text);border:1px solid var(--ctx-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:6px;margin:0;list-style:none}.combo__list>li{padding:8px 10px;border-radius:8px;cursor:pointer}.combo__list>li.is-active,.combo__list>li:hover{background:color-mix(in oklab,var(--ctx-surface) 70%,#000 30%);color:var(--ctx-text-strong)}.combo__pop{position:fixed;z-index:9999;max-height:240px;overflow:auto;background:var(--ctx-surface);color:var(--ctx-text);border:1px solid var(--ctx-border);border-radius:var(--radius-sm);box-shadow:var(--shadow-1);padding:6px;margin:0;list-style:none}.combo__pop>li{padding:8px 10px;border-radius:8px;cursor:pointer}.combo__pop>li.is-active,.combo__pop>li:hover{background:color-mix(in oklab,var(--color-accent) 30%,#000 5%);color:var(--ctx-text-strong)}.combo{position:relative}.combo--clear .combo__input{padding-right:36px}.combo__clear{position:absolute;right:8px;top:50%;transform:translateY(-50%);inline-size:32px;block-size:32px;display:grid;place-items:center;border:0;background:transparent;color:var(--ctx-text-muted);border-radius:6px}.combo__clear:hover{color:var(--ctx-text-strong)}.combo__clear:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.snack{color:#fff;font-weight:600}.snack--success{background:color-mix(in oklab,#2e7d32 70%,#000 30%)}.snack--warning{background:color-mix(in oklab,#ef6c00 70%,#000 30%)}.snack--error{background:color-mix(in oklab,#c62828 70%,#000 30%)}.snack--info{background:color-mix(in oklab,#1976d2 70%,#000 30%)}