.lite-first-hero{display:grid;grid-template-columns:1.1fr .9fr;gap:64px;padding-block:56px 48px;align-items:center}
.lite-first-hero h1{font-size:clamp(38px,4vw,55px);line-height:1.55;letter-spacing:-1.5px;margin-block:10px 16px}
.lite-first-hero .lite-hero-copy>p{font-size:15px;line-height:2.05;max-width:525px;color:var(--muted)}
.lite-hero-actions{display:flex;align-items:center;gap:22px;margin-top:25px;flex-wrap:wrap}
.lite-hero-actions>.button{width:auto;min-width:245px;min-height:55px;font-size:15px;box-shadow:0 12px 30px #1672471a}
.lite-all-editions{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:13px}
.lite-all-editions:hover{color:var(--accent)}
.lite-hero-details{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:10px;line-height:1.8;color:var(--muted);margin-top:20px}
.lite-hero-details>span+span{border-inline-start:1px solid var(--line);padding-inline-start:18px}
.lite-preview{--preview-accent:#128460;position:relative;width:100%;max-width:470px;overflow:hidden;border:1px solid #b8d6cb;border-radius:23px;background:linear-gradient(145deg,#f6fcf9,#e6f3ed);box-shadow:0 28px 60px #163d2a12;isolation:isolate;text-align:right}
.lite-preview-title{display:flex;align-items:center;justify-content:space-between;gap:12px;direction:ltr;padding:15px 20px;border-bottom:1px solid #cfe2d8;color:#74998b;font:11px "Segoe UI",sans-serif;background:#ffffffb3}
.lite-window-dots{letter-spacing:3px;font-size:9px;color:#b2c9c0}
.lite-workspace{position:relative;min-height:285px;display:grid;place-items:center;padding:26px 55px 25px 28px;background-image:radial-gradient(#b8d8ca70 .8px,transparent .8px);background-size:17px 17px}
.lite-workspace-copy{display:flex;flex-direction:column;align-items:center;text-align:center;gap:14px;color:#174c37}
.lite-preview-overline{font-size:11px;color:#648878;margin-bottom:2px}
.lite-workspace-copy img{border-radius:17px;box-shadow:0 8px 24px #154f3b13}
.lite-workspace-copy strong{font-size:25px;line-height:1.75;font-weight:800}
.lite-preview-status{display:flex;align-items:center;gap:6px;font-size:10px;line-height:1.9;border:1px solid #badcca;border-radius:20px;color:#16815b;padding:3px 12px;background:#f3fcf6}
.lite-preview-status i,.lite-preview-dock>i{width:5px;height:5px;border-radius:50%;background:#19b57c}
.lite-preview-dock{position:absolute;right:-1px;top:54px;width:40px;height:174px;display:flex;flex-direction:column;align-items:center;gap:10px;padding-top:12px;border:1px solid #b4d1c7;border-inline-end:0;border-radius:14px 0 0 14px;background:#ffffffef;box-shadow:-5px 5px 22px #3f6b5810}
.lite-preview-dock>span{writing-mode:vertical-rl;transform:rotate(180deg);font-size:13px;font-weight:600;letter-spacing:0;color:#284c3f;margin-top:0}
.lite-preview-dock>b{position:absolute;left:-13px;top:72px;display:grid;place-items:center;width:19px;height:31px;background:#fff;border:1px solid #b4d1c7;border-right:0;border-radius:15px 0 0 15px;font:26px "Segoe UI",sans-serif;color:#128460}
.lite-preview-footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px;font-size:9px;line-height:1.8;padding:12px 17px;color:#6a8a7d;border-top:1px solid #cfe2d8;background:#f9fdfa}
.lite-preview-footer>[dir]{font-family:"Segoe UI",sans-serif;letter-spacing:.3px}
html[data-theme="dark"] .lite-preview{border-color:#2a5443;background:linear-gradient(140deg,#132e24,#0c1d16);box-shadow:0 28px 60px #0003}
html[data-theme="dark"] .lite-preview-title{background:#10261e;border-color:#284c3c;color:#85ab98}
html[data-theme="dark"] .lite-window-dots{color:#486e59}
html[data-theme="dark"] .lite-workspace{background-image:radial-gradient(#42665366 .8px,transparent .8px)}
html[data-theme="dark"] .lite-workspace-copy{color:#d8f7e5}
html[data-theme="dark"] .lite-preview-overline{color:#8aac99}
html[data-theme="dark"] .lite-preview-dock,html[data-theme="dark"] .lite-preview-dock>b{background:#143223;border-color:#426c54}
html[data-theme="dark"] .lite-preview-dock>span{color:#d8eddf}
html[data-theme="dark"] .lite-preview-status{background:#153c27;border-color:#2e6347;color:#72e8ad}
html[data-theme="dark"] .lite-preview-footer{background:#0c2318;border-color:#284c3c;color:#91ad9c}
.lite-home-visual{display:grid;place-items:center;min-height:420px;overflow:visible!important}
.lite-home-visual .lite-preview{transform:rotate(-2deg)}
.platform-grid .lite-group{border-color:var(--accent);background:radial-gradient(ellipse at 100% 0%,var(--accent-soft),transparent 65%),var(--surface)}
.lite-group .button-primary{background:var(--accent);color:var(--accent-ink);border-color:var(--accent)}
.lite-group .button-primary:hover{background:var(--accent);filter:brightness(1.04)}
.desktop-group .button-primary{background:var(--surface-raised);color:var(--accent);border-color:var(--line-strong)}
.desktop-group .button-primary:hover{background:var(--accent-soft);border-color:var(--accent)}
.desktop-group .product-description strong{font-weight:800;color:var(--text)}
.desktop-group .product-description{min-height:104px}
@media(max-width:1000px){.lite-first-hero{gap:30px}.lite-first-hero h1{font-size:42px}.lite-hero-actions{gap:15px}.lite-hero-actions>.button{min-width:220px}.lite-workspace{min-height:270px}.lite-preview-footer{font-size:8px}.lite-workspace-copy strong{font-size:22px}}
@media(max-width:760px){.lite-first-hero{grid-template-columns:1fr;padding-block:34px 32px;gap:28px}.lite-first-hero h1{font-size:40px;line-height:1.55}.lite-first-hero .lite-hero-copy>p{font-size:14px;max-width:550px}.lite-hero-actions{gap:16px}.lite-hero-actions>.button{min-width:245px}.lite-preview{max-width:460px;margin-inline:auto}.lite-workspace{min-height:230px}.lite-workspace-copy{gap:10px}.lite-workspace-copy strong{font-size:23px}.lite-workspace-copy img{width:54px;height:54px}.lite-preview-dock{top:36px;height:164px}.lite-home-visual{min-height:330px}.lite-home-visual .lite-preview{transform:none}.desktop-group .product-description{min-height:0}}
@media(max-width:480px){.lite-first-hero h1{font-size:35px;letter-spacing:-1px}.lite-hero-actions{display:grid;grid-template-columns:1fr}.lite-hero-actions>.button{min-width:0;width:100%}.lite-all-editions{justify-content:center}.lite-hero-details{gap:6px 12px;font-size:9px}.lite-hero-details>span+span{padding-inline-start:12px}.lite-workspace{min-height:222px;padding:24px 46px 24px 18px}.lite-preview-title{padding:12px 15px}.lite-preview-footer{font-size:8px;padding:10px 12px}.lite-preview-dock{width:34px;height:157px}.lite-preview-dock img{width:23px;height:23px}.lite-preview-dock>span{font-size:12px}.lite-workspace-copy strong{font-size:22px}}
@media(prefers-reduced-motion:reduce){.lite-home-visual .lite-preview{transform:none}}