/* Home-only motion; static markup remains complete without JavaScript. */
.home-micro{width:100%;margin:0 0 25px;color:#244c65;border:1px solid #ffffff35;background:#f4f9fc;border-radius:12px;padding:17px 18px;overflow:hidden;box-sizing:border-box}
.hm-caption{display:flex;align-items:center;justify-content:space-between;gap:12px;height:28px;margin-bottom:13px}.hm-caption>span{font-size:10px;font-weight:600;letter-spacing:.03em;color:#58768b}.hm-replay{width:28px;height:28px;border:1px solid #c4dbe8;border-radius:50%;background:transparent;color:#426b86;font-size:19px;line-height:1;cursor:pointer}.hm-replay:focus-visible{outline:2px solid #0088df;outline-offset:3px}.hm-stage{height:136px;position:relative}.home-micro figcaption{font-size:9px;color:#7790a0;margin-top:12px}.hm-message{padding:10px 11px;border-radius:8px;background:#fff;font-size:10px;line-height:1.5;max-width:92%;border:1px solid #dfebf2;display:flex;align-items:center;gap:7px}.hm-message i{width:5px;height:5px;background:#1c91bf;border-radius:50%;flex-shrink:0}.hm-reply{margin:8px 0 0 auto;background:#e0eff7;border:0}.hm-result{display:flex;align-items:center;gap:7px;font-size:10px;line-height:1.4;color:#396c78;position:absolute;bottom:0;left:0;right:0}.hm-result svg,.hm-check svg{height:16px;width:16px;flex-shrink:0}.hm-product{display:flex;align-items:center;gap:15px}.hm-product>svg{height:94px;width:90px;flex-shrink:0}.hm-product strong,.hm-task strong{font-size:12px;display:block}.hm-product>div>span,.hm-task div>span{font-size:9px;color:#678294;display:block;margin:4px 0 8px}.hm-sizes{display:flex;gap:5px;margin-top:10px}.hm-sizes span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #cadce6;border-radius:4px;font-size:9px}.hm-sizes .hm-selected{background:#174d6b;color:white;border-color:#174d6b}.hm-task{display:flex;align-items:center;gap:10px;padding:12px 0}.hm-task i{font-size:9px;font-style:normal;margin-left:auto;color:#6d8796}.hm-check{display:grid;place-items:center;width:24px;height:24px;border-radius:6px;background:#d2e8e7;color:#397b75;flex-shrink:0}.hm-progress{height:4px;background:#ddeaf1;border-radius:3px;margin-top:13px;overflow:hidden}.hm-progress span{display:block;width:75%;height:100%;background:#408797;transform-origin:left}.hm-hero{display:none}.hm-flow-row{display:flex;align-items:center;gap:12px;padding:12px 0;font-size:11px}.hm-flow-row>span{color:#6b8598;min-width:80px}.hm-flow-row>i{flex:1;height:1px;background:#c9dde9;position:relative}.hm-flow-row>i:after{content:'';width:5px;height:5px;background:#2693c7;border-radius:50%;position:absolute;right:0;top:-2px}.hm-flow-row strong{font-size:11px;font-weight:500;min-width:112px}
.home-micro.is-playing .hm-first{animation:hm-arrive 4.2s both}.home-micro.is-playing .hm-second{animation:hm-second 4.2s both}.home-micro.is-playing .hm-third{animation:hm-third 4.2s both}.home-micro.is-playing .hm-selected{animation:hm-select 4.2s both}.home-micro.is-playing .hm-progress span{animation:hm-progress 4.2s both}
@keyframes hm-arrive{0%{opacity:0;transform:translateY(6px)}15%,100%{opacity:1;transform:none}}
@keyframes hm-second{0%,25%{opacity:.15;transform:translateY(5px)}43%,100%{opacity:1;transform:none}}
@keyframes hm-third{0%,57%{opacity:0;transform:translateY(5px)}76%,100%{opacity:1;transform:none}}
@keyframes hm-select{0%,30%{background:transparent;color:#244c65;border-color:#cadce6}48%,100%{background:#174d6b;color:#fff;border-color:#174d6b}}
@keyframes hm-progress{0%,36%{transform:scaleX(.2)}74%,100%{transform:scaleX(1)}}
.hm-enter{animation:hm-enter .65s ease-out both}@keyframes hm-enter{from{opacity:.35;transform:translateY(10px)}to{opacity:1;transform:none}}
.home-process-grid li{position:relative}.home-process-grid li:after{content:'';position:absolute;left:0;top:-1px;width:100%;height:2px;background:#138dcc;transform:scaleX(0);transform-origin:left;transition:transform .85s ease}.home-process-grid li.hm-reached:after{transform:scaleX(1)}
.home-closing{position:relative;isolation:isolate;overflow:hidden}.home-closing .closing-inner{position:relative;z-index:1}.hm-closing-art{position:absolute;width:220px;right:4%;bottom:0;stroke:#ffffff24;stroke-width:2;pointer-events:none}.hm-closing-art path{stroke-dasharray:600;stroke-dashoffset:0}.home-closing.hm-enter .hm-closing-art path{animation:hm-draw 1.8s ease both}@keyframes hm-draw{from{stroke-dashoffset:600}to{stroke-dashoffset:0}}
@media(max-width:600px){.hm-hero{display:block;background:linear-gradient(120deg,#f5fafc,#edf5fa);border-color:#dce9f1;margin:0;padding:15px 18px}.hm-hero .hm-stage{height:126px}.home-flow-hero .hero-grid{gap:24px}.home-flow-hero{padding-bottom:34px}.home-micro{max-width:100%}.home-process-grid li:after{top:0;bottom:0;left:-14px;width:2px;height:100%;transform:scaleY(0);transform-origin:top}.home-process-grid li.hm-reached:after{transform:scaleY(1)}.hm-closing-art{width:135px;right:-15px;opacity:.55}}
@media(prefers-reduced-motion:reduce){.home-micro *,.hm-enter,.home-closing .hm-closing-art path{animation:none!important;transition:none!important}.home-process-grid li:after{transition:none;transform:none}.hm-replay{display:none!important}}

/* Spacious product stories: one solution per row, with readable copy. */
.home-platforms>.container{width:min(1440px,calc(100% - 96px))}
.home-platforms .home-section-intro{max-width:820px;margin-bottom:64px}
.home-platforms .platform-overview-grid{grid-template-columns:minmax(0,1fr);gap:0}
.home-platforms .platform-overview-grid article{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:clamp(40px,6vw,100px);padding:64px 32px;border-top:1px solid #ffffff26}
.home-platforms .platform-overview-grid article:nth-child(2){background:#ffffff04;border-radius:18px}
.home-platforms .platform-copy,.home-platforms .platform-visual{min-width:0}
.home-platforms .platform-copy{max-width:570px}
.home-platforms .platform-name{font-size:13px;letter-spacing:.025em;margin-bottom:20px}
.home-platforms .platform-copy h3{font-size:clamp(29px,2.6vw,40px);line-height:1.2;margin-bottom:24px;text-wrap:balance}
.home-platforms .platform-copy p{font-size:15px;line-height:1.85;max-width:58ch}
.home-platforms .platform-copy .text-link{margin-top:10px;font-size:13px}
.home-platforms .platform-visual{padding:clamp(22px,3vw,48px);border:1px solid #ffffff14;border-radius:24px;background:radial-gradient(ellipse at 75% 15%,#459edb28,transparent 75%),#ffffff05}
.home-platforms .home-micro{margin:0;padding:26px;border-color:#dbeaf4;box-shadow:0 24px 50px #001c3726;border-radius:16px}
.home-platforms .hm-stage{height:182px}
.home-platforms .hm-caption{margin-bottom:22px}
.home-platforms .hm-caption>span{font-size:11px}
.home-platforms .hm-message{font-size:12px;padding:14px;max-width:92%}
.home-platforms .hm-result{font-size:11px}
.home-platforms .hm-product>svg{width:112px;height:118px}
.home-platforms .hm-product strong,.home-platforms .hm-task strong{font-size:15px}
.home-platforms .hm-product>div>span,.home-platforms .hm-task div>span{font-size:11px}
.home-platforms .hm-task{padding:20px 0}
.home-platforms .hm-task i{font-size:10px}
.home-platforms .hm-sizes span{width:29px;height:29px;font-size:10px}
@media(max-width:1100px){.home-platforms .platform-overview-grid article{gap:40px;padding:48px 0}.home-platforms .platform-visual{padding:20px}.home-platforms .home-micro{padding:20px}.home-platforms .hm-product>svg{width:85px;height:100px}}
@media(max-width:900px){.home-platforms>.container{width:calc(100% - 64px)}.home-platforms .platform-overview-grid article{grid-template-columns:minmax(0,1fr);gap:32px;padding:48px 0}.home-platforms .platform-copy{max-width:650px}.home-platforms .platform-visual{width:100%;max-width:650px;padding:32px;justify-self:center}.home-platforms .platform-copy h3{font-size:34px}.home-platforms .home-section-intro{margin-bottom:40px}}
@media(max-width:600px){.home-platforms>.container{width:calc(100% - 40px)}.home-platforms .platform-overview-grid article{gap:26px;padding:36px 0}.home-platforms .platform-copy h3{font-size:28px}.home-platforms .platform-copy p{font-size:14px}.home-platforms .platform-visual{padding:14px;border-radius:18px}.home-platforms .home-micro{padding:18px}.home-platforms .hm-stage{height:166px}.home-platforms .hm-message{font-size:11px;padding:11px}.home-platforms .hm-product strong,.home-platforms .hm-task strong{font-size:12px}.home-platforms .hm-result{font-size:10px}.home-platforms .hm-caption>span{font-size:10px}.home-platforms .hm-product>svg{width:76px;height:94px}.home-platforms .hm-sizes{gap:4px}.home-platforms .hm-sizes span{width:24px;height:26px}.home-platforms .hm-task{gap:8px}.home-platforms .hm-task i{font-size:9px}}

/* Without desktop side padding, keep the copy on the section background. */
@media(max-width:1100px){.home-platforms .platform-overview-grid article:nth-child(2){background:transparent;border-radius:0}}