:root{
  --cream:#f6f2e9;--paper:#fffdf8;--ink:#172019;--muted:#667067;
  --green:#244c35;--green2:#356a49;--berry:#c83b4d;--gold:#d9af68;
  --line:rgba(23,32,25,.12);--shadow:0 24px 70px rgba(23,32,25,.12)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"DM Sans",sans-serif;line-height:1.5}
img{max-width:100%;display:block}
a{text-decoration:none;color:inherit}
button,input,select,textarea{font:inherit}
button{cursor:pointer}
h1,h2,h3,h4{font-family:"Fraunces",serif;letter-spacing:-.03em}
.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;color:var(--green2)}
.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:999px;border:1px solid transparent;font-weight:700}
.btn-primary{background:var(--berry);color:#fff}
.btn-dark{background:var(--ink);color:#fff}
.btn-light{background:#fff;color:var(--ink)}
.shell-top{min-height:32px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;padding:7px 18px;text-align:center;font-size:10px;letter-spacing:.08em;text-transform:uppercase}
.demo-nav{min-height:66px;display:flex;align-items:center;padding:9px 4vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.demo-brand{display:flex;align-items:center;gap:10px;min-width:0}
.demo-brand img{display:none}
.demo-brand div{border-left:0;padding-left:0}
.demo-brand strong,.demo-brand small{display:block;white-space:nowrap}
.demo-brand small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.demo-links{display:flex;gap:8px;margin-left:auto}
.demo-links a{padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted)}
.demo-links a.active,.demo-links a:hover{background:#edf2eb;color:var(--green)}
.demo-home{margin-left:14px;border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-weight:700}
.page-hero{padding:58px 7vw 52px;background:var(--cream)}
.page-hero .inner{max-width:1180px;margin:auto;display:grid;grid-template-columns:1.08fr .72fr;gap:48px;align-items:end}
.page-hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;margin:12px 0}
.page-hero p{font-size:18px;color:var(--muted)}
.page-section{padding:72px 7vw}
.section-title{max-width:850px;margin-bottom:34px}
.section-title h2{font-size:clamp(36px,4.6vw,60px);line-height:1.03;margin:9px 0}
.section-title p{font-size:17px;color:var(--muted)}
.value-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:35px}
.value-strip div{padding:18px;border:1px solid var(--line);border-radius:16px;background:#fff}
.value-strip strong,.value-strip span{display:block}
.value-strip span{font-size:10px;color:var(--muted);text-transform:uppercase}
.side-panel{position:fixed;right:20px;top:50%;transform:translateY(-50%);z-index:25;background:#fff;border:1px solid var(--line);border-radius:18px;padding:9px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:5px}
.side-panel a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;font-size:15px;font-weight:700;color:var(--muted)}
.side-panel a.active,.side-panel a:hover{background:var(--green);color:#fff}
.footer{background:#101812;color:#fff;padding:50px 6vw;display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:45px;font-size:13px}
.footer img{width:130px;filter:brightness(0) invert(1)}
.footer span{font-size:10px;text-transform:uppercase;color:#8fa095;display:block;margin-bottom:12px}
.footer p,.footer a{color:rgba(255,255,255,.65);display:block;margin:6px 0}
.card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:25px}
.grid-2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.kpi strong{font-size:38px;display:block}
.kpi span{font-size:11px;color:var(--muted)}
@media(max-width:900px){
 .demo-links{display:none}.page-hero .inner,.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}
 .value-strip{grid-template-columns:1fr 1fr}.side-panel{display:none}
 .footer{grid-template-columns:1fr 1fr}
}
@media(max-width:600px){
 .page-hero,.page-section{padding-left:6vw;padding-right:6vw}
 .value-strip{grid-template-columns:1fr}.footer{grid-template-columns:1fr}
}

.brand-mark{
  width:40px;height:40px;border-radius:12px;background:var(--berry);color:#fff;
  display:grid;place-items:center;font-family:"Fraunces",serif;font-size:21px;
  font-weight:700;flex:0 0 auto;
}
@media(max-width:1100px){
  .demo-links a{padding:9px 10px;font-size:11px}
  .demo-home{margin-left:8px;padding-left:12px}
}
@media(max-width:760px){
  .demo-nav{min-height:60px;padding:8px 5vw}
  .demo-brand strong{font-size:13px}
  .demo-brand small{display:none}
  .brand-mark{width:36px;height:36px}
  .demo-home{margin-left:auto;border-left:0;padding-left:8px;font-size:11px}
  .page-hero{padding-top:44px;padding-bottom:42px}
  .page-section{padding-top:58px;padding-bottom:58px}
}

/* Defensive aliases for previously generated markup */
.experience-nav{min-height:66px;display:flex;align-items:center;padding:9px 4vw;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}
.experience-brand{display:flex;align-items:center;gap:10px;min-width:0}
.experience-brand img{display:none}
.experience-brand div{border-left:0;padding-left:0}
.experience-brand strong,.experience-brand small{display:block;white-space:nowrap}
.experience-brand small{font-size:8px;color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.experience-links{display:flex;gap:8px;margin-left:auto}
.experience-links a{padding:10px 14px;border-radius:999px;font-size:12px;font-weight:700;color:var(--muted)}
.experience-links a.active,.experience-links a:hover{background:#edf2eb;color:var(--green)}
.experience-home{margin-left:14px;border-left:1px solid var(--line);padding-left:18px;font-size:12px;font-weight:700}