/* Paperbot marketing preview: shared editorial hierarchy and approved palette. */
:root{--editorial-ink:#202630;--editorial-blue:#204bff;--editorial-line:#e9ecf2}
header .wrap{max-width:1306px}header nav{font-weight:500}
.main-preview .nav{min-height:94px;height:auto;padding-block:20px}
.main-preview .hero-grid{min-height:640px;padding-top:90px;padding-bottom:110px;align-items:center;grid-template-columns:1fr 1fr}
.main-preview .hero-copy .eyebrow{font-size:11px;letter-spacing:.16em;margin-bottom:28px;max-width:420px}
.main-preview .hero h1{font-size:clamp(56px,6.8vw,96px);line-height:1.02;font-weight:500;letter-spacing:-.065em;white-space:normal;margin-bottom:30px}
.main-preview .hero-intro{font-size:clamp(17px,1.55vw,21px);line-height:1.65;max-width:450px;color:#667085}
.main-preview .hero .actions{gap:14px;flex-wrap:wrap;margin-top:32px}
.main-preview .hero .button{font-size:14px;min-height:48px;padding:15px 20px;font-weight:500}
.main-preview .hero-art[data-crm-diagram=website]{width:50%;top:48%;right:-1%;max-width:680px}
.main-preview .hero-signoff{font-size:10px;letter-spacing:.13em;bottom:40px}
.solution-domains{padding-block:90px;display:grid;grid-template-columns:.9fr 1.25fr;gap:100px;border-top:1px solid #e9ecf2}
.domain-heading h2,.experience-intro h2{font-size:clamp(34px,4vw,54px);font-weight:500;line-height:1.08;letter-spacing:-.05em;margin:26px 0}
.domain-heading>p:last-child,.experience-intro>p:last-child{font-size:17px;line-height:1.75;color:#667085;max-width:460px}
.domain-list>a{display:grid;grid-template-columns:28px 1fr 25px;gap:20px;padding:25px 0;border-top:1px solid #e9ecf2;align-items:baseline}
.domain-list>a:last-child{border-bottom:1px solid #e9ecf2}.domain-number{font-size:11px;color:#c5561d}.domain-list h3{font-size:23px;font-weight:500;letter-spacing:-.025em;line-height:1.3;margin-bottom:8px}.domain-list p{font-size:14px;line-height:1.7;color:#667085}.domain-arrow{color:#204bff;transition:transform .25s}.domain-list a:hover h3{color:#204bff}.domain-list a:hover .domain-arrow{transform:translate(3px,-3px)}
.experience-intro{padding-block:70px 60px;border-top:1px solid #e9ecf2}.experience-intro h2{max-width:760px}.experience-intro>p:last-child{max-width:650px}
.main-preview .section-copy>h2,.main-preview .journey h2,.main-preview .faq-section h2,.main-preview .contact-section h2{font-weight:500;letter-spacing:-.045em;line-height:1.09}
.main-preview .contact-section #enquiry{border-radius:12px}.main-preview #enquiry-title{font-weight:500}
.service-directory>.services-grid>.services-group{background:transparent;border:0;border-top:1px solid #e9ecf2;border-radius:0;padding:26px 0}
.service-directory .services-group h2{font-size:23px;line-height:1.25;letter-spacing:-.03em;font-weight:500;margin-bottom:25px}
.service-directory .services-link{margin:0;padding:13px 10px;border-bottom:1px solid #e9ecf2;border-radius:0}.service-directory .services-link strong{font-size:16px;font-weight:400}
.service-directory>.services-grid{column-gap:75px;row-gap:32px}.services-inner .services-group h2{font-size:12px}.services-panel .services-link strong{font-weight:400}.services-panel .services-link{padding-block:10px}
.service-directory [id]{scroll-margin-top:40px}
@media(max-width:800px){.main-preview .nav{min-height:78px;padding-block:12px}.main-preview .hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding-top:45px;padding-bottom:30px}.main-preview .hero-copy{width:100%}.main-preview .hero h1{font-size:clamp(49px,10vw,78px)}.main-preview .hero-art[data-crm-diagram=website]{position:relative;top:auto;right:auto;width:100%;max-width:520px;transform:none;margin:32px auto 0}.main-preview .hero-signoff{position:static;margin-top:25px;order:4}.solution-domains{padding-block:48px;grid-template-columns:1fr;gap:35px}.domain-heading h2,.experience-intro h2{font-size:36px}.domain-list h3{font-size:21px}.experience-intro{padding-block:45px}.domain-list>a{gap:12px}.service-directory>.services-grid{gap:26px}.main-preview .nav nav.open{padding-bottom:20px}}
@media(prefers-reduced-motion:reduce){.domain-arrow{transition:none}}
@media(min-width:801px){.main-preview .nav nav{font-size:14px}.main-preview .nav-cta{font-size:13px;margin-left:20px}.main-preview .nav nav{gap:26px}}