/* GoalFrame AI logo integration — purely visual, no changes to generation backend. */
/* Preserve the supplied transparent logo without background fills or color filters. */
.topbar .brand-logo{display:inline-flex;align-items:center;flex:0 0 auto;width:172px;height:auto;white-space:normal;line-height:1}
.topbar .brand-logo img{display:block;width:100%;height:auto;object-fit:contain}
.topbar:has(.brand-logo){min-height:102px;gap:22px}
.topbar nav{gap:23px}
.brand-showcase.hero-right{background:radial-gradient(ellipse at 76% 15%,#defdbb 0%,transparent 43%),radial-gradient(ellipse at 10% 82%,#d6edff 0%,transparent 48%),linear-gradient(145deg,#eef9f6 0%,#fdfefe 53%,#e8f8e7 100%);border:1px solid #d8e8df;box-shadow:0 24px 55px -37px rgba(11,53,48,.45);min-height:425px;display:flex;align-items:center;justify-content:center}
.brand-showcase.hero-right:after{display:none}
.brand-showcase-inner{position:relative;z-index:1;width:100%;padding:28px 24px 26px;text-align:center;display:flex;flex-direction:column;align-items:center}
.brand-showcase-label{display:inline-flex;align-items:center;gap:9px;font-size:10px;font-weight:900;letter-spacing:2px;color:#275e51}
.brand-showcase-logo{display:block;width:100%;max-width:430px;max-height:285px;height:auto;object-fit:contain;margin:1px auto 0}
.brand-showcase-separator{width:72px;height:3px;border-radius:3px;background:linear-gradient(90deg,#128ddd,#89db0b);margin:-1px 0 15px}
.brand-showcase-heading{font-size:16px;letter-spacing:.6px;font-weight:950;color:#102b39}
.brand-showcase p{font-size:11px;margin:9px 0 17px;color:#4f6d69;line-height:1.5}
.brand-showcase-chips{display:flex;gap:7px;justify-content:center;flex-wrap:wrap}
.brand-showcase-chips span{display:inline-flex;background:#ffffffbd;border:1px solid #cfe3de;border-radius:40px;padding:8px 11px;color:#20544e;letter-spacing:.5px;font-weight:900;font-size:9px;white-space:nowrap}
.brand-footer-logo{display:inline-flex;align-items:center;flex:none;width:125px}
.brand-footer-logo img{display:block;width:100%;height:auto}
/* Logo in the expanded Creative Studio header. */
.nav .logo-image{display:flex;align-items:center;flex:0 0 auto;width:150px;max-width:32vw;line-height:1}
.nav .logo-image img{display:block;width:100%;height:auto;object-fit:contain}
.nav-inner:has(.logo-image){min-height:93px}
@media(max-width:1000px){.topbar:has(.brand-logo){gap:17px}.topbar .brand-logo{width:145px}.topbar nav{gap:12px}.brand-showcase.hero-right{min-height:385px}.brand-showcase-heading{font-size:14px}}
@media(max-width:760px){.topbar:has(.brand-logo){min-height:88px}.topbar .brand-logo{width:130px}.brand-showcase.hero-right{height:auto;min-height:350px}.brand-showcase-logo{max-width:420px;max-height:225px}.brand-showcase-inner{padding:18px 15px}.brand-showcase-heading{font-size:13px}.brand-showcase-chips span{font-size:8px;padding:8px}.nav .logo-image{width:135px}.nav-inner:has(.logo-image){min-height:83px}}
@media(max-width:460px){.topbar .brand-logo{width:122px}.nav-button{padding:11px 13px;font-size:10px}.brand-showcase.hero-right{min-height:303px}.brand-showcase-logo{max-height:195px}.brand-showcase-label{font-size:8px;letter-spacing:1.2px}.brand-showcase p{font-size:10px}.nav .logo-image{width:115px}.nav .nav-pill{padding:7px 9px;max-width:125px;text-align:center;line-height:1.3}}