/* Reference: compact hero, four pastel application panels, benefit strip. */
.mobile-versions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;border:1px solid #d6e5f7;background:#f0f6ff;border-radius:14px;padding:16px 22px;margin:14px 0 3px}
.mobile-versions h3{font-size:14px;margin:0 auto 0 0;color:#25476b;font-weight:650}
.mobile-platform{display:flex;align-items:center;gap:12px;font-size:13px;color:#314b67;padding:6px 0}
.mobile-status{background:white;border:1px solid #d7e2ef;border-radius:20px;padding:5px 10px;font-size:11px;color:#54677d;font-weight:600}
@media(max-width:600px){.mobile-versions{padding:16px;gap:6px 18px}.mobile-versions h3{flex-basis:100%;margin-bottom:5px}.mobile-platform{flex:1 1 220px;justify-content:space-between}}
.language{display:flex;align-items:center;gap:5px}
.language select{font:inherit;font-size:12px;color:white;background:#112c42;border:1px solid #ffffff35;border-radius:8px;padding:8px 5px;max-width:120px;cursor:pointer}
.language select option{color:#102338;background:white}
.multilingual-art{position:relative;background:radial-gradient(ellipse at 65% 40%,#c6e8ff99,transparent 68%);overflow:hidden}
.multilingual-art .float-label{font-family:inherit;font-size:13px;max-width:185px;line-height:1.4;padding:13px 16px}
.multilingual-art .float-label.one{left:8px;top:38px}
.multilingual-art .float-label.three{right:18px;top:28px}
.multilingual-art .float-label.two{right:12px;bottom:25px}
html[lang="ja"],html[lang="zh-Hans"]{font-family:'Segoe UI','Noto Sans CJK JP','Yu Gothic','Microsoft YaHei',sans-serif}
html[lang="ja"] h1,html[lang="zh-Hans"] h1{letter-spacing:-1px;font-size:clamp(32px,3.3vw,52px);line-height:1.28}
.status-pill{max-width:145px;white-space:normal!important;text-align:center}
@media(min-width:801px) and (max-width:1250px){.nav-wrap{flex-wrap:wrap;gap:14px}.nav-wrap nav{order:3;width:100%;justify-content:center}.nav-actions{margin-left:auto}}
@media(max-width:800px){.language select{max-width:105px}.multilingual-art .float-label{font-size:11px;padding:8px 10px;max-width:142px}.multilingual-art .float-label.one{top:15px}.multilingual-art .float-label.three{top:8px}.multilingual-art .float-label.two{bottom:8px}}
@media(max-width:480px){.nav-wrap .brand{max-width:235px}.nav-wrap .tagline{max-width:215px;line-height:1.5}.nav-wrap .nav-actions{gap:3px}.nav-wrap nav{gap:2px;flex-wrap:wrap}.nav-wrap nav a{padding:9px 7px;font-size:12px}.language select{max-width:97px;font-size:11px}.multilingual-art .float-label{font-size:9px;padding:5px 7px;max-width:110px;gap:4px}.multilingual-art .float-label .symbol{font-size:18px}.multilingual-art .float-label.one{left:0;top:4px}.multilingual-art .float-label.two{right:2px;bottom:3px}.multilingual-art .float-label.three{display:none}}
:root{background:#f8faff;font-family:'Segoe UI',Arial,sans-serif}
.container{max-width:1536px;padding-inline:43px}
.nav-wrap{max-width:1536px;padding-inline:62px;min-height:100px;gap:35px}
.brand strong{font-size:43px}.tagline{font-size:15px}
nav a{font-size:15px;padding:12px 20px}.nav-actions{gap:26px}
.hero{min-height:350px;background:linear-gradient(110deg,#f8fbff 0%,#eff5ff 48%,#e5effb 100%)}
.hero-inner{grid-template-columns:43% 57%;gap:0;padding-top:32px;padding-bottom:26px;padding-inline:62px;min-height:350px}
.hero-copy{position:relative;z-index:1}.hero-copy h1{font-size:clamp(40px,4vw,60px);letter-spacing:-1.8px;margin:8px 0 16px;line-height:1.04}
.hero-copy p{font-size:19px;line-height:1.5;max-width:555px}.buttons{margin-top:22px}
.hero .btn{font-size:17px;padding:15px 28px;gap:22px}
.reference-art{height:330px;min-width:0;display:block;margin:0 -62px 0 -8px;overflow:hidden}
.reference-art svg{width:100%;height:100%;display:block;object-fit:cover}
.apps-section{padding-top:17px;padding-bottom:8px}.app-grid{gap:16px}
.app-card{border-radius:19px;padding:21px 26px 17px;min-height:390px;background:linear-gradient(135deg,var(--card-bg),var(--card-light));box-shadow:none}
.card-top{margin-bottom:13px}.app-icon{width:61px;height:61px;font-size:39px;border-radius:16px}
.app-card h3{font-size:23px;letter-spacing:-.65px;white-space:nowrap;margin-bottom:4px}
.app-card .subtitle{font-size:15px;margin-bottom:10px;line-height:1.4}.app-card p{font-size:14px;line-height:1.5;color:#344b64}
.card-demo{height:132px;padding-top:4px}.app-foot{padding-top:12px;margin-top:10px;font-size:13px}
.coming-soon:hover{transform:none;box-shadow:none}.status-pill{font-size:10px!important;font-weight:700;border:1px solid color-mix(in srgb,var(--accent) 24%,transparent);background:#ffffff9c;padding:6px 9px;border-radius:30px;white-space:nowrap}
.coming-soon .app-foot{color:#536174}.coming-soon .card-demo{opacity:.9}
.benefits{padding:22px 14px;margin:0 0 26px;border-radius:16px;background:linear-gradient(110deg,#fff,#f7f9fc)}
.benefit>span{font-size:27px}.benefit b{font-size:14px}.benefit p{font-size:13px}
.search-pending{padding:14px;border-radius:10px;background:#f2f4f8;display:flex;justify-content:space-between;gap:10px;font-size:14px}.search-pending span{font-size:12px;color:#63758a}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1250px){.nav-wrap{padding-inline:35px;gap:20px}.brand strong{font-size:35px}.tagline{font-size:11px}nav a{font-size:14px;padding:12px}.container{padding-inline:32px}.hero-inner{padding-inline:40px;grid-template-columns:45% 55%}.hero-copy h1{font-size:49px}.hero-copy p{font-size:17px}.reference-art{margin-right:-40px;height:310px}.hero .btn{font-size:15px;padding:14px 20px}.app-card{padding:20px 18px 15px;min-height:375px}.app-card h3{font-size:19px}.app-card .subtitle{font-size:13px}.app-card p{font-size:13px}.status-pill{font-size:9px!important;padding:5px 7px}.app-icon{width:51px;height:51px;font-size:33px}.benefit b{font-size:12px}.benefit p{font-size:12px}}
@media(max-width:1000px){.nav-wrap{padding-inline:25px}.brand strong{font-size:30px}.nav-actions{gap:8px}nav a{font-size:12px;padding:10px}.container{padding-inline:25px}.hero-inner{padding-inline:30px;grid-template-columns:48% 52%}.hero-copy h1{font-size:43px}.hero-copy p{font-size:16px}.reference-art{margin-right:-30px;height:290px}.hero .btn{font-size:13px;padding:13px 15px}.app-grid{grid-template-columns:repeat(2,1fr)}.app-card{min-height:355px;padding:22px}.app-card h3{font-size:23px}.app-card .subtitle{font-size:15px}.app-card p{font-size:14px}.status-pill{font-size:11px!important}.benefits{grid-template-columns:repeat(3,1fr);row-gap:20px}.benefit:nth-child(3){border:0}}
@media(max-width:800px){.hero-inner{grid-template-columns:1fr;min-height:0;padding-top:28px;padding-bottom:8px}.hero-copy h1{font-size:48px}.hero-copy p{max-width:550px}.hero .btn{font-size:15px}.reference-art{height:auto;aspect-ratio:896/340;width:calc(100% + 40px);max-width:none;margin:12px -20px 0}.app-grid{gap:14px}.benefits{grid-template-columns:repeat(2,1fr)}.benefit:nth-child(3){border-right:1px solid var(--line)}.nav-wrap{gap:13px;min-height:100px}.tagline{font-size:11px}nav a{font-size:13px}.nav-actions{gap:12px}.app-card h3{white-space:normal}.apps-section{padding-top:16px}}
@media(max-width:480px){.container{padding-inline:19px}.nav-wrap{padding:15px 19px}.brand strong{font-size:28px}.tagline{font-size:9px}.nav-actions{gap:1px}.hero-inner{padding-inline:22px}.hero-copy h1{font-size:41px;line-height:1.09;letter-spacing:-1.5px}.hero-copy p{font-size:16px}.hero .btn{font-size:13px;padding:14px 17px;gap:12px}.reference-art{height:auto;aspect-ratio:896/340;width:calc(100% + 40px);margin-top:16px}.app-grid{grid-template-columns:1fr}.app-card{min-height:345px;padding:22px 24px}.app-card h3{font-size:24px}.app-icon{width:58px;height:58px;font-size:36px}.status-pill{font-size:11px!important}.benefits{margin-top:8px}.benefit b{font-size:12px}.benefit p{font-size:12px}.benefit>span{font-size:23px}}


.circuit-preview{color:#b37125}