:root{color-scheme:dark;--ink:#f5f7fa;--muted:#b9c4cf;--paper:#0a111c;--line:#46586a;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.55 Arial,Helvetica,sans-serif}img{display:block;width:100%;height:100%;object-fit:cover}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid white;box-shadow:0 0 0 6px #111;outline-offset:3px}.wrap{width:min(1400px,calc(100% - 10vw));margin-inline:auto}.skip{position:fixed;top:-100px;left:12px;background:#fff;color:#111;padding:12px;z-index:100}.skip:focus{top:10px}.header{min-height:88px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{font-size:1.9rem;font-weight:800;letter-spacing:-.08em}.brand span{color:#9bbdff}.nav{display:flex;align-items:center;gap:clamp(16px,2.8vw,45px);font-size:.88rem}.nav a:hover{text-decoration:underline;text-underline-offset:5px}.lang{display:flex;gap:.5rem;font-size:.75rem;font-weight:700}.lang [aria-current=page]{text-decoration:underline;text-underline-offset:5px}.menu-toggle{display:none}.hero{min-height:670px;display:grid;grid-template-columns:1fr 1fr;position:relative;background:#121e2e;overflow:hidden}.hero-media{grid-column:2;grid-row:1;position:relative;min-width:0}.hero-media img{object-position:70% center}.hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#121e2e 0%,transparent 35%)}.hero-copy{grid-column:1;grid-row:1;position:relative;z-index:1;width:auto;margin:0;padding:clamp(80px,10vw,145px) 0 clamp(70px,8vw,110px) max(5vw,calc((100vw - 1400px)/2))}.hero h1{font-size:clamp(3.4rem,6.5vw,7rem);letter-spacing:-.07em;line-height:.96;margin:22px 0 25px;max-width:690px}.overline{font-size:.75rem;font-weight:700;letter-spacing:.14em;color:#b7c9d8}.hero-description{max-width:440px;font-size:1.08rem;color:#dce5ed}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:2rem;min-height:54px;padding:15px 21px;font-size:.86rem;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.primary{background:#b9d1ff;color:#0a111c}.hero .button{margin-top:30px}.demo-note{font-size:.75rem;color:#d6dfea;max-width:380px;margin-top:16px}.image-note,.viewer-caption{position:absolute;z-index:2;right:14px;bottom:14px;max-width:230px;background:rgba(0,0,0,.8);padding:6px 8px;color:#fff;font-size:.68rem;line-height:1.35;text-align:right}.section-label{display:none}h2{font-size:clamp(2.5rem,4.7vw,5.2rem);line-height:1.03;letter-spacing:-.055em;margin:0}h3{font-size:1.2rem;margin:0 0 12px}p{margin:0}.intro{display:grid;grid-template-columns:1fr 2fr 0;gap:3rem;padding-block:clamp(60px,7vw,100px);border-bottom:1px solid var(--line)}.intro>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:36px;align-items:center}.intro p,.viewer-copy p,.experience p{color:var(--muted);max-width:540px}.intro-mark{display:none}.features{padding-block:clamp(70px,9vw,130px)}.section-heading{max-width:800px;margin-bottom:50px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature-grid article{position:relative;min-height:270px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;background:#192c40;border:1px solid #33465b}.feature-grid article:nth-child(2){background:#263d56}.feature-grid article:nth-child(3){background:#385573}.feature-number{margin-bottom:auto;color:#cddbf1;font-size:.8rem}.feature-grid h3{font-size:1.7rem}.feature-grid p{color:#d9e3ed;max-width:310px}.viewer-section{background:#e0e9f2;color:#101c2a;overflow:hidden}.viewer-layout{min-height:620px;display:grid;grid-template-columns:.85fr 1.4fr;gap:6%;align-items:center;padding-block:clamp(35px,6vw,75px)}.viewer-copy h2{margin-bottom:22px}.viewer-copy p{color:#334759}.viewer-controls{display:flex;gap:10px;margin-top:30px}.viewer-controls[hidden]{display:none}.viewer-controls button{width:56px;height:56px;border:1px solid #1b2b3b;border-radius:50%;background:transparent;color:#101c2a;cursor:pointer;transition:background .2s,color .2s}.viewer-controls button:hover{background:#101c2a;color:white}.viewer-frame{position:relative;height:min(600px,50vw);min-height:380px;overflow:hidden;background:#b8cadb;border-radius:50%}.viewer-frame img,.viewer-frame canvas{position:absolute;inset:0;width:100%;height:100%}.viewer-frame canvas{opacity:0;touch-action:pan-y;cursor:grab}.viewer-frame canvas:active{cursor:grabbing}.viewer-frame.is-ready canvas{opacity:1}.viewer-frame.is-ready img{opacity:0}.viewer-frame.is-ready .viewer-caption{display:none}.experience{position:relative;min-height:560px;display:grid;grid-template-columns:1fr 1fr;align-items:center;overflow:hidden}.experience-image{grid-column:1;grid-row:1;height:550px}.experience-copy{grid-column:2;grid-row:1;padding:50px 9vw}.experience-copy h2{margin-bottom:24px}.steps{background:#162538;padding-block:clamp(70px,9vw,130px)}.steps-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%}.steps ol{list-style:none;margin:0;padding:0}.steps li{display:grid;grid-template-columns:52px 1fr;gap:20px;padding:26px 0;border-top:1px solid #8291a1}.steps p{color:#c9d4de;max-width:520px}.step-number{color:#a6c2ff;font-size:.85rem}.faq{padding-block:clamp(70px,9vw,130px);display:grid;grid-template-columns:1fr 1fr;gap:10%}.questions{border-top:1px solid var(--line)}details{border-bottom:1px solid var(--line);padding:18px 0}summary{font-weight:700;cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:1rem}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:1.5rem;font-weight:400}details[open] summary:after{content:'−'}details p{color:var(--muted);padding:12px 30px 5px 0}.end{background:#b9d1ff;color:#111c2b;padding:80px 0}.end-inner{display:grid;grid-template-columns:1.3fr 1fr;gap:18px 60px;align-items:center}.end p{color:#263951;max-width:420px}.end .button{grid-column:2;justify-self:start;background:#101c2a;color:white}.footer{display:flex;justify-content:space-between;gap:25px;padding-block:55px;font-size:.75rem}.footer p{color:#c5d0da;max-width:250px}@media(min-width:801px){.hero-media img{animation:rise 1.2s ease-out both}@keyframes rise{from{transform:scale(1.05);opacity:.5}to{transform:scale(1);opacity:1}}}@media(max-width:800px){.wrap{width:calc(100% - 40px)}.header{min-height:72px;flex-wrap:wrap}.has-js .menu-toggle{display:block;background:none;color:inherit;border:1px solid #5d6e7c;min-height:44px;padding:0 12px}.nav{width:100%;display:flex;flex-wrap:wrap;gap:12px 20px;padding-bottom:20px}.has-js .nav{display:none}.has-js .menu-toggle[aria-expanded=true]+.nav{display:flex}.hero{display:flex;flex-direction:column;min-height:0}.hero-media{order:0;height:clamp(270px,70vw,480px)}.hero-media:after{background:linear-gradient(0deg,#121e2e,transparent 50%)}.hero-copy{order:1;margin-top:-40px;padding:0 20px 60px;width:100%}.hero h1{font-size:clamp(3.1rem,12vw,5rem);max-width:580px}.intro{display:block;padding-block:55px}.intro>div:nth-child(2){grid-template-columns:1fr;gap:18px}.feature-grid{grid-template-columns:1fr}.feature-grid article{min-height:170px}.feature-number{margin-bottom:26px}.viewer-layout{grid-template-columns:1fr;gap:30px}.viewer-frame{height:420px;min-height:0}.experience{grid-template-columns:1fr}.experience-image{grid-row:1;grid-column:1;height:400px}.experience-copy{grid-row:2;grid-column:1;padding:35px 0 65px}.steps-layout,.faq{grid-template-columns:1fr;gap:35px}.end-inner{grid-template-columns:1fr}.end .button{grid-column:1}.footer{flex-wrap:wrap}.footer p{width:100%}}@media(max-width:420px){.viewer-frame{height:320px}.hero h1{font-size:3rem}.experience-image{height:320px}}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
.intro{display:block}.intro>div:nth-child(2){display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.viewer-caption{left:50%;right:auto;bottom:12%;transform:translateX(-50%);text-align:center;width:min(220px,80%)}@media(max-width:800px){.intro>div:nth-child(2){grid-template-columns:1fr;gap:18px}}
@media(max-width:800px){.image-note{top:10px;bottom:auto}}

/* The inquiry area is a visual demo; it has no network action. */
.inquiry{background:#dce6ef;color:#111e2c;padding-block:clamp(70px,9vw,130px)}
.inquiry-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(35px,8vw,120px);align-items:start}
.inquiry-intro p{color:#314456;max-width:34rem;margin-top:24px;font-size:1.05rem}
.inquiry-form{display:grid;grid-template-columns:1fr 1fr;gap:20px 16px}
.inquiry-field{display:flex;flex-direction:column;gap:8px;min-width:0;font-size:.9rem;font-weight:700}
.inquiry-field--wide,.inquiry-note,.inquiry-actions,.inquiry-status{grid-column:1/-1}
.inquiry-field input,.inquiry-field textarea{display:block;width:100%;min-width:0;border:1px solid #8193a4;border-radius:0;background:#f6f9fc;color:#101c2a;font:inherit;font-weight:400;padding:14px;min-height:52px}
.inquiry-field textarea{min-height:130px;resize:vertical}
.inquiry-field input:focus-visible,.inquiry-field textarea:focus-visible{outline:3px solid #315a9b;outline-offset:2px}
.inquiry-note{color:#314456;font-size:.88rem;line-height:1.5}
.inquiry-actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px}
.inquiry-actions button{border:0;background:#101c2a;color:white;cursor:pointer}
.inquiry-actions button:disabled{opacity:.6;cursor:not-allowed}
.inquiry-status{padding:15px 18px;background:#c3d4e4;border-left:4px solid #315a9b;color:#101c2a}
.choice-guide{padding-block:clamp(70px,9vw,130px)}
.choice-guide-head{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:40px;margin-bottom:45px}
.choice-guide-head p{color:var(--muted);max-width:35rem}
.choice-guide-list{border-top:1px solid #708194;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(30px,7vw,100px)}
.choice-guide-item{display:grid;grid-template-columns:3rem minmax(0,1fr);gap:14px;padding:30px 0;border-bottom:1px solid #708194}
.choice-guide-icon{width:2.5rem;height:2.5rem;border:1px solid #8ba8c7;border-radius:50%;display:grid;place-items:center;color:#b9d1ff;font-size:1rem}
.choice-guide-item h3{margin:0 0 10px;font-size:1.25rem}
.choice-guide-item p{color:#c5d0da;max-width:32rem}
@media(max-width:800px){.choice-guide-head,.choice-guide-list,.inquiry-layout{grid-template-columns:1fr}.choice-guide-head{gap:18px}.inquiry-form{grid-template-columns:1fr}.inquiry-field{grid-column:1/-1}}
@media(max-width:420px){.hero h1{font-size:clamp(2.5rem,12vw,3rem);overflow-wrap:anywhere}.inquiry-layout h2,.choice-guide h2{overflow-wrap:anywhere}}
.product-facts{background:#192b3d;padding-block:clamp(70px,9vw,130px)}
.product-facts-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,120px)}
.product-facts-intro p{color:#c5d0da;max-width:34rem;margin-top:22px}
.product-facts dl{margin:0;border-top:1px solid #8395a8}
.product-facts dl div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;padding:20px 0;border-bottom:1px solid #8395a8}
.product-facts dt{font-weight:700}.product-facts dd{margin:0;color:#c5d0da}
@media(max-width:800px){.product-facts-layout{grid-template-columns:1fr}}
@media(max-width:420px){.product-facts dl div{grid-template-columns:1fr;gap:5px}}
/* Headings need space for ascenders and descenders in both languages. */
.hero h1{line-height:1.06}
h2{line-height:1.09}

.hero-copy .demo-price{margin-top:18px;display:flex;align-items:baseline;gap:12px;font-size:.85rem}.hero-copy .demo-price strong{font-size:1.35rem}.hero-copy .demo-price + .button{margin-top:18px}

.features .example-note{margin-top:16px;font-size:.9rem;line-height:1.5}