:root { --ink:#171a2c; --muted:#646a7d; --paper:#faf9f7; --line:#e7e5e4; --accent:#5d63d9; --lav:#eff0ff; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.hero { max-width:1360px; margin:0 auto; padding:28px 52px 70px; overflow:hidden; }
.nav { height:44px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); padding-bottom:26px; }
.brand { display:flex; align-items:center; gap:10px; color:var(--ink); font-size:19px; font-weight:760; letter-spacing:-.04em; text-decoration:none; }.brand-mark{display:flex;gap:2px;align-items:end;height:20px}.brand-mark i{display:block;width:5px;border-radius:4px;background:var(--accent)}.brand-mark i:nth-child(1){height:10px}.brand-mark i:nth-child(2){height:16px}.brand-mark i:nth-child(3){height:20px}
.nav-link { color:var(--muted); font-size:14px; text-decoration:none; }.nav-link:hover { color:var(--ink); }
.hero-grid { display:grid; grid-template-columns:minmax(330px,.77fr) minmax(550px,1.23fr); align-items:center; gap:46px; padding-top:78px; }.eyebrow { margin:0 0 17px; color:var(--accent); font-size:11px; font-weight:750; letter-spacing:.13em; text-transform:uppercase; }.hero h1,.section-intro h2,.closing h2 { margin:0; letter-spacing:-.068em; line-height:.95; font-size:clamp(53px,5.1vw,79px); font-weight:710; }.hero h1 em { color:var(--accent); font-family:Georgia,serif; font-weight:400; }.lead { max-width:440px; margin:28px 0 0; color:var(--muted); font-size:17px; line-height:1.55; }.actions { display:flex; align-items:center; flex-wrap:wrap; gap:18px; margin-top:34px; }.button { display:inline-flex; align-items:center; justify-content:center; gap:26px; padding:15px 19px; border-radius:9px; text-decoration:none; font-size:14px; font-weight:700; transition:transform .18s ease,box-shadow .18s ease; }.button:hover { transform:translateY(-2px); }.button-primary{background:var(--ink);color:#fff;box-shadow:0 10px 24px #171a2c24}.platform{color:var(--muted);font-size:13px}.download-note{margin:12px 0 0;color:#85899a;font-size:12px;line-height:1.4}
.hero-art { position:relative; min-width:0; padding:27px 0 17px; }.hero-art img { position:relative; z-index:1; display:block; width:100%; border-radius:17px; box-shadow:0 26px 55px #26295721; }.orb { position:absolute; border-radius:50%; filter:blur(1px); }.orb-one { width:240px;height:240px;right:-90px;top:-45px;background:#e3dfff; }.orb-two { width:120px;height:120px;left:-42px;bottom:-23px;background:#d9f0e9; }
.features { max-width:1360px; margin:0 auto; padding:100px 52px; border-top:1px solid var(--line); }.section-intro { display:grid; grid-template-columns:1fr 1fr; margin-bottom:48px; }.section-intro .eyebrow { align-self:start; }.section-intro h2 { font-size:clamp(39px,4vw,61px); }.feature-grid { display:grid; grid-template-columns:1.3fr 1fr 1fr; gap:14px; }.feature-card { min-height:285px; padding:27px; border:1px solid var(--line); border-radius:14px; background:#fff; }.feature-card--wide { grid-column:span 1; }.feature-card--dark { color:#fff; background:var(--ink); border-color:var(--ink); }.feature-card h3 { margin:28px 0 10px; font-size:20px; letter-spacing:-.04em; }.feature-card p { max-width:280px; margin:0; color:var(--muted); font-size:14px; line-height:1.5; }.feature-card--dark h3 { margin-top:53px; font-size:25px; line-height:1.02; }.feature-card--dark p { color:#bbc0d2; }.card-kicker { color:#b7bcff!important; font-size:11px!important; font-weight:700; letter-spacing:.1em; text-transform:uppercase; }.feature-icon { height:60px; display:flex; align-items:center; }.feature-icon--formats { gap:6px; }.feature-icon--formats b { padding:10px 8px; border:1px solid #d9dcf3; border-radius:7px; color:#4e54c8; background:#f5f5ff; font-size:11px; }.feature-icon--books { gap:7px; align-items:flex-end; }.feature-icon--books i { display:block; width:19px; border-radius:3px 3px 2px 2px; background:#9198e8; }.feature-icon--books i:nth-child(1){height:33px;background:#d7a373}.feature-icon--books i:nth-child(2){height:51px}.feature-icon--books i:nth-child(3){height:42px;background:#99c5b1}.feature-icon--cover span { display:grid; place-items:center; width:43px; height:57px; border-radius:4px; color:#f2e8d3; background:linear-gradient(145deg,#553a38,#b48b65); font:italic 23px Georgia,serif; }
.closing { margin:0; padding:100px 52px 110px; text-align:center; color:#fff; background:var(--ink); }.closing .eyebrow { color:#b7bcff; }.closing h2 { font-size:clamp(46px,5vw,72px); }.button-light { margin-top:34px; color:var(--ink); background:#fff; }.closing .button-light:hover { box-shadow:0 11px 24px #0004; } footer { display:flex; justify-content:space-between; max-width:1360px; margin:0 auto; padding:20px 52px; color:#878b9a; font-size:12px; }
.release-notes { display:grid; grid-template-columns:1fr 2fr; gap:28px; max-width:1360px; margin:0 auto; padding:92px 52px; border-top:1px solid var(--line); }.release-notes h2 { margin:0; font-size:clamp(38px,4vw,58px); letter-spacing:-.06em; }.release-list { display:grid; gap:12px; }.release-card { padding:23px 25px; border:1px solid var(--line); border-radius:13px; background:#fff; }.release-card > div { display:flex; align-items:center; justify-content:space-between; gap:15px; }.release-version { color:var(--accent); font-size:18px; font-weight:760; letter-spacing:-.03em; }.release-card time { color:#9296a4; font-size:12px; }.release-card ul { margin:16px 0 0; padding:0; list-style:none; }.release-card li { position:relative; padding:0 0 8px 18px; color:var(--muted); font-size:14px; line-height:1.45; }.release-card li:last-child { padding-bottom:0; }.release-card li::before { content:""; position:absolute; left:0; top:.5em; width:6px; height:6px; border-radius:99px; background:var(--accent); }
@media (max-width:850px) { .hero,.features,.release-notes{padding-left:25px;padding-right:25px}.hero-grid{grid-template-columns:1fr;padding-top:58px;gap:33px}.hero-art{max-width:740px}.section-intro,.release-notes{grid-template-columns:1fr;gap:14px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card--dark{grid-column:span 2}.closing{padding:76px 25px}.hero h1{font-size:60px}footer{padding:20px 25px}}
@media (max-width:530px) { .hero{padding-top:20px}.hero h1{font-size:49px}.lead{font-size:16px}.feature-grid{grid-template-columns:1fr}.feature-card,.feature-card--dark{grid-column:auto;min-height:220px}.features{padding-top:68px;padding-bottom:68px}.section-intro h2{font-size:43px}.hero-art{padding-top:8px}.button{width:100%}.platform{width:100%;text-align:center}.closing h2{font-size:47px} }