.tm-landing{--tm-bg:#f8fbff;--tm-card:#fff;--tm-ink:#172c46;--tm-muted:#52667c;--tm-blue:#195bba;--tm-sky:#eaf3fd;--tm-line:#dce6ef;--tm-brown:#906244;--tm-warm:#f3ece5;color:var(--tm-ink);background:var(--tm-bg);margin-top:26px;border:1px solid var(--tm-line);border-radius:22px;overflow:hidden;font-family:Arial,Helvetica,sans-serif;line-height:1.6}
html[data-theme=dark] .tm-landing{--tm-bg:#101c2b;--tm-card:#17273a;--tm-ink:#e9f2ff;--tm-muted:#b1c0d2;--tm-blue:#8cbdff;--tm-sky:#1c3149;--tm-line:#32445b;--tm-brown:#d7ac89;--tm-warm:#302b29;color-scheme:dark}
.tm-landing *{box-sizing:border-box}.tm-landing :is(h2,h3,p,figure){margin:0}.tm-landing a{text-decoration:none}.tm-landing :is(a,button):focus-visible{outline:3px solid var(--tm-brown);outline-offset:5px}.tm-landing section[id]{scroll-margin-top:25px}.tm-landing h2{font-weight:500;font-size:clamp(36px,4vw,52px);line-height:1.14;letter-spacing:-1.6px}.tm-landing h2 em{color:var(--tm-blue);font-style:normal}.tm-landing h3{font-size:26px;line-height:1.35;letter-spacing:-.4px}.tm-landing p{color:var(--tm-muted)}
.tm-access{display:flex;align-items:center;gap:18px;padding:24px 32px;background:var(--tm-sky);border-bottom:1px solid var(--tm-line)}.tm-access>div:nth-child(2){flex:1}.tm-access h2,.tm-access h3{font-size:22px;letter-spacing:-.3px;font-weight:700}.tm-access p{font-size:18px;margin-top:4px}.tm-access-icon{width:42px;height:42px;border:1px solid var(--tm-line);background:var(--tm-card);display:grid;place-items:center;border-radius:12px;color:var(--tm-blue);font-size:25px}.tm-button{display:inline-flex;align-items:center;justify-content:center;gap:13px;border:1px solid transparent;border-radius:8px;background:#195bba;color:#fff!important;font-size:18px;font-weight:700;line-height:1.4;padding:14px 18px;transition:background .2s,transform .2s}.tm-button:hover{background:#104993;transform:translateY(-2px)}.tm-google{background:#fff;color:#195bba;display:grid;place-items:center;width:22px;height:22px;border-radius:50%;font-size:18px}.tm-nav{display:flex;justify-content:space-between;align-items:center;gap:18px;padding:25px 32px;border-bottom:1px solid var(--tm-line);background:var(--tm-card)}.tm-wordmark{display:flex;align-items:center;gap:10px;font-weight:700;font-size:18px}.tm-mark{display:inline-block;color:var(--tm-blue);font-size:25px;letter-spacing:-2px;font-weight:800}.tm-mark span{color:var(--tm-brown)}.tm-nav-links{display:flex;gap:22px;font-size:18px;color:var(--tm-muted)}.tm-nav a:hover,.tm-text-link:hover{color:var(--tm-blue)}.tm-theme{display:flex;align-items:center;gap:7px;border:1px solid var(--tm-line);border-radius:7px;background:var(--tm-bg);color:var(--tm-ink);padding:9px 11px;cursor:pointer;font-size:18px;white-space:nowrap}.tm-theme>span:first-child{font-size:17px;line-height:1}
.tm-hero{display:grid;grid-template-columns:1fr 1.06fr;min-height:540px;position:relative;background:linear-gradient(120deg,var(--tm-card),var(--tm-sky))}.tm-hero-copy{padding:68px 24px 56px 42px;position:relative;z-index:1}.tm-kicker{font-size:14px!important;font-weight:700;letter-spacing:1.8px;color:var(--tm-brown)!important;line-height:1.5}.tm-hero .tm-kicker{display:flex;align-items:center;gap:8px}.tm-kicker>span{width:6px;height:6px;background:var(--tm-brown);border-radius:50%;flex:none}.tm-hero h2{font-size:clamp(52px,5.5vw,76px);letter-spacing:-2.8px;line-height:1.04;margin:23px 0}.tm-lead{font-size:20px;max-width:400px;line-height:1.8}.tm-hero-actions{display:flex;align-items:center;gap:23px;flex-wrap:wrap;margin-top:29px}.tm-text-link{font-size:18px;font-weight:700}.tm-hero-note{font-size:16px;color:var(--tm-muted);display:flex;align-items:center;gap:10px;margin-top:33px}.tm-note-line{width:27px;height:2px;background:var(--tm-brown)}.tm-hero-image{position:relative;min-width:0}.tm-hero-image>img{width:100%;height:100%;object-fit:cover;object-position:58% center;position:absolute;inset:0}.tm-hero-image figcaption{position:absolute;bottom:25px;left:22px;right:22px;background:rgba(255,255,255,.93);color:#172c46;border:1px solid rgba(255,255,255,.7);border-radius:12px;padding:17px;display:flex;gap:13px;align-items:center;box-shadow:0 8px 35px #142c4612;backdrop-filter:blur(12px)}.tm-photo-icon{color:#906244;background:#f3ece5;border-radius:10px;width:38px;height:38px;display:grid;place-items:center;font-size:25px;flex:none}.tm-hero-image strong{display:block;font-size:18px}.tm-hero-image small{display:block;font-size:16px;margin-top:3px;color:#52667c}.tm-ribbon{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:23px 42px;border-block:1px solid var(--tm-line);font-size:18px;font-weight:600;background:var(--tm-card)}.tm-ribbon i{color:var(--tm-brown);font-size:26px;font-style:normal;font-weight:400}
.tm-section{padding:68px 42px}.tm-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:32px}.tm-section-heading .tm-kicker,.tm-workspace .tm-kicker,.tm-workflow>.tm-kicker,.tm-control .tm-kicker{margin-bottom:16px}.tm-section-heading>p{max-width:285px;font-size:20px}.tm-features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.tm-feature{padding:26px;background:var(--tm-card);border:1px solid var(--tm-line);border-radius:14px;display:flex;flex-direction:column;align-items:flex-start}.tm-feature-icon{height:43px;width:43px;border-radius:11px;background:var(--tm-sky);color:var(--tm-blue);display:grid;place-items:center;font-size:28px;margin-bottom:23px}.tm-feature:nth-child(2) .tm-feature-icon{background:var(--tm-warm);color:var(--tm-brown)}.tm-feature-index{font-size:14px;letter-spacing:1.4px;color:var(--tm-muted);margin-bottom:10px}.tm-feature p{font-size:18px;margin:13px 0 22px;line-height:1.8}.tm-feature-tag{margin-top:auto;padding-top:15px;border-top:1px solid var(--tm-line);width:100%;font-size:16px;color:var(--tm-blue);font-weight:600}
.tm-workspace{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center;padding-top:5px}.tm-detail-image{position:relative;align-self:stretch;min-height:450px}.tm-detail-image img{width:100%;height:100%;object-fit:cover;object-position:47% center;border-radius:16px;position:absolute;inset:0}.tm-detail-image figcaption{position:absolute;bottom:13px;left:12px;right:12px;background:#ffffffee;color:#52667c;font-size:14px;padding:6px 9px;border-radius:5px}.tm-workspace-copy>p:not(.tm-kicker){margin-top:20px;font-size:20px}.tm-checks{list-style:none;padding:0;margin:25px 0;display:grid;gap:18px}.tm-checks li{display:flex;gap:12px}.tm-checks li>span{display:grid;place-items:center;width:23px;height:23px;flex:none;background:var(--tm-sky);color:var(--tm-blue);border-radius:50%;font-size:18px}.tm-checks strong{font-size:18px}.tm-checks p{font-size:18px;margin-top:3px}.tm-workspace-copy .tm-availability{font-size:16px!important;border-top:1px solid var(--tm-line);padding-top:16px;line-height:1.7}
.tm-workflow{background:var(--tm-sky);border-block:1px solid var(--tm-line)}.tm-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:26px;margin-top:37px}.tm-steps article{border-top:1px solid var(--tm-line);padding-top:20px}.tm-steps article>span{display:inline-block;color:var(--tm-brown);font-size:18px;margin-bottom:21px}.tm-steps h3{font-size:20px;margin-bottom:10px}.tm-steps p{font-size:18px;line-height:1.8}.tm-control{padding:65px 42px;display:grid;grid-template-columns:1fr 1.2fr;gap:46px;background:var(--tm-card)}.tm-control>div>p:last-child{font-size:20px;margin-top:20px;max-width:320px}.tm-control-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.tm-control-grid article>span{color:var(--tm-brown);font-size:23px;display:block;margin-bottom:9px}.tm-control-grid h3{font-size:20px;margin-bottom:7px}.tm-control-grid p{font-size:18px}
.tm-final{padding:65px 42px;text-align:center;background:radial-gradient(ellipse at 50% 10%,var(--tm-sky),var(--tm-bg) 80%);border-top:1px solid var(--tm-line)}.tm-final h2{font-size:clamp(42px,5vw,68px);margin:19px 0}.tm-final>p:not(.tm-kicker){font-size:20px}.tm-access-bottom{text-align:left;max-width:850px;margin:31px auto 0;border:1px solid var(--tm-line);border-radius:13px;background:var(--tm-card);justify-content:space-between;padding:22px}.tm-access-bottom>div{flex:1}.tm-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid var(--tm-line);padding:24px 32px;background:var(--tm-card);font-size:16px;color:var(--tm-muted)}.tm-footer>a:last-child{font-weight:700;color:var(--tm-brown)}
@media(min-width:1600px){.tm-hero h2{font-size:76px}}
@media(max-width:1000px){.tm-nav-links{gap:12px}.tm-hero-copy{padding-left:30px}.tm-section,.tm-control,.tm-final{padding-left:30px;padding-right:30px}.tm-feature{padding:20px}.tm-workspace{gap:28px}.tm-access{padding:20px}.tm-access-icon{display:none}.tm-ribbon{padding-inline:25px}.tm-nav{padding-inline:22px}}
@media(max-width:760px){.tm-nav{flex-wrap:wrap}.tm-nav-links{order:3;width:100%;justify-content:space-between;padding-top:8px}.tm-nav .tm-wordmark{font-size:18px}.tm-hero{grid-template-columns:1fr}.tm-hero-copy{padding:42px 25px}.tm-hero h2{font-size:clamp(44px,8vw,62px)}.tm-hero-image{height:390px}.tm-hero-image>img{object-position:center 44%}.tm-hero-image figcaption{max-width:380px}.tm-ribbon{display:grid;grid-template-columns:1fr 1fr;gap:13px;text-align:center;font-size:16px}.tm-ribbon i{display:none}.tm-access{flex-wrap:wrap;gap:15px}.tm-access>.tm-button{width:100%}.tm-section,.tm-control,.tm-final{padding:44px 24px}.tm-section-heading{display:block}.tm-section-heading>p{max-width:none;margin-top:18px}.tm-features{grid-template-columns:1fr}.tm-feature{padding:24px}.tm-feature-icon{margin-bottom:16px}.tm-feature p{margin-bottom:16px}.tm-workspace{grid-template-columns:1fr;padding-top:0}.tm-detail-image{min-height:340px}.tm-workspace-copy{padding-top:5px}.tm-steps{grid-template-columns:1fr 1fr}.tm-control{grid-template-columns:1fr;gap:30px}.tm-footer{flex-wrap:wrap;padding:22px 24px}.tm-footer>span{order:3;width:100%}.tm-access-bottom{padding:20px}.tm-access-bottom p{font-size:18px}.tm-landing h2{letter-spacing:-1px}}
@media(prefers-reduced-motion:reduce){.tm-button{transition:none}}

/* Readable type and touch-friendly layouts at every viewport size. */
.tm-landing { font-size: 18px; }
.tm-landing :is(h2,h3,p,a,button,figcaption) { overflow-wrap: break-word; }
.tm-landing :is(article,.tm-hero-copy,.tm-workspace-copy,.tm-access>div) { min-width: 0; }
.tm-landing h2 { font-weight: 600; }
.tm-wordmark { font-size: 24px; line-height: 1.3; }
.tm-mark { font-size: 36px; flex: none; }
.tm-nav-links { font-size: 18px; font-weight: 600; }
.tm-nav-links a, .tm-text-link, .tm-footer>a:last-child { display: inline-flex; align-items: center; min-height: 48px; }
.tm-theme { min-height: 48px; font-size: 18px; padding: 12px 16px; }
.tm-button { min-height: 54px; font-size: 18px; padding: 16px 20px; }
.tm-access { flex-wrap: wrap; }
.tm-access h2, .tm-access h3 { font-size: 26px; }
.tm-access p, .tm-access-bottom p { font-size: 18px; line-height: 1.6; }
.tm-access-bottom { max-width: none; gap: 24px; }
.tm-hero { grid-template-columns: 1.1fr 1fr; }
.tm-lead { max-width: 480px; font-size: 22px; line-height: 1.65; }
.tm-hero h2 { letter-spacing: -2px; }
.tm-hero-note { line-height: 1.6; }
.tm-kicker { letter-spacing: 1.3px; }
.tm-ribbon { flex-wrap: wrap; font-size: 18px; }
.tm-section-heading { display: block; }
.tm-section-heading>p { max-width: 750px; margin-top: 22px; }
.tm-feature p, .tm-steps p, .tm-control-grid p, .tm-checks p { line-height: 1.7; }
.tm-control-grid h3, .tm-steps h3 { font-size: 24px; }
.tm-checks strong { font-size: 22px; }
.tm-checks li>span { width: 28px; height: 28px; }
.tm-control>div>p:last-child { max-width: none; }
.tm-detail-image { min-height: 540px; }
.tm-detail-image figcaption { font-size: 14px; }
.tm-footer { flex-wrap: wrap; font-size: 16px; }
@media(max-width:1100px) {
  .tm-nav { flex-wrap: wrap; }
  .tm-nav-links { order: 3; width: 100%; justify-content: space-between; gap: 16px; }
  .tm-features { grid-template-columns: 1fr; }
  .tm-steps { grid-template-columns: 1fr 1fr; }
  .tm-hero { grid-template-columns: 1fr; }
  .tm-hero-image { height: 440px; }
  .tm-hero-copy { padding: 48px 30px; }
  .tm-lead { max-width: 700px; }
  .tm-workspace, .tm-control { grid-template-columns: 1fr; }
  .tm-detail-image { min-height: 440px; }
  .tm-access>.tm-button { flex-shrink: 0; }
}
@media(max-width:760px) {
  .tm-nav .tm-wordmark { font-size: 24px; }
  .tm-nav { gap: 18px; }
  .tm-hero h2 { font-size: clamp(44px, 10vw, 64px); line-height: 1.08; letter-spacing: -1.5px; }
  .tm-hero-copy { padding: 38px 24px; }
  .tm-hero-image { height: 360px; }
  .tm-lead { font-size: 20px; }
  .tm-section, .tm-control, .tm-final { padding: 44px 24px; }
  .tm-workspace { padding-top: 0; }
  .tm-access-bottom { padding: 20px; }
  .tm-ribbon { font-size: 18px; }
  .tm-landing h2 { font-size: 36px; }
  .tm-access h2 { font-size: 26px; }
  .tm-final h2 { font-size: 44px; }
}
@media(max-width:600px) {
  .tm-landing { margin-top: 12px; border-radius: 16px; }
  .tm-nav-links { display: grid; grid-template-columns: 1fr; gap: 8px; padding-top: 0; }
  .tm-nav-links a { padding: 10px 14px; border: 1px solid var(--tm-line); border-radius: 8px; background: var(--tm-bg); }
  .tm-nav .tm-wordmark { width: 100%; }
  .tm-theme { width: 100%; justify-content: center; }
  .tm-access { display: block; }
  .tm-access>.tm-button { display: grid; grid-template-columns: 22px minmax(0,1fr) 18px; gap: 10px; width: 100%; margin-top: 20px; text-align: center; padding-inline: 12px; }
  .tm-access-icon { display: none; }
  .tm-hero-actions { display: grid; gap: 12px; }
  .tm-text-link { justify-content: center; }
  .tm-steps, .tm-control-grid, .tm-ribbon { grid-template-columns: 1fr; }
  .tm-ribbon { text-align: left; gap: 12px; }
  .tm-ribbon span { padding-block: 8px; }
  .tm-hero-image figcaption { left: 12px; right: 12px; bottom: 12px; padding: 14px; }
  .tm-hero-image strong { font-size: 18px; }
  .tm-hero-image small { font-size: 16px; }
  .tm-detail-image { min-height: 340px; }
  .tm-feature { padding: 22px; }
  .tm-section-heading>p, .tm-workspace-copy>p:not(.tm-kicker), .tm-control>div>p:last-child, .tm-final>p:not(.tm-kicker) { font-size: 18px; }
  .tm-footer { display: grid; gap: 16px; }
  .tm-footer>span { order: initial; }
}
@media(max-width:760px) {
  .tm-landing #tm-title { font-size: clamp(44px, 10vw, 64px); line-height: 1.08; }
}