:root{
  --green-100:#E8F4EE;
  --green-200:#C4E2D3;
  --green-300:#9BCCB2;
  --green-400:#69AA88;
  --green-500:#3A895F;
  --green-600:#267049;
  --green-700:#145E37;
  --green-800:#0E3F25;
  --yellow-500:#FFCF56;
  --yellow-600:#FFC100;
  --platinum-100:#FCFDFC;
  --platinum-200:#F4F8F6;
  --platinum-300:#E5EDE9;
  --platinum-600:#B4C3BB;
  --platinum-800:#7C9287;
  --olive-600:#46534C;
  --olive-700:#323E39;
  --olive-800:#202924;
  --olive-900:#101613;
  --white:#fff;
  --shell:1240px;
  --pad:clamp(20px,4vw,56px);
  --section:clamp(88px,10vw,150px);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--olive-900);background:var(--white);font-size:16px;line-height:1.65}
a{color:inherit;text-decoration:none}
button,input,textarea{font:inherit}
.shell{width:min(var(--shell),calc(100% - (var(--pad)*2)));margin-inline:auto}
.site-header{position:fixed;inset:0 0 auto 0;z-index:30;color:#fff;transition:.3s ease}
.site-header.scrolled{background:rgba(255,255,255,.96);color:var(--olive-900);border-bottom:1px solid rgba(16,22,19,.08);backdrop-filter:blur(14px)}
.header-inner{height:84px;display:flex;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:.16em}
.brand-mark{display:grid;place-items:center;width:31px;height:31px}.brand-mark svg{width:100%;height:100%}.brand-word{font-size:17px}
.header-link{font-weight:700;font-size:14px;padding:10px 0;border-bottom:1px solid currentColor}
.hero{position:relative;min-height:88vh;display:grid;align-items:end;color:#fff;overflow:hidden}
.hero-media{position:absolute;inset:0;background-image:url('assets/Atralis-Hero-Sheep.jpg');background-size:cover;background-position:center 44%}
.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,29,20,.82),rgba(10,29,20,.5) 58%,rgba(10,29,20,.2))}
.hero-inner{position:relative;z-index:1;padding-bottom:clamp(70px,9vw,130px)}
.hero h1{max-width:980px;margin:.25em 0 0;font-size:clamp(52px,7.4vw,108px);line-height:.96;letter-spacing:-.055em;font-weight:800}
.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--green-600);margin:0 0 22px}
.hero-eyebrow{color:#fff;opacity:.78}
.credibility{border-bottom:1px solid var(--platinum-300);background:#fff}
.credibility-inner{min-height:110px;display:flex;align-items:center;justify-content:space-between;gap:30px}.credibility p{font-size:12px;text-transform:uppercase;letter-spacing:.12em;font-weight:800;color:var(--olive-600);white-space:nowrap}
.logo-row{display:flex;align-items:center;justify-content:flex-end;gap:clamp(26px,5vw,74px);width:100%;color:var(--platinum-800)}.logo-row span{font-weight:800;font-size:14px;opacity:.75}
.section{padding:var(--section) 0}.section-intro{max-width:980px}.section-intro.narrow{max-width:920px}
h2{font-size:clamp(42px,5.4vw,76px);line-height:1.04;letter-spacing:-.045em;margin:0;font-weight:800}.lede{font-size:clamp(18px,2vw,25px);line-height:1.45;color:var(--olive-600);max-width:860px;margin-top:28px}
.transformation-flow{margin-top:80px;border:1px solid var(--platinum-300);background:linear-gradient(180deg,var(--platinum-100) 0%,#fff 58%,var(--green-100) 100%);overflow:hidden}
.problem-grid{display:grid;grid-template-columns:1fr 1fr}.problem-label{grid-column:1/-1;padding:22px 32px;font-weight:700;color:var(--green-600);border-bottom:1px solid var(--platinum-300);background:#fff}
.problem-item{display:grid;grid-template-columns:64px 1fr;gap:20px;padding:34px 40px 38px 0;border-bottom:1px solid var(--platinum-300)}.problem-item:nth-of-type(even){padding-left:40px;border-left:1px solid var(--platinum-300)}.problem-item>span{font-size:13px;font-weight:800;color:var(--green-500)}.problem-item h3{margin:0 0 8px;font-size:24px;line-height:1.2}.problem-item p{margin:0;color:var(--olive-600)}
.problem-item:nth-last-child(-n+2){border-bottom:0}
.problem-item:nth-child(2),.problem-item:nth-child(4){padding-left:32px}.problem-item:nth-child(3),.problem-item:nth-child(5){padding-right:32px}
.flow-bridge{position:relative;min-height:126px;display:flex;align-items:center;justify-content:center;border-top:1px solid var(--platinum-300);border-bottom:1px solid var(--green-300);background:linear-gradient(90deg,rgba(232,244,238,.3),rgba(232,244,238,.9),rgba(232,244,238,.3))}
.flow-line{position:absolute;top:0;bottom:0;left:50%;width:2px;background:linear-gradient(var(--platinum-600),var(--green-600));transform:translateX(-50%)}
.flow-arrow{position:relative;z-index:1;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--green-600);color:#fff;font-size:22px;box-shadow:0 0 0 10px var(--green-100)}
.flow-label{position:absolute;left:calc(50% + 48px);top:50%;transform:translateY(-50%);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--green-700);white-space:nowrap}
.active-intelligence{padding:58px 48px 64px;display:grid;grid-template-columns:260px 1fr;gap:50px;background:var(--green-100)}.active-intelligence h3{font-size:clamp(34px,4vw,58px);line-height:1.08;letter-spacing:-.04em;margin:0}.active-intelligence .eyebrow{margin-top:8px}
.how{background:var(--platinum-200)}.tab-list{display:flex;gap:36px;margin-top:54px;border-bottom:1px solid var(--platinum-600);overflow:auto}.tab-button{appearance:none;border:0;background:transparent;flex:0 0 auto;width:max-content;padding:18px 0;color:var(--olive-600);font-weight:800;cursor:pointer;border-bottom:3px solid transparent;white-space:nowrap}.tab-button.is-active{color:var(--green-700);border-color:var(--green-600)}
.tab-panel{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:70px;padding-top:56px;align-items:center}.tab-panel[hidden]{display:none}.tab-copy h3{font-size:clamp(34px,4vw,56px);line-height:1.08;letter-spacing:-.04em;margin:0 0 18px}.tab-subtitle{font-size:22px;font-weight:700;color:var(--green-600);line-height:1.4}.tab-copy p:not(.eyebrow):not(.tab-subtitle){color:var(--olive-600)}
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.chips span{border:1px solid var(--platinum-600);padding:8px 12px;border-radius:999px;font-size:12px;font-weight:700;background:#fff}.mini-list{margin-top:30px;border-top:1px solid var(--platinum-600)}.mini-list>div{display:grid;gap:5px;padding:16px 0;border-bottom:1px solid var(--platinum-600)}.mini-list strong{font-size:14px}.mini-list span{font-size:14px;color:var(--olive-600)}
.product-placeholder{aspect-ratio:16/10;border-radius:22px;background:#fff;border:1px solid var(--platinum-300);box-shadow:0 28px 60px rgba(16,22,19,.08);display:grid;place-items:center;position:relative;overflow:hidden}.product-placeholder:before{content:"";position:absolute;inset:24px;border:1px dashed var(--platinum-600);border-radius:14px}.product-placeholder div{position:relative;text-align:center;display:grid;gap:8px;padding:30px}.product-placeholder span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--platinum-800);font-weight:800}.product-placeholder strong{font-size:20px}.placeholder-collect{background:linear-gradient(135deg,#fff,var(--green-100))}.placeholder-analyse{background:linear-gradient(135deg,#fff,#f7faf8)}.placeholder-action{background:linear-gradient(135deg,#fff,#fff8df)}
.product-placeholder.product-visual{aspect-ratio:16/9;padding:clamp(14px,2vw,26px);background:linear-gradient(135deg,#fff,var(--green-100));display:flex;align-items:center;justify-content:center}.product-placeholder.product-visual:before{display:none}.product-visual img{display:block;width:auto;height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:center}
.compliance-head{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end}.compliance-head .lede{font-size:20px;margin:0}.capability-grid{margin-top:80px;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--platinum-300)}.capability-grid article{padding:38px 48px 44px 0;border-bottom:1px solid var(--platinum-300)}.capability-grid article:nth-child(even){padding-left:48px;border-left:1px solid var(--platinum-300)}.capability-grid span{font-size:12px;font-weight:800;color:var(--green-500)}.capability-grid h3{font-size:25px;line-height:1.25;margin:13px 0 14px}.capability-grid p{margin:0;color:var(--olive-600)}.callout{display:block;margin-top:22px;color:var(--green-700)}
.working{display:grid;grid-template-columns:42% 58%;background:var(--green-800);color:#fff}.working-image{min-height:850px;background-image:url('https://images.unsplash.com/photo-1570042225831-d98fa7577f1e?auto=format&fit=crop&w=1600&q=85');background-size:cover;background-position:center}.working-copy{display:flex;align-items:center}.working-inner{padding:100px clamp(40px,7vw,110px);max-width:920px}.working .eyebrow{color:var(--yellow-500)}.working h2{font-size:clamp(42px,4.6vw,68px)}.working .lede{color:rgba(255,255,255,.72);font-size:19px}.steps{margin-top:50px;border-top:1px solid rgba(255,255,255,.25)}.steps article{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.25)}.steps span{color:var(--yellow-500);font-size:13px;font-weight:800}.steps h3{margin:0 0 6px;font-size:23px}.steps p{margin:0;color:rgba(255,255,255,.68)}.deployment{margin-top:36px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.25)}.deployment p{color:rgba(255,255,255,.68);margin-bottom:0}.working blockquote{margin:38px 0 0;font-size:clamp(28px,3vw,42px);line-height:1.2;font-weight:800;letter-spacing:-.03em}
.contact{background:var(--olive-900);color:#fff;padding:var(--section) 0}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(50px,8vw,120px)}.contact .eyebrow{color:var(--yellow-500)}.contact h2{max-width:650px}.contact-copy>p:last-child{font-size:20px;color:rgba(255,255,255,.7);max-width:560px}.contact-form{display:grid;gap:20px}.contact-form label{display:grid;gap:8px;font-size:13px;font-weight:800;color:rgba(255,255,255,.74)}.contact-form input,.contact-form textarea{width:100%;background:transparent;color:#fff;border:0;border-bottom:1px solid rgba(255,255,255,.3);padding:12px 0;outline:none}.contact-form textarea{border:1px solid rgba(255,255,255,.3);padding:14px;min-height:150px}.contact-form input:focus,.contact-form textarea:focus{border-color:var(--yellow-500)}.contact-form button{justify-self:start;border:0;background:var(--yellow-500);color:var(--olive-900);padding:14px 20px;font-weight:800;cursor:pointer}.form-note{font-size:11px;color:rgba(255,255,255,.42);max-width:520px}
.footer{background:var(--platinum-100);padding:54px 0 26px}.footer-grid{display:grid;grid-template-columns:220px 1fr 80px;gap:40px;align-items:start}.footer-brand{color:var(--green-600)}.footer-copy{margin:0;color:var(--olive-600);max-width:720px}.linkedin{width:42px;height:42px;border:1px solid var(--platinum-600);display:grid;place-items:center;font-weight:800;justify-self:end}.copyright{border-top:1px solid var(--platinum-300);padding-top:20px;margin-top:44px;font-size:12px;color:var(--olive-600)}
@media(max-width:900px){.hero{min-height:76vh}.credibility-inner{align-items:flex-start;flex-direction:column;padding-top:26px;padding-bottom:26px}.logo-row{justify-content:flex-start;flex-wrap:wrap}.problem-grid,.capability-grid,.compliance-head,.tab-panel,.contact-grid{grid-template-columns:1fr}.problem-item,.problem-item:nth-of-type(even),.problem-item:nth-child(n),.capability-grid article,.capability-grid article:nth-child(even){padding:28px 32px;border-left:0}.problem-item:nth-last-child(2){border-bottom:1px solid var(--platinum-300)}.flow-label{left:calc(50% + 42px)}.active-intelligence{grid-template-columns:1fr;gap:10px;padding:48px 32px 54px}.tab-panel{gap:38px}.working{grid-template-columns:1fr}.working-image{min-height:52vw}.footer-grid{grid-template-columns:1fr}.linkedin{justify-self:start}}
@media(max-width:620px){.header-inner{height:70px}.brand-word{font-size:14px}.hero-media{background-position:56% center}.hero-inner{padding-bottom:56px}.hero h1{font-size:clamp(46px,13vw,64px)}.section{padding:78px 0}h2{font-size:clamp(38px,11vw,52px)}.transformation-flow{margin-top:52px}.problem-label{padding:20px}.problem-item,.problem-item:nth-child(n){grid-template-columns:42px 1fr;padding:26px 20px}.flow-bridge{min-height:112px;justify-content:flex-start;padding-left:20px}.flow-line{left:42px}.flow-label{left:86px;right:16px;white-space:normal;line-height:1.4}.active-intelligence{padding:40px 20px 46px}.tab-list{gap:22px;margin-top:36px}.product-placeholder{border-radius:14px}.working-inner{padding:72px var(--pad)}.working-image{min-height:72vw}.footer-copy{font-size:14px}.logo-row{gap:18px 28px}.logo-row span{font-size:12px}}

/* Brand assets */
.brand{position:relative;display:block;width:132px;height:42px}
.site-logo{position:absolute;left:0;top:50%;width:132px;height:auto;transform:translateY(-50%);transition:opacity .25s ease}
.logo-white{opacity:1}.logo-green{opacity:0}
.site-header.scrolled .logo-white{opacity:0}.site-header.scrolled .logo-green{opacity:1}
.footer-brand{width:auto;height:auto;display:block}
.footer-logo{display:block;width:142px;height:auto}
.logo-row{gap:clamp(22px,4vw,58px)}
.logo-row img{display:block;width:clamp(125px,12vw,180px);height:56px;object-fit:contain;opacity:.88;filter:saturate(.1)}
@media(max-width:620px){.brand,.site-logo{width:112px}.brand{height:36px}.footer-logo{width:128px}.logo-row{display:grid;grid-template-columns:1fr 1fr;width:100%;gap:12px 20px}.logo-row img{width:100%;max-width:160px;height:48px}}

/* Platform capability summary */
.platform-capabilities{background:var(--green-800);color:#fff}
.platform-capabilities .eyebrow{color:var(--yellow-500)}
.platform-capabilities .lede{color:rgba(255,255,255,.72)}
.platform-grid{margin-top:72px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.22)}
.platform-grid article{padding:34px 34px 40px 0;border-bottom:1px solid rgba(255,255,255,.22);min-height:230px}
.platform-grid article:not(:nth-child(3n+1)){padding-left:34px;border-left:1px solid rgba(255,255,255,.22)}
.platform-grid span{font-size:12px;font-weight:800;color:var(--yellow-500)}
.platform-grid h3{font-size:24px;line-height:1.2;margin:14px 0 12px}
.platform-grid p{margin:0;color:rgba(255,255,255,.68)}
@media(max-width:900px){.platform-grid{grid-template-columns:1fr 1fr}.platform-grid article,.platform-grid article:not(:nth-child(3n+1)){padding:28px 24px 32px 0;border-left:0}.platform-grid article:nth-child(even){padding-left:24px;border-left:1px solid rgba(255,255,255,.22)}}
@media(max-width:620px){.platform-grid{grid-template-columns:1fr;margin-top:48px}.platform-grid article,.platform-grid article:not(:nth-child(3n+1)),.platform-grid article:nth-child(even){padding:26px 0;border-left:0;min-height:0}}

/* Working Together portrait */
.working-image{background-image:url('assets/Atralis-Working-Together-Aerial.png');background-position:center center}

/* About and shared navigation */
.header-nav{display:flex;align-items:center;gap:32px}.header-link[aria-current="page"]{border-bottom:2px solid var(--yellow-500)}
.about-page .site-header{background:var(--green-800);color:#fff}.about-page .site-header.scrolled{background:rgba(255,255,255,.96);color:var(--olive-900)}
.about-hero{padding:180px 0 100px;background:var(--green-800);color:#fff}.about-hero .eyebrow{color:var(--yellow-500)}.about-hero h1{font-size:clamp(48px,6.6vw,92px);line-height:1.02;letter-spacing:-.05em;margin:0;font-weight:800}.about-hero .lede{max-width:820px;color:rgba(255,255,255,.74);margin-bottom:0}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}.about-story h2{font-size:clamp(38px,4.3vw,60px)}.story-copy p{margin:0 0 32px;color:var(--olive-600);font-size:18px}.story-copy p:last-child{margin-bottom:0}.story-copy h3{font-size:25px;line-height:1.25;letter-spacing:-.02em;margin:44px 0 18px}
.about-method{background:var(--platinum-200)}.method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:38px;margin-top:64px;border-top:1px solid var(--platinum-600)}.method-grid article{padding-top:28px}.method-grid span{color:var(--green-600);font-size:12px;font-weight:800}.method-grid h3{font-size:24px;line-height:1.25;margin:16px 0}.method-grid p,.method-note{color:var(--olive-600)}.method-note{max-width:860px;border-top:1px solid var(--platinum-600);padding-top:30px;margin:40px 0 0;font-size:19px}
.team-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;margin-top:64px}.team-member img{display:block;width:144px;height:144px;object-fit:cover;border-radius:50%;margin-bottom:28px}.team-member h3{font-size:23px;line-height:1.2;letter-spacing:-.025em;margin:0 0 10px}.team-member p{color:var(--olive-600);font-size:15px;margin:0}.team-member .team-role{color:var(--green-700);font-weight:700;font-size:13px;min-height:0;margin-bottom:12px}
.about-cta{background:var(--olive-900);color:#fff;padding:70px 0}.about-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:32px}.about-cta a{background:var(--yellow-500);color:var(--olive-900);font-size:14px;font-weight:800;padding:16px 24px;white-space:nowrap}
@media(max-width:1000px){.team-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px}.about-story{gap:40px}.method-grid{gap:24px}}
@media(max-width:620px){.header-nav{gap:20px}.header-link{font-size:13px}.about-hero{padding:140px 0 72px}.about-story,.method-grid{grid-template-columns:1fr}.about-story{gap:28px}.method-grid{margin-top:40px;gap:0}.method-grid article{padding:26px 0;border-bottom:1px solid var(--platinum-300)}.team-grid{grid-template-columns:1fr;gap:40px;margin-top:44px}.team-member img{width:120px;height:120px;margin-bottom:22px}.team-member .team-role{min-height:0}.about-cta .shell{align-items:flex-start;flex-direction:column}}

/* Compact header and About refinements */
.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));column-gap:38px}
.method-grid article{min-width:0;margin:0;padding-inline:0}
.team-member img{width:100.8px;height:100.8px}
@media(max-width:620px){.method-grid{grid-template-columns:minmax(0,1fr);gap:0}.team-member img{width:84px;height:84px}}

/* Compact About introduction */
.about-hero{padding:162px 0 var(--section)}
.about-hero h1{font-size:clamp(42px,5vw,70px);max-width:1100px}
.about-hero .eyebrow{margin-bottom:16px}
.about-hero .lede{max-width:1100px;font-size:clamp(17px,1.5vw,21px);margin-top:22px}
@media(max-width:620px){.about-hero{padding:146px 0 78px}.about-hero h1{font-size:40px}.about-hero h1 br{display:none}}

/* Wider About background copy */
.about-story{grid-template-columns:.85fr 1.15fr}
@media(max-width:620px){.about-story{grid-template-columns:1fr}}

/* Equal spacing with the original open column styling */
.method-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px}
.method-grid article{padding:28px 0 0;margin:0;min-width:0}
@media(max-width:1000px){.method-grid{gap:24px}}
@media(max-width:620px){.method-grid{grid-template-columns:1fr;gap:0}.method-grid article{padding:26px 0}}

/* Content-sized method columns with fixed gaps */
.method-grid{display:flex;gap:38px;align-items:flex-start}
.method-grid article{flex:1 1 auto;width:max-content;min-width:0}
@media(max-width:1000px){.method-grid{gap:24px}}
@media(max-width:620px){.method-grid{display:flex;flex-direction:column;gap:0}.method-grid article{flex:none;width:100%}}

/* Full-width note rule with the existing text measure */
.method-note{max-width:none;width:100%}
.method-note p{max-width:860px;margin:0}

/* Contact heading, ten percent smaller */
.contact h2{font-size:clamp(37.8px,4.86vw,68.4px)}
@media(max-width:620px){.contact h2{font-size:clamp(34.2px,9.9vw,46.8px)}}

/* Keep the mobile About heading inside the viewport */
@media(max-width:620px){
 .about-hero h1{font-size:clamp(26px,7.8vw,40px);line-height:1.08;max-width:100%;overflow-wrap:normal}
 .about-title-opening{white-space:nowrap}
}

.mobile-problem-break{display:none}
@media(max-width:620px){.mobile-problem-break{display:block}}

/* Match the home page H1 scale on mobile */
@media(max-width:620px){
 .about-hero h1{font-size:clamp(46px,13vw,64px);line-height:.96;letter-spacing:-.055em;overflow-wrap:normal}
 .about-title-opening{white-space:normal}
}

/* Keep each method heading phrase on one mobile line */
@media(max-width:620px){
 .about-method .method-heading{font-size:clamp(24px,7.5vw,42px);line-height:1.12}
 .method-heading span{white-space:nowrap}
}