/* LivNat 2026: Local-first, system-font fallback. Optional self-hosted font setup in assets/fonts/README.txt. */
:root{--forest-900:#183A2B;--forest-700:#234F38;--gold-500:#C49A56;--gold-600:#A97F3E;--cream-100:#F5F0E4;--sage-50:#EDF1EC;--mint-200:#DCE8DE;--ink-800:#1F2A24;--ink-500:#5E6B63;--white:#FFFFFF;--gold-on-light:#89642F;--gold-on-dark:#E4BD7B;--page-gutter:clamp(20px,3.5vw,42px);--header-height:88px;--radius:22px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--header-height) + 20px)}
body{background:var(--white);color:var(--ink-800);font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;-webkit-font-smoothing:antialiased;font-size:16px;line-height:1.6;overflow-x:hidden;margin:0}
body.menu-open{overflow:hidden}
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
::selection{background:var(--gold-500);color:var(--forest-900)}
a{color:inherit;text-decoration:none;transition:color .2s ease}
a:hover{color:var(--gold-600)}
button{cursor:pointer}
button,input,textarea,select{font:inherit}
button:disabled{cursor:not-allowed}
:focus-visible{outline:3px solid #DBA04A!important;outline-offset:4px!important}
img,svg{max-width:100%}
img{display:block}
svg{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
p{margin-top:0}
h1,h2,h3,h4{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;letter-spacing:-.045em}
h1,h2,h3{font-weight:700}
.container{max-width:1360px;padding-right:var(--page-gutter);padding-left:var(--page-gutter)}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.skip-link{position:fixed;z-index:999;top:-120px;left:20px;background:white;padding:12px 22px;color:var(--forest-900);border-radius:10px;font-weight:700}
.skip-link:focus{top:12px}
.scroll-progress{position:fixed;z-index:160;top:0;left:0;height:3px;width:0;background:var(--gold-500);pointer-events:none;transform:translateZ(0)}
.section{padding:clamp(90px,9vw,150px) 0;scroll-margin-top:calc(var(--header-height) - 2px);position:relative}
.section-white{background:#fff}.section-cream{background:var(--cream-100)}.section-dark{background:var(--forest-900);color:white}
.section-meta{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-bottom:33px;border-bottom:1px solid rgba(31,42,36,.17);margin-bottom:43px}
.section-dark .section-meta,.contact-section .section-meta{border-color:rgba(255,255,255,.21)}
.eyebrow,.micro-label,.section-index{font-size:10px;font-weight:700;line-height:1.5;letter-spacing:.16em;text-transform:uppercase}
.eyebrow{color:var(--gold-on-light)}.section-dark .eyebrow,.contact-section .eyebrow{color:var(--gold-on-dark)}
.section-index{color:#526657}.section-dark .section-index,.contact-section .section-index{color:#C1CDC3}
.section-heading{margin-bottom:50px}
.split-heading{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(0,.58fr);gap:60px;align-items:end}
.section-title{font-size:clamp(37px,4.2vw,65px);line-height:1.1;margin:0;max-width:840px;letter-spacing:-.056em;color:var(--forest-900);text-wrap:balance}
.section-dark .section-title,.contact-section .section-title{color:white}
.text-accent{color:#42674C}.text-gold{color:var(--gold-on-dark)}
.heading-side-note{color:var(--ink-500);max-width:280px;line-height:1.8;font-size:14px;margin:0 0 4px;border-left:2px solid var(--gold-500);padding-left:20px}
.section-dark .heading-side-note{color:#C5D5C7}.section-intro{font-size:17px;color:var(--ink-500);margin:24px 0 0;max-width:620px}
.gold-rule{width:66px;height:3px;background:var(--gold-500);margin:35px 0 45px}
.micro-label{color:var(--gold-on-light)}.section-dark .micro-label,.contact-section .micro-label{color:var(--gold-on-dark)}
.section-caveat{text-align:center;font-size:13px;font-style:italic;color:#657066;margin:36px auto 0;max-width:880px}
.button{display:inline-flex;align-items:center;justify-content:center;gap:18px;min-height:52px;border-radius:10px;padding:15px 23px;border:1px solid transparent;font-size:12px;font-weight:700;letter-spacing:.01em;white-space:nowrap;line-height:1.4;transition:transform .22s ease,background-color .22s ease,border-color .22s ease,color .22s ease;will-change:transform}
.button svg{width:17px;height:17px;stroke-width:1.8;flex-shrink:0}
.button-gold{color:var(--forest-900);background:var(--gold-500)}
.button-gold:hover,.button-gold:focus-visible{background:#DCB77A;color:var(--forest-900)}
.button-outline-light{border-color:rgba(255,255,255,.45);color:white;background:transparent}
.button-outline-light:hover{border-color:white;color:white;background:rgba(255,255,255,.10)}
.full-width{width:100%}
/* Navigation */
.site-header{position:fixed;z-index:100;width:100%;top:3px;left:0;transition:background .35s ease,box-shadow .35s ease;border-bottom:1px solid transparent}
.site-header.scrolled{background:rgba(255,255,255,.95);border-color:#E5EAE5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.header-inner{height:var(--header-height);display:flex;gap:24px;align-items:center;justify-content:space-between}
.brand{display:flex;align-items:center;flex:0 0 auto}
.brand-picture{height:59px;width:114px;background:#FAF8F2;border-radius:9px;display:flex;align-items:center;justify-content:center;padding:0 7px;overflow:hidden}
.brand img{width:100%;height:100%;object-fit:contain}
.desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.24vw,22px);margin-left:auto;white-space:nowrap}
.desktop-nav a{font-size:13.5px;color:rgba(255,255,255,.88);position:relative;font-weight:600;padding:36px 0;transition:color .2s ease}
.desktop-nav a::after{position:absolute;bottom:24px;left:0;right:100%;height:2px;background:var(--gold-500);content:"";transition:right .22s ease}
.desktop-nav a:hover,.desktop-nav a.active{color:#F3C883}
.desktop-nav a.active::after,.desktop-nav a:hover::after{right:0}
.site-header.scrolled .desktop-nav a{color:var(--forest-900)}
.site-header.scrolled .desktop-nav a.active,.site-header.scrolled .desktop-nav a:hover{color:var(--gold-on-light)}
.header-cta{font-size:10px;min-height:44px;padding:12px 14px;gap:9px;border-radius:8px;flex-shrink:0}
.header-cta svg{width:14px;height:14px}
.menu-trigger{display:none;width:46px;height:46px;background:transparent;color:white;border:1px solid rgba(255,255,255,.35);border-radius:10px;align-items:center;justify-content:center}
.menu-trigger svg,.mobile-close svg{width:25px;height:25px}
.site-header.scrolled .menu-trigger{color:var(--forest-900);border-color:#CAD8CD}
.mobile-nav{position:fixed;z-index:130;inset:0;background:var(--forest-900);color:white;opacity:0;visibility:hidden;transform:translateX(100%);transition:transform .38s cubic-bezier(.2,.8,.2,1),opacity .38s,visibility .38s;display:flex;flex-direction:column;padding:26px max(22px,7vw) 32px;overflow:auto}
.mobile-nav.is-open{opacity:1;visibility:visible;transform:translateX(0)}
.mobile-nav-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:25px;border-bottom:1px solid rgba(255,255,255,.19);padding-bottom:22px}
.mobile-nav-label{color:var(--gold-on-dark);font-size:11px;font-weight:700;letter-spacing:.2em}
.mobile-close{border:1px solid rgba(255,255,255,.35);color:#fff;background:transparent;border-radius:10px;width:45px;height:45px;display:flex;align-items:center;justify-content:center}
.mobile-nav nav{display:grid;grid-template-columns:1fr 1fr;gap:0 25px;margin-bottom:25px}
.mobile-nav nav a{display:flex;align-items:center;min-height:54px;color:white;border-bottom:1px solid rgba(255,255,255,.13);font-size:clamp(16px,3vw,22px);font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:700;letter-spacing:-.025em}
.mobile-nav nav a:hover{color:var(--gold-on-dark)}
.mobile-menu-cta{align-self:flex-start;margin-top:auto}
/* Hero */
.hero{position:relative;isolation:isolate;background:var(--forest-900);color:white;min-height:810px;padding:calc(var(--header-height) + 70px) 0 0;overflow:hidden}
.hero-ambient{pointer-events:none;position:absolute;z-index:-1;border:1px solid rgba(255,255,255,.075);border-radius:50%;width:670px;height:670px;left:-370px;top:250px}
.hero-ambient::after{content:"";position:absolute;inset:68px;border:1px solid rgba(255,255,255,.05);border-radius:50%}
.hero-grid{display:grid;grid-template-columns:49% 51%;align-items:center;min-height:615px;position:relative}
.hero-content{padding:0 22px 85px 0;position:relative;z-index:3}
.hero-eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:700;letter-spacing:.19em;color:var(--gold-on-dark);margin-bottom:28px}
.eyebrow-line{height:1px;width:26px;background:var(--gold-500)}
.eyebrow-sep{color:white}
.hero-title{font-size:clamp(64px,6.9vw,108px);line-height:.98;color:white;margin:0 0 36px;letter-spacing:-.068em;max-width:750px;font-weight:800}
.hero-title em{color:var(--gold-on-dark);font-style:normal}
.headline-clip{display:block;overflow:hidden;padding:0 0 .13em;margin-bottom:-.13em}
.headline-clip>span{display:block;transform:translateY(110%);animation:heroReveal .88s cubic-bezier(.2,.7,.2,1) forwards}
.headline-clip:nth-child(2)>span{animation-delay:.14s}
@keyframes heroReveal{to{transform:translateY(0)}}
.hero-subtitle{font-size:clamp(16px,1.5vw,20px);line-height:1.8;color:#D3DFD4;max-width:540px;margin-bottom:40px}
.hero-statement{max-width:550px;margin-bottom:35px}
.hero-rule{display:block;width:100%;height:1px;background:var(--gold-500);opacity:.75;margin-bottom:20px}
.hero-statement p{font-size:11px;line-height:1.9;letter-spacing:.12em;font-weight:700;margin:0;color:#EEF3EC}
.hero-statement p span:not(.dot){font-size:10px;font-weight:500;color:#BCCBBC;letter-spacing:.11em}
.hero-statement .dot{color:var(--gold-500);margin:0 6px}
.hero-actions{display:flex;gap:12px;flex-wrap:wrap}
.hero-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:53px}
.hero-chips span{display:inline-flex;align-items:center;border:1px solid rgba(255,255,255,.22);border-radius:80px;padding:8px 13px;font-size:10px;letter-spacing:.015em;color:#DFE9DF}
.hero-chips span::before{content:"";width:5px;height:5px;background:var(--gold-on-dark);border-radius:50%;margin-right:8px}
.hero-image-wrap{position:relative;height:640px;align-self:stretch;min-width:0;margin-left:26px;margin-right:calc(-1 * var(--page-gutter));background:#50634D;border-radius:24px 0 0 0}
.hero-image-wrap picture{display:block;width:100%;height:100%;overflow:hidden;border-radius:24px 0 0 0}
.hero-image{width:100%;height:100%;object-fit:cover;object-position:60% center;transform:scale(1.075);will-change:transform}
.hero-vertical-rule{position:absolute;left:-13px;top:0;height:100%;width:5px;background:var(--gold-500);z-index:2}
.hero-photo-label{position:absolute;z-index:2;left:27px;bottom:29px;background:rgba(24,58,43,.96);border:1px solid rgba(255,255,255,.15);border-radius:12px;padding:17px 22px;display:flex;flex-direction:column;gap:6px;min-width:245px}
.hero-photo-label .mini-caps{color:var(--gold-on-dark);font-size:9px;letter-spacing:.16em;font-weight:700}
.hero-photo-label span:last-child{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:17px;font-weight:700;letter-spacing:-.025em}
.hero-number{position:absolute;right:27px;bottom:35px;color:#fff;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:16px;text-shadow:0 2px 7px #183A2B}
.hero-number span{font-size:10px;color:#eee}
.hero-float-badge{position:absolute;top:75px;left:-50px;z-index:4;width:137px;height:112px;background:var(--cream-100);border:1px solid #e7d3ac;border-radius:13px;color:var(--forest-900);display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:7px;padding:12px 18px;box-shadow:0 10px 35px rgba(0,0,0,.05)}
.hero-float-badge svg{width:30px;height:30px;color:#3A7747;stroke-width:2}
.hero-float-badge span{font-size:8px;line-height:1.35;letter-spacing:.08em;font-weight:600}.hero-float-badge strong{font-weight:800}
.hero-bottom-rail{min-height:76px;display:flex;justify-content:space-between;align-items:center;font-size:10px;font-weight:600;letter-spacing:.15em;color:#CDD8CC}
.hero-bottom-rail .rail-dot{color:var(--gold-500);padding:0 12px}
.scroll-discover{color:white;display:flex;align-items:center;gap:23px;min-height:44px}
.scroll-discover:hover{color:var(--gold-on-dark)}.scroll-discover span{font-size:24px;color:var(--gold-on-dark)}
/* Proposition */
.proposition-layout{align-items:center!important}
.proposition-subtitle{font-size:clamp(25px,2.4vw,35px);line-height:1.34;max-width:575px;color:var(--forest-900);margin:10px 0 26px;letter-spacing:-.047em}
.lead-copy{font-size:15px;line-height:1.95;color:var(--ink-500);max-width:580px}
.pill-group{display:flex;gap:10px;flex-wrap:wrap;margin-top:34px}
.pill{display:inline-flex;border-radius:90px;padding:10px 16px;font-size:11px;font-weight:600}.pill-dark{background:var(--forest-900);color:#fff}.pill-sage{background:var(--mint-200);color:var(--forest-900)}.pill-cream{background:var(--cream-100);color:var(--forest-900)}
.proposition-cards{display:grid;gap:13px}
.number-card{display:flex;align-items:flex-start;gap:20px;position:relative;background:var(--sage-50);border:1px solid #D9E2DA;border-radius:19px;padding:24px 26px 23px;min-height:128px;transition:transform .28s ease,border-color .28s ease}
.number-card:hover{transform:translateX(5px);border-color:var(--gold-500)}
.number-disc{width:48px;height:48px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;background:var(--gold-500);color:var(--forest-900);font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:16px}
.number-disc-green{background:var(--forest-700);color:white}
.number-card h3{font-size:15px;letter-spacing:-.02em;margin:1px 0 10px;color:var(--forest-900)}
.number-card p{margin:0;color:var(--ink-500);font-size:13px;line-height:1.7;max-width:410px}
.number-card>svg{width:19px;height:19px;margin-left:auto;flex-shrink:0;color:#83948A}
/* Market */
.market-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.stat-card{min-height:275px;display:flex;flex-direction:column;background:var(--white);border:1px solid #E3E5DD;border-radius:22px;padding:31px 31px 32px;transition:transform .28s ease,border-color .28s ease}
.stat-card:hover{transform:translateY(-5px);border-color:var(--gold-500)}
.stat-card-dark{background:var(--forest-900);color:white;border-color:var(--forest-900)}
.stat-top{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:auto}
.stat-value,.stat-date{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:clamp(49px,5.2vw,80px);line-height:1.04;letter-spacing:-.07em;color:var(--forest-900)}
.stat-date{font-size:clamp(30px,3.4vw,50px);white-space:nowrap;letter-spacing:-.062em;padding-top:12px}
.stat-date span{font-size:.5em;letter-spacing:-.02em}
.stat-arrow{color:#A6B3A9;font-size:24px}.stat-card-dark .stat-value{color:var(--gold-on-dark)}
.stat-card h3{margin:25px 0 8px;font-size:11px;color:var(--gold-on-light);letter-spacing:.14em}
.stat-card-dark h3{color:var(--gold-on-dark)}
.stat-card p{font-size:13px;line-height:1.75;color:var(--ink-500);margin:0;max-width:320px}.stat-card-dark p{color:#D2DED4}
.insight-banner{margin-top:20px;background:#E8E0D0;border:1px solid #E0D5BF;padding:27px 35px 30px;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}
.insight-banner p{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:clamp(20px,2.1vw,30px);font-weight:700;line-height:1.44;letter-spacing:-.04em;color:var(--forest-900);max-width:950px;margin:10px 0 0}
.insight-banner strong{font-weight:800}.insight-mark{font-family:Georgia,serif;font-size:100px;line-height:1;color:var(--gold-600);opacity:.6}
/* Material */
.material-flow{position:relative;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin:70px 0 68px}
.material-flow-line{position:absolute;top:67px;left:8%;right:8%;width:84%;height:15px;color:var(--gold-500)}
.material-flow-line path{fill:none;stroke-width:2;vector-effect:non-scaling-stroke}.flow-track{stroke:#DDE6DD}.flow-draw{stroke:var(--gold-500);stroke-dasharray:1000;stroke-dashoffset:1000;transition:stroke-dashoffset 1.7s cubic-bezier(.15,.5,.2,1)}.material-flow.visible .flow-draw{stroke-dashoffset:0}
.flow-step{position:relative;z-index:1}
.flow-circle{width:148px;height:148px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--mint-200);border:8px solid white;border-radius:50%;margin:0 auto 26px;color:var(--forest-900);position:relative}
.flow-circle span{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:23px;font-weight:800;letter-spacing:-.04em}
.flow-circle svg{width:53px;height:47px;margin-top:-2px;stroke-width:2.5}
.flow-circle-last{background:var(--forest-700);color:#fff}
.flow-step h3{font-size:14px;color:var(--gold-on-light);letter-spacing:.03em;margin-bottom:12px;text-align:center}
.flow-step p{font-size:13px;line-height:1.76;color:var(--ink-500);text-align:center;max-width:225px;margin:0 auto}
.dark-callout{background:var(--forest-900);color:white;border-radius:20px;display:flex;gap:24px;align-items:center;padding:30px 37px}
.callout-icon{width:54px;height:54px;background:var(--forest-700);border:1px solid #427A56;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.callout-icon svg{width:31px;height:31px;color:var(--gold-on-dark)}
.dark-callout h3{font-size:11px;letter-spacing:.16em;color:var(--gold-on-dark);margin:0 0 8px}.dark-callout p{margin:0;color:#DFE8DF;font-size:15px;line-height:1.7;max-width:970px}
/* Portfolio */
.portfolio-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.portfolio-card{background:#fff;border:1px solid #E0E5DF;border-radius:21px;padding:30px 30px 25px;min-height:280px;position:relative;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
.portfolio-card:hover{transform:translateY(-6px);border-color:#CDB584}
.portfolio-card-top{display:flex;justify-content:space-between;align-items:flex-start;gap:14px;margin-bottom:58px}
.portfolio-card-top span{font-size:10px;font-weight:700;letter-spacing:.12em;color:var(--gold-on-light)}
.portfolio-card-top svg{width:53px;height:53px;color:#3E7350;stroke-width:1.4}
.portfolio-card h3{font-size:25px;letter-spacing:-.045em;margin-bottom:10px;color:var(--forest-900)}
.portfolio-card p{color:var(--ink-500);font-size:13px;line-height:1.75;margin:0;max-width:330px}
.card-rule{height:3px;position:absolute;bottom:0;left:0;right:100%;background:var(--gold-500);transition:right .3s ease}.portfolio-card:hover .card-rule{right:0}
/* Products */
.products-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:19px;color:var(--gold-on-light);font-weight:700;font-size:10px;letter-spacing:.17em}
.products-controls{display:flex;gap:8px}.carousel-arrow{display:grid;place-items:center;width:44px;height:44px;border:1px solid #D3DDD3;border-radius:50%;background:white;color:var(--forest-900);font-size:19px;transition:background .2s,border-color .2s}.carousel-arrow:hover{background:var(--mint-200);border-color:var(--forest-900)}
.product-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;scrollbar-width:thin;scrollbar-color:var(--gold-500) transparent}
.product-card{border:1px solid #E0E4DE;border-radius:20px;background:#fff;overflow:hidden;min-width:0;transition:transform .28s ease,border-color .28s ease}.product-card:hover,.product-card.is-selected{transform:translateY(-5px);border-color:var(--gold-500)}
.product-image{height:255px;background:var(--cream-100);margin:10px 10px 0;border-radius:13px;overflow:hidden}
.product-image picture{display:block;height:100%}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .5s ease}.product-card:hover img{transform:scale(1.05)}
.product-body{padding:24px 20px 27px}.product-num{color:var(--gold-on-light);font-size:10px;font-weight:700;letter-spacing:.13em}
.product-body h3{color:var(--forest-900);font-size:20px;letter-spacing:-.045em;margin:13px 0 10px}.product-body p{color:var(--ink-500);font-size:12.5px;line-height:1.75;margin:0}
/* Beyond */
.beyond-section{overflow:hidden}.beyond-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.beyond-card{background:var(--forest-700);border:1px solid #416E51;border-radius:21px;min-height:300px;padding:28px 28px 32px;position:relative;transition:transform .25s,border-color .25s}.beyond-card:hover{transform:translateY(-5px);border-color:var(--gold-500)}
.beyond-card .beyond-num{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;color:var(--gold-on-dark);font-size:22px;font-weight:700}
.beyond-card svg{position:absolute;right:30px;top:28px;width:40px;height:40px;color:#B6D0B5;stroke-width:1.4}
.beyond-card h3{font-size:18px;letter-spacing:-.025em;margin:78px 0 14px;color:white}
.beyond-card p{font-size:14px;line-height:1.8;color:#D5E5D7;margin:0;max-width:340px}
.beyond-featured{background:#fff;border-color:#fff}.beyond-featured .beyond-num,.beyond-featured h3{color:var(--forest-900)}.beyond-featured svg{color:var(--gold-600)}.beyond-featured p{color:var(--ink-500)}
.gold-bar{margin-top:22px;display:flex;gap:18px;align-items:center;border-radius:14px;padding:20px 30px;background:var(--gold-500);color:var(--forest-900);font-weight:600;font-size:13px;line-height:1.6}
.gold-bar-indicator{font-size:28px;line-height:1}
/* Checklist + requirement builder */
.buyer-grid{align-items:start}
.checklist-accordion{display:grid;gap:12px}.checklist-item{background:var(--sage-50);border:1px solid #DDE5DD;border-radius:14px;overflow:hidden}.checklist-item:nth-child(even){background:var(--cream-100);border-color:#E8E4D8}
.checklist-item h3{font-family:Inter,sans-serif;letter-spacing:0;margin:0}
.checklist-trigger{width:100%;border:0;background:transparent;min-height:69px;display:flex;align-items:center;text-align:left;padding:15px 20px;gap:17px;color:var(--forest-900);font-size:12px;font-weight:700;letter-spacing:.065em}
.checklist-index{background:var(--forest-900);border-radius:8px;color:white;font-size:11px;letter-spacing:0;width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto}
.checklist-trigger svg{width:18px;height:18px;margin-left:auto;flex:0 0 auto;transition:transform .25s ease}
.checklist-trigger[aria-expanded="true"] svg{transform:rotate(180deg)}
.checklist-panel{padding:0 20px 20px 74px}.checklist-panel[hidden]{display:none}.checklist-panel p{margin:0;color:var(--ink-500);font-size:13px;line-height:1.8}
.buyer-closing{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:18px;line-height:1.65;font-weight:700;letter-spacing:-.03em;color:var(--forest-900);margin:30px 4px 0;max-width:530px}
.requirement-builder{background:var(--forest-900);color:white;border-radius:23px;padding:clamp(26px,3.8vw,43px);position:relative;box-shadow:none}
.builder-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px}
.builder-header h3{font-size:clamp(26px,3vw,37px);letter-spacing:-.055em;line-height:1.13;margin:13px 0 0;color:white}
.builder-symbol{font-size:35px;font-weight:400;color:var(--gold-on-dark);line-height:1}
.builder-description{font-size:13px;color:#BFCFC0;line-height:1.7;margin:18px 0 27px}
.builder-form{display:grid;gap:17px}.form-row{display:flex;flex-direction:column;gap:7px;min-width:0}
.form-row label,.temperature-field legend,.evidence-field legend{font-weight:600;font-size:12px;line-height:1.4}
.form-row input,.form-row select,.form-row textarea{display:block;width:100%;min-width:0;min-height:47px;border:1px solid #CED8D0;border-radius:9px;background:#fff;color:var(--forest-900);padding:12px 13px;font-size:13px;transition:border-color .2s,box-shadow .2s}
.form-row textarea{resize:vertical;min-height:115px}
.form-row input::placeholder,.form-row textarea::placeholder{color:#78867B;opacity:1}
.form-row input:focus,.form-row select:focus,.form-row textarea:focus{border-color:var(--gold-600);box-shadow:0 0 0 3px rgba(196,154,86,.17);outline:0}
.temperature-field,.evidence-field{border:0;padding:0;min-width:0;margin:0}.temperature-field legend,.evidence-field legend{float:none;margin-bottom:10px}
.temperature-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
.temperature-options label{position:relative;cursor:pointer;display:block}
.temperature-options input{position:absolute;width:1px;height:1px;opacity:0}
.temperature-options span{display:flex;align-items:center;justify-content:center;padding:10px 9px;min-height:43px;border:1px solid #66816C;border-radius:9px;color:#E1EAE1;font-size:12px;transition:background .2s,color .2s}
.temperature-options input:checked+span{background:var(--gold-500);border-color:var(--gold-500);color:var(--forest-900);font-weight:700}
.temperature-options input:focus-visible+span{outline:3px solid #E9C68D;outline-offset:3px}
.evidence-options{display:grid;grid-template-columns:1fr;gap:7px}.evidence-options label{display:flex;gap:10px;align-items:center;color:#DCE9DE;font-size:12px;min-height:30px;cursor:pointer}.evidence-options input{accent-color:var(--gold-500);width:16px;height:16px;flex-shrink:0}
.requirement-summary{border:1px solid #58715C;background:#224936;border-radius:11px;padding:16px 17px}.requirement-summary>span{display:block;font-size:9px;letter-spacing:.15em;color:var(--gold-on-dark);font-weight:700;margin-bottom:9px}.requirement-summary p{margin:0;font-size:13px;line-height:1.75;overflow-wrap:anywhere}
.form-assist{font-size:11px;color:#C0D4C2;margin:-4px 0 0;text-align:center}
/* Use cases */
.use-case-grid{display:grid;grid-template-columns:minmax(0,.93fr) minmax(0,1.14fr);align-items:stretch;gap:26px}
.use-case-photo{border-radius:20px;overflow:hidden;position:relative;min-height:510px;background:var(--forest-700)}
.use-case-photo picture{display:block;height:100%}.use-case-photo img{width:100%;height:100%;min-height:510px;object-fit:cover;object-position:40% center}
.use-case-photo-caption{position:absolute;bottom:0;left:0;right:0;padding:28px 32px;background:var(--forest-900);color:white}.use-case-photo-caption .micro-label{color:var(--gold-on-dark)}.use-case-photo-caption p{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:clamp(20px,2.1vw,29px);font-weight:700;line-height:1.33;letter-spacing:-.04em;margin:9px 0 0}
.use-case-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.use-case-card{border:1px solid #DFE6DC;background:white;position:relative;border-radius:17px;padding:20px 22px 22px;min-height:150px;transition:transform .25s,border-color .25s}
.use-case-card:hover{transform:translateY(-3px);border-color:var(--gold-500)}
.use-case-card:nth-child(3),.use-case-card:nth-child(4){background:#F7F4EB}
.use-case-card>span{font-size:10px;color:var(--gold-on-light);font-weight:700;letter-spacing:.1em}
.use-case-card h3{color:var(--forest-900);font-size:16px;letter-spacing:-.035em;margin:19px 0 7px}
.use-case-card p{color:var(--ink-500);font-size:12px;line-height:1.7;margin:0}
/* Why */
.why-section{padding-bottom:clamp(100px,11vw,160px)}.why-intro{max-width:400px;font-size:16px;color:#D7E5D6}
.why-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.why-card{background:var(--forest-700);border:1px solid #427050;border-radius:19px;min-height:225px;padding:30px 34px;position:relative;transition:transform .25s,border-color .25s}.why-card:hover{transform:translateY(-5px);border-color:var(--gold-500)}
.why-card>span:first-child{font-weight:700;font-size:10px;letter-spacing:.15em;color:var(--gold-on-dark)}
.why-card h3{font-size:22px;letter-spacing:-.04em;color:white;margin:43px 0 11px}.why-card p{font-size:13px;color:#CFE0D1;line-height:1.75;margin:0;max-width:460px}
.why-card-featured{background:var(--gold-500);border-color:var(--gold-500);color:var(--forest-900)}.why-card-featured>span:first-child{color:var(--forest-900)}.why-card-featured h3,.why-card-featured p{color:var(--forest-900)}.why-spark{position:absolute;right:35px;top:24px;font-size:44px;line-height:1;color:var(--forest-900)}
/* Process */
.process-timeline{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative;gap:10px;margin:80px 0 64px}
.process-line{position:absolute;height:2px;background:var(--mint-200);left:8%;right:8%;top:58px}
.process-line span{height:100%;width:0;display:block;background:var(--gold-500);transition:width 1.8s ease}.process-timeline.visible .process-line span{width:100%}
.process-step{position:relative;z-index:1;text-align:center}
.process-number{height:116px;width:116px;margin:0 auto 34px;border:7px solid #fff;background:var(--mint-200);border-radius:50%;display:grid;place-items:center;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:27px;letter-spacing:-.05em;color:var(--forest-900)}
.process-step:last-child .process-number{background:var(--forest-700);color:white}
.process-step h3{font-size:15px;letter-spacing:-.005em;color:var(--gold-on-light);margin:0 0 13px}
.process-step p{font-size:12px;line-height:1.8;color:var(--ink-500);max-width:186px;margin:0 auto}
.pilot-banner{border-radius:18px;padding:23px 30px;background:var(--cream-100);display:flex;align-items:center;gap:23px}
.pilot-star{font-size:29px;color:var(--gold-600);line-height:1}.pilot-banner p{font-size:15px;font-weight:600;color:var(--forest-900);line-height:1.7;margin:0;flex:1}.pilot-banner a{height:48px;width:48px;background:var(--forest-900);color:white;border-radius:50%;display:grid;place-items:center;flex:0 0 auto}.pilot-banner a:hover{background:var(--forest-700);color:white}.pilot-banner svg{width:22px;height:22px}
/* Quality */
.quality-list{display:grid;gap:9px}
.quality-row{background:#fff;display:grid;grid-template-columns:54px minmax(150px,.7fr) minmax(0,2fr) 23px;gap:18px;align-items:center;min-height:77px;border:1px solid #E2E7DF;border-radius:12px;padding:17px 21px}
.quality-row:nth-child(even){background:#F9F6ED}
.quality-no{color:var(--gold-on-light);font-size:12px;font-weight:700}
.quality-row h3{color:var(--forest-900);font-size:15px;margin:0;letter-spacing:-.025em}.quality-row p{color:var(--ink-500);font-size:13px;line-height:1.6;margin:0}.quality-row svg{width:20px;height:20px;color:#4D7955}
.quality-note{display:flex;gap:40px;align-items:center;background:var(--forest-900);color:white;border-radius:15px;margin-top:21px;padding:23px 32px}.quality-note span{font-size:10px;color:var(--gold-on-dark);font-weight:700;letter-spacing:.12em;flex:0 0 180px}.quality-note p{margin:0;font-size:13px;line-height:1.7}
/* Outcomes */
.outcome-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.outcome-card{background:var(--sage-50);border:1px solid #DFE7DF;min-height:235px;border-radius:19px;padding:27px 31px;position:relative;transition:transform .25s,border-color .25s}.outcome-card:hover{transform:translateY(-5px);border-color:var(--gold-500)}
.outcome-card>span:first-child{display:block;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:21px;font-weight:800;letter-spacing:-.035em;color:var(--gold-on-light)}
.outcome-card h3{color:var(--forest-900);font-size:19px;letter-spacing:-.025em;margin:33px 0 12px}.outcome-card p{color:var(--ink-500);font-size:13px;line-height:1.8;margin:0;max-width:475px}.outcome-corner{position:absolute;right:27px;top:20px;color:#96A99D;font-size:24px}
.outcome-dark{background:var(--forest-900);border-color:var(--forest-900)}.outcome-dark>span:first-child{color:var(--gold-on-dark)}.outcome-dark h3,.outcome-dark p{color:white}.outcome-dark p{color:#D3E0D5}
/* About */
.section-about{background:#E8EFE7;text-align:center;overflow:hidden}
.section-about .section-meta{text-align:left}.about-inner{max-width:1050px;margin:auto}.about-asterisk{display:block;font-size:51px;color:var(--gold-on-light);line-height:1;margin-bottom:28px}.about-inner .section-title{margin:auto;max-width:1030px;font-size:clamp(42px,5.3vw,77px)}
.about-statement{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:clamp(19px,2.2vw,30px);line-height:1.56;letter-spacing:-.035em;margin:37px auto 65px;color:var(--forest-900);max-width:800px}.about-statement em{font-style:normal;color:#4D7956}
.about-pillars{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;text-align:left}
.about-pillar{background:rgba(255,255,255,.7);border:1px solid #D2E0D3;border-radius:16px;padding:26px 24px;min-height:160px}.about-pillar span{font-size:11px;font-weight:700;color:var(--gold-on-light)}.about-pillar h3{font-size:22px;color:var(--forest-900);margin:19px 0 10px}.about-pillar p{font-size:12px;line-height:1.6;color:var(--ink-500);margin:0}
/* Contact */
.contact-section{background:var(--forest-900);color:white;padding-bottom:88px}
.contact-top-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:48px;align-items:stretch;margin-bottom:38px}
.contact-left{padding:22px 0 40px}.contact-left .section-title{font-size:clamp(40px,4.45vw,65px);line-height:1.16;max-width:690px}.contact-left>p{font-size:16px;line-height:1.9;color:#D0DED1;max-width:610px;margin:31px 0 60px}
.contact-details .micro-label{display:block;margin-bottom:19px}.contact-email{display:inline-flex;gap:18px;align-items:center;color:white;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:700;font-size:clamp(19px,2.3vw,30px);letter-spacing:-.04em;overflow-wrap:anywhere;margin-bottom:24px}.contact-email:hover{color:var(--gold-on-dark)}.contact-email svg{height:22px;width:22px;flex:0 0 auto;color:var(--gold-on-dark)}
.contact-details p{font-size:13px;color:#C9D8CA;margin:5px 0}.contact-details [data-placeholder]{font-style:italic;color:#E5C58D}
.contact-steps{background:var(--cream-100);border-radius:20px;color:var(--forest-900);padding:clamp(26px,4vw,53px);position:relative}
.contact-steps>.micro-label{color:var(--gold-on-light)}.contact-steps ol{margin:24px 0 22px;padding:0;list-style:none;display:grid;gap:8px}
.contact-steps li{display:flex;align-items:center;gap:17px;min-height:66px;border-bottom:1px solid #DDE3D9}
.contact-steps li span{width:43px;height:43px;border-radius:50%;background:var(--mint-200);display:grid;place-items:center;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:800;font-size:14px}
.contact-steps li:last-child span{background:var(--forest-700);color:#fff}.contact-steps li p{font-size:14px;font-weight:600;margin:0}.contact-footnote{font-size:12px;line-height:1.8;color:var(--ink-500);font-style:italic;margin:30px 0 0;border-top:1px solid var(--gold-500);padding-top:19px}
.enquiry-panel{border-radius:22px;background:#244734;border:1px solid #54745D;padding:clamp(25px,4vw,47px)}
.enquiry-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:20px;border-bottom:1px solid rgba(255,255,255,.16);padding-bottom:25px;margin-bottom:25px}.enquiry-heading h3{font-size:clamp(25px,3.1vw,39px);letter-spacing:-.045em;margin:11px 0 0;color:white}.enquiry-num{font-size:10px;letter-spacing:.15em;color:#A8BEAB}
.enquiry-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 19px}.form-row-full{grid-column:1/-1}.enquiry-form .form-row label{color:#F3F5F1}.enquiry-form .form-row label span{color:var(--gold-on-dark)}
.enquiry-bottom{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-top:26px}.enquiry-bottom p{font-size:11px;line-height:1.7;max-width:480px;color:#C9D8CC;margin:0}.enquiry-bottom .button{flex:0 0 auto}
.enquiry-status{font-size:13px;line-height:1.8;color:#fff;background:var(--forest-900);padding:16px 20px;border-radius:10px;margin:20px 0 0;border:1px solid #718B76}.enquiry-status[hidden]{display:none}
/* Footer */
.site-footer{background:#102C20;color:white;padding:67px 0 0}.footer-main{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:65px;padding-bottom:63px}
.footer-brand a{width:155px;display:block;background:#faf8f2;border-radius:10px;padding:8px}.footer-brand img{width:100%;height:92px;object-fit:contain}.footer-brand p{font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-size:20px;font-weight:700;letter-spacing:-.025em;margin:14px 0 0}
.footer-links>span,.footer-contact>span{font-size:10px;letter-spacing:.18em;font-weight:700;color:var(--gold-on-dark);display:block;margin:12px 0 22px}.footer-links>div{display:grid;grid-template-columns:1fr 1fr;gap:14px 25px}.footer-links a{font-size:13px;color:#D7E5D7}.footer-links a:hover,.footer-contact a:hover{color:var(--gold-on-dark)}.footer-contact>a{font-size:17px;font-family:'Inter Display',Inter,system-ui,'Segoe UI',Arial,sans-serif;font-weight:700;letter-spacing:-.015em;color:white;overflow-wrap:anywhere}.footer-contact p{font-size:12px;line-height:1.8;color:#AFC6B0;margin-top:17px;max-width:295px}
.footer-bottom{border-top:1px solid #42624C;min-height:79px;display:flex;justify-content:space-between;align-items:center;gap:24px;color:#B3C6B6;font-size:10px;letter-spacing:.08em}.footer-dot{color:var(--gold-on-dark);padding:0 9px}.back-to-top{font-size:10px;font-weight:700;color:white;display:flex;align-items:center;gap:10px;min-height:44px}.back-to-top svg{width:17px;height:17px;color:var(--gold-on-dark)}
/* tasteful scroll reveals: only hidden after JS has established the observer */
body.js-ready .reveal{opacity:0;transform:translateY(24px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
body.js-ready .reveal.visible{opacity:1;transform:translateY(0)}
body.js-ready .reveal-stagger>.reveal:nth-child(2){transition-delay:75ms}
body.js-ready .reveal-stagger>.reveal:nth-child(3){transition-delay:145ms}
body.js-ready .reveal-stagger>.reveal:nth-child(4){transition-delay:210ms}
body.js-ready .reveal-stagger>.reveal:nth-child(5){transition-delay:260ms}
body.js-ready .reveal-stagger>.reveal:nth-child(6){transition-delay:300ms}
/* Huge desktop */
@media(min-width:1400px){.hero-grid{min-height:670px}.hero-image-wrap{height:700px}.hero{min-height:915px}.hero-title{font-size:105px}.hero-content{padding-bottom:98px}.header-inner{gap:28px}.desktop-nav{gap:21px}}
@media(max-width:1399.98px){.desktop-nav{gap:14px}.desktop-nav a{font-size:10px}.header-cta{padding:11px 13px}.brand-picture{width:105px}}
/* Laptop and tablet */
@media(max-width:1199.98px){:root{--header-height:78px}.desktop-nav{display:none}.menu-trigger{display:flex}.header-cta{margin-left:auto}.hero{padding-top:calc(var(--header-height) + 58px);min-height:760px}.hero-title{font-size:clamp(59px,7.1vw,88px)}.hero-image-wrap{height:610px}.hero-grid{min-height:610px}.hero-float-badge{left:-28px}.hero-content{padding-bottom:50px}.stat-card{padding:26px 23px}.stat-date{font-size:clamp(28px,3.5vw,42px)}.product-image{height:215px}.product-body h3{font-size:18px}.product-body{padding:19px 16px}.footer-main{gap:35px}}
@media(max-width:991.98px){.section{padding:90px 0}.hero{padding-top:calc(var(--header-height) + 45px)}.hero-grid{grid-template-columns:1fr;min-height:0}.hero-content{max-width:780px;padding:0 0 53px}.hero-title{font-size:clamp(64px,10vw,94px)}.hero-subtitle{max-width:600px}.hero-image-wrap{margin-left:14px;margin-right:0;height:480px;border-radius:22px}.hero-image-wrap picture{border-radius:22px}.hero-photo-label{left:22px}.hero-float-badge{top:32px}.hero-bottom-rail{min-height:66px}.split-heading{grid-template-columns:1fr;gap:18px}.heading-side-note{max-width:600px}.proposition-layout{gap:25px 0!important}.proposition-cards{grid-template-columns:1fr 1fr}.number-card:last-child{grid-column:1/-1}.market-stats{gap:12px}.stat-card{min-height:280px;padding:23px 19px}.stat-value{font-size:60px}.stat-date{font-size:34px}.material-flow{gap:14px}.flow-circle{width:122px;height:122px}.material-flow-line{top:53px}.portfolio-card{min-height:255px;padding:23px}.portfolio-card-top{margin-bottom:45px}.portfolio-card h3{font-size:21px}.product-gallery{display:flex;gap:14px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;padding-bottom:13px}.product-card{flex:0 0 calc(43% - 6px);scroll-snap-align:start}.product-image{height:240px}.beyond-grid{gap:12px}.beyond-card{padding:23px;min-height:300px}.beyond-card h3{margin-top:85px;font-size:16px}.buyer-grid{gap:32px!important}.use-case-grid{grid-template-columns:1fr}.use-case-photo{min-height:410px}.use-case-photo img{min-height:410px}.process-number{width:96px;height:96px}.process-line{top:48px}.contact-top-grid{grid-template-columns:1fr;gap:24px}.contact-left{padding:0}.contact-left>p{margin-bottom:40px}.contact-steps ol{grid-template-columns:1fr 1fr;gap:8px 18px}.contact-steps li{min-height:75px}.footer-main{grid-template-columns:1fr 1fr;gap:40px}.footer-brand{grid-column:1/-1}.footer-brand p{margin-top:10px}}
@media(max-width:767.98px){:root{--page-gutter:24px}.section-meta{padding-bottom:22px;margin-bottom:28px}.section-index{display:none}.section-title{font-size:clamp(36px,7.3vw,53px)}.section-heading{margin-bottom:34px}.hero-title{font-size:clamp(60px,11.5vw,86px)}.hero-grid{padding-top:0}.hero-chips{margin-top:35px}.hero-image-wrap{height:420px}.hero-subtitle{font-size:16px}.proposition-cards{grid-template-columns:1fr}.number-card:last-child{grid-column:auto}.market-stats{grid-template-columns:1fr;gap:12px}.stat-card{min-height:194px}.stat-value{font-size:64px}.stat-date{font-size:47px}.stat-card h3{margin-top:15px}.insight-mark{display:none}.material-flow{grid-template-columns:1fr;margin:48px 0;gap:24px}.material-flow-line{display:none}.flow-step{display:grid;grid-template-columns:100px 1fr;gap:0 19px;align-items:start}.flow-circle{width:91px;height:91px;border:4px solid white;grid-row:span 2;margin:0}.flow-circle span{font-size:20px}.flow-circle svg{width:34px;height:32px}.flow-step h3,.flow-step p{text-align:left;max-width:none}.flow-step h3{margin:11px 0 3px}.flow-step p{font-size:13px}.flow-step::before{content:"";position:absolute;height:24px;width:2px;background:var(--gold-500);left:46px;bottom:-24px}.flow-step:last-child::before{display:none}.dark-callout{align-items:flex-start;padding:24px;gap:15px}.dark-callout p{font-size:13px}.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portfolio-card{padding:21px;min-height:240px}.portfolio-card-top{margin-bottom:40px}.portfolio-card-top svg{width:40px;height:40px}.portfolio-card h3{font-size:21px}.product-card{flex-basis:65%}.beyond-grid{grid-template-columns:1fr}.beyond-card{min-height:230px;padding:26px}.beyond-card h3{margin-top:42px}.beyond-card p{max-width:490px}.gold-bar{padding:18px 21px}.use-case-cards{gap:12px}.why-grid{gap:12px}.why-card{padding:25px;min-height:228px}.why-card h3{font-size:18px}.process-timeline{grid-template-columns:1fr;gap:21px;margin:40px 0}.process-line{top:10px;bottom:10px;left:48px;right:auto;height:auto;width:2px}.process-line span{height:0;width:100%!important;transition:height 1.7s ease}.process-timeline.visible .process-line span{height:100%}.process-step{display:grid;grid-template-columns:100px 1fr;gap:0 18px;text-align:left}.process-number{grid-row:span 2;width:96px;height:96px;border:4px solid white;margin:0}.process-step h3{align-self:end;margin:0 0 6px}.process-step p{max-width:none;margin:0;align-self:start}.quality-row{grid-template-columns:38px minmax(0,1fr) 22px;gap:10px;padding:17px}.quality-row h3{font-size:14px}.quality-row p{grid-column:2 / 3;grid-row:2 / 3;font-size:12px}.quality-row svg{grid-column:3;grid-row:1}.quality-note{display:block;padding:24px}.quality-note p{margin-top:10px}.outcome-card{padding:25px;min-height:225px}.about-pillars{gap:10px}.about-pillar{padding:22px 18px}.about-pillar h3{font-size:19px}.contact-left .section-title{font-size:clamp(36px,6.5vw,53px)}.footer-bottom>span:nth-child(2){display:none}}
@media(max-width:575.98px){:root{--page-gutter:19px;--header-height:73px}.section{padding:72px 0}.site-header{top:3px}.brand-picture{width:100px;height:54px}.header-cta{display:none}.menu-trigger{margin-left:auto}.mobile-nav nav{grid-template-columns:1fr 1fr;column-gap:12px}.mobile-nav nav a{font-size:17px;min-height:50px}.hero{padding-top:calc(var(--header-height) + 40px)}.hero-eyebrow{font-size:9px;gap:8px}.hero-title{font-size:clamp(50px,11.7vw,69px);margin-bottom:23px}.hero-subtitle{font-size:15px;line-height:1.73;margin-bottom:26px}.hero-statement{margin-bottom:29px}.hero-statement p{font-size:10px}.hero-statement p span:not(.dot){font-size:9px}.hero-actions{gap:9px}.hero-actions .button{padding:12px 14px;font-size:11px;gap:10px;min-height:47px}.hero-actions .button svg{width:14px;height:14px}.hero-chips{margin-top:29px;gap:6px}.hero-chips span{font-size:9px;padding:7px 9px}.hero-image-wrap{height:325px;margin-left:9px;border-radius:15px}.hero-image-wrap picture{border-radius:15px}.hero-vertical-rule{left:-9px;width:4px}.hero-float-badge{display:none}.hero-photo-label{left:13px;bottom:13px;min-width:0;padding:11px 13px;border-radius:9px}.hero-photo-label .mini-caps{font-size:7px}.hero-photo-label span:last-child{font-size:13px}.hero-number{right:15px;bottom:21px;font-size:12px}.hero-bottom-rail{min-height:67px;font-size:8px}.hero-bottom-rail .rail-dot{padding:0 4px}.scroll-discover{gap:5px;font-size:8px}.scroll-discover span{font-size:16px}.section-title{font-size:clamp(35px,8.8vw,48px)}.section-intro{font-size:14px;margin-top:15px}.gold-rule{margin:26px 0 33px}.proposition-subtitle{font-size:25px}.lead-copy{font-size:13px}.pill{font-size:10px;padding:9px 11px}.number-card{padding:21px 18px;gap:13px;min-height:105px}.number-disc{width:43px;height:43px;font-size:14px}.number-card h3{font-size:14px}.number-card p{font-size:12px}.number-card>svg{display:none}.stat-card{min-height:194px;padding:22px}.insight-banner{padding:23px 21px}.insight-banner p{font-size:21px}.dark-callout{flex-direction:column}.portfolio-grid{gap:10px}.portfolio-card{padding:19px 15px;min-height:250px;border-radius:15px}.portfolio-card-top{margin-bottom:37px;display:block}.portfolio-card-top span{font-size:9px}.portfolio-card-top svg{display:block;width:39px;height:39px;margin-top:19px}.portfolio-card h3{font-size:19px;line-height:1.2}.portfolio-card p{font-size:11.5px}.product-card{flex-basis:83%}.product-image{height:253px}.product-body{padding:21px}.product-body h3{font-size:21px}.beyond-card{min-height:225px}.gold-bar{font-size:12px;gap:13px}.buyer-closing{font-size:17px}.requirement-builder{padding:25px 19px;border-radius:18px}.builder-header h3{font-size:29px}.use-case-photo,.use-case-photo img{min-height:330px}.use-case-photo-caption{padding:22px}.use-case-photo-caption p{font-size:21px}.use-case-cards{gap:9px}.use-case-card{padding:18px 14px;min-height:160px}.use-case-card h3{font-size:14px}.use-case-card p{font-size:11px}.why-grid{grid-template-columns:1fr}.why-card{min-height:180px;padding:23px}.why-card h3{margin:32px 0 9px}.why-card p{font-size:12px}.pilot-banner{padding:19px;gap:12px}.pilot-banner p{font-size:12px}.pilot-star{font-size:21px}.pilot-banner a{width:39px;height:39px}.quality-row{grid-template-columns:31px minmax(0,1fr) 20px;gap:10px}.quality-row h3{font-size:12.5px}.outcome-grid{grid-template-columns:1fr;gap:11px}.outcome-card{min-height:182px;padding:21px}.outcome-card h3{margin-top:22px;font-size:18px}.outcome-card p{font-size:12px}.about-statement{font-size:20px;margin:25px auto 36px}.about-pillars{grid-template-columns:1fr;gap:10px}.about-pillar{min-height:115px;padding:19px}.about-pillar h3{margin:8px 0 6px}.contact-top-grid{margin-bottom:22px}.contact-left .section-title{font-size:clamp(37px,9vw,47px)}.contact-left>p{font-size:14px}.contact-steps{padding:24px 19px}.contact-steps ol{grid-template-columns:1fr}.contact-steps li{min-height:55px}.enquiry-panel{padding:25px 19px}.enquiry-form-grid{grid-template-columns:1fr;gap:17px}.enquiry-heading h3{font-size:26px}.enquiry-num{display:none}.enquiry-bottom{flex-direction:column;align-items:stretch}.enquiry-bottom .button{width:100%}.footer-main{grid-template-columns:1fr;gap:19px;padding-bottom:40px}.footer-brand{grid-column:auto}.footer-links>span,.footer-contact>span{margin-top:15px}.footer-bottom{font-size:9px;gap:13px}.back-to-top{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body.js-ready .reveal{opacity:1!important;transform:none!important}.headline-clip>span{transform:none!important}.flow-draw{stroke-dashoffset:0!important}.process-line span{width:100%!important}}