.WswkF a:is(:hover, :focus-visible), .WswkF a[aria-current] { color: var(--tm-paper); filter: none; }
.WswkF a:is(:hover, :focus-visible)::after, .WswkF a[aria-current]::after { background: var(--tm-blue-focus); }
.cAKTma { position: sticky; top: 0px; z-index: 100; width: 100%; --header-surface: var(--paper); --header-ink: var(--ink); --header-ink-soft: var(--ink-soft); --header-line-soft: var(--line-soft); border-bottom: 0.1rem solid var(--brand); background: var(--header-surface); backdrop-filter: blur(1.2rem); }
.cAKTma .ax-header-inner { display: flex; align-items: center; justify-content: space-between; max-width: var(--site-content-width); height: 7.6rem; margin: 0px auto; padding: 0px 2.4rem; }
.cAKTma .ax-header-wordmark { font-size: 2rem; font-weight: 700; color: var(--header-ink); }
.cAKTma .ax-header-wordmark::after { content: ""; display: inline-block; width: 0.8rem; height: 0.8rem; margin-left: 0.4rem; border-radius: 50%; background: var(--brand); }
.cAKTma .ax-header-logo { display: flex; align-items: center; }
.cAKTma .ax-logo-wordmark { display: block; height: 3.2rem; width: auto; filter: invert(1); }
:root[data-theme="light"] .cAKTma .ax-logo-wordmark { filter: none; }
@media (prefers-color-scheme: light) {
:root[data-theme="system"] .cAKTma .ax-logo-wordmark { filter: none; }
}
.cAKTma .ax-header-user .account-controls { display: flex; align-items: center; gap: 1.2rem; }
.cAKTma .ax-header-user { display: flex; align-items: center; gap: 1.2rem; }
.cAKTma .ax-header-icon-btn { position: relative; display: inline-flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border: 0px; border-radius: var(--r-lg); background: transparent; color: var(--brand-icon); text-decoration: none; transition: 0.2s; }
.cAKTma .ax-header-icon-btn svg { width: 2.1rem; height: 2.1rem; display: block; }
.cAKTma .ax-header-icon-btn:hover { background: var(--brand-light); }
.cAKTma .ax-header-icon-btn[data-tooltip]::after { content: attr(data-tooltip); position: absolute; top: calc(100% + 0.9rem); left: 50%; transform: translateX(-50%) translateY(0.3rem); padding: 0.8rem 1.2rem; border-radius: var(--r-sm); background: var(--action-primary,var(--tm-ink)); color: var(--tm-paper); font-size: 1.4rem; font-weight: 400; line-height: 1.5; white-space: nowrap; opacity: 0; pointer-events: none; transition: opacity 0.15s, transform 0.15s; z-index: 10; }
.cAKTma .ax-header-icon-btn[data-tooltip]::before { content: ""; position: absolute; top: calc(100% + 0.3rem); left: 50%; transform: translateX(-50%) translateY(0.3rem); border-width: 0.6rem; border-style: solid; border-top-color: transparent; border-right-color: transparent; border-left-color: transparent; border-image: none; border-bottom-color: var(--action-primary,var(--tm-ink)); opacity: 0; pointer-events: none; transition: opacity 0.15s, transform 0.15s; z-index: 10; }
@media (hover: hover) and (pointer: fine) {
.cAKTma .ax-header-icon-btn[data-tooltip]:hover::after, .cAKTma .ax-header-icon-btn[data-tooltip]:hover::before { opacity: 1; transform: translateX(-50%) translateY(0px); }
}
.cAKTma .ax-header-icon-btn[data-tooltip]:focus-visible::after, .cAKTma .ax-header-icon-btn[data-tooltip]:focus-visible::before { opacity: 1; transform: translateX(-50%) translateY(0px); }
.cAKTma .ax-header-profile { display: inline-flex; align-items: center; gap: 0.7rem; height: 4rem; padding: 0px 1.2rem 0px 0.5rem; border: 0.1rem solid var(--header-line-soft); border-radius: var(--r-lg); background: var(--header-surface); text-decoration: none; transition: 0.2s; }
.cAKTma .ax-header-avatar { width: 3rem; height: 3rem; border-radius: 50%; object-fit: cover; background: var(--header-line-soft); flex-shrink: 0; display: block; }
.cAKTma .ax-header-username { font-size: 1.6rem; font-weight: 700; color: var(--header-ink); }
@media (hover: hover) and (pointer: fine) {
.cAKTma .ax-header-profile:hover { border-color: var(--brand-strong); }
.cAKTma .ax-header-profile:hover .ax-header-username { color: var(--brand-strong); }
}
.cAKTma .ax-header-auth-button { height: 4rem; padding: 0px 1.6rem; border: 0.1rem solid var(--header-line-soft); border-radius: var(--r-lg); background: var(--header-surface); color: var(--header-ink); font-size: 1.4rem; font-weight: 700; transition: 0.2s; }
@media (hover: hover) and (pointer: fine) {
.cAKTma .ax-header-auth-button:hover { border-color: var(--brand-strong); color: var(--brand-strong); }
}
@media (max-width: 600px) {
.cAKTma .ax-header-inner { height: 6rem; padding: 0px 1.6rem; gap: 1rem; }
.cAKTma .ax-logo-wordmark { height: 2.4rem; }
.cAKTma .ax-header-user { flex: 1 1 auto; min-width: 0px; justify-content: flex-end; gap: 0.6rem; }
.cAKTma .ax-header-icon-btn { width: 3.4rem; height: 3.4rem; }
.cAKTma .ax-header-icon-btn svg { width: 1.9rem; height: 1.9rem; }
.cAKTma .ax-header-username { display: none; }
.cAKTma .ax-header-profile { height: 3.4rem; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: none; background: none; }
.cAKTma .ax-header-avatar { width: 3.4rem; height: 3.4rem; }
.cAKTma .ax-header-auth-button { height: 3.4rem; padding: 0px 1rem; font-size: 1.3rem; white-space: nowrap; }
}
.giBOms.giBOms.giBOms { box-sizing: border-box; position: sticky; top: 0px; z-index: 100; width: 100%; max-width: none; margin: 0px; background: var(--tm-paper); color: var(--tm-ink); border-bottom: 1px solid var(--tm-border); font-family: "Pretendard Variable", Pretendard, -apple-system, sans-serif; font-size: 16px; line-height: 1.6; --paper: var(--tm-paper); --ink: var(--tm-ink); --ink-soft: var(--tm-text); --muted: var(--tm-muted); --line: var(--tm-border); }
@media (min-width: 701px) and (max-width: 1479px) {
.giBOms.giBOms.giBOms[data-with-rail="true"] { padding-left: var(--shell-rail-w); }
}
.giBOms.giBOms.giBOms > header { position: static; width: 100%; background: rgba(255, 255, 255, 0.93); border: 0px; color: inherit; }
.giBOms.giBOms.giBOms .ax-header-inner { box-sizing: border-box; display: flex; align-items: center; flex-wrap: wrap; justify-content: flex-start; max-width: var(--site-content-width); min-height: 68px; height: auto; margin: auto; padding: 12px var(--site-page-gutter); gap: 24px; }
.giBOms.giBOms.giBOms .ax-header-logo { flex: 0 0 auto; padding: 0px; background: transparent; filter: none; transform: none; }
.giBOms.giBOms.giBOms .ax-header-logo img { display: block; width: 114px; height: 24px; max-width: none; object-fit: contain; filter: none; }
.giBOms.giBOms.giBOms .ax-site-navigation { display: flex; align-items: center; gap: 28px; white-space: nowrap; font-size: 16px; }
.giBOms.giBOms.giBOms .ax-site-navigation a { padding: 8px 0px; color: var(--tm-text); text-decoration: none; font-size: 16px; font-weight: 500; }
.giBOms.giBOms.giBOms .ax-site-navigation a:is(:hover, :focus-visible) { color: var(--tm-accent-blue, var(--tm-blue)); filter: none; }
.giBOms.giBOms.giBOms .ax-site-navigation a[aria-current] { color: var(--tm-accent-blue, var(--tm-blue)); box-shadow: currentcolor 0px -2px inset; }
.giBOms.giBOms.giBOms .ax-service-menu { position: relative; }
.giBOms.giBOms.giBOms .ax-service-menu::after { content: ""; position: absolute; inset: 100% 0px auto; height: 16px; }
.giBOms.giBOms.giBOms .ax-service-trigger { display: flex; align-items: center; gap: 3px; }
.giBOms.giBOms.giBOms .ax-service-toggle { display: flex; align-items: center; justify-content: center; width: 26px; height: 40px; padding: 0px; border: 0px; border-radius: 4px; background: transparent; color: var(--tm-text); cursor: pointer; }
.giBOms.giBOms.giBOms .ax-service-toggle svg { width: 16px; height: 16px; transition: transform 0.18s; }
.giBOms.giBOms.giBOms .ax-service-menu[data-open] .ax-service-toggle svg { transform: rotate(180deg); }
.giBOms.giBOms.giBOms .ax-service-toggle:focus-visible { outline: 2px solid var(--tm-accent-blue, var(--tm-blue)); outline-offset: 2px; }
.giBOms.giBOms.giBOms .ax-service-dropdown { position: absolute; z-index: 110; top: calc(100% + 12px); left: -16px; display: block; width: 238px; padding: 8px; border: 1px solid var(--tm-border); border-radius: 12px; background: var(--tm-paper); box-shadow: rgba(32, 36, 43, 0.1) 0px 10px 30px; animation: 0.18s ease 0s 1 normal none running ax-service-enter; }
.giBOms.giBOms.giBOms .ax-service-dropdown[hidden] { display: none; }
.giBOms.giBOms.giBOms .ax-service-dropdown a, .giBOms.giBOms.giBOms .ax-service-coming-soon { display: flex; align-items: center; gap: 12px; min-height: 44px; padding: 9px 12px; border-radius: 8px; font: 400 16px / 1.6 "Pretendard Variable", Pretendard, sans-serif; }
.giBOms.giBOms.giBOms .ax-service-dropdown a:is(:hover, :focus-visible) { background: var(--tm-selected); color: var(--tm-accent-blue, var(--tm-blue)); filter: none; }
.giBOms.giBOms.giBOms .ax-service-dropdown a[aria-current] { background: var(--tm-selected); color: var(--tm-accent-blue, var(--tm-blue)); box-shadow: none; }
.giBOms.giBOms.giBOms .ax-service-dropdown a[aria-current] svg { color: currentcolor; }
.giBOms.giBOms.giBOms .ax-service-menu[data-active] .ax-service-toggle { color: var(--tm-accent-blue, var(--tm-blue)); }
.giBOms.giBOms.giBOms .ax-service-dropdown svg { display: block; width: 22px; height: 22px; flex: 0 0 22px; color: var(--tm-muted); }
.giBOms.giBOms.giBOms .ax-service-coming-soon { color: var(--tm-muted); }
.giBOms.giBOms.giBOms .ax-service-coming-soon small { margin-left: auto; padding: 1px 6px; border-radius: 4px; background: var(--tm-selected); font-size: 14px; white-space: nowrap; }
@keyframes ax-service-enter { 
  0% { opacity: 0; transform: translateY(-7px); }
  100% { opacity: 1; transform: translateY(0px); }
}
.giBOms.giBOms.giBOms .ax-header-user { display: flex; align-items: center; flex: 0 0 auto; gap: 8px; min-width: 0px; margin-left: auto; }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button { box-sizing: border-box; display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 44px; min-width: 0px; max-width: 100%; padding: 9px 16px; border: 1px solid var(--tm-ink); border-radius: 10px; background: var(--tm-ink); color: var(--tm-paper); font: 650 16px / 20px "Pretendard Variable", Pretendard, sans-serif; text-decoration: none; white-space: normal; word-break: keep-all; overflow-wrap: break-word; text-align: center; cursor: pointer; transform: none; filter: none; transition: background-color 0.18s, border-color 0.18s, color 0.18s; height: 44px; }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button:is(:hover, :focus-visible) { background: var(--tm-accent-blue, var(--tm-blue)); border-color: var(--tm-accent-blue, var(--tm-blue)); color: var(--tm-paper); transform: none; filter: none; }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button:focus-visible { outline: 2px solid var(--tm-accent-blue, var(--tm-blue)); outline-offset: 3px; }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button[data-variant="secondary"] { background: var(--tm-selected); border-color: var(--tm-border); color: var(--tm-text); }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button[data-variant="secondary"]:is(:hover, :focus-visible) { background: var(--tm-border); border-color: var(--tm-outline); color: var(--tm-ink); }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button svg { display: block; width: 24px; height: 24px; flex-shrink: 0; color: inherit; }
@media (prefers-reduced-motion: reduce) {
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button { transition: none; }
}
.giBOms.giBOms.giBOms .ax-header-user .ax-header-org { display: none; }
.giBOms.giBOms.giBOms .ax-header-user .nb-btn { display: inline-flex; align-items: center; justify-content: center; width: 40px; min-width: 40px; height: 40px; padding: 10px; border: 0px; border-radius: 10px; background: transparent; color: var(--tm-text); font: inherit; filter: none; transform: none; }
.giBOms.giBOms.giBOms .ax-header-user .nb-btn:is(:hover, :focus-visible, [aria-expanded="true"]) { background: var(--tm-selected); color: var(--tm-text); filter: none; }
.giBOms.giBOms.giBOms .ax-header-user .nb-btn svg { width: 20px; height: 20px; }
.giBOms.giBOms.giBOms .ax-header-user .pm-trigger { min-height: 40px; padding: 3px 4px; gap: 8px; background: transparent; border: 0px; color: var(--tm-text); font-family: inherit; font-size: 16px; line-height: 1.6; font-weight: 500; filter: none; transform: none; }
.giBOms.giBOms.giBOms .ax-header-user .pm-avatar { display: block; width: 34px; height: 34px; max-width: none; border-radius: 50%; object-fit: cover; }
.giBOms.giBOms.giBOms .ax-header-user .pm-caret { width: 16px; height: 16px; }
.giBOms.giBOms.giBOms .ax-header-account-placeholder, .giBOms.giBOms.giBOms .ax-header-profile-placeholder { display: block; height: 40px; flex: 0 0 auto; border-radius: 10px; background: var(--tm-selected); }
.giBOms.giBOms.giBOms .ax-header-account-placeholder { width: 114px; }
.giBOms.giBOms.giBOms .ax-header-profile-placeholder { width: 66px; }
@media (max-width: 760px) {
.giBOms.giBOms.giBOms .ax-header-inner { padding: 12px 16px; gap: 12px 16px; }
.giBOms.giBOms.giBOms .ax-site-navigation { order: 3; width: 100%; flex-wrap: wrap; gap: 8px 24px; }
}
@media (max-width: 560px) {
.giBOms.giBOms.giBOms .ax-site-navigation { gap: 8px 16px; }
.giBOms.giBOms.giBOms .ax-service-menu { position: static; }
.giBOms.giBOms.giBOms .ax-site-navigation { position: relative; }
.giBOms.giBOms.giBOms .ax-service-dropdown { top: calc(100% + 8px); left: 0px; width: min(100%, 300px); }
.giBOms.giBOms.giBOms .ax-service-toggle { width: 24px; min-height: 44px; }
.giBOms.giBOms.giBOms .ax-header-inner { display: grid; grid-template-columns: 114px minmax(0px, 1fr); grid-template-areas: "logo account" "navigation navigation"; min-height: 120px; }
.giBOms.giBOms.giBOms .ax-header-logo { grid-area: logo; }
.giBOms.giBOms.giBOms .ax-site-navigation { grid-area: navigation; margin: 0px; }
.giBOms.giBOms.giBOms .ax-header-user { grid-area: account; width: auto; margin: 0px; justify-content: flex-end; }
.giBOms.giBOms.giBOms .ax-header-user .ax-header-auth-button { height: 40px; min-height: 40px; padding: 8px 12px; font-size: 14px; }
}
@media (max-width: 360px) {
.giBOms.giBOms.giBOms .ax-header-inner { grid-template-areas: "logo logo" "navigation navigation" "account account"; grid-template-rows: 24px 44px 40px; min-height: 156px; }
.giBOms.giBOms.giBOms .ax-site-navigation { flex-wrap: nowrap; gap: 8px 6px; }
}
@media (pointer: coarse) {
.giBOms.giBOms.giBOms .ax-service-toggle { min-width: 44px; min-height: 44px; }
}
@media (prefers-reduced-motion: reduce) {
.giBOms.giBOms.giBOms .ax-service-dropdown { animation: auto ease 0s 1 normal none running none; }
.giBOms.giBOms.giBOms .ax-service-toggle svg { transition: none; }
}
.hAljgF { container: marketing-footer / inline-size; width: 100%; background: var(--tm-surface); color: var(--tm-description-ink, var(--tm-muted)); padding: 64px var(--site-page-gutter,24px) 48px; position: relative; isolation: isolate; font-family: "Pretendard Variable", Pretendard, sans-serif; line-height: 1.7; }
.hAljgF::before { content: ""; position: absolute; z-index: -1; inset: 0px; background: var(--tm-surface); box-shadow: 0 0 0 100vmax var(--tm-surface); clip-path: inset(0px -100vmax); }
.hAljgF, .hAljgF * { box-sizing: border-box; }
.hAljgF .footer-inner { width: 100%; max-width: calc(var(--site-content-width,1320px) - 2 * var(--site-page-gutter,24px)); margin-inline: auto; }
.hAljgF .footer-brand { display: inline-flex; align-items: center; margin-bottom: 40px; }
.hAljgF .footer-brand img { display: block; width: 152px; height: 32px; object-fit: contain; }
.hAljgF .footer-groups { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)) minmax(208px, 1fr); gap: 32px; }
.hAljgF nav { display: flex; flex-direction: column; align-items: flex-start; gap: 12px; min-width: 0px; }
.hAljgF.hAljgF h3 { color: var(--tm-ink); font-size: 17px; line-height: 1.4; letter-spacing: normal; font-weight: 700; margin: 0px 0px 8px; }
.hAljgF a { color: inherit; font-size: 16px; text-decoration: none; overflow-wrap: anywhere; }
.hAljgF .footer-coming-soon { display: flex; flex-wrap: wrap; align-items: center; gap: 6px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; cursor: default; }
.hAljgF .footer-coming-soon small { padding: 4px 8px; border-radius: 4px; background: var(--tm-danger-soft); color: var(--tm-danger); font-size: 16px; font-weight: 700; }
.hAljgF.hAljgF a:hover { color: var(--tm-blue); }
.hAljgF.hAljgF a:focus-visible { outline: 2px solid var(--tm-blue); outline-offset: 4px; }
.hAljgF .footer-app { min-width: 0px; }
.hAljgF .footer-app h3 { margin-bottom: 20px; }
.hAljgF .footer-qr { display: block; width: 132px; }
.hAljgF .footer-qr img { display: block; width: 132px; height: 132px; }
.hAljgF .footer-app p { margin: 12px 0px 16px; font-size: 16px; line-height: 1.7; }
.hAljgF .footer-install-buttons { display: flex; flex-wrap: wrap; gap: 8px; }
.hAljgF .footer-install-buttons a { display: inline-flex; justify-content: center; align-items: center; gap: 8px; min-height: 40px; padding: 8px 12px; border-radius: 999px; background: var(--tm-selected); color: var(--tm-text); font-weight: 600; white-space: nowrap; }
.hAljgF .footer-install-buttons a:hover { background: var(--tm-border); color: var(--tm-ink); }
.hAljgF .footer-install-buttons svg { flex-shrink: 0; width: 18px; height: 18px; }
.hAljgF .footer-legal { margin-top: 48px; padding-top: 24px; border-top: 1px solid var(--tm-border); font-size: 16px; }
.hAljgF .footer-legal strong { display: block; color: var(--tm-text); font-size: 16px; }
.hAljgF .footer-legal p { margin: 8px 0px 0px; font-size: 16px; line-height: 1.7; overflow-wrap: anywhere; }
.hAljgF .copyright { padding-top: 16px; }
@media (min-width: 701px) {
.hAljgF[data-with-rail] { padding-left: calc(var(--shell-rail-w,80px) + var(--site-page-gutter,24px)); }
}
@container marketing-footer (max-width: 1000px) {
.hAljgF .footer-groups { grid-template-columns: repeat(4, minmax(0px, 1fr)); }
.hAljgF .footer-app { grid-column: 1 / -1; }
}
@media (max-width: 700px) {
.hAljgF { padding: 48px 20px 32px; }
}
@container marketing-footer (max-width: 700px) {
.hAljgF .footer-groups { grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 32px 24px; }
.hAljgF .footer-legal { margin-top: 32px; }
}
.bIGIpj { display: contents; }
.bIGIpj[hidden] { display: none; }
.bDiUZN.bDiUZN { display: block; width: 100%; min-width: 0px; padding: 0px; margin: 0px; overflow: hidden; border: 1px solid var(--tm-ink); border-radius: 18px; background: var(--tm-paper); box-shadow: rgba(32, 36, 43, 0.094) 0px 28px 60px, rgba(32, 36, 43, 0.03) 0px 6px 16px; }
.bDiUZN.bDiUZN > .product-window-bar { box-sizing: border-box; display: flex; align-items: center; gap: 16px; height: 48px; padding: 12px 18px; border-bottom: 1px solid var(--tm-ink); background: linear-gradient(var(--tm-text),var(--tm-ink)); color: var(--tm-surface); font-size: 16px; line-height: 24px; font-weight: 600; text-align: left; }
.bDiUZN.bDiUZN .product-window-dots { display: flex; gap: 8px; flex-shrink: 0; }
.bDiUZN.bDiUZN .product-window-dots i { display: block; width: 12px; height: 12px; border-radius: 50%; background: var(--tm-window-red); box-shadow: rgba(255, 255, 255, 0.44) 0px 1px 1px inset, rgba(32, 36, 43, 0.125) 0px 0px 0px 1px; }
.bDiUZN.bDiUZN .product-window-dots i:nth-child(2) { background: var(--tm-window-yellow); }
.bDiUZN.bDiUZN .product-window-dots i:nth-child(3) { background: var(--tm-window-green); }
.bDiUZN.bDiUZN .product-window-title { min-width: 0px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; color: var(--tm-surface); }
.bDiUZN.bDiUZN .product-window-status { flex-shrink: 0; margin-left: auto; color: var(--tm-outline-hover); font-weight: 400; white-space: nowrap; }
.bDiUZN.bDiUZN > .product-window-content { display: block; min-width: 0px; padding: 0px; background: var(--tm-paper); }
.bDiUZN.bDiUZN > .product-window-content > img { display: block; box-sizing: border-box; width: 100%; max-width: 100%; height: auto; object-fit: contain; border: 0px; border-radius: 0px; box-shadow: none; outline: 0px; }
@media (max-width: 700px) {
.bDiUZN.bDiUZN { border-radius: 16px; }
.bDiUZN.bDiUZN > .product-window-bar { gap: 10px; padding: 12px 14px; }
.bDiUZN.bDiUZN .product-window-status { display: none; }
}
.fFnFfh.fFnFfh .product-window-dots i:nth-child(2) { background: var(--tm-window-yellow); }
.fFnFfh.fFnFfh .product-window-dots i:nth-child(3) { background: var(--tm-window-green); }
.QjAob { font-family: "Pretendard Variable", Pretendard, -apple-system, sans-serif; color: var(--tm-title-ink, var(--tm-ink)); background: white; font-size: 18px; line-height: 1.6; overflow-x: clip; }
.QjAob, .QjAob *, .QjAob ::before, .QjAob ::after { box-sizing: border-box; }
.QjAob h1, .QjAob h2, .QjAob h3, .QjAob p, .QjAob figure, .QjAob ul { margin: 0px; }
.QjAob button { font: inherit; cursor: pointer; }
.QjAob button, .QjAob a, .QjAob summary { -webkit-tap-highlight-color: transparent; }
.QjAob a { color: inherit; text-decoration: none; }
.QjAob button:focus-visible, .QjAob a:focus-visible, .QjAob summary:focus-visible { outline: 3px solid var(--tm-accent-blue, var(--tm-blue)); outline-offset: 4px; }
.QjAob [hidden] { display: none !important; }
.QjAob .container { width: 100%; max-width: 1320px; padding-inline: 24px; margin-inline: auto; }
.QjAob .rd-icon { flex-shrink: 0; vertical-align: middle; }
.QjAob .eyebrow { display: inline-block; width: fit-content; padding: 6px 12px; margin-bottom: 20px; border: 0px; border-radius: 6px; background: var(--tm-paper); color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; line-height: 1.5; font-weight: 700; cursor: default; }
.QjAob h1 { font-size: clamp(48px, 4.86vw, 68px); line-height: 1.24; letter-spacing: -0.045em; font-weight: 750; word-break: keep-all; }
.QjAob .message-accent { font-style: normal; color: var(--tm-accent-blue, var(--tm-blue)); }
.QjAob h2 { font-size: clamp(35px, 3.564vw, 52px); line-height: 1.3; letter-spacing: -0.035em; font-weight: 720; word-break: keep-all; }
.QjAob h3 { font-size: 26px; line-height: 1.4; letter-spacing: -0.025em; font-weight: 700; }
.QjAob .rd-button { display: inline-flex; justify-content: center; align-items: center; gap: 14px; min-height: 56px; padding: 14px 22px; border: 1px solid transparent; border-radius: 10px; font-size: 18px; line-height: 1.4; font-weight: 650; text-align: center; transition: background-color 160ms, border-color 160ms, color 160ms; }
.QjAob .rd-button { background: var(--tm-ink); color: var(--tm-paper); border-color: var(--tm-ink); }
.QjAob .rd-button:is(:hover, :focus-visible, :active) { background: var(--tm-accent-blue, var(--tm-blue)); color: var(--tm-paper); border-color: var(--tm-accent-blue, var(--tm-blue)); }
.QjAob .rd-button.small { min-height: 44px; padding: 11px 16px; font-size: 16px; }
.QjAob .action-row { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 32px; }
.QjAob .plan-note { display: block; margin-top: 20px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; }
.QjAob .review-bar { flex-wrap: wrap; position: relative; z-index: 30; display: flex; align-items: center; justify-content: space-between; gap: 12px 24px; padding: 10px 24px; background: var(--tm-selected); border-bottom: 1px solid var(--tm-border); font-size: 16px; }
.QjAob .review-bar nav, .QjAob .review-bar > div { flex-wrap: wrap; display: flex; align-items: center; gap: 8px; }
.QjAob .review-bar nav > span { margin-right: 12px; color: var(--tm-description-ink, var(--tm-muted)); }
.QjAob .review-bar a, .QjAob .review-bar button { display: inline-flex; min-height: 36px; align-items: center; justify-content: center; padding: 8px 12px; border: 1px solid transparent; border-radius: 8px; color: var(--tm-text); background: transparent; font-size: 16px; line-height: 1.4; }
.QjAob .review-bar a[aria-current] { background: var(--tm-ink); color: white; }
.QjAob .review-bar button:hover, .QjAob .review-bar a:not([aria-current]):hover { background: var(--tm-border); }
.QjAob .review-details { padding: 24px max(24px, -636px + 50vw); background: var(--tm-surface); border-bottom: 1px solid var(--tm-border); font-size: 16px; }
.QjAob .review-details strong { font-size: 20px; }
.QjAob .review-details p { margin: 8px 0px; }
.QjAob .review-details ul { padding-left: 20px; color: var(--tm-description-ink, var(--tm-muted)); }
.QjAob .rd-header { background: white; border-bottom: 1px solid var(--tm-selected); }
.QjAob .rd-header > .container { display: flex; align-items: center; gap: 40px; min-height: 80px; }
.QjAob .brand { flex-shrink: 0; padding: 0px; background: none; }
.QjAob .brand img { display: block; width: 114px; height: 24px; }
.QjAob .main-nav { display: flex; gap: 8px; }
.QjAob .main-nav a { display: flex; align-items: center; min-height: 44px; padding: 10px 12px; border-radius: 10px; font-size: 17px; color: var(--tm-text); }
.QjAob .main-nav a:hover { background: var(--tm-selected); color: var(--tm-title-ink, var(--tm-ink)); }
.QjAob .header-actions { display: flex; align-items: center; gap: 8px; margin-left: auto; }
.QjAob .header-start-label-mobile { display: none; }
.QjAob .menu-toggle { display: none; width: 44px; height: 44px; border: 1px solid var(--tm-outline); border-radius: 10px; background: white; font-size: 22px; }
.QjAob .mobile-nav { display: flex; flex-direction: column; padding: 0px 20px 20px; gap: 8px; }
.QjAob .mobile-nav a, .QjAob .mobile-nav span { padding: 12px 16px; border-radius: 10px; background: var(--tm-surface); font-size: 18px; }
.QjAob .mobile-nav span { color: var(--tm-description-ink, var(--tm-muted)); }
.QjAob .hero { padding: 104px 0px; }
.QjAob .hero-one { padding-top: 80px; padding-bottom: 0px; background: linear-gradient(180deg,var(--tm-paper),var(--tm-surface)); }
.QjAob .hero-one .hero-copy { max-width: 900px; margin-inline: auto; text-align: center; }
.QjAob .hero-one .action-row { justify-content: center; }
.QjAob .hero-copy > p { margin-top: 24px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.8; word-break: keep-all; }
.QjAob .hero-product-media { min-width: 0px; }
.QjAob .product-photo { width: 100%; border: 0px; border-radius: 16px; overflow: hidden; }
.QjAob .product-photo img { display: block; width: 100%; height: auto; }
.QjAob .hero-product { background: var(--tm-paper); }
.QjAob .hero-product-grid { display: grid; grid-template-columns: minmax(0px, 0.75fr) minmax(0px, 1.25fr); gap: 64px; align-items: center; }
.QjAob .hero-product h1 { font-size: 52px; line-height: 1.3; }
.QjAob .hero-product h1 .hero-product-name { display: block; margin-bottom: 20px; color: var(--tm-accent-blue, var(--tm-blue)); font-size: 112px; line-height: 1.05; }
.QjAob .hero-product h1 > span { display: block; }
.QjAob .hero-wide-media { max-width: 1184px; margin: 48px auto 0px; }
.QjAob .trust-stats { padding: 48px 0px; background: var(--tm-paper); }
.QjAob .trust-stats > .container { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.QjAob .trust-stat { min-width: 0px; text-align: center; }
.QjAob .stat-label { display: block; margin-bottom: 16px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; line-height: 1.5; }
.QjAob .trust-stat strong { display: inline-flex; align-items: baseline; gap: 4px; min-height: 73px; font-size: 60px; line-height: 1.3; letter-spacing: -0.035em; font-weight: 720; font-variant-numeric: tabular-nums; }
.QjAob .stat-number { display: inline-block; text-align: right; }
.QjAob .stat-suffix { font-size: 26px; letter-spacing: -0.025em; }
.QjAob .sr-only { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.QjAob .section { padding: 112px 0px; scroll-margin-top: 32px; }
.QjAob .section-heading { margin-bottom: 48px; }
.QjAob .section-heading > p { margin-top: 20px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.8; word-break: keep-all; }
.QjAob .section-heading > .rd-button { margin-top: 24px; }
.QjAob .cases-section .section-heading { text-align: center; }
.QjAob .section-visual { min-width: 0px; }
.QjAob .maru-section { background: var(--tm-surface); }
.QjAob .maru-section .section-heading { text-align: center; }
.QjAob .maru-section .section-visual { max-width: 1080px; margin-inline: auto; }
.QjAob .product-title { font-size: 78px; line-height: 1.15; letter-spacing: -0.045em; }
.QjAob .product-subtitle { margin-top: 20px; font-size: 35px; line-height: 1.4; word-break: keep-all; }
.QjAob .showcase-maru-section { background: var(--tm-surface); }
.QjAob .product-showcase { display: grid; grid-template-columns: minmax(0px, 0.7fr) minmax(0px, 1.3fr); align-items: center; gap: 64px; }
.QjAob .showcase-copy { min-width: 0px; }
.QjAob .showcase-copy > p { margin-top: 20px; max-width: 440px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.8; word-break: keep-all; }
.QjAob .showcase-copy > .rd-button { margin-top: 24px; }
.QjAob .showcase-media { min-width: 0px; }
.QjAob .showcase-chat-section { background: var(--tm-paper); }
.QjAob .chat-showcase { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); align-items: center; gap: 80px; }
.QjAob .chat-showcase h2.product-title { font-size: 78px; }
.QjAob .showcase-tools-section { background: var(--tm-surface); }
.QjAob .worktool-showcase { display: grid; grid-template-columns: minmax(0px, 1.2fr) minmax(0px, 0.8fr); align-items: center; gap: 80px; }
.QjAob .worktool-showcase h2.product-title { font-size: 78px; }
.QjAob .tools-section > .container { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; align-items: center; }
.QjAob .tools-section .section-heading { margin-bottom: 0px; }
.QjAob .tool-name-field { padding: 40px 0px; }
.QjAob .tool-name-field ul { display: grid; grid-template-columns: 1fr 1fr; align-items: center; gap: 40px 24px; padding: 0px; list-style: none; }
.QjAob .tool-name-field li { color: var(--tm-description-ink, var(--tm-muted)); font-size: 24px; line-height: 1.6; word-break: keep-all; }
.QjAob .tool-name-field li:first-child { color: var(--tm-title-ink, var(--tm-ink)); font-size: 30px; font-weight: 650; }
.QjAob .tool-name-field li:nth-child(4), .QjAob .tool-name-field li:nth-child(5) { color: var(--tm-subtle); }
.QjAob .package-bridge { padding: 0px 0px 96px; scroll-margin-top: 32px; }
.QjAob .package-note { display: grid; grid-template-columns: 1fr auto; gap: 16px 40px; padding: 40px; border-radius: 16px; background: var(--tm-surface); }
.QjAob .package-note > .eyebrow { grid-column: 1; margin-bottom: 0px; }
.QjAob .package-note h2 { font-size: 33px; }
.QjAob .package-note p { margin-top: 12px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; line-height: 1.8; word-break: keep-all; }
.QjAob .package-note > .rd-button { grid-area: 1 / 2 / 3; align-self: center; }
.QjAob .chat-section { background: var(--tm-surface); }
.QjAob .chat-section .section-heading { text-align: center; }
.QjAob .chat-focus-photo { width: 100%; max-width: 1080px; margin: auto; border: 0px; border-radius: 16px; overflow: hidden; }
.QjAob .chat-focus-photo img { display: block; width: 100%; height: auto; }
.QjAob .ai-coming-soon { background: var(--tm-surface); text-align: center; }
.QjAob .ai-title { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; }
.QjAob .ai-title h2 { font-size: 44px; }
.QjAob .coming-soon-label { display: inline-block; padding: 6px 12px; border-radius: 6px; background: var(--tm-paper); color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; line-height: 1.5; cursor: default; }
.QjAob .ai-coming-soon p { margin: 20px auto 0px; max-width: 640px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.8; word-break: keep-all; }
.QjAob .case-slots { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.QjAob .case-slots article { min-width: 0px; }
.QjAob .case-photo-slot { display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 16px; aspect-ratio: 1.7 / 1; background: var(--tm-selected); border-radius: 16px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; }
.QjAob .case-photo-slot svg { width: 32px; height: 32px; color: var(--tm-outline-hover); }
.QjAob .case-slots article > div:last-child { display: flex; align-items: center; justify-content: space-between; flex-wrap: wrap; gap: 12px; margin-top: 20px; }
.QjAob .case-slots article > div:last-child > span { color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; }
.QjAob .faq-section { padding-top: 80px; border-top: 1px solid var(--tm-border); }
.QjAob .faq-layout { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 80px; }
.QjAob .faq-list { border-top: 1px solid var(--tm-outline); }
.QjAob .faq-list details { border-bottom: 1px solid var(--tm-border); }
.QjAob .faq-list summary { display: flex; align-items: center; justify-content: space-between; gap: 24px; min-height: 72px; padding: 20px 16px; border-radius: 10px; cursor: pointer; font-size: 20px; font-weight: 600; list-style: none; transition: color 160ms; }
.QjAob .faq-list summary::-webkit-details-marker { display: none; }
.QjAob .faq-list summary:is(:hover, :focus-visible) { background: transparent; color: var(--tm-blue); }
.QjAob .faq-list summary > span { flex-shrink: 0; font-size: 26px; line-height: 1; color: var(--tm-description-ink, var(--tm-muted)); transition: rotate 180ms; }
.QjAob .faq-list details[open] summary > span { rotate: 45deg; }
.QjAob .faq-list details > p { padding: 0px 16px 24px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; line-height: 1.8; }
.QjAob .closing { padding: 88px 0px; background: linear-gradient(180deg,var(--tm-paper),var(--tm-surface)); text-align: center; scroll-margin-top: 32px; }
.QjAob .closing > .container { position: relative; display: grid; place-items: center; min-height: 480px; isolation: isolate; }
.QjAob .closing-brand-panel { position: absolute; z-index: -1; left: 50%; top: 50%; width: 560px; height: 470px; transform: translate(-50%, -50%) rotate(-8deg); border-radius: 96px; background: linear-gradient(145deg,var(--tm-surface) 5%,var(--tm-border) 44%,var(--tm-surface) 75%,var(--tm-outline)); border: 1px solid var(--tm-paper); box-shadow: inset 2px 2px 2px var(--tm-paper),inset -3px -4px 4px rgb(174 183 196 / 0.40000),18px 28px 70px rgb(69 76 89 / 0.05098); mask-image: linear-gradient(rgb(0, 0, 0) 72%, transparent); pointer-events: none; }
.QjAob .closing-brand-panel::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255, 255, 255, 0.72); border-radius: 84px; background: linear-gradient(145deg, rgba(255, 255, 255, 0.44), transparent 60%); }
.QjAob .closing-symbol { position: absolute; inset: 40px; display: grid; place-items: center; opacity: 0.045; }
.QjAob .closing-symbol img { width: 90%; max-width: 360px; height: auto; aspect-ratio: 1 / 1; }
.QjAob .closing-copy { position: relative; z-index: 1; width: 100%; max-width: 660px; padding: 32px 0px; }
.QjAob .closing h2 { font-size: 48px; line-height: 1.3; text-shadow: rgba(255, 255, 255, 0.8) 0px 2px 15px; }
.QjAob .closing p { margin: 20px auto 28px; max-width: 520px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; line-height: 1.8; word-break: keep-all; }
.QjAob [data-enter] { transition: opacity 600ms ease var(--enter-delay,0ms),translate 600ms cubic-bezier(.2,.7,.2,1) var(--enter-delay,0ms); }
.QjAob [data-enter="waiting"] { opacity: 0; translate: 0px 20px; }
.QjAob [data-enter="shown"], .QjAob [data-enter]:focus-within { opacity: 1; translate: 0px; }
.QjAob[data-motion="off"] [data-enter] { opacity: 1; translate: none; transition: none; }
.QjAob .workflow-hero { padding-bottom: 48px; }
.QjAob .workflow-hero-grid { display: grid; grid-template-columns: minmax(0px, 1.05fr) minmax(0px, 0.8fr); align-items: center; gap: 120px; }
.QjAob .workflow-hero .hero-copy { min-width: 0px; }
.QjAob .workflow-hero h1 .workflow-hero-message { font-size: 52px; line-height: 1.3; }
.QjAob .workflow-questions { min-width: 0px; }
.QjAob .workflow-scene-label { margin-bottom: 24px; font-size: 24px; line-height: 1.5; font-weight: 650; color: var(--tm-description-ink, var(--tm-muted)); word-break: keep-all; }
.QjAob .workflow-question { display: grid; grid-template-columns: 28px minmax(0px, 1fr); gap: 20px; align-items: start; padding: 24px 0px; border-top: 1px solid var(--tm-border); }
.QjAob .workflow-question > svg { width: 28px; height: 28px; margin-top: 7px; color: var(--tm-subtle); }
.QjAob .workflow-question p { font-size: 28px; line-height: 1.5; font-weight: 600; letter-spacing: -0.025em; word-break: keep-all; }
.QjAob .workflow-route { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 24px; margin: 72px 0px 0px; padding: 28px 0px 0px; border-top: 1px solid var(--tm-border); list-style: none; }
.QjAob .workflow-route li { display: flex; align-items: baseline; gap: 12px; font-size: 18px; color: var(--tm-text); word-break: keep-all; }
.QjAob .workflow-route li > span { color: var(--tm-accent-blue, var(--tm-blue)); font-size: 16px; font-variant-numeric: tabular-nums; font-weight: 650; }
.QjAob .workflow-tools { background: var(--tm-surface); }
.QjAob .workflow-tools-grid { display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.05fr); gap: 104px; align-items: center; }
.QjAob .workflow-copy { min-width: 0px; }
.QjAob .workflow-copy > p { margin-top: 20px; font-size: 20px; line-height: 1.8; color: var(--tm-description-ink, var(--tm-muted)); word-break: keep-all; }
.QjAob .workflow-copy > .rd-button { margin-top: 28px; }
.QjAob .workflow-tool-examples { list-style: none; padding: 0px; min-width: 0px; }
.QjAob .workflow-tool-examples li { padding: 28px 0px; border-top: 1px solid var(--tm-border); }
.QjAob .workflow-tool-examples li:last-child { border-bottom: 1px solid var(--tm-border); }
.QjAob .workflow-tool-examples li > span:first-child { display: block; margin-bottom: 8px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; }
.QjAob .workflow-tool-examples strong { display: block; font-size: 30px; line-height: 1.5; letter-spacing: -0.025em; font-weight: 650; word-break: keep-all; }
.QjAob .workflow-tool-category { display: inline-block; margin-top: 12px; padding: 6px 12px; background: var(--tm-paper); border-radius: 6px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; cursor: default; }
.QjAob .workflow-maru { background: var(--tm-selected); }
.QjAob .workflow-maru-heading { display: grid; grid-template-columns: minmax(0px, 0.65fr) minmax(0px, 1.35fr); gap: 80px; align-items: start; margin-bottom: 48px; }
.QjAob .workflow-maru-heading .product-subtitle { margin-top: 0px; }
.QjAob .workflow-project-photo { max-width: 1184px; margin-inline: auto; }
.QjAob .workflow-package-step { position: relative; }
.QjAob .workflow-package-marker { position: absolute; z-index: 1; top: 40px; left: 0px; right: 0px; pointer-events: none; }
.QjAob .workflow-package-marker .eyebrow { margin-bottom: 0px; }
.QjAob .workflow-chat { background: var(--tm-surface); }
.QjAob .workflow-chat-grid { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 80px; align-items: center; }
.QjAob .workflow-chat-photo { min-width: 0px; }
.QjAob .workflow-chat-photo .chat-focus-photo { max-width: none; }
@media (max-width: 1100px) {
.QjAob .workflow-hero-grid { gap: 56px; grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.85fr); }
.QjAob .workflow-hero h1 .workflow-hero-message { font-size: 44px; }
.QjAob .workflow-questions { align-self: center; }
.QjAob .workflow-question p { font-size: 24px; }
.QjAob .workflow-route { gap: 16px; }
.QjAob .workflow-route li { gap: 8px; }
.QjAob .workflow-tools-grid { gap: 56px; }
.QjAob .workflow-maru-heading { gap: 48px; }
.QjAob .workflow-chat-grid { grid-template-columns: 1fr; gap: 40px; }
.QjAob .workflow-chat .workflow-copy { max-width: 760px; }
}
@media (max-width: 900px) {
.QjAob .workflow-hero-grid { grid-template-columns: 1fr; gap: 48px; }
.QjAob .workflow-hero .hero-copy { max-width: 700px; }
.QjAob .workflow-questions { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; }
.QjAob .workflow-scene-label { grid-column: 1 / -1; margin-bottom: 0px; }
.QjAob .workflow-scene-label br { display: none; }
.QjAob .workflow-question { grid-template-columns: 1fr; gap: 12px; padding-bottom: 0px; }
.QjAob .workflow-question > svg { margin-top: 0px; }
.QjAob .workflow-question p { font-size: 22px; }
.QjAob .workflow-route { margin-top: 48px; grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.QjAob .workflow-tools-grid, .QjAob .workflow-maru-heading { grid-template-columns: 1fr; gap: 40px; }
.QjAob .workflow-tool-examples { max-width: none; }
}
@media (max-width: 767px) {
.QjAob .workflow-hero { padding-bottom: 32px; }
.QjAob .workflow-hero h1 .workflow-hero-message { font-size: 39px; }
.QjAob .workflow-questions { display: block; }
.QjAob .workflow-scene-label { font-size: 22px; margin-bottom: 20px; }
.QjAob .workflow-question { grid-template-columns: 24px minmax(0px, 1fr); gap: 16px; padding: 20px 0px; }
.QjAob .workflow-question p { font-size: 24px; }
.QjAob .workflow-question p br { display: none; }
.QjAob .workflow-question > svg { width: 24px; height: 24px; margin-top: 6px; }
.QjAob .workflow-route { margin-top: 28px; padding-top: 24px; gap: 16px; }
.QjAob .workflow-route li { font-size: 16px; }
.QjAob .workflow-copy > p { font-size: 18px; }
.QjAob .workflow-copy > .rd-button { margin-top: 24px; }
.QjAob .workflow-tool-examples li { padding: 24px 0px; }
.QjAob .workflow-tool-examples strong { font-size: 26px; }
.QjAob .workflow-maru-heading { gap: 28px; margin-bottom: 32px; }
.QjAob .workflow-package-marker { top: 24px; }
}
@media (max-width: 1100px) {
.QjAob .hero-product-grid { grid-template-columns: 1fr; gap: 48px; }
.QjAob .hero-product .hero-copy { max-width: 700px; }
.QjAob .tools-section > .container { gap: 48px; }
.QjAob .product-showcase, .QjAob .chat-showcase, .QjAob .worktool-showcase { grid-template-columns: 1fr; gap: 40px; }
.QjAob .chat-showcase .showcase-copy, .QjAob .worktool-showcase .showcase-copy { grid-row: 1; }
.QjAob .chat-showcase .showcase-media, .QjAob .worktool-showcase .showcase-media { grid-row: 2; }
.QjAob .showcase-copy > p { max-width: 640px; }
.QjAob .faq-layout { gap: 40px; }
}
@media (max-width: 767px) {
.QjAob .container { padding-inline: 20px; }
.QjAob .review-bar { padding: 10px 16px; gap: 8px; flex-wrap: wrap; }
.QjAob .review-bar nav { flex-wrap: wrap; gap: 4px; }
.QjAob .review-bar nav > span { display: none; }
.QjAob .review-bar a, .QjAob .review-bar button { padding: 8px; }
.QjAob .review-details { padding: 24px 20px; }
.QjAob .rd-header > .container { min-height: 72px; gap: 16px; }
.QjAob .main-nav, .QjAob .header-actions .login { display: none; }
.QjAob .header-actions .rd-button { padding: 10px 12px; font-size: 16px; }
.QjAob .header-start-label { display: none; }
.QjAob .header-start-label-mobile { display: inline; }
.QjAob .menu-toggle { display: inline-grid; place-items: center; }
.QjAob .hero { padding: 64px 0px; }
.QjAob .hero-one { padding-bottom: 0px; }
.QjAob h1 { font-size: 44px; }
.QjAob .hero-product h1 { font-size: 39px; }
.QjAob .hero-product h1 .hero-product-name { font-size: 82px; margin-bottom: 16px; }
.QjAob h2 { font-size: 35px; }
.QjAob .eyebrow { margin-bottom: 16px; }
.QjAob .hero-copy > p, .QjAob .section-heading > p { font-size: 18px; }
.QjAob .hero-copy > p { margin-top: 20px; }
.QjAob .action-row { margin-top: 24px; gap: 10px; }
.QjAob .action-row .rd-button { flex: 1 1 auto; }
.QjAob .plan-note { margin-top: 16px; }
.QjAob .hero-product-grid { gap: 40px; }
.QjAob .hero-wide-media { margin-top: 40px; }
.QjAob .product-photo, .QjAob .chat-focus-photo { border-radius: 12px; }
.QjAob .trust-stats { padding: 36px 0px; }
.QjAob .trust-stats > .container { grid-template-columns: 1fr; gap: 20px; }
.QjAob .trust-stat { display: flex; align-items: center; justify-content: space-between; gap: 20px; text-align: left; }
.QjAob .stat-label { margin-bottom: 0px; max-width: 170px; }
.QjAob .trust-stat strong { min-height: 55px; font-size: 46px; flex-shrink: 0; }
.QjAob .stat-suffix { font-size: 20px; }
.QjAob .section { padding: 72px 0px; }
.QjAob .section-heading { margin-bottom: 32px; }
.QjAob .maru-section .section-heading { text-align: left; }
.QjAob .product-title { font-size: 56px; }
.QjAob .product-subtitle { margin-top: 16px; font-size: 28px; }
.QjAob .showcase-copy > p { font-size: 18px; }
.QjAob .chat-showcase h2.product-title, .QjAob .worktool-showcase h2.product-title { font-size: 56px; }
.QjAob .ai-title h2 { font-size: 35px; }
.QjAob .ai-coming-soon p { font-size: 18px; }
.QjAob .tools-section > .container { grid-template-columns: 1fr; gap: 40px; }
.QjAob .tool-name-field { padding: 8px 0px; }
.QjAob .tool-name-field ul { gap: 24px 20px; }
.QjAob .tool-name-field li { font-size: 19px; }
.QjAob .tool-name-field li:first-child { font-size: 22px; }
.QjAob .package-bridge { padding-bottom: 64px; }
.QjAob .package-note { grid-template-columns: 1fr; padding: 28px 24px; gap: 16px; }
.QjAob .package-note h2 { font-size: 28px; }
.QjAob .package-note > .rd-button { grid-area: auto / 1; justify-self: start; margin-top: 8px; }
.QjAob .chat-section .section-heading { text-align: left; }
.QjAob .case-slots { grid-template-columns: 1fr; gap: 32px; }
.QjAob .case-photo-slot { aspect-ratio: 2 / 1; }
.QjAob .case-slots article > div:last-child { margin-top: 16px; }
.QjAob .case-slots h3 { font-size: 24px; }
.QjAob .faq-layout { grid-template-columns: 1fr; gap: 32px; }
.QjAob .faq-layout .section-heading { margin-bottom: 0px; }
.QjAob .faq-list summary { padding: 20px 12px; font-size: 18px; gap: 16px; }
.QjAob .faq-list details > p { padding: 0px 12px 24px; }
.QjAob .closing { padding: 64px 0px; }
.QjAob .closing > .container { min-height: 430px; }
.QjAob .closing-brand-panel { width: calc(100% - 64px); max-width: 440px; height: 390px; border-radius: 64px; transform: translate(-50%, -50%) rotate(-6deg); }
.QjAob .closing-brand-panel::before { inset: 10px; border-radius: 54px; }
.QjAob .closing-symbol { inset: 24px; }
.QjAob .closing h2 { font-size: 35px; }
.QjAob .closing p { max-width: 320px; margin: 20px auto 24px; }
}
@media (prefers-reduced-motion: reduce) {
.QjAob [data-enter] { opacity: 1 !important; translate: none !important; transition: none !important; }
}
.kepHfa .package-heading h2:not(.product-title) { font-size: clamp(35px, 3.24vw, 46px); }
@keyframes package-lid-open { 
  0%, 16% { transform: translateY(22%) rotate(-2deg); }
  65% { transform: translateY(-2%) rotate(1deg); }
  100% { transform: none; }
}
@keyframes package-card-arrive { 
  0% { opacity: 0; transform: translateY(42px) scale(0.88); }
  65% { opacity: 1; transform: translateY(-7px) scale(1.03); }
  100% { opacity: 1; transform: none; }
}
[data-motion="off"] .kepHfa .package-gift-lid, [data-motion="off"] .kepHfa .package-icon-group > span { animation: auto ease 0s 1 normal none running none; }
.lkvAxT.lkvAxT .rd-button:is(:hover, :focus-visible, :active) { background: var(--tm-blue-pressed); color: var(--tm-paper); border-color: var(--tm-blue-pressed); }
[data-motion="off"] .lkvAxT .catalogue-track { animation-play-state: paused; }
@keyframes catalogue-drift { 
  100% { transform: translateX(-50%); }
}
.fmsLfZ { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(0px, 1fr); align-items: center; gap: 56px; }
.fmsLfZ figure { min-width: 0px; margin: 0px; }
.fmsLfZ figure img { display: block; width: 100%; height: auto; border: 0px; border-radius: 16px; }
.fmsLfZ .customer-case-copy { min-width: 0px; }
.fmsLfZ .case-category { display: flex; gap: 12px; align-items: center; font-size: 18px; color: var(--tm-description-ink, var(--tm-muted)); margin: 0px 0px 20px; }
.fmsLfZ .case-category strong { color: var(--tm-title-ink, var(--tm-ink)); }
.fmsLfZ h3 { font-size: clamp(30px, 2.7vw, 39px); line-height: 1.4; letter-spacing: -0.035em; margin: 0px; word-break: keep-all; }
.fmsLfZ .customer-case-copy > p:not(.case-category) { color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; line-height: 1.8; margin: 20px 0px 0px; word-break: keep-all; }
.fmsLfZ .case-facts { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; padding: 0px; margin: 24px 0px; }
.fmsLfZ .case-facts li { padding: 7px 10px; background: white; border: 1px solid var(--tm-border); border-radius: 6px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 16px; line-height: 1.5; cursor: default; }
@media (max-width: 1000px) {
.fmsLfZ { gap: 32px; }
}
@media (max-width: 767px) {
.fmsLfZ { grid-template-columns: minmax(0px, 1fr); gap: 28px; }
.fmsLfZ .case-category { margin-bottom: 16px; }
.fmsLfZ h3 { font-size: 30px; }
}
.gopUsQ { --motion-page-progress: 0; --motion-hero-progress: 0; --motion-tools-progress: 0; --motion-story-progress: 0; --motion-chat-progress: 0; font-size: 18px; line-height: 1.6; background: var(--tm-paper); color: var(--tm-title-ink, var(--tm-ink)); }
.gopUsQ .motion-page-progress { position: fixed; inset: 0px 0px auto; height: 4px; z-index: 80; pointer-events: none; background: transparent; }
.gopUsQ .motion-page-progress > span { display: block; width: 100%; height: 100%; background: var(--tm-accent-blue, var(--tm-blue)); transform: scaleX(var(--motion-page-progress)); transform-origin: left center; }
.gopUsQ .motion-display-title { font-size: clamp(56px, 6vw, 84px); line-height: 1.15; letter-spacing: -0.05em; font-weight: 750; }
.gopUsQ .motion-copy { min-width: 0px; }
.gopUsQ .motion-copy h3, .gopUsQ .motion-chapter h3 { font-size: clamp(30px, 3vw, 42px); line-height: 1.4; letter-spacing: -0.035em; word-break: keep-all; }
.gopUsQ .motion-copy > p, .gopUsQ .motion-chapter p { margin-top: 24px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.85; word-break: keep-all; }
.gopUsQ .motion-copy > .rd-button, .gopUsQ .motion-chapter .rd-button { margin-top: 28px; }
.gopUsQ.gopUsQ .product-photo, .gopUsQ.gopUsQ .chat-focus-photo { width: 100%; max-width: none; margin: 0px; padding: 0px; border: 0px; border-radius: 0px; box-shadow: none; overflow: visible; background: transparent; }
.gopUsQ.gopUsQ .product-photo img, .gopUsQ.gopUsQ .chat-focus-photo img { display: block; width: 100%; height: auto; border: 0px; border-radius: 0px; box-shadow: none; }
.gopUsQ .motion-hero { position: relative; isolation: isolate; padding: 96px 0px 0px; background: linear-gradient(180deg,var(--tm-paper) 30%,var(--tm-surface)); }
.gopUsQ .motion-brand-plane { position: absolute; z-index: -1; width: min(78vw, 980px); aspect-ratio: 1 / 1; left: 50%; top: -150px; opacity: 0.035; transform: translate(-50%,calc(var(--motion-hero-progress) * 150px)) rotate(calc(-15deg + var(--motion-hero-progress) * 22deg)); pointer-events: none; }
.gopUsQ .motion-brand-plane img { display: block; width: 100%; height: 100%; object-fit: contain; }
.gopUsQ .motion-hero-copy { position: relative; max-width: 1120px; margin: 0px auto; text-align: center; }
.gopUsQ .motion-hero h1 { font-size: clamp(54px, 6.15vw, 88px); line-height: 1.2; letter-spacing: -0.055em; font-weight: 760; }
.gopUsQ .motion-title-line { display: block; overflow: hidden; padding-bottom: 0.09em; margin-bottom: -0.09em; }
.gopUsQ .motion-title-line > span { display: block; animation: 1050ms cubic-bezier(0.2, 0.75, 0.2, 1) 0s 1 normal both running motion-title-arrive; }
.gopUsQ .motion-title-line:nth-child(2) > span { animation-delay: 160ms; }
.gopUsQ .motion-hero-copy > p { margin-top: 28px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 22px; line-height: 1.8; word-break: keep-all; }
.gopUsQ .motion-hero .action-row { justify-content: center; }
.gopUsQ .motion-hero-photo { margin: 64px auto 0px; width: 100%; transform: translateY(calc((1 - var(--motion-hero-progress)) * 28px)) scale(calc(.94 + var(--motion-hero-progress) * .06)); transform-origin: center top; }
.gopUsQ .motion-hero-tail { display: flex; align-items: center; justify-content: center; gap: 24px; padding: 40px 0px 48px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; }
.gopUsQ .motion-hero-tail i { width: 48px; height: 1px; background: var(--tm-outline-hover); }
@keyframes motion-title-arrive { 
  0% { opacity: 0; transform: translateY(110%) rotate(2deg); }
  100% { opacity: 1; transform: translateY(0px) rotate(0deg); }
}
.gopUsQ .motion-worktools { padding: 128px 0px 104px; background: white; scroll-margin-top: 32px; }
.gopUsQ .motion-tools-heading, .gopUsQ .motion-chat-heading { display: grid; grid-template-columns: minmax(0px, 1fr); justify-items: center; gap: 32px; max-width: 900px; margin: 0px auto 64px; text-align: center; }
.gopUsQ .motion-tools-heading > .motion-copy, .gopUsQ .motion-chat-heading > .motion-copy { width: 100%; max-width: 720px; }
.gopUsQ .motion-worktool-photo { width: 100%; max-width: 1120px; margin: 0px auto; }
.gopUsQ .motion-worktool-photo > .product-photo { transform: scale(calc(.94 + var(--motion-tools-progress) * .06)); transform-origin: center top; }
.gopUsQ .motion-tool-notes { list-style: none; margin: 64px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 48px; }
.gopUsQ .motion-tool-notes li { border-top: 1px solid var(--tm-border); padding-top: 28px; }
.gopUsQ .motion-tool-notes li:nth-child(2) { transition-delay: 100ms; }
.gopUsQ .motion-tool-notes li:nth-child(3) { transition-delay: 200ms; }
.gopUsQ .motion-tool-notes li > span { display: block; color: var(--tm-accent-blue, var(--tm-blue)); font-size: 18px; font-weight: 650; margin-bottom: 16px; }
.gopUsQ .motion-tool-notes strong { display: block; font-size: 24px; line-height: 1.5; letter-spacing: -0.025em; word-break: keep-all; }
.gopUsQ .motion-tool-notes p { margin-top: 12px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 18px; line-height: 1.8; word-break: keep-all; }
.gopUsQ .motion-maru { padding: 112px 0px; background: var(--tm-surface); scroll-margin-top: 32px; }
.gopUsQ .motion-maru-heading { text-align: center; max-width: 900px; margin: 0px auto 64px; }
.gopUsQ .motion-maru-heading > p { margin-top: 28px; color: var(--tm-title-ink, var(--tm-ink)); font-size: clamp(30px, 3.2vw, 44px); line-height: 1.4; letter-spacing: -0.035em; font-weight: 650; }
.gopUsQ .motion-story { display: grid; grid-template-columns: minmax(0px, 1.5fr) minmax(0px, 1fr); gap: 72px; align-items: start; }
.gopUsQ .motion-product-stage { display: grid; position: sticky; top: max(56px, -265px + 50vh); width: 100%; margin-top: 80px; }
.gopUsQ .motion-stage-photo { grid-area: 1 / 1; min-width: 0px; display: grid; align-items: center; opacity: 0; transform: translateY(32px) scale(0.96); pointer-events: none; transition: opacity 600ms, transform 850ms cubic-bezier(0.2, 0.7, 0.2, 1); }
.gopUsQ .motion-stage-photo[data-active="true"] { opacity: 1; transform: translateY(0) scale(calc(.98 + var(--motion-story-progress) * .02)); }
.gopUsQ .motion-chapters { min-width: 0px; }
.gopUsQ .motion-chapter { display: flex; align-items: center; min-height: 76vh; padding: 72px 0px; }
.gopUsQ .motion-chapter-copy { min-width: 0px; }
.gopUsQ .motion-chapter .eyebrow { margin-bottom: 24px; }
.gopUsQ .motion-static-photo { display: none; }
.gopUsQ .motion-package { background: white; }
.gopUsQ .motion-package .product-title { font-size: clamp(56px, 6vw, 84px); line-height: 1.15; letter-spacing: -0.05em; }
.gopUsQ .motion-chat { padding: 112px 0px 128px; background: var(--tm-ink); color: white; scroll-margin-top: 32px; }
.gopUsQ .motion-chat .message-accent { color: var(--tm-blue-focus); }
.gopUsQ .motion-chat .motion-copy > p { color: var(--tm-outline-hover); }
.gopUsQ .motion-chat .rd-button { background: var(--tm-accent-blue, var(--tm-blue)); border-color: var(--tm-accent-blue, var(--tm-blue)); color: white; }
.gopUsQ.gopUsQ .motion-chat .rd-button:is(:hover, :focus-visible, :active) { background: var(--tm-blue-pressed); border-color: var(--tm-blue-pressed); color: white; }
.gopUsQ .motion-chat-photo > .chat-focus-photo { transform: translateY(calc((1 - var(--motion-chat-progress)) * 48px)); }
.gopUsQ [data-motion-reveal] { transition: opacity 750ms, transform 900ms cubic-bezier(0.2, 0.75, 0.2, 1); }
.gopUsQ [data-motion-reveal="waiting"] { opacity: 0; transform: translateY(40px); }
.gopUsQ [data-motion-reveal="shown"], .gopUsQ [data-motion-reveal]:focus-within { opacity: 1; transform: none; }
.gopUsQ[data-motion-on="false"] .motion-page-progress { display: none; }
.gopUsQ[data-motion-on="false"] .motion-brand-plane { transform: translateX(-50%) !important; }
.gopUsQ[data-motion-on="false"] .motion-hero-photo, .gopUsQ[data-motion-on="false"] .motion-worktool-photo, .gopUsQ[data-motion-on="false"] .motion-chat-photo, .gopUsQ[data-motion-on="false"] .motion-worktool-photo > .product-photo, .gopUsQ[data-motion-on="false"] .motion-chat-photo > .chat-focus-photo { transform: none !important; }
.gopUsQ[data-motion-on="false"] .motion-title-line > span { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
.gopUsQ[data-motion-on="false"] [data-motion-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.gopUsQ[data-motion-on="false"] .motion-story { display: block; }
.gopUsQ[data-motion-on="false"] .motion-product-stage { display: none; position: static; }
.gopUsQ[data-motion-on="false"] .motion-chapters { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 56px; }
.gopUsQ[data-motion-on="false"] .motion-chapter { display: flex; min-height: 0px; flex-direction: column; align-items: stretch; gap: 32px; padding: 32px 0px; }
.gopUsQ[data-motion-on="false"] .motion-static-photo { display: block; width: 100%; }
.gopUsQ[data-motion-on="false"] *, .gopUsQ[data-motion-on="false"] ::before, .gopUsQ[data-motion-on="false"] ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
[data-motion="off"] .gopUsQ .motion-page-progress { display: none; }
[data-motion="off"] .gopUsQ .motion-brand-plane { transform: translateX(-50%) !important; }
[data-motion="off"] .gopUsQ .motion-hero-photo, [data-motion="off"] .gopUsQ .motion-worktool-photo, [data-motion="off"] .gopUsQ .motion-chat-photo, [data-motion="off"] .gopUsQ .motion-worktool-photo > .product-photo, [data-motion="off"] .gopUsQ .motion-chat-photo > .chat-focus-photo { transform: none !important; }
[data-motion="off"] .gopUsQ .motion-title-line > span { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
[data-motion="off"] .gopUsQ [data-motion-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
[data-motion="off"] .gopUsQ .motion-story { display: block; }
[data-motion="off"] .gopUsQ .motion-product-stage { display: none; position: static; }
[data-motion="off"] .gopUsQ .motion-chapters { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 56px; }
[data-motion="off"] .gopUsQ .motion-chapter { display: flex; min-height: 0px; flex-direction: column; align-items: stretch; gap: 32px; padding: 32px 0px; }
[data-motion="off"] .gopUsQ .motion-static-photo { display: block; width: 100%; }
@media (prefers-reduced-motion: reduce) {
.gopUsQ .motion-page-progress { display: none; }
.gopUsQ .motion-brand-plane { transform: translateX(-50%) !important; }
.gopUsQ .motion-hero-photo, .gopUsQ .motion-worktool-photo, .gopUsQ .motion-chat-photo, .gopUsQ .motion-worktool-photo > .product-photo, .gopUsQ .motion-chat-photo > .chat-focus-photo { transform: none !important; }
.gopUsQ .motion-title-line > span { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
.gopUsQ [data-motion-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.gopUsQ .motion-story { display: block; }
.gopUsQ .motion-product-stage { display: none; position: static; }
.gopUsQ .motion-chapters { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 56px; }
.gopUsQ .motion-chapter { display: flex; min-height: 0px; flex-direction: column; align-items: stretch; gap: 32px; padding: 32px 0px; }
.gopUsQ .motion-static-photo { display: block; width: 100%; }
.gopUsQ *, .gopUsQ ::before, .gopUsQ ::after { animation: auto ease 0s 1 normal none running none !important; transition: none !important; }
}
@media (max-width: 1200px) {
.gopUsQ .motion-story { gap: 48px; }
.gopUsQ .motion-chapter h3 { font-size: 34px; }
.gopUsQ .motion-copy > p, .gopUsQ .motion-chapter p { font-size: 19px; }
}
@media (max-width: 1000px) {
.gopUsQ .motion-page-progress { display: none; }
.gopUsQ .motion-brand-plane { transform: translateX(-50%) !important; }
.gopUsQ .motion-hero-photo, .gopUsQ .motion-worktool-photo, .gopUsQ .motion-chat-photo, .gopUsQ .motion-worktool-photo > .product-photo, .gopUsQ .motion-chat-photo > .chat-focus-photo { transform: none !important; }
.gopUsQ .motion-title-line > span { animation: auto ease 0s 1 normal none running none !important; opacity: 1 !important; transform: none !important; }
.gopUsQ [data-motion-reveal] { opacity: 1 !important; transform: none !important; transition: none !important; }
.gopUsQ .motion-story { display: block; }
.gopUsQ .motion-product-stage { display: none; position: static; }
.gopUsQ .motion-chapters { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 56px; }
.gopUsQ .motion-chapter { display: flex; min-height: 0px; flex-direction: column; align-items: stretch; gap: 32px; padding: 32px 0px; }
.gopUsQ .motion-static-photo { display: block; width: 100%; }
.gopUsQ .motion-hero { padding-top: 72px; }
.gopUsQ .motion-hero h1 { font-size: clamp(44px, 6.3vw, 64px); }
.gopUsQ .motion-brand-plane { top: 0px; }
.gopUsQ .motion-chapters { grid-template-columns: minmax(0px, 1fr); gap: 32px; }
.gopUsQ .motion-chapter { display: grid; grid-template-columns: minmax(0px, 0.8fr) minmax(0px, 1.2fr); gap: 40px; padding: 32px 0px; }
.gopUsQ .motion-tool-notes { gap: 28px; }
.gopUsQ .motion-tool-notes strong { font-size: 22px; }
}
@media (max-width: 767px) {
.gopUsQ .motion-hero { padding-top: 56px; }
.gopUsQ .motion-hero h1 { font-size: clamp(36px, 8vw, 52px); line-height: 1.3; }
.gopUsQ .motion-title-line { overflow: visible; }
.gopUsQ .motion-hero-copy > p { margin-top: 24px; font-size: 18px; }
.gopUsQ .motion-hero-photo { margin-top: 40px; }
.gopUsQ .motion-hero-tail { gap: 12px; flex-wrap: wrap; padding: 28px 0px 40px; font-size: 16px; }
.gopUsQ .motion-hero-tail i { width: 20px; }
.gopUsQ .motion-worktools, .gopUsQ .motion-maru, .gopUsQ .motion-chat { padding: 72px 0px; }
.gopUsQ .motion-display-title, .gopUsQ .motion-package .product-title { font-size: 56px; }
.gopUsQ .motion-tools-heading, .gopUsQ .motion-chat-heading { gap: 28px; margin-bottom: 40px; }
.gopUsQ .motion-copy h3, .gopUsQ .motion-chapter h3 { font-size: 30px; }
.gopUsQ .motion-copy > p, .gopUsQ .motion-chapter p { font-size: 18px; margin-top: 20px; }
.gopUsQ .motion-tool-notes { grid-template-columns: minmax(0px, 1fr); gap: 28px; margin-top: 40px; }
.gopUsQ .motion-tool-notes li { padding-top: 24px; }
.gopUsQ .motion-tool-notes li > span { margin-bottom: 8px; font-size: 16px; }
.gopUsQ .motion-tool-notes strong { font-size: 24px; }
.gopUsQ .motion-tool-notes p { font-size: 18px; }
.gopUsQ .motion-maru-heading { margin-bottom: 32px; }
.gopUsQ .motion-maru-heading > p { font-size: 30px; }
.gopUsQ .motion-chapters { display: grid; grid-template-columns: minmax(0px, 1fr); gap: 32px; }
.gopUsQ .motion-chapter { display: flex; min-height: 0px; padding: 24px 0px; gap: 28px; }
.gopUsQ .motion-static-photo { width: 100%; }
.gopUsQ .motion-chat { padding-bottom: 72px; }
}
[data-design="4"][data-design="4"] .review-bar, [data-design="4"][data-design="4"] .review-bar nav, [data-design="4"][data-design="4"] .review-bar > div { flex-wrap: wrap; }
[data-design="4"][data-design="4"] .eyebrow { padding: 8px 14px; background: var(--tm-blue-soft); color: var(--tm-blue); border-radius: 8px; line-height: 1.5; }
[data-design="4"][data-design="4"] .rd-header .login { background: var(--tm-selected); color: var(--tm-text); border-color: var(--tm-border); }
[data-design="4"][data-design="4"] .rd-header .login:is(:hover, :focus-visible, :active) { background: var(--tm-border); color: var(--tm-ink); border-color: var(--tm-outline); }
[data-design="4"][data-design="4"] .rd-header .primary { background: var(--tm-ink); border-color: var(--tm-ink); color: var(--tm-paper); }
[data-design="4"][data-design="4"] .rd-header .primary:is(:hover, :focus-visible, :active) { background: var(--tm-accent-blue, var(--tm-blue)); border-color: var(--tm-accent-blue, var(--tm-blue)); }
[data-design="4"][data-design="4"] .motion-hero { padding-top: 80px; }
[data-design="4"][data-design="4"] .motion-hero h1 { font-size: clamp(48px, 4.86vw, 68px); }
[data-design="4"][data-design="4"] .motion-hero-copy > p { font-size: 20px; }
[data-design="4"][data-design="4"] .motion-hero-photo { max-width: 1184px; margin-top: 48px; }
[data-design="4"][data-design="4"] .motion-hero-tail { padding-bottom: 32px; }
[data-design="4"][data-design="4"] .motion-maru, [data-design="4"][data-design="4"] .motion-package .restored-package-section { background: radial-gradient(ellipse at 6% 12%,var(--tm-blue-soft) 0,transparent 48%),radial-gradient(ellipse at 96% 86%,var(--tm-blue-soft) 0,transparent 46%),var(--tm-surface); }
[data-design="4"][data-design="4"] .motion-maru, [data-design="4"][data-design="4"] .motion-chat, [data-design="4"][data-design="4"] #tool-catalogue { position: relative; isolation: isolate; }
[data-design="4"][data-design="4"] .motion-chat, [data-design="4"][data-design="4"] #tool-catalogue { background: linear-gradient(145deg,var(--tm-ink),var(--tm-ink)); }
[data-design="4"][data-design="4"] .motion-maru::before, [data-design="4"][data-design="4"] .motion-chat::before, [data-design="4"][data-design="4"] #tool-catalogue::before { content: ""; position: absolute; inset: 0px; z-index: -1; pointer-events: none; background-image: url("../assets/ToolMaru-micro-pattern.webp"); background-size: 32px 32px; opacity: 0.32; mask-image: linear-gradient(90deg, rgb(0, 0, 0), transparent 42%, transparent 58%, rgb(0, 0, 0)); }
[data-design="4"][data-design="4"] .product-photo, [data-design="4"][data-design="4"] .chat-focus-photo { border-radius: 0px; overflow: visible; }
[data-design="4"][data-design="4"] .product-photo img, [data-design="4"][data-design="4"] .chat-focus-photo img { border-radius: 0px; }
[data-design="4"][data-design="4"] .motion-static-photo { min-width: 0px; }
[data-design="4"][data-design="4"] .motion-chapter .eyebrow { margin-bottom: 24px; }
[data-design="4"][data-design="4"] .motion-package .product-title { font-size: clamp(56px, 6vw, 84px); }
[data-design="4"][data-design="4"] .luna-worktool-layout { display: grid; grid-template-columns: minmax(0px, 0.85fr) minmax(0px, 1.15fr); align-items: center; gap: 72px; }
[data-design="4"][data-design="4"] .luna-worktool-copy { min-width: 0px; }
[data-design="4"][data-design="4"] .luna-worktool-copy .motion-copy { margin-top: 32px; }
[data-design="4"][data-design="4"] .luna-worktool-layout .motion-worktool-photo { min-width: 0px; max-width: none; margin: 0px; }
[data-design="4"][data-design="4"] .luna-worktool-layout .motion-worktool-photo > .product-photo { transform-origin: right center; }
[data-design="4"][data-design="4"] .coming-soon-label { padding: 8px 14px; font-size: 20px; font-weight: 750; color: var(--tm-paper); background: var(--tm-danger-fill); border-radius: 8px; }
[data-design="4"][data-design="4"] .mobile-nav [aria-disabled="true"] { color: var(--tm-danger); background: var(--tm-danger-soft); font-weight: 650; }
[data-design="4"][data-design="4"] .luna-evidence { padding: 96px 0px; background: var(--tm-surface); }
[data-design="4"][data-design="4"] .luna-evidence-grid { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); align-items: center; gap: 72px; }
[data-design="4"][data-design="4"] .luna-evidence-copy h2 { font-size: clamp(35px, 3.55vw, 50px); }
[data-design="4"][data-design="4"] .luna-evidence-copy p { margin-top: 24px; color: var(--tm-description-ink, var(--tm-muted)); font-size: 20px; line-height: 1.8; word-break: keep-all; }
[data-design="4"][data-design="4"] .luna-evidence-copy .rd-button { margin-top: 28px; }
[data-design="4"][data-design="4"] .luna-consulting-collage { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px; min-width: 0px; }
[data-design="4"][data-design="4"] .luna-consulting-collage figure { min-width: 0px; margin: 0px; aspect-ratio: 4 / 3; overflow: hidden; border-radius: 16px; }
[data-design="4"][data-design="4"] .luna-consulting-collage img { display: block; width: 100%; height: 100%; object-fit: cover; }
[data-design="4"][data-design="4"] .luna-consulting-speaking img { transform: scale(1.5); transform-origin: 62% 75%; }
[data-design="4"][data-design="4"] .luna-consulting-collage .luna-consulting-workshop { grid-column: 1 / -1; aspect-ratio: 16 / 9; }
[data-design="4"][data-design="4"] .luna-consulting-workshop img { object-position: 90% 50%; }
[data-design="4"][data-design="4"] .luna-evidence-transfer { padding: 96px 0px; background: var(--tm-paper); }
[data-design="4"][data-design="4"] .luna-evidence-transfer h2 { text-align: center; margin: 0px auto 48px; font-size: clamp(35px, 3.55vw, 50px); }
[data-design="4"][data-design="4"] .luna-transfer-images { display: grid; grid-template-columns: minmax(0px, 1fr) 40px minmax(0px, 1fr); gap: 24px; align-items: center; }
[data-design="4"][data-design="4"] .luna-transfer-images figure { min-width: 0px; margin: 0px; aspect-ratio: 16 / 10; overflow: hidden; border-radius: 16px; }
[data-design="4"][data-design="4"] .luna-transfer-images img { display: block; width: 100%; height: 100%; }
[data-design="4"][data-design="4"] .luna-transfer-field img { object-fit: cover; object-position: 24% 50%; }
[data-design="4"][data-design="4"] .luna-transfer-product img { object-fit: contain; }
[data-design="4"][data-design="4"] .luna-transfer-arrow { display: flex; align-items: center; justify-content: center; color: var(--tm-accent-blue, var(--tm-blue)); }
[data-design="4"][data-design="4"] .luna-transfer-arrow svg { width: 40px; height: 40px; stroke-width: 2.6; }
[data-design="4"][data-design="4"] .luna-market-tools { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 24px; margin: 48px 0px 0px; padding: 0px; list-style: none; }
[data-design="4"][data-design="4"] .luna-market-tools li { min-width: 0px; }
[data-design="4"][data-design="4"] .luna-market-tools a { display: block; border-radius: 16px; }
[data-design="4"][data-design="4"] .luna-market-tools img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: contain; background: var(--tm-surface); border-radius: 16px; }
[data-design="4"][data-design="4"] .luna-market-tools a > span { display: flex; justify-content: space-between; gap: 16px; align-items: center; margin-top: 16px; font-size: 18px; font-weight: 650; line-height: 1.6; }
[data-design="4"][data-design="4"] .luna-market-tools a:hover { color: var(--tm-accent-blue, var(--tm-blue)); }
@media (max-width: 1000px) {
[data-design="4"][data-design="4"] .luna-worktool-layout { grid-template-columns: minmax(0px, 1fr); gap: 40px; }
[data-design="4"][data-design="4"] .luna-evidence-grid { gap: 40px; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); }
[data-design="4"][data-design="4"] .luna-transfer-images { gap: 16px; }
[data-design="4"][data-design="4"] .luna-market-tools { gap: 16px; }
}
@media (max-width: 767px) {
[data-design="4"][data-design="4"] .motion-hero { padding-top: 48px; }
[data-design="4"][data-design="4"] .motion-hero h1 { font-size: clamp(36px, 8vw, 48px); }
[data-design="4"][data-design="4"] .motion-hero-copy > p { font-size: 18px; }
[data-design="4"][data-design="4"] .motion-hero-photo { margin-top: 36px; }
[data-design="4"][data-design="4"] .luna-evidence, [data-design="4"][data-design="4"] .luna-evidence-transfer { padding: 72px 0px; }
[data-design="4"][data-design="4"] .luna-evidence-grid { grid-template-columns: minmax(0px, 1fr); gap: 40px; }
[data-design="4"][data-design="4"] .luna-evidence-copy { text-align: center; }
[data-design="4"][data-design="4"] .luna-evidence-copy p { font-size: 18px; }
[data-design="4"][data-design="4"] .luna-evidence-copy .rd-button { padding-inline: 20px; }
[data-design="4"][data-design="4"] .luna-consulting-collage { gap: 12px; }
[data-design="4"][data-design="4"] .luna-consulting-speaking img { transform: scale(1.35); transform-origin: 15% 75%; }
[data-design="4"][data-design="4"] .luna-evidence-transfer h2 { margin-bottom: 32px; }
[data-design="4"][data-design="4"] .luna-transfer-images { grid-template-columns: minmax(0px, 1fr); gap: 20px; }
[data-design="4"][data-design="4"] .luna-transfer-arrow { transform: rotate(90deg); }
[data-design="4"][data-design="4"] .luna-market-tools { grid-template-columns: minmax(0px, 1fr); gap: 28px; margin-top: 32px; }
}