:root{--paper:#eae7de;--ink:#171814;--muted:#686962;--line:#c5c3b8;--accent:#b43d25}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC",sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}h1{font-size:clamp(48px,7.2vw,94px);line-height:1.08;letter-spacing:-.05em}h2{font-size:clamp(32px,4vw,50px);line-height:1.2;letter-spacing:-.03em}h3{font-size:24px}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.topbar{border-bottom:1px solid var(--line)}.topbar>.shell{min-height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{font-size:20px;font-weight:650;letter-spacing:-.04em}.brand span{color:var(--accent)}nav{display:flex;gap:28px;font-size:14px;align-items:center}nav a[aria-current]{color:var(--accent)}.mobile-menu{display:none}.kicker{font:11px/1.5 ui-monospace,monospace;letter-spacing:.15em;color:var(--accent);margin-bottom:25px}.lead{font-size:18px;line-height:1.9;max-width:520px;color:var(--muted);margin-top:28px}.hero{padding:96px 0 70px}.hero.clock{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.app-name{display:flex;gap:16px;align-items:center;margin-bottom:34px;font-size:20px}.app-name img{width:64px;border-radius:16px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:32px 0 18px}.button{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:12px 22px;border:1px solid var(--ink);font-size:14px}.button.solid{background:var(--ink);color:var(--paper)}.button:hover{background:var(--accent);border-color:var(--accent);color:#fff}.caption{font-size:12px;color:var(--muted)}.hero-visual{margin:0;padding:20px;background:#dcd9ce;border:1px solid var(--line)}.hero-visual img{width:100%;border-radius:12px;box-shadow:0 12px 32px #17181415}.hero-visual figcaption{font-size:11px;margin-top:14px;color:var(--muted)}.info-strip{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;margin-bottom:100px;gap:24px}.info-strip strong{font-weight:500;display:block;font-size:15px}.info-strip small{font-size:11px;color:var(--muted)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:38px}.section-head p{max-width:380px;color:var(--muted);font-size:14px}.scenes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.scene{min-width:0}.scene>img{width:100%;border:1px solid var(--line);border-radius:10px}.scene .kicker{margin:23px 0 8px}.scene h3{margin-bottom:12px}.scene p:last-child{font-size:14px;color:var(--muted)}.section{padding-bottom:110px}.features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 50px;margin-top:30px}.feature{padding:28px 0;border-top:1px solid var(--line)}.feature h3{font-size:20px;margin-bottom:12px}.feature p{font-size:14px;color:var(--muted);max-width:440px}.download{background:var(--ink);color:var(--paper);padding:64px;display:grid;grid-template-columns:1fr auto;align-items:center;gap:48px;margin-bottom:90px}.download .kicker{color:#e8987e}.download p{max-width:520px;margin-top:20px;font-size:14px;color:#c6c7ba}.download .button{background:var(--paper);border-color:var(--paper);color:var(--ink)}.qr-box{background:#fff;padding:15px;width:190px;min-height:190px}.qr-box img,.qr-box canvas{max-width:160px}.qr-box a{color:#171814;font-size:12px}.qr-caption{font-size:11px;text-align:center;margin-top:12px;color:#c6c7ba}.foot{border-top:1px solid var(--line);padding:36px 0 42px}.foot>.shell{display:flex;justify-content:space-between;gap:30px;align-items:start}.foot-links{display:flex;gap:20px;flex-wrap:wrap;font-size:12px;color:var(--muted)}.foot p{font-size:11px;color:var(--muted);margin-top:8px}.app-card{border-top:1px solid var(--line);padding:50px 0 70px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.app-card h2{margin:25px 0 14px}.app-card .summary{color:var(--muted);max-width:480px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.tag{border:1px solid var(--line);padding:4px 10px;font-size:11px}.app-card figure{margin:0;max-width:410px;justify-self:end;background:#dcd9ce;padding:18px}.app-card figure img{width:100%;border-radius:10px}.compact-card{grid-template-columns:1fr auto;padding:45px 0;gap:35px}.compact-card h2{font-size:32px;margin-top:0}.design-note{padding:70px 0 90px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:70px}.design-note p{color:var(--muted);font-size:14px;max-width:500px}.skip{position:absolute;top:-80px;padding:12px;background:var(--ink);color:white;z-index:10}.skip:focus{top:0}@media(max-width:800px){.shell{width:calc(100% - 40px)}.topbar nav.desktop{display:none}.mobile-menu{display:block;position:relative}.mobile-menu summary{cursor:pointer;font-size:14px}.mobile-menu nav{position:absolute;right:0;top:38px;background:var(--paper);padding:22px;border:1px solid var(--line);min-width:170px;z-index:5;display:flex;flex-direction:column;align-items:flex-start;gap:18px}.hero{padding:56px 0 45px}.hero.clock{grid-template-columns:1fr;gap:38px}.hero-visual{max-width:450px;width:100%;margin:auto}.app-card{grid-template-columns:1fr;gap:32px;padding:34px 0 45px}.app-card figure{justify-self:start;max-width:440px}.info-strip{grid-template-columns:1fr 1fr;margin-bottom:60px;gap:20px}.section{padding-bottom:65px}.section-head{display:block}.section-head p{margin-top:20px}.scenes{grid-template-columns:1fr;gap:40px}.scene{max-width:440px;margin:auto;width:100%}.features{grid-template-columns:1fr}.download{padding:30px;grid-template-columns:1fr;gap:30px;margin-bottom:60px}.qr-wrap{justify-self:start}.foot>.shell{flex-direction:column}.design-note{grid-template-columns:1fr;gap:24px;padding:45px 0 60px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}