/* Scoped extension of the published /solutions/270/ Manrope/green system.
   No global navigation, cookie, analytics or other product style changes. */
.topit270 {
  --topit-space-1: .25rem;
  --topit-space-2: .5rem;
  --topit-space-3: .75rem;
  --topit-space-4: 1rem;
  --topit-space-5: 1.25rem;
  --topit-space-6: 1.5rem;
  --topit-space-8: 2rem;
  --topit-space-10: 2.5rem;
  --topit-space-12: 3rem;
  --topit-body: clamp(1rem, .96rem + .18vw, 1.125rem);
  --topit-small: .875rem;
  --topit-title: clamp(2rem, 1.55rem + 2.4vw, 3.5rem);
  --topit-heading: clamp(1.6rem, 1.3rem + 1.2vw, 2.375rem);
  --topit-header: 4.5rem;
}
.topit270 .hero { padding-block: var(--topit-space-12); }
.topit270 .hero h1 { font-size: var(--topit-title); line-height: 1.1; max-width: 1020px; margin-block: var(--topit-space-5); }
.topit270 .hero .lead { font-size: var(--topit-body); max-width: 850px; }
.topit270 .hero-cta { margin-top: var(--topit-space-5); gap: var(--topit-space-4); }
.topit270 .hero-cta .btn { min-height: 48px; }
.topit270 .hero-eyebrow { font-size: var(--topit-small); padding: var(--topit-space-2) var(--topit-space-3); }
.topit-price { margin-top: var(--topit-space-6); border-left: 3px solid var(--a); padding-left: var(--topit-space-4); max-width: 840px; }
.topit-price > strong { display:block; color: var(--a); font-size: var(--topit-heading); line-height:1.25; }
.topit-price p { margin-block: var(--topit-space-1); font-size: var(--topit-body); line-height:1.5; }
.topit-secondary-link { color:var(--t); text-underline-offset:.25em; font-size:var(--topit-small); }
.topit-small { font-size:var(--topit-small); line-height:1.55; color:var(--m); max-width:860px; margin-top:var(--topit-space-5); }
.topit270 .subnav { top:var(--topit-header); }
.topit270 .subnav .wrap { padding-block: var(--topit-space-2); }
.topit270 .section { padding-block:var(--topit-space-12); }
.topit270 section[id], .topit-anchor { scroll-margin-top: calc(var(--topit-header) + 5rem); }
.topit-anchor { display:block; height:0; pointer-events:none; }
.topit270 h2 { font-size:var(--topit-heading); line-height:1.2; max-width:1000px; }
.topit-prose p, .topit-prose li { font-size:var(--topit-body); line-height:1.75; color:var(--m); }
.topit-prose p { max-width:1000px; }
.topit-prose strong { color:var(--t); }
.topit-list { padding-left:var(--topit-space-5); display:grid; gap:var(--topit-space-3); max-width:1000px; }
.topit-list li { padding-left:var(--topit-space-1); }
.topit-list li::marker { color:var(--a); }
.topit270 .tbl { font-size:var(--topit-small); line-height:1.65; }
.topit270 .tbl td { color:var(--m); }
.topit270 .table-wrap:focus-visible { outline:2px solid var(--a); outline-offset:3px; }
.topit270 summary { line-height:1.5; font-size:var(--topit-body); padding-right:var(--topit-space-4); }
.topit-budget { margin-top:var(--topit-space-8); padding-top:var(--topit-space-6); border-top:1px solid var(--l); }
.topit270 .milestone { line-height:1.65; }
.topit270 .topit-cta { margin:var(--topit-space-12) auto; }
.topit-cta .topit-form-price { color:#142033; font-size:var(--topit-body); line-height:1.6; font-weight:600; }
.topit-cta .topit-contacts { font-size:var(--topit-body); line-height:1.8; }
.topit-cta .topit-secondary-contact { font-size:var(--topit-small); color:#3d4b60; }
.topit-cta .cdo-cta-copy a { color:#245b09; text-underline-offset:.2em; }
.topit-cta .cdo-field--contact { order:0; }
.topit-cta .cdo-field--name { order:2; }
.topit-cta .cdo-field--university { order:3; }
.topit-cta .cdo-form-hint { order:1; }
.topit-cta .cdo-field--comment { order:4; }
.topit-cta .cdo-submit { order:5; min-height:48px; }
.topit-cta .cdo-consent { order:6; }
.topit-cta .topit-form-status { order:7; color:#9a2b16; font-size:var(--topit-small); line-height:1.6; }
.topit-cta .cdo-thanks { order:8; }
.topit-cta .cdo-form--sent .cdo-form-hint { display:none; }
.topit-cta .cdo-thanks__sub { color:#3d4b60; }
.topit-cta .cdo-submit { white-space:normal; line-height:1.4; }
.topit270 .topit-cta .cdo-form .cdo-submit { background:var(--a); color:#102008; box-shadow:none; }
.topit270 .topit-cta .cdo-form .cdo-submit:hover { background:#9bea36; color:#102008; }
.topit270 .topit-cta .cdo-form .cdo-submit:focus-visible { outline:3px solid #245b09; outline-offset:3px; }
.topit270-university .g-crumbs { color:#b7c0ba; }
.topit270-university .g-crumbs a { color:inherit; }
.topit270-university .g-crumbs .current { color:#e5e9e6; }
.topit270-university .g-crumbs [aria-current="page"] { color:#e5e9e6; }
.topit270-university .g-crumbs [aria-current="page"] [itemprop="name"] { color:#e5e9e6; }
.topit270-editorial .g-prose ol > li::before { content:none; }
/* The unchanged recording link remains available in normal document flow.
   It must not cover the commercial CTA or form fields on these three pages. */
.topit270 [data-wbn270-root] { padding:20px max(20px, calc((100% - 1120px) / 2)); background:#0b100c; }
.topit270 .wbn270-fab { position:static; width:fit-content; max-width:100%; box-sizing:border-box; margin:0; }
.topit270-editorial [data-wbn270-root] { padding:20px max(20px, calc((100% - 1120px) / 2)); }
.topit270-editorial .wbn270-fab { position:static; width:fit-content; max-width:100%; box-sizing:border-box; margin:0; }
@media (max-width:840px) {
  .topit270 { --topit-header:4.125rem; }
  .topit270 .hero { padding-block:var(--topit-space-6); }
  .topit270 .hero h1 { margin-block:var(--topit-space-4); }
  .topit270 .section { padding-block:var(--topit-space-8); }
  .topit270 .hero-cta .btn { width:100%; }
  .topit270 .hero-cta { align-items:flex-start; }
  .topit270 .subnav a { font-size:var(--topit-small); }
  .topit-price { margin-top:var(--topit-space-4); }
}
@media (max-width:480px) {
  .topit270 .cdo-site-header__inner,
  .topit270-context .cdo-site-header__inner,
  .topit270-editorial .cdo-site-header__inner,
  .topit270-university .cdo-site-header__inner { gap:8px; }
  .topit270 .cdo-site-header__logo img,
  .topit270-context .cdo-site-header__logo img,
  .topit270-editorial .cdo-site-header__logo img,
  .topit270-university .cdo-site-header__logo img { height:21px; width:auto; }
  .topit270 .cdo-site-header__right,
  .topit270-context .cdo-site-header__right,
  .topit270-editorial .cdo-site-header__right,
  .topit270-university .cdo-site-header__right { gap:6px; flex-shrink:0; }
  .topit270 .cdo-site-header__cta,
  .topit270-context .cdo-site-header__cta,
  .topit270-editorial .cdo-site-header__cta,
  .topit270-university .cdo-site-header__cta { font-size:12px; padding:9px 10px; }
}
@media (prefers-reduced-motion:reduce) {
  .topit270 * { scroll-behavior:auto !important; transition:none !important; animation:none !important; }
}