/* Customer experience layer. Existing brand, catalogue and identity integrations are retained. */
:root { --customer-moss:#234535; --customer-muted:#4d6254; --customer-rule:#d0d9d1; --customer-pale:#e9eee8; --customer-cream:#eee7d6; }
.australian-made-section,.footer-made { background:#fff; color:var(--ink); }
.made-mark { margin:28px 0 0; }
.made-mark img { width:220px; height:auto; }
.made-mark figcaption { margin-top:12px; font-size:13px; color:var(--customer-muted); }
.footer-made { padding:24px 0; }
.footer-made .container { display:flex; align-items:center; justify-content:center; gap:36px; }
.footer-made img { width:180px; height:auto; flex:0 0 auto; }
.footer-made strong { font-size:20px; line-height:1.25; }
.footer-made p { color:var(--customer-muted); font-size:14px; line-height:1.7; margin:10px 0 0; }
@media(max-width:600px) {
 .footer-made .container { gap:20px; padding:0 24px; }
 .footer-made img { width:135px; }
 .footer-made strong { font-size:17px; }
 .footer-made p { font-size:12px; }
}
.store-introduction { background:#19392c; color:#fff; }
body.ready .hero.store-introduction :is(h1,.lede) { animation:none; opacity:1; filter:none; transform:none; }
.store-introduction h1 { font-size:clamp(40px,5vw,66px); color:#fff; max-width:740px; }
.store-introduction .lede { color:#dbe5d8; font-size:18px; }
.store-access-grid { display:grid; grid-template-columns:1.5fr 1fr; align-items:center; gap:40px; }
.store-syntra { width:126px; height:auto; margin:0 0 30px; filter:brightness(0) invert(1); }
.store-introduction .cta-button { display:inline-flex; gap:18px; background:#e3ebd8; border-color:#e3ebd8; color:#19392c; margin-top:28px; }
.store-access-note { color:#dbe5d8; font-size:13px; margin:16px 0 0; }
.store-chamber { width:100%; height:auto; filter:drop-shadow(0 30px 30px #06170d55); }
.store-public-grid { display:grid; grid-template-columns:1.5fr 1fr; gap:70px; align-items:start; }
.store-public-status { display:inline-block; font-size:13px; color:#385b49; padding:7px 12px; background:#e9eee3; border-radius:4px; margin-bottom:22px; }
.store-public-grid .section-head { font-size:36px; }
.store-access-help { border-left:1px solid var(--customer-rule); padding:10px 0 10px 40px; }
.store-access-help h3 { font-size:23px; line-height:1.25; margin:0 0 18px; }
.store-access-help p { font-size:16px; line-height:1.65; color:var(--customer-muted); }
.store-access-help a { display:inline-block; font-size:25px; margin-top:18px; text-underline-offset:6px; }
@media(max-width:780px) {
 .store-access-grid,.store-public-grid { grid-template-columns:1fr; gap:36px; }
 .store-chamber { max-width:340px; justify-self:center; }
 .store-access-help { padding:28px 0 0; border-left:0; border-top:1px solid var(--customer-rule); }
 .store-introduction .cta-button { font-size:13px; gap:12px; }
}
/* An assessment, not a scrolling paper form. Native radios retain keyboard behaviour. */
.ev-check { display:grid; grid-template-columns:minmax(230px,.72fr) minmax(0,1.65fr); margin-top:36px; border:1px solid var(--customer-rule); border-radius:16px; overflow:hidden; background:#fff; box-shadow:0 16px 48px #17302509; }
.ev-check [hidden] { display:none!important; }
.ev-check-guide { padding:36px 30px; background:#19392c; color:#f8f8f2; display:flex; flex-direction:column; }
.ev-check-icon { width:40px; height:40px; fill:none; stroke:#cbd9bf; stroke-width:1.6; stroke-linecap:round; stroke-linejoin:round; margin-bottom:28px; }
.ev-check-guide h3 { font:600 25px/1.15 var(--sans); letter-spacing:-.02em; margin:0 0 14px; }
.ev-check-guide p { font-size:15px; line-height:1.65; color:#cfdbd0; margin:0; }
.ev-check-guide ol { list-style:none; margin:32px 0; padding:0; display:grid; gap:4px; }
.ev-check-guide li { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:12px 10px; border-radius:5px; font-size:14px; color:#cedbcf; }
.ev-check-guide li[aria-current="step"] { background:#325342; color:#fff; }
.ev-check-guide li small { font-size:13px; color:inherit; white-space:nowrap; }
.ev-check-completion { margin-top:auto; }
.ev-check-completion > span { display:block; font-size:13px; color:#e1e9dd; margin-bottom:10px; }
.ev-check progress { display:block; width:100%; height:4px; border:0; border-radius:4px; background:#45604c; accent-color:#b4c99e; overflow:hidden; }
.ev-check progress::-webkit-progress-bar { background:#45604c; }
.ev-check progress::-webkit-progress-value { background:#b4c99e; }
.ev-check progress::-moz-progress-bar { background:#b4c99e; }
.ev-check-guide > small { display:block; margin-top:18px; font-size:12px; line-height:1.6; color:#cedbcf; }
.ev-check-main { padding:36px clamp(24px,4vw,54px); display:flex; flex-direction:column; min-width:0; scroll-margin-top:90px; }
.ev-check-position { display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px; font-size:13px; color:var(--customer-muted); margin:0 0 36px; }
.ev-check-position > span { color:var(--customer-moss); }
.ev-check fieldset { border:0; padding:0; margin:0; min-width:0; }
.ev-check legend { display:block; width:100%; padding:0; margin:0 0 28px; font:600 clamp(23px,2.4vw,32px)/1.2 var(--sans); letter-spacing:-.02em; color:var(--ink); }
.ev-check-options { display:grid; gap:12px; }
.ev-check-options label { position:relative; display:flex; align-items:center; gap:14px; padding:19px 18px; border:1px solid #bcc9be; border-radius:8px; background:#fff; cursor:pointer; font-size:16px; line-height:1.4; transition:background .16s,border-color .16s; }
.ev-check-options label:hover { background:#f4f7f1; border-color:#68836d; }
.ev-check-options label:has(input:checked) { background:#e9efe5; border-color:#385b49; box-shadow:inset 0 0 0 1px #385b49; }
.ev-check-options input { flex:0 0 auto; width:18px; height:18px; margin:0; accent-color:#385b49; cursor:pointer; }
.ev-check-options label:has(input:focus-visible) { outline:3px solid #385b49; outline-offset:3px; }
.ev-check-options label > svg { flex:0 0 auto; width:20px; height:20px; margin-left:auto; fill:none; stroke:#385b49; stroke-width:2; opacity:0; }
.ev-check-options label:has(input:checked) > svg { opacity:1; }
.ev-check-hint { color:var(--customer-muted); font-size:13px; line-height:1.5; margin:18px 0 30px; }
.ev-check-foot { display:flex; justify-content:space-between; align-items:center; gap:18px; padding-top:24px; margin-top:auto; border-top:1px solid var(--customer-rule); }
.ev-check .cta-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; margin:0; min-height:48px; border-radius:5px; padding:13px 20px; background:#234535; border-color:#234535; color:#fff; }
.ev-check .cta-button:hover { background:#365b44; }
.ev-check button:disabled { opacity:.4; cursor:not-allowed; }
.ev-check-back { border:0; padding:10px 0; background:none; color:#385b49; font:500 14px/1.4 var(--sans); cursor:pointer; text-underline-offset:4px; }
.ev-check-back:hover:not(:disabled) { text-decoration:underline; }
.ev-check :is(button,a,legend,h3):focus-visible { outline:3px solid #628165; outline-offset:5px; }
.ev-check-result-head { display:grid; grid-template-columns:108px minmax(0,1fr); align-items:center; gap:24px; margin-bottom:28px; }
.ev-check-score { width:108px; height:108px; padding:6px; border-radius:50%; background:conic-gradient(#385b49 var(--score),#e3e9e1 0); }
.ev-check-score > div { display:flex; align-items:center; justify-content:center; flex-direction:column; height:100%; border-radius:50%; background:#fff; }
.ev-check-score strong { font:600 36px/1.1 var(--sans); color:#234535; }
.ev-check-score span { font-size:12px; color:var(--customer-muted); }
.ev-check-result-head h3 { font:600 25px/1.2 var(--sans); letter-spacing:-.02em; margin:0 0 12px; }
.ev-check-result-head p { font-size:14px; line-height:1.6; color:var(--customer-muted); margin:0; }
.ev-check-breakdown { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin:30px 0; }
.ev-check-breakdown > div > div { display:flex; justify-content:space-between; gap:10px; font-size:13px; margin-bottom:8px; }
.ev-check meter { display:block; width:100%; height:6px; appearance:none; border:0; border-radius:4px; background:#e3e9e1; }
.ev-check meter::-webkit-meter-bar { height:6px; border:0; background:#e3e9e1; }
.ev-check meter::-webkit-meter-optimum-value { background:#628165; }
.ev-check meter::-moz-meter-bar { background:#628165; }
.ev-check-next { padding:24px; border-radius:8px; background:#f0f3ed; margin:0 0 30px; }
.ev-check-next h4 { font:600 18px/1.3 var(--sans); margin:0 0 10px; }
.ev-check-next p { margin:0 0 20px; font-size:15px; line-height:1.65; }
@media(max-width:780px) {
 .ev-check { grid-template-columns:1fr; border-radius:10px; }
 .ev-check-guide { padding:24px; }
 .ev-check-icon,.ev-check-guide > p,.ev-check-guide > small { display:none; }
 .ev-check-guide h3 { font-size:21px; margin-bottom:20px; }
 .ev-check-guide ol { grid-template-columns:1fr 1fr; gap:6px 16px; margin:0 0 20px; }
 .ev-check-guide li { padding:8px; font-size:13px; }
 .ev-check-main { padding:26px 24px; }
 .ev-check-position { margin-bottom:24px; }
 .ev-check legend { font-size:24px; margin-bottom:24px; }
 .ev-check-options label { padding:17px 14px; font-size:15px; }
 .ev-check-result-head { grid-template-columns:1fr; gap:20px; }
 .ev-check-breakdown { grid-template-columns:1fr; gap:20px; }
 .ev-check-foot { gap:12px; }
 .ev-check-next { padding:20px; }
}
@media(prefers-reduced-motion:reduce) { .ev-check-options label { transition:none; } }
.syntra-introduction { padding:64px 0 56px; background:#173025; }
.nav-links { gap:18px; }
.nav-links a { font-size:13px; letter-spacing:0; text-transform:none; min-height:40px; display:inline-flex; align-items:center; }
.nav-links .nav-customer { font-weight:400; color:#d6e0d2; }
.searchband { padding:10px 32px; }
.searchband-field { min-height:40px; font-size:14px; padding:9px 14px; }
.split-intro { padding-top:42px; padding-bottom:34px; }
.split-intro h1 { font-size:clamp(46px,6.5vw,84px); }
.split-intro-lede { max-width:850px; font-size:18px; }
.split-panel { min-height:390px; }
.split-copy strong { font-size:clamp(30px,3.2vw,44px); }
.split-copy > span:not(.split-num):not(.split-cta) { font-size:16px; }
.split-num { font-size:13px; letter-spacing:.04em; }
.hero-proof dt { font-size:12px; }
.home-work-grid { grid-template-columns:repeat(3,1fr); }
.block { padding-top:64px; padding-bottom:64px; }
.section-lede,.card-body,.cap-desc,.record-body { font-size:16px; line-height:1.65; }
.section-head { font-size:clamp(30px,4vw,50px); }
.hero h1 { max-width:1060px; font-size:clamp(40px,5.5vw,76px); }
.hero-meta,.section-tag,.eyebrow,.card-num { font-size:12px; }
.work-filter-button,.intent-cta,.doc-name,.tier-features,.cta-button { font-size:14px; }
.cta-button { letter-spacing:.01em; text-transform:none; min-height:44px; }
.walk-label { background:#183025ed; padding:16px 20px; font-size:13px; }
.mining-fleet-head nav a { display:inline-flex; padding:12px; color:#e0eadb; font-size:14px; text-decoration:underline; text-underline-offset:5px; }
.mining-fleet-head nav { flex-wrap:wrap; }
.mining-fleet-footer a,.mining-asset-copy dd a { font-size:14px; font-weight:650; text-decoration:underline; text-underline-offset:4px; }
.mining-asset-card { border-radius:9px; overflow:hidden; }
.mining-asset-copy dd { font-size:15px; line-height:1.5; }
.mining-asset-copy dt { font-size:14px; }
.mining-asset-grid { gap:24px; }
.customer-home-syntra .container,.customer-origin { display:grid; grid-template-columns:1.1fr .9fr; gap:60px; align-items:center; }
.customer-home-logo { width:150px; height:auto; filter:brightness(0) invert(1); }
.customer-home-syntra figure { margin:0; background:#244332; border-radius:12px; padding:28px; }
.customer-home-syntra figure img,.customer-origin img { width:100%; height:auto; object-fit:contain; }
.customer-home-syntra figcaption { margin-top:16px; color:#e0e9d9; font-size:14px; line-height:1.6; }
.customer-sector-links { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
.customer-sector-links a { display:flex; flex-direction:column; padding:22px; border:1px solid #4b6955; border-radius:10px; background:#244332; }
.customer-sector-links a:hover { background:#30523c; }
.customer-sector-links img { width:100%; height:150px; object-fit:contain; margin-bottom:20px; }
.customer-sector-links strong { display:flex; justify-content:space-between; gap:12px; color:#fff; font-size:18px; }
.customer-sector-links a > span { color:#dce6d7; font-size:14px; line-height:1.6; margin-top:12px; }
.customer-sector-links a:focus-visible,.example-sectors button:focus-visible { outline:3px solid #93ad7e; outline-offset:4px; }
.example-sectors { display:grid; grid-template-columns:1fr 1fr; gap:12px; padding:22px 28px; background:#f5f7f1; border-bottom:1px solid var(--customer-rule); }
.example-sectors button { display:flex; align-items:center; gap:18px; text-align:left; padding:12px 18px; background:#fff; border:1px solid #b7c6b9; border-radius:8px; color:var(--customer-moss); }
.example-sectors button[aria-pressed="true"] { background:#e0ead8; border-color:#385b49; box-shadow:inset 0 0 0 1px #385b49; }
.example-sectors img { width:72px; height:58px; object-fit:contain; }
.example-sectors strong { display:block; font-size:18px; font-weight:650; }
.example-sectors small { display:block; font-size:13px; line-height:1.45; margin-top:4px; color:#4d6254; }
.example-content { min-width:0; }
@media(max-width:600px) {
 .customer-sector-links { gap:10px; }
 .customer-sector-links a { padding:16px; }
 .customer-sector-links img { height:100px; }
 .customer-sector-links strong { font-size:15px; }
 .example-sectors { padding:16px; gap:10px; }
 .example-sectors button { flex-direction:column; align-items:flex-start; padding:12px; gap:8px; }
 .example-sectors img { width:64px; height:50px; }
 .example-sectors strong { font-size:16px; }
 .example-sectors small { font-size:12px; }
}
.customer-origin figure { margin:0; background:#e5ece1; padding:24px; border-radius:10px; }
.customer-origin .section-lede { margin-bottom:16px; }
.customer-service-detail { margin:12px 0 36px; border-top:1px solid var(--customer-rule); border-bottom:1px solid var(--customer-rule); }
.customer-service-detail > summary { padding:26px 0; font-size:21px; font-weight:650; cursor:pointer; line-height:1.4; }
.customer-service-detail .container { width:auto; padding:0 24px; }
.customer-service-detail .block { padding:40px 0; }
.customer-contact-layout { display:grid; grid-template-columns:.8fr 1.2fr; gap:80px; align-items:start; }
.customer-contact-help h2 { font-size:34px; margin:0 0 22px; }
.customer-contact-number { font-size:clamp(28px,3vw,44px); font-weight:700; white-space:nowrap; letter-spacing:-.025em; }
.customer-contact-help h3 { margin:32px 0 12px; font-size:21px; }
.customer-contact-help p { color:var(--customer-muted); font-size:16px; line-height:1.65; }
.contact-form { max-width:none; margin:0; }
.contact-form label { font-size:14px; letter-spacing:0; text-transform:none; }
.contact-form :is(input,textarea,select) { font-size:16px; }
.contact-context { padding:15px; background:#dfe9db; font-size:14px; line-height:1.6; margin:0 0 25px; }
.contact-result { margin-top:28px; padding-top:24px; border-top:1px solid var(--customer-rule); }
.contact-result h3 { font-size:24px; margin:0 0 16px; }
.contact-result p { font-size:15px; line-height:1.65; }
.contact-result #cf-copy { display:block; margin:18px 0; width:auto; background:none; border:1px solid #49634e; color:#234535; font-size:14px; }
.contact-result #cf-preview { min-height:240px; }
.contact-form .form-honesty { font-size:14px; line-height:1.65; }
@media(max-width:1050px) { .nav-links { gap:12px; } .nav-links a { font-size:12px; } .customer-contact-layout { gap:36px; } }
@media(max-width:780px) { .home-work-grid { grid-template-columns:1fr; } .customer-home-syntra .container,.customer-origin,.customer-contact-layout { grid-template-columns:1fr; gap:32px; } .split-panel { min-height:330px; } .block { padding-top:44px; padding-bottom:44px; } .searchband { padding:8px 20px; } }
.syntra-introduction h1 { max-width:900px; font-size:clamp(42px,5.5vw,76px); line-height:1.05; }
.syntra-introduction .lede { max-width:790px; font-size:18px; }
.syntra-intro-brand { display:flex; align-items:center; gap:24px; margin-bottom:32px; }
.syntra-intro-brand img { width:145px; height:auto; filter:brightness(0) invert(1); }
.syntra-intro-brand span { font-size:14px; color:#d3dfd2; }
.customer-actions { display:flex; align-items:center; flex-wrap:wrap; gap:28px; margin-top:28px; }
.plain-link { padding:12px 0; border-bottom:1px solid currentColor; font-size:15px; }
.customer-example-section { background:var(--customer-pale); padding:52px 0 64px; }
.example-introduction { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-bottom:26px; }
.example-introduction h2 { margin:0 0 12px; font:650 clamp(28px,3vw,38px)/1.12 var(--sans); letter-spacing:-.025em; }
.example-introduction p { max-width:650px; margin:0; color:var(--customer-muted); font-size:16px; line-height:1.6; }
.example-introduction > span { flex-shrink:0; color:var(--customer-muted); font-size:13px; line-height:1.6; }
.customer-example { background:#fff; color:#173025; border:1px solid #b9c8bd; border-radius:14px; overflow:hidden; box-shadow:0 18px 40px -30px #183a2b66; scroll-margin-top:110px; }
.example-top { display:flex; align-items:center; gap:20px; padding:22px 28px; background:var(--customer-moss); color:#fff; }
.example-top img { width:116px; height:auto; filter:brightness(0) invert(1); }
.example-top > span { padding-left:20px; border-left:1px solid #7b9481; font-size:14px; }
.example-top small { margin-left:auto; font-size:13px; color:#dde6dc; }
.example-tabs { display:flex; border-bottom:1px solid var(--customer-rule); background:#f7f9f5; overflow-x:auto; }
.example-tabs button { flex:1 0 auto; display:flex; align-items:center; justify-content:center; gap:9px; min-height:58px; border:0; border-bottom:3px solid transparent; padding:12px 18px; background:none; color:var(--customer-muted); font-size:14px; font-weight:600; }
.example-tabs button[aria-pressed="true"] { border-bottom-color:#446a4f; background:#e4ece1; color:#173025; }
.example-tabs svg,.example-help-grid svg,.example-dejavu svg { width:23px; height:23px; flex-shrink:0; }
.example-panel { padding:28px; }
.example-panel[hidden] { display:none; }
.example-overview-grid { display:grid; grid-template-columns:minmax(220px,.72fr) minmax(0,1.7fr); gap:28px; }
.example-asset { padding:24px; background:var(--customer-moss); border-radius:8px; color:#fff; display:flex; flex-direction:column; min-width:0; }
.example-asset > span { color:#d6e3d2; font-size:13px; }
.example-asset h3 { margin:8px 0 0; font-size:26px; letter-spacing:-.02em; }
.example-asset > img { width:100%; height:auto; aspect-ratio:16/12; object-fit:contain; margin:12px 0; filter:drop-shadow(0 18px 14px #09201680); }
.example-asset { background:radial-gradient(ellipse at 50% 35%,#426444 0%,#234535 55%); }
.example-render-controls { display:flex; justify-content:center; gap:6px; margin:0 0 22px; }
.example-render-controls button { font-size:12px; padding:8px 11px; border:1px solid #7b927b; color:#e5eddd; background:transparent; border-radius:18px; }
.example-render-controls button[aria-pressed="true"] { background:#e2ead6; color:#234535; border-color:#e2ead6; }
.example-asset-bottom { display:flex; flex-direction:column; gap:10px; }
.example-state { align-self:flex-start; border:1px solid #8fa58d; color:#f0f5e8; padding:6px 9px; border-radius:4px; font-size:13px; }
.example-asset dl { margin:22px 0 12px; }
.example-asset dl > div { padding:12px 0; border-top:1px solid #5a7462; }
.example-asset dt { color:#d2dfd0; font-size:13px; }
.example-asset dd { margin:5px 0 0; font-size:14px; }
.example-link { display:inline-flex; align-items:center; gap:12px; padding:10px 0; border:0; background:none; color:inherit; text-align:left; font-size:14px; font-weight:650; text-decoration:underline; text-underline-offset:5px; cursor:pointer; }
.example-trend { padding:12px 0 0; min-width:0; }
.example-trend-heading { display:flex; align-items:center; justify-content:space-between; gap:14px; }
.example-trend-heading > div > span { color:var(--customer-muted); font-size:14px; }
.example-trend h3 { margin:12px 0 0; font-size:44px; line-height:1.1; letter-spacing:-.03em; }
.example-trend h3 small { display:block; font-size:16px; font-weight:500; letter-spacing:0; margin-top:8px; }
.example-pill { border-radius:20px; background:var(--customer-pale); padding:8px 12px; font-size:13px; white-space:nowrap; }
.example-trend p { font-size:15px; line-height:1.6; color:var(--customer-muted); }
.example-chart { width:100%; height:auto; display:block; margin:20px 0 0; }
.example-chart-key { display:flex; gap:24px; font-size:12px; color:var(--customer-muted); }
.example-chart-key span { display:flex; align-items:center; gap:8px; }
.example-chart-key i { width:20px; border-top:3px solid #3e644d; }
.example-chart-key i.projection { border-top-style:dashed; }
.example-chart-inspector { margin:10px 0 16px; }
.example-chart-inspector span { display:block; margin-bottom:6px; font-size:12px; color:var(--customer-muted); }
.example-chart-inspector strong { display:block; font-size:14px; line-height:1.5; min-height:42px; }
.example-chart-points { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; margin-bottom:20px; }
.example-chart-points button { padding:12px 9px; background:#f1f5ed; border:1px solid transparent; color:#234535; text-align:left; border-radius:5px; }
.example-chart-points button[aria-pressed="true"] { border-color:#54754f; background:#e7efdf; }
.example-chart-points span { display:block; font-size:12px; margin-bottom:8px; }
.example-chart-points strong { font-size:14px; line-height:1.4; }
.example-year-axis { display:grid; grid-template-columns:repeat(12,1fr); margin-bottom:18px; border-bottom:2px solid #becfbb; }
.example-year-axis span { padding:12px 4px; text-align:center; color:var(--customer-muted); font-size:12px; }
.example-year-axis .current { color:#fff; background:#395d40; border-radius:5px 5px 0 0; }
.example-allocation { margin-top:30px; }
.example-allocation h4 { font-size:20px; margin:0 0 18px; }
.example-allocation-bar { display:flex; gap:4px; height:34px; overflow:hidden; border-radius:5px; }
.example-allocation-bar .spent { background:#173d29; }
.example-allocation-bar .agreed { background:#577a52; }
.example-allocation-bar .proposed { background:#b4c6a7; }
.example-allocation-bar .reserve { background:repeating-linear-gradient(135deg,#e8e2d1 0 5px,#cbc3a8 5px 7px); }
.example-allocation-bar .free { background:#f7f9f4; border:1px solid #bdcabc; }
.example-budget-equation { margin-top:16px; }
.example-budget-equation span:nth-child(1) { border-top:3px solid #173d29; }
.example-budget-equation span:nth-child(2) { border-top:3px solid #577a52; }
.example-budget-equation span:nth-child(3) { border-top:3px solid #b4c6a7; }
.example-budget-equation span:nth-child(4) { border-top:3px solid #cbc3a8; }
@media(prefers-reduced-motion:no-preference) { .example-chart-selected { transition:cx .25s ease,cy .25s ease; } .example-panel:not([hidden]) { animation:example-enter .25s ease-out; } @keyframes example-enter { from {opacity:.6;transform:translateY(5px)} to {opacity:1;transform:none} } }
.example-next { display:flex; justify-content:space-between; align-items:center; gap:16px; margin-top:26px; padding:22px; border-radius:6px; background:var(--customer-cream); }
.example-next span { color:#4e5c4e; font-size:13px; }
.example-next h4 { font-size:20px; line-height:1.2; margin:8px 0; }
.example-next p { margin:0; max-width:390px; font-size:14px; }
.example-next > button { flex-shrink:0; }
.example-summary { display:grid; grid-template-columns:repeat(3,1fr); gap:24px; margin-top:28px; border-top:1px solid var(--customer-rule); padding-top:24px; }
.example-summary > div { display:flex; flex-direction:column; align-items:flex-start; gap:9px; }
.example-summary span { font-size:14px; color:var(--customer-muted); }
.example-summary strong { font-size:26px; letter-spacing:-.02em; }
.example-summary small { font-size:13px; color:var(--customer-muted); }
.example-summary button { padding:0; }
.example-panel-heading { display:flex; align-items:center; justify-content:space-between; gap:30px; margin:2px 0 28px; }
.example-panel-heading span { font-size:13px; color:var(--customer-muted); }
.example-panel-heading h3 { font-size:30px; line-height:1.15; letter-spacing:-.025em; margin:8px 0 12px; }
.example-panel-heading p { font-size:16px; color:var(--customer-muted); margin:0; line-height:1.6; max-width:670px; }
.example-panel-heading > strong { font-size:34px; white-space:nowrap; }
.example-panel-heading > strong small { display:block; font-size:13px; font-weight:400; margin-top:8px; }
.example-calendar { display:grid; grid-template-columns:repeat(4,1fr); gap:12px; }
.example-calendar button { position:relative; display:flex; flex-direction:column; gap:10px; padding:18px; text-align:left; border:1px solid var(--customer-rule); border-top:3px solid #527658; background:#f4f7f1; color:#173025; border-radius:4px; }
.example-calendar button.needs-decision { background:var(--customer-cream); border-top-color:#957739; }
.example-calendar span { font-size:26px; font-weight:650; }
.example-calendar small { font-size:13px; color:var(--customer-muted); }
.example-calendar strong { font-size:16px; line-height:1.25; }
.example-calendar time,.example-calendar p { font-size:13px; line-height:1.5; margin:0; }
.example-schedule-note { color:var(--customer-muted); font-size:14px; line-height:1.6; }
.example-plan-lines { margin-top:26px; border-top:1px solid var(--customer-rule); }
.example-plan-lines details { border-bottom:1px solid var(--customer-rule); }
.example-plan-lines summary { display:grid; grid-template-columns:1fr 155px; gap:16px; position:relative; padding:20px 30px 20px 0; cursor:pointer; align-items:center; }
.example-plan-lines summary::after { content:"+"; position:absolute; right:3px; font-size:22px; }
.example-plan-lines details[open] summary::after { content:"−"; }
.example-plan-lines summary small { display:block; margin-top:6px; font-size:13px; font-weight:400; color:var(--customer-muted); }
.example-plan-lines summary strong { font-size:16px; }
.example-line-state { font-size:13px; color:var(--customer-muted); }
.example-plan-lines summary b { text-align:right; font-size:18px; }
.example-plan-lines details > p { font-size:15px; line-height:1.6; max-width:820px; color:var(--customer-muted); margin:0 0 20px; }
.example-decision { padding:24px; background:var(--customer-cream); margin-bottom:24px; border-radius:5px; }
.example-decision h4 { font-size:21px; margin:0 0 12px; }
.example-decision p { font-size:15px; line-height:1.65; max-width:800px; }
.example-budget-equation { display:grid; grid-template-columns:repeat(5,1fr); gap:1px; background:var(--customer-rule); border:1px solid var(--customer-rule); margin-top:24px; }
.example-budget-equation span { padding:18px; background:#f8faf6; }
.example-budget-equation small { display:block; color:var(--customer-muted); font-size:12px; line-height:1.5; min-height:36px; }
.example-budget-equation strong { display:block; margin-top:8px; font-size:23px; }
.example-budget-equation .example-total { background:#e0e9dc; }
.example-disclaimer { color:var(--customer-muted); font-size:13px; line-height:1.65; }
.example-history-grid { display:grid; grid-template-columns:1.7fr 1fr; gap:28px; }
.example-history article { padding:0 0 22px 24px; border-left:2px solid var(--customer-rule); position:relative; }
.example-history article::before { content:""; position:absolute; width:8px; height:8px; left:-5px; top:3px; background:#527658; border-radius:50%; }
.example-history time { font-size:13px; color:var(--customer-muted); }
.example-history h4 { font-size:20px; margin:10px 0; }
.example-history p,.example-dejavu p { font-size:15px; line-height:1.6; color:var(--customer-muted); }
.example-dejavu { align-self:start; padding:28px; background:var(--customer-pale); border-radius:6px; }
.example-dejavu > span { display:block; margin:20px 0 14px; font-size:14px; }
.example-dejavu h4 { font-size:24px; margin:0; }
.example-report { margin-top:24px; border:1px solid var(--customer-rule); border-radius:6px; overflow:hidden; scroll-margin-top:120px; }
.example-report header { display:flex; justify-content:space-between; gap:20px; padding:22px; background:#e9eee7; }
.example-report header span { font-size:13px; }
.example-report h4 { margin:10px 0 0; font-size:22px; }
.example-report-body { display:grid; grid-template-columns:1fr 1fr; padding:24px; gap:26px; }
.example-report-body strong { font-size:16px; }
.example-report-body p { font-size:15px; line-height:1.65; color:var(--customer-muted); }
.example-report > p { padding:0 24px 16px; }
.example-help-grid,.customer-benefits { display:grid; grid-template-columns:repeat(3,1fr); gap:30px; }
.example-help-grid article { padding:24px; background:#f0f4ed; border-radius:6px; }
.example-help-grid h4 { font-size:22px; margin:24px 0 12px; }
.example-help-grid p { font-size:15px; line-height:1.65; color:var(--customer-muted); }
.example-footer { display:flex; justify-content:space-between; flex-wrap:wrap; gap:12px; padding:18px 28px; border-top:1px solid var(--customer-rule); font-size:12px; line-height:1.5; color:var(--customer-muted); background:#f0f4ed; }
.customer-section-heading { display:grid; grid-template-columns:1fr 1fr; gap:48px; }
.customer-benefits { margin-top:32px; }
.customer-benefits h3 { font-size:25px; margin-bottom:16px; }
.customer-benefits p { font-size:16px; line-height:1.65; color:var(--customer-muted); }
.customer-access { display:grid; grid-template-columns:1fr 1fr; gap:70px; }
.customer-access h2 { font-size:36px; }
.customer-access .section-lede { font-size:17px; }
.customer-example :is(button,a,summary):focus-visible { outline:3px solid #987431; outline-offset:-3px; }
.customer-example button:hover,.example-link:hover { text-decoration:underline; text-underline-offset:4px; }
.syntra-chamber-render img { height:auto; aspect-ratio:16/10; min-height:0; }
@media(max-width:1000px) {
 .example-panel { padding:22px; }
 .example-overview-grid { grid-template-columns:230px minmax(0,1fr); gap:22px; }
 .example-next { flex-direction:column; align-items:flex-start; }
 .example-asset { padding:20px; }
 .example-trend-heading { align-items:flex-start; }
 .example-trend-heading .example-pill { display:none; }
 .example-calendar { grid-template-columns:repeat(2,1fr); }
}
@media(max-width:700px) {
 .syntra-introduction { padding:38px 0; }
 .syntra-intro-brand { gap:16px; }
 .syntra-intro-brand img { width:116px; }
 .example-introduction { display:block; }
 .example-introduction > span { display:block; margin-top:16px; }
 .example-top { padding:20px; gap:14px; flex-wrap:wrap; }
 .example-top small { flex-basis:100%; margin:0; }
 .example-top > span { padding-left:14px; }
 .example-tabs button { padding:12px 16px; }
 .example-overview-grid,.example-history-grid,.example-report-body,.customer-section-heading,.customer-access,.customer-benefits,.example-help-grid { grid-template-columns:1fr; }
 .example-asset { display:flex; }
 .example-asset > span,.example-asset h3 { grid-column:1/-1; }
 .example-asset > img { margin:4px 0; aspect-ratio:16/9; max-height:190px; }
 .example-asset-bottom { flex-direction:row; flex-wrap:wrap; align-items:center; gap:12px; margin-top:8px; }
 .example-render-controls { grid-column:1/-1; grid-row:5; margin:12px 0; }
 .example-asset dl { grid-row:6; }
 .example-chart text { display:none; }
 .example-chart-points { gap:5px; }
 .example-chart-points button { padding:12px 7px; }
 .example-chart-points span { font-size:12px; }
 .example-tabs { display:grid; grid-template-columns:1fr 1fr; }
 .example-tabs button { min-width:0; min-height:56px; justify-content:flex-start; padding:12px; font-size:13px; }
 .example-year-axis { grid-template-columns:repeat(6,1fr); }
 .example-asset dl { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; gap:12px; margin-bottom:2px; }
 .example-asset .example-link { grid-column:1/-1; }
 .example-summary { grid-template-columns:1fr; gap:18px; }
 .example-summary > div { display:grid; grid-template-columns:1fr auto; align-items:center; }
 .example-summary strong { font-size:23px; }
 .example-summary small,.example-summary button { grid-column:1/-1; }
 .example-chart-key { gap:12px; flex-wrap:wrap; }
 .example-panel-heading { display:block; }
 .example-panel-heading > strong { display:block; margin-top:22px; }
 .example-calendar button { padding:14px; }
 .example-calendar strong { font-size:15px; }
 .example-plan-lines summary { grid-template-columns:1fr auto; gap:12px; }
 .example-line-state { grid-column:1; grid-row:2; }
 .example-plan-lines summary b { grid-column:2; grid-row:1; }
 .example-budget-equation { grid-template-columns:1fr 1fr; }
 .example-budget-equation .example-total { grid-column:1/-1; }
 .example-budget-equation small { min-height:0; }
 .example-report header { flex-direction:column; }
 .customer-access { gap:44px; }
 .customer-section-heading { gap:0; }
}