.browser-page .browser-hero { background: linear-gradient(110deg,#fbf9f5,#f4ede2); }
.browser-hero-inner { display:grid; grid-template-columns: 1fr 1fr; align-items:center; gap:70px; min-height:500px; padding-block:65px; }
.browser-page .eyebrow { color:#987439; font-size:13px; font-weight:700; letter-spacing:1.6px; margin:0 0 18px; }
.browser-page h1 { margin-bottom:16px; }
.browser-lead { font-size:24px; font-weight:700; margin:0 0 12px; }
.browser-intro { color:var(--muted); margin:0 0 30px; max-width:470px; }
.browser-page .actions { display:flex; flex-wrap:wrap; }
.asset-placeholder { min-height:300px; border:1px solid #e1d4bd; border-radius:14px; background:rgba(255,255,255,.48); display:flex; flex-direction:column; align-items:center; justify-content:center; gap:8px; color:#8d816d; text-align:center; }
.placeholder-mark { color:#c6a365; font-size:48px; line-height:1; }
.asset-placeholder strong { color:#50493e; font-size:20px; }
.asset-placeholder span:last-child { font-size:14px; }
.browser-section { padding-block:75px; }
.browser-page h2 { margin-bottom:8px; }
.section-intro { margin:0 0 32px; color:var(--muted); }
.feature-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.feature-grid article, .price-card { border:1px solid #e8e2d8; background:#fff; border-radius:10px; padding:25px; }
.feature-number { color:#b5904e; font-size:14px; font-weight:700; }
.feature-grid h3 { font-size:19px; margin:24px 0 9px; }
.feature-grid p, .price-card p { color:var(--muted); font-size:15px; margin:0; }
.browser-pricing { background:#faf8f4; }
.price-grid { display:grid; grid-template-columns:repeat(4,1fr); gap:16px; }
.price-card { min-height:180px; }
.price-card.free { background:#f6f0e4; border-color:#e8dcc6; }
.plan-label { color:#846832; font-weight:700; font-size:15px; }
.price-card h3 { font-size:37px; line-height:1.2; margin:20px 0 12px; }
.price-card h3 small { font-size:19px; margin-right:4px; }
.payment-note { color:#75684f; font-size:14px; margin:22px 0 0; }
.payment-note span { color:#c5a35e; margin-right:7px; }
.information { display:grid; grid-template-columns:1fr 1.4fr; gap:70px; }
.information dl { margin:0; }
.information dl div { display:flex; justify-content:space-between; gap:20px; padding:13px 0; border-bottom:1px solid #e9e5de; }
.information dt { font-weight:600; }
.information dd { color:var(--muted); margin:0; }
@media(max-width:760px) {
  .browser-hero-inner { grid-template-columns:1fr; gap:30px; min-height:0; padding-block:42px; }
  .browser-lead { font-size:20px; }
  .browser-page .actions { display:flex; }
  .browser-page .actions .button { flex:1; }
  .asset-placeholder { min-height:200px; }
  .browser-section { padding-block:48px; }
  .feature-grid,.price-grid { grid-template-columns:repeat(2,1fr); gap:12px; }
  .feature-grid article,.price-card { padding:20px; }
  .feature-grid h3 { font-size:17px; margin-top:16px; }
  .information { grid-template-columns:1fr; gap:0; }
}
@media(max-width:360px) { .feature-grid,.price-grid { grid-template-columns:1fr; } .price-card { min-height:0; } }
.information dd { text-align:right; max-width:70%; overflow-wrap:anywhere; }
.information dd a { color:#806126; text-decoration:underline; text-underline-offset:3px; }
.draft-page { max-width:900px; padding-block:60px; }
.browser-page .draft-page h1 { font-size:clamp(34px,4vw,48px); letter-spacing:-1px; }
.draft-notice { padding:20px 24px; background:#f8f1e2; border:1px solid #e6d5b4; border-radius:8px; }
.draft-page section { padding:32px 0; border-bottom:1px solid #e9e5de; scroll-margin-top:24px; }
.draft-page h3 { font-size:18px; margin:24px 0 8px; }
.draft-page section p { color:#555e6b; }
@media(max-width:760px) { .draft-page { padding-block:40px; } .information dd { max-width:64%; } }
.browser-logo { width:100px; height:100px; border-radius:20px; object-fit:contain; }
.rights-note { margin-top:24px; padding:18px 22px; border:1px solid #e8dcc6; border-radius:8px; background:#fff; }
.rights-note p { color:#555e6b; font-size:15px; margin:0 0 8px; }
.rights-note p:last-child { margin-bottom:0; }
.rights-note strong { color:#2b2c2f; }
.draft-nav { display:flex; flex-wrap:wrap; gap:10px 24px; margin-top:28px; }
.draft-nav a { color:#806126; text-decoration:underline; text-underline-offset:3px; }
.draft-page li { margin:8px 0; color:#555e6b; }
.hero-screen img { display:block; width:100%; height:auto; border:1px solid #e3d9c9; border-radius:10px; box-shadow:0 14px 35px rgba(44,34,20,.1); }
.hero-screen p { margin:12px 0 0; font-size:14px; color:#786e60; }
.hero-screen p a { color:#806126; text-decoration:underline; text-underline-offset:3px; }
.browser-showcase { background:#fbfaf7; }
.screenshot-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; }
.screenshot-grid figure { margin:0; min-width:0; }
.screenshot-link { display:block; border:1px solid #e5ded2; border-radius:9px; overflow:hidden; background:#fff; }
.screenshot-link:focus-visible { outline:3px solid #a7792a; outline-offset:3px; }
.screenshot-link img { display:block; width:100%; height:auto; }
.screenshot-grid figcaption { margin-top:12px; color:#a0824e; font-size:13px; }
.screenshot-grid figcaption strong { color:var(--ink); font-size:16px; margin-left:8px; }
.screenshot-dialog { width:min(96vw,1600px); max-width:none; max-height:94vh; padding:0; border:0; border-radius:10px; background:#fff; }
.screenshot-dialog::backdrop { background:rgba(18,20,25,.78); }
.screenshot-dialog-bar { display:flex; align-items:center; justify-content:space-between; gap:16px; padding:10px 16px; font-size:14px; }
.screenshot-dialog-bar button { min-height:40px; padding:6px 14px; }
.screenshot-dialog-content { overflow:auto; max-height:calc(94vh - 60px); }
.screenshot-dialog-content img { display:block; width:100%; height:auto; }
@media(max-width:760px) { .screenshot-grid { grid-template-columns:1fr; gap:24px; } .screenshot-dialog { width:96vw; } .screenshot-dialog-content img { width:100%; min-width:720px; } }