/* tugasto.mx — clear hierarchy, generous space, one considered accent. */
.tg-marketing { --tg-ink:#173d32; --tg-action:#246b50; --tg-paper:#f7f7f2; --tg-muted:#657269; --tg-line:#dfe4df; min-height:100vh; background:var(--tg-paper); color:#202b26; line-height:1.6; }
.tg-marketing *, .tg-marketing *::before, .tg-marketing *::after { box-sizing:border-box; }
.tg-marketing a { color:inherit; text-decoration:none; }
.tg-marketing h1,.tg-marketing h2,.tg-marketing h3,.tg-marketing p,.tg-marketing ul,.tg-marketing ol { margin:0; }
.tg-marketing h1,.tg-marketing h2,.tg-marketing h3 { text-wrap:balance; }
.tg-marketing-shell { width:min(1120px,calc(100% - 64px)); margin-inline:auto; }
.tg-marketing-header { border-bottom:1px solid var(--tg-line); background:var(--tg-paper); }
.tg-marketing-header-inner { display:flex; align-items:center; justify-content:space-between; min-height:88px; gap:24px; }
.tg-marketing-brand-link { display:inline-flex; min-height: 44px; min-width: 44px; align-items:center; flex-shrink:0; }
.tg-marketing-brand-link svg { width:34px; height:34px; }
.tg-marketing-nav { display:flex; gap:28px; font-size:14px; color:var(--tg-muted); }
.tg-marketing-nav a,.tg-marketing-footer nav a,.tg-marketing-login-link { display:inline-flex; min-height:44px; align-items:center; }
.tg-marketing-nav a:hover,.tg-marketing-footer nav a:hover { color:var(--tg-action); text-decoration:underline; text-underline-offset:5px; }
.tg-marketing-auth-actions { display:flex; align-items:center; gap:12px; }
.tg-button { display:inline-flex; min-height:48px; align-items:center; justify-content:center; gap:10px; border:1px solid transparent; border-radius:10px; padding:12px 20px; font-size:14px; font-weight:600; line-height:1.4; transition:background 160ms ease,border-color 160ms ease; }
.tg-button-primary,.tg-button-small { background:var(--tg-ink); color:#fff !important; }
.tg-button-primary:hover,.tg-button-small:hover { background:var(--tg-action); }
.tg-button-small { min-height:44px; padding:10px 17px; }
.tg-button-quiet { min-height:44px; padding:10px 4px; }
.tg-button-quiet:hover { text-decoration:underline; text-underline-offset:5px; }
.tg-button-secondary { border-color:var(--tg-line); background:transparent; }
.tg-button-secondary:hover { border-color:var(--tg-action); }
.tg-marketing-hero-grid { display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:clamp(40px,6vw,88px); padding-block:88px 96px; }
.tg-marketing-eyebrow,.tg-marketing-kicker { display:block; color:var(--tg-action); font-size:12px; font-weight:600; letter-spacing:.1em; text-transform:uppercase; }
.tg-marketing h1 { margin-top:22px; color:var(--tg-ink); font-size:clamp(48px,5.8vw,76px); font-weight:500; letter-spacing:-.055em; line-height:1.05; }
.tg-marketing h1 span { color:var(--tg-action); }
.tg-marketing-hero-lede { max-width:420px; margin-top:26px !important; color:#4d5d53; font-size:18px; line-height:1.7; }
.tg-marketing-hero-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:32px; }
.tg-marketing-trust-list { display:flex; flex-wrap:wrap; gap:10px 20px; padding:0; margin-top:20px !important; list-style:none; color:var(--tg-muted); font-size:12px; }
.tg-marketing-trust-list li { display:inline-flex; align-items:center; gap:6px; }
.tg-marketing-trust-list svg { color:var(--tg-action); }
.tg-marketing-hero-preview { min-width:0; }
.tg-product-preview { width:100%; margin:0; border:1px solid #d5ded5; border-radius:16px; padding:26px; background:#fff; box-shadow:0 18px 40px -28px rgb(23 61 50 / 25%); font-variant-numeric:tabular-nums; }
.tg-product-topline,.tg-product-card-name,.tg-product-due,.tg-product-movements > div,.tg-product-shared { display:flex; align-items:center; justify-content:space-between; gap:12px; }
.tg-product-topline { margin-bottom:30px; font-size:15px; font-weight:600; }
.tg-product-example { border-radius:4px; padding:3px 7px; background:#f0f3ec; color:#657269; font-size:11px; font-weight:500; }
.tg-product-card-name { justify-content:flex-start; color:#4d5d53; font-size:12px; }
.tg-product-card-name > span:last-child { margin-left:auto; font-size:11px; }
.tg-product-balance { margin-top:22px; }
.tg-product-balance > span { color:var(--tg-muted); font-size:12px; }
.tg-product-balance > strong { display:block; margin-top:4px; color:var(--tg-ink); font-size:44px; font-weight:500; letter-spacing:-.055em; line-height:1.3; }
.tg-product-balance > strong > span { color:#657269; font-size:32px; }
.tg-product-due { margin-top:18px; padding-bottom:24px; border-bottom:1px solid var(--tg-line); color:#657269; font-size:11px; }
.tg-product-due strong { color:#246b50; font-size:12px; font-weight:600; }
.tg-product-movements { padding-top:22px; }
.tg-product-section-title { margin-bottom:10px; color:#657269; font-size:11px; letter-spacing:.06em; text-transform:uppercase; }
.tg-product-movements > div:not(:first-child) { min-height:42px; font-size:12px; }
.tg-product-movements strong { font-weight:500; white-space:nowrap; }
.tg-product-category { margin-right:10px; color:#657269; font-size:11px; }
.tg-product-shared { margin-top:16px; padding:12px 14px; border-radius:8px; background:#edf4ec; color:var(--tg-ink); font-size:12px; }
.tg-product-shared > span { display:inline-flex; gap:8px; align-items:center; }
.tg-product-shared strong { font-weight:600; }
.tg-product-preview figcaption { display:flex; align-items:flex-start; gap:7px; margin-top:20px; color:#657269; font-size:11px; line-height:1.6; }
.tg-product-preview figcaption svg { flex-shrink:0; margin-top:1px; }
.tg-marketing-proof { border-block:1px solid var(--tg-line); }
.tg-marketing-proof-grid { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:18px; padding-block:24px; font-size:13px; }
.tg-marketing-proof-grid strong { font-weight:500; }
.tg-marketing-proof-grid > div { display:flex; align-items:center; gap:10px; color:var(--tg-muted); }
.tg-marketing-proof-grid svg { width:17px; height:17px; color:var(--tg-action); }
.tg-marketing-section { padding-block:88px; }
.tg-marketing h2 { color:var(--tg-ink); font-size:clamp(30px,3.4vw,44px); font-weight:500; letter-spacing:-.045em; line-height:1.14; }
.tg-marketing-kicker + h2 { margin-top:14px; }
.tg-marketing-section-heading-split { display:flex; justify-content:space-between; align-items:flex-end; gap:50px; }
.tg-marketing-section-heading-split > p { max-width:350px; color:var(--tg-muted); font-size:15px; }
.tg-marketing-flow { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:32px; margin-top:48px !important; padding:0; list-style:none; }
.tg-marketing-flow > li { padding-top:24px; border-top:1px solid #bfcfc2; }
.tg-marketing-flow .tg-marketing-flow-arrow,.tg-marketing-step-icon { display:none; }
.tg-marketing-step-number { color:var(--tg-action); font-size:13px; }
.tg-marketing-flow h3 { margin-top:24px; font-size:20px; font-weight:500; letter-spacing:-.025em; }
.tg-marketing-flow p { margin-top:10px; color:var(--tg-muted); font-size:14px; line-height:1.7; }
.tg-marketing-value { padding-block:64px; background:var(--tg-ink); color:#f7f7f2; }
.tg-marketing-value-grid { display:grid; grid-template-columns:1.6fr 1fr; align-items:center; gap:80px; }
.tg-marketing-value h2 { max-width:650px; color:#f7f7f2; font-size:clamp(28px,3vw,40px); }
.tg-marketing-value-quote > p { max-width:650px; margin-top:20px; color:#c6d7cd; font-size:14px; }
.tg-marketing-value-note { padding-left:40px; border-left:1px solid #4d6c5b; }
.tg-marketing-value-note > span { color:#c6d7cd; font-size:13px; }
.tg-marketing-value-note > strong { display:block; margin-block:4px 12px; font-size:52px; font-weight:500; letter-spacing:-.04em; line-height:1.3; }
.tg-marketing-value-note small { font-size:13px; font-weight:400; letter-spacing:0; }
.tg-marketing-value-note p { color:#c6d7cd; font-size:13px; }
.tg-marketing-text-link { display:inline-flex; min-height: 44px; min-width: 44px; align-items:center; gap:10px; margin-top:18px; font-size:14px; font-weight:500; text-decoration:underline !important; text-underline-offset:5px; }
.tg-marketing-privacy { background:#fff; }
.tg-marketing-privacy-grid { display:grid; grid-template-columns:1.2fr 1fr; align-items:center; gap:88px; }
.tg-marketing-privacy-copy p { max-width:500px; margin-top:24px; color:var(--tg-muted); font-size:14px; line-height:1.8; }
.tg-marketing-privacy-copy .tg-marketing-text-link { color:var(--tg-action); }
.tg-marketing-privacy-points { padding:0; list-style:none; }
.tg-marketing-privacy-points li { display:flex; gap:18px; padding-block:24px; border-bottom:1px solid var(--tg-line); }
.tg-marketing-privacy-points li:first-child { padding-top:0; }
.tg-marketing-privacy-points li:last-child { padding-bottom:0; border-bottom:0; }
.tg-marketing-privacy-points svg { flex-shrink:0; margin-top:3px; color:var(--tg-action); }
.tg-marketing-privacy-points strong { display:block; font-size:16px; font-weight:500; }
.tg-marketing-privacy-points span { display:block; margin-top:5px; color:var(--tg-muted); font-size:13px; line-height:1.7; }
.tg-marketing-pricing-heading { max-width:640px; }
.tg-marketing-pricing-heading > p { margin-top:20px; color:var(--tg-muted); font-size:15px; }
.tg-marketing-pricing-heading .tg-marketing-offer { padding-left:14px; border-left:2px solid var(--tg-action); font-size:13px; line-height:1.7; color:var(--tg-ink); }
.tg-marketing-plan-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); margin-top:40px; border:1px solid var(--tg-line); border-radius:14px; overflow:hidden; background:#fff; }
.tg-marketing-plan { display:flex; flex-direction:column; min-width:0; padding:28px; border-right:1px solid var(--tg-line); border-bottom:1px solid var(--tg-line); }
.tg-marketing-plan:nth-child(3n) { border-right:0; }
.tg-marketing-plan:nth-child(n+4) { border-bottom:0; }
.tg-marketing-plan.is-recommended { background:#edf4ec; }
.tg-marketing-plan-topline { display:flex; flex-wrap:wrap; gap:8px; justify-content:space-between; color:#657269; font-size:11px; }
.tg-marketing-plan-topline strong { color:var(--tg-action); font-weight:600; }
.tg-marketing-plan h3 { margin-top:14px; font-size:20px; font-weight:500; }
.tg-marketing-price { display:flex; align-items:baseline; gap:3px; margin-top:12px !important; color:var(--tg-ink); }
.tg-marketing-price > strong { font-size:40px; font-weight:500; letter-spacing:-.04em; line-height:1.2; }
.tg-marketing-price > small { margin-left:5px; color:var(--tg-muted); font-size:11px; }
.tg-marketing-plan-description { flex:1; margin-top:16px !important; font-size:13px; line-height:1.6; color:var(--tg-muted); }
.tg-marketing-plan-button { margin-top:24px; min-height:44px; border-color:var(--tg-line); padding-inline:12px; font-size:13px; }
.tg-marketing-plan-button:hover { border-color:var(--tg-action); }
.tg-marketing-plan-button.is-primary { background:var(--tg-ink); color:#fff; border-color:var(--tg-ink); }
.tg-marketing-plan-includes { display:flex; flex-wrap:wrap; gap:12px 28px; margin-top:24px !important; padding:0; list-style:none; color:var(--tg-muted); font-size:13px; }
.tg-marketing-plan-includes li { display:flex; align-items:center; gap:7px; }
.tg-marketing-plan-includes svg { color:var(--tg-action); }
.tg-marketing-pricing-note { max-width:840px; margin-top:22px !important; color:var(--tg-muted); font-size:12px; line-height:1.8; }
.tg-marketing-faq { border-top:1px solid var(--tg-line); background:#fff; }
.tg-marketing-faq-grid { display:grid; grid-template-columns:1fr 1.25fr; gap:88px; }
.tg-marketing-faq-heading p { max-width:360px; margin-top:20px; color:var(--tg-muted); font-size:14px; }
.tg-marketing-faq-list details { border-bottom:1px solid var(--tg-line); }
.tg-marketing-faq-list summary { position:relative; display:block; padding:22px 30px 22px 0; cursor:pointer; font-size:16px; font-weight:500; list-style:none; }
.tg-marketing-faq-list summary::-webkit-details-marker { display:none; }
.tg-marketing-faq-list summary::after { position:absolute; right:4px; top:20px; content:"+"; color:var(--tg-action); font-size:20px; font-weight:400; }
.tg-marketing-faq-list details[open] summary::after { content:"−"; }
.tg-marketing-faq-list p { padding:0 30px 22px 0; color:var(--tg-muted); font-size:14px; line-height:1.7; }
.tg-marketing-final-cta { padding-block:64px; background:var(--tg-paper); }
.tg-marketing-final-card { display:flex; align-items:center; justify-content:space-between; gap:48px; }
.tg-marketing-final-card h2 { max-width:580px; }
.tg-marketing-final-card p { max-width:520px; margin-top:18px; color:var(--tg-muted); font-size:14px; }
.tg-marketing-final-actions { display:flex; flex-direction:column; align-items:center; gap:10px; flex-shrink:0; }
.tg-button-inverse { background:var(--tg-ink); color:#fff !important; }
.tg-button-inverse:hover { background:var(--tg-action); }
.tg-marketing-login-link { font-size:13px; color:var(--tg-muted) !important; }
.tg-marketing-footer { padding-block:40px; border-top:1px solid var(--tg-line); background:var(--tg-paper); }
.tg-marketing-footer-grid { display:grid; grid-template-columns:1fr 1.7fr 1fr; gap:48px; align-items:start; }
.tg-marketing-footer-legal { color:var(--tg-muted); font-size:11px; line-height:1.8; }
.tg-marketing-footer-legal address { margin-block:8px; font-style:normal; }
.tg-marketing-footer nav { display:grid; grid-template-columns:repeat(2,1fr); gap:0 20px; color:var(--tg-muted); font-size:12px; }
.tg-marketing-skip { position:fixed; z-index:100; top:10px; left:10px; transform:translateY(-160%); padding:12px 16px; border-radius:8px; background:var(--tg-ink); color:#fff !important; }
.tg-marketing-skip:focus { transform:translateY(0); }
.tg-marketing summary:focus-visible { outline:2px solid var(--tg-action); outline-offset:4px; }
@media (max-width:1000px) {
  .tg-marketing-nav { gap:18px; font-size:12px; }
  .tg-marketing-header-inner { gap:16px; }
  .tg-marketing-hero-grid { gap:36px; padding-block:64px; }
  .tg-product-preview { padding:20px; }
  .tg-marketing-value-grid,.tg-marketing-privacy-grid,.tg-marketing-faq-grid { gap:40px; }
  .tg-marketing-plan { padding:22px; }
}
@media (max-width:760px) {
  .tg-marketing-shell { width:calc(100% - 40px); }
  .tg-marketing-header-inner { min-height:76px; }
  .tg-marketing-nav,.tg-marketing-auth-actions .tg-button-small { display:none; }
  .tg-marketing-hero-grid { grid-template-columns:1fr; gap:44px; padding-block:48px 44px; }
  .tg-marketing h1 { margin-top:20px; font-size:clamp(48px,10vw,68px); }
  .tg-marketing-hero-lede { max-width:470px; margin-top:22px !important; font-size:17px; }
  .tg-marketing-hero-actions { margin-top:26px; }
  .tg-marketing-hero-preview { width:min(100%,460px); margin-inline:auto; }
  .tg-product-preview { padding:22px; }
  .tg-marketing-proof-grid { justify-content:flex-start; gap:14px 22px; padding-block:22px; font-size:12px; }
  .tg-marketing-proof-grid > p { width:100%; }
  .tg-marketing-section { padding-block:56px; }
  .tg-marketing-section-heading-split { display:block; }
  .tg-marketing-section-heading-split > p { max-width:440px; margin-top:20px; }
  .tg-marketing-flow { grid-template-columns:1fr; gap:24px; margin-top:32px !important; }
  .tg-marketing-flow > li { display:grid; grid-template-columns:32px 1fr; column-gap:14px; padding-top:20px; }
  .tg-marketing-flow h3 { margin-top:0; font-size:20px; }
  .tg-marketing-step-number { padding-top:4px; }
  .tg-marketing-flow p { grid-column:2; margin-top:6px; }
  .tg-marketing-value-grid,.tg-marketing-privacy-grid,.tg-marketing-faq-grid { grid-template-columns:1fr; gap:32px; }
  .tg-marketing-value-note { border-left:0; border-top:1px solid #4d6c5b; padding-left:0; padding-top:26px; }
  .tg-marketing-value-note > strong { font-size:44px; }
  .tg-marketing-plan-grid { grid-template-columns:repeat(2,minmax(0,1fr)); margin-top:32px; }
  .tg-marketing-plan { padding:22px; }
  .tg-marketing-plan:nth-child(3n) { border-right:1px solid var(--tg-line); }
  .tg-marketing-plan:nth-child(n+4) { border-bottom:1px solid var(--tg-line); }
  .tg-marketing-plan:nth-child(2n) { border-right:0; }
  .tg-marketing-plan:nth-child(n+5) { border-bottom:0; }
  .tg-marketing-plan-topline { min-height:38px; align-content:flex-start; }
  .tg-marketing-plan-description { font-size:12px; }
  .tg-marketing-final-card { display:block; }
  .tg-marketing-final-actions { align-items:flex-start; margin-top:26px; }
  .tg-marketing-footer-grid { grid-template-columns:1fr; gap:24px; }
  .tg-marketing-footer nav { max-width:300px; }
}
@media (max-width:440px) {
  .tg-marketing-hero-actions { flex-direction:column; align-items:stretch; }
  .tg-marketing-hero-actions .tg-button { min-height:50px; }
  .tg-marketing-trust-list { gap:8px 14px; font-size:11px; }
  .tg-marketing-proof-grid { column-gap:18px; }
  .tg-marketing-plan-grid { grid-template-columns:1fr; }
  .tg-marketing-plan { display:grid; grid-template-columns:1fr auto; gap:0 12px; padding:22px; border-right:0 !important; border-bottom:1px solid var(--tg-line) !important; }
  .tg-marketing-plan:last-child { border-bottom:0 !important; }
  .tg-marketing-plan-topline { grid-column:1 / -1; min-height:0; }
  .tg-marketing-plan h3 { grid-column:1; margin-top:12px; align-self:center; }
  .tg-marketing-price { grid-column:2; grid-row:2; margin-top:12px !important; }
  .tg-marketing-price > strong { font-size:32px; }
  .tg-marketing-plan-description { grid-column:1 / -1; margin-top:10px !important; }
  .tg-marketing-plan-button { grid-column:1 / -1; margin-top:18px; }
  .tg-product-balance > strong { font-size:40px; }
  .tg-product-due { gap:8px; flex-wrap:wrap; font-size:11px; }
  .tg-product-due strong { font-size:12px; }
  .tg-product-movements > div:not(:first-child) { font-size:12px; }
}
@media (prefers-reduced-motion:reduce) { .tg-marketing *,.tg-marketing *::before,.tg-marketing *::after { transition:none !important; scroll-behavior:auto !important; } }