:root,:root[data-theme="light"]{--bg:#ffffff;--bg-2:#f4f6f9;--bg-3:#e9eef5;--fg:#151c2b;--fg-2:#687181;--fg-3:#7c8695;--line:#dce2eb;--line-2:#cdd5e1;--teal:#18c8cc;--teal-ink:#008e98;--teal-soft:#def8f8;--violet:#9b85dc;--radius:22px;--radius-s:12px}
.direction-bar{background:#edf2f7;color:#687181;height:38px;font-size:10px}.direction-bar a{opacity:1}.motion-toggle{border:0;background:none;font-size:11px;text-decoration:underline;text-underline-offset:3px;cursor:pointer}.nav{background:#fffffff2}.brand .dot{border-color:#18c8cc}.nav-links a.btn-primary,.btn-primary{background:#18c8cc;color:#151c2b;border:1px solid #151c2b}.nav-links a.btn-primary:hover,.btn-primary:hover{background:#8de9eb;color:#151c2b}.hero .split{grid-template-columns:.8fr 1.2fr;gap:40px}.hero .display{font-size:clamp(52px,6.8vw,88px)!important;line-height:1.12!important;letter-spacing:-.055em}.soft-em{color:#009ca6}.hero .lead{font-size:17px;line-height:1.85;max-width:430px}.soft-hero{margin:0;position:relative;width:100%;min-width:0}.soft-scene{display:block;width:100%;height:100%;aspect-ratio:600/410;overflow:visible}.soft-hero .soft-scene{aspect-ratio:600/440}.live-section{background:#f1f4f8;padding-block:72px}.live-section .demo{box-shadow:0 12px 30px #23332a0a;border-radius:24px}.card{border-radius:22px}.soft-figure{background:#ffffff!important;border-color:var(--line)!important;overflow:hidden}.soft-figure .il{width:100%;height:100%;aspect-ratio:600/410!important;min-height:0!important;display:block}.il-stage{padding:10px!important}.tech-grid .fig{background:#ffffff!important}.mob{padding:0 0 46px}.mob .il{border-radius:18px;background:#ffffff!important}.mob .memo{top:auto;bottom:65px;left:24px}.ring-hero{background:#ffffff!important;color:var(--fg)!important}.ring-hero .lead{color:var(--fg-2)!important}.ring-hero .pic{display:flex!important;flex-direction:column;max-width:560px;aspect-ratio:auto!important}.ring-hero .pic .il{width:100%;aspect-ratio:600/410}.ring-hero .badge-line{color:#436c5c;border-color:#c9dacc}.concept-note{font-size:11px;color:#7c8695;text-align:center}.ring-hero .eyebrow{color:var(--teal-ink)}.scenes .pic{aspect-ratio:600/410!important}.scenes .pic .il{height:100%;width:100%}.how .fig{height:auto!important;aspect-ratio:600/410}.brand-hero-image,.editorial-hero{background:transparent}.soft-scene .writing-line{stroke-dasharray:100;stroke-dashoffset:100;animation:write-line 8s linear infinite}.soft-scene .voice-active,.soft-scene .capsule-active,.soft-scene .click-rays{animation:active-window 8s ease-in-out infinite}.soft-scene .click-fill{animation:press-color 8s ease-in-out infinite}.soft-scene .wavebar{transform-box:fill-box;transform-origin:center;animation:wave-soft 1s ease-in-out infinite alternate}.soft-scene .w1{animation-delay:-.3s}.soft-scene .w2{animation-delay:-.5s}.soft-scene .w3{animation-delay:-.7s}.soft-scene .w4{animation-delay:-.1s}.soft-scene .w5{animation-delay:-.4s}.soft-scene .bring-phone{animation:phone-near 8s ease-in-out infinite}.soft-scene .near-bubble{transform-box:fill-box;transform-origin:center;animation:near-pulse 4s ease-in-out infinite}.soft-scene .sight-line{animation:sight-in 5s ease-in-out infinite}.soft-scene .ring-hand{animation:hand-near 8s ease-in-out infinite;transform-origin:380px 380px}.soft-scene .step1{animation:hand-rise 8s ease-in-out infinite}.soft-scene .step3{animation:hand-down 8s ease-in-out infinite}.soft-scene .done-check{stroke-dasharray:70;animation:check-in 8s ease-in-out infinite}.soft-scene .pulse-dot{animation:near-pulse 2s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
@keyframes wave-soft{from{transform:scaleY(.45)}to{transform:scaleY(1)}}
@keyframes active-window{0%,12%,83%,100%{opacity:.15}20%,72%{opacity:1}}
@keyframes press-color{0%,12%,82%,100%{opacity:0}18%,74%{opacity:1}}
@keyframes write-line{0%,20%{stroke-dashoffset:100}65%,88%{stroke-dashoffset:0}97%,100%{stroke-dashoffset:100}}
@keyframes phone-near{0%,12%,90%,100%{transform:translate(35px,25px)}25%,72%{transform:translate(0,0)}}
@keyframes hand-near{0%,10%,88%,100%{transform:translate(30px,28px) rotate(8deg)}24%,72%{transform:translate(0,0) rotate(0)}}
@keyframes hand-rise{0%,10%,90%,100%{transform:translate(40px,45px) rotate(12deg)}30%,72%{transform:translate(0,0)}}
@keyframes hand-down{0%,20%{transform:translate(0,0)}50%,85%{transform:translate(35px,50px) rotate(12deg)}100%{transform:translate(0,0)}}
@keyframes check-in{0%,40%{stroke-dashoffset:70;opacity:0}55%,85%{stroke-dashoffset:0;opacity:1}100%{opacity:0}}
@keyframes near-pulse{0%,100%{opacity:.4;transform:scale(.96)}50%{opacity:1;transform:scale(1.03)}}
@keyframes sight-in{0%,100%{opacity:.3;stroke-dashoffset:20}40%,80%{opacity:1;stroke-dashoffset:0}}
.motion-paused *, .motion-paused *:before,.motion-paused *:after{animation-play-state:paused!important;transition:none!important}
@media(max-width:800px){.hero .split{grid-template-columns:1fr;gap:22px}.hero .display{font-size:56px!important}.hero .lead{max-width:none}.soft-hero .soft-scene{aspect-ratio:600/390}.hero{padding-block:40px 28px!important}.live-section{padding-block:45px}.direction-bar{gap:16px}.direction-bar>a{display:none}.ring-hero .pic{max-width:440px}.diagram-line{font-size:12px}}
@media(prefers-reduced-motion:reduce){.soft-scene *{animation:none!important}.soft-scene .writing-line{stroke-dashoffset:0}.soft-scene .voice-active,.soft-scene .capsule-active{opacity:1}}
.download-art{width:240px;margin:8px auto 24px}.hero:has(.download-art){padding-bottom:45px!important}.brand-hero-image .il{height:100%}
.split>*{min-width:0}.live-target,.live-target .demo,.live-target .win{min-width:0;width:100%;max-width:100%}@media(max-width:600px){.demo .fix{flex-wrap:wrap;width:100%}.demo .msg{max-width:100%}.demo .field{font-size:13px}.demo-cap{font-size:12px}.hero .display{font-size:50px!important}.hero .lead{font-size:16px}}
.ring-hero .display{font-size:clamp(40px,5vw,64px)!important}.ring-hero .split{grid-template-columns:1fr 1fr}.ring-hero .pic::before{display:none}@media(max-width:800px){.ring-hero .split{grid-template-columns:1fr}.ring-hero .display{font-size:46px!important}}

.tech-label-row{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-bottom:6px}.tech-label-row .en{margin:0!important}.tech-label-row .patent-chip{font-size:10px;line-height:1.5;padding:3px 8px;border:1px solid #b8dfe3;background:#e9f8f9;color:#008e98;white-space:nowrap;letter-spacing:0}

/* Reflow in source order; show exactly two full rows as the viewport changes. */
.app-chip-window{display:flex;flex-wrap:wrap;align-content:flex-start;gap:8px;height:72px;overflow:hidden;min-width:0}.app-chip-window .chip{display:inline-flex;align-items:center;box-sizing:border-box;height:32px;flex:0 0 auto;white-space:nowrap;line-height:20px;padding:5px 12px;margin:0;font-size:12px}