/* Pages round 1: shared styles for the new journal-style mockup pages. */
rd-body.pages-r1 .page-hero{padding:72px 0 56px}
rd-body.pages-r1 .page-hero .shell{max-width:980px}
rd-body.pages-r1 .page-hero h1{font-size:clamp(40px,5vw,62px);line-height:1.05;letter-spacing:-.04em}
rd-body.pages-r1 .page-hero .page-lead{font-size:19px;line-height:1.65;margin-top:24px!important;max-width:760px}
rd-body.pages-r1 .page-hero .eyebrow{margin-bottom:18px!important}
rd-body.pages-r1 .page-hero-art{display:grid;grid-template-columns:235px minmax(140px,230px);gap:8px;align-items:start;margin:30px auto 0;max-width:500px}
rd-body.pages-r1 .page-hero-art img{width:100%;height:auto}
.pages-r1 .paper-panel{position:relative;isolation:isolate;padding:34px 36px}
.pages-r1 .paper-panel::before{content:'';position:absolute;inset:-6px;z-index:-1;background:#fffdf6 url('../textures/white-fibre.webp') repeat;clip-path:polygon(0 1%,7% 0,19% 1%,34% 0,52% 1%,69% 0,84% 1%,100% 0,99% 99%,86% 100%,70% 99%,52% 100%,33% 99%,17% 100%,5% 99%,0 100%);box-shadow:0 6px 24px #172a3a22}
.pages-r1 .tape-top::after{content:'';position:absolute;width:120px;height:34px;top:-18px;left:50%;transform:translateX(-50%) rotate(-3deg);background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;pointer-events:none}
.pages-r1 .two-col{display:grid;grid-template-columns:1fr 1fr;gap:40px}
.pages-r1 .service-links{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:30px}
.pages-r1 .service-links a{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:6px;padding:20px 18px;color:#19324a;text-decoration:none!important;font-weight:650;font-size:17px}
.pages-r1 .service-links a::before{content:'';position:absolute;inset:0;z-index:-1;background:#fffdf4 url('../textures/white-fibre.webp') repeat;border:1px solid #9fb3c0;clip-path:polygon(2% 6%,32% 2%,66% 5%,98% 0,100% 92%,68% 98%,30% 95%,0 100%)}
.pages-r1 .service-links a:nth-child(2n){transform:rotate(.6deg)}
.pages-r1 .service-links a:nth-child(2n+1){transform:rotate(-.5deg)}
.pages-r1 .service-links a small{font-weight:450;font-size:13.5px;color:#3e5261;line-height:1.5}
.pages-r1 .service-links a span.go{color:#235b92;font-size:14px;font-weight:600}
.pages-r1 .prose-paper{max-width:860px;margin:0 auto}
.pages-r1 .prose-paper p{font-size:17px;line-height:1.75;margin-top:18px!important}
.pages-r1 .prose-paper h2{margin-top:44px}
.pages-r1 .prose-paper h3{margin-top:30px;font-size:22px}
.pages-r1 .prose-paper a{color:#235b92;text-decoration:underline;text-underline-offset:4px}
.pages-r1 .prose-paper ul{margin-top:14px;padding-left:24px}
.pages-r1 .prose-paper li{font-size:16.5px;line-height:1.7;margin-top:8px}
/* Tool pages */
.pages-r1 .tool-panel{max-width:880px;margin:40px auto 0}
.pages-r1 .tool-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:20px}
.pages-r1 .tool-grid .field label{font-size:14px;font-weight:600}
.pages-r1 .tool-note{font-size:13.5px;color:#3e5261;margin-top:14px!important}
.pages-r1 .serp-preview{margin-top:26px;padding:22px 24px;background:#fff;border:1px solid #b9c7cf}
.pages-r1 .serp-preview .s-url{font-size:13px;color:#1f6f43}
.pages-r1 .serp-preview .s-title{font-size:20px;color:#1a0dab;margin-top:5px!important;line-height:1.3}
.pages-r1 .serp-preview .s-desc{font-size:14.5px;color:#4d5156;margin-top:6px!important;line-height:1.55}
.pages-r1 .tool-cross{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:28px}
/* Glossary */
.pages-r1 .glossary-letter{font-family:JournalHand,cursive;font-size:46px;color:#235b92;margin-top:46px}
.pages-r1 .glossary-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px 36px;margin-top:18px}
.pages-r1 .glossary-grid article{position:relative;padding-top:14px;border-top:1px solid #b6c4ca}
.pages-r1 .glossary-grid h3{font-size:19px}
.pages-r1 .glossary-grid p{font-size:15.5px;line-height:1.65;margin-top:8px!important}
.pages-r1 .glossary-grid a{color:#235b92;text-decoration:underline;text-underline-offset:3px}
.pages-r1 .glossary-nav{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}
.pages-r1 .glossary-nav a{min-width:38px;min-height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #9fb3c0;background:#fffdf4;color:#19324a;font-weight:650;text-decoration:none!important}
/* Blog */
.pages-r1 .post-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:34px}
.pages-r1 .post-card{position:relative;isolation:isolate;display:flex;flex-direction:column;color:#19324a;text-decoration:none!important;padding:14px 14px 20px}
.pages-r1 .post-card::before{content:'';position:absolute;inset:-4px;z-index:-1;background:#fffdf6 url('../textures/white-fibre.webp') repeat;clip-path:polygon(1% 2%,30% 0,70% 2%,99% 0,100% 98%,66% 100%,32% 98%,0 100%);box-shadow:0 5px 18px #172a3a1e}
.pages-r1 .post-card:nth-child(3n+1){transform:rotate(-.5deg)}
.pages-r1 .post-card:nth-child(3n){transform:rotate(.5deg)}
.pages-r1 .post-card img{width:100%;aspect-ratio:1200/630;object-fit:cover;border:1px solid #c6d2d8}
.pages-r1 .post-card h3{font-size:19px;line-height:1.35;margin-top:14px}
.pages-r1 .post-card p{font-size:14.5px;color:#3e5261;line-height:1.6;margin-top:8px!important}
.pages-r1 .post-card .read-on{margin-top:auto;padding-top:12px;color:#235b92;font-weight:650;font-size:14px}
.pages-r1 .post-feature{grid-column:1/-1;display:grid;grid-template-columns:1.2fr 1fr;gap:26px;align-items:center}
.pages-r1 .post-feature img{aspect-ratio:1200/630}
/* Article template */
.pages-r1 .article-shell{max-width:780px;margin:0 auto}
.pages-r1 .article-meta{display:flex;flex-wrap:wrap;gap:8px 18px;font-size:13.5px;color:#3e5261;margin-top:20px!important}
.pages-r1 .article-hero-img{width:100%;height:auto;border:1px solid #c6d2d8;margin-top:28px}
.pages-r1 .takeaways{margin-top:34px;padding:26px 30px 28px}
.pages-r1 .takeaways h2{font-size:24px}
.pages-r1 .takeaways ul{margin-top:12px;padding-left:22px}
.pages-r1 .takeaways li{font-size:16px;line-height:1.65;margin-top:8px}
.pages-r1 .article-body h2{font-size:30px;margin-top:48px}
.pages-r1 .article-body h3{font-size:22px;margin-top:30px}
.pages-r1 .article-body p{font-size:17px;line-height:1.8;margin-top:18px!important}
.pages-r1 .article-body img{max-width:100%;height:auto;border:1px solid #c6d2d8;margin-top:24px}
.pages-r1 .article-body a{color:#235b92;text-decoration:underline;text-underline-offset:4px}
.pages-r1 .article-body ul,.pages-r1 .article-body ol{margin-top:14px;padding-left:24px}
.pages-r1 .article-body li{font-size:16.5px;line-height:1.75;margin-top:8px}
.pages-r1 .article-about{margin-top:54px;padding:28px 32px}
.pages-r1 .article-about h2{font-size:22px}
.pages-r1 .article-about p{font-size:15.5px;line-height:1.7;margin-top:12px!important}
/* Legal */
.pages-r1 .legal-toc{margin-top:26px;padding:22px 26px}
.pages-r1 .legal-toc a{display:block;padding:6px 0;color:#235b92;text-decoration:none!important;border-bottom:1px dashed #b9c7cf;font-size:15px}
/* Mobile */
@media(max-width:767px){
 rd-body.pages-r1 .page-hero{padding:44px 0 40px}
 rd-body.pages-r1 .page-hero h1,rd-body.pages-r1 .page-hero .page-lead,rd-body.pages-r1 .page-hero .eyebrow{text-align:center}
 rd-body.pages-r1 .page-hero .eyebrow{justify-content:center}
 .pages-r1 .two-col{grid-template-columns:1fr;gap:26px}
 .pages-r1 .service-links{grid-template-columns:1fr 1fr;gap:12px}
 .pages-r1 .tool-grid{grid-template-columns:1fr}
 .pages-r1 .glossary-grid{grid-template-columns:1fr}
 .pages-r1 .post-grid{grid-template-columns:1fr;gap:24px}
 .pages-r1 .post-feature{grid-template-columns:1fr}
 .pages-r1 .paper-panel{padding:26px 22px}
 .pages-r1 .tool-cross{grid-template-columns:1fr}
 .pages-r1 .article-body h2{font-size:26px}
 rd-body.pages-r1 .page-hero-art{max-width:372px;grid-template-columns:235px minmax(110px,1fr)}
}
/* About page specifics */
rd-body.pages-r1 .about-hero-speech{font-size:25px!important;margin:92px 0 0 -46px!important;padding:46px 26px 26px 32px!important}
rd-body.pages-r1 .service-links-extra{margin-top:22px!important;font-size:16px}
rd-body.pages-r1 .service-links-extra a{color:#235b92;text-decoration:underline;text-underline-offset:4px}
.pages-r1 .story-panel{max-width:760px;margin:0 auto}
.pages-r1 .story-sticker{width:255px;margin:34px auto 0}
.pages-r1 .story-sticker img{width:100%;height:auto}
.pages-r1 .rocky-cols,.pages-r1 .remote-cols{align-items:center;max-width:940px;margin:0 auto}
.pages-r1 .rocky-wave-sticker,.pages-r1 .remote-sticker{width:280px;margin:0 auto}
.pages-r1 .rocky-wave-sticker img,.pages-r1 .remote-sticker img{width:100%;height:auto}
.pages-r1 .rocky-cols p,.pages-r1 .remote-cols p{font-size:17px;line-height:1.7;margin-top:16px!important}
.pages-r1 .remote-cols a,.pages-r1 .rocky-cols a{color:#235b92;text-decoration:underline;text-underline-offset:4px}
@media(max-width:767px){
 .pages-r1 .story-sticker,.pages-r1 .rocky-wave-sticker,.pages-r1 .remote-sticker{width:235px}
 rd-body.pages-r1 .about-hero-speech{font-size:22px!important;margin:74px 0 0 -34px!important}
 .pages-r1 .rocky-cols p,.pages-r1 .remote-cols p{text-align:center}
}
/* Pages r2: alternating section backgrounds + richer journal dressing. */
rd-body.pages-r1 main>section{position:relative}
/* About rhythm: ivory, press(ivory kraft), blue, warm, cream, sage, brands(ivory), contact(blue) */
rd-body.pages-r1 #about-hero{background:url('../textures/ivory-fibre.webp') repeat}
rd-body.pages-r1 #story{background:#edf2f3 url('../textures/blue-fibre.webp') repeat}
rd-body.pages-r1 #founder{background:#f9f7ee url('../textures/ivory-fibre.webp') repeat}
rd-body.pages-r1 #rocky{background:#eef1eb url('../textures/white-fibre.webp') repeat}
rd-body.pages-r1 #remote{background:#f6f1e4 url('../textures/ivory-fibre.webp') repeat}
/* SEO rhythm */
rd-body.pages-r1 #seo-hero{background:url('../textures/ivory-fibre.webp') repeat}
rd-body.pages-r1 #what-is-seo{background:#edf2f3 url('../textures/blue-fibre.webp') repeat}
rd-body.pages-r1 #why-seo{background:#f9f7ee}
rd-body.pages-r1 #included{background:#eef1eb url('../textures/white-fibre.webp') repeat}
rd-body.pages-r1 #package{background:#f6f1e4 url('../textures/ivory-fibre.webp') repeat}
rd-body.pages-r1 #measure{background:#f9f7ee}
rd-body.pages-r1 #why{background:#eaf0ee url('../textures/white-fibre.webp') repeat}
rd-body.pages-r1 #blog{background:#f1eee3 url('../textures/ivory-fibre.webp') repeat}
/* Journal dressing */
.pages-r1 .paper-panel{box-shadow:0 7px 26px #172a3a26}
.pages-r1 .two-col .paper-panel:nth-child(2n+1){transform:rotate(-.55deg)}
.pages-r1 .two-col .paper-panel:nth-child(2n){transform:rotate(.5deg)}
.pages-r1 .paper-panel.tape-top::after{left:14%;transform:rotate(-5deg)}
.pages-r1 .two-col .paper-panel::after{content:'';position:absolute;width:104px;height:30px;top:-15px;right:10%;background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;transform:rotate(4deg);pointer-events:none}
.pages-r1 .hand-note{font-family:JournalHand,cursive;font-size:26px;line-height:1.3;color:#235b92;transform:rotate(-2deg);max-width:330px}
.pages-r1 .section-heading .hand-note{margin:14px auto 0!important}
.pages-r1 .note-right{margin:26px 0 0 auto!important;text-align:right;transform:rotate(1.6deg)}
.pages-r1 .corner-doodle{position:absolute;width:74px;height:74px;background:url('../r12-assets/a-plus.svg') center/contain no-repeat;opacity:0;pointer-events:none}
.pages-r1 .star-doodle{position:absolute;font-family:JournalHand,cursive;color:#b3860f;font-size:30px;transform:rotate(12deg);pointer-events:none}
.pages-r1 .service-links a::after{content:'';position:absolute;width:76px;height:22px;top:-11px;left:50%;transform:translateX(-50%) rotate(-3deg);background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;opacity:.9;pointer-events:none}
.pages-r1 .glossary-grid article::before{content:'';position:absolute;top:-6px;left:4px;width:11px;height:11px;border:3px solid #205a97;background:#f6fafc;border-radius:50%}
.pages-r1 .serp-preview{transform:rotate(-.6deg);box-shadow:0 5px 18px #172a3a22}
.pages-r1 .measure-grid .paper-panel h3{color:#235b92}
.pages-r1 .story-sticker,.pages-r1 .rocky-wave-sticker,.pages-r1 .remote-sticker{transform:rotate(-2.2deg)}
.pages-r1 .remote-sticker{transform:rotate(2deg)}
.pages-r1 .included-grid a small{font-weight:450}
@media(max-width:767px){
 .pages-r1 .hand-note{font-size:23px;margin-left:auto!important;margin-right:auto!important;text-align:center}
 .pages-r1 .note-right{text-align:center;margin:22px auto 0!important}
}
.pages-r1 .star-doodle{position:relative;display:inline-block;margin-left:10px}
.pages-r1 .package-star{position:absolute;top:18px;right:26px;font-size:36px}
.pages-r1 #rocky .two-col>div.paper-panel,.pages-r1 #remote .two-col>div.paper-panel{transform:rotate(.5deg)}
/* Hand font must beat the r9 global JournalInter reset. */
rd-body.feedback-r9.pages-r1 .hand,rd-body.feedback-r9.pages-r1 .hand-note,rd-body.feedback-r9.pages-r1 p.hand-note,rd-body.feedback-r9.pages-r1 span.hand,rd-body.feedback-r9.pages-r1 .rocky-speech{font-family:JournalHand,Comic Sans MS,cursive!important}
/* SEO page r2: journal-rich treatments. */
rd-body.pages-r1 .what-cols{align-items:start;max-width:1060px;margin:0 auto}
.pages-r1 .serp-clipping{display:flex;flex-direction:column}
.pages-r1 .clip-label{font-size:24px;color:#235b92;margin:0 0 10px!important;transform:rotate(-1.5deg)}
.pages-r1 .serp-preview .s-query{font-size:13px;color:#5f6368;border:1px solid #d4dce0;border-radius:14px;padding:5px 13px;width:fit-content;margin-bottom:12px!important}
.pages-r1 .serp-note{font-size:23px;margin:16px 0 0 auto!important;max-width:300px;text-align:right;transform:rotate(1.5deg)}
.pages-r1 .included-note{font-size:26px;margin:0 auto 4px!important;text-align:center;transform:rotate(-1.2deg)}
.pages-r1 .included-grid{margin-top:22px}
.pages-r1 .receipt-panel{max-width:620px;margin:0 auto;background:#fffef8}
.pages-r1 .receipt-head{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;border-bottom:2px dashed #9fb3c0;padding-bottom:14px}
.pages-r1 .receipt-head strong{font-size:38px;letter-spacing:-.03em}
.pages-r1 .receipt-from{font-size:24px;color:#235b92}
.pages-r1 .receipt-note{font-size:14px;color:#3e5261}
.pages-r1 .receipt-list{list-style:none;padding:0;margin:16px 0 0}
.pages-r1 .receipt-list li{display:flex;gap:10px;padding:8px 0;border-bottom:1px dotted #c3cfd5;font-size:16px;line-height:1.5}
.pages-r1 .receipt-list li::before{content:'✓';color:#235b92;font-weight:700}
.pages-r1 .receipt-stamp{font-size:27px;color:#9d2c45;border:3px solid #9d2c45;padding:8px 16px;width:fit-content;transform:rotate(-4deg);margin:22px auto 0!important;border-radius:4px;mask-image:url('../textures/white-fibre.webp');mask-size:280px}
.pages-r1 .measure-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;max-width:1120px;margin:34px auto 0}
.pages-r1 .measure-grid .paper-panel{padding:24px 22px 26px}
.pages-r1 .measure-grid .paper-panel:nth-child(2n){transform:rotate(.6deg)}
.pages-r1 .measure-grid .paper-panel:nth-child(2n+1){transform:rotate(-.6deg)}
.pages-r1 .measure-num{font-size:44px;color:#8aa3b4;line-height:1;margin:0 0 6px!important}
.pages-r1 .measure-grid h3{font-size:19px;color:#19324a}
.pages-r1 .measure-grid p{font-size:15px;line-height:1.6;margin-top:8px!important}
rd-body.pages-r1 #measure{background:#f1eee3 url('../textures/ivory-fibre.webp') repeat}
rd-body.pages-r1 #faq{background:#eef1eb url('../textures/white-fibre.webp') repeat}
rd-body.pages-r1 #seo-hero .hero-audit{margin-top:34px}
@media(max-width:767px){
 .pages-r1 .measure-grid{grid-template-columns:1fr 1fr;gap:14px}
 .pages-r1 .receipt-head strong{font-size:32px}
 .pages-r1 .serp-note,.pages-r1 .clip-label{text-align:center;margin-left:auto!important;margin-right:auto!important}
 .pages-r1 .included-note{font-size:23px}
}
/* Recovered block + rounds for About comments 8-18 and SEO comments 1-11. */
rd-body.pages-r1 .hero-scene::before{content:none!important;display:none!important}
rd-body.pages-r1 .about-hero-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:30px 50px;align-items:center}
rd-body.pages-r1 .about-hero-art{display:grid;grid-template-columns:300px minmax(120px,1fr);gap:6px;align-items:start;max-width:480px;margin:0 auto}
rd-body.pages-r1 .about-hero-art .hero-sticker{width:300px;margin:0}
rd-body.pages-r1 .about-hero-speech{font-size:25px!important;margin:128px 0 0 -52px!important;padding:46px 24px 26px 34px!important}
rd-body.pages-r1 .service-list-note{margin-top:46px;text-align:center}
rd-body.pages-r1 .service-list-note .hand-note{font-size:27px;margin:0 auto!important;max-width:none;transform:rotate(-1.2deg)}
.pages-r1 .service-papers{list-style:none;padding:0;margin:26px auto 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:1020px}
.pages-r1 .service-papers li{list-style:none}
.pages-r1 .service-papers a{position:relative;isolation:isolate;display:flex;flex-direction:column;gap:5px;padding:22px 20px 18px;color:#19324a;text-decoration:none!important}
.pages-r1 .service-papers a::before{content:'';position:absolute;inset:0;z-index:-1;background:#fffdf4 url('../textures/white-fibre.webp') repeat;border:1px solid #9fb3c0;clip-path:polygon(2% 7%,31% 2%,66% 6%,98% 0,100% 91%,69% 98%,31% 94%,0 100%);box-shadow:0 4px 14px #172a3a1c}
.pages-r1 .service-papers a::after{content:'';position:absolute;width:74px;height:22px;top:-11px;left:50%;transform:translateX(-50%) rotate(-3deg);background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;opacity:.92;pointer-events:none}
.pages-r1 .service-papers li:nth-child(2n) a{transform:rotate(.6deg)}
.pages-r1 .service-papers li:nth-child(2n+1) a{transform:rotate(-.5deg)}
.pages-r1 .service-papers .svc-num{font-size:25px;color:#8aa3b4;line-height:1}
.pages-r1 .service-papers strong{font-size:18px}
.pages-r1 .service-papers small{font-size:13.5px;color:#3e5261;line-height:1.5;font-weight:450}
.pages-r1 .service-papers .go{color:#235b92;font-size:14px;font-weight:600}
.pages-r1 .chatgpt-ads-note{display:block;width:fit-content;margin:26px auto 0;padding:12px 22px;position:relative;isolation:isolate;color:#19324a;text-decoration:none!important;font-weight:600;font-size:16px}
.pages-r1 .chatgpt-ads-note .hand{font-size:23px;color:#235b92;margin-right:4px}
.pages-r1 .chatgpt-ads-note::before{content:'';position:absolute;inset:0;z-index:-1;background:#e8ceab url('../textures/kraft-paper.webp') center/cover no-repeat;clip-path:polygon(0 10%,18% 2%,39% 7%,60% 0,81% 5%,100% 2%,98% 92%,76% 100%,52% 95%,26% 100%,2% 96%)}
/* Story: bigger Rocky, note under him */
.pages-r1 .story-cols{grid-template-columns:1.2fr .9fr;align-items:center;max-width:1040px;margin:0 auto}
.pages-r1 .story-side{display:flex;flex-direction:column;align-items:center}
.pages-r1 .story-sticker{width:300px;margin:0;transform:rotate(2deg)}
.pages-r1 .story-sticker img{width:100%;height:auto}
.pages-r1 .story-note{font-size:25px;margin:16px auto 0!important;text-align:center;transform:rotate(-1.8deg);max-width:280px}
/* Mascot sections: panel hugs its text */
.pages-r1 .mascot-cols{display:flex;align-items:center;justify-content:center;gap:52px;max-width:960px;margin:0 auto}
.pages-r1 .mascot-cols .paper-panel{flex:0 1 480px;transform:rotate(.4deg);padding:28px 30px}
.pages-r1 .rocky-feature-sticker{flex:0 0 300px;width:300px;margin:0;transform:rotate(-2deg)}
.pages-r1 .rocky-feature-sticker img{width:100%;height:auto}
.pages-r1 .mascot-panel p{font-size:17px;line-height:1.7;margin-top:14px!important}
.pages-r1 .mascot-panel p:first-child{margin-top:0!important}
@media(max-width:767px){
 rd-body.pages-r1 .about-hero-layout{display:flex;flex-direction:column}
 rd-body.pages-r1 .about-hero-layout h1,rd-body.pages-r1 .about-hero-layout .page-lead{text-align:center}
 rd-body.pages-r1 .about-hero-art{max-width:400px;grid-template-columns:235px minmax(110px,1fr)}
 rd-body.pages-r1 .about-hero-art .hero-sticker{width:235px}
 rd-body.pages-r1 .about-hero-speech{font-size:22px!important;margin:86px 0 0 -34px!important}
 .pages-r1 .service-papers{grid-template-columns:1fr 1fr;gap:12px;max-width:380px}
 .pages-r1 .service-papers small{display:none}
 .pages-r1 .story-cols{display:flex;flex-direction:column}
 .pages-r1 .mascot-cols{flex-direction:column;gap:26px}
 .pages-r1 .remote-flip .paper-panel{order:2}
 .pages-r1 .remote-flip .rocky-feature-sticker{order:1}
 .pages-r1 .story-sticker,.pages-r1 .rocky-feature-sticker{width:235px;flex-basis:auto}
 .pages-r1 .mascot-panel p,.pages-r1 .story-panel p{text-align:center}
 .pages-r1 .service-list-note .hand-note{font-size:24px}
}
/* SEO r4: what/why/included/package/measure redesign support. */
.pages-r1 .what-cols{display:grid;grid-template-columns:1.2fr .9fr;align-items:center;max-width:1020px;margin:0 auto;gap:40px}
.pages-r1 .what-side{display:flex;flex-direction:column;align-items:center}
.pages-r1 .what-sticker{width:295px;margin:0;transform:rotate(2deg)}
.pages-r1 .what-sticker img{width:100%;height:auto}
.pages-r1 .what-note{font-size:24px;margin:16px auto 0!important;text-align:center;transform:rotate(-2deg)}
.pages-r1 .why-points{list-style:none;padding:0;margin:30px auto 0;display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:880px}
.pages-r1 .why-points li{position:relative;isolation:isolate;padding:24px 24px 22px 56px;font-size:17px;font-weight:600;line-height:1.55;color:#19324a}
.pages-r1 .why-points li::before{content:'';position:absolute;inset:0;z-index:-1;background:#fffdf4 url('../textures/white-fibre.webp') repeat;border:1px solid #9fb3c0;clip-path:polygon(2% 7%,30% 2%,66% 6%,98% 0,100% 91%,69% 98%,31% 94%,0 100%);box-shadow:0 4px 14px #172a3a1c}
.pages-r1 .why-points li::after{content:'✓';position:absolute;left:24px;top:22px;color:#235b92;font-size:21px;font-weight:700}
.pages-r1 .why-points li:nth-child(2n){transform:rotate(.6deg)}
.pages-r1 .why-points li:nth-child(2n+1){transform:rotate(-.6deg)}
.pages-r1 .why-close{text-align:center;max-width:620px;margin:30px auto 0!important;font-size:16.5px;line-height:1.7}
.pages-r1 .why-close a{color:#235b92;text-decoration:underline;text-underline-offset:4px}
.pages-r1 .included-sticker{width:245px;margin:4px auto 0;transform:rotate(-2deg)}
.pages-r1 .included-sticker img{width:100%;height:auto}
@media(max-width:767px){
 .pages-r1 .what-cols{display:flex;flex-direction:column}
 .pages-r1 .what-sticker,.pages-r1 .included-sticker{width:235px}
 .pages-r1 .why-points{grid-template-columns:1fr;gap:12px;max-width:380px}
}
/* Tablet: contain the About hero bubble. */
@media(min-width:768px) and (max-width:1100px){
 rd-body.pages-r1 .about-hero-art{grid-template-columns:235px minmax(110px,1fr);max-width:400px}
 rd-body.pages-r1 .about-hero-art .hero-sticker{width:235px}
 rd-body.pages-r1 .about-hero-speech{font-size:21px!important;margin:96px 0 0 -40px!important;padding:42px 18px 22px 28px!important}
}
/* About r5: comments 19-32 + coloured inline links. */
/* Coloured internal links everywhere in page copy */
rd-body.pages-r1 main p a,rd-body.pages-r1 main li a:not(.paper-cta),.pages-r1 .paper-panel a,.pages-r1 .page-lead a,.pages-r1 .why-close a{color:#1d5fae!important;text-decoration:underline!important;text-decoration-color:#1d5fae99;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}
rd-body.pages-r1 main p a:hover{color:#153f74!important}
/* 19: paperclip instead of tape on the About hero sticker */
rd-body.pages-r1 .about-hero-art .hero-sticker.taped::after{background:url('../textures/paperclip.webp') center/contain no-repeat;width:17%;height:26%;top:-9%;left:16%;transform:rotate(8deg)}
/* 21: a different paper colour per service slip */
.pages-r1 .service-papers li:nth-child(1) a::before{background-color:#e4ecee;background-image:linear-gradient(110deg,#fff5,transparent 65%),url('../textures/blue-fibre.webp');background-blend-mode:soft-light,multiply;background-size:auto,230px}
.pages-r1 .service-papers li:nth-child(2) a::before{background-color:#f1ded7;background-image:repeating-linear-gradient(0deg,transparent 0 29px,#b7948f26 29px 30px)}
.pages-r1 .service-papers li:nth-child(3) a::before{background-color:#e9e4d2;background-image:url('../textures/ivory-fibre.webp')}
.pages-r1 .service-papers li:nth-child(4) a::before{background-color:#e3e9df;background-image:url('../textures/white-fibre.webp')}
.pages-r1 .service-papers li:nth-child(5) a::before{background-color:#eee7f0;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#9c87a51f 24px 25px)}
.pages-r1 .service-papers li:nth-child(6) a::before{background-color:#f6eedd;background-image:url('../textures/graph-paper.webp');background-size:140px}
.pages-r1 .service-papers li:nth-child(7) a::before{background-color:#e8ceab;background-image:url('../textures/kraft-paper.webp');background-size:cover}
/* 24 + 25: bigger story Rocky, bigger more slanted note */
.pages-r1 .story-sticker{width:360px;transform:rotate(2.4deg)}
.pages-r1 .story-note{font-size:30px;transform:rotate(-5deg);max-width:300px}
/* 27: stamped emphasis */
.pages-r1 .story-stamp{display:inline-block;font-weight:700;color:#235b92;background:linear-gradient(transparent 58%,#f2d06b99 58% 92%,transparent 92%);padding:0 3px;transform:rotate(-.6deg)}
.pages-r1 .story-stamp:nth-of-type(2){transform:rotate(.5deg)}
/* 30: mascot panel hugs its text width */
.pages-r1 .mascot-cols .paper-panel{flex:0 1 460px}
.pages-r1 #rocky .section-heading p{max-width:560px;margin-left:auto;margin-right:auto}
/* 32: remote heading above its text box */
.pages-r1 .remote-right{display:flex;flex-direction:column;gap:20px;flex:0 1 520px}
.pages-r1 .remote-right .section-heading{margin:0;text-align:left}
.pages-r1 .remote-right .section-heading h2{text-align:left}
.pages-r1 .remote-right .section-heading p{text-align:left;margin-top:10px!important}
rd-body.pages-r1 #remote .mascot-cols{align-items:center}
@media(max-width:767px){
 .pages-r1 .story-sticker{width:260px}
 .pages-r1 .story-note{font-size:26px}
 .pages-r1 .remote-right .section-heading,.pages-r1 .remote-right .section-heading h2,.pages-r1 .remote-right .section-heading p{text-align:center}
 .pages-r1 .service-papers{max-width:380px}
}
/* About r6: comments 33-38. */
/* 33: service slips never underlined or recoloured by the link rule; slip 7 under slip 5 */
rd-body.pages-r1 main .service-papers li a{text-decoration:none!important;color:#19324a!important;font-weight:inherit}
rd-body.pages-r1 main .service-papers li a .svc-num{color:#8aa3b4!important;text-decoration:none!important}
rd-body.pages-r1 main .service-papers li a small{color:#3e5261!important;text-decoration:none!important}
rd-body.pages-r1 main .service-papers li a .go{color:#235b92!important;text-decoration:none!important}
@media(min-width:768px){
 .pages-r1 .service-papers li:nth-child(7){grid-column:2}
}
/* 34: story mirrored; heading hugs the box */
.pages-r1 .story-cols{display:grid;grid-template-columns:.85fr 1.25fr;gap:44px;align-items:center;max-width:1040px;margin:0 auto}
.pages-r1 .story-right{display:flex;flex-direction:column;gap:16px}
.pages-r1 .story-right .section-heading{margin:0;text-align:left}
.pages-r1 .story-right .section-heading h2{text-align:left}
.pages-r1 .story-right .story-panel{margin:0;width:fit-content;max-width:560px}
/* 35: rocky box exactly under the subline, same width; Rocky right */
rd-body.pages-r1 #rocky .section-heading p{max-width:560px;margin-left:auto;margin-right:auto}
rd-body.pages-r1 #rocky .mascot-cols{display:grid;grid-template-columns:1fr minmax(0,560px) 1fr;gap:0 36px;align-items:center;max-width:none}
rd-body.pages-r1 #rocky .mascot-panel{grid-column:2;width:100%;max-width:560px;flex:none;margin:0}
rd-body.pages-r1 #rocky .rocky-feature-sticker{grid-column:3;justify-self:start;margin:0}
/* 36: boxes hug their text */
.pages-r1 .remote-right .paper-panel{width:fit-content;max-width:540px}
.pages-r1 .mascot-cols .paper-panel{flex:0 1 auto;width:fit-content;max-width:540px}
@media(max-width:767px){
 .pages-r1 .story-cols{display:flex;flex-direction:column}
 .pages-r1 .story-right{order:1}
 .pages-r1 .story-side{order:2}
 .pages-r1 .story-right .section-heading,.pages-r1 .story-right .section-heading h2{text-align:center}
 .pages-r1 .story-right .story-panel{margin:0 auto}
 rd-body.pages-r1 #rocky .mascot-cols{display:flex;flex-direction:column;gap:26px}
 rd-body.pages-r1 #rocky .mascot-panel{max-width:none}
 /* 37 + 38: boxes hug text on mobile too */
 .pages-r1 .mascot-cols .paper-panel,.pages-r1 .remote-right .paper-panel,.pages-r1 .story-right .story-panel{width:fit-content;max-width:calc(100vw - 48px)}
 .pages-r1 .remote-right{order:1}
 rd-body.pages-r1 #remote .mascot-cols .rocky-feature-sticker{order:2}
}
/* SEO r7: comments 12-28 + About 39-40. */
/* 14: audit anchor obvious */
rd-body.pages-r1 #seo-audit a,rd-body.pages-r1 .hero-audit a{color:#1d5fae!important;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:650;background:linear-gradient(transparent 62%,#f2d06b66 62% 94%,transparent 94%)}
/* 16: AI answer effect */
.pages-r1 .ai-answer{max-width:560px;position:relative}
.pages-r1 .ai-chip{display:inline-flex;align-items:center;gap:5px;padding:7px 14px;border:1px solid #9fb3c0;border-radius:20px;background:#fffdf6;margin-bottom:14px}
.pages-r1 .ai-chip-label{font-size:12.5px;font-weight:650;color:#3e5261;letter-spacing:.06em;text-transform:uppercase;margin-left:4px}
.pages-r1 .ai-dot{width:7px;height:7px;border-radius:50%;background:#235b92;opacity:.3;animation:aiPulse 1.3s infinite}
.pages-r1 .ai-dot:nth-child(2){animation-delay:.22s}
.pages-r1 .ai-dot:nth-child(3){animation-delay:.44s}
@keyframes aiPulse{0%,100%{opacity:.25}45%{opacity:1}}
.pages-r1 .ai-type{font-size:18px;line-height:1.7}
.pages-r1 .ai-query{background:#e4ecee;padding:1px 7px;border-radius:4px;font-weight:650;color:#19324a}
.pages-r1 .ai-caret{display:inline-block;width:10px;height:21px;background:#235b92;margin:6px 0 0 4px;animation:aiBlink 1s steps(1) infinite;vertical-align:text-bottom}
@keyframes aiBlink{50%{opacity:0}}
@media(prefers-reduced-motion:reduce){.pages-r1 .ai-dot,.pages-r1 .ai-caret{animation:none}}
/* 21: material points, homepage service palette */
.pages-r1 .material-points{grid-template-columns:1fr 1fr;max-width:920px}
.pages-r1 .material-points li:nth-child(1)::before{background-color:#e4ecee;background-image:linear-gradient(110deg,#fff5,transparent 65%),url('../textures/blue-fibre.webp');background-blend-mode:soft-light,multiply;background-size:auto,230px}
.pages-r1 .material-points li:nth-child(2)::before{background-color:#f1ded7;background-image:repeating-linear-gradient(0deg,transparent 0 29px,#b7948f26 29px 30px)}
.pages-r1 .material-points li:nth-child(3)::before{background-color:#e9e4d2;background-image:url('../textures/ivory-fibre.webp')}
.pages-r1 .material-points li:nth-child(4)::before{background-color:#e3e9df;background-image:url('../textures/white-fibre.webp')}
.pages-r1 .material-points li:nth-child(5)::before{background-color:#eee7f0;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#9c87a51f 24px 25px)}
.pages-r1 .material-points li:nth-child(6)::before{background-color:#f6eedd;background-image:url('../textures/graph-paper.webp');background-size:140px}
.pages-r1 .material-points li:nth-child(7)::before{background-color:#e8ceab;background-image:url('../textures/kraft-paper.webp');background-size:cover}
.pages-r1 .material-points li:nth-child(8)::before{background-color:#dfe8e3;background-image:url('../textures/notebook-paper.webp');background-size:200px}
/* 20: included mascot left, points right with material colours */
.pages-r1 .included-cols{display:grid;grid-template-columns:280px minmax(0,1fr);gap:46px;align-items:center;max-width:1100px;margin:26px auto 0}
.pages-r1 .included-cols .included-sticker{width:280px;margin:0}
.pages-r1 .included-cols .service-papers{grid-template-columns:1fr 1fr;margin:0;max-width:none}
.pages-r1 .included-cols .service-papers li:nth-child(1) a::before{background-color:#e4ecee;background-image:linear-gradient(110deg,#fff5,transparent 65%),url('../textures/blue-fibre.webp');background-blend-mode:soft-light,multiply;background-size:auto,230px}
.pages-r1 .included-cols .service-papers li:nth-child(2) a::before{background-color:#f1ded7;background-image:repeating-linear-gradient(0deg,transparent 0 29px,#b7948f26 29px 30px)}
.pages-r1 .included-cols .service-papers li:nth-child(3) a::before{background-color:#e9e4d2;background-image:url('../textures/ivory-fibre.webp')}
.pages-r1 .included-cols .service-papers li:nth-child(4) a::before{background-color:#e3e9df;background-image:url('../textures/white-fibre.webp')}
.pages-r1 .included-cols .service-papers li:nth-child(5) a::before{background-color:#eee7f0;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#9c87a51f 24px 25px)}
.pages-r1 .included-cols .service-papers li:nth-child(6) a::before{background-color:#f6eedd;background-image:url('../textures/graph-paper.webp');background-size:140px}
/* 23: specialised tabs */
.pages-r1 .specials-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:14px;margin-top:34px}
.pages-r1 .specials-label{font-size:24px;color:#235b92;margin:0!important;transform:rotate(-1.5deg)}
.pages-r1 .special-tab{position:relative;isolation:isolate;padding:10px 18px;font-weight:650;font-size:15px;color:#19324a!important;text-decoration:none!important}
.pages-r1 .special-tab::before{content:'';position:absolute;inset:0;z-index:-1;background:#fffdf4 url('../textures/white-fibre.webp') repeat;border:1px solid #9fb3c0;clip-path:polygon(3% 10%,34% 2%,68% 8%,98% 0,100% 88%,66% 98%,30% 92%,0 100%)}
.pages-r1 .special-tab:nth-of-type(2)::before{background-color:#e4ecee}
.pages-r1 .special-tab:nth-of-type(3)::before{background-color:#f1ded7}
.pages-r1 .special-tab:nth-of-type(4)::before{background-color:#e9e4d2}
/* 24: ticket pair */
.pages-r1 .ticket-pair{display:grid;grid-template-columns:1fr auto 1fr;gap:20px;align-items:stretch;max-width:880px;margin:34px auto 0}
.pages-r1 .ticket{position:relative;isolation:isolate;padding:26px 28px}
.pages-r1 .ticket::before{content:'';position:absolute;inset:0;z-index:-1;border:1px solid #9fb3c0;box-shadow:0 6px 20px #172a3a20;background:#fffdf6 url('../textures/white-fibre.webp') repeat;clip-path:polygon(0 4%,4% 0,96% 2%,100% 6%,98% 50%,100% 94%,95% 100%,5% 98%,0 94%,2% 48%)}
.pages-r1 .ticket-seo::before{background-color:#e4ecee;background-image:url('../textures/blue-fibre.webp')}
.pages-r1 .ticket-geo::before{background-color:#f6eedd;background-image:url('../textures/graph-paper.webp');background-size:150px}
.pages-r1 .ticket-eyebrow{font-size:21px;color:#8aa3b4;margin:0!important}
.pages-r1 .ticket h3{font-size:23px;margin-top:4px}
.pages-r1 .ticket ul{list-style:none;margin:14px 0 0;padding:0}
.pages-r1 .ticket li{display:flex;gap:9px;padding:7px 0;font-size:15.5px;line-height:1.55;border-bottom:1px dotted #c3cfd5}
.pages-r1 .ticket li::before{content:'✓';color:#235b92;font-weight:700}
.pages-r1 .ticket-plus{font-size:54px;color:#235b92;align-self:center;margin:0!important}
.pages-r1 .one-bill{text-align:center;margin-top:30px}
.pages-r1 .one-bill-price{font-size:40px;color:#19324a;margin:0!important}
.pages-r1 .one-bill-stamp{display:inline-block;font-size:26px;color:#9d2c45;border:3px solid #9d2c45;border-radius:5px;padding:7px 18px;transform:rotate(-3deg);margin:14px 0 0!important;mask-image:url('../textures/white-fibre.webp');mask-size:300px}
.pages-r1 .one-bill-note{font-size:15px;color:#3e5261;margin-top:14px!important}
.pages-r1 .one-bill .section-cta{margin-top:22px}
/* 25: photo measure cards */
.pages-r1 .photo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:1160px;margin:36px auto 0}
.pages-r1 .measure-card{position:relative;isolation:isolate;margin:0;padding:12px 12px 18px;transform:rotate(-.7deg)}
.pages-r1 .measure-card:nth-child(2n){transform:rotate(.7deg)}
.pages-r1 .measure-card::before{content:'';position:absolute;inset:-4px;z-index:-1;background:#fffdf6 url('../textures/white-fibre.webp') repeat;clip-path:polygon(1% 2%,32% 0,68% 2%,99% 0,100% 98%,66% 100%,30% 98%,0 100%);box-shadow:0 6px 20px #172a3a22}
.pages-r1 .measure-card::after{content:'';position:absolute;width:86px;height:24px;top:-12px;left:50%;transform:translateX(-50%) rotate(-3deg);background:url('../textures/blue-tape.webp') center/100% 100% no-repeat;pointer-events:none}
.pages-r1 .measure-card img{width:100%;aspect-ratio:4/3;object-fit:cover;border:1px solid #c6d2d8}
.pages-r1 .measure-card h3{font-size:18px;margin-top:12px;color:#19324a}
.pages-r1 .measure-card figcaption p{font-size:14px;line-height:1.55;margin-top:6px!important;color:#3e5261}
/* About 39: subline centred under subheading, panel centred under subline */
rd-body.pages-r1 #rocky .mascot-cols{display:flex;flex-direction:column;align-items:center;gap:26px}
rd-body.pages-r1 #rocky .mascot-panel{width:100%;max-width:560px;margin:0}
rd-body.pages-r1 #rocky .rocky-feature-sticker{margin:0}
/* About 40: paragraph spacing inside the story panel */
.pages-r1 .story-panel p+p{margin-top:18px!important}
.pages-r1 .mascot-panel p+p{margin-top:16px!important}
@media(max-width:767px){
 .pages-r1 .material-points{grid-template-columns:1fr;max-width:380px}
 .pages-r1 .included-cols{display:flex;flex-direction:column;gap:24px}
 .pages-r1 .included-cols .included-sticker{width:235px}
 .pages-r1 .included-cols .service-papers{grid-template-columns:1fr 1fr;max-width:380px}
 .pages-r1 .ticket-pair{grid-template-columns:1fr;gap:8px}
 .pages-r1 .ticket-plus{font-size:40px;text-align:center}
 .pages-r1 .photo-grid{grid-template-columns:1fr 1fr;gap:18px}
 .pages-r1 .one-bill-price{font-size:33px}
 .pages-r1 .specials-row{gap:10px}
}
/* About r8: mobile comments 41-45. */
@media(max-width:767px){
 /* 41: slip 07 between 05 and 06 */
 .pages-r1 .service-papers{display:flex;flex-direction:column;max-width:340px}
 .pages-r1 .service-papers li:nth-child(1){order:1}
 .pages-r1 .service-papers li:nth-child(2){order:2}
 .pages-r1 .service-papers li:nth-child(3){order:3}
 .pages-r1 .service-papers li:nth-child(4){order:4}
 .pages-r1 .service-papers li:nth-child(5){order:5}
 .pages-r1 .service-papers li:nth-child(7){order:6;grid-column:auto}
 .pages-r1 .service-papers li:nth-child(6){order:7}
 .pages-r1 .service-papers small{display:block}
 /* 42: LinkedIn button centred */
 rd-body.pages-r1 #founder .text-links{justify-items:center;justify-content:center}
 rd-body.pages-r1 #founder .text-links a{margin:0 auto}
 /* 43: story = Rocky + note first, then heading + box */
 .pages-r1 .story-cols{display:flex;flex-direction:column}
 .pages-r1 .story-side{order:1}
 .pages-r1 .story-right{order:2}
 /* 44: rocky = heading/subline (outside cols) then mascot, then box */
 rd-body.pages-r1 #rocky .mascot-cols{display:flex;flex-direction:column}
 rd-body.pages-r1 #rocky .rocky-feature-sticker{order:1}
 rd-body.pages-r1 #rocky .mascot-panel{order:2}
 /* 45: remote = heading+intro, mascot, box */
 rd-body.pages-r1 #remote .mascot-cols{display:flex;flex-direction:column}
 rd-body.pages-r1 #remote .remote-right{display:contents}
 rd-body.pages-r1 #remote .remote-right .section-heading{order:1}
 rd-body.pages-r1 #remote .mascot-cols>.rocky-feature-sticker{order:2}
 rd-body.pages-r1 #remote .remote-right .paper-panel{order:3;margin:0 auto}
}
@media(max-width:767px){
 rd-body.pages-r1 #founder .text-links{display:flex!important;flex-direction:column;align-items:center;width:100%}
 rd-body.pages-r1 #founder .text-links a{margin:0!important}
}
/* About r9: correct the Rocky desktop layout and story mobile order. */
@media(min-width:768px){
 /* 15+39+44 together: subheader, subline directly under it, box under subline, Rocky on the RIGHT (desktop keeps the side-by-side layout; below-the-subline stacking is mobile only). */
 rd-body.pages-r1 #rocky .section-heading{text-align:left;margin-left:0;margin-right:0}
 rd-body.pages-r1 #rocky .section-heading h2{text-align:left}
 rd-body.pages-r1 #rocky .section-heading p{max-width:560px;margin-left:0;margin-right:0;text-align:left}
 rd-body.pages-r1 #rocky .mascot-cols{display:grid;grid-template-columns:minmax(0,560px) minmax(0,1fr);gap:30px 46px;align-items:center;margin-top:20px}
 rd-body.pages-r1 #rocky .mascot-panel{grid-column:1;width:100%;max-width:560px;margin:0}
 rd-body.pages-r1 #rocky .rocky-feature-sticker{grid-column:2;justify-self:center;margin:0}
}
@media(max-width:767px){
 /* 43: heading first, then mascot + handwritten note, then the text box. */
 rd-body.pages-r1 #story .story-cols{display:flex;flex-direction:column}
 rd-body.pages-r1 #story .story-right{display:contents}
 rd-body.pages-r1 #story .story-right .section-heading{order:1;text-align:center}
 rd-body.pages-r1 #story .story-right .section-heading h2{text-align:center}
 rd-body.pages-r1 #story .story-side{order:2}
 rd-body.pages-r1 #story .story-right .story-panel{order:3;margin:0 auto}
}
/* Tablet: Rocky grid must fit 768px. */
@media(min-width:768px) and (max-width:1100px){
 rd-body.pages-r1 #rocky .mascot-cols{grid-template-columns:minmax(0,1fr) 240px;gap:24px}
 rd-body.pages-r1 #rocky .rocky-feature-sticker{width:240px;flex-basis:auto}
 .pages-r1 .story-cols{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:28px}
 .pages-r1 .story-sticker{width:250px}
 .pages-r1 .rocky-feature-sticker{width:240px}
 .pages-r1 .mascot-cols{gap:30px}
}
/* SEO r8 (29,30,33,36,47,48,49) + About r10 (46,47,48). */
/* 30: podium Rocky much larger on desktop */
@media(min-width:768px){
 .pages-r1 .what-sticker{width:400px}
 .pages-r1 .what-cols{grid-template-columns:1.15fr 1fr}
}
/* 33: package design */
.pages-r1 .pkg-arrow-note{font-size:25px;color:#235b92;text-align:center;margin:26px auto 2px!important;transform:rotate(-1.4deg)}
.pages-r1 .one-bill-slip{position:relative;isolation:isolate;display:inline-block;padding:14px 26px;font-size:15.5px;color:#19324a;margin-top:18px}
.pages-r1 .one-bill-slip::before{content:'';position:absolute;inset:0;z-index:-1;background:#f6eedd url('../textures/graph-paper.webp') repeat;background-size:150px;border:1px solid #9fb3c0;clip-path:polygon(1% 12%,22% 2%,48% 9%,74% 0,99% 6%,100% 90%,74% 100%,46% 93%,20% 100%,0 94%);transform:rotate(-.7deg)}
.pages-r1 .slip-tick{color:#235b92;font-size:22px;margin-right:4px}
.pages-r1 .slip-dot{color:#8aa3b4;margin:0 6px}
rd-body.pages-r1 #package{background:#eaf0ee url('../textures/white-fibre.webp') repeat}
.pages-r1 .ticket h3{margin-top:0}
/* 36: measure photos sharp: render at native ratio, no upscale-crop */
.pages-r1 .photo-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:980px;gap:30px}
.pages-r1 .measure-card img{aspect-ratio:auto;width:100%;height:auto;image-rendering:auto}
/* 47 seo: centred podium on mobile */
@media(max-width:767px){
 .pages-r1 .what-side{align-items:center;width:100%}
 .pages-r1 .what-sticker{margin:0 auto}
 /* 48 seo: why points 2-up on mobile */
 .pages-r1 .material-points{display:grid;grid-template-columns:1fr 1fr;gap:10px;max-width:420px}
 .pages-r1 .material-points li{padding:14px 10px 13px 30px;font-size:13px;line-height:1.45}
 .pages-r1 .material-points li::after{left:9px;top:13px;font-size:15px}
 /* 49: founder CTAs side by side */
 rd-body.pages-r1 #founder .text-links{display:flex!important;flex-direction:row;justify-content:center;gap:10px;flex-wrap:nowrap}
 rd-body.pages-r1 #founder .text-links a{margin:0!important;font-size:13.5px;padding:12px 14px;white-space:nowrap}
 /* About 47: service slips 2-up, point 7 centred below */
 .pages-r1 .service-papers{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;max-width:380px}
 .pages-r1 .service-papers li:nth-child(6){order:0}
 .pages-r1 .service-papers li:nth-child(7){order:1;grid-column:1/-1;justify-self:center;width:calc(50% - 6px)}
 .pages-r1 .service-papers li{order:0}
 .pages-r1 .service-papers small{display:none}
 .pages-r1 .service-papers a{padding:16px 12px 13px}
 .pages-r1 .service-papers strong{font-size:15px}
 .pages-r1 .service-papers .svc-num{font-size:20px}
 /* About 48: certification collapsible like homepage mobile */
 rd-body.pages-r1 .certificate-groups{gap:10px}
}
/* About 46: tighter Meet Rocky spacing */
@media(min-width:768px){
 rd-body.pages-r1 #rocky{padding:56px 0}
 rd-body.pages-r1 #rocky .section-heading p{margin-top:10px!important}
 rd-body.pages-r1 #rocky .mascot-cols{margin-top:10px}
}
/* About 47 final: slips 01-06 in 2 columns, 07 centred below 05+06. */
@media(max-width:767px){
 .pages-r1 .service-papers li:nth-child(1){order:1}
 .pages-r1 .service-papers li:nth-child(2){order:2}
 .pages-r1 .service-papers li:nth-child(3){order:3}
 .pages-r1 .service-papers li:nth-child(4){order:4}
 .pages-r1 .service-papers li:nth-child(5){order:5}
 .pages-r1 .service-papers li:nth-child(6){order:6}
 .pages-r1 .service-papers li:nth-child(7){order:7}
}
/* SEO r9: comments 50-55. */
/* 51: clear space between the AI answer paragraphs */
.pages-r1 .ai-answer .ai-type{margin-top:0!important}
.pages-r1 .ai-answer .ai-type+.ai-type{margin-top:18px!important}
/* 52: Local SEO heading visibly linked */
.pages-r1 .service-papers a[href*="local-seo"] strong{color:#1d5fae!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
/* 53: centred pricing card, live-page style on journal paper */
.pages-r1 .price-card{max-width:620px;margin:34px auto 0;text-align:center;padding:36px 38px 34px}
.pages-r1 .price-from{display:flex;align-items:baseline;justify-content:center;gap:10px;margin:0!important}
.pages-r1 .price-hand{font-size:26px;color:#235b92}
.pages-r1 .price-from strong{font-size:52px;letter-spacing:-.04em;color:#19324a;line-height:1}
.pages-r1 .price-per{font-size:20px;color:#3e5261}
.pages-r1 .price-sub{font-size:15px;color:#3e5261;margin-top:10px!important;padding-bottom:16px;border-bottom:2px dashed #9fb3c0}
.pages-r1 .price-list{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 26px;text-align:left}
.pages-r1 .price-list li{display:flex;gap:9px;padding:8px 0;font-size:15.5px;line-height:1.5;border-bottom:1px dotted #c3cfd5}
.pages-r1 .price-list li::before{content:'✓';color:#235b92;font-weight:700;flex:none}
.pages-r1 .price-card .one-bill-stamp{margin:24px auto 0!important}
.pages-r1 .price-cta{margin-top:24px;text-align:center}
.pages-r1 .price-cta .paper-cta{margin:0 auto}
@media(max-width:767px){
 .pages-r1 .price-card{padding:28px 22px 28px}
 .pages-r1 .price-list{grid-template-columns:1fr}
 .pages-r1 .price-from strong{font-size:42px}
}
/* About 49: subline sits close to its box. */
@media(min-width:768px){
 rd-body.pages-r1 #rocky .section-heading{margin-bottom:0}
 rd-body.pages-r1 #rocky .mascot-cols{margin-top:14px}
}
@media(max-width:767px){
 rd-body.pages-r1 #rocky .section-heading{margin-bottom:0}
 rd-body.pages-r1 #rocky .mascot-cols{gap:18px;margin-top:12px}
}
/* SEO 56: package heading left, price card right. */
@media(min-width:768px){
 .pages-r1 .package-cols{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,620px);gap:56px;align-items:center;max-width:1160px;margin:0 auto}
 .pages-r1 .package-cols .section-heading{text-align:left;margin:0}
 .pages-r1 .package-cols .section-heading h2{text-align:left}
 .pages-r1 .package-cols .section-heading p{text-align:left;margin-left:0}
 .pages-r1 .package-cols .price-card{margin:0}
}
@media(max-width:767px){
 .pages-r1 .package-cols{display:flex;flex-direction:column}
 .pages-r1 .package-cols .price-card{margin:10px auto 0}
}
/* SEO 57: slightly less space above Showcased by. */
@media(min-width:768px){
 rd-body.pages-r1 .page-hero{padding-bottom:42px}
 rd-body.pages-r1 #press{padding-top:46px}
}
@media(max-width:767px){
 rd-body.pages-r1 #press{padding-top:38px}
}
/* SEO 58: a touch less gap inside the hero eyebrow. */
rd-body.pages-r1 #seo-hero .eyebrow{gap:2px 5px}
/* SEO 59: the three question sections share one chapter axis. */
.pages-r1 .q-tab{display:inline-block;font-size:25px;color:#19324a;padding:7px 18px 9px;position:relative;isolation:isolate;transform:rotate(-2deg);margin-bottom:12px}
.pages-r1 .q-tab::before{content:'';position:absolute;inset:0;z-index:-1;background:#e8ceab url('../textures/kraft-paper.webp') center/cover;clip-path:polygon(0 12%,20% 2%,45% 8%,72% 0,100% 6%,97% 90%,70% 100%,40% 94%,12% 100%,2% 92%);box-shadow:0 3px 10px #172a3a22}
@media(min-width:768px){
 rd-body.pages-r1 #what-is-seo .section-heading,rd-body.pages-r1 #why-seo .section-heading,rd-body.pages-r1 #included .section-heading{max-width:1020px;margin-left:auto;margin-right:auto;text-align:left}
 rd-body.pages-r1 #what-is-seo .section-heading h2,rd-body.pages-r1 #why-seo .section-heading h2,rd-body.pages-r1 #included .section-heading h2{text-align:left}
 rd-body.pages-r1 #what-is-seo .section-heading p,rd-body.pages-r1 #why-seo .section-heading p,rd-body.pages-r1 #included .section-heading p{text-align:left;margin-left:0;margin-right:auto}
 .pages-r1 .what-cols{max-width:1020px}
 .pages-r1 .material-points{max-width:1020px}
 .pages-r1 .included-cols{max-width:1020px;margin-left:auto;margin-right:auto}
}
@media(max-width:767px){
 .pages-r1 .q-tab{font-size:22px;padding:6px 15px 7px}
}
/* 56 extra design: hand-drawn arrow to the card and a circled price. */
.pages-r1 .pkg-arrow{display:block;width:130px;height:56px;background:url('../textures/arrow.svg') center/contain no-repeat;margin-top:20px;opacity:.9}
.pages-r1 .price-from strong{position:relative;isolation:isolate}
.pages-r1 .price-from strong::after{content:'';position:absolute;inset:-16px -24px;background:url('../textures/circle.svg') center/100% 100% no-repeat;pointer-events:none;opacity:.85}
@media(max-width:767px){
 .pages-r1 .pkg-arrow{display:none}
}
/* SEO 60: underline Best Brands. */
.pages-r1 #brands .brand-intro h2 .brands-underline{background:url('../textures/underline.svg') bottom center/100% 14px no-repeat;padding-bottom:12px}
/* SEO r11: comments 61-70. */
/* 65+66: stronger chip colours against the cream section background */
.pages-r1 .material-points li:nth-child(3)::before{background-color:#d8e4da;background-image:url('../textures/white-fibre.webp')}
.pages-r1 .material-points li:nth-child(4)::before{background-color:#f0dcc1;background-image:url('../textures/kraft-paper.webp');background-size:cover}
.pages-r1 .material-points li:nth-child(7)::before{background-color:#e3dcee;background-image:repeating-linear-gradient(90deg,transparent 0 24px,#9c87a51f 24px 25px)}
/* 67: no tape on the included slips, tidy straight stack */
rd-body.pages-r1 #included .service-papers a::after{content:none}
rd-body.pages-r1 #included .service-papers li a{transform:none}
/* 70: podium Rocky pinned with a paperclip, not tape */
rd-body.pages-r1 #what-is-seo .what-sticker.taped::after{background:url('../textures/paperclip.webp') center/contain no-repeat;width:17%;height:26%;top:-9%;left:16%;transform:rotate(8deg)}
/* SEO r12: comments 71-72. */
/* 71: mascot sits right beside the text box; paperclip touches the ear */
rd-body.pages-r1 .what-cols{grid-template-columns:minmax(0,560px) auto;justify-content:center;gap:34px}
.pages-r1 .what-side{justify-self:start}
rd-body.pages-r1 #what-is-seo .what-sticker.taped::after{top:-3%;left:24%;transform:rotate(10deg)}
/* 72: included points as tidy coloured index cards, no numbers, linked headings */
rd-body.pages-r1 #included .included-cards{gap:18px}
rd-body.pages-r1 #included .included-cards .svc-num{display:none}
rd-body.pages-r1 #included .included-cards a{padding:22px 24px;gap:7px}
rd-body.pages-r1 #included .included-cards a::before{clip-path:polygon(0 3%,3% 0,97% 1%,100% 4%,99% 96%,96% 100%,4% 99%,0 96%);border:1px solid #a8977d;box-shadow:2px 3px 10px #172a3a1a}
rd-body.pages-r1 #included .included-cards li a{transform:none}
rd-body.pages-r1 #included .included-cards strong{font-size:17.5px}
rd-body.pages-r1 #included .service-papers a[href*="seo-copywriting"] strong,rd-body.pages-r1 #included .service-papers a[href$="/geo"] strong{color:#1d5fae!important;text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:4px}
@media(max-width:767px){
 rd-body.pages-r1 .what-cols{display:flex;flex-direction:column}
 rd-body.pages-r1 #included .included-cards{grid-template-columns:1fr;max-width:420px}
 rd-body.pages-r1 #included .included-cards small{display:block}
}
/* SEO r13: comments 73-79. */
/* 73: mascot raised, top-aligned beside the text box */
rd-body.pages-r1 .what-cols{align-items:start}
.pages-r1 .what-side{margin-top:4px}
/* 74-78: included points as torn-paper notes, varied colours and textures, no boxes */
.pages-r1 .included-points{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:22px 24px}
.pages-r1 .included-points li{position:relative;isolation:isolate;padding:20px 22px 18px}
.pages-r1 .included-points li::before{content:'';position:absolute;inset:0;z-index:-1;clip-path:polygon(2% 9%,18% 2%,41% 7%,63% 0,86% 5%,99% 1%,100% 90%,82% 98%,58% 93%,34% 100%,12% 95%,0 99%);box-shadow:0 5px 16px #172a3a1f}
.pages-r1 .included-points li:nth-child(1)::before{background:#e4ecee url('../textures/blue-fibre.webp') repeat;background-size:230px}
.pages-r1 .included-points li:nth-child(2)::before{background:#f1ded7 repeating-linear-gradient(0deg,transparent 0 29px,#b7948f26 29px 30px)}
.pages-r1 .included-points li:nth-child(3)::before{background:#e9e4d2 url('../textures/ivory-fibre.webp') repeat}
.pages-r1 .included-points li:nth-child(4)::before{background:#d8e4da url('../textures/white-fibre.webp') repeat}
.pages-r1 .included-points li:nth-child(5)::before{background:#e3dcee repeating-linear-gradient(90deg,transparent 0 24px,#9c87a51f 24px 25px)}
.pages-r1 .included-points li:nth-child(6)::before{background:#f0dcc1 url('../textures/kraft-paper.webp') center/cover no-repeat}
.pages-r1 .included-points li:nth-child(2n){transform:rotate(.7deg)}
.pages-r1 .included-points li:nth-child(2n+1){transform:rotate(-.8deg)}
.pages-r1 .included-points strong{display:block;font-size:17.5px;color:#19324a}
.pages-r1 .included-points small{display:block;font-size:14px;line-height:1.55;color:#3e5261;margin-top:6px}
/* 79: more colour in the package section */
rd-body.pages-r1 #package{background:#e4ecf2 url('../textures/blue-fibre.webp') repeat}
.pages-r1 .price-card::before{background-color:#fffaef}
.pages-r1 .price-from strong{background:linear-gradient(transparent 55%,#f2d06b80 55% 92%,transparent 92%)}
.pages-r1 .price-list li::before{color:#235b92}
.pages-r1 .price-list li:nth-child(2n)::before{color:#b3860f}
.pages-r1 .price-list li:nth-child(2n){background:linear-gradient(90deg,#f2ecdb66,transparent 85%)}
.pages-r1 .price-sub{color:#4a5b68}
@media(max-width:767px){
 .pages-r1 .included-points{grid-template-columns:1fr;max-width:420px;margin:0 auto}
}
/* SEO r14: comments 80-81, structured FAQ answers. */
.pages-r1 .faq-rich p{font-size:15.5px;line-height:1.7;margin:0 0 12px!important}
.pages-r1 .faq-rich p:last-child{margin-bottom:0!important}
.pages-r1 .faq-rich ul,.pages-r1 .faq-rich ol{margin:0 0 12px;padding-left:22px}
.pages-r1 .faq-rich ul{list-style:disc}
.pages-r1 .faq-rich ol{list-style:decimal}
.pages-r1 .faq-rich li{font-size:15px;line-height:1.65;margin-top:6px}
.pages-r1 .faq-rich a{color:#1d5fae!important;text-decoration:underline!important;text-decoration-thickness:2px;text-underline-offset:4px;font-weight:600}
.pages-r1 .faq-rich strong{color:#19324a}
/* SEO r15: comments 82-83, podium Rocky sizing and alignment. */
@media(min-width:768px){
 /* 83: raise the mascot so it spans the heading + text box */
 .pages-r1 .what-side{margin-top:-94px}
}
@media(max-width:767px){
 /* 82: larger podium Rocky on mobile */
 rd-body.pages-r1 .what-sticker{width:300px;max-width:86%}
}
/* SEO r16: comments 84-86. 86: hero sizing matches the journal hero exactly. */
rd-body.pages-r1 #seo-hero{padding:60px 0 48px}
rd-body.pages-r1 #seo-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.03em}
@media(max-width:767px){
 rd-body.pages-r1 #seo-hero{padding:40px 0 46px}
 rd-body.pages-r1 #seo-hero h1{font-size:clamp(40px,10.8vw,48px)}
}
/* SEO r17: hero geometry identical to the journal hero. */
rd-body.pages-r1 .hero-scene.page-hero .shell{max-width:none}
rd-body.pages-r1 #seo-hero h1{letter-spacing:-.05em}
/* About r11: hero h1 matches the journal and SEO heroes exactly. */
rd-body.pages-r1 #about-hero{padding:60px 0 48px}
rd-body.pages-r1 #about-hero h1{font-size:48px;line-height:1.12;letter-spacing:-.05em}
@media(max-width:767px){
 rd-body.pages-r1 #about-hero{padding:40px 0 46px}
 rd-body.pages-r1 #about-hero h1{font-size:clamp(40px,10.8vw,48px)}
}
/* Hero h1 parity, mobile: match the journal's rendered 39px. */
@media(max-width:767px){
 rd-body.pages-r1 #about-hero h1,rd-body.pages-r1 #seo-hero h1{font-size:39px;line-height:1.12;letter-spacing:-.05em}
}
/* Mobile h1 letter-spacing matches the journal's rendered -.045em. */
@media(max-width:767px){
 rd-body.pages-r1 #about-hero h1,rd-body.pages-r1 #seo-hero h1{letter-spacing:-.045em}
}