
/* Syntego Brand Refinement 2026-10: sharp hero, typography, logo, responsive */
:root{--display:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;--pad:clamp(22px,5.25vw,84px)}
body{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.64;font-weight:430;-webkit-font-smoothing:antialiased}
h1,h2,h3,.home-redesigned h1,.home-redesigned h2,.home-redesigned h3{font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-weight:670;letter-spacing:-.028em;line-height:1.17;text-wrap:balance}
h2{font-size:clamp(35px,3.55vw,54px)}
h3{font-size:21px;letter-spacing:-.032em}
.site-header .container{min-height:72px}
.site-header .logo img{width:131px;height:auto;max-height:36px;max-width:unset;display:block}
.site-header .nav{font-size:13px;font-weight:600}
.home-visual-hero{min-height:760px;background:#e2f0ed}
.home-visual-hero:before{background-image:linear-gradient(90deg,rgba(255,255,255,.98) 0%,rgba(255,255,255,.96) 17%,rgba(255,255,255,.91) 28%,rgba(255,255,255,.76) 41%,rgba(255,255,255,.25) 64%,rgba(255,255,255,.03) 91%),url('/assets/img/hero-panorama-2048.webp');background-size:cover;background-position:center 54%;image-rendering:auto}
body:has(.home-redesigned) .site-header{position:sticky;top:0;left:auto;right:auto;bottom:auto;z-index:100;margin-bottom:-72px;background:rgba(255,255,255,.45);backdrop-filter:blur(13px) saturate(1.1);-webkit-backdrop-filter:blur(13px) saturate(1.1);transition:background .22s ease,box-shadow .22s ease}
body.header-scrolled .site-header{background:rgba(252,255,254,.97);box-shadow:0 9px 28px rgba(7,40,45,.11);border-bottom:1px solid #dcebe6}
.hero-layout{min-height:760px;grid-template-columns:minmax(0,1.14fr) minmax(0,.86fr);gap:3.5vw;padding-top:148px;padding-bottom:99px}
.hero-copy{max-width:680px}
.home-redesigned h1{font-size:clamp(44px,4.1vw,60px);line-height:1.14;letter-spacing:-.029em;word-spacing:.025em;font-weight:670;max-width:720px}
.hero-intro{font-size:clamp(17px,1.25vw,19px);line-height:1.65;max-width:51ch}
.premium-eyebrow{font-size:11px;font-weight:750;letter-spacing:.18em}
.hero-actions .btn{font-size:14px;padding:14px 23px}
.mini-workflow{width:min(100%,480px);transform:none;border:1px solid rgba(235,251,246,.95);box-shadow:0 24px 72px rgba(0,40,46,.19)}
.mini-title{font-size:19px}
.premium-section{padding-block:clamp(78px,8vw,115px)}
.premium-split{gap:clamp(42px,7vw,120px)}
.premium-steps li{border-color:#dce9e5;box-shadow:0 10px 34px rgba(14,57,54,.055);transition:transform .2s ease,box-shadow .2s ease}
.premium-steps li:hover{transform:translateY(-3px);box-shadow:0 16px 38px rgba(14,57,54,.09)}
.premium-steps h3{font-weight:700}
.premium-photo img,.person-photo img{object-fit:cover}
.premium-benefits{background:rgba(238,249,245,.97)}
@media(min-width:1500px){.home-visual-hero:before{background-position:center 58%}}
@media(max-width:1239px){.nav{font-size:16px}.site-header .logo img{width:125px}.home-redesigned h1{font-size:clamp(43px,5.1vw,61px)}}
@media(max-width:980px){.hero-layout{grid-template-columns:1fr;min-height:unset;padding-top:148px;padding-bottom:80px}.home-visual-hero{min-height:unset}.home-visual-hero:before{background-image:linear-gradient(90deg,rgba(255,255,255,.96),rgba(255,255,255,.67)),url('/assets/img/hero-panorama-2048.webp');background-position:64% 50%}.hero-copy{max-width:720px}.hero-side{padding-top:20px;justify-content:center}.mini-workflow{width:min(100%,480px)}}
@media(max-width:660px){.site-header .container{min-height:70px}.site-header .logo img{width:116px;max-height:34px}.hero-layout{padding-top:126px;padding-bottom:62px}.home-redesigned h1{font-size:clamp(37px,9.15vw,52px);letter-spacing:-.025em;line-height:1.16}.home-visual-hero:before{background-image:linear-gradient(100deg,rgba(255,255,255,.96),rgba(255,255,255,.86) 57%,rgba(255,255,255,.58)),url('/assets/img/hero-panorama-mobile.webp');background-position:center center}.premium-steps li:hover{transform:none}}

/* Layout rhythm and spacing — typography and deliberate white space */
.home-redesigned{--section:clamp(88px,8.5vw,132px)}
.home-redesigned .hero-copy h1{margin:26px 0 30px}
.home-redesigned .premium-eyebrow{letter-spacing:.17em;line-height:1.65}
.home-redesigned .hero-intro{line-height:1.75;max-width:52ch;margin:0}
.home-redesigned .hero-actions{margin-top:35px;gap:15px}
.home-redesigned .hero-note{margin-top:23px;line-height:1.6}
.home-redesigned .mini-title{margin:28px 28px 14px;line-height:1.3}
.home-redesigned .mini-flow{gap:11px;padding:22px 24px 32px}
.home-redesigned .mini-node{gap:6px;padding:19px 8px 22px;min-height:132px}
.home-redesigned .premium-heading-row,.home-redesigned .process-heading{margin-bottom:48px;gap:42px}
.home-redesigned .premium-heading-row h2,.home-redesigned .process-heading h2{margin-top:18px;line-height:1.18}
.home-redesigned .premium-split-copy h2,.home-redesigned .person-copy h2{margin:20px 0 26px;line-height:1.18}
.home-redesigned .premium-split-copy>p,.home-redesigned .person-copy>p{line-height:1.78}
.home-redesigned .simple-checks{margin:31px 0 28px;gap:15px}
.home-redesigned .premium-steps{gap:27px}
.home-redesigned .premium-steps li{padding:35px 29px 33px;min-height:275px}
.home-redesigned .premium-steps h3{margin:20px 0 12px}
.home-redesigned .premium-steps p{line-height:1.7}
.home-redesigned .premium-service-grid{gap:27px}
.home-redesigned .service-tile-copy{padding:39px 30px 33px}
.home-redesigned .service-tile h3{margin:7px 0 13px}
.home-redesigned .service-tile p{line-height:1.72}
.home-redesigned .cases-grid{gap:23px}
.home-redesigned .cases-grid article{padding:32px 28px 34px}
.home-redesigned .cases-grid h3{margin:0 0 14px;line-height:1.35}
.home-redesigned .cases-grid p{line-height:1.7}
.home-redesigned .benefit{gap:16px}
.home-redesigned .premium-benefits{padding:31px 0}
@media(max-width:1239px){.home-redesigned .premium-steps{gap:18px}.home-redesigned .premium-steps li{padding:32px 20px 27px}}
@media(max-width:980px){.home-redesigned .premium-heading-row,.home-redesigned .process-heading{gap:20px;margin-bottom:34px}.home-redesigned .hero-side{padding-top:12px}.home-redesigned .premium-steps{gap:28px}.home-redesigned .premium-split{gap:40px}}
@media(max-width:660px){body:has(.home-redesigned) .site-header{margin-bottom:-70px}.home-redesigned{--section:76px}.home-redesigned .hero-copy h1{margin:17px 0 23px}.home-redesigned .hero-intro{line-height:1.67}.home-redesigned .hero-actions{margin-top:27px;gap:11px}.home-redesigned .mini-flow{gap:5px;padding:15px 11px 22px}.home-redesigned .mini-node{min-height:110px;padding:12px 4px}.home-redesigned .premium-steps{gap:29px}.home-redesigned .premium-steps li{padding:33px 25px 26px;min-height:0}.home-redesigned .premium-heading-row h2,.home-redesigned .process-heading h2{line-height:1.18}.home-redesigned .premium-benefits{padding:26px 0}.home-redesigned .cases-grid{gap:16px}}
