:root{--bg:#f7f5ef;--surface:#fff;--text:#272c29;--muted:#606661;--accent:#a95528;--accent-dark:#884217;--border:#e7dfd4;--green:#396528;--radius:5px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:linear-gradient(135deg,#ece2d8 0%,#fffefe 100%);font-family:Arial,Helvetica,sans-serif;color:var(--text);line-height:1.65}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--green);outline-offset:5px}svg{display:block;width:100%;height:100%}.skip{position:fixed;top:-100px;left:20px;z-index:20;background:white;padding:10px}.skip:focus{top:10px}.site-header{background:#f7f5eff5;border-bottom:1px solid var(--border)}.header-inner{max-width:1240px;margin:auto;min-height:80px;padding:15px 28px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{font-size:29px;font-weight:750;letter-spacing:-1px}.brand-dot{color:var(--accent)}nav{display:flex;gap:28px;align-items:center;flex-wrap:wrap}nav a{font-size:14px;font-weight:700}nav a:hover,nav a[aria-current]{color:var(--accent)}.nav-soon{font-size:10px;font-weight:400;margin-left:5px;color:var(--muted)}.page{max-width:1240px;margin:auto;padding:34px 28px 36px}.hero{border:1px solid var(--border);background:linear-gradient(110deg,#fffdf8,#f8f0df);border-radius:var(--radius);padding:48px;display:grid;grid-template-columns:1.5fr 1fr;gap:40px;align-items:center;box-shadow:0 8px 24px #35241406}.eyebrow,.category{font-size:11px;font-weight:700;letter-spacing:1.8px;color:var(--accent-dark);margin:0 0 15px}h1{font-size:clamp(32px,3.6vw,46px);line-height:1.16;letter-spacing:-1.3px;margin:0 0 20px;max-width:640px}.intro{font-size:16px;max-width:590px;color:#505851;margin:0 0 25px}.button{background:var(--accent);border:1px solid var(--accent);color:white;display:inline-flex;justify-content:space-between;align-items:center;gap:22px;padding:11px 18px;border-radius:var(--radius);font-weight:700;font-size:14px;transition:background .15s}.button:hover{background:var(--accent-dark);border-color:var(--accent-dark)}.hero-aside{text-align:center;border-left:1px solid #dfd1b6;padding:10px 0 10px 35px;color:#80552f}.book-symbol{display:block;width:135px;height:110px;margin:0 auto 22px;color:#a9793c}.hero-aside p{font-family:Georgia,serif;font-size:22px;margin:0 0 3px}.hero-aside>span:last-child{font-size:12px;color:#73694f;letter-spacing:1px}.platforms{margin-top:34px}.section-heading{margin-bottom:20px}.section-heading h2{font-size:23px;line-height:1.3;margin:0 0 4px}.section-heading p{margin:0;color:var(--muted);font-size:14px}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{padding:27px 25px 23px;border:1px solid var(--border);border-top:3px solid var(--accent);border-radius:var(--radius);background:var(--surface);display:flex;flex-direction:column;box-shadow:0 8px 22px #35241406;min-width:0}.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:22px}.icon{height:49px;width:49px;background:#f8efe4;border:1px solid #eddcc4;color:var(--accent-dark);display:flex;align-items:center;justify-content:center;border-radius:5px;font-family:Georgia,serif;font-size:26px}.icon svg{height:29px;width:29px}.status{display:inline-flex;gap:6px;align-items:center;font-size:11px;color:#3c602f}.status i{background:#527944;width:6px;height:6px;border-radius:50%}.category{font-size:10px;letter-spacing:1.3px;margin-bottom:8px}.card h3{font-size:23px;line-height:1.25;margin:0 0 14px;letter-spacing:-.5px}.description{color:var(--muted);font-size:14px;margin:0 0 18px;line-height:1.8}.card ul{list-style:none;padding:0;margin:0 0 25px;font-size:13px}.card li{border-bottom:1px solid #eee9e1;padding:7px 0}.card li:before{content:'·';color:var(--accent);font-weight:700;margin-right:9px}.card-bottom{margin-top:auto;display:flex;flex-direction:column;align-items:flex-start;gap:11px}.card .button{width:100%}.domain{font-size:11px;color:#72766f;overflow-wrap:anywhere}.coming{border-top-color:#b69c72;background:#fefcf7}.quote{font-size:55px;line-height:1;padding-top:15px}.soon{color:#805e26;border:1px solid #e6d4ad;background:#fbf3df;padding:4px 8px;border-radius:4px}.coming-note{display:flex;gap:12px;align-items:flex-start;padding:17px 0;margin-bottom:20px;color:#70572d}.coming-note>span{font-size:25px;line-height:1.2}.coming-note strong{font-size:14px}.coming-note p{font-size:12px;margin:4px 0;color:var(--muted)}.coming-label{padding:11px 18px;border:1px dashed #cdbb9e;border-radius:5px;font-size:13px;color:#745b35;width:100%;text-align:center}.about{margin-top:26px;border:1px solid var(--border);border-left:3px solid var(--accent);padding:23px 27px;background:#ffffffb8;display:flex;align-items:center;justify-content:space-between;gap:25px}.about h2{font-family:Georgia,serif;font-size:22px;font-weight:400;color:var(--accent-dark);margin:0 0 4px}.about p{font-size:13px;margin:0;color:var(--muted)}.about>a{white-space:nowrap;font-size:13px;font-weight:700;color:var(--accent-dark)}footer{border-top:1px solid var(--border);background:#f7f5efeb}.footer-inner{max-width:1240px;margin:auto;padding:25px 28px;display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{font-size:19px;font-weight:700}.footer-inner p{font-size:11px;color:var(--muted);margin:5px 0 0}.footer-inner nav{gap:21px}.footer-inner nav a{font-size:12px;font-weight:400}@media(max-width:950px){.hero{padding:34px;grid-template-columns:1.5fr 1fr;gap:25px}.cards{gap:13px}.card{padding:22px 18px}.card h3{font-size:20px}.card-top{flex-wrap:wrap}.header-inner nav{gap:18px}.nav-soon{display:none}}@media(max-width:700px){.header-inner{flex-direction:column;gap:9px;align-items:flex-start;padding:15px 20px}.header-inner nav{gap:23px;width:100%}.header-inner nav a{font-size:13px}.brand{font-size:26px}.page{padding:22px 18px 25px}.hero{display:block;padding:29px 24px}.hero-aside{display:none}h1{font-size:34px}.intro{font-size:15px}.cards{grid-template-columns:1fr;gap:18px}.card{padding:25px}.card-top{flex-wrap:nowrap}.card h3{font-size:24px}.description{font-size:15px}.about{align-items:flex-start;flex-direction:column;gap:15px;padding:22px}.footer-inner{align-items:flex-start;flex-direction:column;padding:24px 20px}.section-heading h2{font-size:22px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
