:root { --background:#fff9f5; --foreground:#3d2728; --primary:#b63c38; --border:#e8d3cc; color-scheme:light; }
.dark { --background:#261c1d; --foreground:#fff9f5; --primary:#f4a29a; --border:#655052; color-scheme:dark; }
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
a:focus-visible{outline:3px solid #148577;outline-offset:6px;border-radius:4px}
.site-shell{max-width:1200px;margin:auto;padding:0 48px}
.site-header{display:flex;align-items:center;justify-content:space-between;padding:28px 0;border-bottom:1px solid var(--border)}
.brand{display:flex;gap:10px;align-items:center;font-size:22px;font-weight:750}
.brand svg{color:var(--primary)}
.support-link{display:flex;align-items:center;gap:8px;font-weight:600}
.hero{display:grid;grid-template-columns:1.25fr 1fr;gap:64px;align-items:center;padding:78px 0}
.eyebrow{font-size:13px;letter-spacing:.12em;font-weight:700;color:var(--primary);margin:0 0 18px}
h1{font-family:Georgia,'Times New Roman',serif;font-size:clamp(38px,4.4vw,58px);line-height:1.12;letter-spacing:-.045em;margin:0 0 24px;font-weight:500}
h1 em{font-weight:400;color:var(--primary)}
.intro{max-width:475px;color:#725b58;font-size:18px;margin-bottom:30px}
.primary-link{display:inline-flex;align-items:center;gap:16px;background:var(--primary);color:#fff;padding:14px 22px;border-radius:10px;font-weight:600}
.primary-link:hover{background:#94312e}
.app-panel{background:#f1e5ee;border:1px solid #e2cede;border-radius:36px;padding:44px 24px;text-align:center;transform:rotate(2deg)}
.app-icon{display:block;margin:0 auto 22px;border-radius:34px;width:160px;height:160px;object-fit:contain}
.app-panel h2{font-size:24px;letter-spacing:-.04em;margin:0 0 8px}
.app-panel p{color:#725b58;margin:0 0 28px}
.platform{font-size:14px;display:inline-block;border-top:1px solid #d6bfd1;padding-top:18px}
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:38px 0 48px;border-top:1px solid var(--border)}
.features svg{color:var(--primary);width:27px;height:27px}
.features h2{font-size:19px;margin:14px 0 8px}
.features p{color:#725b58;margin:0}
.contact{display:flex;justify-content:space-between;align-items:center;gap:28px;background:#fff;border:1px solid var(--border);border-radius:20px;padding:32px;margin:12px 0 44px}
.contact .eyebrow{margin-bottom:8px}
.contact h2{font-family:Georgia,serif;font-size:30px;margin:0 0 8px;font-weight:500}
.contact p:last-child{color:#725b58;margin:0}
.contact a{display:flex;align-items:center;gap:10px;color:var(--primary);font-weight:600;overflow-wrap:anywhere}
footer{border-top:1px solid var(--border);padding:24px 0;display:flex;justify-content:space-between;gap:16px;color:#725b58;font-size:14px}
@media(max-width:760px){.site-shell{padding:0 24px}.hero{grid-template-columns:1fr;gap:38px;padding:48px 0}.app-panel{transform:none;max-width:440px;width:100%;justify-self:center}.features{grid-template-columns:1fr;gap:30px;padding:32px 0}.contact{flex-direction:column;align-items:flex-start;padding:24px}.contact a{font-size:16px}footer{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}