*{box-sizing:border-box}body,.legacy-page{margin:0;background:#f3eee5;color:#172c30;font-family:Arial,"Segoe UI",sans-serif}h1,h2,h3,.legacy-page h1,.legacy-page h2,.legacy-page h3{font-family:inherit;font-weight:600;letter-spacing:-.025em;line-height:1.2}a{text-decoration:none}img{max-width:100%}main,section,article,header,figure,nav,div{min-width:0}.site-header{display:flex;align-items:center;justify-content:space-between;margin:0 auto;padding:22px 0;min-height:100px;border-bottom:1px solid #d6d0c4;position:relative;gap:20px}.site-header .brand{display:flex;gap:12px;align-items:center;min-width:0;flex-shrink:0}.brand-mark{display:grid;align-content:center;gap:4px;width:34px;height:34px;flex-shrink:0}.brand-mark i{display:block;height:4px;background:#a18450}.brand-mark i:nth-child(2){width:27px}.brand-mark i:nth-child(3){width:20px}.identity{display:grid}.site-header .identity b{font-size:19px!important;line-height:1.25;letter-spacing:.01em!important}.site-header .identity small{font-size:12px!important;color:#526366;line-height:1.4!important;max-width:280px}.site-header nav{display:flex;align-items:center;gap:20px;margin-left:auto;padding:0;border:0}.site-header nav a{white-space:normal;text-align:left;font-size:14px}.v4-hero{grid-template-columns:minmax(0,1.08fr) minmax(0,1fr)}.v4-hero h1{font-size:clamp(32px,3.55vw,55px);line-height:1.13;overflow-wrap:normal;letter-spacing:-.04em}.v4-hero-copy{min-width:0}.v4-hero .eyebrow{white-space:normal;line-height:1.6}.v4-hero .hero-actions{min-width:0}.v4-hero .button{max-width:100%;white-space:normal;text-align:center}.v4-entry-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.v4-entry-grid h3{line-height:1.3}.strategy{width:calc(100% - 80px);max-width:1360px;margin:0 auto;padding:64px 0}.visual-solutions{padding-top:45px}.visual-scenarios{gap:32px}.visual-scenario{padding:24px;border-top:2px solid #a18450}.visual-scenario>header h3{font-size:26px}.expert{margin-top:32px;margin-bottom:24px}.expert h3{font-size:25px;line-height:1.35}.expert .text-button{color:white}.projects{background:transparent}.project-grid article{border-top:3px solid #a18450}.project-grid h3{font-size:25px;margin:15px 0}.system-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.system-link h3{font-size:23px;margin:16px 0}.contact{padding:42px;background:#dfe7e5;margin-bottom:60px}.contact>div{min-width:0}.contact .button{height:auto;white-space:normal;text-align:center;padding:15px 20px}.selector{width:calc(100% - 80px);max-width:1360px;padding:64px 0;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:50px}.selector h2{font-size:42px;line-height:1.15}.selector-panel{box-shadow:none;border:1px solid #d6d0c4}.selector-intro p,.selector-intro>p:not(.eyebrow){font-size:16px}.selector-promise b{font-size:16px}.selector-promise small,.choice-card small,.choice-list small,.consent,.form-safe{font-size:14px;line-height:1.5}.quiz-step legend{font-family:inherit;font-size:28px}.choice-card b,.choice-list b{font-family:inherit;font-size:17px}.button-primary{background:#a18450;color:#fff}.v2-button{display:inline-block;padding:12px 20px;border-radius:4px}.v2-main h1{font-size:clamp(30px,4vw,50px)}.v2-cta{background:#dfe7e5}.v2-footer,.legacy-page .v2-footer{display:block;padding:40px 5vw;color:white;background:#193338}.v2-footer p{margin:18px 0}.v2-footer .v2-identity small{color:#d4dddd}.v2-links a{border-top-color:#a18450}.project-showcase>article{border-top-color:#a18450}footer{flex-wrap:wrap;font-size:14px;background:#193338}footer button{font-size:14px}footer .identity small{color:#d4dddd}footer .v2-bottom{width:100%;font-size:14px}.v4-entry-grid a:focus-visible{outline:3px solid #a18450;outline-offset:3px}.header-phone{color:#a18450}.visual-system p{font-size:16px}
@media(max-width:1200px){.site-header{flex-wrap:wrap}.site-header nav{order:3;margin:0;width:100%;justify-content:space-between}.header-phone{margin-left:auto}.v4-hero{grid-template-columns:minmax(0,1fr) minmax(0,.9fr)}.v4-hero h1{font-size:40px}.v4-entry-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-entry-grid>a{border-bottom:1px solid #d6d0c4}.selector{gap:28px}.selector-panel{padding:28px}}
@media(max-width:800px){.site-header{width:calc(100% - 36px);display:flex;min-height:0;gap:16px;padding:18px 0}.site-header .brand{width:100%}.header-phone{margin:0}.site-header nav{display:flex!important;flex-wrap:wrap;order:2;gap:12px 20px;padding:12px 0 0;border-top:1px solid #d6d0c4}.site-header nav a{font-size:14px;text-align:left;white-space:normal;min-height:30px}.header-phone{order:3}.v4-hero{grid-template-columns:minmax(0,1fr);padding:32px 18px 0}.v4-hero h1{font-size:clamp(28px,6.5vw,44px);letter-spacing:-.03em}.v4-hero h1 br:first-of-type{display:none}.v4-hero img{height:310px;min-height:0}.v4-hero .hero-actions{gap:18px}.v4-proof{margin:28px 18px 0}.v4-entry{padding:48px 18px 10px}.strategy{width:calc(100% - 36px);padding:40px 0}.expert{grid-template-columns:1fr}.visual-scenarios{grid-template-columns:1fr}.visual-scenario{padding:20px}.contact{grid-template-columns:1fr;padding:28px!important;gap:22px}.selector{width:calc(100% - 36px);grid-template-columns:1fr;padding:40px 0}.selector-intro{position:static}.selector h2{font-size:34px}.selector-panel{padding:24px 18px}.system-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.v4-proof{grid-template-columns:1fr}.v4-entry-grid h3{min-height:0}.project-grid{grid-template-columns:1fr}.v2-main{width:calc(100% - 36px)}.v2-identity{min-width:0}.v2-identity b{white-space:normal}.v2-footer .v2-brand{max-width:100%}.v4-entry-grid>a{border-right:0}.visual-system h4{font-size:18px}}
@media(max-width:440px){.v4-entry-grid,.system-grid{grid-template-columns:1fr}.visual-products{grid-template-columns:1fr}.v4-hero h1{font-size:30px}.v4-hero img{height:230px}.v4-hero .button{width:100%;padding:15px}.v4-hero .v4-lead{font-size:18px}.expert{padding:26px 20px!important}.strategy h2{font-size:30px}.site-header .identity b{font-size:18px!important}.site-header .identity small{font-size:12px!important}.v4-proof b{font-size:16px}.choice-grid{grid-template-columns:1fr}.quiz-actions{flex-wrap:wrap}.selector-panel fieldset{min-width:0}.project-grid article{padding:24px}.project-grid h3{font-size:23px}}
@media(max-width:800px){.site-header nav{justify-content:flex-start}.site-header nav a{padding:4px 0}}

.v4-product-nav{display:flex;flex-wrap:wrap;gap:24px;max-width:1360px;width:calc(100% - 80px);margin:20px auto;font-size:15px}.v4-product-nav a{text-decoration:underline;text-underline-offset:5px}@media(max-width:800px){.v4-product-nav{width:calc(100% - 36px)}}

/* Version 4: preserve the warm visual identity of version 3.5. */
:root{--ink:#172c30;--ink-soft:#526366;--cream:#f3eee5;--paper:#fbf8f2;--gold:#bf8e49;--gold-bright:#d7a85f;--line:rgba(32,33,30,.14)}
body,.legacy-page{background:#f3eee5;color:#172c30}
h1,h2,h3,.legacy-page h1,.legacy-page h2,.legacy-page h3{font-family:Georgia,"Times New Roman",serif;font-weight:400;letter-spacing:-.035em}
.v4-hero h1{font-family:Georgia,"Times New Roman",serif;font-weight:400;line-height:1.1}
.v4-hero{background:#eef1ee}.v4-hero .v4-lead{color:#172c30}.v4-hero-copy>p:not(.eyebrow){color:#526366}
.brand-mark{transform:rotate(-12deg)}.brand-mark i{background:#bf8e49;border-radius:6px}
.site-header .identity b{font-family:Arial,"Segoe UI",sans-serif;font-weight:800}.site-header nav a,.header-phone{color:#172c30}
.button-primary,.v2-button{background:#b99860;color:#172c30;box-shadow:0 10px 24px rgba(167,119,50,.14)}
.button-primary:hover,.v2-button:hover{background:#aa8950;color:#172c30}.button-dark{background:#172c30;color:#fff}
.v4-entry-grid>a,.visual-system,.project-grid article,.system-link{background:#fff}
.v4-entry-grid b,.v4-inline-link{color:#786443}.v4-entry-grid>a:hover,.system-link:hover{background:#eee9df}
.visual-scenario{background:transparent;border-top-color:#aa9061}.project-grid article,.v2-links a,.project-showcase>article{border-top-color:#928363}
.visual-scenario>header h3,.project-grid h3,.system-link h3{font-weight:400}.visual-system h4{font-family:Arial,"Segoe UI",sans-serif;font-weight:600}
.project-grid strong{color:#172c30}.expert{background:#193338}.expert .eyebrow,.v4-experience{color:#c8b486!important}.expert p{color:#d4dddd}.expert h2,.expert h3{color:#fff}
.contact,.v2-cta{background:#dfe7e5}.selector-panel{background:#fbf8f2}.quiz-step legend{font-family:Georgia,"Times New Roman",serif}.selector h2 em{color:#786443}
.v2-footer,.legacy-page .v2-footer,footer{background:#193338}.v2-footer .v2-identity small,footer .identity small{color:#d4dddd}
.eyebrow{color:#786443}.v4-proof{border-color:#bfc8c5}.v4-proof b{color:#172c30}
/* Calm editorial labels in the company and director block. */
.expert .eyebrow{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45;margin:0 0 22px;color:#c8b486!important}
/* Shared editorial captions across the homepage, catalogue and product pages. */
.eyebrow,.expert .eyebrow,.card-kicker,.external-group-title,.external-option-copy>span:first-child,.v4-entry-grid>a>span{font-family:Georgia,"Times New Roman",serif;font-size:16px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45}
.progress-meta,.result-badge,.details-placeholder span{font-family:Georgia,"Times New Roman",serif;font-size:14px;font-weight:400;letter-spacing:0;text-transform:none;line-height:1.45}
/* Two-level typography for the company and director section. */
#expert{align-items:start;gap:48px}
#expert h2,#expert h3{font-family:Georgia,"Times New Roman",serif;font-size:28px;font-weight:400;line-height:1.2;letter-spacing:-.025em;margin:0 0 22px}
#expert p,#expert .text-button{font-size:16px;line-height:1.6}
#expert p{margin:0 0 18px}
#expert .director-role{color:#c8b486;margin-top:-12px;margin-bottom:22px}
@media(max-width:800px){#expert{gap:28px}#expert h2,#expert h3{font-size:26px}}
/* Warm catalogue consultation panel, with readable dark text. */
.v2-cta,.legacy-page .v2-cta{background:#eae0ce;color:#172c30}
.v2-cta h2,.v2-cta p,.v2-cta a,.legacy-page .v2-cta h2,.legacy-page .v2-cta p,.legacy-page .v2-cta a{color:#172c30}
.v2-cta .v2-button{background:#b99860;color:#172c30}
/* Expressive system menu, scoped to the catalogue overview. */
.catalog-overview .seo-copy>h2{font-size:32px;padding-bottom:16px;border-bottom:1px solid #b99860;margin-top:48px;margin-bottom:0}
.catalog-overview .catalog-menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:22px 0 44px}
.catalog-overview .catalog-menu>a{display:flex;align-items:center;justify-content:space-between;gap:22px;min-height:118px;padding:24px 26px;background:#fbf8f2;border:1px solid #d9cfbd;border-left:3px solid #b99860;border-radius:3px;text-decoration:none;transition:background .18s,border-color .18s,box-shadow .18s}
.catalog-menu-copy{display:grid;gap:9px;min-width:0}
.catalog-menu-title{font-family:Georgia,"Times New Roman",serif;font-size:23px;line-height:1.25;color:#172c30}
.catalog-menu-description{font-size:14px;line-height:1.5;color:#596360}
.catalog-menu-arrow{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border:1px solid #cbb78e;border-radius:50%;font-size:20px;color:#786443}
.catalog-overview .catalog-menu>a:hover{background:#eee5d5;border-color:#b99860;box-shadow:0 4px 14px #78644312}
.catalog-overview .catalog-menu>a:hover .catalog-menu-arrow{background:#b99860;color:#172c30}
.catalog-overview .catalog-menu>a:focus-visible{outline:2px solid #786443;outline-offset:3px}
@media(max-width:760px){.catalog-overview .catalog-menu{grid-template-columns:1fr;gap:12px}.catalog-overview .catalog-menu>a{min-height:100px;padding:20px;gap:16px}.catalog-menu-title{font-size:22px}.catalog-overview .seo-copy>h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){.catalog-overview .catalog-menu>a{transition:none}}

/* Product names wrap only between words, without awkward automatic hyphenation. */
.product-hero h1{font-size:clamp(42px,5vw,76px);hyphens:none;overflow-wrap:normal;word-break:normal}
@media(max-width:640px){.product-hero h1{font-size:38px}}

/* Project evidence inside the main ZIP landing page. */
.seo-project-proof{margin:48px 0;padding:34px;background:#193338;color:#fff;border-radius:4px}
.seo-project-proof .eyebrow{margin-bottom:15px;color:#c8b486}
.seo-project-proof h2{margin:0 0 18px;color:#fff}
.seo-project-proof p{max-width:820px;color:#d4dddd}
.seo-project-proof a{display:inline-block;margin-top:8px;color:#fff;text-decoration:underline;text-underline-offset:5px}
@media(max-width:640px){.seo-project-proof{padding:26px 22px}}