.app-page { max-width:1120px; margin:0 auto; padding:32px 28px 64px; }
.app-hero { display:grid; grid-template-columns:minmax(0,1.3fr) minmax(0,1fr); gap:76px; align-items:center; padding:32px 0 64px; }
.app-intro h1 { font-size:56px; line-height:1.2; letter-spacing:-2px; margin:16px 0 22px; }
.app-intro h1 small { display:block; font-size:26px; letter-spacing:0; color:var(--teal); margin-top:8px; }
.app-intro p { color:var(--ink-soft); }
.app-intro .app-lead { font-size:26px; line-height:1.6; color:var(--ink); margin-bottom:12px; }
.app-chips { display:flex; flex-wrap:wrap; gap:10px; margin:22px 0; }
.app-chips span { background:var(--teal-pale); color:var(--teal-dark); padding:5px 12px; border-radius:30px; font-size:14px; }
.app-download-box { padding:24px; background:var(--white); border:1px solid var(--line); border-radius:var(--radius); }
.app-download-box h2 { margin:0; font-size:20px; display:flex; gap:12px; align-items:baseline; flex-wrap:wrap; }
.app-download-box h2 span { font-size:14px; color:var(--muted); font-weight:400; }
.app-download-box > p { margin:8px 0 16px; }
.app-download-box .button-primary { display:flex; justify-content:space-between; gap:12px; width:100%; min-height:52px; align-items:center; }
.app-download-box .button-primary span { font-weight:400; font-size:14px; }
.app-hint { font-size:14px; line-height:1.8; color:var(--muted); }
.app-download-box p:last-child { margin-bottom:0; }
.app-lite-link { display:inline-flex; min-height:44px; align-items:center; color:var(--teal-dark); text-decoration:underline; text-underline-offset:4px; }
.app-phone { margin:0; padding:32px; text-align:center; background:var(--teal-pale); border-radius:36px; }
.app-phone img { display:block; width:100%; max-width:260px; height:auto; margin:auto; border:6px solid #223b3a; border-radius:30px; box-shadow:0 22px 38px #193c351a; }
.app-phone figcaption { color:var(--ink-soft); margin:20px 0 0; font-size:15px; }
.app-section { margin:0 0 56px; }
.app-section h2 { font-size:28px; margin:10px 0 24px; }
.app-features { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.app-features .workspace-card { padding:24px; margin:0; }
.app-features h3 { font-size:20px; margin:18px 0 10px; }
.app-features p { color:var(--ink-soft); margin:0; }
.app-setup { display:grid; grid-template-columns:1fr 1fr; gap:56px; padding-top:16px; }
.app-steps { padding-left:24px; margin:0; }
.app-steps li { padding-left:10px; margin-bottom:22px; }
.app-steps li::marker { color:var(--teal); font-weight:600; }
.app-steps p { color:var(--ink-soft); margin:6px 0; }
.app-privacy { display:grid; grid-template-columns:1fr 1.5fr; gap:36px; padding:32px; }
.app-privacy h2 { margin-bottom:0; }
.app-privacy p { margin:0 0 12px; color:var(--ink-soft); }
.app-checksums { display:grid; gap:10px; }
.app-checksums code { overflow-wrap:anywhere; background:var(--paper); padding:12px; font-size:14px; }
.app-inline-link { color:var(--teal-dark); text-decoration:underline; }
.app-page{max-width:1256px}.app-platform-tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);padding-bottom:16px;flex-wrap:wrap}.app-platform-tabs a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:9px;font-size:15px}.app-platform-tabs a[aria-current=page]{background:var(--teal-pale);color:var(--teal-dark);font-weight:600}.app-version-note{font-size:14px;color:var(--muted);margin:16px 0}.app-version-note summary,.app-lite-option summary{cursor:pointer;min-height:44px;padding:10px 0}.app-version-note p{margin:6px 0 0}.app-lite-option{margin-top:6px;border-top:1px solid var(--line);padding-top:6px;font-size:14px}.app-intro h1{font-size:48px}.app-intro .app-lead{font-size:24px}.app-hero{gap:60px;padding-top:40px}.app-section-heading{margin-bottom:22px}.app-section h2{font-size:26px}.app-features h3{font-size:18px}.app-features p{font-size:15px}.app-phone{background:radial-gradient(circle,#c3ccbb 1px,transparent 1.3px) 0 0/18px 18px,#edf1e6}.app-phone img{max-width:235px}
@media(max-width:900px) { .app-hero { gap:32px; } .app-phone { padding:24px 16px; } .app-features { grid-template-columns:1fr; } }
@media(max-width:760px) { .app-page { padding:24px 20px 40px; } .app-hero,.app-setup,.app-privacy { grid-template-columns:1fr; gap:28px; } .app-hero { padding:22px 0 40px; } .app-intro h1 { font-size:44px; } .app-intro .app-lead { font-size:24px; } .app-download-box { padding:20px; } .app-section { margin-bottom:40px; } .app-section h2 { font-size:24px; } .app-privacy { padding:24px; } .app-phone img { max-width:240px; } }