/* Native SVG marks keep the exact brand colour across desktop and mobile OSes. */
.ui-icon{display:inline-block;width:20px;height:20px;flex:none;vertical-align:middle;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;pointer-events:none}.ui-icon[data-direction=down]{transform:rotate(90deg)}.ui-icon[data-direction=left]{transform:rotate(180deg)}.button .ui-icon,.text-link .ui-icon{width:18px;height:18px}.button{border-radius:8px;gap:18px;transition:background .2s,border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 4px 18px #0002}.primary{background:linear-gradient(135deg,#636c48,#4e593b);border-color:#8c9169;color:#f8f6ed}.primary:hover:not(:disabled){background:linear-gradient(135deg,#69734c,#596443);border-color:#afb78c;box-shadow:0 8px 26px #0004}.secondary{background:linear-gradient(135deg,#21251c,#181a16);border-color:#737b54;color:var(--cream)}.secondary:hover{background:#2b3022;border-color:var(--accent)}.nav-cta{border-radius:7px;background:#72795712}.button .ui-icon,.text-link .ui-icon,.nav-cta .ui-icon{transition:transform .2s}.button:hover .ui-icon,.text-link:hover .ui-icon,.nav-cta:hover .ui-icon{transform:translate(2px,-2px)}.text-button .ui-icon{width:16px;height:16px;margin-inline:6px}.scroll-cue .ui-icon,.equation-result .ui-icon{width:20px;height:20px}.tool-icon .ui-icon{width:27px;height:27px}.pillar-symbol .ui-icon{width:24px;height:24px}.audience-options{gap:8px}.audience-option{border:1px solid var(--line);border-radius:9px;padding:18px 20px;background:#191c161c;transition:background .2s,border-color .2s,color .2s}.audience-option:hover{background:#7a7f5712;border-color:#737b54}.audience-option.active{background:linear-gradient(125deg,#303624,#1a1e16);border-color:#8c9667;box-shadow:inset 3px 0 0 #9aa77a}.audience-option>span:last-child{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border:1px solid #737b5455;border-radius:7px;background:#7a7f5712;flex-shrink:0}.audience-option.active>span:last-child{transform:none;background:#89956425}.audience-option .ui-icon{width:15px;height:15px}.pillar{border-radius:9px;background:linear-gradient(135deg,#1f221a,#161813);box-shadow:0 4px 14px #0002}.pillar.active{background:linear-gradient(135deg,#343b27,#22291c);border-color:#9ca878;box-shadow:0 0 0 1px #9ca87822,0 6px 18px #0003}.pillar>span:nth-child(2){flex:1;min-width:0}.pillar-arrow{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;min-width:24px;border:1px solid #737b5470;border-radius:6px;background:#7a7f5715;color:var(--accent)}.pillar-arrow .ui-icon{width:13px;height:13px}.process-steps{gap:18px}.process-step{padding:25px 20px 23px;gap:13px;border:1px solid var(--line);border-radius:10px;background:linear-gradient(140deg,#23271d,#181a16);min-height:200px}.process-step:hover{border-color:#7f8a60;background:#252b1e}.process-step.active{border-color:#99a574;background:linear-gradient(140deg,#323a25,#1e2519);box-shadow:inset 0 3px 0 #9ca878}.step-arrow{top:24px;right:18px;width:27px;height:27px;display:flex;align-items:center;justify-content:center;border-radius:7px;border:1px solid #737b5460;background:#7a7f5715;color:var(--accent)}.step-arrow .ui-icon{width:15px;height:15px}.step-name{padding-right:10px}.brand{order:1}.site-header nav{order:2;margin-left:auto;gap:20px}.header-controls{order:3;display:flex;align-items:center;gap:15px;flex-shrink:0}.language-switch{display:inline-flex;align-items:center;padding:3px;border:1px solid #6d76504d;border-radius:8px;background:#191d16;gap:2px}.language-switch a{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;min-height:34px;font-family:var(--sans);font-size:10px;line-height:1;font-weight:600;letter-spacing:.05em;border-radius:5px;color:var(--muted);transition:background .2s,color .2s}.language-switch a:hover{color:var(--cream);background:#7a7f571a}.language-switch a[aria-current=page]{background:#596344;color:var(--cream);box-shadow:0 2px 5px #0003}.language-switch a:focus-visible{outline-offset:2px}.legal-header .language-switch a{text-decoration:none}.legal-header .language-switch{margin-left:auto}.legal-header{flex-wrap:wrap}
@media(max-width:1050px){.site-header{padding-inline:25px}.site-header nav{position:absolute;top:var(--header);inset-inline:0;background:var(--bg);padding:15px 26px 28px;flex-direction:column;align-items:stretch;gap:0;border-bottom:1px solid var(--line);display:none;margin-left:0}.site-header nav.open{display:flex}.site-header nav>a{font-size:14px;padding:13px 0}.site-header nav .nav-cta{margin:10px 0 0;justify-content:space-between;padding:13px 16px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;padding:8px;background:transparent;border:1px solid var(--line);border-radius:7px;width:40px;height:40px}.menu-toggle span{height:1px;width:22px;background:var(--cream);transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header .brand{margin-right:auto}.header-controls{gap:10px}.brand>span{letter-spacing:.02em}}
@media(max-width:850px){.pillar{padding:11px 8px;gap:6px}.pillar-arrow{display:inline-flex;width:20px;height:20px;min-width:20px}.pillar-arrow .ui-icon{width:11px;height:11px}.pillar-symbol .ui-icon{width:18px;height:18px}.process-step{padding:22px 14px}.step-arrow{right:13px;top:22px}.step-name{font-size:16px}.step-number{font-size:26px}}
@media(max-width:640px){.site-header{padding-inline:16px;gap:10px}.site-header .brand{gap:7px;min-width:0;flex-shrink:1}.site-header .brand img{width:34px;height:24px}.site-header .brand>span{font-size:10px;white-space:nowrap}.site-header .brand small{font-size:5.5px;letter-spacing:.07em}.header-controls{gap:7px}.language-switch a{width:31px;height:34px}.audience-option{padding:17px 15px;gap:14px}.audience-option>span:last-child{width:25px;height:25px;min-width:25px}.pillar-arrow{display:inline-flex!important}.process-step{min-height:145px;padding:18px 20px;gap:8px}.step-name{font-size:18px;min-height:0;padding-right:24px}.step-summary{font-size:10px}.step-number{font-size:24px}.step-arrow{top:18px;right:18px}.legal-header .brand{max-width:75%}.legal-header .language-switch{margin-left:0}.legal-page .legal-nav{gap:15px}}
@media(prefers-reduced-motion:reduce){.ui-icon,.button,.audience-option,.pillar,.process-step,.language-switch a{transition:none!important}.button:hover .ui-icon,.text-link:hover .ui-icon,.nav-cta:hover .ui-icon{transform:none}}

@media(max-width:640px){.process-steps{grid-template-columns:1fr;gap:10px}.process-step{display:grid;grid-template-columns:38px 1fr 26px;grid-template-rows:auto auto;column-gap:14px;row-gap:5px;min-height:96px;padding:18px}.step-number{grid-column:1;grid-row:1/3;align-self:center}.step-name{grid-column:2;grid-row:1;padding-right:0;font-size:16px}.step-summary{grid-column:2;grid-row:2;max-width:none;font-size:10px}.step-arrow{position:static;grid-column:3;grid-row:1/3;align-self:center}.pillar{width:calc(50% - 10px);max-width:158px}.pillar-identity{width:190px;max-width:none}}
.text-link:hover .ui-icon[data-direction=down]{transform:translateY(2px) rotate(90deg)}

@media(max-width:360px){html[lang=en] .hero h1{font-size:36px}.site-header .language-switch a{width:29px}}
