/* v0.11: larger brand and headline, a quiet gradient background. */
.header .logo{width:194px;gap:6px;flex-shrink:0}.header .brand-mark{width:45px}.header .brand-word{width:143px}
.hero{background:linear-gradient(115deg,#ffffff 0%,#f1f8ff 48%,#dceeff 100%)}
.hero:before,.hero:after{content:none;display:none}
.hero h1{font-size:clamp(46px,4.9vw,67px)}
.hero h1>span{font-size:1.85em}
@media(min-width:1500px){.hero h1{font-size:67px}}
@media(max-width:1100px){.header .logo{width:180px;gap:5px}.header .brand-mark{width:42px}.header .brand-word{width:133px}.header nav{gap:14px}.hero h1{font-size:4.85vw}}
@media(max-width:800px){.hero h1{font-size:clamp(44px,8vw,62px)}.hero h1>span{font-size:1.65em}}
@media(max-width:560px){.header{padding-left:16px;padding-right:16px;gap:10px}.header .logo{width:151px;gap:5px}.header .brand-mark{width:35px}.header .brand-word{width:111px}.hero h1{font-size:clamp(36px,11.7vw,61px)}.hero h1>span{font-size:1.7em}}
@media(max-width:370px){.header{padding-left:12px;padding-right:12px;gap:7px}.header .logo{width:137px;gap:4px}.header .brand-mark{width:32px}.header .brand-word{width:101px}.header .btn.small{font-size:9px;padding:9px 8px}.hero h1{font-size:11.7vw}}