@font-face{font-family:MiSans;src:url(assets/MiSans-Regular.woff2) format('woff2');font-weight:400;font-display:swap}@font-face{font-family:MiSans;src:url(assets/MiSans-Demibold.woff2) format('woff2');font-weight:600;font-display:swap}
:root{color-scheme:light;font-family:MiSans,"Segoe UI Variable","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;color:#252525;background:#fafafa}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}button{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:2px solid #555;outline-offset:6px}::selection{background:#d7d9db}.entry{position:relative;isolation:isolate;min-height:650px;height:100svh;display:flex;flex-direction:column;padding:0 clamp(24px,5vw,88px);overflow:hidden}canvas{position:absolute;inset:0;z-index:-2;width:100%;height:100%}.light{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#fafafac9,transparent 70%);pointer-events:none}header{height:116px;display:flex;align-items:center;justify-content:space-between;flex-shrink:0}.brand{display:flex;align-items:center;gap:20px;min-height:44px}.brand>span{font-family:inherit;font-weight:600;font-size:28px;letter-spacing:-.02em}.brand small{font-size:13px;border-left:1px solid #c9c9c9;padding-left:20px;letter-spacing:2px}.header-note{font-size:13px;color:#737373}.content{margin:auto 0 76px;max-width:760px;padding-top:70px}h1{font-weight:600;font-size:clamp(64px,7.4vw,112px);line-height:1.23;letter-spacing:-.02em;margin:0 0 30px}.description{font-size:17px;line-height:1.9;color:#595959;margin:0 0 34px}.actions{display:flex;align-items:center;gap:30px}.download{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:#252525;color:#fff;min-height:54px;padding:0 25px;border-radius:30px;font-size:14px;transition:background .2s}.download:hover{background:#484848}.download svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.guide{display:inline-flex;align-items:center;gap:17px;min-height:48px;font-size:14px}.guide:hover{text-decoration:underline;text-underline-offset:6px}.guide span{font-size:19px;color:#777}.version{display:flex;gap:0;align-items:center;color:#777;font-size:12px;margin:22px 0 0;line-height:1.7}.version span{border-left:1px solid #c8c8c8;border-right:1px solid #c8c8c8;padding:0 12px;margin:0 12px}footer{min-height:76px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #25252518;gap:20px;flex-shrink:0;color:#737373;font-size:12px}.motion{display:inline-flex;align-items:center;gap:8px;min-height:44px;background:transparent;border:0;color:#666;font-size:12px;cursor:pointer;padding:0 8px}.motion svg{height:16px;width:16px;fill:none;stroke:currentColor;stroke-width:1.4}.motion:hover{color:#222}.motion:disabled{cursor:default}@media(min-width:1600px){.content{margin-bottom:100px}}@media(max-height:740px) and (min-width:701px){header{height:90px}.content{padding-top:28px;margin-bottom:45px}h1{font-size:76px;margin-bottom:22px}.description{margin-bottom:24px}footer{min-height:66px}}@media(max-width:700px){.entry{min-height:600px}header{height:90px}.brand>span{font-size:25px}.brand{gap:14px}.brand small{padding-left:14px;font-size:12px}.header-note{display:none}.content{padding-top:80px;margin-bottom:65px}h1{font-size:clamp(57px,11vw,76px);margin-bottom:26px}.description{font-size:15px;max-width:285px;line-height:1.9;margin-bottom:28px}.actions{gap:20px}.download{padding:0 20px;font-size:13px;min-height:52px}.guide{font-size:13px;gap:8px}.version{font-size:11px}.version span{padding:0 9px;margin:0 9px}footer{font-size:10px;min-height:68px;gap:8px}.motion{font-size:11px;padding:0}.light{background:linear-gradient(0deg,#fafafad9,transparent 85%)}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
@media(max-width:700px){.description span{display:block}}

.download{font-weight:600}.brand small{letter-spacing:0}html{font-synthesis:none}

/* Desktop type hierarchy reviewed with UI/UX Pro Max. */
@media(min-width:701px){h1{font-size:clamp(64px,6.1vw,88px);line-height:1.25}.description{font-size:18px;line-height:1.7}.download,.guide{font-size:16px}.version,.header-note,.brand small,footer,.motion{font-size:14px}.version{color:#656565}footer,.header-note{color:#666}}
@media(max-height:740px) and (min-width:701px){h1{font-size:64px}}

/* Desktop hero: real product window and quiet Fold backdrop. */
.entry{min-height:680px}.hero-layout{display:grid;grid-template-columns:minmax(340px,.78fr) minmax(0,1.4fr);align-items:center;gap:48px;flex:1;min-height:0;padding:30px 0 54px}.content{margin:0;padding:0;max-width:none}h1{font-size:clamp(54px,4.5vw,78px);line-height:1.22;letter-spacing:-.035em;margin-bottom:28px}.description{font-size:16px;line-height:1.9;margin-bottom:30px;max-width:340px}.description span{display:block}.actions{gap:24px}.download,.guide{font-size:14px}.version{font-size:12px;white-space:nowrap}.product-window{margin:0;position:relative;transform:perspective(1800px) rotateY(-7deg) rotateX(2deg);transform-origin:50% 50%}.product-window:before{content:'';position:absolute;inset:5% -4% -6%;z-index:-1;background:radial-gradient(ellipse,#aeb4bd42,transparent 68%);filter:blur(35px)}.product-window img{display:block;width:100%;height:auto;border-radius:13px;border:1px solid #bfc3c8;box-shadow:0 40px 70px -28px #28323d38,0 4px 10px #28323d0d;background:#f5f5f5}.product-window figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:22px;font-size:12px;color:#62686d;line-height:1.7;transform:rotateY(0)}.light{background:linear-gradient(90deg,#fafafae0,transparent 75%)}@media(min-width:1500px){.hero-layout{gap:72px;grid-template-columns:.75fr 1.5fr}.product-window{margin-right:-25px}.description{font-size:18px;max-width:400px}.download,.guide{font-size:16px}.version{font-size:14px}}@media(min-width:701px) and (max-width:1100px){.hero-layout{gap:28px;grid-template-columns:320px minmax(0,1fr)}h1{font-size:56px}.description{font-size:15px}.actions{gap:16px}.download{padding:0 18px}.product-window figcaption span:last-child{display:none}}@media(max-height:740px) and (min-width:701px){.hero-layout{padding:20px 0 30px}.content{margin:0;padding:0}h1{font-size:56px}}

/* User-selected screenshot: upright, larger product composition. */
@media(min-width:701px){.entry{padding:0 clamp(32px,4vw,76px);min-height:650px}header{height:100px}.hero-layout{grid-template-columns:minmax(280px,.6fr) minmax(0,1.5fr);gap:clamp(32px,4vw,72px);padding:24px 0 48px}.content{position:relative;z-index:1}h1{font-size:clamp(48px,4.4vw,76px);line-height:1.25;margin-bottom:24px;letter-spacing:-.035em}.description{font-size:16px;line-height:1.85;margin-bottom:32px}.actions{gap:20px;flex-wrap:wrap}.download{min-height:52px;padding:0 22px;font-size:15px}.guide{font-size:14px;gap:10px}.version{margin-top:20px;font-size:12px}.product-window{transform:none;margin:0 -20px 0 0;align-self:center}.product-window img{border-radius:12px;border:1px solid #d5d6d8;box-shadow:0 30px 75px -32px #28323d45,0 3px 12px #28323d0a}.product-window:before{inset:10% -4% -7%;background:radial-gradient(ellipse,#aeb4bd26,transparent 70%)}footer{min-height:70px;border-top-color:#25252512}.header-note,footer,.motion{font-size:12px}.light{background:linear-gradient(90deg,#fafafae6,transparent 65%)} }
@media(min-width:1500px){.hero-layout{grid-template-columns:minmax(350px,.6fr) minmax(0,1.5fr);gap:64px}.description{font-size:18px}.download,.guide{font-size:16px}.version{font-size:14px}.product-window{margin-right:-24px}}@media(max-height:740px) and (min-width:701px){header{height:82px}.hero-layout{padding:12px 0 28px}h1{font-size:56px}.product-window{max-height:calc(100svh - 210px)}.product-window img{max-height:calc(100svh - 210px);object-fit:contain;width:auto;max-width:100%}}

/* Final desktop detail review: aligned edges and consistent controls. */
.guide svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round}.download:active{background:#111}.guide:active,.motion:active{opacity:.7}
@media(min-width:701px){.product-window{margin:0;justify-self:end;width:min(100%,calc((100svh - 280px)*1.56));max-height:none}.product-window img{width:100%;height:auto;max-height:none}.download,.guide{font-size:16px}.version,.header-note,footer,.motion{font-size:13px}.version{color:#606060}.header-note,footer{color:#606060}.actions{gap:24px}.hero-layout{min-height:min-content}.entry{height:auto;min-height:max(650px,100svh)}.hero-layout{flex:1;padding-top:36px;padding-bottom:60px}}
@media(min-width:1500px){.version{font-size:14px}}@media(max-height:740px) and (min-width:701px){.hero-layout{padding-top:20px;padding-bottom:32px}.product-window{width:min(100%,calc((100svh - 210px)*1.56))}}
