:root{--yellow:#f4cf26;--ink:#22251e;--paper:#fbf8ee;--line:#292c1c30;--soft:#555a4c;--blue:#244a91}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;font-size:18px;line-height:1.6;overflow-x:hidden}
a{color:inherit}
a:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
img{max-width:100%;height:auto;display:block}
.top{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:20px 4.2%;background:var(--yellow);border-bottom:1px solid var(--line);flex-wrap:wrap}
.mark{font-weight:900;font-size:26px;letter-spacing:-1.6px;text-decoration:none}
.mark span{font-weight:400}
.top nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:15px;font-weight:700}
.top nav a{text-decoration:none}
.top nav a:hover{color:var(--blue)}
.top nav a[aria-current]{border-bottom:2px solid var(--ink)}
.top .cup{background:var(--ink);color:var(--yellow);padding:7px 12px}
.top .cup:hover{color:#fff}
.wrap{max-width:1040px;margin:0 auto;padding:0 24px}
section.wrap{padding-top:52px;padding-bottom:4px}
.prose{max-width:720px}
.eyebrow{font-size:12px;letter-spacing:2.2px;font-weight:700;margin:0 0 14px}
h1{font-size:clamp(46px,9vw,92px);line-height:.98;letter-spacing:-.04em;margin:0 0 18px;font-weight:900}
h2{font-size:clamp(28px,4vw,38px);letter-spacing:-.03em;line-height:1.1;margin:0 0 16px}
h3{font-size:19px;margin:26px 0 4px}
p{margin:0 0 14px}
.lede{font-size:clamp(19px,2.4vw,25px);line-height:1.35;max-width:680px}
.care-hero,.plain-hero{background:var(--yellow);padding:58px 0 50px;border-bottom:1px solid var(--line)}
.buy{display:inline-block;margin-top:12px;padding:17px 22px;background:var(--ink);color:var(--yellow);font-weight:700;text-decoration:none;box-shadow:5px 5px 0 #22251e30}
.buy:hover{color:#fff}
.soon{max-width:600px;margin-top:18px;padding:14px 16px;border:1px solid var(--ink);font-size:16px}
.fine,.note{font-size:15px;color:var(--soft)}
.text{font-weight:700;text-decoration:underline;text-underline-offset:3px}
.text:hover{color:var(--blue)}
.sheets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;margin:22px 0}
.sheets figure{margin:0}
.sheets img{border:1px solid var(--line);box-shadow:0 12px 34px #22251e20;background:#fff}
.sheets figcaption{font-size:15px;line-height:1.45;margin-top:12px}
.apps{display:grid;gap:22px}
.app{padding:26px;background:#fff;border:1px solid var(--line)}
.app .line{font-size:20px;font-weight:700}
.links{display:flex;gap:20px;margin:0}
.base{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;margin-top:70px;padding:26px 4.2%;border-top:1px solid var(--line);font-size:14px}
.base-links{display:flex;gap:18px;flex-wrap:wrap}
.base-links a:hover{color:var(--blue)}
@media(max-width:640px){body{font-size:17px}.top{padding:16px 16px}.top nav{gap:14px;font-size:14px}.wrap{padding:0 16px}section.wrap{padding-top:38px}.care-hero,.plain-hero{padding:38px 0 34px}.sheets{grid-template-columns:1fr}.base{padding:22px 16px;margin-top:46px}}
.app-feature{background:#fff;border:1px solid var(--line);padding:clamp(18px,3vw,34px)}.app-feature h2{font-size:clamp(34px,5vw,54px);margin-bottom:4px}.app-feature .line{font-size:22px;font-weight:700;margin-bottom:10px}.links.big{align-items:center;flex-wrap:wrap;margin:18px 0 24px}.links.big .buy{margin:0}
.demo{display:block;width:100%;height:auto;background:#14161b;margin-bottom:8px}.shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin:26px 0 30px}.shots figure{margin:0}.shots img{border:1px solid var(--line)}.shots figcaption{font-size:15px;margin-top:8px}
.facts{padding-left:20px;margin:0 0 14px}.facts li{margin-bottom:8px}.app-feature code{font-size:13px;overflow-wrap:anywhere}.app-feature h3{font-size:24px;letter-spacing:-.02em}
@media(max-width:640px){.shots{grid-template-columns:1fr}}