.nav-links { flex-wrap:wrap; justify-content:flex-end; gap:18px; }
.nav-links .button:hover { text-decoration:none; }
a:focus-visible,button:focus-visible,summary:focus-visible { outline:2px solid #333; outline-offset:5px; }
.pro-hero { margin-top:20px; padding:48px 0 32px; }
.pro-hero h1 {font-size:clamp(46px,6.5vw,78px);}
.release-note { color:var(--ink-soft); font-size:13px; margin-top:24px; }
.plans { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:1000px; margin:12px auto 70px; }
.plan { padding:36px; background:rgba(255,255,255,.55); border:1px solid rgba(255,255,255,.9); border-radius:28px; box-shadow:0 18px 55px #362b3010; }
.plan-pro { background:linear-gradient(150deg,#fffdfbed,#ffffffbf 58%,#effffeed); }
.plan h2 { font-family:var(--serif); font-size:42px; font-weight:500; line-height:1.1; margin:0 0 16px; }
.plan .price { font-family:var(--serif); font-size:56px; line-height:1; margin:16px 0; color:var(--ink); }
.price span { font-family:var(--sans); font-size:14px; color:var(--ink-soft); white-space:nowrap; }
.feature-list { padding:0; list-style:none; margin:28px 0; }
.feature-list li { padding:10px 0 10px 25px; position:relative; border-bottom:1px solid #00000008; }
.feature-list li::before { content:'✓'; position:absolute; left:0; color:#60645e; }
.trial-note { padding-top:20px; border-top:1px solid var(--line); font-size:14px; }
.fine-print { font-size:12px; color:var(--ink-soft); }
.pro-story { margin:80px 0; }
.pro-faq { max-width:760px; margin:80px auto; }
.pro-faq h2,.pro-story h2,.pro-preview h2 { font-family:var(--serif); font-weight:500; font-size:clamp(36px,5vw,54px); line-height:1.05; }
.pro-faq details { border-bottom:1px solid var(--line); padding:20px 0; }
.pro-faq summary { cursor:pointer; font-size:17px; font-weight:500; }
.pro-faq details p { color:var(--ink-soft); }
.pro-preview { text-align:center; padding:52px 26px; margin:70px 0; border-radius:28px; background:#ffffff80; border:1px solid #ffffffbd; }
.pro-preview p { margin:20px 0; }
.doc ol { padding-left:22px; color:var(--ink-soft); }
.doc ol li { margin:12px 0; }
pre { padding:20px; border-radius:16px; background:#ffffffa6; border:1px solid #ffffffd9; overflow:auto; font-size:13px; line-height:1.65; }
code { font-family:var(--mono); font-size:.9em; overflow-wrap:anywhere; }
pre code { font-size:inherit; overflow-wrap:normal; }
.table-scroll { overflow-x:auto; }
table { width:100%; border-collapse:collapse; text-align:left; }
th,td { padding:12px; border-bottom:1px solid var(--line); }
.site-footer nav { flex-wrap:wrap; }
@media(max-width:700px) { .plans {grid-template-columns:1fr;gap:16px;} .plan{padding:26px;} .site-header-inner{align-items:flex-start;} .brand img{height:26px;} .nav-links{gap:12px;} .nav-links a{font-size:12px;} .nav-links .button{padding:0 12px;min-height:34px;} .pro-hero{padding-top:50px;} .site-footer{gap:24px;} }
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;}}
@media(max-width:620px){ .nav-links a:not(.button){display:inline-flex;} .site-header-inner{gap:10px;} .nav-links{gap:10px;} .nav-links .button{padding:0 10px;} }