:root { --navy:#10252d; --cream:#f5f3eb; --ink:#172a31; --lime:#dafb72; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:#e7e8e2; font-family:"DM Sans",sans-serif; }
    a { color:inherit; }
    a:focus-visible { outline:3px solid #d25922; outline-offset:4px; }
    h1,h2,h3,p { margin-top:0; }
    button { font:inherit; }
    .review-nav { position:sticky; top:0; z-index:20; display:flex; align-items:center; justify-content:space-between; gap:24px; padding:11px clamp(18px,3vw,48px); background:#13232a; color:#fff; border-bottom:1px solid #52616a; }
    .review-nav strong { font-size:.87rem; letter-spacing:-.02em; white-space:nowrap; }
    .review-nav nav { display:flex; gap:6px; overflow:auto; scrollbar-width:none; }
    .review-nav nav a { flex:none; padding:8px 11px; color:#d5dcd7; font-size:.76rem; text-decoration:none; border:1px solid transparent; }
    .review-nav nav a:hover,.review-nav nav a:focus-visible { color:#fff; border-color:#80908d; }
    .intro { display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; padding:55px clamp(22px,6vw,92px) 58px; background:#e7e8e2; }
    .intro .label { margin-bottom:14px; font:500 .72rem "DM Mono",monospace; letter-spacing:.12em; text-transform:uppercase; }
    .intro h1 { margin-bottom:0; font-size:clamp(2.5rem,5vw,5.4rem); line-height:.98; letter-spacing:-.035em; }
    .intro p:last-child { max-width:350px; margin:0; color:#43565b; font-size:.93rem; line-height:1.6; }
    .concept { --accent:#d8f56a; --surface:#0d1d28; --text:#fff; position:relative; min-height:760px; padding:0 clamp(22px,5vw,78px) 75px; background:var(--surface); color:var(--text); overflow:hidden; }
    .concept + .concept { border-top:14px solid #e7e8e2; }
    .concept-top { display:flex; justify-content:space-between; align-items:center; gap:24px; min-height:88px; border-bottom:1px solid currentColor; }
    .brand { font-size:1.55rem; line-height:1; font-weight:700; letter-spacing:-.035em; text-decoration:none; }
    .brand::after { content:"."; color:var(--accent); }
    .concept-top .links { display:flex; gap:28px; align-items:center; font-size:.78rem; font-weight:600; }
    .concept-top .links a { text-decoration:none; }
    .concept-top .links a:hover { text-decoration:underline; text-underline-offset:5px; }
    .concept-top .links .contact { padding:10px 16px; border:1px solid currentColor; }
    .concept-tag { display:flex; justify-content:space-between; gap:20px; padding-top:30px; font:500 .72rem "DM Mono",monospace; letter-spacing:.1em; text-transform:uppercase; }
    .concept-tag span:last-child { opacity:.85; }
    .hero-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr); align-items:center; gap:clamp(30px,5vw,82px); min-height:590px; padding:52px 0 30px; }
    .eyebrow { margin-bottom:25px; font:500 .72rem "DM Mono",monospace; letter-spacing:.14em; text-transform:uppercase; }
    .hero-copy :is(h1,h2) { max-width:900px; margin-bottom:25px; font-size:clamp(3.2rem,6.25vw,6rem); line-height:.98; letter-spacing:-.035em; font-weight:600; }
    .hero-copy :is(h1,h2) em { color:var(--accent); font-style:normal; }
    .lead { max-width:580px; margin-bottom:28px; font-size:clamp(1rem,1.3vw,1.2rem); line-height:1.58; opacity:.82; }
    .hero-actions { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }
    .action { display:inline-flex; align-items:center; justify-content:space-between; gap:26px; min-width:180px; padding:14px 17px; background:var(--accent); color:#10252d; font-size:.85rem; font-weight:700; text-decoration:none; transition:transform .2s ease; }
    .action:hover { transform:translateY(-3px); }
    .text-link { font-size:.84rem; text-decoration:none; border-bottom:1px solid currentColor; padding-bottom:3px; }
    .visual { min-width:0; position:relative; }
    .shot { margin:0; overflow:hidden; background:#e9edf2; box-shadow:0 25px 60px #0003; }
    .shot img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; }
    .shot figcaption { padding:10px 13px; background:#f8f9f8; color:#42535b; font:500 .75rem "DM Mono",monospace; letter-spacing:.04em; }
    .feature-line { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin-top:18px; border-top:1px solid currentColor; border-bottom:1px solid currentColor; }
    .feature-line span { min-height:82px; display:flex; align-items:center; padding:18px 15px 18px 0; font-size:.88rem; line-height:1.35; font-weight:600; }
    .feature-line span + span { padding-left:18px; border-left:1px solid currentColor; }
    .support { display:grid; grid-template-columns:1fr 1fr; gap:28px; padding-top:48px; }
    .support :is(h2,h3) { max-width:700px; font-size:clamp(1.5rem,2.4vw,2.5rem); line-height:1.14; letter-spacing:-.045em; font-weight:600; }
    .support p { max-width:550px; justify-self:end; margin:0; font-size:.95rem; line-height:1.65; opacity:1; }
    .concept-note { margin-top:45px; font:400 .78rem "DM Mono",monospace; opacity:.82; }
    .one { --surface:#f6f4ed; --text:#1d3739; --accent:#305a50; }
    .one .concept-top { border-color:#a7b4ac; }
    .one .concept-tag { color:#315248; }
    .one .hero-copy :is(h1,h2) { font-family:"Bodoni Moda",serif; font-weight:500; font-size:clamp(3.4rem,6.1vw,6rem); letter-spacing:-.035em; }
    .one .hero-copy :is(h1,h2) em { font-style:normal; }
    .one .action { color:#fff; }
    .one .visual::before { content:"SOURCE → CALCULATION → SETTLEMENT"; position:absolute; z-index:2; top:-18px; left:-19px; padding:11px 15px; background:#d7eac5; color:#1e3d35; font:500 .75rem "DM Mono",monospace; letter-spacing:.03em; }
    .one .shot { height:435px; border:9px solid #d9dfd6; transform:rotate(2deg); }
    .one .feature-line { border-color:#a7b4ac; }
    .one .feature-line span+span { border-color:#a7b4ac; }
    .two { --surface:#101c29; --text:#f5f5ed; --accent:#d8f56a;  }
    .two .hero-grid { grid-template-columns:.9fr 1.1fr; }
    .two .hero-copy :is(h1,h2) { font-size:clamp(3rem,5.65vw,6rem); }
    .two .visual { padding:12px; border:1px solid #8d9ea8; background:#0e1823; }
    .two .shot { height:480px; }
    .two .shot img { object-position:center 63%; }
    .two .signal { display:flex; gap:10px; padding:0 0 12px; color:#c3d5dc; font:500 .65rem "DM Mono",monospace; }
    .two .signal b { color:var(--accent); font-weight:500; }
    .two .support { border-top:1px solid #50626b; }
    .three { --surface:#cde9eb; --text:#122b31; --accent:#205d68; }
    .three .concept-top { border-color:#92b9bf; }
    .three .hero-grid { grid-template-columns:.95fr 1.05fr; }
    .three .hero-copy :is(h1,h2) { font-size:clamp(3.4rem,6.5vw,6rem); }
    .three .hero-copy :is(h1,h2) em { color:#216b6f; }
    .three .action { color:#fff; }
    .three .visual { padding:25px; border-radius:28px; background:#173843; box-shadow:16px 24px 45px #10252d33; }
    .three .shot { height:440px; border-radius:12px; }
    .three .shot img { object-position:left top; }
    .three .question { position:absolute; top:-12px; right:-5px; max-width:270px; padding:16px 20px; border-radius:15px 15px 2px 15px; color:#173843; background:#fff; font-size:.84rem; line-height:1.35; box-shadow:0 10px 25px #10252d22; }
    .three .feature-line { border-color:#8bb2b5; }
    .three .feature-line span+span { border-color:#8bb2b5; }
    .four { --surface:#12352d; --text:#f0f2e7; --accent:#c6eb84; }
    .four .hero-grid { grid-template-columns:1fr 1fr; }
    .four .hero-copy :is(h1,h2) { font-family:"Bodoni Moda",serif; font-weight:500; font-size:clamp(3.1rem,5.9vw,6rem); }
    .four .diagram { padding:28px; background:#e6eddb; color:#17392f; box-shadow:16px 24px 45px #071e1833; }
    .four .diagram-head { display:flex; justify-content:space-between; border-bottom:1px solid #9db29a; padding-bottom:18px; margin-bottom:24px; font:500 .75rem "DM Mono",monospace; text-transform:uppercase; }
    .four .diagram-row { display:grid; grid-template-columns:34px 1fr auto; gap:10px; align-items:center; padding:16px 0; border-bottom:1px solid #b8c9b2; font-size:.91rem; font-weight:600; }
    .four .diagram-row b { font:500 .75rem "DM Mono",monospace; color:#315744; }
    .four .diagram-result { display:flex; justify-content:space-between; gap:20px; margin-top:24px; padding:20px; background:#cce1b7; font-size:.86rem; }
    .four .diagram-result strong { font-size:1.25rem; letter-spacing:-.04em; }
    .five { --surface:#eee9dc; --text:#2c2928; --accent:#3475c9; }
    .five .concept-top { border-color:#b9afa1; }
    .five .hero-grid { grid-template-columns:1fr 1fr; }
    .five .hero-copy :is(h1,h2) { font-size:clamp(3.25rem,6.3vw,6rem); text-transform:uppercase; letter-spacing:-.035em; }
    .five .hero-copy :is(h1,h2) em { color:#3475c9; }
    .five .action { color:#fff; }
    .five .market { display:grid; grid-template-columns:1fr 1fr; gap:12px; transform:rotate(-2deg); }
    .five .market div { min-height:180px; padding:18px; display:flex; flex-direction:column; justify-content:space-between; background:#d7ddd5; border-top:5px solid #3475c9; }
    .five .market div:nth-child(2),.five .market div:nth-child(3) { background:#19374b; color:#fff; border-color:#8fb9d4; }
    .five .market span { font:500 .75rem "DM Mono",monospace; letter-spacing:.09em; }
    .five .market strong { font-size:1.65rem; line-height:1.1; letter-spacing:-.035em; }
    .five .market-shot { margin-top:30px; height:220px; border:6px solid #fff; overflow:hidden; box-shadow:0 18px 35px #50433324; }
    .five .market-shot img { width:100%; height:100%; object-fit:cover; object-position:top; }
    .five .feature-line { border-color:#b9afa1; }
    .five .feature-line span+span { border-color:#b9afa1; }
    .review-footer { padding:46px clamp(22px,5vw,78px); background:#e7e8e2; }
    .review-footer h2 { font-size:2rem; letter-spacing:-.035em; }
    .review-footer p { max-width:840px; color:#4b5c5b; line-height:1.65; }
    .review-footer a { font-weight:700; }
    @media (max-width:850px) {
      .review-nav { display:block; }
      .review-nav strong { display:block; margin-bottom:8px; }
      .intro { grid-template-columns:1fr; }
      .hero-grid,.two .hero-grid,.three .hero-grid,.four .hero-grid,.five .hero-grid { grid-template-columns:1fr; min-height:0; padding:50px 0 32px; }
      .visual { max-width:660px; }
      .hero-copy :is(h1,h2) { max-width:680px; }
      .feature-line { grid-template-columns:repeat(2,1fr); }
      .feature-line span { min-height:70px; border-bottom:1px solid currentColor; }
      .feature-line span+span { border-left:0; padding-left:0; }
      .support { grid-template-columns:1fr; }
      .support p { justify-self:start; }
    }
    @media (max-width:520px) {
      .concept { padding-inline:20px; }
      .concept-top { min-height:72px; }
      .concept-top .links a:not(.contact) { display:none; }
      .concept-tag span:last-child { display:none; }
      .hero-copy :is(h1,h2),.one .hero-copy :is(h1,h2),.two .hero-copy :is(h1,h2),.three .hero-copy :is(h1,h2),.four .hero-copy :is(h1,h2),.five .hero-copy :is(h1,h2) { font-size:clamp(2.7rem,11vw,4rem); }
      .one .shot,.two .shot,.three .shot { height:330px; }
      .three .question { right:-8px; max-width:210px; font-size:.72rem; }
      .feature-line { grid-template-columns:1fr; }
      .feature-line span { min-height:45px; padding:10px 0; }
      .feature-line span+span { padding-left:0; }
      .market div { min-height:145px; }
    }
    @media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .action { transition:none; } }

    .full-page-link { font-size:.76rem; font-weight:700; letter-spacing:0; text-transform:none; text-decoration:underline; text-underline-offset:4px; }
    .standalone .concept { min-height:100vh; padding-bottom:0; }
    .standalone .hero-grid { min-height:min(680px,85vh); }
    .deep-dive { display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:clamp(30px,5vw,80px); align-items:center; padding:90px 0; border-top:1px solid currentColor; }
    .deep-dive h2 { max-width:660px; font-size:clamp(2.3rem,4vw,4.6rem); line-height:1.06; letter-spacing:-.035em; font-weight:600; }
    .deep-dive p { max-width:570px; font-size:1rem; line-height:1.6; }
    .deep-dive ol { list-style:none; padding:0; margin:30px 0 0; counter-reset:step; }
    .deep-dive li { display:grid; grid-template-columns:42px 1fr; gap:14px; padding:15px 0; border-top:1px solid currentColor; font-size:.93rem; line-height:1.45; }
    .deep-dive li::before { counter-increment:step; content:counter(step,decimal-leading-zero); font:500 .76rem "DM Mono",monospace; }
    .deep-dive .shot { height:500px; }
    .deep-dive .shot img { object-position:top; }
    .page-close { display:grid; grid-template-columns:1fr auto; align-items:end; gap:30px; padding:80px 0; border-top:1px solid currentColor; }
    .page-close h2 { max-width:830px; margin:0; font-size:clamp(2.5rem,5vw,5.5rem); line-height:1.04; letter-spacing:-.035em; }
    .page-footer { display:flex; justify-content:space-between; gap:20px; padding:25px 0 35px; border-top:1px solid currentColor; font-size:.78rem; }
    .page-footer a { text-underline-offset:4px; }
    @media (max-width:850px) { .deep-dive,.page-close { grid-template-columns:1fr; } .deep-dive { padding-block:65px; } .deep-dive .shot { max-width:650px; } }
    @media (max-width:520px) { .deep-dive .shot { height:350px; } .page-close { padding-block:65px; } .page-footer { flex-direction:column; } }

.availability { margin:14px 0 0; font-size:.78rem; line-height:1.45; opacity:.85; }

/* The six directions share the existing Tracerr palette. */
:root { --brand-navy:#0d1d28; --brand-lime:#d8f56a; --brand-teal:#8ec8bd; --brand-paper:#f7f6f0; }
::selection { background:var(--brand-lime); color:var(--brand-navy); }
a:focus-visible { outline:3px solid var(--brand-teal); outline-offset:4px; }
.brand::after { color:var(--brand-lime); }
.five .brand::after,.three .brand::after { color:#205d68; }
.gallery { background:var(--brand-navy); color:var(--brand-paper); }
.gallery-head { display:flex; align-items:center; justify-content:space-between; gap:24px; padding:26px clamp(22px,5vw,76px); border-bottom:1px solid #35515a; }
.gallery-head span,.gallery-num { font:500 .75rem "DM Mono",monospace; letter-spacing:.06em; }
.gallery-intro { display:grid; grid-template-columns:1.3fr .7fr; align-items:end; gap:40px; padding:clamp(80px,10vw,155px) clamp(22px,5vw,76px) 95px; }
.gallery-intro h1 { margin:0; max-width:1050px; font-size:clamp(3.4rem,7vw,6rem); line-height:1.02; letter-spacing:-.04em; }
.gallery-intro h1 em { color:var(--brand-lime); font-style:normal; }
.gallery-intro p { max-width:420px; margin:0; color:#d4e3e0; font-size:1.06rem; line-height:1.65; }
.gallery-list { display:grid; gap:8px; padding:0 8px 8px; }
.gallery-row { display:grid; grid-template-columns:1fr 1fr; gap:45px; min-height:440px; padding:56px clamp(22px,5vw,76px); color:var(--row-ink); background:var(--row-bg); text-decoration:none; overflow:hidden; }
.gallery-row > div:first-child { display:flex; flex-direction:column; align-items:flex-start; }
.gallery-row h2 { max-width:700px; margin:38px 0 24px; font-size:clamp(2.7rem,4.4vw,5rem); line-height:1.04; letter-spacing:-.035em; }
.gallery-row p { max-width:530px; margin:0 0 30px; font-size:1rem; line-height:1.55; }
.gallery-open { margin-top:auto; padding-bottom:5px; border-bottom:1px solid currentColor; font-weight:700; }
.gallery-art { align-self:stretch; min-width:0; overflow:hidden; background:#244450; }
.gallery-art img { display:block; width:100%; height:100%; object-fit:cover; object-position:top; transition:transform .3s ease; }
.gallery-row:hover img { transform:scale(1.035); }
.gallery-two { --row-bg:#152532; --row-ink:#f7f6f0; }
.gallery-three { --row-bg:#cde9eb; --row-ink:#122b31; }
.gallery-five { --row-bg:#eee9dc; --row-ink:#2c2928; }
.gallery-six { --row-bg:#d8f56a; --row-ink:#0d1d28; }
.gallery-seven { --row-bg:#f7f6f0; --row-ink:#0d1d28; }
.gallery-eight { --row-bg:#8ec8bd; --row-ink:#0d1d28; }
.gallery-art-type { display:flex; flex-direction:column; justify-content:space-between; padding:32px; font:500 .74rem "DM Mono",monospace; letter-spacing:.06em; }
.gallery-art-type strong { font:600 clamp(2.6rem,4vw,4.6rem)/1.02 "DM Sans",sans-serif; letter-spacing:-.04em; }
.gallery-six .gallery-art-type { background:#0d1d28; color:#d8f56a; }
.gallery-seven .gallery-art-type { background:#cde9eb; color:#0d1d28; }
.gallery-eight .gallery-art-type { background:#0d1d28; color:#8ec8bd; }
.gallery-foot { padding:40px clamp(22px,5vw,76px); color:#d4e3e0; font-size:.82rem; }
.new-proposal { background:var(--brand-navy); color:var(--brand-paper); }
.new-nav { display:flex; align-items:center; justify-content:space-between; gap:25px; min-height:84px; padding:0 clamp(22px,5vw,76px); background:var(--brand-navy); border-bottom:1px solid #35515a; }
.new-nav nav { display:flex; align-items:center; gap:28px; font-size:.84rem; font-weight:600; }
.new-nav nav a { text-decoration:none; }
.new-nav .nav-cta { padding:11px 17px; border:1px solid currentColor; }
.new-label { display:block; margin-bottom:28px; font:500 .78rem "DM Mono",monospace; }
.new-capabilities { padding:100px clamp(22px,5vw,76px); }
.new-capabilities h2 { max-width:800px; margin:0 0 70px; font-size:clamp(2.6rem,4.8vw,5.3rem); line-height:1.04; letter-spacing:-.035em; }
.new-cap-grid { display:grid; grid-template-columns:repeat(5,1fr); border-top:1px solid currentColor; }
.new-cap-grid > div { padding:24px 23px 0 0; }
.new-cap-grid > div + div { padding-left:23px; border-left:1px solid currentColor; }
.new-cap-grid h3 { font-size:1.1rem; line-height:1.25; }
.new-cap-grid p { font-size:.87rem; line-height:1.6; }
.new-close { display:flex; justify-content:space-between; align-items:end; gap:45px; padding:90px clamp(22px,5vw,76px); }
.new-close h2 { max-width:850px; margin:0; font-size:clamp(2.8rem,5.4vw,5.8rem); line-height:1.03; letter-spacing:-.04em; }
.new-close a { flex:none; padding:17px 22px; background:var(--brand-lime); color:var(--brand-navy); text-decoration:none; font-weight:700; }
.new-footer { display:flex; justify-content:space-between; gap:20px; padding:28px clamp(22px,5vw,76px) 38px; border-top:1px solid currentColor; font-size:.8rem; }
.new-footer a { text-underline-offset:4px; }
.page-six { background:#0d1d28; color:#f7f6f0; }
.six-hero { display:grid; grid-template-columns:1.08fr .92fr; min-height:710px; }
.six-headline { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; padding:85px clamp(22px,5vw,76px); }
.six-headline h1 { margin:0 0 30px; font-size:clamp(3.7rem,6.6vw,6rem); line-height:1.02; letter-spacing:-.04em; }
.six-headline h1 em { color:var(--brand-lime); font-style:normal; }
.six-headline p { max-width:650px; color:#d9e5df; font-size:1.14rem; line-height:1.65; }
.six-button { margin-top:28px; padding:17px 20px; background:var(--brand-lime); color:#0d1d28; font-weight:700; text-decoration:none; }
.six-relay { display:flex; flex-direction:column; justify-content:center; padding:60px clamp(30px,5vw,75px); background:#d8f56a; color:#0d1d28; }
.six-relay > span { margin-bottom:35px; font:500 .76rem "DM Mono",monospace; }
.six-relay div { display:flex; justify-content:space-between; gap:20px; padding:20px 0; border-top:1px solid #577445; font-size:clamp(1.35rem,2.2vw,2.6rem); letter-spacing:-.03em; }
.six-relay b { font-weight:400; }
.six-relay strong { display:block; max-width:450px; margin-top:40px; font-size:1.2rem; line-height:1.3; }
.six-answer { display:grid; grid-template-columns:1fr 1fr; gap:70px; padding:105px clamp(22px,5vw,76px); background:#8ec8bd; color:#0d1d28; }
.six-answer h2 { margin:0; font-size:clamp(3.2rem,5vw,6rem); line-height:1.03; letter-spacing:-.04em; }
.six-answer p { max-width:620px; font-size:1.17rem; line-height:1.65; }
.six-answer ul { list-style:none; padding:0; max-width:550px; }
.six-answer li { padding:17px 0; border-top:1px solid #49736b; font-weight:700; }
.page-six .new-capabilities { background:#f7f6f0; color:#0d1d28; }
.page-six .new-close { background:#142e37; }
.page-seven { background:#f7f6f0; color:#0d1d28; }
.seven-hero { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,5vw,90px); align-items:center; padding:110px clamp(22px,5vw,76px) 120px; }
.seven-copy h1 { font-size:clamp(4rem,7.5vw,6rem); line-height:1.02; letter-spacing:-.04em; }
.seven-copy h1 em { color:#247c75; font-style:normal; }
.seven-copy p { max-width:600px; font-size:1.18rem; line-height:1.66; }
.seven-button { display:inline-block; margin-top:20px; padding:17px 21px; background:#0d1d28; color:#f7f6f0; text-decoration:none; font-weight:700; }
.seven-record { padding:32px; background:#cde9eb; box-shadow:20px 24px 50px #0d1d2824; }
.seven-record-head { display:flex; justify-content:space-between; gap:20px; padding-bottom:28px; font:500 .73rem "DM Mono",monospace; }
.seven-record-row { display:grid; grid-template-columns:1fr 1.2fr; gap:20px; padding:24px 0; border-top:1px solid #82aeb0; font-size:1rem; }
.seven-record-row strong { font-size:1.2rem; }
.seven-record-foot { margin-top:20px; padding:23px; background:#0d1d28; color:#d8f56a; font-size:1.15rem; font-weight:700; }
.seven-manual { display:grid; grid-template-columns:1.1fr .9fr; gap:80px; align-items:end; padding:95px clamp(22px,5vw,76px); background:#8ec8bd; }
.seven-manual blockquote { margin:0; font-size:clamp(2.6rem,4.8vw,5rem); line-height:1.1; letter-spacing:-.035em; }
.seven-manual p { margin:0; max-width:520px; font-size:1.1rem; line-height:1.65; }
.page-seven .new-capabilities { background:#f7f6f0; }
.page-seven .new-close { background:#0d1d28; color:#f7f6f0; }
.page-seven .new-footer { background:#0d1d28; color:#f7f6f0; border-color:#35515a; }
.page-eight { background:#eee9dc; color:#0d1d28; }
.eight-hero { display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center; min-height:720px; padding:95px clamp(22px,5vw,76px); }
.eight-hero h1 { max-width:750px; font-size:clamp(3.6rem,6.3vw,6rem); line-height:1.03; letter-spacing:-.04em; }
.eight-hero h1 em { color:#247c75; font-style:normal; }
.eight-hero p { max-width:620px; font-size:1.13rem; line-height:1.65; }
.eight-button { display:inline-block; margin-top:25px; padding:17px 21px; background:#0d1d28; color:#f7f6f0; text-decoration:none; font-weight:700; }
.eight-flow { display:grid; grid-template-columns:1fr 1fr; gap:8px; transform:rotate(-2deg); }
.eight-flow div { display:flex; flex-direction:column; min-height:220px; padding:24px; background:#0d1d28; color:#f7f6f0; }
.eight-flow div:nth-child(2),.eight-flow div:nth-child(3) { background:#8ec8bd; color:#0d1d28; }
.eight-flow span { font:500 .8rem "DM Mono",monospace; }
.eight-flow strong { margin-top:auto; font-size:clamp(1.8rem,2.5vw,3rem); letter-spacing:-.03em; }
.eight-flow small { margin-top:9px; font-size:.9rem; }
.eight-proof { display:grid; grid-template-columns:.8fr 1.2fr; gap:70px; align-items:center; padding:100px clamp(22px,5vw,76px); background:#cde9eb; }
.eight-proof h2 { font-size:clamp(3rem,5vw,5.5rem); line-height:1.04; letter-spacing:-.04em; }
.eight-proof p { font-size:1.1rem; line-height:1.65; }
.eight-proof figure { margin:0; overflow:hidden; background:#fff; box-shadow:15px 22px 45px #0d1d282b; }
.eight-proof img { display:block; width:100%; }
.eight-proof figcaption { padding:14px; font-size:.78rem; }
.page-eight .new-capabilities { background:#eee9dc; }
.page-eight .new-close { background:#0d1d28; color:#f7f6f0; }
.page-eight .new-footer { background:#0d1d28; color:#f7f6f0; border-color:#35515a; }
@media (max-width:850px) {
  .gallery-intro,.gallery-row,.six-hero,.six-answer,.seven-hero,.seven-manual,.eight-hero,.eight-proof { grid-template-columns:1fr; }
  .gallery-row { gap:35px; }
  .gallery-art { min-height:300px; }
  .new-cap-grid { grid-template-columns:repeat(2,1fr); gap:0 25px; }
  .new-cap-grid > div + div { padding-left:0; border-left:0; }
  .new-cap-grid > div { border-bottom:1px solid currentColor; }
  .six-hero { min-height:0; }
  .six-relay { padding-block:55px; }
  .seven-record,.eight-flow { max-width:680px; }
}
@media (max-width:520px) {
  .gallery-head span,.new-nav nav a:not(.nav-cta) { display:none; }
  .gallery-intro { padding-block:70px; }
  .gallery-row { padding-block:42px; }
  .gallery-row h2 { margin-top:25px; }
  .gallery-art { min-height:230px; }
  .new-nav { min-height:70px; }
  .new-nav .nav-cta { padding:9px 10px; font-size:.76rem; }
  .new-capabilities,.new-close { padding-block:70px; }
  .new-cap-grid { grid-template-columns:1fr; }
  .new-close { display:block; }
  .new-close a { display:inline-block; margin-top:30px; }
  .new-footer { flex-direction:column; }
  .six-headline { padding-block:70px; }
  .six-headline h1,.seven-copy h1,.eight-hero h1 { font-size:clamp(3.2rem,12vw,4.8rem); }
  .six-answer,.seven-hero,.seven-manual,.eight-hero,.eight-proof { padding-block:70px; gap:40px; }
  .seven-record { padding:18px; }
  .seven-record-head { display:block; }
  .seven-record-head b { display:block; margin-top:5px; }
  .seven-record-row { grid-template-columns:1fr; gap:6px; }
  .eight-flow div { min-height:170px; padding:17px; }
  .eight-flow strong { font-size:1.5rem; }
}
@media (min-width:851px) {
  .six-hero { min-height:635px; }
  .six-headline { padding-block:45px; }
  .six-headline h1 { font-size:clamp(3.6rem,5.35vw,5.5rem); margin-bottom:22px; }
  .six-headline p { margin-bottom:10px; }
  .six-button { margin-top:13px; }
  .seven-hero { padding-block:60px; min-height:635px; }
  .seven-copy h1 { font-size:clamp(3.8rem,5.5vw,5.5rem); margin-bottom:22px; }
  .seven-copy p { margin-bottom:12px; }
  .seven-button { margin-top:8px; }
  .eight-hero { min-height:635px; padding-block:55px; }
  .eight-hero h1 { font-size:clamp(3.6rem,5.2vw,5.5rem); margin-bottom:22px; }
  .eight-hero p { margin-bottom:12px; }
  .eight-button { margin-top:8px; }
}
/* Keep the UK-market direction within the site palette and its CTA above the fold. */
.five { --accent:#247c75; }
.five .hero-copy :is(h1,h2) em { color:#247c75; }
.five .market div { border-top-color:#247c75; }
.five .market div:nth-child(2),.five .market div:nth-child(3) { background:#19374b; border-color:#8ec8bd; }
@media (min-width:851px) {
  .five .hero-grid { min-height:620px; padding-block:35px 20px; }
  .five .hero-copy :is(h1,h2) { font-size:clamp(3rem,4.55vw,4.9rem); }
  .five .lead { margin-bottom:18px; }
}
.gallery-two .gallery-art-type { background:#1a3440; color:#d8f56a; }