@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=IBM+Plex+Mono:wght@500;600&family=Sora:wght@500;600;700;800&display=swap');
:root{
  --ink:#073247;
  --ink-2:#0f455b;
  --teal:#147a87;
  --teal-2:#1aa0a5;
  --mint:#dff7f4;
  --aqua:#edfafa;
  --paper:#f8fbfa;
  --white:#fff;
  --line:#cfe5e4;
  --muted:#5d7480;
  --shadow:0 24px 70px rgba(6,50,71,.14);
  --shadow-soft:0 14px 34px rgba(6,50,71,.10);
  --radius-xl:36px;
  --radius-lg:26px;
  --radius-md:18px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:linear-gradient(180deg,#f6fbfb 0%,#eef9f8 44%,#f8fbfa 100%);line-height:1.5}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
button,input,select,textarea{font:inherit}
.container{width:min(var(--max),calc(100% - 44px));margin-inline:auto}.narrow{max-width:980px}.section-pad{padding:96px 0}.center{text-align:center;margin-inline:auto}.eyebrow,.section-kicker{font-size:.78rem;font-weight:850;text-transform:uppercase;letter-spacing:.13em;color:var(--teal)}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(3.4rem,8vw,7rem);line-height:.88;letter-spacing:-.075em;margin-bottom:26px}h2{font-size:clamp(2.2rem,4.5vw,4.65rem);line-height:.96;letter-spacing:-.055em;margin-bottom:20px}h3{font-size:1.23rem;line-height:1.12;letter-spacing:-.025em;margin-bottom:10px}p{color:var(--muted);font-size:1.03rem}.fineprint{font-size:.84rem;color:#769098}.site-header{height:72px;position:sticky;top:0;z-index:90;display:flex;align-items:center;gap:26px;padding:0 clamp(22px,5vw,62px);background:rgba(255,255,255,.82);border-bottom:1px solid rgba(17,93,105,.16);backdrop-filter:blur(18px)}.brand img{width:142px;height:auto}.site-nav{display:flex;align-items:center;gap:30px;margin-left:auto;font-size:.93rem;font-weight:800}.site-nav a{position:relative}.site-nav a:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--teal);transform:scaleX(0);transition:.2s}.site-nav a:hover:after,.site-nav a.is-active:after{transform:scaleX(1)}.header-cta{margin-left:16px;background:var(--ink-2);color:#fff;padding:13px 20px;border-radius:999px;font-weight:850;box-shadow:0 12px 30px rgba(7,50,71,.18)}.nav-toggle{display:none;margin-left:auto;background:transparent;border:0;width:42px;height:42px;padding:8px}.nav-toggle span{display:block;height:2px;background:var(--ink);margin:6px 0;border-radius:2px}.hero{position:relative;overflow:hidden;padding-top:72px}.hero-bg{position:absolute;inset:0;background:radial-gradient(circle at 80% 16%,rgba(26,160,165,.28),transparent 30%),radial-gradient(circle at 8% 42%,rgba(20,122,135,.16),transparent 36%)}.hero-bg:after{content:"";position:absolute;inset:0;background-image:linear-gradient(135deg,rgba(7,50,71,.035) 8%,transparent 8%,transparent 50%,rgba(7,50,71,.035) 50%,rgba(7,50,71,.035) 58%,transparent 58%,transparent);background-size:20px 20px;mask-image:linear-gradient(180deg,#000,transparent 86%)}.hero-grid{position:relative;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:44px;align-items:center}.hero-copy{padding:64px 0}.hero-lede{font-size:1.26rem;max-width:700px;color:#466574}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin:30px 0 34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;padding:13px 22px;font-weight:850;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--teal),var(--ink-2));color:#fff;box-shadow:0 16px 40px rgba(20,122,135,.25)}.btn-secondary{background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 10px 28px rgba(7,50,71,.08)}.btn-outline-light{border-color:rgba(255,255,255,.35);color:#fff}.btn.dark{background:#fff;color:var(--ink)}.proof-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:690px;border:1px solid var(--line);background:rgba(255,255,255,.75);border-radius:24px;overflow:hidden;box-shadow:var(--shadow-soft)}.proof-strip div{padding:20px 22px;border-right:1px solid var(--line)}.proof-strip div:last-child{border-right:0}.proof-strip strong{display:block;color:var(--teal);font-size:2.45rem;line-height:.9;letter-spacing:-.06em}.proof-strip span{font-size:.82rem;font-weight:850;text-transform:uppercase;line-height:1.15;color:var(--ink)}.hero-visual{position:relative;min-height:600px}.visual-card{background:linear-gradient(145deg,#fff,#effbfa);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:34px}.main-machine{position:absolute;inset:78px 18px 74px 80px;display:grid;place-items:center;overflow:hidden}.main-machine:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 64% 42%,rgba(20,122,135,.17),transparent 34%)}.main-machine img{position:relative;width:82%;filter:drop-shadow(0 20px 32px rgba(7,50,71,.22))}.traffic{position:absolute;top:24px;right:24px;display:grid;gap:8px}.traffic span{width:12px;height:12px;border-radius:999px;background:#e3342f}.traffic span:nth-child(2){background:#f2bc2e}.traffic span:nth-child(3){background:#21a96a}.floating-tag{position:absolute;background:rgba(255,255,255,.9);border:1px solid var(--line);backdrop-filter:blur(18px);border-radius:18px;padding:14px 16px;min-width:210px;box-shadow:0 16px 40px rgba(7,50,71,.11)}.floating-tag strong{display:block;font-size:.98rem;line-height:1.05}.floating-tag span{display:block;margin-top:7px;color:#668089;font-weight:800;font-size:.8rem}.tag-mineral{top:34px;left:10px}.tag-element{right:4px;top:318px}.tag-export{left:30px;bottom:24px}.mini-output{position:absolute;width:150px;height:150px;border-radius:24px;overflow:hidden;border:8px solid #fff;box-shadow:0 18px 40px rgba(7,50,71,.18)}.mini-output img{width:100%;height:100%;object-fit:cover}.output-a{right:12px;bottom:42px}.output-b{left:0;top:265px}.section-intro{max-width:790px;margin-bottom:44px}.problem-section{background:rgba(255,255,255,.44)}.problem-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.problem-card,.output-card,.app-card,.resource-card{background:rgba(255,255,255,.82);border:1px solid var(--line);border-radius:var(--radius-lg);padding:26px;box-shadow:0 10px 30px rgba(7,50,71,.06)}.icon-dot{display:inline-flex;width:42px;height:42px;border-radius:999px;align-items:center;justify-content:center;background:var(--ink);color:#fff;font-size:.78rem;font-weight:900;margin-bottom:18px}.platform-section{background:#fff}.split-heading{display:grid;grid-template-columns:1fr .72fr;gap:60px;align-items:end;margin-bottom:40px}.workflow{display:grid;grid-template-columns:repeat(6,1fr);gap:0;margin:38px 0 34px;border:1px solid var(--line);border-radius:28px;overflow:hidden;background:#f9fdfd;box-shadow:var(--shadow-soft)}.workflow div{position:relative;padding:22px 16px;border-right:1px solid var(--line)}.workflow div:last-child{border-right:0}.workflow div:not(:last-child):after{content:"→";position:absolute;right:-11px;top:50%;transform:translateY(-50%);width:22px;height:22px;border-radius:999px;background:var(--teal);color:#fff;display:grid;place-items:center;font-weight:900;font-size:.82rem;z-index:2}.workflow span{display:block;font-weight:900;font-size:1.05rem}.workflow small{display:block;color:var(--muted);font-weight:750}.platform-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{overflow:hidden;background:#fff;border:1px solid var(--line);border-radius:30px;box-shadow:var(--shadow-soft)}.card-media{height:270px;display:grid;place-items:center;background:linear-gradient(145deg,#effbfa,#fff);border-bottom:1px solid var(--line);overflow:hidden}.machine-media img{height:250px;width:auto;object-fit:contain}.stack-media img{height:320px;width:auto;object-fit:contain;transform:translateY(18px)}.card-body{padding:28px}.label{display:inline-flex;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--teal);margin-bottom:12px}.support-card{background:linear-gradient(145deg,#073247,#0d5261);color:#fff}.support-card p,.support-card .label{color:#d1eeee}.support-card h3{color:#fff}.support-graphic{height:270px;display:grid;grid-template-columns:repeat(2,1fr);gap:12px;padding:34px;border-bottom:1px solid rgba(255,255,255,.14)}.support-graphic span{border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.2),rgba(255,255,255,.06));border:1px solid rgba(255,255,255,.16)}.outputs-section{background:linear-gradient(180deg,#f7fcfc,#edf8f7)}.output-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.output-card{min-height:190px}.output-card span{display:block;color:var(--teal);font-weight:950;margin-bottom:24px}.proof-section{background:var(--ink);color:#fff;position:relative;overflow:hidden}.proof-section:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 30%,rgba(26,160,165,.3),transparent 32%),linear-gradient(135deg,rgba(255,255,255,.035) 8%,transparent 8%,transparent 50%,rgba(255,255,255,.035) 50%,rgba(255,255,255,.035) 58%,transparent 58%,transparent);background-size:auto,22px 22px}.proof-grid{position:relative;display:grid;grid-template-columns:.84fr 1.16fr;gap:60px;align-items:center}.proof-section h2,.proof-section .eyebrow{color:#fff}.proof-section p{color:#d4e6e7}.metric-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.metric{padding:32px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.16);border-radius:28px;backdrop-filter:blur(10px)}.metric strong{display:block;font-size:4.2rem;line-height:.88;letter-spacing:-.08em;color:#61d4d4}.metric span{font-weight:850}.sensor-section{background:#fff}.sensor-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:26px;box-shadow:var(--shadow-soft);background:#fff}.sensor-table{width:100%;border-collapse:collapse;min-width:780px}.sensor-table th{text-align:left;background:#edf9f9;color:var(--ink);font-size:.8rem;text-transform:uppercase;letter-spacing:.1em}.sensor-table th,.sensor-table td{padding:18px 20px;border-bottom:1px solid var(--line)}.sensor-table tr:last-child td{border-bottom:0}.sensor-table td:first-child{font-weight:900;color:var(--teal)}.inline-toggle{margin-top:22px;border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:999px;padding:13px 18px;font-weight:850;cursor:pointer}.spec-panel{margin-top:24px;display:grid;grid-template-columns:1.2fr .8fr;gap:22px;align-items:center;background:#f4fbfb;border:1px solid var(--line);border-radius:28px;padding:20px}.spec-image-card{border-radius:22px;overflow:hidden;border:1px solid var(--line);background:#fff}.spec-copy{padding:14px}.applications-section{background:linear-gradient(180deg,#eff9f8,#fff)}.app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.app-card{min-height:170px}.app-card h3:before{content:"";display:block;width:38px;height:4px;border-radius:999px;background:var(--teal);margin-bottom:18px}.work-section{background:#fff}.work-layout{display:grid;grid-template-columns:.82fr 1.18fr;gap:64px;align-items:start}.work-copy{position:sticky;top:112px}.path-list{display:grid;gap:14px}.path-list article{display:grid;grid-template-columns:58px 1fr;gap:20px;padding:22px;border:1px solid var(--line);border-radius:24px;background:#fbfefe;box-shadow:0 10px 26px rgba(7,50,71,.05)}.path-list span{width:42px;height:42px;border-radius:999px;background:var(--mint);color:var(--teal);display:grid;place-items:center;font-weight:950}.resources-section{background:linear-gradient(145deg,#eefafa,#fff)}.resources-grid{display:grid;grid-template-columns:.88fr 1.12fr;gap:46px;align-items:start}.resource-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.resource-card{display:block;min-height:205px;transition:.2s}.resource-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-soft)}.resource-card span{display:inline-flex;border-radius:999px;background:var(--mint);color:var(--teal);font-weight:900;padding:7px 11px;margin-bottom:26px}.contact-section{background:var(--ink);color:#fff}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:58px;align-items:start}.contact-section h2,.contact-section .eyebrow{color:#fff}.contact-section p{color:#d7e6e7}.contact-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.contact-mail-card{display:grid;gap:18px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:32px;backdrop-filter:blur(14px);min-height:320px}.contact-mail-card h3{color:#fff;font-size:clamp(1.7rem,3vw,2.65rem);letter-spacing:-.045em}.contact-mail-card p{color:#d7e6e7}.mail-label{display:inline-flex;width:max-content;border-radius:999px;background:rgba(97,212,212,.16);color:#7ee2e2;font-weight:900;text-transform:uppercase;letter-spacing:.11em;font-size:.74rem;padding:8px 12px}.mail-note{margin:0;font-size:.86rem;color:#bcd4d7}.contact-mail-card .btn{width:max-content;max-width:100%}.contact-form{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:32px;padding:26px;backdrop-filter:blur(14px)}.contact-form label{display:grid;gap:8px;font-weight:850;color:#fff;font-size:.92rem}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.92);border-radius:14px;padding:13px 14px;color:var(--ink);outline:none}.contact-form textarea{resize:vertical}.full{grid-column:1/-1}.form-note{grid-column:1/-1;margin:0;font-size:.82rem;color:#bcd4d7}.site-footer{padding:42px 0;background:#fff;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center}.site-footer img{width:126px}.site-footer p{margin:14px 0 0;max-width:460px}.footer-links{display:flex;gap:22px;flex-wrap:wrap;font-weight:850;color:var(--ink-2)}
@media(max-width:980px){.site-header{height:auto;min-height:70px;flex-wrap:wrap}.nav-toggle{display:block}.site-nav{display:none;order:5;width:100%;margin:0;padding:10px 0 18px;flex-direction:column;align-items:flex-start;gap:16px}.site-nav.open{display:flex}.header-cta{display:none}.hero-grid,.split-heading,.proof-grid,.work-layout,.resources-grid,.contact-grid{grid-template-columns:1fr}.hero-copy{padding:36px 0 12px}.hero-visual{min-height:510px}.main-machine{inset:70px 20px 46px 46px}.proof-strip,.problem-grid,.platform-cards,.output-grid,.app-grid,.resource-cards{grid-template-columns:1fr 1fr}.workflow{grid-template-columns:repeat(3,1fr)}.workflow div:nth-child(3){border-right:0}.workflow div:nth-child(3):after{display:none}.work-copy{position:static}.spec-panel{grid-template-columns:1fr}}@media(max-width:640px){.contact-mail-card .btn{width:100%}.container{width:min(100% - 28px,var(--max))}.section-pad{padding:68px 0}h1{font-size:3.75rem}.hero-copy{padding-top:12px}.proof-strip,.problem-grid,.platform-cards,.output-grid,.app-grid,.resource-cards,.metric-wall,.contact-form{grid-template-columns:1fr}.proof-strip div{border-right:0;border-bottom:1px solid var(--line)}.proof-strip div:last-child{border-bottom:0}.hero-visual{min-height:430px}.main-machine{inset:70px 0 58px 24px}.floating-tag{min-width:0;max-width:190px;padding:12px}.tag-mineral{left:0}.tag-element{right:0;top:250px}.tag-export{display:none}.mini-output{width:112px;height:112px;border-width:6px}.output-b{top:240px}.workflow{grid-template-columns:1fr}.workflow div{border-right:0;border-bottom:1px solid var(--line)}.workflow div:last-child{border-bottom:0}.workflow div:not(:last-child):after{right:20px;top:auto;bottom:-11px;transform:rotate(90deg)}.footer-grid{grid-template-columns:1fr}.footer-links{display:grid;gap:12px}}

/* V5 revisions: video-led hero, multi-page resource/navigation model */
.site-nav{gap:22px}.nav-dropdown{position:relative;display:flex;align-items:center}.nav-dropbtn{border:0;background:transparent;color:var(--ink);font-weight:800;font-size:.93rem;padding:0;cursor:pointer}.nav-dropbtn:after{content:" ▾";font-size:.75em}.nav-menu{position:absolute;top:calc(100% + 18px);left:-18px;min-width:270px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-soft);padding:10px;display:none;z-index:100}.nav-dropdown:hover .nav-menu,.nav-dropdown:focus-within .nav-menu{display:grid}.nav-menu a{display:block;padding:10px 12px;border-radius:12px;color:var(--ink);font-size:.9rem}.nav-menu a:hover{background:var(--aqua)}.nav-menu a:after,.nav-dropbtn:after{transform:none!important;background:none!important}.hero-grid-video{grid-template-columns:minmax(0,.95fr) minmax(390px,.82fr);gap:56px}.hero-copy{padding:52px 0}.single-action{margin-top:28px;margin-bottom:0}.hero-video-wrap{position:relative;border-radius:38px;overflow:hidden;background:#082e43;border:1px solid rgba(7,50,71,.18);box-shadow:var(--shadow);min-height:610px}.hero-video{width:100%;height:100%;min-height:610px;object-fit:cover;display:block}.video-caption{position:absolute;left:18px;right:18px;bottom:18px;background:rgba(255,255,255,.86);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.55);border-radius:22px;padding:16px 18px}.video-caption strong{display:block;color:var(--ink);line-height:1.1}.video-caption span{display:block;margin-top:5px;color:var(--muted);font-weight:750;font-size:.88rem}.problem-visual-section{background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(237,250,250,.9))}.problem-visual-grid{display:grid;grid-template-columns:1.06fr .72fr;gap:44px;align-items:center}.light-image-card{border-radius:34px;overflow:hidden;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-soft);padding:10px}.light-image-card img{border-radius:24px;width:100%;height:430px;object-fit:cover;object-position:center}.compact-problems{grid-template-columns:repeat(3,1fr);gap:14px}.problem-card{padding:22px}.icon-check{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:999px;background:var(--mint);color:var(--teal);font-weight:950;margin-bottom:14px}.platform-video-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:24px;align-items:stretch;margin:34px 0}.platform-video-card{border:1px solid var(--line);background:#fff;border-radius:28px;overflow:hidden;box-shadow:var(--shadow-soft);min-height:260px}.platform-video-card video{width:100%;height:100%;object-fit:cover;display:block}.workflow-balanced{margin:0;height:100%;grid-template-columns:repeat(6,1fr)}.workflow-metric{background:linear-gradient(135deg,#09364a,#147a87)!important;color:#fff}.workflow-metric small{color:#d5f2f0!important}.workflow-metric span{font-size:1.2rem!important;color:#fff}.linked-product-cards a{color:inherit}.linked-product-cards .feature-card{transition:.22s}.linked-product-cards .feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.text-link{display:inline-flex;margin-top:14px;color:var(--teal);font-weight:900}.service-photo img{width:100%;height:100%;object-fit:cover}.services-media-card{background:#fff;color:var(--ink)}.services-media-card p{color:var(--muted)}.services-media-card .label{color:var(--teal)}.tighter-grid{gap:16px}.tighter-grid .output-card{min-height:160px;padding:23px}.spec-table{min-width:1080px}.always-open{display:grid!important}.case-select{margin-top:18px;width:min(100%,460px);padding:14px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;color:var(--ink);font-weight:850}.case-resource-cards{grid-template-columns:1fr}.contact-mail-card{min-height:auto}.subpage .site-header + main{padding-top:0}.page-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 85% 12%,rgba(26,160,165,.25),transparent 32%),linear-gradient(180deg,#f5fbfb,#fff)}.compact-hero{padding-top:92px;padding-bottom:78px}.page-hero-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:54px;align-items:center}.page-hero h1{font-size:clamp(3rem,6.4vw,5.8rem);max-width:900px}.page-hero p{font-size:1.17rem;max-width:750px}.subpage-media{background:#fff;border:1px solid var(--line);border-radius:32px;box-shadow:var(--shadow);overflow:hidden;padding:12px}.subpage-media img,.subpage-media video{width:100%;height:100%;max-height:560px;object-fit:cover;border-radius:22px}.case-content{display:grid;grid-template-columns:1fr 300px;gap:48px;align-items:start}.case-content h2{font-size:clamp(2rem,4vw,3.6rem)}.case-content aside{background:#fff;border:1px solid var(--line);border-radius:24px;padding:24px;display:grid;gap:10px;box-shadow:var(--shadow-soft);position:sticky;top:100px}.case-content aside a{font-weight:900;color:var(--teal);padding:8px 0;border-bottom:1px solid var(--line)}.case-content aside a:last-child{border-bottom:0}.resource-cards.case-resource-cards .resource-card{min-height:160px}.contact-mail-card .mail-note{display:none}.contact-copy p{max-width:680px}
@media(max-width:980px){.nav-dropdown{width:100%;display:block}.nav-dropbtn{width:100%;text-align:left;padding:4px 0}.nav-menu{position:static;display:none;box-shadow:none;border:0;background:transparent;padding:6px 0 0 10px}.nav-dropdown.open .nav-menu,.nav-dropdown:focus-within .nav-menu{display:grid}.hero-grid-video,.problem-visual-grid,.platform-video-grid,.page-hero-grid,.case-content{grid-template-columns:1fr}.hero-video-wrap{min-height:520px}.hero-video{min-height:520px}.light-image-card img{height:auto}.workflow-balanced{grid-template-columns:repeat(3,1fr)}.workflow-balanced div:nth-child(3){border-right:0}.platform-video-card{min-height:320px}.case-content aside{position:static}.page-hero h1{font-size:clamp(2.8rem,10vw,4.4rem)}}
@media(max-width:640px){.hero-grid-video{gap:24px}.hero-video-wrap{min-height:430px}.hero-video{min-height:430px}.video-caption{left:12px;right:12px;bottom:12px}.compact-problems{grid-template-columns:1fr}.platform-video-card{min-height:220px}.page-hero h1{font-size:3.35rem}.subpage-media{padding:8px}.resources-with-dropdown{gap:26px}.sensor-table th,.sensor-table td{padding:14px 15px}.contact-mail-card h3{font-size:2.1rem}}


/* V6 tightening pass */
.platform-evidence-card{
  position:relative;
  border:1px solid var(--line);
  background:linear-gradient(180deg,#fff,#f4fbfb);
  border-radius:28px;
  overflow:hidden;
  box-shadow:var(--shadow-soft);
  min-height:260px;
  padding:22px;
  display:grid;
  align-content:center;
}
.platform-evidence-card img{width:100%;height:210px;object-fit:contain;display:block}
.evidence-caption{display:grid;gap:5px;margin-top:10px}
.evidence-caption strong{font-weight:950;color:var(--ink);font-size:1.05rem}
.evidence-caption span{color:var(--muted);font-size:.94rem;line-height:1.45}

.homepage-proof-band{
  margin-top:28px;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  align-items:stretch;
}
.proof-chip{
  background:linear-gradient(135deg,#073247,#147a87);
  color:#fff;
  border-radius:24px;
  padding:22px;
  box-shadow:var(--shadow-soft);
  min-height:140px;
}
.proof-chip strong{
  display:block;
  color:#61d4d4;
  font-size:clamp(2.8rem,5vw,4.4rem);
  line-height:.9;
  letter-spacing:-.08em;
}
.proof-chip span{display:block;margin-top:10px;font-weight:900}
.proof-band-note{
  grid-column:1/-1;
  color:var(--muted);
  font-size:.92rem;
  margin:0;
}

.sensor-summary-grid{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:14px;
  margin-top:26px;
}
.sensor-summary-card{
  background:#fff;
  border:1px solid var(--line);
  border-radius:22px;
  padding:20px;
  box-shadow:var(--shadow-soft);
  min-height:210px;
}
.sensor-summary-card span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  background:var(--mint);
  color:var(--teal);
  border-radius:999px;
  padding:6px 11px;
  font-weight:950;
  font-size:.8rem;
  margin-bottom:14px;
}
.sensor-summary-card h3{font-size:1.05rem;line-height:1.22;margin-bottom:10px}
.sensor-summary-card p{font-size:.93rem;line-height:1.5;color:var(--muted)}
.sensor-spec-link{margin-top:24px}

.resource-library-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}
.resource-library-card{
  overflow:hidden;
  min-height:360px;
}
.resource-library-card img{
  width:100%;
  height:150px;
  object-fit:cover;
  border-radius:16px;
  margin-bottom:14px;
  border:1px solid var(--line);
  background:#f8fbfa;
}
.view-all-card{background:linear-gradient(135deg,#073247,#147a87)!important;color:#fff!important}
.view-all-card span,.view-all-card p,.view-all-card h3{color:#fff!important}

.web-case-content{grid-template-columns:1fr 310px}
.case-explainer-grid{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:18px;
}
.case-explainer-grid article{
  background:#fff;
  border:1px solid var(--line);
  border-radius:26px;
  padding:26px;
  box-shadow:var(--shadow-soft);
}
.case-explainer-grid article span{
  display:inline-flex;
  background:var(--mint);
  color:var(--teal);
  font-weight:950;
  border-radius:999px;
  padding:6px 10px;
  margin-bottom:14px;
}
.case-explainer-grid h2{
  font-size:clamp(1.35rem,2.4vw,2rem);
  letter-spacing:-.03em;
  margin-bottom:10px;
}
.case-explainer-grid p{color:var(--muted)}
.web-case-content aside p{
  color:var(--muted);
  line-height:1.55;
}

@media (max-width: 980px){
  .homepage-proof-band{grid-template-columns:1fr}
  .sensor-summary-grid{grid-template-columns:1fr 1fr}
  .resource-library-grid{grid-template-columns:1fr 1fr}
  .case-explainer-grid{grid-template-columns:1fr}
  .web-case-content{grid-template-columns:1fr}
}
@media (max-width: 640px){
  .sensor-summary-grid,.resource-library-grid{grid-template-columns:1fr}
  .proof-chip{min-height:auto}
}

/* V7 review revisions */
.hero h1{
  font-size:clamp(2rem,3.45vw,3.55rem)!important;
  max-width:760px!important;
  line-height:.98!important;
}
.hero-lede{
  font-size:clamp(1rem,1.25vw,1.22rem)!important;
  max-width:720px!important;
  line-height:1.55!important;
}
.section-intro h2,
.split-heading h2,
.work-copy h2,
.resources-section h2,
.contact-section h2{
  font-size:clamp(1.85rem,3.1vw,3.35rem)!important;
  line-height:1.02!important;
}
#platform .split-heading h2{
  max-width:820px;
}
.platform-video-grid.workflow-only-row{
  display:block!important;
  margin-top:26px!important;
}
.platform-video-grid.workflow-only-row .workflow-balanced{
  width:100%;
}
.platform-evidence-card{display:none!important;}
.linked-product-cards .platform-card{
  color:inherit;
  text-decoration:none;
}
.linked-product-cards .platform-card h3 a{
  color:var(--ink);
  text-decoration:none;
  border-bottom:2px solid rgba(20,122,135,.25);
}
.linked-product-cards .platform-card h3 a:hover{
  color:var(--teal);
  border-bottom-color:var(--teal);
}
.linked-product-cards .feature-card:hover{
  transform:none!important;
}
.text-link{display:none!important;}
.case-resource-cards .resource-card h3{
  font-size:1.35rem;
}
.page-hero h1{
  font-size:clamp(2rem,4vw,3.8rem)!important;
  line-height:1.02!important;
}
.resources-page .page-hero h1{
  font-size:clamp(2rem,3.2vw,3.25rem)!important;
}

/* Case pages: slide-like layout with title upper-left and larger visuals */
.slide-case-page .site-header + main,
.slide-case-page{
  background:#f8fbfa;
}
.case-slide-hero{
  padding:108px 0 48px;
  background:linear-gradient(180deg,#f5fbfb 0%,#fff 70%);
  overflow:hidden;
}
.case-slide-grid{
  display:grid;
  grid-template-columns:minmax(310px,.68fr) minmax(560px,1.32fr);
  gap:42px;
  align-items:start;
}
.case-slide-copy{
  padding-top:8px;
  position:sticky;
  top:96px;
}
.case-slide-copy h1{
  font-size:clamp(2rem,3.2vw,3.4rem)!important;
  line-height:1.02;
  letter-spacing:-.055em;
  max-width:620px;
  margin-bottom:18px;
}
.case-slide-copy p{
  font-size:1.04rem;
  line-height:1.55;
  color:var(--muted);
  max-width:540px;
}
.case-slide-images{
  display:grid;
  gap:22px;
}
.case-slide-images figure{
  margin:0;
  background:#fff;
  border:none;
  border-radius:0;
  padding:0;
  box-shadow:none;
}
.case-slide-images img{
  width:100%;
  height:auto;
  max-height:none;
  object-fit:contain;
  display:block;
  border-radius:0;
  box-shadow:var(--shadow-soft);
  background:#fff;
}
.case-detail-section{
  padding-top:42px!important;
}
.case-explainer-grid article{
  padding:22px!important;
}
.case-explainer-grid h2{
  font-size:clamp(1.1rem,1.7vw,1.55rem)!important;
}
.web-case-content aside{
  top:96px;
}
.resource-library-card h3{
  font-size:1.18rem;
}
.resource-library-card img{
  height:170px!important;
  object-fit:cover!important;
}
@media (max-width: 980px){
  .hero h1{font-size:clamp(2rem,9vw,3.25rem)!important;}
  .case-slide-grid{grid-template-columns:1fr;}
  .case-slide-copy{position:relative;top:auto;}
  .case-slide-hero{padding-top:92px;}
}


/* V8 cleanup: resource titles, one-image case layout, and contact CTA */
.contact-section .contact-mail-card{
  align-content:center;
  justify-items:center;
  min-height:220px;
}
.contact-specialist-button{
  font-size:1.1rem;
  padding:18px 28px;
}

.case-slide-hero{
  position:relative;
  padding:96px 0 40px!important;
}
.case-slide-grid{
  grid-template-columns:minmax(240px,.46fr) minmax(720px,1.54fr)!important;
  gap:28px!important;
  align-items:start;
}
.case-slide-copy{
  position:static!important;
  top:auto!important;
  padding-top:48px!important;
}
.case-slide-copy .eyebrow{
  position:absolute;
  top:100px;
  right:max(24px,calc((100vw - var(--max)) / 2));
  z-index:3;
  background:#e9fbf8;
  border:1px solid var(--line);
  border-radius:999px;
  padding:8px 12px;
}
.case-slide-copy h1{
  font-size:clamp(1.65rem,2.45vw,2.65rem)!important;
  line-height:1.05!important;
  max-width:420px!important;
}
.case-slide-copy p{
  font-size:.98rem!important;
  max-width:420px!important;
}
.case-slide-images{
  display:block!important;
}
.case-slide-images figure{
  margin:0!important;
}
.case-slide-images img{
  width:100%!important;
  max-width:none!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
  box-shadow:var(--shadow)!important;
}
.case-detail-section{
  padding-top:26px!important;
}
.resources-page .page-hero h1{
  font-size:clamp(1.8rem,2.8vw,3rem)!important;
}
@media (max-width:980px){
  .case-slide-grid{
    grid-template-columns:1fr!important;
  }
  .case-slide-copy{
    padding-top:0!important;
  }
  .case-slide-copy .eyebrow{
    position:static;
    display:inline-flex;
    margin-bottom:14px;
  }
}


/* V9 hero: full-background video with semi-transparent text overlay */
.hero-video-background{
  position:relative;
  min-height:760px;
  padding:0!important;
  overflow:hidden;
  display:grid;
  align-items:center;
}
.hero-background-media,
.hero-video-shade{
  position:absolute;
  inset:0;
}
.hero-background-media{
  z-index:0;
  background:#073247;
}
.hero-bg-video{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  display:block;
  filter:saturate(1.04) contrast(1.02);
}
.hero-video-shade{
  z-index:1;
  background:
    linear-gradient(90deg,rgba(3,25,37,.64) 0%,rgba(3,25,37,.38) 38%,rgba(3,25,37,.12) 70%,rgba(3,25,37,.20) 100%),
    linear-gradient(180deg,rgba(3,25,37,.18) 0%,rgba(3,25,37,.08) 45%,rgba(3,25,37,.42) 100%);
}
.hero-overlay-container{
  position:relative;
  z-index:2;
  width:100%;
  padding-top:120px;
  padding-bottom:80px;
}
.hero-overlay-box{
  max-width:620px;
  padding:34px 38px!important;
  background:rgba(255,255,255,.78);
  border:1px solid rgba(255,255,255,.56);
  border-radius:30px;
  box-shadow:0 28px 80px rgba(0,0,0,.25);
  backdrop-filter:blur(16px);
}
.hero-overlay-box .eyebrow{
  color:var(--teal);
}
.hero-overlay-box h1{
  color:var(--ink);
  text-shadow:none;
}
.hero-overlay-box .hero-lede{
  color:#3f5d68;
  max-width:560px;
}
.hero-overlay-box .hero-actions{
  margin-bottom:0;
}
@media (max-width:980px){
  .hero-video-background{
    min-height:680px;
  }
  .hero-overlay-container{
    padding-top:104px;
    padding-bottom:54px;
  }
  .hero-overlay-box{
    max-width:100%;
    padding:28px!important;
  }
}
@media (max-width:640px){
  .hero-video-background{
    min-height:620px;
  }
  .hero-overlay-box{
    border-radius:24px;
    background:rgba(255,255,255,.84);
  }
}


/* V10 uploaded image replacement pass */
.brand img,
.site-footer img{
  background:transparent!important;
}
.nav-menu{
  min-width:390px!important;
  max-height:72vh;
  overflow:auto;
}
.nav-menu a{
  white-space:normal;
  line-height:1.25;
}
.light-image-card{
  background:#050505!important;
}
.light-image-card img{
  height:auto!important;
  max-height:560px!important;
  object-fit:contain!important;
  object-position:center!important;
  background:#050505;
}
.card-media img{
  max-width:92%;
  max-height:92%;
  object-fit:contain!important;
}
.service-photo img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  background:#156082;
}
.machine-media img,
.stack-media img{
  height:auto!important;
  width:auto!important;
  max-width:92%!important;
  max-height:92%!important;
  transform:none!important;
}
.uploaded-resource-grid{
  grid-template-columns:repeat(3,1fr)!important;
}
.uploaded-resource-card{
  min-height:390px!important;
}
.uploaded-resource-card img{
  height:185px!important;
  object-fit:contain!important;
  background:#050505!important;
  border-color:#111!important;
}
.uploaded-resource-page{
  background:#000;
}
.uploaded-resource-hero{
  background:#000;
  min-height:calc(100vh - 80px);
  padding:112px 0 68px;
}
.uploaded-resource-layout{
  display:grid;
  grid-template-columns:minmax(260px,.36fr) minmax(760px,1.64fr);
  gap:34px;
  align-items:start;
}
.uploaded-resource-copy{
  position:sticky;
  top:98px;
  color:#fff;
  padding-top:8px;
}
.uploaded-resource-copy .eyebrow{
  color:#61d4d4;
}
.uploaded-resource-copy h1{
  color:#fff;
  font-size:clamp(1.7rem,2.8vw,3.05rem);
  line-height:1.05;
  letter-spacing:-.045em;
  max-width:460px;
}
.uploaded-resource-copy p{
  color:#aebbc3;
  max-width:430px;
  font-size:1rem;
  line-height:1.55;
}
.uploaded-resource-images{
  display:grid;
  gap:34px;
}
.uploaded-resource-figure{
  margin:0;
  background:#000;
  border:0;
  padding:0;
}
.uploaded-resource-figure img{
  width:100%;
  height:auto;
  display:block;
  object-fit:contain;
  background:#000;
}
.resources-page .subpage-media{
  background:#050505!important;
}
.resources-page .subpage-media img{
  object-fit:contain!important;
  background:#050505;
}
@media (max-width: 980px){
  .uploaded-resource-layout{
    grid-template-columns:1fr;
  }
  .uploaded-resource-copy{
    position:static;
  }
  .uploaded-resource-grid{
    grid-template-columns:1fr 1fr!important;
  }
  .nav-menu{
    min-width:auto!important;
    max-height:none;
  }
}
@media (max-width: 640px){
  .uploaded-resource-grid{
    grid-template-columns:1fr!important;
  }
  .uploaded-resource-hero{
    padding-top:92px;
  }
}


/* V11 final image and section cleanup */
.problem-visual-section .light-image-card{
  background:#f8fbfa!important;
}
.problem-visual-section .light-image-card img{
  height:auto!important;
  max-height:560px;
  object-fit:contain!important;
  object-position:center!important;
  background:#f8fbfa!important;
  display:block;
}

/* Removed platform workflow row; tighten space before component cards */
.platform-section .platform-cards{
  margin-top:28px;
}

/* Keep product-page hero media consistent with homepage component cards */
.subpage-media{
  background:#fff!important;
}
.subpage-media img{
  object-fit:contain!important;
  background:#fff!important;
}

/* Services image has transparent/blue areas; keep it centered and contained */
.scient-services-page .subpage-media img,
body:has(.scient-services-page) .subpage-media img{
  object-fit:contain!important;
}

/* LithoScan page no longer uses scanner video in hero */


/* V12 final background and content cleanup */

/* Force light backing behind transparent PNG science visuals so browser/theme cannot render them on black. */
.light-image-card,
.resource-library-card,
.case-slide-images figure,
.case-primary-figure,
.resource-slide-page .case-slide-images,
.problem-visual-section .light-image-card{
  background:#f8fbfa!important;
}
.light-image-card img,
.resource-library-card img,
.case-slide-images img,
.case-primary-figure img,
.problem-visual-section .light-image-card img{
  background:#f8fbfa!important;
}

/* The production-speed visual should preserve the original PNG content and use its natural aspect ratio. */
.problem-visual-section .light-image-card img{
  object-fit:contain!important;
  height:auto!important;
  max-height:560px!important;
  padding:0!important;
}

/* Problem cards no longer use decorative checkmarks. */
.problem-card .icon-check{
  display:none!important;
}
.problem-card h3{
  margin-top:0!important;
}

/* Service/output cards: remove unused number styling and make content better use space. */
.output-card{
  padding:30px!important;
}
.output-card > span{
  display:none!important;
}
.output-card h3{
  font-size:clamp(1.2rem,1.65vw,1.55rem)!important;
  line-height:1.16!important;
  margin-bottom:12px!important;
}
.output-card p{
  font-size:1rem!important;
  line-height:1.55!important;
}

/* Case-study/resource pages stay light regardless of system dark-mode defaults. */
.slide-case-page,
.case-slide-hero,
.case-detail-section,
.resources-page,
.resources-page .page-hero{
  background:#f8fbfa!important;
}
.case-slide-images img{
  background:#f8fbfa!important;
}

/* LithoScope capability cards should read like actions, not unrelated case-study titles. */
.lithoscope-page .resources-section .resource-card,
body:has(.lithoscope-page) .resources-section .resource-card{
  font-size:1.08rem;
  font-weight:900;
  line-height:1.25;
}


/* V14 final visual fixes */

/* Keep Scient logo natural; never squeeze into a fixed box. */
.brand img,
.site-footer img,
.site-footer .footer-grid img,
img[alt="Scient"][src$="scient-logo.png"]{
  height:auto!important;
  width:auto!important;
  max-width:142px!important;
  object-fit:contain!important;
  aspect-ratio:auto!important;
}
.site-footer img,
.site-footer .footer-grid img{
  max-width:126px!important;
}

/* Resource pages: force white/light background independent of browser/system theme. */
.uploaded-resource-page,
.uploaded-resource-hero,
.uploaded-resource-layout,
.uploaded-resource-images,
.uploaded-resource-figure,
.resources-page,
.resources-page .page-hero,
.resources-page .subpage-media,
.resource-library-card,
.uploaded-resource-card{
  background:#ffffff!important;
}
.uploaded-resource-page,
.uploaded-resource-hero{
  color:var(--ink)!important;
}
.uploaded-resource-copy{
  color:var(--ink)!important;
}
.uploaded-resource-copy .eyebrow{
  color:var(--teal)!important;
}
.uploaded-resource-copy h1{
  color:var(--ink)!important;
}
.uploaded-resource-copy p{
  color:var(--muted)!important;
}
.uploaded-resource-figure img,
.uploaded-resource-card img,
.resources-page .subpage-media img,
.resource-library-card img{
  background:#ffffff!important;
}
.uploaded-resource-card img{
  border-color:var(--line)!important;
}

/* Resource slide images are already light-backed; preserve full aspect ratio. */
.uploaded-resource-figure img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
}

/* LithoScan page scanner hero should preserve aspect ratio. */
.lithoscan-page .subpage-media img,
body:has(.lithoscan-page) .subpage-media img{
  width:100%!important;
  height:auto!important;
  object-fit:contain!important;
  background:#fff!important;
}


/* V15: click-to-open Resources dropdown, with hover as a desktop convenience */
.nav-dropdown{
  position:relative;
}
.nav-dropdown::after{
  content:"";
  position:absolute;
  left:-18px;
  right:-18px;
  top:100%;
  height:22px;
  pointer-events:auto;
}
.nav-dropdown.open .nav-menu,
.nav-dropdown:hover .nav-menu,
.nav-dropdown:focus-within .nav-menu{
  display:grid!important;
}
.nav-dropbtn[aria-expanded="true"]::after{
  content:" ▴";
}
.nav-menu{
  top:calc(100% + 10px)!important;
}
.nav-menu a:focus-visible,
.nav-dropbtn:focus-visible{
  outline:3px solid rgba(26,160,165,.35);
  outline-offset:4px;
  border-radius:12px;
}
@media (max-width:980px){
  .nav-dropdown::after{
    display:none;
  }
  .nav-dropdown:hover .nav-menu{
    display:none!important;
  }
  .nav-dropdown.open .nav-menu,
  .nav-dropdown:focus-within .nav-menu{
    display:grid!important;
  }
}


/* V18 clients and partners carousel */
.partners-section{
  background:linear-gradient(180deg,#ffffff 0%,#f8fbfa 100%);
  border-top:1px solid var(--line);
}
.partners-intro{
  max-width:760px;
  margin-inline:auto;
}
.partner-carousel{
  position:relative;
  margin-top:32px;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:14px;
  align-items:center;
}
.partner-track{
  display:flex;
  gap:18px;
  overflow-x:auto;
  scroll-snap-type:x mandatory;
  scroll-behavior:smooth;
  padding:8px 4px 18px;
  scrollbar-width:thin;
  scrollbar-color:#b7d7d6 transparent;
}
.partner-track::-webkit-scrollbar{
  height:8px;
}
.partner-track::-webkit-scrollbar-thumb{
  background:#b7d7d6;
  border-radius:999px;
}
.partner-card{
  flex:0 0 clamp(220px,28vw,320px);
  min-height:150px;
  display:grid;
  place-items:center;
  gap:12px;
  scroll-snap-align:start;
  background:#fff;
  border:1px solid var(--line);
  border-radius:24px;
  padding:24px;
  box-shadow:var(--shadow-soft);
}
.partner-card img{
  width:100%;
  height:72px;
  object-fit:contain;
  object-position:center;
}
.partner-card span{
  display:block;
  font-size:.86rem;
  font-weight:850;
  color:var(--muted);
  text-align:center;
}
.partner-nav{
  width:48px;
  height:48px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-size:2rem;
  line-height:1;
  font-weight:500;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, background .18s ease;
}
.partner-nav:hover,
.partner-nav:focus-visible{
  background:var(--mint);
  transform:translateY(-1px);
  outline:none;
}
@media (max-width:720px){
  .partner-carousel{
    grid-template-columns:1fr;
  }
  .partner-nav{
    display:none;
  }
  .partner-card{
    flex-basis:78%;
  }
}


/* V20 partner carousel visual cleanup */
.partners-section{
  background:#ffffff!important;
  border-top:1px solid var(--line);
}

.partner-carousel{
  margin-top:30px;
  background:#ffffff;
  border-radius:28px;
  padding:14px 8px;
  box-shadow:none!important;
}

.partner-track{
  background:#ffffff;
  border-radius:24px;
  padding:10px 4px 20px;
}

.partner-card{
  background:transparent!important;
  border:0!important;
  box-shadow:none!important;
  border-radius:0!important;
  min-height:132px!important;
  padding:16px 22px!important;
  gap:10px!important;
}

.partner-card img{
  height:76px!important;
  width:100%!important;
  object-fit:contain!important;
  object-position:center!important;
}

.partner-card span{
  font-size:.82rem!important;
  font-weight:500!important;
  color:#5d7480!important;
  line-height:1.25!important;
  text-align:center!important;
  max-width:240px;
}

.partner-nav{
  background:#ffffff!important;
  border-color:#d8e9e8!important;
  box-shadow:0 8px 20px rgba(7,50,71,.07)!important;
}

.partner-nav:hover,
.partner-nav:focus-visible{
  background:#eef9f8!important;
}

@media (max-width:720px){
  .partner-carousel{
    padding-inline:0;
  }
  .partner-card{
    padding-inline:16px!important;
  }
}


/* V21 styling and interaction refinements */

/* Font sizing/style aligned to revised reference. */
body{
  font-family:'Manrope','Segoe UI',ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important;
  line-height:1.52!important;
}
h1,h2,h3{
  font-family:'Sora','Manrope',sans-serif!important;
  letter-spacing:-.03em!important;
}
h1,
.hero-overlay-box h1,
.page-hero h1{
  font-size:clamp(2rem,4.7vw,3.8rem)!important;
  line-height:1.05!important;
  letter-spacing:-.03em!important;
}
h2,
.section-intro h2,
.split-heading h2{
  font-size:clamp(1.62rem,3.1vw,2.6rem)!important;
  line-height:1.12!important;
  letter-spacing:-.03em!important;
}
h3{
  font-size:clamp(1rem,1.8vw,1.26rem)!important;
  line-height:1.22!important;
}
.eyebrow,
.section-kicker{
  font-family:'IBM Plex Mono',monospace!important;
  font-size:.72rem!important;
  letter-spacing:.1em!important;
  font-weight:600!important;
}

/* Header: make the full sticky tab white instead of leaving a local white block behind the logo. */
.site-header{
  background:#ffffff!important;
  border-bottom:1px solid rgba(156,178,168,.56)!important;
  backdrop-filter:blur(12px)!important;
}
.brand,
.brand img{
  background:transparent!important;
}

/* Resource dropdown: grouped dark menu style from revised reference. */
.nav-dropdown{
  position:relative!important;
}
.nav-dropdown::after{
  content:''!important;
  position:absolute!important;
  top:100%!important;
  left:-14px!important;
  right:-14px!important;
  height:16px!important;
}
.nav-dropbtn{
  border:0!important;
  background:transparent!important;
  font-size:.92rem!important;
  font-weight:700!important;
  padding:0!important;
  cursor:pointer!important;
  color:var(--ink-2)!important;
}
.nav-dropbtn::after{
  content:' ▾'!important;
  font-size:.74em!important;
  transform:none!important;
  background:none!important;
}
.nav-dropbtn[aria-expanded='true']::after{
  content:' ▴'!important;
}
.nav-menu{
  position:absolute!important;
  top:calc(100% + 6px)!important;
  left:-22px!important;
  width:min(390px,84vw)!important;
  max-height:72vh!important;
  overflow:auto!important;
  display:none!important;
  border:1px solid rgba(255,255,255,.12)!important;
  border-radius:18px!important;
  background:linear-gradient(180deg,#132c3b 0%,#0f2533 100%)!important;
  color:#d7e5e8!important;
  box-shadow:0 16px 42px rgba(13,33,42,.18)!important;
  z-index:130!important;
  padding:16px!important;
  gap:16px!important;
}
.nav-resource-menu{
  min-width:360px!important;
}
.nav-dropdown:hover .nav-menu,
.nav-dropdown:focus-within .nav-menu,
.nav-dropdown.open .nav-menu{
  display:grid!important;
}
.nav-menu-group{
  display:grid!important;
  gap:8px!important;
  padding-bottom:12px!important;
  border-bottom:1px solid rgba(255,255,255,.12)!important;
}
.nav-menu-group:last-child{
  border-bottom:0!important;
  padding-bottom:0!important;
}
.nav-menu-title{
  margin:0!important;
  font-family:'IBM Plex Mono',monospace!important;
  font-size:.72rem!important;
  letter-spacing:.1em!important;
  text-transform:uppercase!important;
  color:#78c7ca!important;
  font-weight:600!important;
}
.nav-menu-links{
  display:grid!important;
  gap:4px!important;
}
.nav-menu a{
  display:block!important;
  padding:9px 10px!important;
  border-radius:12px!important;
  color:#d7e5e8!important;
  font-size:.9rem!important;
  line-height:1.3!important;
}
.nav-menu a:hover,
.nav-menu a:focus-visible{
  background:rgba(255,255,255,.08)!important;
  color:#ffffff!important;
  outline:none!important;
}
.nav-menu a::after{
  display:none!important;
}

/* Bottom CTAs */
.contact-mail-card{
  display:flex!important;
  flex-wrap:wrap!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
}
.contact-resource-button{
  background:#fff!important;
  color:var(--ink)!important;
  border-color:var(--line)!important;
}

/* Product-page benefits carousel: max three visible cards, infinite-loop controls. */
.product-loop-carousel{
  display:grid;
  grid-template-columns:48px minmax(0,1fr) 48px;
  gap:14px;
  align-items:center;
}
.product-loop-track{
  display:flex;
  gap:18px;
  overflow:hidden;
  scroll-behavior:smooth;
  scroll-snap-type:x mandatory;
  padding:6px 4px 18px;
}
.product-loop-track .output-card{
  flex:0 0 calc((100% - 36px) / 3);
  min-height:255px;
  scroll-snap-align:start;
}
.product-loop-nav{
  width:48px;
  height:48px;
  border:1px solid var(--line);
  border-radius:999px;
  background:#fff;
  color:var(--ink);
  font-size:2rem;
  line-height:1;
  cursor:pointer;
  display:grid;
  place-items:center;
  box-shadow:var(--shadow-soft);
  transition:transform .18s ease, background .18s ease;
}
.product-loop-nav:hover,
.product-loop-nav:focus-visible{
  background:var(--mint);
  transform:translateY(-1px);
  outline:none;
}

/* Client/partner carousel: preserve floating white-strip visual with smoother loop support. */
.partner-track{
  scroll-behavior:smooth;
  overflow:hidden;
}
.partner-card.is-clone,
.product-loop-track .is-clone{
  pointer-events:none;
}

@media(max-width:980px){
  .product-loop-track .output-card{
    flex-basis:calc((100% - 18px) / 2);
  }
}
@media(max-width:720px){
  .nav-resource-menu{
    min-width:min(360px,88vw)!important;
  }
  .product-loop-carousel{
    grid-template-columns:1fr;
  }
  .product-loop-nav{
    display:none;
  }
  .product-loop-track{
    overflow-x:auto;
  }
  .product-loop-track .output-card{
    flex-basis:86%;
  }
}

/* Resources: keep media and headings in separate flow lanes so text never overlaps images. */
.resources-page .resource-library-card{
  display:flex;
  flex-direction:column;
  align-items:stretch;
  gap:12px;
}
.resources-page .resource-library-card img{
  display:block;
  width:100%;
  aspect-ratio:16 / 9;
  height:auto!important;
  min-height:170px;
  margin-bottom:0!important;
  object-fit:cover!important;
}
.resources-page .resource-library-card span,
.resources-page .resource-library-card h3,
.resources-page .resource-library-card p{
  margin:0!important;
}
.resources-page .resource-library-card h3{
  clear:both;
}

/* Uploaded resource pages (e.g., Cu-Mo): avoid title/image collisions on mid-size viewports. */
.uploaded-resource-layout{
  grid-template-columns:minmax(280px,.42fr) minmax(0,1fr)!important;
}
.uploaded-resource-images{
  min-width:0;
}
@media (max-width:1200px){
  .uploaded-resource-layout{
    grid-template-columns:1fr!important;
  }
  .uploaded-resource-copy{
    position:static!important;
    max-width:780px;
    padding-top:0;
  }
}

/* Uploaded resource pages: promote title to a full-width top header row above content columns. */
.uploaded-resource-page .uploaded-resource-layout{
  display:grid!important;
  grid-template-columns:minmax(280px,.42fr) minmax(0,1fr)!important;
  gap:20px 34px!important;
  align-items:start!important;
}
.uploaded-resource-page .uploaded-resource-copy{
  display:contents;
}
.uploaded-resource-page .uploaded-resource-copy .eyebrow,
.uploaded-resource-page .uploaded-resource-copy h1{
  grid-column:1 / -1;
}
.uploaded-resource-page .uploaded-resource-copy h1{
  max-width:none!important;
  overflow-wrap:anywhere;
  word-break:break-word;
  margin-bottom:8px!important;
}
.uploaded-resource-page .uploaded-resource-copy p{
  grid-column:1;
  max-width:430px;
}
.uploaded-resource-page .uploaded-resource-copy .btn{
  grid-column:1;
  width:max-content;
}
.uploaded-resource-page .uploaded-resource-images{
  grid-column:2;
  grid-row:3 / span 3;
  min-width:0;
}
@media (max-width:1200px){
  .uploaded-resource-page .uploaded-resource-layout{
    grid-template-columns:1fr!important;
  }
  .uploaded-resource-page .uploaded-resource-copy{
    display:block;
  }
  .uploaded-resource-page .uploaded-resource-copy .eyebrow,
  .uploaded-resource-page .uploaded-resource-copy h1,
  .uploaded-resource-page .uploaded-resource-copy p,
  .uploaded-resource-page .uploaded-resource-copy .btn{
    grid-column:auto;
  }
  .uploaded-resource-page .uploaded-resource-images{
    grid-column:1;
    grid-row:auto;
  }
}