/* Shared public-site shell. Icon geometry matches the questionnaire exactly. */
html { color-scheme: dark; scroll-padding-top: 112px; }
html[data-theme="light"] { color-scheme: light; }
.gr-site-header { position: sticky; top: 0; z-index: 100; background: var(--gr-header); border-bottom: 1px solid var(--gr-line); backdrop-filter: blur(18px); font-family: var(--gr-font-sans); }
.gr-header-inner { box-sizing: border-box; max-width: 1600px; margin: auto; padding: 14px 24px; display: grid; grid-template-columns: minmax(0,1fr) auto minmax(0,1fr); align-items: center; gap: 24px; }
.gr-brand { justify-self: start; }
.gr-brand img { display: block; width: 132px; height: auto; max-height: 36px; object-fit: contain; }
[data-theme="light"] .gr-brand img, [data-theme="light"] [data-gr-marketing] footer img[src*="glassrota-logo.png"] { filter: none; }
.gr-main-nav { display: flex; align-items: center; gap: 23px; justify-content: center; }
.gr-main-nav a, .gr-signin { text-decoration: none; color: var(--gr-text-soft); font-size: 12px; font-weight: 700; white-space: nowrap; }
.gr-main-nav a { text-transform: uppercase; letter-spacing: .035em; padding-block: 12px; }
.gr-main-nav a:hover, .gr-signin:hover { color: var(--gr-text); }
.gr-main-nav .gr-insights { color: #c4a1ff; }
.gr-main-nav .gr-insights:hover { color: #e0cfff; }
[data-theme="light"] .gr-main-nav .gr-insights { color: #6d28d9; }
[data-theme="light"] .gr-main-nav .gr-insights:hover { color: #4c1d95; }
.gr-utilities { justify-self: end; display: flex; align-items: center; gap: 12px; }
.gr-resources { position: relative; color: var(--gr-text); }
.gr-resources summary, .gr-theme-toggle { box-sizing: border-box; min-height: 42px; border: 1px solid var(--gr-line); border-radius: 10px; background: var(--gr-surface-subtle); color: var(--gr-text); cursor: pointer; }
.gr-resources summary { display: flex; align-items: center; list-style: none; padding: 0 12px; font-size: 12px; font-weight: 600; }
.gr-resources summary::-webkit-details-marker { display: none; }
.gr-resources summary:hover, .gr-resources[open] summary, .gr-theme-toggle:hover { border-color: #8b5cf6; background: var(--gr-surface); }
.gr-resource-panel { position: absolute; top: calc(100% + 10px); right: 0; width: 260px; max-width: calc(100vw - 24px); max-height: calc(100dvh - 130px); overflow-y: auto; padding: 8px; border: 1px solid var(--gr-line); border-radius: 12px; background: var(--gr-surface-solid); box-shadow: var(--gr-shadow); }
.gr-resource-panel a { display: block; padding: 12px; color: var(--gr-text); font-size: 13px; line-height: 1.4; text-decoration: none; border-radius: 6px; }
.gr-resource-panel a:hover { background: var(--gr-surface-subtle); }
.gr-mobile-links { border-top: 1px solid var(--gr-line); margin-top: 6px; padding-top: 6px; display: none; }
.gr-mobile-signin { display: none !important; }
.gr-theme-toggle { width: 42px; flex: 0 0 42px; display: inline-flex; align-items: center; justify-content: center; padding: 0; }
.gr-theme-toggle svg { width: 20px; height: 20px; }
.gr-theme-moon { display: none; }
[data-theme="light"] .gr-theme-sun { display: none; }
[data-theme="light"] .gr-theme-moon { display: block; }
.gr-trial { display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: 0 15px; border-radius: 8px; background: #2563eb; color: #fff !important; font-size: 12px; font-weight: 800; text-decoration: none; white-space: nowrap; }
.gr-trial:hover { background: #1d4ed8; }
.gr-site-header :is(a,button,summary):focus-visible { outline: 3px solid #8b5cf6; outline-offset: 3px; }
@media (max-width: 1439px) {
 .gr-header-inner { grid-template-columns: auto 1fr auto; gap: 16px; }
 .gr-main-nav { gap: 16px; }
 .gr-signin { display: inline-flex; align-items: center; min-height: 42px; }
}
@media (max-width: 1099px) {
 .gr-header-inner { grid-template-columns: 1fr auto auto; gap: 16px; }
 .gr-main-nav a:not(.gr-insights) { display: none; }
 .gr-mobile-links { display: block; }
}
@media (max-width: 620px) {
 .gr-header-inner { padding: 10px 14px; grid-template-columns: 1fr auto; gap: 8px 14px; }
 .gr-brand img { width: 112px; }
 .gr-utilities { grid-column: 2; grid-row: 1 / span 2; gap: 8px; flex-wrap: wrap; justify-content: flex-end; max-width: 186px; }
 .gr-signin { min-height:34px; padding:0 4px; }
 .gr-main-nav { grid-column: 1; grid-row: 2; justify-content: flex-start; }
 .gr-main-nav a { padding: 4px 0; }
 .gr-trial { min-height: 34px; }
 .gr-resource-panel { right: -50px; }
}
/* Legacy marketing pages use the same light palette as Insights. */
[data-theme="light"] { --gr-colour-blue-light: #1d4ed8; --gr-colour-purple: #7e22ce; --gr-colour-green: #047857; --gr-colour-amber: #92400e; }
[data-theme="light"] [data-gr-marketing] { background: #f4f7fb; color: #0f172a; --ink: #0f172a; --muted: #526176; --panel: rgba(255,255,255,.94); --panel-strong: #fff; --line: rgba(15,23,42,.14); --blue-light: #1d4ed8; --purple: #7e22ce; --green: #047857; --navy: #f4f7fb; --navy-deep: #e8eef7; }
[data-theme="light"] [data-gr-marketing] .glass-card { background: rgba(255,255,255,.92); border-color: rgba(15,23,42,.13); }
[data-theme="light"] [data-gr-marketing] .text-white { color: #0f172a; }
[data-theme="light"] [data-gr-marketing] :is(.text-slate-200,.text-slate-300) { color: #334155; }
[data-theme="light"] [data-gr-marketing] :is(.text-slate-400,.text-slate-500) { color: #526176; }
[data-theme="light"] [data-gr-marketing] :is(.text-blue-200,.text-blue-300,.text-blue-400,.text-blue-500) { color: #1d4ed8; }
[data-theme="light"] [data-gr-marketing] .text-purple-400 { color: #7e22ce; }
[data-theme="light"] [data-gr-marketing] .text-emerald-400 { color: #047857; }
[data-theme="light"] [data-gr-marketing] :is(.bg-slate-900,.bg-slate-950) { background-color: #e8eef7; }
[data-theme="light"] [data-gr-marketing] [class~="bg-white"] { background-color: #0f172a; color: #fff; }
[data-theme="light"] [data-gr-marketing] :is(a,button)[class~="bg-blue-600"], [data-theme="light"] [data-gr-marketing] :is(a,button)[class~="bg-blue-500"] { color: #fff; background-color: #2563eb; }
[data-theme="light"] [data-gr-marketing] :is(a,button)[class~="hover:text-white"]:hover { color: #0f172a; }
[data-theme="light"] [data-gr-marketing] :is(a,button)[class~="bg-blue-600"]:hover { color: #fff; background-color: #1d4ed8; }
[data-theme="light"] [data-gr-marketing] .button-secondary { color: #0f172a; background: #fff; border-color: #94a3b8; }
[data-theme="light"] [data-gr-marketing] .principle { color: #1e40af; }
[data-theme="light"] [data-gr-marketing] .door-number { color: #64748b; }
[data-theme="light"] [data-gr-marketing] :is(.flow-step,.lens-card,.trust-card) { background: rgba(255,255,255,.88); border-color: var(--line); }
[data-theme="light"] [data-gr-marketing] .status-live { color: #047857; }
[data-theme="light"] [data-gr-marketing] .status-roadmap { color: #1d4ed8; }
[data-theme="light"] [data-gr-marketing] .cta { background: linear-gradient(180deg,#eff6ff,#e8eef7); }
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/10"] { background-color: rgba(226,232,240,0.1); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/20"] { background-color: rgba(226,232,240,0.2); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/40"] { background-color: rgba(226,232,240,0.4); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/50"] { background-color: rgba(226,232,240,0.5); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/60"] { background-color: rgba(226,232,240,0.6); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/70"] { background-color: rgba(226,232,240,0.7); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/80"] { background-color: rgba(226,232,240,0.8); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/90"] { background-color: rgba(226,232,240,0.9); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-900/95"] { background-color: rgba(226,232,240,0.95); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/10"] { background-color: rgba(226,232,240,0.1); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/20"] { background-color: rgba(226,232,240,0.2); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/40"] { background-color: rgba(226,232,240,0.4); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/50"] { background-color: rgba(226,232,240,0.5); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/60"] { background-color: rgba(226,232,240,0.6); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/70"] { background-color: rgba(226,232,240,0.7); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/80"] { background-color: rgba(226,232,240,0.8); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/90"] { background-color: rgba(226,232,240,0.9); }
[data-theme="light"] [data-gr-marketing] [class~="bg-slate-950/95"] { background-color: rgba(226,232,240,0.95); }
[data-theme="light"] [data-gr-marketing] [class~="border-white/5"] { border-color: rgba(15,23,42,.14); }
[data-theme="light"] [data-gr-marketing] [class~="border-white/10"] { border-color: rgba(15,23,42,.14); }
[data-theme="light"] [data-gr-marketing] [class~="border-white/15"] { border-color: rgba(15,23,42,.14); }
[data-theme="light"] [data-gr-marketing] [class~="border-white/20"] { border-color: rgba(15,23,42,.14); }
[data-theme="light"] [data-gr-marketing] [class~="from-slate-950"] { --tw-gradient-from: #f4f7fb var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 247 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="from-slate-950/90"] { --tw-gradient-from: rgba(244,247,251,.94) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 247 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="from-slate-900/90"] { --tw-gradient-from: rgba(244,247,251,.94) var(--tw-gradient-from-position); --tw-gradient-to: rgb(244 247 251 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from),var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="via-slate-900/60"] { --tw-gradient-stops: var(--tw-gradient-from), rgba(244,247,251,.8) var(--tw-gradient-via-position), var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="via-slate-950/80"] { --tw-gradient-stops: var(--tw-gradient-from), rgba(244,247,251,.85) var(--tw-gradient-via-position), var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="via-slate-950/90"] { --tw-gradient-stops: var(--tw-gradient-from), rgba(244,247,251,.95) var(--tw-gradient-via-position), var(--tw-gradient-to); }
[data-theme="light"] [data-gr-marketing] [class~="to-slate-900"] { --tw-gradient-to: #f4f7fb var(--tw-gradient-to-position); }
[data-theme="light"] [data-gr-marketing] [class~="to-slate-950/90"] { --tw-gradient-to: #f4f7fb var(--tw-gradient-to-position); }
/* Give the moving rota enough contrast in light mode without washing it out. */
[data-theme="light"] [data-gr-marketing] #hero-video { opacity: .5; filter: brightness(.8) contrast(1.15); }
[data-theme="light"] [data-gr-marketing] .hero-video-overlay { background-image: linear-gradient(to right,rgba(244,247,251,.94) 0%,rgba(244,247,251,.78) 38%,rgba(244,247,251,.3) 100%); }
.interest-link { color: var(--blue-light); text-decoration: underline; font-weight: 700; }

/* All individual free tools use the same compact working header. */
.gr-tool-header{position:static;background:var(--gr-surface-solid)}
.gr-tool-header-inner{box-sizing:border-box;max-width:1208px;margin:auto;padding:0 24px;min-height:84px;display:flex;justify-content:space-between;align-items:center;gap:20px}
.gr-tool-header .gr-brand img{width:140px}
.gr-tool-nav{display:flex;align-items:center;gap:28px}
.gr-tool-nav a{font-size:12px;font-weight:700;color:var(--gr-text);text-decoration:none;white-space:nowrap}
.gr-tool-nav .gr-tool-label{text-transform:uppercase;letter-spacing:1.5px;color:var(--gr-text-soft);padding-right:28px;border-right:1px solid var(--gr-line)}
.gr-tool-nav .gr-theme-toggle{width:38px;min-height:38px;flex-basis:38px;border-radius:50%}
.gr-tool-nav .gr-theme-toggle svg{width:19px;height:19px}
@media(max-width:480px){.gr-tool-header-inner{padding:0 18px;min-height:70px}.gr-tool-nav{gap:14px}.gr-tool-nav .gr-tool-label{display:none}}