/* Original site direction, now grounded in actual HarmonyOS screenshots. */
.hero{min-height:780px;grid-template-columns:.95fr 1.05fr;gap:32px;padding-top:22px;padding-bottom:36px}
.hero-lead{max-width:460px}.real-hero-art{height:650px;position:relative;isolation:isolate;min-width:0}
.real-hero-art::before{content:"";position:absolute;inset:70px -20px 20px -30px;background:radial-gradient(ellipse,#dce7fcbb,transparent 70%);border-radius:50%;z-index:-2}
.real-orbit{position:absolute;border:1px solid #dce5f3;border-radius:50%;z-index:-1;pointer-events:none}
.real-orbit-a{width:490px;height:420px;top:110px;left:20px;transform:rotate(-35deg)}.real-orbit-b{width:400px;height:570px;top:38px;left:70px;transform:rotate(30deg);opacity:.6}
.real-art-label{position:absolute;top:30px;right:2px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.17em;color:#8397b4}
.capture-device{display:block;overflow:hidden;background:#edf1f6;border:5px solid #e2e8f1;border-radius:30px;box-shadow:0 20px 50px #2b46791d,0 0 0 1px #d9e2ef;transition:box-shadow .2s;position:relative;min-width:0;flex-shrink:0}
.capture-device::after{content:"↗";position:absolute;right:10px;bottom:11px;display:grid;place-items:center;width:28px;height:28px;border:1px solid #d6dfec;border-radius:50%;background:#ffffffeb;color:#6782ab;font-size:15px;box-shadow:0 3px 10px #28456f10}
.capture-device:hover{box-shadow:0 24px 50px #2b46792d,0 0 0 2px #8db4f4}.capture-device img{display:block;width:100%;height:auto;border-radius:24px}
.hero-capture-primary{position:absolute;width:270px;right:25px;top:8px;transform:rotate(6deg);z-index:2;box-shadow:16px 28px 50px #2b467924}
.hero-capture-secondary{position:absolute;width:225px;left:6px;top:127px;transform:rotate(-8deg);z-index:1;box-shadow:0 18px 40px #2b46791a}
.capture-stamp{position:absolute;bottom:0;right:28px;z-index:4;background:#ffffffeb;border:1px solid #e0e7f3;border-radius:12px;padding:10px 15px;font-size:10px;line-height:1.5;color:#536981;box-shadow:0 6px 20px #28476f07}
.capture-stamp>span{display:inline-block;width:5px;height:5px;border-radius:50%;background:#6e9dce;margin-right:7px}.capture-stamp small{display:block;font-size:8px;color:#7b8ca5;margin-left:12px;margin-top:3px}
.actual-tabs{display:flex;gap:5px;max-width:100%;padding:5px;margin-top:35px}.actual-tabs a{padding:11px 21px;gap:8px;white-space:nowrap}
.actual-panel{grid-template-columns:1.18fr 1fr;gap:66px;align-items:center;margin-top:26px}
.capture-stage{min-height:635px;border-radius:26px;background:linear-gradient(145deg,#edf2f9,#e6edf8);position:relative;display:flex;align-items:center;justify-content:center;gap:17px;padding:29px 25px 42px;overflow:hidden;isolation:isolate}
.capture-stage::before{content:"";position:absolute;top:-100px;right:-130px;width:310px;height:310px;border:1px solid #c8d7ed;border-radius:50%;box-shadow:0 0 0 43px #e0e9f555,0 0 0 44px #d1deef66;z-index:-1}
.capture-stage .capture-device{width:248px;border-radius:25px;border-width:4px}.capture-stage .capture-device img{border-radius:21px}
.capture-stage-dual .capture-device{width:calc(50% - 8px);max-width:235px;align-self:center}
.capture-stage-dual .capture-device:first-child{transform:translateY(-23px)}.capture-stage-dual .capture-device:nth-child(2){transform:translateY(23px)}
.capture-stage-caption{position:absolute;bottom:13px;left:12px;right:12px;text-align:center;font-size:9px;color:#6f819b}
.actual-copy .section-number{font-size:9px;line-height:1.9;letter-spacing:.08em;margin-bottom:23px;color:#6b82a4}.actual-copy h3{font-size:33px;line-height:1.35;letter-spacing:-.04em;margin-bottom:23px}
.actual-copy>p{font-size:14px;line-height:1.95;margin-bottom:28px}.actual-copy li{font-size:12px;line-height:1.9;gap:10px;margin-bottom:14px}.actual-copy li>.icon{margin-top:3px;width:15px;height:15px}
.capture-disclaimer{font-size:10px;line-height:1.95;color:#687a95;margin-top:25px;max-width:910px;margin-bottom:0}
.module-section{padding-top:0}.module-section>.section-heading{padding-top:20px}.module-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px;align-items:start}
.module-card{background:#fff;border:1px solid #e0e7f1;border-radius:20px;padding:25px;min-width:0;scroll-margin-top:105px;transition:border-color .2s,box-shadow .2s}
.module-card:has(details[open]){border-color:#c1d5f2;box-shadow:0 8px 30px #36629c0a}
.module-icon{display:grid;place-items:center;width:39px;height:39px;color:#5b88cc;background:#eef4ff;border-radius:11px;margin-bottom:21px}.module-icon .icon{width:21px;height:21px}
.module-card h3{font-size:19px;letter-spacing:-.025em;line-height:1.45;margin-bottom:13px}.module-card>p{font-size:12px;line-height:1.95;min-height:70px;margin-bottom:20px;color:#697b95}
.module-card details{border-top:1px solid #eaf0f7}.module-card summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;font-size:11px;line-height:1.65;gap:15px;padding-top:15px;color:#5f7da8}
.module-card summary::-webkit-details-marker{display:none}.module-card summary>.icon{width:13px;height:13px;transition:transform .2s}.module-card details[open] summary>.icon{transform:rotate(45deg)}
.module-card ul{list-style:none;margin:19px 0 0;padding:0}.module-card li{display:flex;align-items:flex-start;gap:9px;font-size:11px;line-height:1.9;color:#68788e;margin-bottom:11px}.module-card li .icon{width:13px;height:13px;color:#7b9ccf;margin-top:4px}
.module-platform{font-size:9px;line-height:1.9;margin:18px 0 0;color:#7c8ca2;border-top:1px dashed #e1e9f3;padding-top:13px}
.capture-open{overflow:hidden}.capture-lightbox{border:1px solid #dde6f2;border-radius:18px;background:#f6f8fc;padding:0;max-width:calc(100vw - 36px);width:560px;max-height:94vh;overflow:hidden;box-shadow:0 25px 100px #1d325755;color:var(--ink)}
.capture-lightbox::backdrop{background:#172d4d99;backdrop-filter:blur(8px)}.capture-close{display:grid;place-items:center;position:absolute;top:13px;right:13px;background:#ffffffed;border:1px solid #d9e3f0;border-radius:50%;width:38px;height:38px;font-size:26px;z-index:1;line-height:1;box-shadow:0 5px 18px #283c5b10}
.capture-lightbox-body{overflow:auto;max-height:94vh;padding:22px}.capture-lightbox-body img{max-width:100%;height:auto;display:block;width:420px;margin-inline:auto;border-radius:12px}.capture-lightbox-body p{font-size:11px;text-align:center;line-height:1.8;margin:19px 0 3px;color:#65758e}
@media(min-width:1500px){.hero{min-height:810px}.real-hero-art{transform:scale(1.03);transform-origin:center}}
@media(max-width:1100px){.hero{gap:10px;min-height:740px}.real-hero-art{height:615px}.hero-capture-primary{width:255px;right:5px;top:15px}.hero-capture-secondary{width:205px;left:-15px;top:145px}.real-orbit-a{width:410px;left:-10px}.real-orbit-b{left:20px;width:360px;height:540px}.capture-stamp{right:15px;bottom:0}.actual-panel{gap:38px;grid-template-columns:1.1fr 1fr}.capture-stage{min-height:590px;padding-inline:20px}.capture-stage .capture-device{width:230px}.capture-stage-dual .capture-device{width:calc(50% - 5px)}.capture-stage-dual{gap:10px}.actual-copy h3{font-size:29px}.actual-copy>p{font-size:13px}.actual-copy li{font-size:11px}.actual-tabs a{padding-inline:18px}.module-card{padding:23px}.module-card h3{font-size:18px}}
@media(max-width:860px){.hero{grid-template-columns:1fr 1fr;gap:0;min-height:685px;overflow:hidden}.real-hero-art{height:570px;min-width:0;transform:none;width:100%}.hero-capture-primary{width:232px;right:-20px;top:10px}.hero-capture-secondary{width:170px;left:-12px;top:166px}.capture-device{border-width:4px;border-radius:26px}.capture-device img{border-radius:22px}.real-art-label{right:-6px;font-size:8px}.capture-stamp{right:0;bottom:0;font-size:8px;padding:9px 12px}.capture-stamp small{font-size:7px}.real-orbit-a{width:330px;left:-20px;top:100px;height:350px}.real-orbit-b{width:300px;left:-10px;top:10px;height:500px}.actual-panel{display:grid;grid-template-columns:1fr;gap:28px}.capture-stage{min-height:590px;padding:25px 40px 39px;gap:25px}.capture-stage-single .capture-device{width:235px}.capture-stage-dual .capture-device{width:220px;max-width:calc(50% - 12px)}.actual-copy{display:grid;grid-template-columns:1fr 1fr;gap:0 35px}.actual-copy .section-number{grid-column:1/-1;margin-bottom:15px}.actual-copy h3{grid-row:span 2;font-size:30px}.actual-copy>p{font-size:12px;line-height:1.95;margin-bottom:20px}.actual-copy li{font-size:11px}.actual-tabs{width:100%;justify-content:space-between;gap:4px}.actual-tabs a{padding:10px 14px;gap:7px;font-size:12px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}.module-card>p{min-height:65px}.module-section{padding-top:0}.capture-disclaimer{font-size:9px}}
@media(max-width:600px){.hero{display:flex;min-height:auto;padding-top:42px;padding-bottom:0;gap:0}.hero-lead{max-width:350px}.real-hero-art{height:600px;width:calc(100% + 12px);margin:15px -6px 0;overflow:visible}.hero-capture-primary{width:237px;right:5px;top:18px;transform:rotate(5deg)}.hero-capture-secondary{width:163px;left:0;top:175px;transform:rotate(-8deg)}.real-orbit-a{width:340px;height:370px;left:0;top:120px}.real-orbit-b{width:290px;height:510px;left:5px;top:40px}.real-art-label{top:19px;right:0;font-size:7px}.capture-stamp{right:0;bottom:8px;font-size:8px;padding:8px 11px}.capture-stamp small{font-size:7px}.actual-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;margin-top:28px;padding:5px}.actual-tabs a{padding:10px 5px;justify-content:center;font-size:11px;gap:7px}.actual-tabs a .icon{width:14px;height:14px}.actual-panel{margin-top:18px;gap:25px}.capture-stage{min-height:525px;padding:24px 20px 39px;border-radius:18px;gap:12px}.capture-stage-single .capture-device{width:206px;border-radius:23px}.capture-stage-single .capture-device img{border-radius:19px}.capture-stage-dual{min-height:405px;padding-inline:14px}.capture-stage-dual .capture-device{width:calc(50% - 6px);max-width:none;border-radius:19px;border-width:3px}.capture-stage-dual .capture-device img{border-radius:16px}.capture-stage-dual .capture-device:first-child{transform:translateY(-15px)}.capture-stage-dual .capture-device:nth-child(2){transform:translateY(15px)}.capture-stage-caption{font-size:8px;line-height:1.8;bottom:10px}.actual-copy{display:block}.actual-copy .section-number{font-size:8px;line-height:1.85;margin-bottom:15px}.actual-copy h3{font-size:29px;line-height:1.35;margin-bottom:18px}.actual-copy>p{font-size:12px;line-height:1.95;margin-bottom:22px}.actual-copy li{font-size:11px;line-height:1.95;margin-bottom:12px}.capture-disclaimer{font-size:9px;line-height:1.95;margin-top:25px}.module-section>.section-heading{padding-top:0}.module-grid{grid-template-columns:1fr;gap:15px}.module-card{padding:25px;border-radius:17px}.module-icon{margin-bottom:18px}.module-card h3{font-size:20px}.module-card>p{font-size:12px;min-height:0;line-height:1.9;margin-bottom:21px}.module-card summary{font-size:11px}.module-card li{font-size:11px}.module-platform{font-size:9px}.capture-lightbox{max-width:calc(100vw - 20px);border-radius:12px}.capture-lightbox-body{padding:13px}.capture-lightbox-body img{border-radius:8px}.capture-close{width:32px;height:32px;right:8px;top:8px;font-size:22px}}
@media(max-width:360px){.real-hero-art{height:535px;margin-top:17px}.hero-capture-primary{width:211px;right:0}.hero-capture-secondary{width:139px;left:-2px;top:164px}.real-orbit-a{width:290px}.real-orbit-b{width:250px;height:450px}.capture-stamp{bottom:0}.capture-stage-dual{min-height:360px;padding-inline:11px;gap:9px}.capture-stage-dual .capture-device{width:calc(50% - 4px)}.actual-copy h3{font-size:27px}.module-card{padding:23px}}
@media(prefers-reduced-motion:reduce){.capture-device,.module-card{transition:none}}
@media print{.capture-lightbox{display:none}.module-card details{display:block}.capture-device{box-shadow:none}.actual-panel[hidden]{display:grid!important}}
/* Every screenshot stays complete and at its original intrinsic aspect ratio. */
.capture-device{overflow:visible;border:1px solid #d8e2ef;border-radius:13px;padding:5px;background:#fff;cursor:zoom-in;height:auto}
.capture-device img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.capture-device::after{display:none}
.real-hero-art{display:grid;grid-template-columns:1fr 1fr;align-items:center;justify-content:center;gap:18px;height:auto;min-height:650px;padding:14px 0 80px}
.hero-capture-primary,.hero-capture-secondary{position:relative;inset:auto;transform:none;width:100%;justify-self:center;z-index:1}
.hero-capture-primary{max-width:250px;margin-bottom:30px}.hero-capture-secondary{max-width:215px;margin-top:50px}
.capture-stamp{bottom:8px;right:0;left:0;width:max-content;max-width:100%;margin-inline:auto;text-align:center}
.capture-stamp small{margin-left:0}
.capture-stage .capture-device,.capture-stage-dual .capture-device:first-child,.capture-stage-dual .capture-device:nth-child(2){transform:none;border:1px solid #d8e2ef;border-radius:12px;padding:5px}
.capture-stage .capture-device img,.capture-stage-dual .capture-device img,.capture-stage-single .capture-device img{border-radius:0;width:100%;height:auto;object-fit:contain}
.capture-lightbox-body img{width:auto;height:auto;max-width:100%;max-height:calc(94vh - 100px);object-fit:contain;border-radius:0}
@media(min-width:1500px){.real-hero-art{transform:none}}
@media(max-width:1100px){.real-hero-art{display:flex;min-height:615px;align-items:center;padding-bottom:65px}.hero-capture-secondary{display:none}.hero-capture-primary{max-width:250px;margin:0 auto}.capture-stamp{bottom:0}}
@media(max-width:860px){.real-hero-art{width:100%;height:auto;min-height:580px;padding:10px 5px 60px;transform:none}.hero-capture-primary{max-width:230px}.capture-device img{border-radius:0}.capture-stage .capture-device{height:auto}}
@media(max-width:600px){.real-hero-art{width:100%;height:auto;min-height:0;margin:28px 0 0;padding:0 5px 75px}.hero-capture-primary{width:100%;max-width:250px;margin:0 auto}.capture-stamp{bottom:14px}.capture-stage .capture-device,.capture-stage-dual .capture-device,.capture-stage-single .capture-device{padding:4px;border-width:1px;border-radius:10px;transform:none;height:auto}.capture-stage .capture-device img{border-radius:0;height:auto}.capture-lightbox-body img{max-height:calc(94vh - 80px)}}
@media(max-width:360px){.hero-capture-primary{max-width:228px}.real-hero-art{height:auto;margin-top:25px}.capture-stamp{bottom:13px}}
/* Keep dialog controls outside the screenshot, including at narrow widths. */
.capture-close{position:static;margin:12px 12px 0 auto}
.capture-lightbox-body{overflow:visible;max-height:none;padding:12px 22px 18px}
.capture-lightbox-body img{max-height:calc(94vh - 160px)}
@media(max-width:600px){.capture-lightbox-body{padding:10px 13px 15px}.capture-lightbox-body img{max-height:calc(94vh - 150px)}}
/* Official platform artwork: original colors and intrinsic proportions. */
.platform-logo{display:block;height:auto;flex-shrink:0;object-fit:contain}
.platform-symbol .platform-logo-android{width:38px}
.platform-symbol.harmony-symbol{width:180px;height:53px;border-radius:0;background:transparent}
.platform-symbol .platform-logo-harmony{width:180px}
.hero-platform-logos{display:inline-flex;align-items:center;gap:10px;flex-shrink:0}
.hero-platform-logos .platform-logo-android{width:23px}
.hero-platform-logos .platform-logo-harmony{width:72px}
.hero-note{flex-wrap:wrap;row-gap:10px}
.platform-credits{font-size:9px;line-height:1.9;color:#657187;margin:-4px 0 24px;max-width:900px}
.platform-credits a{text-decoration:underline;text-underline-offset:2px}
@media(max-width:600px){.platform-symbol.harmony-symbol{width:155px;height:46px}.platform-symbol .platform-logo-harmony{width:155px}.platform-symbol .platform-logo-android{width:33px}.hero-platform-logos{gap:8px}.hero-platform-logos .platform-logo-android{width:21px}.hero-platform-logos .platform-logo-harmony{width:65px}.platform-credits{font-size:8px;margin-top:0}}
/* User-supplied landscape console and portrait dashboard, both complete. */
.hero{grid-template-columns:minmax(0,.76fr) minmax(0,1.24fr);gap:34px;min-height:750px}
.real-hero-art.hero-gallery{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:22px;align-items:center;min-height:600px;width:100%;height:auto;margin:0;padding:28px 0 86px;overflow:visible;transform:none}
.hero-gallery figure{margin:0;min-width:0;position:relative;z-index:1}
.hero-gallery .capture-device{display:block;width:100%;max-width:none;margin:0;padding:5px;height:auto;position:relative;inset:auto;transform:none;border-radius:13px}
.hero-gallery .capture-device img{display:block;width:100%;height:auto;object-fit:contain;border-radius:0}
.hero-gallery figcaption{text-align:center;font-size:10px;line-height:1.8;letter-spacing:.02em;color:#6b7d99;margin-top:13px}
.hero-gallery .hero-console-frame{align-self:center}
.hero-gallery .hero-phone-frame{align-self:center}
.hero-gallery .capture-stamp{bottom:12px}
.hero-gallery .real-orbit-a{width:90%;height:70%;inset:80px auto auto 0}
.hero-gallery .real-orbit-b{width:65%;height:88%;inset:20px auto auto 23%}
@media(max-width:1200px){.hero{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:28px}.real-hero-art.hero-gallery{grid-template-columns:minmax(0,1fr) minmax(0,145px);gap:16px;min-height:560px}}
@media(max-width:1000px){.hero{grid-template-columns:1fr;gap:20px;min-height:0;padding-top:55px;padding-bottom:35px;overflow:visible}.hero-copy{max-width:680px;padding-bottom:0}.hero-lead{max-width:560px}.real-hero-art.hero-gallery{max-width:800px;justify-self:center;grid-template-columns:minmax(0,1fr) minmax(0,180px);gap:26px;min-height:0;padding:12px 0 80px}.hero-gallery .capture-stamp{bottom:7px}}
@media(max-width:600px){.hero{display:flex;flex-direction:column;gap:24px;padding-top:38px;padding-bottom:22px;align-items:stretch}.real-hero-art.hero-gallery{display:grid;grid-template-columns:1fr;gap:27px;min-height:0;width:100%;margin:0;padding:0 0 73px}.hero-gallery .hero-console-frame{width:100%;justify-self:center}.hero-gallery .hero-phone-frame{width:min(66%,240px);justify-self:center}.hero-gallery .capture-device{padding:4px;border-radius:10px}.hero-gallery figcaption{font-size:9px;margin-top:10px}.hero-gallery .real-orbit-a,.hero-gallery .real-orbit-b{display:none}.hero-gallery .capture-stamp{bottom:0}}
/* Original scene captures remain full and readable at each breakpoint. */
@media(max-width:600px){.capture-stage-original.capture-stage-dual{flex-direction:column;gap:22px;min-height:0;padding:24px 20px 46px}.capture-stage-original.capture-stage-dual .capture-device{width:min(100%,220px);max-width:220px;align-self:center}.capture-stage-original .capture-stage-caption{padding-inline:3px}}

@media(min-width:601px){.actual-tabs{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));width:min(100%,760px)}.actual-tabs a{justify-content:center;padding-inline:12px}}
@media(max-width:600px){.actual-tabs{grid-template-columns:repeat(5,minmax(0,1fr));gap:2px}.actual-tabs a{flex-direction:column;gap:6px;padding:11px 2px;font-size:10px;min-width:0}}