@import url('/garuda/tokens/fonts.css');
@import url('/garuda/tokens/colors.css');
@import url('/garuda/tokens/typography.css');
@import url('/garuda/tokens/effects.css');
@import url('/garuda/marketing-kit.css');
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:100px; } body.gan-site { margin:0; font-synthesis:none; font:400 14px/1.6 var(--font-sans); color:var(--text-body); }
a { color:inherit; text-decoration:none; } a:focus-visible { outline:3px solid var(--focus-ring); outline-offset:5px; }
.skip-link { position:fixed; top:-60px; left:20px; z-index:200; background:white; padding:12px; border:1px solid var(--primary); }.skip-link:focus { top:10px; }
.gan-site-logo { display:block; margin-right:auto; }.gan-site-logo img { display:block; width:200px; height:auto; }
.mkt-nav__inner { height:86px; gap:28px; }.gan-site-nav { display:flex; gap:26px; font-size:13px; font-weight:700; }.gan-site-nav a:hover { color:var(--primary); }
.gan-button { display:inline-flex; align-items:center; justify-content:center; gap:20px; padding:13px 20px; min-height:46px; border:1px solid transparent; border-radius:8px; font:700 13px/1.5 var(--font-sans); transition:background .15s; }
.gan-button-primary { color:white; background:var(--primary); }.gan-button-primary:hover { background:var(--primary-hover); }.gan-button-secondary { background:white; border-color:var(--border-subtle); }.gan-button-secondary:hover { background:var(--neutral-50); }.gan-button-white { color:var(--neutral-950); background:white; }.gan-button-white:hover { background:var(--red-50); }
.mkt-hero__inner { padding-block:76px 82px; gap:64px; }.mkt-hero__title { font-size:46px; margin:20px 0; line-height:1.18; }.mkt-hero__sub { font-size:16px; line-height:1.8; color:var(--neutral-600); }.gan-hero-photo { position:relative; margin:0; }.mkt-hero__img { display:block; height:480px; max-height:none; width:100%; object-fit:cover; border-radius:24px; }.gan-hero-photo figcaption { position:absolute; inset:auto 20px 20px; background:#fffffff0; backdrop-filter:blur(10px); padding:18px; border:1px solid #fff; border-radius:14px; display:flex; gap:14px; align-items:center; box-shadow:0 12px 25px #0b0b0d12; }.gan-hero-photo figcaption img { width:38px; height:38px; object-fit:contain; }.gan-hero-photo figcaption strong { display:block; font-size:13px; color:var(--neutral-950); }.gan-hero-photo figcaption span { color:var(--neutral-500); font-size:11px; }
.gan-hero-facts { display:flex; flex-wrap:wrap; gap:30px; margin-top:42px; padding-top:24px; border-top:1px solid var(--border-subtle); }.gan-hero-facts strong { display:block; font:600 14px var(--font-display); color:var(--text-strong); margin-bottom:8px; }.gan-hero-facts span { color:var(--text-muted); font-size:11px; }
.mkt-section { padding-block:88px; }.mkt-h2 { font-size:32px; line-height:1.3; margin:16px 0; }.mkt-lead { font-size:16px; }.mkt-features { gap:20px; }.gan-feature { display:flex; flex-direction:column; padding:26px; border:1px solid var(--border-subtle); border-radius:16px; background:white; }.gan-feature h3 { font:600 16px/1.4 var(--font-display); margin:6px 0 14px; color:var(--text-strong); }.gan-feature p { margin:0 0 22px; font-size:13px; line-height:1.8; color:var(--text-muted); }.gan-feature a { display:flex; justify-content:space-between; align-items:center; gap:10px; font-size:12px; font-weight:700; color:var(--primary); margin-top:auto; }.gan-feature .mkt-feature__ic { width:46px; height:46px; border-radius:12px; }.mkt-feature__ic img { width:23px; height:23px; }
.gan-workflow { background:var(--neutral-50); border-block:1px solid var(--neutral-100); }.gan-workflow-inner { max-width:1200px; margin:auto; padding:72px 24px; display:grid; grid-template-columns:1fr 1fr; gap:100px; align-items:center; }.gan-workflow-inner>div>p { font-size:15px; color:var(--text-muted); line-height:1.8; margin-bottom:28px; max-width:400px; }.gan-workflow ol { list-style:none; padding:0; margin:0; display:grid; gap:22px; }.gan-workflow li { display:flex; gap:20px; align-items:flex-start; }.gan-workflow li>span { display:grid; place-items:center; width:40px; height:40px; flex:0 0 40px; background:var(--red-50); color:var(--primary); border-radius:12px; font:600 12px var(--font-mono); }.gan-workflow h3 { margin:0 0 5px; font:700 15px var(--font-sans); color:var(--text-strong); }.gan-workflow li p { margin:0; font-size:13px; line-height:1.8; color:var(--text-muted); }
.mkt-ctaband { position:relative; isolation:isolate; overflow:hidden; display:flex; justify-content:space-between; align-items:center; gap:40px; padding:48px; border-radius:24px; background:var(--primary); color:white; }.mkt-ctaband::before { content:''; position:absolute; inset:0; background:url('/garuda/assets/brand/garuda-pattern-white.png') center/380px; opacity:.07; z-index:-1; }.mkt-ctaband h2 { font:600 26px/1.35 var(--font-display); max-width:650px; margin:14px 0; }.mkt-ctaband p { margin:0; font-size:14px; color:var(--red-100); max-width:620px; }.mkt-ctaband .gan-button { flex-shrink:0; }.gan-white-eyebrow { font:600 10px var(--font-display); letter-spacing:.12em; color:var(--red-100); }
.mkt-footer__inner { grid-template-columns:1.6fr 1fr 1fr; gap:70px; }.gan-footer-logo { width:220px; height:auto; }.mkt-footer__col p { font-size:13px; color:var(--neutral-500); line-height:1.8; margin:0; }.mkt-footer__col h4 { font-size:11px; }.mkt-footer__col a { font-size:13px; }.mkt-footer__bottom-inner { font-size:11px; }
@media(max-width:1100px) { .mkt-hero__inner { gap:32px; }.mkt-hero__title { font-size:36px; }.mkt-features { grid-template-columns:repeat(2,1fr); }.gan-hero-facts { gap:20px; }.gan-hero-facts strong { font-size:12px; } }
@media(max-width:900px) { .gan-site-nav { gap:18px; }.mkt-hero__inner { grid-template-columns:1fr; padding-top:52px; gap:36px; }.mkt-hero__title { font-size:40px; }.mkt-hero__img { height:350px; object-position:center 45%; }.gan-workflow-inner { gap:40px; }.mkt-ctaband { flex-direction:column; align-items:flex-start; }.mkt-footer__inner { gap:35px; grid-template-columns:1fr 1fr; }.mkt-footer__intro { grid-column:1/-1; max-width:none; } }
@media(max-width:650px) { .mkt-nav__inner { height:76px; gap:12px; padding-inline:20px; }.gan-site-logo img { width:155px; }.gan-site-nav { display:none; }.gan-nav-cta { padding:10px 12px; min-height:40px; font-size:11px; gap:8px; }.mkt-hero__inner { padding:44px 22px 48px; }.mkt-hero__title { font-size:32px; }.mkt-eyebrow { font-size:10px; }.mkt-hero__sub { font-size:15px; }.mkt-hero__cta { gap:10px; }.gan-button { font-size:12px; padding:12px 16px; }.gan-hero-facts { justify-content:space-between; gap:12px; }.gan-hero-facts strong { font-size:11px; }.gan-hero-facts span { font-size:10px; }.mkt-hero__img { height:320px; }.mkt-section { padding:56px 22px; }.mkt-section__head { text-align:left; margin-bottom:30px; }.mkt-h2 { font-size:26px; }.mkt-features { grid-template-columns:1fr; }.gan-feature { padding:24px; }.gan-workflow-inner { grid-template-columns:1fr; gap:36px; padding:52px 22px; }.mkt-ctaband { padding:30px 26px; gap:24px; border-radius:20px; }.mkt-ctaband h2 { font-size:23px; }.mkt-footer__inner { padding:44px 22px 32px; gap:32px; }.mkt-footer__bottom-inner { padding-inline:22px; }.gan-footer-logo { width:200px; } }
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } * { transition:none!important; } }

/* Contain horizontal overflow on phones and installed web apps. */
html { overflow-x:hidden; overscroll-behavior-x:none; }
body.gan-site { width:100%; max-width:100%; min-width:0; overflow-x:hidden; overscroll-behavior-x:none; }
@supports (overflow:clip) { html,body.gan-site { overflow-x:clip; } }
body.gan-site :is(main,section,.mkt-nav__inner,.mkt-hero__inner,.mkt-hero__inner>*,.mkt-features,.gan-feature,.gan-workflow-inner,.gan-workflow-inner>*,.mkt-footer__inner,.mkt-footer__inner>*) { min-width:0; max-width:100%; }
@media(max-width:650px) {
  body.gan-site :is(h1,h2,h3,p,.gan-hero-facts) { overflow-wrap:anywhere; }
  .gan-site-logo { min-width:0; }
  .gan-site-logo img { max-width:100%; }
  .gan-nav-cta { flex-shrink:0; }
  .gan-hero-facts { flex-wrap:wrap; }
}