/* Hosting preparation: same approved design, local fonts and keyboard support. */
[hidden] { display:none!important; }
:focus-visible { outline:3px solid #3f368f; outline-offset:4px; }
section[id] { scroll-margin-top:110px; }
.single-direction .experience { background:#f6f6fb; border-block:1px solid #e4e5ed; }
.experience-layout { display:grid; grid-template-columns:1.05fr 1fr; gap:90px; align-items:center; }
.experience h2,.data-protection h2 { color:#0c1b4b; }
.experience h2 { font-size:clamp(34px,4vw,54px); line-height:1.08; letter-spacing:-.045em; margin:18px 0 26px; }
.experience p { color:#555b6c; max-width:590px; }
.experience-facts { display:grid; grid-template-columns:1fr 1fr; gap:25px; }
.experience-facts article { border-top:2px solid #0c1b4b; padding-top:25px; }
.experience-facts article>span,.protection-grid article>span { font-size:10px; letter-spacing:.12em; font-weight:650; color:#62697d; display:block; }
.experience-facts strong { display:block; color:#0c1b4b; font-size:clamp(26px,2.4vw,38px); line-height:1.15; letter-spacing:-.04em; margin:22px 0 12px; }
.experience-facts p { font-size:13px; margin:0; }
.protection-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:34px 60px; }
.protection-grid article { border-top:1px solid #dce0eb; padding-top:24px; }
.protection-grid h3 { font-size:21px; line-height:1.3; color:#0c1b4b; letter-spacing:-.025em; margin:16px 0 12px; }
.protection-grid p { color:#555b6c; font-size:15px; margin:0; }
.protection-note { border-left:3px solid #6558d3; background:#f5f5fc; padding:24px 28px; margin-top:40px; }
.protection-note strong { color:#0c1b4b; }
.protection-note p { margin:8px 0 0; color:#555b6c; font-size:14px; }
.footer-links { display:flex; flex-wrap:wrap; gap:12px 22px; }
.single-direction footer { gap:25px; }
.single-direction footer>span { max-width:250px; }
.noscript-note { padding:24px; margin:20px auto; max-width:950px; background:#f2f0ff; color:#0c1b4b; }
.simple-page { font-family:Inter,Arial,sans-serif; max-width:760px; margin:10vh auto; padding:30px; line-height:1.65; color:#0c1b4b; }
.simple-page h1 { font-size:44px; line-height:1.1; letter-spacing:-.04em; }
.simple-page a { color:#4836b1; }
@media(max-width:1050px) { .experience-layout { gap:45px; } .single-direction .site-nav nav { gap:15px; } }
@media(max-width:800px) { .experience-layout { grid-template-columns:1fr; gap:35px; } .protection-grid { gap:30px; } .single-direction footer { flex-wrap:wrap; } .footer-links { width:100%; } }
@media(max-width:560px) { .protection-grid { grid-template-columns:1fr; } .experience-facts { gap:20px; } .protection-note { padding:20px; } .single-direction footer>span { max-width:none; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto!important; } *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; transition-duration:.01ms!important; } }
@media print { .site-nav,.contact,footer,dialog,.button,.menu-button { display:none!important; } .section-pad { padding:30px 0!important; } .container { width:100%!important; } .service-card,.experience-facts article,.protection-grid article { break-inside:avoid; } }

/* Draft: clear format explanation and a more readable text scale. */
.single-direction .service-introduction .opening-top>div>p:not(.digital-service-line){font-size:18px;line-height:1.75;color:#505969;max-width:770px}
.single-direction .opening-top .text-link{font-size:15px;line-height:1.6;color:#46526a}
.single-direction .button,.single-direction .opening-top .actions .button,.single-direction .nav-action{font-size:15px;line-height:1.5;min-height:46px}
.single-direction .site-nav nav a{font-size:15px;color:#465166}
.single-direction .eyebrow{font-size:12px;line-height:1.6;letter-spacing:.1em}
.single-direction .section-heading>p{font-size:18px;line-height:1.75;color:#515969;max-width:760px}
.single-direction .service-copy>p,.single-direction .scope p,.single-direction .media-copy>p,.single-direction .format-copy>p,.single-direction .experience p{font-size:17px;line-height:1.75;color:#505969}
.single-direction .service-copy .check-list li,.single-direction .media-copy .check-list li{font-size:16px;line-height:1.65}
.single-direction .service-copy .service-deliverable{font-size:18px;line-height:1.5;font-weight:600;color:#5142a4;padding:13px 0 13px 16px;margin:20px 0 25px;border-left:3px solid #8577e4;max-width:420px}
.single-direction .service-1 .service-copy>p,.single-direction .service-1 .format-note p{color:#d5d5de}
.single-direction .service-1 .service-copy .service-deliverable{color:#e1dafe;border-left-color:#a799f5}
.single-direction .service-price small{font-size:14px;line-height:1.6;color:#505969}
.single-direction .service-1 .service-price small{color:#d5d5de}
.single-direction .service-copy .format-note p,.single-direction .format-note b{font-size:15px;line-height:1.7}
.single-direction .conditions-heading>p,.single-direction .conditions-grid p,.single-direction .extra-cost-grid p,.single-direction .delivery-grid p,.single-direction .scope-list p,.single-direction .process-grid p{font-size:16px;line-height:1.7;color:#505969}
.single-direction .conditions-grid article>span,.single-direction .extra-cost-grid article>span,.single-direction .delivery-grid article>span,.single-direction .experience-facts article>span,.single-direction .protection-grid article>span{font-size:12px;line-height:1.6;color:#576177}
.single-direction .extra-cost-heading p,.single-direction .extras-combined,.single-direction .video-price-strip p,.single-direction .price-note,.single-direction .approval-responsibility>div p,.single-direction .detail-price-note p,.single-direction .media-price,.single-direction .delivery-note,.single-direction .delivery-grid small,.single-direction .protection-note p{font-size:15px;line-height:1.75;color:#505969}
.single-direction .extra-cost-grid strong,.single-direction .video-price-strip>span:last-child{font-size:14px;line-height:1.5}
.single-direction .report-extract-label{font-size:13px;line-height:1.7;letter-spacing:.035em}
.single-direction .protection-grid p,.single-direction .faq details p{font-size:17px;line-height:1.75;color:#505969}
.single-direction .faq summary{font-size:17px;line-height:1.5;padding-block:22px}
.single-direction .contact p,.single-direction .experience-facts p{font-size:16px;line-height:1.7}
.single-direction .format-card p{font-size:15px;line-height:1.8}
.single-direction .live-example .section-heading>p{color:#d0d0da}
.single-direction .allocation-example-link>span,.single-direction .allocation-example-link .button{font-size:14px;line-height:1.6}
.single-direction .report-format-intro{background:#fff;border-bottom:1px solid #e4e5ed;padding-block:62px}
.format-intro-heading{max-width:780px}
.single-direction .format-intro-heading h2{font-size:clamp(30px,3.2vw,42px);line-height:1.16;letter-spacing:-.04em;color:#0c1b4b;margin:17px 0 20px}
.single-direction .format-intro-heading>p{font-size:18px;line-height:1.75;color:#505969}
.format-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;margin-top:35px}
.format-intro-grid article{border-top:1px solid #dcdce9;padding-top:20px;min-width:0}
.format-feature-number{font-size:13px;font-weight:600;color:#6558d3;display:block;margin-bottom:13px}
.single-direction .format-intro-grid h3{font-size:19px;line-height:1.4;letter-spacing:-.02em;margin:0 0 12px;color:#0c1b4b;font-weight:600}
.single-direction .format-intro-grid p{font-size:16px;line-height:1.7;color:#505969;margin:0}
.format-intro-bottom{display:flex;gap:30px;justify-content:space-between;align-items:center;border-top:1px solid #e6e6ee;margin-top:32px;padding-top:22px}
.single-direction .format-intro-bottom p{font-size:14px;line-height:1.7;color:#535c6e;max-width:690px;margin:0}
.format-intro-bottom a{font-size:15px;line-height:1.6;font-weight:550;color:#5142a4;text-decoration:none;flex-shrink:0}
.format-intro-bottom a:hover{text-decoration:underline}
@media(max-width:1050px){.format-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:26px 35px}.format-intro-bottom{align-items:flex-start;flex-direction:column;gap:14px}.single-direction .site-nav nav{gap:15px}}
@media(max-width:800px){.single-direction .report-format-intro{padding-block:48px}.single-direction .service-copy .service-deliverable{font-size:17px}.single-direction .service-introduction .opening-top>div>p:not(.digital-service-line){font-size:17px}.single-direction .conditions-grid h4{font-size:19px}.single-direction .approval-responsibility>span{font-size:18px}}
@media(max-width:560px){.single-direction .service-introduction .eyebrow{font-size:11px;max-width:320px}.single-direction .service-introduction .opening-top>div>p:not(.digital-service-line){font-size:17px;max-width:none}.format-intro-grid{grid-template-columns:1fr;gap:22px}.single-direction .format-intro-grid h3{margin-bottom:7px}.format-feature-number{margin-bottom:9px}.single-direction .format-intro-heading>p{font-size:17px}.single-direction .section-heading>p{font-size:17px}.single-direction .button,.single-direction .opening-top .actions .button{font-size:15px;white-space:normal;text-align:center}.single-direction .report-extract-label{font-size:12px;padding:15px}.single-direction .detail-price-note p{font-size:15px}.single-direction .site-nav .rr-logo{width:240px;max-width:100%}}

/* Compact practical details and lower example call-to-action. */
.single-direction .live-example .section-heading{margin-bottom:0}
.single-direction .faq details[id]{scroll-margin-top:110px}

/* Keep the dark service card heading readable. */
.single-direction .service-card.service-1 h3{color:#fff}

