:root,:root[data-theme=light]{--bg: #fbfcff;--fg: #152560;--brand: #012292;--muted: color-mix(in srgb, var(--brand) 58%, #64708a);--subtle: color-mix(in srgb, var(--fg) 38%, transparent);--border: color-mix(in srgb, var(--brand) 18%, transparent);--border-subtle: color-mix(in srgb, var(--border) 45%, transparent);--surface: color-mix(in srgb, var(--brand) 9%, transparent);--surface-solid: #f2f5ff;--shadow: 0 18px 50px color-mix(in srgb, var(--brand) 12%, transparent);color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #070c18;--fg: #dde3fa;--brand: #95aef0;--muted: color-mix(in srgb, var(--fg) 62%, transparent);--subtle: color-mix(in srgb, var(--fg) 40%, transparent);--border: color-mix(in srgb, var(--fg) 22%, transparent);--border-subtle: color-mix(in srgb, var(--border) 45%, transparent);--surface: color-mix(in srgb, var(--fg) 10%, transparent);--surface-solid: #111a2d;--shadow: 0 4px 18px rgba(0, 0, 0, .35);color-scheme:dark}}:root[data-theme=dark]{--bg: #070c18;--fg: #dde3fa;--brand: #95aef0;--muted: color-mix(in srgb, var(--fg) 62%, transparent);--subtle: color-mix(in srgb, var(--fg) 40%, transparent);--border: color-mix(in srgb, var(--fg) 22%, transparent);--border-subtle: color-mix(in srgb, var(--border) 45%, transparent);--surface: color-mix(in srgb, var(--fg) 10%, transparent);--surface-solid: #111a2d;--shadow: 0 4px 18px rgba(0, 0, 0, .35);color-scheme:dark}*,*:before,*:after{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:radial-gradient(circle at 50% 0,color-mix(in srgb,var(--brand) 10%,transparent),transparent 34rem),var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.55}p,li{text-wrap:pretty}.wrap{width:min(72rem,calc(100% - 2.5rem));margin-inline:auto}header{position:sticky;top:0;z-index:100;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0}.header-controls{display:flex;align-items:center;gap:.35rem;flex-wrap:wrap}:is(.theme-toggle,.lang-switcher__trigger){display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border:1px solid transparent;border-radius:6px;background:none;color:var(--muted);cursor:pointer;line-height:0;text-decoration:none}.lang-switcher__trigger{gap:.35rem;padding:.35rem .5rem;font-size:.875rem;line-height:1.2;list-style:none;user-select:none}:is(.theme-toggle,.lang-switcher__trigger):hover{color:var(--brand);background:var(--surface)}:is(.theme-toggle,.lang-switcher__trigger,.lang-switcher__menu a,.logo):focus-visible{outline:2px solid var(--brand);outline-offset:2px}.theme-toggle__icon{display:none}html:not([data-theme]) .theme-toggle__icon--system,html[data-theme=light] .theme-toggle__icon--light,html[data-theme=dark] .theme-toggle__icon--dark{display:block}.theme-toggle svg{display:block;width:1.25rem;height:1.25rem}.logo{display:inline-block;line-height:0;text-decoration:none}.logo__mark svg{display:block;height:2.25rem;width:auto;fill:var(--brand)}.lang-switcher{position:relative}.lang-switcher__trigger::-webkit-details-marker{display:none}.lang-switcher__trigger::marker{content:""}.lang-switcher[open] .lang-switcher__trigger{color:var(--brand);background:var(--surface)}.lang-switcher__icon{width:1.125rem;height:1.125rem;flex-shrink:0}.lang-switcher__menu{position:absolute;top:calc(100% + .25rem);right:0;z-index:20;display:grid;grid-template-columns:1fr 1fr;gap:0 .25rem;margin:0;padding:.25rem;border:1px solid var(--border);border-radius:6px;background:var(--bg);box-shadow:var(--shadow)}.lang-switcher__menu ul{list-style:none;margin:0;padding:0}.lang-switcher__menu ul+ul{border-left:1px solid var(--border);padding-left:.25rem}.lang-switcher__menu a{display:block;padding:.4rem .6rem;border-radius:4px;font-size:.875rem;color:var(--muted);text-decoration:none;white-space:nowrap}.lang-switcher__menu a:hover{color:var(--brand);background:var(--surface)}.lang-switcher__menu a[aria-current=page]{color:var(--brand);font-weight:500;background:var(--surface)}main{flex:1;padding:0 0 5rem}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--fg);line-height:1.08;letter-spacing:-.035em;text-wrap:balance}h1{max-width:15ch;margin-bottom:1.5rem;font-size:clamp(2.75rem,7vw,5.75rem);font-weight:720}h2{max-width:22ch;margin-bottom:0;font-size:clamp(1.8rem,4vw,3rem)}h3{margin-bottom:0;font-size:clamp(1.6rem,3vw,2.25rem)}.hero{padding-top:clamp(5rem,12vw,9rem);padding-bottom:clamp(5rem,10vw,8rem)}.eyebrow{margin-bottom:.9rem;color:var(--brand);font-size:.75rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.hero__intro{max-width:38rem;margin-bottom:2rem;color:var(--muted);font-size:clamp(1.15rem,2.2vw,1.45rem)}.principles{display:flex;flex-wrap:wrap;gap:.65rem;margin:0;padding:0;list-style:none}.principles li{padding:.55rem .8rem;border:1px solid var(--border);border-radius:999px;background:color-mix(in srgb,var(--bg) 78%,transparent);color:var(--muted);font-size:.875rem}.products-section{padding-top:1rem}.section-heading{margin-bottom:2rem}.product-list{display:grid;gap:1.5rem}.product-card{--product-accent: var(--brand);display:grid;grid-template-columns:minmax(0,.8fr) minmax(22rem,1.2fr);gap:clamp(2rem,5vw,4.5rem);align-items:center;min-height:27rem;padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;border:1px solid var(--border);border-radius:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 8%,transparent),transparent 56%),var(--surface-solid)}.product-card--red{--product-accent: #cf4f55}.product-card--blue{--product-accent: #3f6eb8}.product-card--green{--product-accent: #2a7a4f}.product-title{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.product-title img{flex:0 0 auto;width:4rem;height:4rem;border-radius:.7rem;filter:drop-shadow(0 8px 16px color-mix(in srgb,var(--product-accent) 25%,transparent))}.product-number{margin-bottom:.2rem;color:var(--product-accent);font-size:.72rem;font-weight:750;letter-spacing:.15em}.product-summary{max-width:34rem;margin-bottom:1.5rem;color:var(--fg);font-size:clamp(1.1rem,2vw,1.3rem);line-height:1.45}.actions{display:flex;flex-wrap:wrap;gap:.65rem;margin:1.5rem 0}.button{display:inline-flex;align-items:center;justify-content:center;min-height:2.75rem;padding:.65rem 1rem;border:1px solid var(--border);border-radius:.65rem;font-size:.9rem;font-weight:650;text-decoration:none}.button--primary{border-color:var(--product-accent);background:var(--product-accent);color:#fff}.button--quiet{color:var(--fg);background:color-mix(in srgb,var(--bg) 75%,transparent)}.button:hover{transform:translateY(-1px);box-shadow:0 8px 18px color-mix(in srgb,var(--product-accent) 18%,transparent)}.details-link,.back-link{color:var(--brand);font-weight:650;text-decoration:none}.details-link:hover,.back-link:hover{text-decoration:underline;text-underline-offset:.2em}.carousel{position:relative;min-width:0;padding:.6rem;border:1px solid color-mix(in srgb,var(--product-accent) 25%,var(--border));border-radius:1rem;background:color-mix(in srgb,var(--bg) 65%,transparent);box-shadow:var(--shadow);outline:none}.carousel:focus-visible{outline:2px solid var(--product-accent);outline-offset:3px}.carousel__viewport{position:relative;aspect-ratio:8 / 5;overflow:hidden;border-radius:.65rem;background:var(--bg)}.carousel__slide{display:block;width:100%;height:100%;object-fit:contain}.carousel__slide[hidden]{display:none}.carousel__control{position:absolute;top:50%;display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;padding:0;border:1px solid color-mix(in srgb,#fff 35%,transparent);border-radius:999px;background:color-mix(in srgb,#071020 78%,transparent);color:#fff;cursor:pointer;font-size:1.2rem;transform:translateY(-50%);backdrop-filter:blur(8px)}.carousel__control:hover{background:color-mix(in srgb,var(--product-accent) 86%,#071020)}.carousel__control:focus-visible,.carousel__dots button:focus-visible{outline:2px solid #fff;outline-offset:2px}.carousel__control--previous{left:1.2rem}.carousel__control--next{right:1.2rem}.carousel__dots{position:absolute;right:0;bottom:1.1rem;left:0;display:flex;justify-content:center;gap:.45rem}.carousel__dots button{width:.5rem;height:.5rem;padding:0;border:0;border-radius:999px;background:color-mix(in srgb,#fff 58%,transparent);cursor:pointer;box-shadow:0 0 0 1px color-mix(in srgb,#071020 45%,transparent)}.carousel__dots button[aria-current=true]{width:1.35rem;background:var(--product-accent)}.product-page{padding-top:3rem}.back-link{display:inline-block;margin-bottom:2rem}.product-hero{--product-accent: var(--brand);display:grid;grid-template-columns:minmax(0,.9fr) minmax(24rem,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:1.5rem;padding:clamp(1.5rem,4vw,3.5rem);border:1px solid var(--border);border-radius:1.5rem;background:linear-gradient(135deg,color-mix(in srgb,var(--product-accent) 8%,transparent),transparent 56%),var(--surface-solid)}.product-title--large img{width:5rem;height:5rem}.product-title--large h1{margin:0;font-size:clamp(2.4rem,5vw,4rem)}.product-hero__copy>p:not(.product-summary){color:var(--muted)}.product-hero__image{width:100%;height:auto;border:.6rem solid color-mix(in srgb,var(--bg) 70%,transparent);border-radius:1rem;box-shadow:var(--shadow)}.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-bottom:clamp(4rem,8vw,7rem)}.detail-card{padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--border);border-radius:1.25rem}.detail-card--privacy{background:var(--surface)}.feature-list{display:grid;gap:.85rem;margin:0;padding:0;list-style:none}.feature-list li{position:relative;padding-left:1.4rem}.feature-list li:before{position:absolute;left:0;color:var(--brand);content:"✓"}.gallery__grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.gallery__grid img{width:100%;height:auto;border:1px solid var(--border);border-radius:1rem;box-shadow:var(--shadow)}footer{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem 1.5rem;padding:1.25rem 0;border-top:1px solid var(--subtle);font-size:.875rem;color:var(--subtle)}@media(max-width:800px){.product-card,.product-hero{grid-template-columns:1fr}}@media(max-width:560px){.wrap{width:min(100% - 1.5rem,72rem)}.header-inner{padding-block:1rem}.hero{padding-top:4rem}.product-card,.product-hero{padding:1.25rem;border-radius:1rem}.details-grid,.gallery__grid{grid-template-columns:1fr}.button{flex:1 1 auto}}.free-notice{margin-top:clamp(3rem,6vw,5rem);padding:clamp(1.5rem,3vw,2.5rem);border:1px solid var(--border);border-radius:1.25rem;background:var(--surface)}.free-notice__label{margin-bottom:.5rem;color:var(--brand);font-size:.75rem;font-weight:750;letter-spacing:.16em;text-transform:uppercase}.free-notice__text,.free-notice__contact{margin-bottom:.4rem;color:var(--muted);font-size:.95rem}.free-notice__contact{margin-bottom:0}.free-notice a{color:var(--brand);font-weight:600;text-decoration:none}.free-notice a:hover{text-decoration:underline;text-underline-offset:.2em}.footer-copy{margin:0}.footer-social{display:flex;align-items:center;gap:.35rem;margin:0;padding:0;list-style:none}.footer-social a{display:inline-flex;align-items:center;justify-content:center;padding:.35rem;border-radius:6px;color:inherit;text-decoration:none}.footer-social a:focus-visible{outline:2px solid var(--subtle);outline-offset:2px}.footer-social svg{display:block;width:1.25rem;height:1.25rem}
