/* Hallmark · theme: brand (by request) · built: the project · redesign: polish · genre: modern-minimal · hero: Stage */
/* critique: emphasize core network products and give the supplied company story a clear hierarchy. */
:root{
 --type-display:60px;--type-section:32px;--type-subtitle:20px;--type-body:16px;--type-label:14px;--type-caption:12px;
 --space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;
 --layout-gap:var(--space-16);--tile-gap:var(--space-4);--radius-tile:12px;--radius-input:8px;--radius-pill:999px;
 --display-weight:600;--body-weight:400;--label-weight:500;
 --unified-surface:#f0f2f5;--unified-hover:#e7ecf3;--unified-rule:#d6dee6;
}
.hero-title{font-weight:var(--display-weight)}
.site-nav{border-radius:var(--radius-pill)}
.nav-link,.nav-cta{font-size:var(--type-label);letter-spacing:0;font-weight:var(--label-weight)}
.hero-btn,.contact-primary,.brief-actions button{border-radius:var(--radius-pill)}
.hero-subtitle{font-size:var(--type-body);letter-spacing:0}
.brand-panel h2,.product-stage-heading h2,.solution-intro h2,.section-topline h2{font-size:var(--type-section);font-weight:var(--display-weight);line-height:1.3;letter-spacing:0;text-wrap:balance}
.brand-panel .brand-purpose{font-size:var(--type-subtitle);font-weight:var(--label-weight);line-height:1.6}
.brand-panel .brand-description,.solution-intro p,.solution-description p,.product-stage-heading p{font-size:var(--type-body);line-height:1.8;font-weight:var(--body-weight)}
.brand-products,.brand-cta,.solution-view-link,.text-action,.section-topline p{font-size:var(--type-label);line-height:1.7}
.brand-tab strong{font-size:var(--type-subtitle);font-weight:var(--display-weight);letter-spacing:0}
.brand-tab small,.brand-note,.solution-note,.product-stage-foot,.screen-end{font-size:var(--type-caption);line-height:1.7}
.brand-tab{gap:var(--space-3);padding:var(--space-6) var(--space-4)}
.brand-rail{border-radius:0 0 var(--radius-tile) var(--radius-tile)}
.brand-products{gap:var(--space-2) var(--space-4);margin-top:var(--space-6)}
.brand-cta{margin-top:var(--space-6)}
.brand-panel h2{margin-bottom:var(--space-4)}
.brand-panel .brand-purpose{margin-bottom:var(--space-4)}
.solution-glass{padding-top:var(--space-16);padding-inline:var(--space-12);padding-bottom:var(--space-8)}
.solution-selector{margin-top:var(--space-6)}
.solution-intro h2{margin-bottom:var(--space-4)}
.solution-tab{font-size:var(--type-body);padding:var(--space-4) 0}
.solution-view-link{margin:var(--space-3) 0 var(--space-6)}
.page-screen{padding-top:var(--space-16);padding-bottom:var(--space-8)}
.section-topline{padding-bottom:var(--space-6)}
.contact-layout{gap:var(--layout-gap);padding-block:var(--space-8)}
.contact-statement h3{font-size:var(--type-display);font-weight:var(--display-weight);line-height:1.3;letter-spacing:-1px}
.contact-statement>p{font-size:var(--type-body);line-height:1.8}
.brief-builder h3{font-size:var(--type-subtitle);font-weight:var(--display-weight)}
.brief-builder select,.brief-builder textarea{border-radius:var(--radius-input);font-size:var(--type-body);padding:var(--space-3) var(--space-4)}
.product-stage{padding-top:var(--space-16);padding-bottom:var(--space-8);gap:var(--space-8)}
.product-stage-heading{gap:var(--layout-gap);align-items:flex-start}
.product-stage-heading p{max-width:560px}
.product-mosaic{grid-template-columns:minmax(0,2fr) repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:var(--tile-gap)}
.product-tile,.product-tile.is-wide{grid-column:auto;padding:var(--space-6);border-radius:var(--radius-tile);background:var(--unified-surface)}
.product-tile.is-wide{grid-column:1;grid-row:1 / 3;flex-direction:column-reverse;justify-content:flex-end}
.product-tile:hover{background:var(--unified-hover)}
.product-visual{padding:var(--space-2) 0 var(--space-4);max-height:none}
.product-tile.is-wide .product-visual{flex:1;min-height:0;padding:var(--space-8) 0;align-items:center}
.product-tile.is-wide .product-visual img{max-width:100%;width:100%;height:auto;max-height:100%;mix-blend-mode:multiply}
.product-tile-label{min-height:28px;gap:var(--space-3)}
.product-tile-label h3{font-size:var(--type-body);font-weight:var(--label-weight);line-height:1.5}
.product-tile.is-wide .product-tile-label{align-items:flex-start;padding-top:var(--space-2)}
.product-tile.is-wide .product-tile-label h3{font-size:28px;font-weight:var(--display-weight)}
.product-feature-copy{font-size:var(--type-label);line-height:1.7;color:var(--text-soft);margin:var(--space-3) 0 0}
.product-tile-label>span{font-size:var(--type-subtitle)}
.product-stage-foot{gap:var(--space-6)}
.company-story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:var(--layout-gap);align-items:center;flex:1;min-height:0;padding-block:var(--space-8)}
.company-purpose h3{font-size:var(--type-display);font-weight:var(--display-weight);line-height:1.3;letter-spacing:-1px;margin:0 0 var(--space-6)}
.company-purpose>p{font-size:var(--type-subtitle);line-height:1.7;margin:0;color:var(--text-soft)}
.company-since{display:flex;align-items:center;gap:var(--space-6);margin-top:var(--space-10)}
.company-since time{font-size:80px;line-height:1;font-weight:var(--label-weight);letter-spacing:-4px;color:var(--blue-action);font-variant-numeric:tabular-nums}
.company-since span{font-size:var(--type-label);line-height:1.8;color:var(--text-soft)}
.company-detail p{margin:0}
.company-intro{font-size:var(--type-subtitle);line-height:1.8;font-weight:var(--label-weight)}
.company-detail .company-description{font-size:var(--type-body);line-height:1.9;color:var(--text-soft);margin-top:var(--space-6)}
.company-services{border-top:1px solid var(--unified-rule);border-bottom:1px solid var(--unified-rule);padding:var(--space-6) 0;margin:var(--space-6) 0}
.company-services h4{font-size:var(--type-subtitle);line-height:1.5;font-weight:var(--label-weight);margin:0 0 var(--space-2)}
.company-services p,.company-industries{font-size:var(--type-label);line-height:1.8;color:var(--text-soft)}
.company-detail .text-action{margin-top:var(--space-4)}
.company-foot{border-top:1px solid var(--unified-rule);padding-top:var(--space-6);margin-top:0}
@media(min-width:1700px){:root{--type-display:64px}.product-stage,.page-screen{padding-top:80px}.company-since time{font-size:88px}}
@media(max-height:820px) and (min-width:1000px){:root{--type-display:48px;--layout-gap:var(--space-12)}.product-stage,.page-screen{padding-top:var(--space-10);padding-bottom:var(--space-6)}.solution-glass{padding-top:var(--space-10);padding-inline:var(--space-10)}.solution-tab{padding-block:var(--space-3)}.solution-selector{margin-top:var(--space-4)}.product-stage{gap:var(--space-6)}.product-tile,.product-tile.is-wide{padding:var(--space-4)}.company-since{margin-top:var(--space-8)}.company-since time{font-size:72px}.company-story{padding-block:var(--space-6)}.company-services{padding-block:var(--space-4);margin-block:var(--space-4)}.company-detail .company-description{margin-top:var(--space-4)}}
@media(max-width:999px){:root{--type-display:40px;--layout-gap:var(--space-8)}.company-story{grid-template-columns:minmax(0,1fr);padding-block:var(--space-10)}.about-stage{height:auto;min-height:100dvh}.product-mosaic{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:none}.product-tile.is-wide{grid-row:auto;grid-column:1 / 3;min-height:360px}.product-tile.is-wide .product-visual{max-height:280px}.solution-glass{padding-inline:6%}.brand-tab strong{font-size:var(--type-body)}}
html:not(.enhanced) .company-story{min-height:600px}
.product-tile.is-wide .product-visual{align-items:flex-start;padding-top:var(--space-12);padding-bottom:0}
@media(prefers-reduced-motion:reduce){.product-tile:hover .product-visual{transform:none}}