/* Colocation Scout theme for GPU Rentals (Cody, 18 October 2026).
   Paper background, navy accent, orange lead buttons, Schibsted Grotesk
   headings and monospace labels, matched to colocationscout.com. Loaded after
   styles.css on every page, so it overrides the original olive and lime theme. */
:root{--paper:#faf9f7;--white:#fff;--ink:#16181d;--muted:#4b5160;--line:#e6e4df;--lime:#43b763;--pale:#e5edf2;
--font:"Helvetica Neue",Helvetica,Arial,sans-serif;--display:"Schibsted Grotesk","Helvetica Neue",Helvetica,Arial,sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;
--navy:#003b5c;--navy-ink:#002944;--night:#03182a;--go:#ea580c;--go-ink:#c2410c;--signal:#7fd39a}
body{font-size:16px;line-height:1.6}
h1,h2,h3{font-family:var(--display);font-weight:700;letter-spacing:-.015em}
h1,h2{letter-spacing:-.02em}
p{color:var(--muted)}
.eyebrow,.micro-label,.placeholder-tag,.cooling-label{font-family:var(--mono);font-weight:500;letter-spacing:.1em}
.eyebrow{color:var(--navy-ink);font-size:12px;text-transform:uppercase}
.small-cross{color:var(--lime)}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-color:var(--navy)}

/* Buttons: orange means "talk to us", as on Scout. */
.button{border-radius:10px;font-family:var(--display);font-weight:700;font-size:14px}
.button-dark{background:var(--go);color:#fff}.button-dark span{color:#fff}.button-dark:hover{background:var(--go-ink)}
.button-outline{border-color:var(--navy);color:var(--navy)}.button-outline:hover{background:var(--pale)}
.text-link{color:var(--navy);font-family:var(--display);font-weight:700}

/* Header */
.site-header{background:#fff;max-width:none;padding-left:max(64px,calc((100% - 1272px)/2));padding-right:max(64px,calc((100% - 1272px)/2));position:sticky;top:0;z-index:20}
nav{font-size:13.5px}nav>a:not(.nav-cta):hover{color:var(--navy)}
.nav-cta{background:var(--go);color:#fff;border:0;border-radius:10px;font-family:var(--display);font-weight:700}.nav-cta:hover{background:var(--go-ink)}
.brand-word{font-family:var(--display);font-weight:800;letter-spacing:.08em;font-size:16px;text-transform:uppercase}
.brand-gpu,.brand-rentals{background:none;-webkit-background-clip:border-box;background-clip:border-box;color:var(--navy)}

/* Cards, tables, panels */
.system-card,.gp-stat,.comparison,.supply-panel,.quote-box{border-radius:12px}
.system-card.featured{background:#eef4f8;border-color:#b9cfdd}
.gp-stat{background:#fff;border-left:3px solid var(--navy)}
.gp-stat strong{font-family:var(--mono);color:var(--navy);font-weight:600;letter-spacing:-.02em}
.card-price strong,.estimate-summary strong,.spec-strip strong{font-family:var(--mono);color:var(--navy);letter-spacing:-.02em}
thead{background:#f4f6f8}th{font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:#80869a;font-weight:500}
.placeholder-tag{background:var(--pale);color:var(--navy)}
.availability-section{background:var(--pale)}
.filter.active,.filter:hover{background:var(--pale);border-color:#c6d6e1}

/* The dark band behind every quote form */
.quote-section{background:var(--night)}
.quote-copy .eyebrow{color:var(--signal)}.quote-process span{color:var(--signal)}.quote-process>div{border-color:#1c4766}
.quote-copy>p:not(.eyebrow),.demo-notice p{color:#b8c6d2}.demo-notice{border-color:var(--lime)}
.quote-box{box-shadow:0 20px 50px #0006}
.form-submit{background:var(--go)}.form-submit:hover{background:var(--go-ink)}
.result-icon{background:var(--lime);color:#fff}
.gp-hint{color:var(--navy)}
summary:hover{color:var(--navy)}
.site-footer{border-top:1px solid var(--line)}

/* Homepage hero: a dark band with the B300 photo behind it and a short form on the right */
.home-hero{position:relative;background:var(--night);color:#fff;overflow:hidden}
.home-hero::before{content:"";position:absolute;inset:0;background:url(/assets/b300-server-1600.webp) 80% 50%/cover no-repeat;opacity:.32}
.home-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,var(--night) 32%,#03182acc 58%,#03182a55)}
.home-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .9fr;gap:56px;padding-top:68px;padding-bottom:60px;align-items:start}
.home-hero .eyebrow{color:var(--signal)}
.home-hero h1{color:#fff;font-size:clamp(38px,4.3vw,58px);line-height:1.05;font-weight:800;letter-spacing:-.025em}
.home-hero .lede{color:#c9d3dc;font-size:18px;margin-top:20px;max-width:560px}
.proof{display:grid;grid-template-columns:1fr 1fr;gap:16px 30px;margin-top:32px;padding-top:24px;border-top:1px solid #ffffff22}
.proof b{display:block;font-family:var(--mono);font-size:12px;color:var(--signal);font-weight:500;margin-bottom:3px}
.proof span{font-size:13.5px;color:#aeb9c4}
.quick-card{background:#0a2a44;border:1px solid #1c4766;border-radius:14px;padding:24px;box-shadow:0 20px 50px #0007;color:#e6eef4}
.quick-card h2{font-size:20px;color:#fff;letter-spacing:-.01em;display:flex;justify-content:space-between;align-items:center}
.quick-card h2 small{font-family:var(--mono);font-size:11px;color:#8fb0c8;font-weight:500;letter-spacing:.1em}
.quick-card label{display:block;font-family:var(--mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#8fb0c8;margin:15px 0 6px}
.quick-card input,.quick-card select{background:#06223a;border:1px solid #23506f;border-radius:8px;color:#e6eef4;height:44px}
.quick-card input::placeholder{color:#6f8ea5}
.quick-card .form-row{gap:12px}
.quick-card .btn-go{width:100%;margin-top:20px;display:flex;justify-content:center;border:0;border-radius:10px;background:var(--go);color:#fff;font-family:var(--display);font-weight:700;font-size:17px;padding:15px;cursor:pointer}
.quick-card .btn-go:hover{background:var(--go-ink)}
.quick-card .fine{font-size:12.5px;color:#8fb0c8;text-align:center;margin-top:12px}
.quick-card .gp-hint{color:#9fd8b2}
.quick-card #quote-sent h3{color:#fff;font-size:24px;margin-top:6px}.quick-card #quote-sent p{color:#b8c6d2}
.ticker{position:relative;z-index:1;background:var(--navy-ink);color:#cfe0ec;font-family:var(--mono);font-size:12.5px;white-space:nowrap;overflow-x:auto;border-top:1px solid #ffffff14}
.ticker div{display:flex;gap:40px;padding:12px max(64px,calc((100% - 1272px)/2))}.ticker b{color:#fff;font-weight:600}.ticker i{color:var(--signal);font-style:normal}
@media(max-width:860px){.home-hero-grid{grid-template-columns:1fr;gap:30px;padding-top:40px;padding-bottom:40px}.proof{grid-template-columns:1fr}.site-header{padding-left:22px;padding-right:22px}.ticker div{padding:12px 22px}}
@media(max-width:680px){.quick-card .form-row{grid-template-columns:1fr}}

/* Type and color refresh (30 October 2026). One display font (Schibsted Grotesk,
   700/800) and one body font (Inter, 400 to 700). Labels move off monospace,
   body text goes to 17px, neutrals turn warm, and orange stays on primary buttons.
   The old lime and green accents are retired. */
:root{--paper:#faf8f5;--ink:#1c1917;--muted:#57524b;--line:#e7e1d8;--pale:#f1ece4;--lime:var(--navy);--signal:#a9c9de;
--font:"Inter",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;--display:"Schibsted Grotesk","Inter",system-ui,sans-serif;--mono:var(--font)}
body{font-size:17px;line-height:1.6;font-family:var(--font);background:var(--paper)}
h1,h2,h3,.step-number,.spec-strip strong{font-family:var(--display);font-weight:700}
.eyebrow,.micro-label,.placeholder-tag,.cooling-label{font-family:var(--font);font-weight:600;letter-spacing:.06em}
.eyebrow{font-size:13px;color:var(--navy)}
.micro-label,.cooling-label{font-size:12px}
.placeholder-tag{font-size:12px;background:var(--pale);color:var(--ink)}
th{font-family:var(--font);font-size:13px;letter-spacing:.04em;color:var(--muted);font-weight:600}
thead{background:#f4f0ea}
table{font-size:15px}
td,.calc,.tp-chart{font-variant-numeric:tabular-nums}

/* Body copy at a readable size */
p,li,.section-intro,.benefits-grid p,.deployment-grid p,.availability-layout>div>p:not(.eyebrow),.quote-copy>p:not(.eyebrow),
.coming-soon p:not(.eyebrow),.benefits-contract p:not(.micro-label),details p,.gp-section>p,.gp-section li,.gp-lede,
.faq-section>div>p:not(.eyebrow),dialog p:not(.eyebrow),.result-disclosure,.hero-description{font-size:17px;line-height:1.6}
.section-intro{max-width:420px}
.benefits-lead,.home-hero .lede{font-size:19px}
summary{font-size:17px;font-weight:600}
.demo-notice,.supply-panel dl>div,.config-specs>div,.spec-strip span:not(.micro-label),.spec-explainer p,.quote-process>div,.gp-stat p,.tco-help,.supply-note,#request-summary>div{font-size:15px}
.pricing-disclosure,.gp-note,.gp-sources,.field-note,.gp-hint,.estimate-summary p,.estimate-summary span,.form-fineprint,.download-config,.card-footnote,.gp-updated{font-size:14px;line-height:1.55}
.coming-soon .coming-soon-note{font-size:14px!important;color:var(--muted)}
.coming-soon{border-color:#bdb3a5}.coming-soon .eyebrow{color:var(--navy)}
.site-footer p,.footer-meta p,.footer-meta button{font-size:14px}
nav{font-size:15px}nav>a{white-space:nowrap}
@media(min-width:681px) and (max-width:1240px){nav{font-size:14px;gap:6px 16px;flex-wrap:wrap;justify-content:flex-end}.nav-cta{padding:8px 12px}}
.button,.form-submit{font-size:16px}
form>label,form>div>label,.form-row label,.tco-field label,.gp-stat span,.tco-stat span{font-size:15px;font-weight:600;letter-spacing:0}
.checkbox-label{font-size:15px!important}
input:not([type=checkbox]):not([type=range]),select{font-size:16px;height:48px;border-color:#d9d2c7}
.proof b{font-family:var(--font);font-size:15px;font-weight:600;color:#fff}
.proof span{font-size:15px}
.quick-card h2 small{font-family:var(--font);font-size:12px;letter-spacing:.06em}
.quick-card label{font-family:var(--font);font-size:14px;font-weight:600;letter-spacing:0;text-transform:none;color:#c4d6e3}
.quick-card .fine{font-size:14px}

/* Prices: big, bold, tabular */
.card-price strong,.gp-stat strong,.estimate-summary strong,.tco-stat strong,td strong{font-family:var(--font);font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.02em;color:var(--ink)}
.estimate-summary strong{font-size:28px}

/* Accents: navy for marks, orange only on primary buttons */
.result-icon{background:var(--navy);color:#fff}
.demo-notice{border-color:#2f7fb5}
.benefit-number{color:var(--navy)}
.system-card.featured{background:#f3f6f8}

/* Hero rate bar (was a static ticker) */
.ticker{font-family:var(--font);font-size:15px;white-space:normal;overflow:visible}
.ticker div{flex-wrap:wrap;gap:10px 32px;align-items:baseline}
.ticker i{font-weight:700;font-size:17px;color:#fff;font-variant-numeric:tabular-nums}
.ticker a{margin-left:auto;color:#fff;font-weight:600;text-decoration:underline;text-underline-offset:4px}

/* Price-by-term chart */
.tp-chart{margin:0;background:#fff;border:1px solid var(--line);border-radius:14px;padding:22px 24px 18px}
.tp-head{display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px 24px;align-items:center;margin-bottom:12px}
.tp-title{font:700 20px var(--display);color:var(--ink)}
.tp-legend{display:flex;flex-wrap:wrap;gap:6px}
.tp-key{display:inline-flex;gap:8px;align-items:center;min-height:38px;border:1px solid var(--line);background:#fff;border-radius:999px;padding:6px 13px;font-size:14px;font-weight:500;color:var(--ink)}
.tp-key:hover{border-color:#bdb3a5}
.tp-key[aria-pressed=false]{color:var(--muted);background:var(--pale);text-decoration:line-through}
.tp-key[aria-pressed=false] svg{opacity:.35}
.tp-plot{position:relative;touch-action:pan-y;outline-offset:4px;border-radius:6px}
.tp-plot svg{display:block;width:100%;overflow:visible}
.tp-grid{stroke:#eee9e2;stroke-width:1}
.tp-axis{font:500 13px var(--font);fill:#6b645b}
.tp-end{font:700 14px var(--font);font-variant-numeric:tabular-nums}
.tp-guide{stroke:#c9c1b5;stroke-width:1}
.tp-dot.is-active{stroke-width:3;r:7px}
.tp-tip{position:absolute;top:4px;width:280px;max-width:100%;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:0 10px 30px #1c19171f;padding:12px 14px;pointer-events:none;font-size:14px;z-index:2}
.tp-tip-head{font-size:15px;font-weight:700;color:var(--ink);margin-bottom:4px}
.tp-tip-row{display:grid;grid-template-columns:10px 1fr auto;gap:0 8px;align-items:center;padding:6px 0;border-top:1px solid #f1ede7}
.tp-tip-row i{width:10px;height:10px;border-radius:50%}
.tp-tip-row span{color:var(--ink);font-weight:500}
.tp-tip-row b{font-size:16px;font-weight:700;color:var(--ink)}
.tp-tip-row small{grid-column:2/4;font-size:13px;color:var(--muted)}
.tp-tip-row.is-deal i{border-radius:0;transform:rotate(45deg) scale(.8);background:#fff!important;border:2px solid}
.tp-deal.is-active{stroke-width:3}
#tp-contracts{margin-top:18px}
#tp-contracts caption{caption-side:top;text-align:left;font-size:15px;color:var(--muted);padding:0 0 8px}
.tp-tip-row.is-placeholder small{font-style:italic}
.tp-foot{font-size:14px;margin-top:12px}
.tp-error{padding:40px 0;font-size:16px}.tp-error a{text-decoration:underline}
.tp-table{margin-top:10px;border-bottom:0}
.tp-table summary{font-size:15px;padding:10px 0}
.tp-table table{min-width:520px;background:#fff}
.tp-table th,.tp-table td{padding:10px 12px}
.tp-links{font-size:14px;padding:12px 0 4px!important}.tp-links a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.tp-more{display:flex;justify-content:space-between;align-items:center;gap:16px 28px;flex-wrap:wrap;margin-top:16px;padding:18px 22px;border:1px solid var(--line);border-radius:12px;background:#fff}
.tp-more-title{font-size:15px;font-weight:600;color:var(--ink);margin-bottom:10px}
.tp-chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:8px}
.tp-chips a,.tp-chips button{display:inline-flex;align-items:center;min-height:38px;border:1px solid var(--line);border-radius:999px;padding:6px 14px;font-size:15px;font-weight:500;background:var(--paper);color:var(--ink)}
.tp-chips a:hover,.tp-chips button:hover{border-color:var(--navy);color:var(--navy)}
.tp-more .button{flex-shrink:0}

/* Price trend chart (B200 and B300 pricing pages), built on the price-by-term chart styles */
.ph-caption{font-size:14px;color:var(--muted);margin:0 0 6px}
.ph-tip-event{margin:8px 0 0;padding-top:8px;border-top:1px solid #f1ede7;font-size:13px;font-weight:600;color:var(--go-ink)}
.ph-event{stroke:var(--go);stroke-width:1;stroke-dasharray:3 4}
.ph-event-mark{fill:var(--go)}

/* Cluster cost calculator */
.calc{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);margin-top:28px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#fff}
.calc-in,.calc-out{padding:28px 30px}
.calc-out{background:#f6f2ec;border-left:1px solid var(--line);display:flex;flex-direction:column}
.calc h3{font-size:30px;letter-spacing:-.02em}
.calc-lede{margin-top:6px}
.calc label{display:block;font-size:15px;font-weight:600;color:var(--ink);margin:22px 0 8px}
.calc-range{display:flex;justify-content:space-between;align-items:baseline;gap:12px}
.calc-range output{font-size:17px;font-weight:700;color:var(--ink)}
.calc input[type=range]{display:block;width:100%;height:32px;margin:0;padding:0;border:0;background:none;accent-color:var(--navy);cursor:pointer}
.calc-optional{font-weight:400;color:var(--muted);font-size:14px;margin-left:4px}
.calc-sizes{margin-top:22px;padding-top:14px;border-top:1px solid var(--line);font-size:15px;font-weight:500}
.calc-placeholder{align-self:flex-start;margin-bottom:14px;padding:4px 10px;border:1px dashed #a39a8d;border-radius:6px;font-size:13px;font-weight:600;color:var(--ink);background:#fff}
.calc-main span{display:block;font-size:15px;font-weight:600;color:var(--muted)}
.calc-main strong{display:block;font:700 clamp(40px,5vw,58px)/1.1 var(--font);letter-spacing:-.03em;color:var(--ink);margin-top:2px}
.calc-figures{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin:20px 0 0;padding:16px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.calc-figures dt{font-size:14px;color:var(--muted)}
.calc-figures dd{margin:2px 0 0;font:700 26px/1.2 var(--font);letter-spacing:-.02em;color:var(--ink)}
.calc-save{margin-top:16px;font-size:18px;font-weight:600;color:var(--ink)}
.calc-save strong{font:700 28px var(--font);letter-spacing:-.02em;color:var(--navy)}
.calc-note{font-size:14px;margin-top:6px}
.calc-cta{width:100%;margin-top:22px;justify-content:center;gap:12px}
.calc-fine{font-size:13px;margin-top:10px;text-align:center}
@media(max-width:860px){.calc{grid-template-columns:1fr}.calc-out{border-left:0;border-top:1px solid var(--line)}}
@media(max-width:680px){.tp-chart{padding:16px 14px 14px}.calc-in,.calc-out{padding:22px 18px}.tp-more{padding:16px}.tp-more .button{width:100%;justify-content:center}.ticker a{margin-left:0}.calc-figures dd{font-size:22px}
.tp-tip{position:static;width:auto;margin-top:8px;box-shadow:none;background:var(--paper)}.tp-key{min-height:34px;padding:4px 11px;font-size:13px}}
@media(prefers-reduced-motion:reduce){.button,.button:hover{transition:none;transform:none}}