/* G0i Studio — 2026-11-15: self-hosted fonts, g0i.ai ecosystem, trust and mobile fixes. Loaded after the base styles. */
@font-face{font-family:'Geist';font-style:normal;font-weight:300 700;font-display:swap;src:url(/assets/fonts/geist-latin.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-latin.woff2) format('woff2')}
@font-face{font-family:'Instrument Serif';font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/instrument-serif-italic-latin.woff2) format('woff2')}

/* Decorative hero orbit must never create sideways scrolling on phones. */
#main{overflow-x:clip}

/* Header: g0i.ai link (replaces the AI Video Studio link). */
.ecosystem-header{display:inline-flex;align-items:center;gap:7px;font-size:11px;color:var(--muted);white-space:nowrap;padding:7px 10px;border:1px solid var(--line);border-radius:999px;transition:color .2s,border-color .2s}
.ecosystem-header:hover{color:var(--ink);border-color:var(--ink)}
.ecosystem-header img{width:16px;height:16px;border-radius:50%}
.ecosystem-header span{font-size:12px}
.site-header nav .nav-ecosystem,.site-header nav .nav-quote{display:none}
@media(max-width:1100px){.ecosystem-header{display:none}.site-header nav .nav-ecosystem{display:inline}}
@media(max-width:850px){
  .site-header nav .nav-quote{display:none}
  .site-header.nav-open nav{flex-wrap:wrap;justify-content:flex-start;gap:6px 4px}
  .site-header.nav-open nav a{padding:10px 12px;flex:1 1 30%;text-align:center;border-radius:6px;background:var(--subtle)}
}

/* Quote assistant: g0i wordmark on the dark sidebar. */
.q-brand-mark img{height:24px;width:auto;display:block;filter:invert(1)}
html[data-theme=dark] .q-brand-mark img{filter:none}

/* Facts bar. */
.proof-bar{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}
.proof-bar div{display:flex;flex-direction:column;gap:6px;padding:26px 22px 26px 0}
.proof-bar div+div{padding-left:22px;border-left:1px solid var(--line)}
.proof-bar strong{font-size:30px;font-weight:500;letter-spacing:-1px;line-height:1}
.proof-bar span{font-size:11px;color:var(--muted);line-height:1.5}
@media(max-width:760px){.proof-bar{grid-template-columns:1fr 1fr}.proof-bar div{padding:20px 14px 20px 0}.proof-bar div+div{padding-left:14px}.proof-bar div:nth-child(3){padding-left:0;border-left:0;border-top:1px solid var(--line)}.proof-bar div:nth-child(4){border-top:1px solid var(--line)}.proof-bar strong{font-size:24px}}

/* g0i.ai ecosystem section (visual language of g0i.ai: warm paper, lime, rings). */
.ecosystem-callout{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center;padding:90px 0;border-bottom:1px solid var(--line)}
.ecosystem-copy{max-width:470px}
.ecosystem-copy h2{margin-top:18px}
.ecosystem-copy p{color:var(--muted);line-height:1.75;font-size:13px}
.ecosystem-copy p a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.ecosystem-actions{display:flex;align-items:center;gap:26px;flex-wrap:wrap;margin-top:28px}
.ecosystem-card{position:relative;overflow:hidden;display:flex;flex-direction:column;gap:22px;min-height:340px;padding:44px;border-radius:14px;background:#f7f7f2;color:#17251b;border:1px solid #e3e6da;box-shadow:var(--shadow);transition:transform .25s}
.ecosystem-card:hover{transform:translateY(-3px)}
.ecosystem-card img{width:96px;height:auto;position:relative}
.ecosystem-card strong{position:relative;font-size:clamp(26px,3vw,38px);font-weight:600;line-height:1.1;letter-spacing:-1px;max-width:60%}
.ecosystem-links{position:relative;font-size:12px;color:#4a5a46;margin-top:auto}
.ecosystem-domain{position:absolute;right:44px;bottom:44px;font-weight:600;font-size:14px}
.ecosystem-shape{position:absolute;top:0;bottom:0;right:-6%;width:42%;background:#cbeeaa;transform:skewX(-14deg);transform-origin:top}
.ecosystem-rings{position:absolute;right:-60px;bottom:-60px;width:260px;height:260px}
.ecosystem-rings i{position:absolute;inset:0;border:1.5px solid #9fbf86;border-radius:50%;opacity:.7}
.ecosystem-rings i+i{inset:28px}
@media(max-width:1000px){.ecosystem-callout{grid-template-columns:1fr;gap:40px;padding:65px 0}.ecosystem-copy{max-width:none}}
@media(max-width:680px){.ecosystem-card{padding:28px;min-height:280px}.ecosystem-card strong{max-width:75%}.ecosystem-domain{right:28px;bottom:28px}.ecosystem-shape{width:35%}}

/* What happens after a brief. */
.after-brief{margin-top:34px;padding:30px 0 0;border-top:1px solid var(--line)}
.after-brief ol{list-style:none;margin:18px 0 0;padding:0;display:grid;grid-template-columns:repeat(3,1fr);gap:28px}
.after-brief li{display:flex;gap:16px}
.after-brief b{font-size:10px;color:var(--accent);font-weight:500;padding-top:4px}
.after-brief h3{font-size:16px;font-weight:500;margin:0 0 8px}
.after-brief p{margin:0;font-size:12px;line-height:1.7;color:var(--muted)}
@media(max-width:760px){.after-brief ol{grid-template-columns:1fr;gap:20px}}

/* Privacy notice page. */
.legal-page{padding:70px 0 100px;max-width:1100px}
.legal-page h1{font-size:clamp(40px,6vw,78px);font-weight:500;letter-spacing:-.04em;line-height:1;margin:22px 0}
.legal-page h1 em{font-family:var(--serif);font-weight:400;color:var(--accent)}
.legal-page .back-link{display:inline-block;margin-bottom:40px}
.legal-lead{font-size:15px;line-height:1.7;color:var(--muted);max-width:640px}
.legal-lead a,.legal-foot a{color:var(--ink);text-decoration:underline;text-underline-offset:3px}
.legal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px;border-top:1px solid var(--line)}
.legal-grid article{padding:28px 28px 28px 0;border-bottom:1px solid var(--line)}
.legal-grid h2{font-size:17px;font-weight:500;margin:0 0 10px;letter-spacing:-.2px}
.legal-grid p{font-size:12.5px;line-height:1.75;color:var(--muted);margin:0}
.legal-foot{margin-top:36px;font-size:12px;line-height:1.7;color:var(--muted);max-width:720px}
@media(max-width:900px){.legal-grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.legal-grid{grid-template-columns:1fr}.legal-page{padding:45px 0 70px}}

/* Footer. */
.footer-top a.footer-all{color:var(--ink);font-weight:500}
.footer-parent{display:inline-flex;align-items:center;gap:7px}
.footer-parent img{width:16px;height:16px;border-radius:50%}
.footer-bottom .footer-parent a{text-decoration:underline;text-underline-offset:3px}

/* Visible without JavaScript (crawlers, link previews). */
.noscript-content{padding:80px 0;max-width:720px;font-size:15px;line-height:1.7}
.noscript-content h1{font-size:40px;letter-spacing:-1px;line-height:1.1}
.noscript-content a{text-decoration:underline}
@media(max-width:760px){.site-header.nav-open nav .nav-quote{display:inline;flex-basis:100%;background:var(--button);color:var(--button-text)}}