/* R8: keep the approved brand and full-height product screen; reveal the next step sooner. */
/* Original artwork cropped losslessly to 388x476: no stray outline or empty square. */
/* Keep the same approved display size and proportions; Android uses its own safe-area padding. */
.home-r8 .brand .r9-brand-mark{--r9-logo-height:56px;position:relative;display:inline-block;flex:none;width:calc(var(--r9-logo-height)*388/476);height:var(--r9-logo-height);overflow:hidden;border-radius:3px;background:transparent}
.home-r8 .brand .r9-brand-mark img{position:static;display:block;width:100%;height:100%;max-width:none;object-fit:contain;border-radius:0;transform:none}
.r9-ai-note{font-size:.875rem;line-height:1.85;color:#566866;margin:18px 0 0;max-width:880px}
.r8-proof{background:#fffdf9;border-bottom:1px solid #e8e5e0}
.r8-proof-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:32px;align-items:start}
.r8-source,.r8-result{min-width:0}
.r8-step{display:flex;align-items:center;gap:12px;color:#a44d36;font-size:.9375rem;font-weight:650;margin:0 0 22px}
.r8-step span{color:#355951}
.r8-source-record{display:grid;grid-template-columns:minmax(100px,.65fr) 1fr;gap:22px;align-items:start}
.r8-source-record>img{width:100%;height:auto;border-radius:16px}
.r8-source h3{font-size:1.125rem;line-height:1.7;margin:0 0 16px;color:#234f49}
.r8-source-record p{font-size:1rem;line-height:1.8;margin:0 0 14px;color:#465c59}
.r8-source-order{font-size:1rem;line-height:1.8;color:#465c59;margin:22px 0 16px}
.r8-source-order strong{display:block;color:#234f49;font-weight:600}
.r8-text-link{display:inline-block;min-height:44px;padding:8px 0;color:#184e50;font-size:1rem;font-weight:600;text-decoration:underline;text-underline-offset:5px}
.r8-credit{font-size:.8125rem;line-height:1.8;color:#566866;margin:14px 0 0}
.r8-credit a,.r8-proof-note a{text-decoration:underline;text-underline-offset:3px}
.r8-result{background:#edf4f0;border-radius:22px;padding:26px}
.r8-result-tabs{display:flex;gap:8px;margin-bottom:20px}
.r8-result-tabs button{flex:1;min-height:48px;border:1px solid #bdcec4;border-radius:12px;background:#fffdf9;color:#315e5b;padding:10px;font:inherit;font-size:.9375rem;font-weight:600;line-height:1.5;cursor:pointer}
.r8-result-tabs button[aria-pressed="true"]{background:#184e50;border-color:#184e50;color:white}
.r8-result blockquote{font-size:1rem;line-height:1.8;border-left:3px solid #da8469;margin:0 0 22px;padding-left:16px;color:#2c5148}
.r8-result h3{font-size:.875rem;font-weight:500;color:#566866;margin:0 0 12px}
.r8-result-body{background:#fffdf9;border-radius:14px;padding:20px;color:#35574b;font-size:1rem;line-height:1.85}
.r8-result-body p{margin:0 0 14px}.r8-result-body p:last-child{margin-bottom:0}
.r8-result-body dl{display:grid;grid-template-columns:3.5em 1fr;gap:12px;margin:18px 0 0}
.r8-result-body dt{font-weight:600;color:#a14b34}.r8-result-body dd{margin:0}
.r8-result-body ul{padding-left:1.3em;margin:0 0 16px}.r8-result-body li+li{margin-top:8px}
.r8-proof-note{font-size:.875rem;line-height:1.85;color:#566866;margin:24px 0 0}.r8-proof-note a{display:inline-block}
[data-proof-result][hidden]{display:none}
.r9-proof .r8-proof-grid{grid-template-columns:minmax(240px,.65fr) minmax(0,1.35fr);gap:36px}
.r9-proof .r8-source-record{grid-template-columns:1fr}
.r9-proof .r8-source-record>img{width:100%;max-height:240px;object-fit:contain;background:#f1efea;border-radius:12px}
.r9-proof .r8-result{padding:24px;background:#eaf2ee}
.r9-proof .r8-result-tabs{gap:6px;margin-bottom:16px}
.r9-proof .r8-result-tabs button{font-size:.9375rem;min-width:0}
.r9-prompt-label{font-size:.875rem;font-weight:600;color:#315951;margin:0 0 8px}
.r9-proof .r8-result blockquote{font-size:.9375rem;line-height:1.75;margin-bottom:12px}
.r9-prompt-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap;margin-bottom:20px}
.r9-copy-prompt{font:inherit;font-size:.875rem;font-weight:600;border:1px solid #a4bcb3;background:#fffdf9;border-radius:8px;min-height:44px;padding:8px 14px;color:#184e50;cursor:pointer}
.r9-prompt-actions span{font-size:.875rem;line-height:1.65;color:#46685e;flex-basis:100%}
.r9-prompt-actions span:empty{display:none}
.r9-prompt-actions textarea{width:100%;min-height:150px;border:1px solid #8da99c;border-radius:8px;padding:12px;font:inherit;font-size:1rem;line-height:1.6;background:white;color:#254d48}
.r9-paper{background:#fff;border:1px solid #d3dfd8;border-radius:4px;box-shadow:0 6px 0 #dce6df,0 12px 25px #184e5009;padding:26px;color:#2d4943}
.r9-paper-top{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.875rem;color:#536b62;border-bottom:2px solid #184e50;padding-bottom:14px;margin-bottom:16px}
.r9-paper-top strong{font-weight:600;color:#184e50}
.r9-proof .r9-paper h3{font-size:1.35rem;line-height:1.5;font-weight:700;color:#184e50;margin:0 0 10px}
.r9-paper>p{font-size:1rem;line-height:1.8;margin:10px 0 18px}
.r9-paper-photos{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:18px 0}
.r9-paper-photos figure{margin:0;min-width:0}
.r9-paper-photos img{width:100%;height:168px;object-fit:contain;background:#f1efea;border-radius:4px}
.r9-paper-photos figcaption{font-size:.875rem;color:#49655b;line-height:1.6;margin-top:6px}
.r9-paper dl{display:grid;grid-template-columns:4em 1fr;gap:12px;font-size:1rem;line-height:1.7;border-top:1px solid #dee7e1;padding-top:16px;margin:0}
.r9-paper dt{font-weight:600;color:#a24b34}.r9-paper dd{margin:0}
.r9-paper .r9-paper-note{font-size:.875rem;line-height:1.7;color:#536b62;margin:16px 0 0}
.r9-check-items{list-style:none;padding:0;margin:18px 0;font-size:1rem;line-height:1.75}
.r9-check-items li{position:relative;border-bottom:1px solid #e1e7e2;padding:12px 0 12px 27px}
.r9-check-items li::before{content:"";position:absolute;left:0;top:18px;width:12px;height:12px;border:1.5px solid #7d998c;border-radius:2px}
.r9-email-subject{padding:12px 0;border-block:1px solid #dce5df;font-size:1rem;line-height:1.7}
.r9-paper ul:not(.r9-check-items){padding-left:1.3em;font-size:1rem;line-height:1.8}
.r9-proof .r9-full-example{display:inline-flex;align-items:center;min-height:44px;padding-top:18px;font-weight:600;color:#184e50;text-decoration:underline;text-underline-offset:5px}
.r9-try-note{font-size:.875rem;line-height:1.8;color:#536b62;margin:16px 0 0}
@media(max-width:980px){
 .home-r8 .brand .r9-brand-mark{--r9-logo-height:48px}
 .home-r8 .r4-hero-grid{grid-template-areas:"copy" "actions" "visual" "roles"}
 .home-r8 .r4-actions{margin-top:14px}
 .home-r8 .r4-actions-row{gap:16px;flex-wrap:nowrap}
 .home-r8 .r4-demo-link{font-size:.875rem;line-height:1.65;max-width:150px}
 .home-r8 .r4-free-line,.home-r8 .r4-price-line{font-size:.875rem;line-height:1.55}
 .home-r8 .r7-product-visual{max-width:385px;grid-template-columns:minmax(0,1.3fr) minmax(118px,1fr);margin-top:18px}
 .home-r8 .r7-phone{max-width:180px}
 .home-r8 .r4-role-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:visible;gap:8px;padding-bottom:0}
 .home-r8 .r4-role{min-width:0;width:auto;white-space:normal;min-height:46px;font-size:.875rem}
 .home-r8 .r4-roles small a{color:#315e5b;text-decoration:underline;text-underline-offset:3px}
 .r8-proof-grid{grid-template-columns:1fr;gap:28px}
 .r8-proof{padding:48px 0}
 .r8-proof .r4-section-heading{margin-bottom:28px}
 .r8-source-record{grid-template-columns:minmax(100px,.55fr) 1fr;gap:18px}
 .r8-source-record>img{max-height:230px;object-fit:cover;object-position:center 55%}
 .r8-source h3{font-size:1rem;margin-bottom:12px}
 .r8-source-record p{font-size:.9375rem;line-height:1.75;margin-bottom:10px}
 .r8-result{padding:20px}.r8-result-body{padding:16px}
 .r9-proof .r8-proof-grid{grid-template-columns:1fr;gap:24px}
 .r9-proof .r8-source-record{grid-template-columns:100px 1fr;gap:16px}
 .r9-proof .r8-source-record>img{height:150px;max-height:none}
 .r9-proof .r8-result{padding:18px}
 .r9-proof .r8-result-tabs button{font-size:.875rem;padding:9px 6px}
 .r9-paper{padding:18px}
 .r9-paper-photos{gap:10px}
 .r9-paper-photos img{height:128px}
}
@media(max-width:380px){
 .home-r8 .nav{gap:8px}
 .home-r8 .brand{gap:6px}
 .home-r8 .brand-name{font-size:1.15rem}
 .home-r8 .nav-links{gap:10px}
 .home-r8 .nav-cta{padding-inline:10px}
 .home-r8 .r4-actions-row{gap:12px}
 .home-r8 .r4-demo-link{max-width:125px}
 .home-r8 .r4-hero-play,.home-r8 .r4-hero-play img{width:150px}
 .r8-source-record{grid-template-columns:100px 1fr;gap:14px}
 .r8-result{padding:16px}.r8-result-tabs button{font-size:.875rem;padding:9px 7px}
 .r9-proof .r8-result{padding:12px}
 .r9-paper{padding:14px}
 .r9-paper-top{align-items:flex-start;flex-direction:column;gap:4px}
 .r9-paper-photos img{height:110px}
}