/* Pump and Corrosion Technologies, site styles */
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-latin-400-normal.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-latin-600-normal.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow";src:url(/assets/fonts/barlow-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-latin-700-normal.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-latin-800-normal.woff2) format("woff2");font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:"Barlow Condensed";src:url(/assets/fonts/barlow-condensed-latin-900-normal.woff2) format("woff2");font-weight:900;font-style:normal;font-display:swap}

:root{
  --navy:#0B1C30; --navy-2:#13294a; --blue:#0645B2; --cyan:#2EA8FF; --ice:#EAF4FF;
  --ink:#0B1C30; --text:#2b3746; --muted:#5a6878; --line:#d5dfea; --white:#fff;
  --cond:"Barlow Condensed","Arial Narrow",sans-serif; --body:"Barlow","Segoe UI",Arial,sans-serif;
  --wrap:1280px; --pad:32px; --radius:20px;
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;font-family:var(--body);font-size:18px;line-height:1.6;color:var(--text);background:#fff;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
main{overflow-x:clip}
a{color:var(--blue)}
a:hover{color:var(--navy)}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
h1,h2,h3,h4{font-family:var(--cond);color:var(--ink);line-height:.95;margin:0 0 .4em;font-weight:800}
h1{font-size:clamp(46px,6.4vw,96px);text-transform:uppercase;letter-spacing:-.5px}
h2{font-size:clamp(36px,4.4vw,64px);text-transform:uppercase}
h3{font-size:clamp(24px,2.2vw,32px);font-weight:700}
h4{font-size:22px;font-weight:700}
p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 var(--pad)}
.skip{position:absolute;left:-9999px;top:0;background:#fff;color:var(--navy);padding:10px 16px;z-index:100}
.skip:focus{left:12px;top:12px}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:14px 26px;border-radius:40px;font-family:var(--body);font-weight:700;font-size:17px;text-decoration:none;border:2px solid transparent;cursor:pointer;line-height:1.1;transition:transform .15s ease,background-color .15s ease}
.btn:active{transform:translateY(1px)}
.btn-cyan{background:var(--cyan);color:var(--navy)}
.btn-cyan:hover{background:#61bdff;color:var(--navy)}
.btn-blue{background:var(--blue);color:#fff}
.btn-blue:hover{background:#0838a0;color:#fff}
.btn-dark{background:var(--navy);color:#fff}
.btn-dark:hover{background:#1a3352;color:#fff}
.btn-white{background:#fff;color:var(--navy)}
.btn-white:hover{background:var(--ice);color:var(--navy)}
.btn-outline{border-color:currentColor;color:#fff;background:transparent}
.btn-outline:hover{background:rgba(255,255,255,.1);color:#fff}
.btn-row{display:flex;flex-wrap:wrap;gap:14px}

/* Header */
.site-header{position:relative;z-index:20;background:var(--navy);color:#fff}
.site-header.over{background:transparent;position:absolute;left:0;right:0;top:0}
.hdr{display:flex;align-items:center;justify-content:space-between;gap:18px;padding-top:22px;padding-bottom:22px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none;color:#fff}
.logo:hover{color:#fff}
.logo-bar{width:6px;height:42px;background:var(--cyan);flex:none}
.logo-text{display:flex;flex-direction:column;line-height:1;font-weight:700;font-size:19px;letter-spacing:.7px;text-transform:uppercase}
.logo-text span+span{margin-top:3px}
.nav{display:flex;align-items:center;gap:6px 26px;flex-wrap:wrap}
.nav a{color:#fff;text-decoration:none;font-weight:600;font-size:16px}
.nav a:hover,.nav a[aria-current="page"]{color:var(--cyan)}
.nav .btn{color:var(--navy);padding:11px 20px;min-height:44px}
.nav .btn:hover{color:var(--navy)}
.nav-toggle{display:none;background:none;border:2px solid rgba(255,255,255,.5);color:#fff;border-radius:10px;width:48px;height:48px;cursor:pointer;align-items:center;justify-content:center}
@media (max-width:980px){
  .nav-toggle{display:inline-flex}
  .nav{display:none;position:absolute;left:0;right:0;top:100%;background:var(--navy);flex-direction:column;align-items:stretch;gap:0;padding:8px var(--pad) 24px;border-top:1px solid #22384f}
  .nav.open{display:flex}
  .nav a{padding:14px 0;border-bottom:1px solid #1d3350}
  .nav .btn{margin-top:14px;border-bottom:0}
}

/* Breadcrumbs */
.crumbs{font-size:15px;color:#9fb6cd;margin-bottom:18px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px}
.crumbs li+li::before{content:"/";margin-right:6px;color:#4f6d8c}
.crumbs a{color:#c7d9ec;text-decoration:none}
.crumbs a:hover{color:#fff}

/* Inner page hero */
.page-hero{position:relative;background:var(--navy);color:#fff;overflow:hidden}
.page-hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(127,196,245,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(127,196,245,.07) 1px,transparent 1px);background-size:32px 32px}
.page-hero .wrap{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:40px;padding-top:56px;padding-bottom:72px}
.page-hero-text{flex:1 1 520px;min-width:0}
.page-hero h1{color:#fff;margin-bottom:22px}
.page-hero .lead{font-size:20px;color:#d0e0f0;max-width:640px}
.page-hero-img{flex:1 1 340px;min-width:0;display:flex;justify-content:center}
.page-hero-img img{max-height:420px;width:auto;filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.page-hero.photo{background-size:cover;background-position:center}
.updated{font-size:15px;color:#9fb6cd;margin-top:14px}

/* Sections */
.section{padding:88px 0}
.section.ice{background:var(--ice)}
.section.navy{background:var(--navy);color:#d0e0f0}
.section.navy h2,.section.navy h3{color:#fff}
.section.blue{background:var(--blue);color:#e3eeff}
.section.blue h2,.section.blue h3{color:#fff}
.section-head{max-width:820px;margin-bottom:40px}
.answer{font-size:20px;line-height:1.55;color:var(--text);max-width:760px}
.section.navy .answer,.section.blue .answer{color:#d0e0f0}

/* Prose */
.prose{max-width:780px}
.prose h2{font-size:clamp(32px,3.4vw,48px);margin-top:1.4em}
.prose h3{margin-top:1.2em}
.prose ul,.prose ol{padding-left:1.2em;margin:0 0 1.2em}
.prose li{margin-bottom:.4em}
.prose table{border-collapse:collapse;width:100%;margin:0 0 1.4em;font-size:16px}
.prose th,.prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.prose th{font-weight:700;color:var(--ink);background:var(--ice)}
.table-scroll{overflow-x:auto}
.formula{font-family:Consolas,Menlo,monospace;background:var(--ice);padding:12px 16px;border-radius:10px;font-size:16px;overflow-x:auto}

/* Layout helpers */
.two-col{display:flex;flex-wrap:wrap;gap:48px 64px;align-items:flex-start}
.two-col>*{flex:1 1 380px;min-width:0}
.sidebar{flex:0 1 340px !important}
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px}

/* Cards */
.card{background:#fff;border-radius:var(--radius);padding:30px 28px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);text-decoration:none;color:var(--text)}
a.card:hover{border-color:var(--blue);color:var(--text)}
.card h3{margin:0}
.card .more{margin-top:auto;font-weight:700;color:var(--blue)}
.card-img{height:150px;display:flex;align-items:center;justify-content:center;margin:-6px 0 6px}
.card-img img{max-height:150px;width:auto}
.section.ice .card{border-color:transparent}

/* Brand tiles */
.brand-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(190px,1fr));gap:18px}
.brand-tile{background:#fff;border-radius:24px;height:128px;display:flex;align-items:center;justify-content:center;padding:20px 26px;text-decoration:none}
.brand-tile img{max-height:62px;max-width:100%;width:auto;object-fit:contain}
.brand-tile:hover{outline:2px solid var(--blue)}
.brand-tile.ask{background:var(--blue);color:#fff;font-family:var(--cond);font-weight:800;font-size:28px;line-height:1;text-transform:uppercase;text-align:center}
.brand-tile.ask:hover{color:#fff;background:#0838a0}

.brand-row{display:flex;align-items:center;gap:22px;padding:18px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.brand-row:hover{color:var(--text)}
.brand-row .bl{flex:none;width:140px;height:56px;display:flex;align-items:center}
.brand-row .bl img{max-height:50px;max-width:130px;width:auto}
.brand-row strong{display:block;font-family:var(--cond);font-size:24px;color:var(--ink);line-height:1.1}
.logo-chips{display:flex;flex-wrap:wrap;gap:10px}
.logo-chip{background:#fff;border-radius:40px;height:56px;padding:0 22px;display:inline-flex;align-items:center;box-shadow:0 6px 18px rgba(11,28,48,.14)}
.logo-chip img{max-height:30px;max-width:120px;width:auto}

/* Lists */
.checks{list-style:none;padding:0;margin:0}
.checks li{padding:12px 0;border-top:1px solid var(--line);font-weight:600}
.checks li:first-child{border-top:2px solid var(--ink)}
.section.navy .checks li{border-color:#2c4560}
.section.navy .checks li:first-child{border-color:var(--cyan)}

/* FAQ */
.faq{max-width:860px}
.faq details{border-top:1px solid var(--line);padding:4px 0}
.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;font-family:var(--cond);font-weight:700;font-size:25px;color:var(--ink);padding:16px 40px 16px 0;position:relative;line-height:1.15}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:6px;top:12px;font-size:30px;color:var(--blue)}
.faq details[open] summary::after{content:"\2212"}
.faq details>div{padding:0 0 18px;max-width:760px}

/* CTA band */
.cta-band{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.cta-band .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:28px;padding-top:64px;padding-bottom:64px}
.cta-band h2{color:#fff;margin:0;max-width:760px}
.cta-band p{color:#dbe9ff;margin:10px 0 0;max-width:640px}

/* Forms */
.form{background:#fff;color:var(--ink);border-radius:28px;padding:36px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:18px;box-shadow:0 40px 80px rgba(0,0,0,.2)}
.form .full{grid-column:1/-1}
.form label{display:flex;flex-direction:column;gap:6px;font-weight:700;font-size:15px}
.form input,.form select,.form textarea{font:inherit;font-weight:500;font-size:17px;padding:13px 16px;border:2px solid var(--line);border-radius:14px;background:#fff;color:var(--ink);width:100%}
.form input:focus,.form select:focus,.form textarea:focus{border-color:var(--blue);outline:none;box-shadow:0 0 0 3px rgba(46,168,255,.35)}
.form .hint{font-weight:400;font-size:14px;color:var(--muted)}
.form fieldset{border:0;padding:0;margin:0}
.form legend{font-weight:700;font-size:15px;margin-bottom:8px}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pills label{flex-direction:row;align-items:center;gap:8px;border:2px solid var(--line);border-radius:40px;padding:10px 16px;font-weight:600;cursor:pointer}
.pills input{width:auto;accent-color:var(--blue)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-note{font-size:14px;color:var(--muted);margin:0}
.form-error{background:#fde8e8;color:#8a1c1c;border-radius:12px;padding:12px 16px;font-weight:600}

/* Footer */
.site-footer{background:var(--navy);color:#9fb6cd;font-size:16px}
.ftr{display:flex;flex-wrap:wrap;gap:36px 64px;padding-top:60px;padding-bottom:36px}
.ftr>div{flex:1 1 180px;min-width:0}
.ftr .about{flex:1.4 1 260px}
.ftr h2{font-family:var(--body);font-size:16px;font-weight:700;color:#fff;text-transform:none;margin:0 0 10px;line-height:1.3}
.ftr ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.ftr a{color:#9fb6cd;text-decoration:none}
.ftr a:hover{color:#fff}
.ftr .white{color:#fff}
.legal{border-top:1px solid #22384f;padding-top:18px;padding-bottom:26px;font-size:14px;color:#7d93aa;display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px}
.legal a{color:#9fb6cd}

/* ===== Home ===== */
.home-hero{position:relative;background:var(--navy);color:#fff;min-height:900px;view-timeline:--hero;z-index:2}
.home-hero .spot{position:absolute;right:-8%;top:60px;width:900px;height:900px;border-radius:50%;background:var(--blue);animation:pctGlow 6s ease-in-out infinite}
.home-hero .ring{position:absolute;right:6%;top:200px;width:620px;height:620px;border-radius:50%;border:2px solid var(--cyan);opacity:.6}
.home-hero .ghost{position:absolute;left:-1%;bottom:-6%;font-family:var(--cond);font-weight:900;font-size:30vw;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.16);white-space:nowrap;pointer-events:none}
.home-hero .wrap.hero-copy{position:relative;z-index:3;padding-top:170px;padding-bottom:120px}
.home-hero h1{color:#fff;font-size:clamp(56px,7.6vw,118px);line-height:.88;max-width:640px;margin-bottom:26px}
.home-hero .lead{font-size:20px;color:#d0e0f0;max-width:470px;margin-bottom:34px}
.home-hero .hero-pump{position:absolute;right:-2%;top:150px;width:min(58%,900px);z-index:4;filter:drop-shadow(0 40px 60px rgba(0,0,0,.45));transform-origin:60% 60%;animation:pctTilt linear both;animation-timeline:--hero;animation-range:exit 0% exit 100%}

.marquees{position:relative;height:300px;background:#fff;overflow:hidden;z-index:1}
.band{position:absolute;left:-5%;width:110%;overflow:hidden}
.band-1{top:70px;transform:rotate(-4deg);background:var(--blue);padding:22px 0}
.band-2{top:160px;transform:rotate(3deg);background:var(--cyan);padding:16px 0}
.band-track{display:flex;width:max-content;white-space:nowrap;font-family:var(--cond);text-transform:uppercase;line-height:1}
.band-1 .band-track{animation:pctMarquee 28s linear infinite;font-weight:800;font-size:54px;color:#fff}
.band-2 .band-track{animation:pctMarqueeRev 34s linear infinite;font-weight:700;font-size:34px;color:var(--navy)}
.band-track span{padding-right:48px}
.band-1 i{font-style:normal;color:var(--cyan)}

.line{position:relative;height:3400px;view-timeline:--line;background:var(--navy)}
.line-sticky{position:sticky;top:0;height:min(100vh,860px);overflow:hidden}
.line-bar{position:absolute;left:0;top:0;height:6px;width:100%;background:var(--cyan);transform-origin:left;animation:pctBar linear both;animation-timeline:--line;animation-range:contain 0% contain 100%;z-index:5}
.line-track{display:flex;height:100%;width:max-content;animation:pctTrack linear both;animation-timeline:--line;animation-range:contain 0% contain 100%}
.line-intro{width:760px;flex:none;padding:110px 64px 80px max(32px,6vw);display:flex;flex-direction:column;justify-content:center;color:#fff}
.line-intro h2{color:#fff;font-size:104px;line-height:.86}
.line-intro p{font-size:20px;color:#d0e0f0;max-width:460px;margin-top:20px}
.panel{width:980px;flex:none;position:relative;overflow:hidden;padding:90px 70px 70px}
.panel .ghostword{position:absolute;right:-30px;bottom:-70px;font-family:var(--cond);font-weight:900;font-size:340px;line-height:.8;text-transform:uppercase;color:transparent;white-space:nowrap;pointer-events:none}
.panel .pimg{position:absolute;filter:drop-shadow(0 30px 40px rgba(0,0,0,.35))}
.panel .pphoto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.panel .pshade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(11,28,48,.95) 0%,rgba(11,28,48,.8) 45%,rgba(11,28,48,.25) 100%)}
.panel-body{position:relative;max-width:470px;display:flex;flex-direction:column;height:100%}
.panel .stage{font-weight:700;font-size:18px}
.panel h3{font-size:150px;line-height:.82;text-transform:uppercase;font-weight:800;margin:10px 0 18px;color:inherit}
.panel .ptitle{font-family:var(--cond);font-weight:700;font-size:30px;line-height:1.05}
.panel p{margin:12px 0 22px;font-size:18px;opacity:.9}
.panel .logo-chips{margin-top:auto}
.panel .plink{font-weight:700;color:inherit;margin-bottom:22px}
.p-blue{background:var(--blue);color:#fff}.p-blue .ghostword{-webkit-text-stroke:2px rgba(255,255,255,.22)}.p-blue .stage{color:#9fd4ff}
.p-ice{background:var(--ice);color:var(--navy)}.p-ice .ghostword{-webkit-text-stroke:2px rgba(6,69,178,.16)}.p-ice .stage{color:var(--blue)}
.p-cyan{background:var(--cyan);color:var(--navy)}.p-cyan .ghostword{-webkit-text-stroke:2px rgba(11,28,48,.16)}.p-cyan .stage{color:var(--navy)}
.p-white{background:#fff;color:var(--navy)}.p-white .ghostword{-webkit-text-stroke:2px rgba(6,69,178,.14)}.p-white .stage{color:var(--blue)}
.p-navy{background:var(--navy);color:#fff}.p-navy .ghostword{-webkit-text-stroke:2px rgba(46,168,255,.28)}.p-navy .stage{color:var(--cyan)}

.spread{padding:120px 0 80px;overflow:hidden}
.spread-row{display:flex;flex-wrap:wrap;align-items:flex-start}
.spread-row+.spread-row{margin-top:110px;flex-wrap:wrap-reverse}
.spread-media{flex:1.3 1 560px;min-width:0;position:relative;height:620px;overflow:hidden}
.spread-row .spread-media{border-radius:0 160px 0 0;background:var(--blue)}
.spread-row+.spread-row .spread-media{border-radius:160px 0 0 0;background:var(--cyan)}
.spread-media .bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;animation:pctZoom linear both;animation-timeline:view();animation-range:entry 0% cover 50%}
.spread-media .shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(11,28,48,.88) 0%,rgba(11,28,48,.25) 55%,rgba(6,69,178,.12) 100%)}
.spread-media .cut{position:absolute;bottom:120px;filter:drop-shadow(0 30px 40px rgba(0,0,0,.5))}
.spread-media .word{position:absolute;left:28px;bottom:18px;font-family:var(--cond);font-weight:900;font-size:clamp(80px,10vw,150px);line-height:.8;color:#fff;text-transform:uppercase}
.spread-card{flex:1 1 380px;min-width:0;position:relative;background:#fff;margin:120px 0 0 -90px;padding:48px 44px;box-shadow:0 30px 80px rgba(11,28,48,.18);z-index:2}
.spread-row+.spread-row .spread-card{margin:120px -90px 0 0;background:var(--navy);color:#d0e0f0;box-shadow:none}
.spread-row+.spread-row .spread-card h2{color:#fff}
.spread-card h2{font-size:clamp(38px,3.8vw,54px)}

.quote-sec{position:relative;background:var(--blue);color:#fff;overflow:hidden}
.quote-sec .ghost{position:absolute;left:-2%;top:30px;font-family:var(--cond);font-weight:900;font-size:15vw;line-height:.8;color:transparent;-webkit-text-stroke:2px rgba(255,255,255,.2);white-space:nowrap;pointer-events:none}
.quote-sec .wrap{position:relative;display:flex;flex-wrap:wrap;gap:48px 80px;align-items:flex-start;padding-top:200px;padding-bottom:110px}
.quote-sec .qt{flex:1 1 360px;min-width:0}
.quote-sec h2{color:#fff;font-size:clamp(56px,6.5vw,96px);line-height:.86}
.quote-sec .qt p{font-size:20px;color:#dbe9ff;max-width:440px}
.bigphone{font-family:var(--cond);font-weight:800;font-size:56px;color:#fff;text-decoration:none;line-height:1}
.bigphone:hover{color:var(--ice)}
.quote-sec .form{flex:1.2 1 440px;min-width:0}

@keyframes pctMarquee{to{transform:translateX(-50%)}}
@keyframes pctMarqueeRev{from{transform:translateX(-50%)}to{transform:translateX(0)}}
@keyframes pctTilt{from{transform:rotate(0) translateY(0) scale(1)}to{transform:rotate(-14deg) translateY(160px) scale(1.12)}}
@keyframes pctTrack{from{transform:translateX(0)}to{transform:translateX(calc(-100% + 100vw))}}
@keyframes pctBar{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes pctZoom{from{transform:scale(1.25)}to{transform:scale(1)}}
@keyframes pctGlow{0%,100%{opacity:.55}50%{opacity:.9}}

/* Browsers without scroll timelines: show panels as a scrollable row */
@supports not (animation-timeline: view()){
  .line{height:auto}
  .line-sticky{position:relative;height:auto;overflow-x:auto}
  .line-track{height:820px}
  .line-bar{display:none}
}

/* Tablet and phone */
@media (max-width:900px){
  :root{--pad:20px}
  body{font-size:17px}
  .home-hero{min-height:auto}
  .home-hero .wrap.hero-copy{padding-top:130px;padding-bottom:20px}
  .home-hero .hero-pump{position:relative;right:auto;top:auto;width:96%;margin:0 auto -60px;animation:none}
  .home-hero .spot{width:520px;height:520px;right:-40%;top:auto;bottom:-80px}
  .home-hero .ring{display:none}
  .marquees{height:220px}
  .band-1{top:50px;padding:16px 0}.band-1 .band-track{font-size:38px}
  .band-2{top:120px}.band-2 .band-track{font-size:24px}
  .line{height:auto}
  .line-sticky{position:relative;height:auto;overflow:visible}
  .line-track{flex-direction:column;width:100%;animation:none;height:auto}
  .line-bar{display:none}
  .line-intro{width:100%;padding:72px var(--pad) 40px}
  .line-intro h2{font-size:64px}
  .panel{width:100%;padding:60px var(--pad) 48px;min-height:620px}
  .panel h3{font-size:96px}
  .panel .ghostword{font-size:200px}
  .panel{display:flex;flex-direction:column}
  .panel .pimg{position:relative;order:2;width:auto !important;max-width:80%;max-height:300px;right:auto !important;top:auto !important;margin:32px auto 0}
  .spread-media .word{bottom:80px}
  .spread-media .cut{bottom:140px}
  .brand-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .brand-tile{height:100px;padding:14px 16px;border-radius:18px}
  .brand-tile img{max-height:48px}
  .brand-tile.ask{font-size:22px}
  .spread-media{height:440px;flex-basis:100%}
  .spread-card,.spread-row+.spread-row .spread-card{margin:-60px 16px 0;padding:32px 26px}
  .quote-sec .wrap{padding-top:120px}
  .form{padding:24px}
  .bigphone{font-size:44px}
  .section{padding:64px 0}
  .brand-row .bl{width:96px}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none !important;scroll-behavior:auto !important}
  .line{height:auto}.line-sticky{position:relative;height:auto;overflow-x:auto}
}

/* Blog post tables */
.hb-prose .table-scroll{overflow-x:auto;margin:0 0 1.4em}
.hb-prose table{border-collapse:collapse;width:100%;font-size:16px}
.hb-prose th,.hb-prose td{border-bottom:1px solid var(--line);padding:10px 12px;text-align:left;vertical-align:top}
.hb-prose th{font-weight:700;color:var(--ink);background:var(--ice)}

/* Balance fixes */
.grid.three{grid-template-columns:repeat(3,minmax(0,1fr))}
@media (max-width:900px){.grid.three{grid-template-columns:1fr}}
.brand-rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:56px}
@media (max-width:900px){.brand-rows{grid-template-columns:1fr}}
.two-col.center{align-items:center}
.link-card{background:#fff;border-radius:var(--radius);padding:30px 32px;flex:0 1 380px !important}
.link-card h2{font-size:30px;margin:0 0 10px}
.link-card ul{list-style:none;margin:0;padding:0}
.link-card li{border-top:1px solid var(--line)}
.link-card li:first-child{border-top:0}
.link-card a{display:flex;justify-content:space-between;align-items:center;padding:13px 0;font-weight:700;text-decoration:none;color:var(--ink)}
.link-card a::after{content:"\203A";color:var(--blue);font-size:24px;line-height:1}
.link-card a:hover{color:var(--blue)}
.sticky-head{position:sticky;top:24px;align-self:flex-start}
.sticky-side{position:sticky;top:24px;align-self:flex-start}
@media (max-width:900px){.sticky-head,.sticky-side{position:static}}
.guide-list{flex:1.3 1 480px !important;border-top:2px solid var(--ink)}
.guide-row{display:block;padding:22px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--text)}
.guide-row h3{margin:0 0 6px;font-size:28px;color:var(--ink)}
.guide-row p{margin:0;font-size:16px;color:var(--muted)}
.guide-row:hover h3{color:var(--blue)}
.section.ice .guide-list{border-top-color:var(--ink)}
.quote-sec .wrap{padding-top:110px}
.quote-sec .talk{font-size:18px;color:#dbe9ff}
.quote-sec .talk a{color:#fff;font-weight:700}
/* Sanitary word sits on the open side so the overlapping card never covers it */
.spread-row+.spread-row .spread-media .word{left:auto;right:28px;text-align:right}

/* Sticky navigation */
html{scroll-padding-top:96px}
.site-header{position:sticky;top:0;z-index:50;padding-top:env(safe-area-inset-top,0px);transition:background-color .25s ease,box-shadow .25s ease}
.site-header.over{position:fixed;left:0;right:0;top:0;background:transparent}
.site-header .hdr{transition:padding .25s ease}
.site-header.scrolled{background:rgba(11,28,48,.97);box-shadow:0 8px 24px rgba(0,0,0,.28)}
.site-header.scrolled .hdr{padding-top:12px;padding-bottom:12px}
.line-sticky{top:72px;height:min(calc(100vh - 72px),860px)}
.sticky-head,.sticky-side{top:100px}
@media (max-width:980px){
  .nav{max-height:calc(100vh - 80px);overflow-y:auto}
}
@media (max-width:900px){.line-sticky{top:auto;height:auto}}

/* Team cards: keep long email addresses inside the card */
.team-card{min-width:0}
.team-email{margin:0;font-size:15px;overflow-wrap:anywhere}
.team-card{padding:28px 24px}