/* Shared GSTWali brand layer. Workflow/status colours remain semantic. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--gw-font:'DM Sans',sans-serif;--gw-primary:#2563eb;--gw-primary-dark:#1d4ed8;--gw-border:#e2e8f0;--gw-text-primary:#0f172a;--gw-text-secondary:#475569;--gw-text-muted:#64748b;--font:'DM Sans',sans-serif;--font-body:'DM Sans',sans-serif;--font-display:'Manrope',sans-serif;--accent-primary:#2563eb;--accent-secondary:#1d4ed8;--gradient-primary:linear-gradient(135deg,#2563eb,#1d4ed8);--brand-blue:#2563eb;--bg-base:#fafbfc;--bg-card:#fff;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--border:#e2e8f0;--shadow-glow:0 12px 35px #2563eb12}
body.gw-public,body.gw-app{font-family:var(--gw-font);background:#fafbfc;color:#0f172a;-webkit-font-smoothing:antialiased}
.gw-public{margin:0;--primary:#2563eb;--primary-dark:#1d4ed8;--primary-light:#eff6ff}
.gw-public .cta-card{border:1px solid #bfdbfe;background:#eff6ff;border-radius:16px;box-shadow:none}
.gw-public .btn-main{background:#2563eb;font-family:var(--gw-font);border-radius:7px;font-size:15.04px;font-weight:600}
.gw-public .btn-main:hover{background:#1d4ed8}
.nav-signin-btn{border:0!important;background:transparent!important;box-shadow:none!important;border-radius:0!important}
@media(max-width:520px){.nav-right-btns>.nav-signin-btn{display:inline-flex!important;padding:8px!important}}
.gw-public :is(h1,h2,h3,h4),.gw-app :is(h1,h2,h3,h4){font-family:'Manrope',sans-serif;letter-spacing:-.035em}
.gw-public :is(h1,h2,h3){font-weight:650}
.gw-public h1{font-size:clamp(32px,4.2vw,54px);line-height:1.15}
.gw-public h2{line-height:1.25}
.gw-public :is(button,input,select,textarea){font-family:var(--gw-font)}
.gw-public :is(.page-wrap,.article-wrap){padding-top:48px;padding-bottom:72px}
.gw-public :is(.article-wrap,.page-wrap)>p{font-size:16px;line-height:1.8;color:#475569}
.gw-public :is(.hero,.hero-section){background:radial-gradient(ellipse at 90% 20%,#eff6ff,transparent 65%);color:#0f172a}
.gw-public :is(.card,.contact-card,.tool-card,.pricing-card,.feature-card,.step-card,.blog-card,.faq-item){border-color:#e2e8f0;border-radius:16px;box-shadow:0 6px 24px #0f172a04}
.gw-public :is(.btn-primary,.btn-plan-primary,.btn-upload,.cta-btn,.btn-generate){background:#2563eb;color:white;border-radius:7px;box-shadow:none;font-family:var(--gw-font);font-size:15.04px}
.gw-public :is(.btn-secondary,.btn-plan-secondary){background:white;color:#0f172a;border:1px solid #e2e8f0;border-radius:7px}
.gw-public :is(.hero-badge,.badge-pill){background:#eff6ff;border-color:#bfdbfe;color:#1d4ed8}
.gw-public :is(.hero h1 span,.hero-section h1 span,.contact-card h3,.contact-card a){color:#2563eb}
.gw-public :is(.hero h1 span,.hero h1){-webkit-text-fill-color:currentColor}
.gw-public :is(a,button,input,select,textarea,summary):focus-visible,.gw-app :is(a,button,input,select,textarea,summary):focus-visible{outline:3px solid #2563eb;outline-offset:4px}
.gw-public :is(img,video){max-width:100%}
.gw-public main{min-width:0}
.gw-app .gw-auth-brand{background:linear-gradient(145deg,#eff6ff,#fafbfc);border-right:1px solid #e2e8f0}
.gw-auth-brand :is(.text-white,.text-slate-200,.text-slate-300){color:#0f172a}
.gw-auth-brand .text-emerald-400{color:#047857}
.gw-auth-brand :is(.text-slate-400,.text-slate-500){color:#475569}
.gw-table-scroll{max-width:100%;overflow-x:auto;margin:20px 0;overscroll-behavior-x:contain}
.gw-table-scroll table{margin:0}
/* Navigation matches the homepage; existing auth and mobile-drawer hooks remain. */
header.custom-navbar{height:64px!important;background:#fafbfcf5!important;border-color:#e2e8f0!important}
header.custom-navbar .nav-inner{max-width:1184px!important;width:calc(100% - 64px)!important;padding:0!important;gap:20px}
.nav-logo-img{width:116px!important;height:auto!important}.nav-logo-link{margin-right:0!important;flex-shrink:0}
.nav-links-row{justify-content:center;gap:18px!important}.nav-link-btn{font-size:14.1px!important;font-weight:550!important;padding:8px 0!important;border-radius:0!important}
.nav-right-btns{gap:18px!important}.nav-signin-btn{font-size:14.1px!important}.nav-cta-btn{background:#2563eb!important;border-radius:7px!important;box-shadow:none!important;font-size:15.04px!important;min-height:38px;padding:9px 15px!important}
.nav-cta-btn:hover{background:#1d4ed8!important}.mobile-drawer{font-family:var(--gw-font)!important;background:#fafbfc!important}.mobile-drawer-item-title{font-size:15px!important}.mobile-drawer-item-sub{font-size:13px!important}.mobile-drawer-item.highlight{background:#eff6ff!important}
.gw-site-footer{background:#fafbfc;border-top:1px solid #e2e8f0;padding:36px 0 24px;font:14.1px/1.65 'DM Sans',sans-serif;color:#64748b;margin-top:48px}
.gw-site-footer .gw-footer-wrap{width:min(1184px,calc(100% - 64px));margin:auto}.gw-footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:32px}.gw-site-footer img{width:124px;height:auto;margin-bottom:16px}.gw-site-footer h3{font:600 14.1px 'DM Sans',sans-serif;color:#0f172a;margin:4px 0 16px}.gw-site-footer a{display:block;color:#64748b;text-decoration:none;margin:8px 0}.gw-site-footer a:hover{color:#2563eb}.gw-footer-bottom{border-top:1px solid #e2e8f0;margin-top:32px;padding-top:20px;display:flex;justify-content:space-between;gap:24px;font-size:12.22px}
@media(max-width:1050px){.nav-links-row{display:none!important}.mobile-menu-btn{display:flex!important}}
@media(max-width:800px){header.custom-navbar{height:60px!important}header.custom-navbar .nav-inner{width:calc(100% - 40px)!important}.nav-logo-img{width:108px!important}.gw-footer-grid{grid-template-columns:1fr 1fr}.gw-site-footer .gw-footer-wrap{width:calc(100% - 40px)}}
@media(max-width:520px){header.custom-navbar{height:58px!important}header.custom-navbar .nav-inner{width:calc(100% - 36px)!important;gap:12px}.nav-logo-img{width:100px!important}.nav-cta-btn{display:none!important}.nav-right-btns{gap:12px!important}.gw-footer-grid{gap:24px}.gw-footer-brand{grid-column:1/-1}.gw-footer-bottom{flex-direction:column;gap:10px}.gw-public :is(.page-wrap,.article-wrap){padding-top:32px}.gw-public :is(.hero,.hero-section) h1{font-size:34px}}
@media(prefers-reduced-motion:reduce){.gw-public *,.gw-app *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}