:root { color-scheme: light; --ink:#211d1b; --muted:#706963; --paper:#f8f5ef; --wine:#74364a; --gold:#b28a54; }
* { box-sizing:border-box; }
body { margin:0; color:var(--ink); background:var(--paper); font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
nav { width:min(1180px,calc(100% - 40px)); height:76px; margin:auto; display:flex; align-items:center; justify-content:space-between; }
nav a { color:var(--wine); text-decoration:none; font-weight:600; }
nav a:hover { color:#5d293b; }
.wordmark { display:flex; align-items:center; gap:10px; }
.wordmark img { width:38px; height:31px; object-fit:contain; }
main { width:min(1180px,calc(100% - 40px)); margin:auto; }
.hero { max-width:960px; margin:80px auto 70px; text-align:center; }
.eyebrow { color:var(--wine); font-size:13px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }
h1 { max-width:920px; margin:18px auto; font:600 clamp(44px,7vw,76px)/.98 Georgia,serif; letter-spacing:-.045em; }
.lead { max-width:700px; margin:26px auto; color:var(--muted); font-size:20px; }
.download-block { margin-top:34px; }
.download { display:inline-flex; min-width:248px; padding:14px 24px; justify-content:center; color:white; background:var(--wine); border-radius:12px; box-shadow:0 10px 30px #74364a33; text-decoration:none; font-weight:700; transition:transform .15s,background .15s; }
.download:hover { background:#5d293b; transform:translateY(-1px); }
.download.is-downloading { cursor:progress; background:#5d293b; }
#platform-note,.privacy { margin:10px 0 0; color:var(--muted); font-size:13px; }
#download-help { margin:8px 0 0; color:var(--muted); font-size:13px; }
#download-help a { color:var(--wine); font-weight:650; }
#download-help code { font:inherit; }
.privacy { margin-top:25px; }
.preview { overflow:hidden; background:#fff; border:1px solid #d7d0c6; border-radius:18px; box-shadow:0 28px 80px #40332624; }
.window-bar { height:42px; display:flex; align-items:center; gap:7px; padding:0 15px; color:#867f77; background:#eeeae3; font-size:12px; }
.window-bar i { width:11px; height:11px; background:#c5beb5; border-radius:50%; }.window-bar span{margin-left:8px}
.mock-toolbar { height:68px; display:flex; align-items:center; gap:22px; padding:12px 20px; border-bottom:1px solid #ebe6df; }.mock-toolbar b{display:flex;align-items:center;gap:8px;white-space:nowrap}.mock-toolbar b img{width:30px;height:25px;object-fit:contain}.mock-toolbar div{flex:1;padding:11px 18px;color:#756f68;background:#f3f0eb;border-radius:12px}.mock-toolbar button{padding:9px 14px;background:white;border:1px solid #ddd6cd;border-radius:9px}
.mosaic { display:grid; grid-template-columns:1.3fr .8fr 1fr 1.2fr; grid-template-rows:210px 170px; gap:5px; padding:5px; background:#eee9e1; }.mosaic a{display:block;min-width:0;overflow:hidden;background:#d8d0c5}.mosaic a:nth-child(5),.mosaic a:nth-child(6){grid-column:span 2}.mosaic img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}.mosaic a:hover img{transform:scale(1.025)}.mosaic a:focus-visible{position:relative;z-index:1;outline:3px solid var(--wine);outline-offset:-3px}
.features { display:grid; grid-template-columns:repeat(3,1fr); gap:44px; padding:90px 30px; }.features h2{margin:0 0 8px;font:600 24px Georgia,serif}.features p{margin:0;color:var(--muted)}
footer { width:min(1180px,calc(100% - 40px)); margin:auto; padding:28px 0 44px; display:flex; justify-content:space-between; gap:20px; color:var(--muted); border-top:1px solid #dcd5cb; font-size:13px; }
@media(max-width:720px){nav{height:64px}.hero{margin-top:55px}h1{font-size:46px}.lead{font-size:18px}.preview{border-radius:12px}.mock-toolbar b{font-size:0}.mock-toolbar b img{width:28px;height:24px}.mosaic{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,130px)}.mosaic a:nth-child(5),.mosaic a:nth-child(6){grid-column:span 1}.features{grid-template-columns:1fr;padding:64px 8px;gap:32px}footer{flex-direction:column}}