@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,500;0,600;1,300;1,400&family=Inter:wght@300;400;500;600&display=swap');
        .gi-serif { font-family: 'Cormorant Garamond', Georgia, serif; }
        :root {
          --gd: #1a3a2a; --gm: #2d5a3d; --gl: #4a8c5c;
          --gold: #c9a84c; --gold-l: #e8d5a3;
          --cream: #f7f4ef; --cream-d: #ede8e0;
          --muted: #6b6b6b; --border: rgba(26,58,42,0.12);
        }
        .gi-nav { position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.93);backdrop-filter:blur(12px);border-bottom:1px solid var(--border); }
        .gi-nav-inner { max-width:1200px;margin:0 auto;padding:0 2rem;height:68px;display:flex;align-items:center;justify-content:space-between; }
        .gi-logo { display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer; }
        .gi-logo img { height:44px;object-fit:contain; }
        .gi-navlinks { display:flex;align-items:center;gap:2rem;list-style:none;margin:0;padding:0; }
        .gi-navlinks a { font-size:0.8rem;font-weight:500;color:var(--muted);text-decoration:none;letter-spacing:0.3px;transition:color 0.2s; }
        .gi-navlinks a:hover { color:var(--gd); }
        .gi-navcta { background:var(--gd)!important;color:#fff!important;padding:0.5rem 1.25rem;border-radius:6px;font-size:0.8rem!important;font-weight:500!important;transition:background 0.2s!important; }
        .gi-navcta:hover { background:var(--gm)!important; }
        .gi-hero { min-height:100vh;padding-top:68px;display:grid;grid-template-columns:1fr 1fr;align-items:center;background:var(--cream);overflow:hidden;position:relative; }
        .gi-hero::before { content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(74,140,92,0.08) 0%,transparent 70%);pointer-events:none; }
        .gi-hero-content { padding:5rem 2rem 5rem 4rem;max-width:580px; }
        .gi-badge { display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border:1px solid rgba(201,168,76,0.4);background:rgba(201,168,76,0.08);border-radius:100px;font-size:0.7rem;font-weight:600;color:#8a6a1a;letter-spacing:1px;text-transform:uppercase;margin-bottom:2rem; }
        .gi-badge::before { content:'';width:6px;height:6px;border-radius:50%;background:var(--gold); }
        .gi-h1 { font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2.8rem,5vw,4.2rem);font-weight:300;color:var(--gd);line-height:1.1;margin-bottom:1.5rem; }
        .gi-h1 em { font-style:italic;color:var(--gl); }
        .gi-lead { font-size:1rem;color:var(--muted);line-height:1.75;margin-bottom:2.5rem;max-width:460px; }
        .gi-actions { display:flex;align-items:center;gap:1rem;flex-wrap:wrap; }
        .gi-btn-primary { display:inline-flex;align-items:center;gap:8px;background:var(--gd);color:#fff;padding:0.875rem 2rem;border-radius:8px;font-size:0.875rem;font-weight:500;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s;letter-spacing:0.2px; }
        .gi-btn-primary:hover { background:var(--gm);transform:translateY(-1px); }
        .gi-btn-secondary { display:inline-flex;align-items:center;gap:8px;color:var(--gd);padding:0.875rem 1.5rem;border-radius:8px;border:1.5px solid var(--border);font-size:0.875rem;font-weight:500;text-decoration:none;background:transparent;cursor:pointer;transition:border-color 0.2s,background 0.2s; }
        .gi-btn-secondary:hover { border-color:var(--gl);background:rgba(74,140,92,0.05); }
        .gi-stats { display:flex;gap:2rem;margin-top:3rem;padding-top:2rem;border-top:1px solid var(--border); }
        .stat-num { font-family:'Cormorant Garamond',Georgia,serif;font-size:2rem;font-weight:400;color:var(--gd);line-height:1; }
        .stat-num em { font-style:normal;color:var(--gold); }
        .stat-lbl { font-size:0.72rem;color:var(--muted);margin-top:4px;text-transform:uppercase;letter-spacing:0.5px; }
        .gi-hero-img { position:relative;height:100%;min-height:600px;display:flex;align-items:flex-end;justify-content:center;overflow:hidden; }
        .gi-hero-img::before { content:'';position:absolute;bottom:0;left:0;right:0;height:40%;background:linear-gradient(to top,var(--cream) 0%,transparent 100%);z-index:2; }
        .gi-hero-img img { width:100%;height:100%;object-fit:cover;object-position:center top; }
        .gi-hero-card { position:absolute;bottom:3rem;left:-1rem;z-index:3;background:#fff;border:1px solid var(--border);border-radius:12px;padding:1rem 1.25rem;box-shadow:0 8px 32px rgba(26,58,42,0.12);min-width:200px; }
        .gi-hero-card .cl { font-size:0.65rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:4px; }
        .gi-hero-card .cv { font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;color:var(--gd);font-weight:500; }
        .gi-section { padding:6rem 2rem; }
        .gi-container { max-width:1200px;margin:0 auto; }
        .gi-slabel { font-size:0.7rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--gold);margin-bottom:1rem; }
        .gi-stitle { font-family:'Cormorant Garamond',Georgia,serif;font-size:clamp(2rem,3.5vw,3rem);font-weight:300;color:var(--gd);line-height:1.2;margin-bottom:1.25rem; }
        .gi-stitle em { font-style:italic;color:var(--gl); }
        .gi-ssub { font-size:0.95rem;color:var(--muted);line-height:1.75;max-width:560px; }
        .about-grid { display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:center; }
        .about-img-wrap { position:relative; }
        .about-img-wrap img { width:100%;border-radius:16px;object-fit:cover;aspect-ratio:4/5;display:block; }
        .about-badge { position:absolute;bottom:-1.5rem;right:-1.5rem;background:var(--gd);color:#fff;border-radius:12px;padding:1.25rem 1.5rem;text-align:center;box-shadow:0 8px 32px rgba(26,58,42,0.25); }
        .about-badge .num { font-family:'Cormorant Garamond',Georgia,serif;font-size:2.5rem;font-weight:300;line-height:1;color:var(--gold-l); }
        .about-badge .lbl { font-size:0.7rem;color:rgba(255,255,255,0.75);margin-top:4px;text-transform:uppercase;letter-spacing:0.5px; }
        .about-content p { font-size:0.95rem;color:var(--muted);line-height:1.8;margin-bottom:1.25rem; }
        .about-content strong { color:#1a1a1a;font-weight:600; }
        .sectors-list { display:flex;flex-wrap:wrap;gap:0.5rem;margin-top:1.5rem; }
        .sector-tag { padding:6px 14px;border:1px solid var(--border);border-radius:100px;font-size:0.75rem;color:var(--gd);font-weight:500;background:var(--cream); }
        .author-sig { margin-top:2rem;display:flex;align-items:center;gap:12px; }
        .author-sig .line { width:32px;height:1px;background:var(--gold); }
        .author-sig span { font-family:'Cormorant Garamond',Georgia,serif;font-size:1rem;color:var(--gd);font-style:italic; }
        .svc-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem; }
        .svc-card { background:#fff;border:1px solid var(--border);border-radius:16px;padding:2rem;transition:box-shadow 0.25s,transform 0.25s; }
        .svc-card:hover { box-shadow:0 12px 40px rgba(26,58,42,0.1);transform:translateY(-3px); }
        .svc-icon { width:44px;height:44px;border-radius:10px;background:rgba(26,58,42,0.06);display:flex;align-items:center;justify-content:center;margin-bottom:1.25rem; }
        .svc-card h3 { font-family:'Cormorant Garamond',Georgia,serif;font-size:1.2rem;font-weight:500;color:var(--gd);margin-bottom:0.75rem; }
        .svc-card p { font-size:0.85rem;color:var(--muted);line-height:1.7; }
        .svc-pillar { display:inline-block;margin-top:1rem;font-size:0.65rem;font-weight:700;letter-spacing:1.5px;text-transform:uppercase;padding:3px 10px;border-radius:100px; }
        .pe { background:rgba(74,140,92,0.1);color:#2d6b3e; }
        .ps { background:rgba(59,130,246,0.1);color:#1d4ed8; }
        .pg { background:rgba(201,168,76,0.15);color:#8a6a1a; }
        .diag-section { background:var(--gd);padding:6rem 2rem;position:relative;overflow:hidden; }
        .diag-section::before { content:'';position:absolute;top:-150px;right:-150px;width:500px;height:500px;border-radius:50%;background:rgba(255,255,255,0.03); }
        .diag-inner { max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:4rem;align-items:center;position:relative;z-index:1; }
        .diag-steps { display:flex;gap:1.5rem;margin-top:2rem; }
        .diag-step { display:flex;align-items:flex-start;gap:10px; }
        .diag-step-num { width:24px;height:24px;border-radius:50%;border:1px solid rgba(201,168,76,0.5);display:flex;align-items:center;justify-content:center;font-size:0.65rem;font-weight:700;color:var(--gold-l);flex-shrink:0;margin-top:2px; }
        .diag-step-text { font-size:0.8rem;color:rgba(255,255,255,0.7);line-height:1.5; }
        .diag-step-text strong { color:rgba(255,255,255,0.9);display:block;margin-bottom:2px; }
        .diag-cta { display:flex;flex-direction:column;gap:1rem;align-items:flex-start;min-width:240px; }
        .btn-gold { display:inline-flex;align-items:center;gap:8px;background:var(--gold);color:var(--gd);padding:1rem 2rem;border-radius:8px;font-size:0.875rem;font-weight:600;text-decoration:none;border:none;cursor:pointer;transition:background 0.2s,transform 0.15s;white-space:nowrap; }
        .btn-gold:hover { background:var(--gold-l);transform:translateY(-1px); }
        .btn-outline-w { display:inline-flex;align-items:center;gap:8px;color:rgba(255,255,255,0.75);padding:0.75rem 1.5rem;border-radius:8px;border:1px solid rgba(255,255,255,0.2);font-size:0.8rem;font-weight:500;text-decoration:none;background:transparent;cursor:pointer;transition:border-color 0.2s,color 0.2s;white-space:nowrap; }
        .btn-outline-w:hover { border-color:rgba(255,255,255,0.5);color:#fff; }
        .setores-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;margin-top:3rem; }
        .setor-card { border:1px solid var(--border);border-radius:16px;padding:2rem 1.5rem;text-align:center;transition:border-color 0.25s,background 0.25s,box-shadow 0.25s,transform 0.25s;background:#fff;position:relative;overflow:hidden; }
        .setor-card::before { content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--gl),var(--gold));opacity:0;transition:opacity 0.25s; }
        .setor-card:hover { border-color:var(--gl);background:rgba(74,140,92,0.03);box-shadow:0 8px 32px rgba(26,58,42,0.1);transform:translateY(-3px); }
        .setor-card:hover::before { opacity:1; }
        .setor-icon-wrap { width:64px;height:64px;border-radius:16px;background:rgba(26,58,42,0.07);display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;transition:background 0.25s; }
        .setor-card:hover .setor-icon-wrap { background:rgba(74,140,92,0.15); }
        .setor-card svg { width:32px;height:32px;color:var(--gl); }
        .setor-card h4 { font-family:'Cormorant Garamond',Georgia,serif;font-size:1.1rem;font-weight:500;color:var(--gd);margin-bottom:0.4rem; }
        @media(max-width:900px){.setores-grid{grid-template-columns:repeat(2,1fr);}}
        @media(max-width:500px){.setores-grid{grid-template-columns:1fr;}}
        .contact-section { background:var(--cream);padding:6rem 2rem; }
        .contact-grid { display:grid;grid-template-columns:1fr 1fr;gap:5rem;align-items:start;margin-top:3rem; }
        .contact-info { display:flex;flex-direction:column;gap:1.5rem; }
        .contact-item { display:flex;align-items:flex-start;gap:14px; }
        .contact-icon { width:40px;height:40px;border-radius:10px;background:rgba(26,58,42,0.07);display:flex;align-items:center;justify-content:center;flex-shrink:0; }
        .contact-icon svg { width:18px;height:18px;color:var(--gd); }
        .contact-item-label { font-size:0.7rem;text-transform:uppercase;letter-spacing:1px;color:var(--muted);margin-bottom:3px; }
        .contact-item-value { font-size:0.95rem;color:#1a1a1a;font-weight:500; }
        .contact-item-value a { color:var(--gd);text-decoration:none; }
        .contact-item-value a:hover { text-decoration:underline; }
        .contact-map { border-radius:16px;overflow:hidden;border:1px solid var(--border);height:300px; }
        .contact-map iframe { width:100%;height:100%;border:none; }
        .gi-footer { background:var(--gd);color:rgba(255,255,255,0.65);padding:3rem 2rem; }
        .gi-footer-inner { max-width:1200px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem; }
        .gi-footer-logo { display:flex;align-items:center;gap:10px;text-decoration:none; }
        .gi-footer-logo img { height:36px;filter:brightness(0) invert(1);opacity:0.85; }
        .gi-footer-copy { font-size:0.75rem;text-align:center; }
        .gi-footer-copy strong { color:rgba(255,255,255,0.85); }
        .gi-footer-author { font-size:0.75rem;color:var(--gold-l);font-weight:500; }
        .gi-social { display:flex;align-items:center;gap:0.75rem; }
        .gi-social a { display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1.5px solid rgba(255,255,255,0.25);color:rgba(255,255,255,0.65);text-decoration:none;transition:border-color 0.2s,color 0.2s,background 0.2s; }
        .gi-social a:hover { border-color:var(--gold-l);color:var(--gold-l);background:rgba(201,168,76,0.12); }
        @media(max-width:900px){
          .gi-hero{grid-template-columns:1fr;min-height:auto;}
          .gi-hero-content{padding:3rem 1.5rem 2rem;max-width:100%;}
          .gi-hero-img{min-height:380px;}
          .gi-stats{gap:1.5rem;}
          .about-grid{grid-template-columns:1fr;gap:3rem;}
          .about-badge{bottom:-1rem;right:-0.5rem;}
          .svc-grid{grid-template-columns:1fr;}
          .diag-inner{grid-template-columns:1fr;gap:2.5rem;}
          .diag-steps{flex-direction:column;gap:1rem;}
          .diag-cta{flex-direction:row;flex-wrap:wrap;}
          .contact-grid{grid-template-columns:1fr;gap:2.5rem;}
          .gi-navlinks{display:none;}
        }
        @media(max-width:600px){
          .gi-section{padding:4rem 1.5rem;}
          .gi-hero-content{padding:2.5rem 1.5rem 1.5rem;}
          .gi-stats{flex-wrap:wrap;gap:1.25rem;}
        }





#content-root {
  /* Text Colors */
  --text-primary: #34322d;
  --text-secondary: #535350;
  --text-tertiary: #858481;
  --text-disable: #b9b9b7;
  --text-brand: #0081f2;
  --text-onblack: #ffffff;
  --text-white: #ffffff;
  --text-white-tsp: #ffffff99;
  --theme-text-primary: #262626;
  --logo-color: #34322d;

  /* Background Colors */
  --background-gray-main: #f8f8f7;
  --background-white-main: #ffffff;
  --background-menu-white: #ffffff;
  --background-tsp-menu-white: #ffffff14;
  --background-tsp-card-gray: #37352f0a;
  --background-nav: #ebebeb;
  --background-card: #fafafa;
  --background-mask: #000000a6;
  --background-card-gray: #fafafa;
  --background-preview-mask: #000000d9;

  /* Border Colors */
  --border-main: #0000000f;
  --border-white: #ffffff33;
  --border-btn-main: #0000001f;
  --border-input-active: #0081f280;
  --border-light: #0000000a;
  --border-dark: #0000001f;
  --border-primary: #4f59661f;

  /* Icon Colors */
  --icon-primary: #34322d;
  --icon-secondary: #535350;
  --icon-tertiary: #858481;
  --icon-disable: #b9b9b7;
  --icon-brand: #0081f2;
  --icon-onblack: #ffffff;
  --icon-white: #ffffff;
  --icon-white-tsp: #ffffff99;

  /* Function Colors */
  --function-error: #f25a5a;
  --function-success: #25ba3b;
  --function-warning: #efa201;
  --function-error-tsp: #f25a5a14;
  --function-warning-tsp: #efa2011f;

  /* Fill Colors */
  --fill-blue: #0081f214;
  --fill-tsp-white-main: #37352f0f;
  --fill-tsp-white-dark: #37352f14;
  --fill-tsp-white-light: #37352f0a;
  --fill-tsp-gray-dark: #37352f14;
  --fill-tsp-gray-main: #37352f0a;
  --fill-input-chat: #ffffff;
  --fill-white: #ffffff;
  --fill-black: #28282973;
  --fill-gray: #f8f8f7;

  /* Button Colors */
  --Button-primary-black: #1a1a19;
  --Button-primary-white: #ffffff;
  --Button-primary-brand: #0081f2;
  --Button-primary-brand-disabled: #7cbdf5;
  --Button-secondary-brand: #0081f21a;
  --Button-secondary-error-border: #f25a5a80;
  --Button-secondary-error-fill: #ffffff;
  --Button-secondary-main: #ffffff;
  --Button-secondary-gray: #37352f0f;

  /* Tab Colors */
  --tab-fill: rgba(0, 0, 0, 0.04);
  --tab-active-black: #1a1a19;

  /* Shadow Colors */
  --shadow-L: #0000003d;
  --shadow-M: #0000001f;
  --shadow-S: #00000014;
  --shadow-XS: #0000000f;
  --shadows-inner-0: #ffffff00;
  --shadows-inner-1: #16191d14;
  --shadows-inner-2: #16191d1f;
  --shadows-drop-1: #16191d08;
  --shadows-drop-2: #16191d0a;
  --shadows-drop-3: #16191d14;
  --shadows-drop-4: #16191d1f;
  --shadows-highlight-1: #cce5ff;
  --shadows-highlight-2: #1487fa;
  --shadows-danger-1: #fed7d7;
  --shadows-danger-2: #ee3a3a;
  --shadows-card-border: #16191d1f;
  --shadows-card-border-2: #16191d1f;

  /* Tooltips */
  --Tooltips-main: #000000e6;

  /* Gradual Colors */
  --gradual-white-0: #ffffff00;
  --gradual-gray-100: #ffffff00;
  --gradual-gray-0: #ffffff00;
  --gradual-dark-20: #00000033;

  /** input */
  --fill-input-chat: #ffffff;

  /** gradient */
  --gradient-bg-mask-gray-0: #eaeaeb00;
}

#content-root.dark {
  /* Text Colors */
  --text-primary: #dadada;
  --text-secondary: #acacac;
  --text-tertiary: #7f7f7f;
  --text-disable: #5f5f5f;
  --text-brand: #1a93fe;
  --text-onblack: #000000e6;
  --text-white: #ffffff;
  --text-white-tsp: #ffffff99;
  --theme-text-primary: #dbdbdb;
  --logo-color: #dadada;
  /* Background Colors */
  --background-gray-main: #272728;
  --background-white-main: #161618;
  --background-menu-white: #383739;
  --background-tsp-menu-white: #ffffff0f;
  --background-tsp-card-gray: #ffffff0f;
  --background-nav: #212122;
  --background-card: #383739;
  --background-mask: #000000a6;
  --background-card-gray: #383739;
  --background-preview-mask: #000000d9;

  /* Border Colors */
  --border-main: #ffffff14;
  --border-white: #00000014;
  --border-btn-main: #ffffff1a;
  --border-input-active: #1a93fe80;
  --border-light: #ffffff0f;
  --border-dark: #ffffff29;
  --border-primary: #56565f52;

  /* Icon Colors */
  --icon-primary: #dadada;
  --icon-secondary: #acacac;
  --icon-tertiary: #7f7f7f;
  --icon-disable: #5f5f5f;
  --icon-brand: #1a93fe;
  --icon-onblack: #000000d9;
  --icon-white: #ffffff;
  --icon-white-tsp: #ffffff99;

  /* Function Colors */
  --function-error: #eb4d4d;
  --function-success: #5eb92d;
  --function-warning: #ffbf36;
  --function-error-tsp: #eb4d4d14;
  --function-warning-tsp: #ffbf361f;

  /* Fill Colors */
  --fill-blue: #1a93fe1f;
  --fill-tsp-white-main: #ffffff0f;
  --fill-tsp-white-dark: #ffffff1f;
  --fill-tsp-white-light: #ffffff0a;
  --fill-tsp-gray-dark: #00000047;
  --fill-tsp-gray-main: #00000033;
  --fill-input-chat: #363537;
  --fill-white: #3e3d3e;
  --fill-black: #28282973;
  --fill-gray: #444345;

  /* Button Colors */
  --Button-primary-black: #ffffff;
  --Button-primary-white: #ffffff14;
  --Button-primary-brand: #1a93fe;
  --Button-primary-brand-disabled: #215d93;
  --Button-secondary-brand: #1a93fe1f;
  --Button-secondary-error-border: #eb4d4d29;
  --Button-secondary-error-fill: #eb4d4d1f;
  --Button-secondary-main: #ffffff1f;
  --Button-secondary-gray: #ffffff0f;

  /* Tab Colors */
  --tab-fill: rgba(255, 255, 255, 0.06);
  --tab-active-black: #ffffff;

  /* Shadow Colors */
  --shadow-L: #00000066;
  --shadow-M: #0000003d;
  --shadow-S: #00000029;
  --shadow-XS: #0000001f;
  --shadows-inner-0: #ffffff1f;
  --shadows-inner-1: #ffffff14;
  --shadows-inner-2: #ffffff1f;
  --shadows-drop-1: #0000001f;
  --shadows-drop-2: #00000033;
  --shadows-drop-3: #00000047;
  --shadows-drop-4: #0000005c;
  --shadows-highlight-1: #1b61a6;
  --shadows-highlight-2: #1487fa;
  --shadows-danger-1: #8f1919;
  --shadows-danger-2: #ee3a3a;
  --shadows-card-border: #ffffff1f;
  --shadows-card-border-2: #ffffff00;

  /* Tooltips */
  --Tooltips-main: #000000e6;

  /* Gradual Colors */
  --gradual-white-0: #27272800;
  --gradual-gray-100: #444345;
  --gradual-gray-0: #44434500;
  --gradual-dark-20: #ffffff33;

  /** input */
  --fill-input-chat: #363537;

  /** gradient */
  --gradient-bg-mask-gray-0: #1E1E1E00;
}


/* CSS Reset */
*, *::before, *::after {
  box-sizing: border-box;
  margin: 0;
  padding: 0;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline;
}

article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

img, picture, video, canvas, svg {
  display: block;
  max-width: 100%;
}

input, button, textarea, select {
  font: inherit;
}

p, h1, h2, h3, h4, h5, h6 {
  overflow-wrap: break-word;
}

a {
  text-decoration: none;
  color: inherit;
}

button {
  background: none;
  border: none;
  cursor: pointer;
}



.tooltip-trigger-css {
            position: relative;
        }

        .tooltip-trigger-css::after {
            content: attr(data-tooltip);

            display: flex;
            justify-content: center;
            align-items: center;
            max-width: 280px;
            min-width: 40px;
            padding: 10px;
            background: rgba(0, 0, 0, 0.90);
            border-radius: 12px;

            color: var(--text-white);
            font-size: 12px;
            line-height: 16px;
            word-wrap: break-word;
            white-space: pre-wrap;
            text-align: left;
            position: absolute;
            bottom: 100%;
            left: 50%;
            transform: translateX(-50%) translateY(-8px);
            z-index: 10;
            width:max-content;

            opacity: 0;
            visibility: hidden;
            pointer-events: none;
            transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out, visibility 0s linear 0.2s;
        }

        .tooltip-trigger-css.tooltip-trigger-right-css::after {
            left: unset;
            right: 0;
            transform: translateX(0) translateY(-8px);
        }

        .tooltip-trigger-css.tooltip-trigger-right-css:hover::after {
            left: unset;
            right: 0;
            transform: translateX(0) translateY(-8px);
        }

        
        .tooltip-trigger-css:hover::after,
        .tooltip-trigger-css:focus::after {
            opacity: 1;
            visibility: visible;
            transform: translateX(-50%) translateY(-10px); 
            transition-delay: 0s, 0s, 0s; 
        }

        
        .tooltip-trigger-css:not(button):not(input):not(a[href]) {
            outline: none; /* 移除默认轮廓，如果需要自定义焦点样式 */
        }
        .tooltip-trigger-css:focus {
           
            box-shadow: 0 0 0 2px skyblue;
        }

* {
  box-sizing: border-box;
}

p {
margin-block-start:0;
margin-block-end:0;
}

#content-root {
font-family: 'SF Pro', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif
}