:root{color-scheme:light;--bg:#f7f6f2;--ink:#232a27;--muted:#666e67;--accent:#38614a;--line:#dedfd8;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Hiragino Sans GB",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:var(--accent)}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px;border-radius:3px}::selection{background:#d9e6d9}.shell{max-width:1040px;margin:0 auto;padding:0 48px}.topbar{display:flex;justify-content:space-between;align-items:center;padding:30px 0;border-bottom:1px solid var(--line)}.brand{font-size:24px;font-weight:700;letter-spacing:-1px}.brand-dot{color:var(--accent)}nav{display:flex;gap:30px;font-size:14px}nav a{padding:12px 0}.intro{padding:100px 0 90px}.eyebrow{font-size:11px;font-weight:600;letter-spacing:2px;color:var(--muted);margin:0 0 24px}h1{font-size:clamp(34px,5.5vw,56px);letter-spacing:-2px;font-weight:600;line-height:1.3;margin:0 0 24px}.lead{font-size:18px;line-height:1.9;color:var(--muted);margin:0}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:0 0 20px;border-bottom:1px solid var(--line)}.section-heading h2{font-size:14px;font-weight:600;margin:0}.section-heading>span{font-size:12px;color:var(--muted)}.product-row{display:grid;grid-template-columns:1fr 1.6fr;gap:40px;padding:40px 0 52px;border-bottom:1px solid var(--line)}.product-identity{display:flex;align-items:center;gap:18px}.product-row .product-identity{align-self:start}.app-mark{display:flex;align-items:center;justify-content:center;width:64px;height:64px;border-radius:17px;color:white;background:var(--accent);font-size:33px;font-weight:500;flex-shrink:0}.product-identity h3{font-size:23px;letter-spacing:-.5px;margin:0 0 8px}.platform{font-size:12px;color:var(--muted);margin:0}.product-body>p{font-size:20px;margin:0 0 12px;line-height:1.6}.product-body>p.muted{font-size:15px;color:var(--muted);line-height:1.8}.actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:28px}.button{display:inline-flex;justify-content:center;align-items:center;gap:22px;min-height:48px;padding:0 22px;font-size:14px;font-weight:500;border-radius:6px}.primary{background:var(--ink);color:white}.primary:hover{background:var(--accent);color:white}.secondary{border:1px solid #b5bdb4}.text-link{font-size:14px;min-height:44px;display:inline-flex;gap:12px;align-items:center}.contact{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;padding:68px 0}.contact h2{font-size:24px;font-weight:500;margin:0}.contact>a{font-size:15px;color:var(--accent);padding:12px 0}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:18px;padding:25px 0 34px;border-top:1px solid var(--line);font-size:12px;color:var(--muted)}.footer-links{display:flex;gap:24px}.product-intro{padding-bottom:65px}.product-intro>.product-identity{margin-bottom:30px}.product-intro .app-mark{width:46px;height:46px;border-radius:13px;font-size:25px}.product-intro .eyebrow{margin:0;letter-spacing:1.5px}.download-note{font-size:12px;color:var(--muted);margin:18px 0 0;line-height:1.8}.feature-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature-list article{display:grid;grid-template-columns:50px 1fr;gap:20px;padding:28px 0}.feature-list article+article{border-top:1px solid var(--line)}.feature-number{font-size:12px;color:var(--muted);padding-top:5px}.feature-list h2{font-size:18px;font-weight:500;margin:0 0 10px}.feature-list p,.setup p{font-size:15px;color:var(--muted);line-height:1.9;margin:0}.setup{padding-top:60px}.setup ol{padding:0 0 0 24px;margin:28px 0 0}.setup li{padding:0 0 22px 12px}.setup strong{display:block;font-size:16px;font-weight:500;margin-bottom:8px}.skip{position:absolute;top:-100px;left:16px;background:var(--ink);color:white;padding:12px;z-index:5}.skip:focus{top:12px}
@media(max-width:640px){.shell{padding:0 24px}.topbar{padding:18px 0}.brand{font-size:22px}nav{gap:22px;font-size:13px}.intro{padding:65px 0 58px}h1{font-size:34px;letter-spacing:-1px}.lead{font-size:16px}.product-row{grid-template-columns:1fr;gap:28px;padding:30px 0 36px}.product-body>p{font-size:18px}.contact{padding:44px 0}.contact h2{font-size:22px}.actions{gap:14px}.button{padding:0 18px}.product-intro{padding-bottom:44px}.feature-list article{grid-template-columns:28px 1fr;gap:16px}.setup{padding-top:42px}footer{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Product previews show a real use case before the download action. */
.product-showcase { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:48px; padding:36px 0 48px; border-bottom:1px solid var(--line); }
.product-cover { position:relative; display:block; overflow:hidden; border-radius:15px; }
.product-cover img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; }
.product-cover > span { position:absolute; bottom:12px; right:13px; padding:5px 8px; background:#29251a80; color:white; border-radius:4px; font-size:10px; }
.real-app-icon { border-radius:12px; }
.showcase-copy .product-identity { gap:13px; }
.showcase-copy .product-identity h3 { font-size:20px; margin-bottom:5px; }
.showcase-copy h4 { font-size:30px; line-height:1.45; font-weight:550; letter-spacing:-.7px; margin:25px 0 16px; }
.showcase-copy > p { color:var(--muted); font-size:15px; line-height:1.9; margin:0; }
.showcase-copy .actions { gap:20px; margin-top:24px; }
@media(max-width:800px) { .product-showcase { gap:30px; } .showcase-copy h4 { font-size:25px; } }
@media(max-width:640px) { .product-showcase { grid-template-columns:1fr; gap:28px; padding:27px 0 36px; } .product-cover img { aspect-ratio:3/2; } .showcase-copy h4 { font-size:29px; } }

/* Native companion products lead to both platform downloads. */
.store-button { border:1px solid #ccd2ca; background:transparent; gap:10px; }
.store-button:hover { border-color:var(--accent); background:#f0f3ed; }
.store-status { font-size:11px !important; color:var(--muted); line-height:1.8; margin:13px 0 0 !important; }
.showcase-copy .actions { gap:12px; }