/* Client bundle ships its own variable cuts (same files as the SEO landing pages). */
@font-face{font-family:"DMSansSP";src:url("https://cdn.prod.website-files.com/6936dcb007ba9c26b8b66203/6a9ad01bc9829ad58682536f_dmsans-sp-v2.woff2") format("woff2");font-weight:100 1000;font-style:normal;font-display:swap}
@font-face{font-family:"InterSP";src:url("https://cdn.prod.website-files.com/6936dcb007ba9c26b8b66203/6a9ab37b8a9030890b8bf0ad_inter-sp.woff2") format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
@font-face{font-family:"DMSansSP";src:url("https://cdn.prod.website-files.com/6936dcb007ba9c26b8b66203/6ab6a7011ded7b09528a7881_dmsans-sp-italic.woff2") format("woff2");font-weight:100 1000;font-style:italic;font-display:swap}
@font-face{font-family:"InterSP";src:url("https://cdn.prod.website-files.com/6936dcb007ba9c26b8b66203/6ab6a70199b059f825c67944_inter-sp-italic.woff2") format("woff2");font-weight:100 900;font-style:italic;font-display:swap}

/* ── Webflow base CSS vs the design ──────────────────────────────────────
   The design was built on browser defaults; the site stylesheet changes a few.
   These restore the defaults inside the homepage only, at low specificity, so
   every design rule still wins over them. */
.hp-page,.hp-page *,.hp-page *::before,.hp-page *::after{box-sizing:content-box}      /* site: *{border-box} */
.hp-page h1,.hp-page h2,.hp-page h3,.hp-page h4,.hp-page h5,.hp-page h6,.hp-page p{display:block}  /* site: flow-root */
.hp-page img{max-width:none;width:auto;object-fit:fill;vertical-align:baseline;display:inline} /* site: 100% / cover */
.hp-page figcaption{text-align:inherit;margin-top:0}
.hp-page ul,.hp-page ol{list-style:revert;padding-left:40px;margin-bottom:0}
.hp-page li{display:list-item}

/* sheet 1 */
.hp-page{--font-sans: "InterSP", ui-sans-serif, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif; --font-mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace; --text-xs: 12px; --text-sm: 13px; --text-base: 14px; --text-md: 15px; --text-lg: 16px; --text-xl: 18px; --text-2xl: 20px; --text-3xl: 24px; --text-display: 32px; --text-hero: 40px; --leading-tight: 1.2; --leading-snug: 1.35; --leading-normal: 1.5; --leading-relaxed: 1.65; --fw-regular: 400; --fw-medium: 500; --fw-semibold: 600; --fw-bold: 700; --bg-page: #f3f1f0; --bg-page-tint: linear-gradient(105deg, #d6ecec 0%, #e2ece4 30%, #eeecde 65%, #f2ebda 100%); --bg-overlay: #e8ecf0; --bg-canvas: #f5f7f9; --bg-panel: #ffffff; --bg-card: #ffffff; --bg-modal: #ffffff; --bg-surface: #ebeef2; --bg-surface-lt: #fafcff; --bg-field: #eef0f4; --bg-hover-row: #eef1f5; --bg-selected: #dce6f0; --bg-nav: #4b5f75; --bg-sidebar: #1b2838; --bg-chip: #eef0f4; --bg-tab-group: #ffffff; --bg-tab-active: #ffffff; --fg: #2d3744; --fg-dim: #4a5568; --fg-sub: #718096; --fg-inv: #ffffff; --fg-accent: #3FA4C3; --fg-lavender: #8b82c4; --fg-hi: rgba(0,0,0,0.85); --fg-2: rgba(0,0,0,0.65); --fg-3: rgba(0,0,0,0.55); --fg-4: rgba(0,0,0,0.45); --fg-5: rgba(0,0,0,0.40); --fg-ghost: rgba(0,0,0,0.25); --fg-muted: rgba(0,0,0,0.15); --brd-tile: #d8dee6; --brd-section: #d8dee6; --brd-chat: #c8d0da; --brd-subtle: rgba(0,0,0,0.06); --brd-faint: rgba(0,0,0,0.07); --brd-light: rgba(0,0,0,0.08); --brd: rgba(0,0,0,0.10); --brd-med: rgba(0,0,0,0.12); --brd-strong: rgba(0,0,0,0.20); --accent: #3FA4C3; --accent-hover: #2D8AA8; --accent-teal: #3d8fa0; --accent-purple: #7c5cbf; --status-critical: #e05252; --status-warn: #e68900; --status-yellow: #c9a800; --status-success: #2d9f2d; --status-info: #2196f3; --status-slate: #6b7b8d; --steel-50: #EAF4F7; --steel-100: #CADEEA; --steel-200: #AECBDB; --steel-300: #8FBECC; --steel-400: #6A9EAF; --steel-500: #4A7D8E; --steel-600: #325E6C; --steel-700: #1E4050; --steel-800: #0F2534; --steel-900: #071318; --radius-xs: 6px; --radius-sm: 8px; --radius-md: 10px; --radius-card: 12px; --radius-tile: 14px; --radius-lg: 16px; --radius-pill: 999px; --shadow-sm: 0 1px 2px rgba(15,20,25,0.06); --shadow-card: 0 4px 16px rgba(15,20,25,0.06), 0 1px 2px rgba(15,20,25,0.04); --shadow-card-hover: 0 12px 32px rgba(15,20,25,0.10), 0 2px 4px rgba(15,20,25,0.05); --shadow-dropdown: 0 12px 40px rgba(15,20,25,0.15); --shadow-inset: inset 0 1px 0 rgba(255,255,255,0.6); --space-1: 4px; --space-2: 8px; --space-3: 12px; --space-4: 16px; --space-5: 20px; --space-6: 24px; --space-8: 32px; --space-10: 40px; --space-12: 48px; --space-16: 64px; --ring: rgba(63,164,195,0.45); --font-size: var(--text-base);}
.hp-page .hp-dark{--bg-page: #0d1117; --bg-page-tint: linear-gradient(135deg, #0d1117 0%, #101720 60%, #141a26 100%); --bg-overlay: #0f1520; --bg-canvas: #131a24; --bg-panel: #161e2a; --bg-card: #1a2332; --bg-modal: #1a2332; --bg-surface: #1f2937; --bg-surface-lt: #1e2a3a; --bg-field: #1a2332; --bg-hover-row: #1f2937; --bg-selected: #253347; --bg-nav: #1a2638; --bg-sidebar: #0b1018; --bg-chip: #1f2937; --bg-tab-group: #161e2a; --bg-tab-active: #253347; --fg: #e8ecf0; --fg-dim: #9ca3af; --fg-sub: #6b7280; --fg-inv: #0f172a; --fg-hi: rgba(255,255,255,0.90); --fg-2: rgba(255,255,255,0.70); --fg-3: rgba(255,255,255,0.55); --fg-4: rgba(255,255,255,0.45); --fg-ghost: rgba(255,255,255,0.22); --fg-muted: rgba(255,255,255,0.12); --brd-tile: #2a3544; --brd-section: #2a3544; --brd-chat: #334155; --brd-subtle: rgba(255,255,255,0.06); --brd: rgba(255,255,255,0.10); --brd-med: rgba(255,255,255,0.14); --brd-strong: rgba(255,255,255,0.22); --shadow-card: 0 4px 16px rgba(0,0,0,0.30); --shadow-card-hover: 0 12px 32px rgba(0,0,0,0.40); --shadow-dropdown: 0 12px 40px rgba(0,0,0,0.45);}
.hp-page{margin: 0px; font-family: var(--font-sans); font-size: var(--text-base); line-height: var(--leading-normal); color: var(--fg); background: var(--bg-page); -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility;}
.hp-page h1{font-family: var(--font-sans); font-size: var(--text-hero); font-weight: var(--fw-semibold); line-height: var(--leading-tight); letter-spacing: -0.02em; margin: 0px;}
.hp-page h2{font-size: var(--text-display); font-weight: var(--fw-semibold); line-height: var(--leading-tight); letter-spacing: -0.015em; margin: 0px;}
.hp-page h3{font-size: var(--text-3xl); font-weight: var(--fw-semibold); line-height: var(--leading-snug); letter-spacing: -0.01em; margin: 0px;}
.hp-page h4{font-size: var(--text-xl); font-weight: var(--fw-medium); line-height: var(--leading-snug); margin: 0px;}
.hp-page h5{font-size: var(--text-lg); font-weight: var(--fw-medium); margin: 0px;}
.hp-page p{margin: 0px;}
.hp-page code{font-family: var(--font-mono); font-size: 0.92em; background: var(--bg-field); padding: 1px 6px; border-radius: var(--radius-xs);}
.hp-page button,.hp-page input,.hp-page select,.hp-page textarea{font-family: inherit; font-size: var(--text-base);}
.hp-page :focus-visible{outline: 2px solid var(--ring); outline-offset: 2px;}
/* sheet 2 */
.hp-page{--font-display: "DMSansSP", var(--font-sans, system-ui, sans-serif);}
.hp-page .hp-hero-title,.hp-page .hp-section-title{font-family: var(--font-display);}
.hp-page{--site-max: 1200px; --site-pad: 24px; --hero-gradient: linear-gradient(225deg,
      #f0e4c6 0%,
      #e6dcc1 12%,
      #cfd8c9 38%,
      #b5d2cf 65%,
      #a6c8c8 85%,
      #94b9bb 100%); --testimonial-bg: #2d3744; --body-bg: #ffffff; --hero-inset: 14px;}
.hp-page{background: var(--body-bg); color: var(--fg); margin: 0px; padding: 0px;}
.hp-page{-webkit-font-smoothing: antialiased;}
.hp-page{min-height: 100vh; background: var(--body-bg); box-sizing: border-box;}
.hp-page .hp-sheet{scroll-behavior: smooth; background: rgb(255, 255, 255);}
.hp-page .hp-hero{position: relative; max-width: 1320px; margin-top: ; margin-bottom: ; margin-left: max(var(--hero-inset), (100vw - 1320px) / 2); margin-right: max(var(--hero-inset), (100vw - 1320px) / 2); padding: 104px 24px 0px; background: var(--hero-gradient); border-radius: 14px; overflow: hidden; isolation: isolate;}
.hp-page .hp-hero::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(60% 50% at 18% 28%, rgba(255, 255, 255, 0.35) 0%, transparent 60%), radial-gradient(50% 40% at 92% 8%, rgba(239, 228, 200, 0.7) 0%, transparent 70%); pointer-events: none;}
.hp-page .hp-hero-inner{position: relative; max-width: 720px; margin: 0px auto; text-align: center;}
.hp-page .hp-hero-title{font-size: clamp(32px, 4vw, 46px); line-height: 1.08; letter-spacing: -0.02em; font-weight: 500; color: rgb(45, 55, 68); margin: 0px; text-wrap: balance;}
.hp-page .hp-hero-title em,.hp-page .hp-hero-title .hp-ital{font-style: italic; font-weight: 500; letter-spacing: -0.02em; color: rgb(29, 91, 109);}
.hp-page .hp-hero-sub{max-width: 560px; margin: 8px auto 0px; font-size: 15.5px; line-height: 1.5; color: rgb(58, 69, 88); text-wrap: pretty;}
.hp-page .hp-hero-cta{display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 12px 26px; background: rgb(31, 41, 64); color: rgb(255, 255, 255); font-size: 14.5px; font-weight: 500; line-height: 1.2; border: 0px; border-radius: 999px; cursor: pointer; font-family: inherit; transition: background 160ms, transform 160ms, box-shadow 160ms; box-shadow: rgba(31, 41, 64, 0.18) 0px 6px 16px;}
.hp-page .hp-hero-cta:hover{background: rgb(19, 27, 45); transform: translateY(-1px); box-shadow: rgba(31, 41, 64, 0.22) 0px 10px 24px;}
.hp-page .hp-hero-cta .hp-arrow{transition: transform 200ms;}
.hp-page .hp-hero-cta:hover .hp-arrow{transform: translateX(3px);}
.hp-page .hp-hero-cta-row{display: flex; align-items: center; justify-content: center; gap: 18px; flex-wrap: wrap;}
.hp-page .hp-hero-cta-secondary{display: inline-flex; align-items: center; gap: 8px; margin-top: 18px; padding: 11px 25px; background: transparent; color: rgb(31, 41, 64); font-size: 14.5px; font-weight: 500; font-family: inherit; line-height: 1.2; border: 1px solid rgba(31, 41, 64, 0.22); border-radius: 999px; text-decoration: none; cursor: pointer; transition: background 160ms, border-color 160ms, color 160ms, transform 160ms, box-shadow 160ms; box-shadow: rgba(31, 41, 64, 0.04) 0px 1px 2px;}
.hp-page .hp-hero-cta-secondary:hover{background: rgba(31, 41, 64, 0.04); border-color: rgba(31, 41, 64, 0.42); color: rgb(19, 27, 45); transform: translateY(-1px); box-shadow: rgba(31, 41, 64, 0.1) 0px 6px 16px;}
.hp-page [data-editable]{position: relative; outline: transparent dashed 1px; outline-offset: 4px; transition: outline-color 160ms; cursor: text;}
.hp-page [data-editable]:focus{background: rgba(63, 164, 195, 0.06); border-radius: 4px; outline: 2px solid var(--accent) !important; outline-offset: 4px !important;}
@keyframes hp-logo-scroll{0% { transform: translateX(0px); }
  100% { transform: translateX(-50%); }}
@keyframes hp-snippet-pop{0% { opacity: 0; transform: translateY(14px) scale(0.92); }
  60% { opacity: 1; transform: translateY(-2px) scale(1.02); }
  100% { opacity: 1; transform: translateY(0px) scale(1); }}
@keyframes hp-solutionsChatPop{0% { opacity: 0; transform: scale(0.5); }
  60% { opacity: 1; transform: scale(1.04); }
  100% { opacity: 1; transform: scale(1); }}
.hp-page .hp-final-cta{position: relative; max-width: 1320px; margin-top: ; margin-bottom: ; margin-left: max(var(--hero-inset), (100vw - 1320px) / 2); margin-right: max(var(--hero-inset), (100vw - 1320px) / 2); padding: 96px 24px 104px; background: var(--hero-gradient); border-radius: 14px; overflow: hidden; isolation: isolate;}
.hp-page .hp-final-cta::before{content: ""; position: absolute; inset: 0px; background: radial-gradient(60% 50% at 18% 28%, rgba(255, 255, 255, 0.35) 0%, transparent 60%), radial-gradient(50% 40% at 92% 8%, rgba(239, 228, 200, 0.7) 0%, transparent 70%); pointer-events: none;}
.hp-page .hp-final-cta-inner{position: relative; max-width: 760px; margin: 0px auto; text-align: center;}
.hp-page .hp-final-cta-headline{font-family: var(--font-display); font-size: clamp(36px, 4.6vw, 56px); line-height: 1.06; letter-spacing: -0.025em; font-weight: 500; color: rgb(45, 55, 68); margin: 0px 0px 18px; text-wrap: balance;}
.hp-page .hp-final-cta-headline em{font-style: italic; font-weight: 500; color: rgb(29, 91, 109);}
.hp-page .hp-final-cta-lead{max-width: 580px; margin: 0px auto 28px; font-size: 16px; line-height: 1.55; color: rgb(58, 69, 88); text-wrap: pretty;}
@media (max-width: 640px){.hp-page .hp-final-cta{padding: 72px 20px 80px;}}
/* sheet 3 */
@keyframes hp-subHeroIn{0% { opacity: 0; transform: translateY(14px); }
  100% { opacity: 1; transform: translateY(0px); }}
@keyframes hp-geoDrift1{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(14px, -10px); }}
@keyframes hp-geoDrift2{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(-12px, 14px); }}
@keyframes hp-geoSpin{0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }}
@keyframes hp-geoSpinRev{0% { transform: rotate(0deg); }
  100% { transform: rotate(-360deg); }}
@keyframes hp-geoBreathe{0%, 100% { transform: scale(1); opacity: 0.5; }
  50% { transform: scale(1.04); opacity: 0.8; }}
@keyframes hp-geoPulse{0% { r: 5; opacity: 0.8; }
  100% { r: 50; opacity: 0; }}
@keyframes hp-geoNode1{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(8px, 12px); }}
@keyframes hp-geoNode2{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(-10px, 6px); }}
@keyframes hp-geoNode3{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(-8px, -10px); }}
@keyframes hp-geoNode4{0%, 100% { transform: translate(0px, 0px); }
  50% { transform: translate(10px, -8px); }}
@keyframes hp-sub-hero-v3-kenburns{0% { transform: scale(1.1); }
  100% { transform: scale(1); }}
@keyframes hp-heroChatPop{0% { opacity: 0; transform: scale(0.5); }
  60% { opacity: 1; transform: scale(1.04); }
  100% { opacity: 1; transform: scale(1); }}
.hp-page .hp-btn-primary{display: inline-flex; align-items: center; gap: 8px; padding: 12px 24px; font-size: 14px; font-weight: 500; border-radius: 999px; cursor: pointer; font-family: inherit; text-decoration: none; transition: background 160ms, transform 160ms, box-shadow 160ms; border: 0px;}
.hp-page .hp-btn-primary{background: rgb(31, 41, 64); color: rgb(255, 255, 255); box-shadow: rgba(31, 41, 64, 0.18) 0px 6px 16px;}
.hp-page .hp-btn-primary:hover{background: rgb(19, 27, 45); transform: translateY(-1px); box-shadow: rgba(31, 41, 64, 0.22) 0px 10px 24px;}
.hp-page .hp-btn-arrow{transition: transform 200ms;}
.hp-page .hp-btn-primary:hover .hp-btn-arrow{transform: translateX(3px);}
.hp-page .hp-section{padding: 112px 24px; background: rgb(255, 255, 255);}
.hp-page .hp-section.hp-tinted{background: rgb(247, 245, 241);}
.hp-page .hp-section.hp-dark{background: linear-gradient(45deg, rgb(45, 55, 68) 0%, rgb(45, 55, 68) 35%, rgb(54, 69, 85) 75%, rgb(61, 83, 106) 100%); color: rgb(233, 237, 243);}
.hp-page .hp-section-inner{max-width: 1080px; margin: 0px auto;}
.hp-page .hp-section-header{text-align: center; margin-bottom: 64px;}
.hp-page .hp-section-title{font-size: clamp(28px, 3.2vw, 40px); font-weight: 500; line-height: 1.1; letter-spacing: -0.02em; color: rgb(45, 55, 68); margin: 0px 0px 16px; text-wrap: balance;}
.hp-page .hp-section.hp-dark .hp-section-title{color: rgb(244, 246, 250);}
.hp-page .hp-section-title .hp-ital{font-style: italic; color: var(--accent); font-weight: 500;}
.hp-page .hp-section.hp-dark .hp-section-title .hp-ital{color: rgb(124, 197, 217);}
.hp-page .hp-section-lead{max-width: 620px; margin: 0px auto; font-size: 15.5px; line-height: 1.55; color: rgb(58, 69, 88); text-wrap: pretty;}
.hp-page .hp-section.hp-dark .hp-section-lead{color: rgba(255, 255, 255, 0.75);}
.hp-page .hp-section.hp-tinted#how-it-works .hp-section-header{text-align: left; margin-bottom: 0px; position: sticky; top: 120px;}
.hp-page .hp-section.hp-tinted#how-it-works .hp-section-title{text-wrap: pretty;}
.hp-page .hp-section.hp-tinted#how-it-works .hp-section-lead{margin-left: 0px; margin-right: 0px;}
@container hp-sheet (max-width: 900px){.hp-page .hp-section.hp-tinted#how-it-works .hp-section-header{text-align: center; position: static;}.hp-page .hp-section.hp-tinted#how-it-works .hp-section-lead{margin-left: auto; margin-right: auto;}}
@media (max-width: 640px){.hp-page .hp-section{padding: 72px 20px;}}
/* sheet 4 */
.hp-page .hp-sheet{container: hp-sheet / inline-size;}
@container hp-sheet (max-width: 1024px){.hp-page .hp-hero-title{font-size: clamp(40px, 5.4vw, 60px);}.hp-page .hp-section-title{font-size: clamp(28px, 4vw, 44px);}.hp-page .hp-section-lead{font-size: 17px;}.hp-page .hp-section{padding: 80px 24px;}}
@container hp-sheet (max-width: 480px){.hp-page .hp-hero{padding: 110px 18px 0px;}.hp-page .hp-hero-title{font-size: clamp(32px, 9vw, 44px); line-height: 1.08;}.hp-page .hp-hero-sub{font-size: 15px; line-height: 1.55;}.hp-page .hp-section{padding: 56px 18px;}.hp-page .hp-section-title{font-size: clamp(26px, 8vw, 34px);}.hp-page .hp-section-lead{font-size: 15px;}.hp-page .hp-final-cta{padding: 64px 18px;}.hp-page .hp-btn-primary{padding: 12px 20px; font-size: 14px;}}
@keyframes hp-nav-drawer-in{0% { opacity: 0; transform: translateY(-8px); }
  100% { opacity: 1; transform: translateY(0px); }}
@container hp-sheet (max-width: 480px){.hp-page .hp-section{padding: 64px 20px !important;}}
@container hp-sheet (max-width: 480px){.hp-page .hp-hero{margin-left: 0px !important; margin-right: 0px !important; margin-top: 0px !important; padding: 96px 18px 0px !important; border-radius: 0px !important; overflow: hidden !important;}.hp-page .hp-final-cta{padding: 64px 20px 72px !important;}.hp-page .hp-final-cta-headline{font-size: 32px !important; line-height: 1.12 !important;}.hp-page .hp-final-cta-lead{font-size: 15px !important;}}
/* sheet 7 */
.hp-page .hp-tour-panel{background: linear-gradient(135deg, rgb(239, 235, 227) 0%, rgb(247, 245, 241) 55%, rgb(250, 249, 246) 100%); padding: 0 var(--site-pad); overflow: hidden; margin-top: 96px;}
.hp-page .hp-tour-panel-inner{max-width: var(--site-max); margin: 0px auto; padding: 112px 0px 96px; display: grid; grid-template-columns: minmax(0px, 1fr) minmax(0px, 1.05fr); gap: 56px; align-items: end;}
.hp-page .hp-tour-copy{padding-bottom: 0px;}
.hp-page .hp-tour-eyebrow{font-size: 12px; letter-spacing: 0.14em; text-transform: uppercase; color: var(--accent); font-weight: 500; margin-bottom: 18px;}
.hp-page .hp-tour-title{font-family: var(--font-display); font-size: clamp(28px, 3.2vw, 40px); line-height: 1.12; letter-spacing: -0.02em; font-weight: 500; color: rgb(45, 55, 68); margin: 0px 0px 20px; text-wrap: balance;}
.hp-page .hp-tour-title em{font-style: italic; font-weight: 500; color: var(--accent);}
.hp-page .hp-tour-lead{font-size: 17px; line-height: 1.6; color: rgb(58, 69, 88); margin: 0px 0px 28px; max-width: 44ch;}
.hp-page .hp-tour-meta{display: flex; align-items: center; gap: 18px; flex-wrap: wrap;}
.hp-page .hp-tour-btn{display: inline-flex; align-items: center; gap: 10px; background: rgb(31, 41, 64); color: rgb(255, 255, 255); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; border-radius: 999px; padding: 15px 26px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 16px; font-weight: 600; cursor: pointer; transition: background 180ms, transform 180ms;}
.hp-page .hp-tour-btn:hover{background: rgb(19, 27, 45); transform: translateY(-1px);}
.hp-page .hp-tour-btn .hp-arrow{transition: transform 180ms;}
.hp-page .hp-tour-btn:hover .hp-arrow{transform: translateX(3px);}
@media (max-width: 900px){.hp-page .hp-tour-panel-inner{grid-template-columns: 1fr; gap: 8px; padding: 64px 0px 72px;}.hp-page .hp-tour-copy{padding-bottom: 0px;}}
/* sheet 8 */
.hp-page .hp-nsec{position: relative;}
.hp-page .hp-b2m [data-r]{opacity: 0; transform: translateY(22px); transition: opacity 900ms cubic-bezier(.22,.61,.36,1) var(--d,0ms),transform 900ms cubic-bezier(.22,.61,.36,1) var(--d,0ms);}
.hp-page .hp-b2m [data-r].hp-rv{opacity: 1; transform: none;}
@media (prefers-reduced-motion: reduce){.hp-page .hp-b2m [data-r]{opacity: 1; transform: none; transition: none;}}
.hp-page .hp-ov-sec{position: relative; overflow: hidden; padding-bottom: 24px;}
@keyframes hp-auraA{0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(70px, 40px) scale(1.14); }}
@keyframes hp-auraB{0%, 100% { transform: translate(0px, 0px) scale(1); }
  50% { transform: translate(-60px, -34px) scale(1.1); }}
.hp-page .hp-ov-inner{position: relative; z-index: 1; text-align: center; max-width: 900px; margin: 0px auto;}
.hp-page .hp-ov-title{font-family: var(--font-display); font-size: clamp(38px, 5vw, 64px); font-weight: 500; line-height: 1.05; letter-spacing: -0.025em; color: rgb(31, 41, 64); margin: 0px 0px 24px; text-wrap: balance;}
.hp-page .hp-ov-title .hp-ital{font-style: italic; color: var(--accent); font-weight: 500;}
.hp-page .hp-ov-lead{font-size: clamp(18px, 1.6vw, 21px); line-height: 1.6; color: rgb(74, 91, 106); max-width: 790px; margin: 0px auto; text-wrap: pretty;}
.hp-page .hp-ov-link{font-size: 17px;}
.hp-page .hp-ov-link{display: inline-flex; align-items: center; gap: 8px; margin-top: 22px; font-size: 16px; font-weight: 500; color: rgb(31, 41, 64); text-decoration: none; border-bottom: 1px solid rgba(31, 41, 64, 0.22); padding-bottom: 3px; transition: color 200ms, border-color 200ms;}
.hp-page .hp-ov-link:hover{color: var(--accent); border-color: var(--accent);}
.hp-page .hp-nsec .hp-section-lead{font-size: clamp(17px, 1.5vw, 19.5px); line-height: 1.6;}
.hp-page .hp-nlead-sm{font-size: 17.5px; line-height: 1.6; color: rgb(91, 107, 122); max-width: 600px; text-wrap: pretty;}
.hp-page .hp-ncard{background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.08); border-radius: 14px; box-shadow: rgba(15, 20, 25, 0.05) 0px 1px 2px, rgba(15, 20, 25, 0.3) 0px 18px 40px -30px;}
.hp-page .hp-nhair{height: 1px; background: rgba(15, 30, 50, 0.08);}
.hp-page .hp-ps{background: rgb(255, 255, 255); padding: 0px 24px;}
.hp-page .hp-ps-track{max-width: 1180px; margin: 0px auto; min-height: 320vh;}
.hp-page .hp-ps-stage{position: sticky; top: 0px; box-sizing: border-box; min-height: 100vh; display: flex; align-items: center; padding: clamp(48px, 7vh, 96px) 0px;}
.hp-page .hp-ps-grid{display: grid; grid-template-columns: minmax(0px, 0.86fr) minmax(0px, 1fr); gap: clamp(40px, 6vw, 88px); align-items: center; width: 100%;}
.hp-page .hp-ps-title{font-family: var(--font-display); font-size: clamp(28px, 3.2vw, 40px); font-weight: 500; line-height: 1.1; letter-spacing: -0.02em; color: rgb(31, 41, 64); margin: 14px 0px 16px; text-wrap: balance;}
.hp-page .hp-ps-title .hp-ital{font-style: italic; color: var(--accent); font-weight: 500;}
.hp-page .hp-ps-steps{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 2px; flex: 1 1 0%; min-width: 0px;}
.hp-page .hp-ps-stepswrap{display: flex; gap: 18px; margin-top: 30px;}
.hp-page .hp-ps-guide{display: flex; flex-direction: column; align-items: center; gap: 10px; padding-top: 12px; flex: 0 0 auto; color: var(--accent);}
.hp-page .hp-ps-guide-rail{position: relative; flex: 1 1 0%; width: 2px; border-radius: 2px; background: rgba(15, 30, 50, 0.09); overflow: hidden;}
.hp-page .hp-ps-guide-fill{position: absolute; left: 0px; top: 0px; width: 100%; background: var(--accent); border-radius: 2px; transition: height 520ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.hp-page .hp-ps-guide-arrow{flex: 0 0 auto; animation: 1.9s ease-in-out 0s infinite normal none running hp-psArrow;}
@keyframes hp-psArrow{0%, 100% { transform: translateY(-3px); opacity: 0.45; }
  50% { transform: translateY(3px); opacity: 1; }}
.hp-page .hp-ps-step{display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 14px; align-items: baseline; padding: 11px 0px; border-top: 1px solid rgba(15, 30, 50, 0.07); opacity: 0.34; transition: opacity 420ms;}
.hp-page .hp-ps-step:last-child{border-bottom: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-ps-step.hp-on{opacity: 1;}
.hp-page .hp-ps-step-i{font-size: 12px; font-weight: 600; color: rgb(147, 161, 174); font-variant-numeric: tabular-nums;}
.hp-page .hp-ps-step.hp-on .hp-ps-step-i{color: var(--accent);}
.hp-page .hp-ps-step-l{display: block; font-size: 18px; font-weight: 600; letter-spacing: -0.01em; color: rgb(34, 48, 60);}
.hp-page .hp-ps-step-n{display: block; font-size: 15px; font-weight: 400; color: rgb(91, 107, 122); margin-top: 3px; max-height: 0px; overflow: hidden; opacity: 0; transition: max-height 460ms, opacity 380ms;}
.hp-page .hp-ps-step.hp-cur .hp-ps-step-n{max-height: 5.5em; opacity: 1;}
.hp-page .hp-ps-step.hp-last .hp-ps-step-l{color: var(--accent);}
.hp-page .hp-ps-cardwrap{position: relative;}
.hp-page .hp-ps-aura{position: absolute; inset: -14% -10%; pointer-events: none; z-index: 0;}
.hp-page .hp-ps-aura i{position: absolute; border-radius: 50%; filter: blur(64px); opacity: 0.85;}
.hp-page .hp-ps-aura i:nth-child(1){width: 60%; height: 70%; left: -6%; top: 2%; background: rgba(63, 164, 195, 0.34); animation: 19s ease-in-out 0s infinite normal none running hp-auraA;}
.hp-page .hp-ps-aura i:nth-child(2){width: 55%; height: 62%; right: -4%; bottom: 0px; background: rgba(232, 226, 212, 0.95); animation: 23s ease-in-out 0s infinite normal none running hp-auraB;}
.hp-page .hp-ps-aura i:nth-child(3){width: 45%; height: 45%; left: 28%; bottom: -10%; background: rgba(124, 197, 217, 0.28); animation: 27s ease-in-out 0s infinite reverse none running hp-auraA;}
.hp-page .hp-ps-card{overflow: hidden; position: relative; z-index: 1;}
.hp-page .hp-ps-rows{padding: 20px 22px 14px; display: flex; flex-direction: column; gap: 0px;}
.hp-page .hp-ps-card-hd{display: flex; align-items: center; gap: 16px; padding: 20px 22px;}
.hp-page .hp-ps-card-hd img{width: 54px; height: 54px; border-radius: 50%; object-fit: cover; object-position: 50% 22%; flex: 0 0 auto;}
.hp-page .hp-ps-card-name{font-size: 17px; font-weight: 600; color: rgb(34, 48, 60); letter-spacing: -0.01em;}
.hp-page .hp-ps-card-meta{font-size: 13.5px; color: rgb(123, 136, 149); margin-top: 2px;}
.hp-page .hp-ps-card-count{margin-left: auto; text-align: right; font-size: 12px; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(147, 161, 174);}
.hp-page .hp-ps-card-count b{display: block; font-family: var(--font-display); font-size: 26px; font-weight: 500; letter-spacing: -0.02em; color: rgb(31, 41, 64); font-variant-numeric: tabular-nums;}
.hp-page .hp-ps-row{display: grid; grid-template-columns: 34px minmax(0px, 1fr) auto; gap: 14px; align-items: center; padding: 0px 16px; border-radius: 11px; background: rgb(247, 246, 242); border: 0px solid rgba(15, 30, 50, 0.06); opacity: 0; transform: translateY(8px); max-height: 0px; margin-bottom: 0px; overflow: hidden; transition: opacity 480ms, transform 520ms cubic-bezier(0.22, 0.61, 0.36, 1), max-height 520ms cubic-bezier(0.22, 0.61, 0.36, 1), padding 420ms, margin 420ms;}
.hp-page .hp-ps-row.hp-in{opacity: 1; transform: none; max-height: 120px; padding-top: 14px; padding-bottom: 14px; margin-bottom: 8px; border-width: 1px;}
.hp-page .hp-ps-row-ic{width: 34px; height: 34px; border-radius: 9px; display: grid; place-items: center; background: rgb(255, 255, 255); color: rgb(74, 125, 142); border: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-ps-row-l{display: block; font-size: 15.5px; font-weight: 600; color: rgb(34, 48, 60);}
.hp-page .hp-ps-row-s{display: block; font-size: 13.5px; color: rgb(123, 136, 149); margin-top: 1px;}
.hp-page .hp-ps-row-v{font-size: 13px; font-weight: 600; color: rgb(74, 125, 142); font-variant-numeric: tabular-nums; white-space: nowrap;}
.hp-page .hp-ps-row.hp-talk{background: rgba(63, 164, 195, 0.08); border-color: rgba(63, 164, 195, 0.28);}
.hp-page .hp-ps-row.hp-talk .hp-ps-row-ic{color: var(--accent); border-color: rgba(63, 164, 195, 0.3);}
.hp-page .hp-ps-row.hp-talk .hp-ps-row-v{color: var(--accent);}
@media (max-width: 1060px){.hp-page .hp-ps-stage{padding: 72px 0px;}.hp-page .hp-ps-title{font-size: 30px; margin-top: 12px;}.hp-page .hp-nlead-sm{font-size: 15.5px;}.hp-page .hp-ps-stepswrap{margin-top: 22px; gap: 14px;}.hp-page .hp-ps-step{padding: 9px 0px;}.hp-page .hp-ps-step-l{font-size: 16.5px;}.hp-page .hp-ps-step-n{font-size: 14px;}.hp-page .hp-ps-card-hd{padding: 16px 18px;}.hp-page .hp-ps-rows{padding: 14px 18px 18px;}}
@media (max-width: 900px){.hp-page .hp-ps-track{min-height: 0px;}.hp-page .hp-ps-stage{position: static; min-height: 0px; padding: 72px 0px;}.hp-page .hp-ps-grid{grid-template-columns: 1fr; gap: 40px;}}
@media (max-height: 760px){.hp-page .hp-ps-stage{padding: 30px 0px;}.hp-page .hp-ps-title{font-size: clamp(24px, 2.4vw, 30px); margin: 10px 0px 12px;}.hp-page .hp-nlead-sm{font-size: 14.5px;}.hp-page .hp-ps-stepswrap{margin-top: 18px;}.hp-page .hp-ps-step{padding: 7px 0px;}.hp-page .hp-ps-step-l{font-size: 15.5px;}.hp-page .hp-ps-step-n{font-size: 13.5px; max-height: 0px;}.hp-page .hp-ps-step.hp-cur .hp-ps-step-n{max-height: 4.5em;}.hp-page .hp-ps-card-hd{padding: 14px 18px;}.hp-page .hp-ps-card-hd img{width: 46px; height: 46px;}.hp-page .hp-ps-rows{padding: 2px 18px 16px;}.hp-page .hp-ps-row.hp-in{padding-top: 11px; padding-bottom: 11px; margin-bottom: 7px;}}
@media (max-height: 760px) and (min-width: 901px){.hp-page .hp-ps-card-hd{padding: 12px 16px;}.hp-page .hp-ps-card-hd img{width: 42px; height: 42px;}.hp-page .hp-ps-card-count b{font-size: 22px;}.hp-page .hp-ps-rows{padding: 14px 16px 12px;}.hp-page .hp-ps-row.hp-in{padding: 9px 14px; margin-bottom: 6px;}.hp-page .hp-ps-row-l{font-size: 14.5px;}.hp-page .hp-ps-row-s{font-size: 12.5px;}.hp-page .hp-ps-row-ic{width: 30px; height: 30px;}.hp-page .hp-ps-row{grid-template-columns: 30px minmax(0px, 1fr) auto; gap: 11px;}}
@media (max-height: 640px) and (min-width: 901px){.hp-page .hp-ps-copy .hp-nlead-sm{display: none;}.hp-page .hp-ps-title{margin-bottom: 6px;}.hp-page .hp-ps-stepswrap{margin-top: 14px;}.hp-page .hp-ps-stage{padding: 28px 0px;}}
@keyframes hp-dpCaret{0%, 49% { opacity: 1; }
  50%, 100% { opacity: 0; }}
@keyframes hp-csDraw{100% { stroke-dashoffset: 0; }}
@keyframes hp-csFade{100% { opacity: 1; }}
@keyframes hp-csIn{0% { opacity: 0; transform: translateY(22px) scale(0.96); }
  100% { opacity: 1; transform: none; }}
@keyframes hp-csOut{0% { opacity: 1; transform: none; }
  100% { opacity: 0; transform: translate(calc(-1 * var(--tx,0px)),34px) scale(.86); }}
@keyframes hp-csOne{0% { opacity: 0; transform: translateX(-50%) scale(0.94); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }}
@keyframes hp-csCell{100% { opacity: 1; transform: none; }}
.hp-page .hp-ym-pt{display: flex; align-items: center; gap: 14px; padding: 16px 22px; border-bottom: 1px solid rgba(15, 30, 50, 0.07); background: rgb(255, 255, 255);}
.hp-page .hp-ym-pt img{width: 46px; height: 46px; border-radius: 50%; object-fit: cover; object-position: 50% 22%;}
.hp-page .hp-ym-pt-n{font-size: 15.5px; font-weight: 600; color: rgb(34, 48, 60);}
.hp-page .hp-ym-pt-m{font-size: 13.5px; color: rgb(123, 136, 149); margin-top: 1px;}
@keyframes hp-ymPan{0% { transform: translate3d(-4%, -3%, 0px) scale(1.1); }
  35% { transform: translate3d(3.5%, -1%, 0px) scale(1.16); }
  70% { transform: translate3d(2%, 3.5%, 0px) scale(1.12); }
  100% { transform: translate3d(-3%, 2%, 0px) scale(1.14); }}
.hp-page .hp-ym-card{display: flex; flex-direction: column; background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.08); border-radius: 14px; overflow: hidden; box-shadow: rgba(15, 20, 25, 0.05) 0px 1px 2px, rgba(15, 20, 25, 0.34) 0px 22px 46px -34px;}
.hp-page .hp-ym-hd{padding: 18px 22px; border-bottom: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-ym-hd-n{font-size: 16.5px; font-weight: 600; letter-spacing: -0.012em; color: rgb(34, 48, 60);}
.hp-page .hp-ym-hd-s{font-size: 13px; color: rgb(123, 136, 149); margin-top: 3px;}
.hp-page .hp-ym-rows{padding: 6px 22px 8px;}
.hp-page .hp-ym-row{display: grid; grid-template-columns: 118px minmax(0px, 1fr); gap: 16px; padding: 14px 0px; border-top: 1px solid rgba(15, 30, 50, 0.06);}
.hp-page .hp-ym-row:first-child{border-top: 0px;}
.hp-page .hp-ym-row-k{font-size: 12px; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(166, 177, 188); padding-top: 2px;}
.hp-page .hp-ym-row-v{font-size: 15px; line-height: 1.55; color: rgb(61, 76, 90);}
.hp-page .hp-ym-row-v b{font-weight: 600; color: rgb(34, 48, 60); font-variant-numeric: tabular-nums;}
.hp-page .hp-ym-plan{margin-top: auto; padding: 16px 22px 20px;}
.hp-page .hp-ym-plan-k{font-size: 12px; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(166, 177, 188); margin-bottom: 10px;}
.hp-page .hp-ym-plan ul{list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 8px;}
.hp-page .hp-ym-plan li{display: grid; grid-template-columns: 16px minmax(0px, 1fr); gap: 10px; font-size: 14.5px; line-height: 1.5; color: rgb(61, 76, 90);}
.hp-page .hp-ym-plan li svg{margin-top: 4px; color: rgb(74, 125, 142);}
.hp-page .hp-pd-grid{position: relative; display: grid; grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1fr); gap: clamp(34px, 5vw, 64px); align-items: center; max-width: 1080px; margin: 0px auto;}
.hp-page .hp-pd-links{position: absolute; inset: 0px; pointer-events: none; overflow: visible;}
.hp-page .hp-pd-links path{fill: none; stroke: rgba(124, 197, 217, 0.5); stroke-width: 1.2; stroke-dasharray: 1; stroke-dashoffset: 1;}
.hp-page .hp-b2m.hp-vis .hp-pd-links path{animation-duration: 1100ms; animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: forwards; animation-play-state: running; animation-name: hp-pdDraw; animation-timeline: auto; animation-range: normal; animation-delay: calc(1000ms + var(--i,0)*150ms);}
@keyframes hp-pdDraw{100% { stroke-dashoffset: 0; }}
.hp-page .hp-pd-grid > div{position: relative;}
.hp-page .hp-pd-flags{display: flex; flex-direction: column; gap: 10px;}
.hp-page .hp-pd-flag{display: grid; grid-template-columns: 10px minmax(0px, 1fr); gap: 14px; padding: 16px 18px; border-radius: 12px; background: rgba(255, 255, 255, 0.055); border: 1px solid rgba(255, 255, 255, 0.1);}
.hp-page .hp-pd-flag i{width: 10px; height: 10px; border-radius: 50%; margin-top: 6px;}
.hp-page .hp-pd-flag-t{font-size: 15.5px; font-weight: 600; color: rgb(244, 246, 250); letter-spacing: -0.01em;}
.hp-page .hp-pd-flag-s{font-size: 14px; line-height: 1.55; color: rgba(255, 255, 255, 0.66); margin-top: 3px;}
.hp-page .hp-pd-k{font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(124, 197, 217); margin-bottom: 14px;}
.hp-page .hp-pd-doc{background: rgb(255, 255, 255); border-radius: 15px; overflow: hidden; box-shadow: rgba(0, 0, 0, 0.6) 0px 30px 70px -34px;}
.hp-page .hp-pd-doc-hd{padding: 22px 26px 18px; border-bottom: 1px solid rgba(15, 30, 50, 0.08);}
.hp-page .hp-pd-doc-k{font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(166, 177, 188);}
.hp-page .hp-pd-doc-t{font-family: var(--font-display); font-size: 22px; font-weight: 500; letter-spacing: -0.018em; color: rgb(31, 41, 64); margin-top: 8px;}
.hp-page .hp-pd-doc-body{padding: 8px 26px 4px;}
.hp-page .hp-pd-item{display: grid; grid-template-columns: 26px minmax(0px, 1fr); gap: 14px; padding: 16px 0px; border-top: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-pd-item:first-child{border-top: 0px;}
.hp-page .hp-pd-item-n{font-size: 12.5px; font-weight: 700; color: rgb(166, 177, 188); padding-top: 3px; font-variant-numeric: tabular-nums;}
.hp-page .hp-pd-item-t{font-size: 15.5px; font-weight: 600; color: rgb(34, 48, 60); letter-spacing: -0.01em;}
.hp-page .hp-pd-item-s{font-size: 14.5px; line-height: 1.55; color: rgb(91, 107, 122); margin-top: 3px;}
.hp-page .hp-pd-doc-ft{display: flex; flex-wrap: wrap; align-items: center; gap: 14px; padding: 18px 26px; background: rgb(247, 246, 242); border-top: 1px solid rgba(15, 30, 50, 0.08);}
.hp-page .hp-pd-approve{margin-left: auto; white-space: nowrap; display: inline-flex; align-items: center; gap: 9px; padding: 12px 20px; border-radius: 10px; background: rgb(31, 41, 64); color: rgb(255, 255, 255); font-size: 14.5px; font-weight: 600; border: 0px; cursor: default; box-shadow: rgba(31, 41, 64, 0.22) 0px 6px 16px;}
.hp-page .hp-pd-approve svg{flex: 0 0 auto;}
@media (max-width: 900px){.hp-page .hp-pd-grid{grid-template-columns: 1fr; gap: 34px;}}
.hp-page .hp-pb-grid{display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: clamp(36px, 4.4vw, 72px); max-width: 1080px; margin: 0px auto;}
.hp-page .hp-pb-card{padding: 0px; background: none; border: 0px; border-radius: 0px; box-shadow: none;}
.hp-page .hp-pb-card[data-r].hp-rv{opacity: 1; transform: none; animation: 760ms cubic-bezier(0.22, 0.61, 0.36, 1) 0s 1 normal both running hp-pbIn;}
@keyframes hp-pbIn{0% { opacity: 0; transform: translateY(22px); }
  100% { opacity: 1; transform: none; }}
.hp-page .hp-pb-ic{display: flex; align-items: center; justify-content: center; width: 44px; height: 44px; border-radius: 11px; background: linear-gradient(145deg, rgba(63, 164, 195, 0.16), rgba(63, 164, 195, 0.05)); border: 1px solid rgba(63, 164, 195, 0.22); color: var(--accent); margin-bottom: 16px;}
.hp-page .hp-pb-k{font-size: 12px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(166, 177, 188); margin-bottom: 12px;}
.hp-page .hp-pb-t{font-size: 21px; font-weight: 600; letter-spacing: -0.012em; color: rgb(34, 48, 60); margin-bottom: 8px;}
.hp-page .hp-pb-list{list-style: none; margin: 2px 0px 0px; padding: 0px; display: flex; flex-direction: column; gap: 10px;}
.hp-page .hp-pb-list li{display: grid; grid-template-columns: 18px minmax(0px, 1fr); gap: 11px; font-size: 16.5px; line-height: 1.55; color: rgb(61, 76, 90);}
.hp-page .hp-pb-list li svg{margin-top: 3px; color: rgb(74, 125, 142);}
.hp-page .hp-pb-list li b{font-weight: 600; color: rgb(34, 48, 60);}
.hp-page .hp-pb-link{display: inline-block; margin-top: 14px; font-size: 14px; font-weight: 600; color: var(--accent); text-decoration: none; border-bottom: 1px solid rgba(63, 164, 195, 0.35);}
.hp-page .hp-pb-link:hover{color: var(--accent-hover);}
@media (max-width: 820px){.hp-page .hp-pb-grid{grid-template-columns: 1fr;}}
.hp-page .hp-nclose-actions{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 16px; margin-top: 30px;}
.hp-page .hp-nclose-sec{display: inline-flex; align-items: center; gap: 9px; font-size: 15.5px; font-weight: 600; color: rgb(31, 41, 64); text-decoration: none; padding: 15px 24px; border-radius: 999px; background: rgba(255, 255, 255, 0.72); border: 1px solid rgba(15, 30, 50, 0.1);}
.hp-page .hp-nclose-sec:hover{background: rgb(255, 255, 255);}
.hp-page .hp-ov-inner{text-align: left; max-width: 1140px; display: grid; grid-template-columns: minmax(0px, 1.62fr) minmax(0px, 1fr); gap: clamp(36px, 4vw, 60px); align-items: start;}
.hp-page .hp-ov-inner .hp-ov-title{margin: 0px 0px 26px;}
.hp-page .hp-ov-inner .hp-ov-lead{margin: 0px; max-width: 680px;}
.hp-page .hp-ov-inner .hp-ov-link{margin-top: 26px;}
.hp-page .hp-ov-founder{margin: 0px; max-width: 300px;}
.hp-page .hp-ov-founder-cap{margin: 26px 0px 0px;}
@media (max-width: 900px){.hp-page .hp-ov-inner{grid-template-columns: 1fr; gap: 36px;}.hp-page .hp-ov-founder{max-width: none;}.hp-page .hp-ov-inner .hp-ov-lead{max-width: none;}}
.hp-page .hp-pq-sec{background: rgb(255, 255, 255); padding-top: 8px; padding-bottom: 8px;}
.hp-page .hp-pq-box{position: relative; display: grid; grid-template-columns: 232px minmax(0px, 1fr); align-items: stretch; gap: 0px; max-width: 1080px; margin: 72px auto; border: 0px; border-radius: 18px; overflow: hidden; background: linear-gradient(45deg, rgb(45, 55, 68) 0%, rgb(45, 55, 68) 35%, rgb(54, 69, 85) 75%, rgb(61, 83, 106) 100%); box-shadow: rgba(15, 20, 25, 0.1) 0px 1px 2px, rgba(15, 30, 50, 0.72) 0px 40px 72px -46px;}
.hp-page .hp-pq-box::before{content: ""; position: absolute; inset: -40% -10%; pointer-events: none; background: radial-gradient(42% 52% at 78% 30%, rgba(63, 164, 195, 0.26), rgba(63, 164, 195, 0) 70%); animation: 26s ease-in-out 0s infinite alternate none running hp-pqDrift;}
@keyframes hp-pqDrift{0% { transform: translate3d(-4%, -3%, 0px) scale(1); }
  100% { transform: translate3d(6%, 4%, 0px) scale(1.14); }}
.hp-page .hp-pq-photo{position: relative; overflow: hidden; background: rgb(32, 48, 63);}
.hp-page .hp-pq-photo img{position: absolute; inset: -5%; width: 110%; height: 110%; object-fit: cover; object-position: 52% 30%; animation: 22s ease-in-out 0s infinite alternate none running hp-pqPan;}
@keyframes hp-pqPan{0% { transform: translate3d(-2%, -1.5%, 0px) scale(1.04); }
  100% { transform: translate3d(2%, 1.5%, 0px) scale(1.1); }}
.hp-page .hp-pq-photo::after{content: ""; position: absolute; inset: 0px; background: linear-gradient(100deg, rgba(20, 32, 44, 0.1) 0%, rgba(20, 32, 44, 0) 40%, rgba(45, 55, 68, 0.55) 100%);}
.hp-page .hp-pq-body{position: relative; padding: 46px 50px 42px; display: flex; flex-direction: column; justify-content: center;}
.hp-page .hp-pq-mark{display: inline-flex; color: rgb(127, 198, 220); opacity: 0.75; margin-bottom: 16px;}
.hp-page .hp-pq-q{margin: 0px; font-family: var(--font-display); font-size: clamp(21px, 2.1vw, 27px); line-height: 1.42; font-weight: 400; letter-spacing: -0.018em; color: rgb(255, 255, 255); text-wrap: pretty;}
.hp-page .hp-pq-attr{display: flex; flex-direction: column; gap: 3px; margin-top: 26px; padding-top: 22px; border-top: 1px solid rgba(255, 255, 255, 0.16);}
.hp-page .hp-pq-attr b{font-size: 16px; font-weight: 600; color: rgb(255, 255, 255);}
.hp-page .hp-pq-attr span{font-size: 14.5px; color: rgba(255, 255, 255, 0.66);}
.hp-page .hp-pq-box .hp-pq-mark,.hp-page .hp-pq-box .hp-pq-q,.hp-page .hp-pq-box .hp-pq-attr{opacity: 0; transform: translateY(14px);}
.hp-page .hp-pq-box.hp-rv .hp-pq-mark{animation: 760ms cubic-bezier(0.22, 0.61, 0.36, 1) 120ms 1 normal forwards running hp-pqUp;}
.hp-page .hp-pq-box.hp-rv .hp-pq-q{animation: 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 220ms 1 normal forwards running hp-pqUp;}
.hp-page .hp-pq-box.hp-rv .hp-pq-attr{animation: 900ms cubic-bezier(0.22, 0.61, 0.36, 1) 420ms 1 normal forwards running hp-pqUp;}
@keyframes hp-pqUp{100% { opacity: 1; transform: none; }}
@media (prefers-reduced-motion: reduce){.hp-page .hp-pq-box::before,.hp-page .hp-pq-photo img{animation: auto ease 0s 1 normal none running none;}.hp-page .hp-pq-box .hp-pq-mark,.hp-page .hp-pq-box .hp-pq-q,.hp-page .hp-pq-box .hp-pq-attr{opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none;}}
@media (max-width: 760px){.hp-page .hp-pq-box{grid-template-columns: 1fr; margin: 48px auto;}.hp-page .hp-pq-photo{height: 260px;}.hp-page .hp-pq-body{padding: 32px 26px 30px;}}
.hp-page .hp-pb-t{margin-bottom: 10px;}
.hp-page #practical .hp-section-header{display: none;}
.hp-page #close{padding-bottom: clamp(96px, 11vh, 150px);}
@media (max-width: 760px){.hp-page .hp-pb-grid{grid-template-columns: 1fr;}}
/* sheet 9 */
@keyframes hp-spRewrite{0% { opacity: 0; filter: blur(3px); }
  60% { opacity: 1; filter: blur(0px); }}
@keyframes hp-spCap{0% { opacity: 0; transform: translateY(6px); }
  100% { opacity: 1; transform: none; }}
.hp-page .hp-sh-grid{display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(0px, 1fr); gap: clamp(32px, 4.5vw, 72px); align-items: center; max-width: 1080px; margin: 0px auto;}
.hp-page .hp-sh-list{display: flex; flex-direction: column; gap: 26px;}
.hp-page .hp-sh-item{display: grid; grid-template-columns: 40px minmax(0px, 1fr); gap: 16px; align-items: start;}
.hp-page .hp-sh-ic{display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; border-radius: 11px; background: rgb(238, 244, 246); color: rgb(31, 93, 110); flex: 0 0 auto;}
.hp-page .hp-sh-t{font-family: var(--font-display); font-size: 19.5px; font-weight: 500; letter-spacing: -0.015em; color: rgb(31, 41, 64); line-height: 1.25;}
.hp-page .hp-sh-b{margin: 6px 0px 0px; font-size: 15.5px; line-height: 1.6; color: rgb(91, 107, 122); text-wrap: pretty;}
.hp-page .hp-sh-card{overflow: hidden;}
.hp-page .hp-sh-cta{display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 14px 24px; margin-top: 52px;}
.hp-page .hp-cmp{max-width: 1080px; margin: 0px auto; background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.09); border-radius: 16px; overflow: hidden; box-shadow: rgba(15, 20, 25, 0.04) 0px 1px 2px, rgba(15, 20, 25, 0.45) 0px 26px 48px -38px;}
.hp-page .hp-cmp-head,.hp-page .hp-cmp-row{display: grid; grid-template-columns: minmax(0px, 0.82fr) minmax(0px, 1fr) minmax(0px, 1.12fr);}
.hp-page .hp-cmp-head{background: rgb(247, 246, 242); border-bottom: 1px solid rgba(15, 30, 50, 0.09);}
.hp-page .hp-cmp-head-c{display: flex; align-items: center; gap: 9px; padding: 16px 22px; font-size: 13px; font-weight: 700; letter-spacing: 0.1em; text-transform: uppercase; color: rgb(138, 151, 164);}
.hp-page .hp-cmp-head-c img{width: 19px; height: 19px; object-fit: contain;}
.hp-page .hp-cmp-head-b{color: rgb(31, 41, 64); background: rgb(255, 255, 255); border-left: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-cmp-row{border-top: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-cmp-row:first-of-type{border-top: 0px;}
.hp-page .hp-cmp-k{padding: 20px 22px; font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: rgb(34, 48, 60); background: rgb(251, 250, 247); display: flex; align-items: center;}
.hp-page .hp-cmp-c{display: grid; grid-template-columns: 22px minmax(0px, 1fr); gap: 11px; align-items: start; padding: 20px 22px; font-size: 15.5px; line-height: 1.55; color: rgb(91, 107, 122); text-wrap: pretty;}
.hp-page .hp-cmp-b{background: rgb(255, 255, 255); border-left: 1px solid rgba(15, 30, 50, 0.07); color: rgb(61, 76, 90);}
.hp-page .hp-cmp-mark{display: flex; align-items: center; justify-content: center; width: 22px; height: 22px; border-radius: 50%; flex: 0 0 auto; margin-top: 1px; stroke-width: 2.4;}
.hp-page .hp-cmp-mark.hp-no{background: rgb(238, 215, 207); color: rgb(156, 74, 51);}
.hp-page .hp-cmp-mark.hp-yes{background: rgb(63, 164, 195); color: rgb(255, 255, 255);}
@media (max-width: 860px){.hp-page .hp-cmp-head{display: none;}.hp-page .hp-cmp-row{grid-template-columns: 1fr;}.hp-page .hp-cmp-k{background: rgb(247, 246, 242); border-bottom: 1px solid rgba(15, 30, 50, 0.07);}.hp-page .hp-cmp-b{border-left: 0px; border-top: 1px solid rgba(15, 30, 50, 0.07);}}
.hp-page .hp-ct-grid{display: grid; grid-template-columns: minmax(0px, 1fr) auto minmax(0px, 1fr) auto minmax(0px, 1.04fr); gap: clamp(12px, 1.5vw, 22px); align-items: stretch; max-width: 1240px; margin: 0px auto;}
.hp-page .hp-ct-right{min-width: 0px; display: flex;}
.hp-page .hp-ct-box{padding: 18px 18px 20px; border-radius: 14px; background: rgb(250, 249, 246); border: 1px solid rgba(15, 30, 50, 0.08);}
.hp-page .hp-ct-box .hp-ct-k{margin-bottom: 12px;}
.hp-page .hp-ct-k{font-size: 11.5px; font-weight: 700; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(166, 177, 188);}
.hp-page .hp-ct-ins{display: flex; flex-direction: column; gap: 8px;}
.hp-page .hp-ct-in{display: grid; grid-template-columns: 28px minmax(0px, 1fr) auto; gap: 11px; align-items: center; padding: 13px 15px; border-radius: 11px; background: rgb(247, 246, 242); border: 1px solid rgba(15, 30, 50, 0.06);}
.hp-page .hp-ct-in-ic{display: flex; align-items: center; justify-content: center; width: 28px; height: 28px; border-radius: 8px; background: rgb(255, 255, 255); color: rgb(31, 93, 110); border: 1px solid rgba(15, 30, 50, 0.07);}
.hp-page .hp-ct-in-t{font-size: 14.5px; font-weight: 600; color: rgb(34, 48, 60); letter-spacing: -0.01em;}
.hp-page .hp-ct-in-v{font-size: 12.5px; color: rgb(123, 136, 149); white-space: nowrap;}
.hp-page .hp-ct-flow{display: flex; align-items: center; justify-content: center; color: var(--accent); pointer-events: none;}
.hp-page .hp-b2m .hp-ct-flow[data-r]{transform: translateX(-10px);}
.hp-page .hp-b2m .hp-ct-flow[data-r].hp-rv{opacity: 0.55; transform: none;}
.hp-page .hp-b2m .hp-ct-right[data-r]{transform: scale(0.95); transition: opacity 760ms ease var(--d,0ms),transform 760ms cubic-bezier(.2,1.2,.35,1) var(--d,0ms);}
.hp-page .hp-b2m .hp-ct-right[data-r].hp-rv{transform: none;}
.hp-page .hp-ct-find{width: 100%; padding: 24px 24px 22px; background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.09); border-radius: 14px; box-shadow: rgba(15, 20, 25, 0.04) 0px 1px 2px, rgba(15, 20, 25, 0.45) 0px 26px 48px -38px;}
.hp-page .hp-ct-find-hd{display: flex; align-items: center; gap: 13px; padding-bottom: 16px; border-bottom: 1px solid rgba(15, 30, 50, 0.09);}
.hp-page .hp-ct-find-hd img{width: 46px; height: 46px; border-radius: 50%; object-fit: cover; object-position: 50% 22%; flex: 0 0 auto;}
.hp-page .hp-ct-find-n{font-size: 16px; font-weight: 600; letter-spacing: -0.01em; color: rgb(34, 48, 60);}
.hp-page .hp-ct-find-c{display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px;}
.hp-page .hp-ct-find-c span{display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 999px; background: rgb(238, 244, 246); font-size: 12px; color: rgb(31, 93, 110);}
.hp-page .hp-ct-find-c i{width: 5px; height: 5px; border-radius: 50%; background: rgb(63, 164, 195);}
.hp-page .hp-ct-find-t{margin: 16px 0px 0px; font-family: var(--font-display); font-size: 20px; font-weight: 500; line-height: 1.35; letter-spacing: -0.015em; color: rgb(31, 41, 64); text-wrap: pretty;}
.hp-page .hp-ct-find-t em{font-style: italic; color: var(--accent);}
.hp-page .hp-ct-find-d{margin-top: 16px; padding-top: 14px; border-top: 1px solid rgba(15, 30, 50, 0.09); display: flex; flex-direction: column; gap: 9px;}
.hp-page .hp-ct-find-d > div{display: flex; align-items: baseline; justify-content: space-between; gap: 14px; font-size: 14px; color: rgb(107, 123, 138);}
.hp-page .hp-ct-find-d b{font-weight: 600; color: rgb(34, 48, 60); font-variant-numeric: tabular-nums;}
.hp-page .hp-ct-papers{display: flex; flex-direction: column; gap: 10px;}
.hp-page .hp-ct-paper{display: grid; grid-template-columns: 30px minmax(0px, 1fr); gap: 12px; padding: 15px 16px; background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.09); border-radius: 12px; box-shadow: rgba(15, 20, 25, 0.04) 0px 1px 2px, rgba(15, 20, 25, 0.4) 0px 18px 36px -34px;}
.hp-page .hp-ct-paper-ic{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 8px; background: rgb(238, 244, 246); color: rgb(31, 93, 110);}
.hp-page .hp-ct-paper-t{font-size: 14.5px; font-weight: 600; line-height: 1.35; letter-spacing: -0.01em; color: rgb(34, 48, 60); text-wrap: pretty;}
.hp-page .hp-ct-paper-m{margin-top: 3px; font-size: 12.5px; line-height: 1.45; color: rgb(123, 136, 149);}
.hp-page .hp-ct-paper-m em{font-style: italic;}
@media (max-width: 1180px){.hp-page .hp-ct-grid{gap: 12px;}.hp-page .hp-ct-box{padding: 15px 14px 16px;}.hp-page .hp-ct-find{padding: 20px 18px 18px;}.hp-page .hp-ct-in{grid-template-columns: 24px minmax(0px, 1fr); row-gap: 2px; padding: 11px 12px;}.hp-page .hp-ct-in-v{grid-column: 2; white-space: normal;}.hp-page .hp-ct-in-ic{width: 24px; height: 24px;}.hp-page .hp-ct-paper{grid-template-columns: 1fr; gap: 9px; padding: 13px;}.hp-page .hp-ct-paper-ic{width: 26px; height: 26px;}.hp-page .hp-ct-find-t{font-size: 18px;}}
@media (max-width: 760px){.hp-page .hp-ct-grid{grid-template-columns: 1fr; gap: 18px;}.hp-page .hp-b2m .hp-ct-flow[data-r],.hp-page .hp-b2m .hp-ct-flow[data-r].hp-rv{transform: rotate(90deg); padding: 4px 0px;}}
.hp-page .hp-pb-link{display: inline-flex; align-items: center; gap: 8px; margin-top: 20px; font-size: 15.5px; font-weight: 500; color: rgb(31, 41, 64); text-decoration: none; border-bottom: 1px solid rgba(31, 41, 64, 0.22); padding-bottom: 3px; transition: color 200ms, border-color 200ms;}
.hp-page .hp-pb-link:hover{color: var(--accent); border-color: var(--accent);}
@media (max-width: 900px){.hp-page .hp-sh-grid{grid-template-columns: 1fr; gap: 38px;}.hp-page .hp-sh-cta{margin-top: 36px;}}
/* sheet 10 */
.hp-page{height: auto; min-height: 100%;}
.hp-page .hp-reveal .hp-reveal-child{opacity: 0; transform: translateY(12px); transition: opacity 600ms, transform 600ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.hp-page .hp-reveal.hp-in .hp-reveal-child{opacity: 1; transform: translateY(0px);}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(1){transition-delay: 120ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(2){transition-delay: 210ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(3){transition-delay: 300ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(4){transition-delay: 380ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(5){transition-delay: 450ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(6){transition-delay: 510ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(7){transition-delay: 565ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(8){transition-delay: 615ms;}
.hp-page .hp-reveal.hp-in .hp-reveal-child:nth-child(n+9){transition-delay: 660ms;}
.hp-page .hp-hero{box-sizing: border-box; min-height: 820px; height: 820px; max-height: none; display: grid; grid-template-columns: 1fr 1fr; align-items: stretch; box-shadow: rgba(15, 20, 25, 0.05) 0px 1px 2px, rgba(15, 20, 25, 0.3) 0px 30px 60px -25px; overflow: hidden; padding: 0px !important; margin: 40px auto 0px !important; max-width: 1440px !important; width: calc(100% - 80px) !important; border-radius: 16px !important; background: none !important;}
.hp-page .hp-hero-media{position: relative; box-sizing: border-box; padding: 32px 32px 32px 0px; background: rgb(45, 55, 68);}
.hp-page .hp-hero-media::after{content: ""; position: absolute; inset: 32px 32px 32px 0px; border-radius: 0px 12px 12px 0px; z-index: 4; pointer-events: none; background: radial-gradient(78% 72% at 50% 46%, rgba(45, 55, 68, 0) 38%, rgba(45, 55, 68, 0.34) 78%, rgba(45, 55, 68, 0.66) 100%);}
.hp-page .hp-hero-rotator{position: absolute; inset: 32px 32px 32px 0px; overflow: hidden; border-radius: 0px 12px 12px 0px; opacity: 0;}
.hp-page .hp-hero-shot{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; opacity: 0; transition: opacity 2600ms cubic-bezier(0.4, 0, 0.5, 1); will-change: opacity, transform; animation: hp-heroShotPan var(--pan-dur,22s) ease-in-out infinite alternate both;}
.hp-page .hp-hero-shot.hp-on{opacity: 1;}
@keyframes hp-heroShotPan{0% { transform: scale(var(--s0,1.14)) translate(var(--x0,0%),var(--y0,0%)); }
  100% { transform: scale(var(--s1,1.08)) translate(var(--x1,0%),var(--y1,0%)); }}
@media (prefers-reduced-motion: reduce){.hp-page .hp-hero-shot{animation: auto ease 0s 1 normal none running none; transition: none; transform: scale(1.02);}}
.hp-page .hp-hero-media image-slot{position: absolute; inset: 0px;}
@keyframes hp-heroRings{0% { transform: scale(0.55); opacity: 0; }
  18% { opacity: 1; }
  100% { transform: scale(2.4); opacity: 0; }}
@keyframes hp-scanFloat{0%, 100% { transform: translate(0px, 0px); }
  33% { transform: translate(0.35%, -0.6%); }
  66% { transform: translate(-0.3%, 0.5%); }}
@keyframes hp-heroSheen{0% { opacity: 1; transform: translate3d(-70%, -20%, 0px); }
  55%, 100% { opacity: 1; transform: translate3d(70%, 20%, 0px); }}
@keyframes hp-heroSwell{0%, 100% { transform: scale(1.04) translate3d(0px, 0px, 0px); }
  33% { transform: scale(1.07) translate3d(-1.2%, 0.6%, 0px); }
  66% { transform: scale(1.05) translate3d(0.9%, -0.8%, 0px); }}
.hp-page .hp-hero-copy{position: relative; display: flex; box-sizing: border-box; padding: 32px 0px 32px 32px; background: rgb(45, 55, 68); text-align: left;}
.hp-page .hp-hero-copy-inset{position: relative; z-index: 1; flex: 1 1 0%; min-width: 0px; display: flex; align-items: center; overflow: hidden; border-radius: 12px 0px 0px 12px; padding: 88px clamp(28px, 4.4vw, 64px) 104px; background: linear-gradient(135deg, rgb(245, 241, 232) 0%, rgb(238, 243, 242) 55%, rgb(228, 238, 239) 100%);}
.hp-page .hp-hero-copy::before{content: ""; position: absolute; left: -6%; top: -14%; width: 78%; height: 34%; z-index: 0; pointer-events: none; background: radial-gradient(52% 60% at 42% 62%, rgba(23, 30, 40, 0.85) 0%, rgba(23, 30, 40, 0.34) 55%, rgba(23, 30, 40, 0) 100%); filter: blur(26px);}
.hp-page .hp-hero-copy .hp-hero-inner{text-align: left; margin-left: 0px; margin-right: 0px;}
.hp-page .hp-hero-copy .hp-hero-sub{margin-left: 0px; margin-right: 0px;}
.hp-page .hp-hero-copy .hp-hero-cta-row{justify-content: flex-start; gap: 14px; margin-top: 30px;}
.hp-page .hp-hero-cta,.hp-page .hp-hero-cta-secondary{padding: 16px 30px; font-size: 17px; border-radius: 10px;}
.hp-page .hp-hero-cta-secondary{background: rgb(255, 255, 255); color: rgb(45, 55, 68); border: 1px solid rgba(15, 30, 50, 0.1); box-shadow: rgba(15, 20, 25, 0.06) 0px 1px 2px, rgba(15, 20, 25, 0.35) 0px 10px 24px -16px;}
.hp-page .hp-hero-cta-secondary:hover{background: rgb(255, 255, 255); border-color: rgba(15, 30, 50, 0.2); color: rgb(31, 41, 64);}
.hp-page .hp-sheet{overflow-x: clip;}
.hp-page .hp-hero-video{position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; object-position: center center; mix-blend-mode: var(--hv-blend,luminosity); opacity: var(--hv-op,.72); z-index: 0; pointer-events: none;}
.hp-page .hp-hero-video-scrim{position: absolute; inset: 0px; z-index: 1; pointer-events: none; background: radial-gradient(62% 56% at 50% 50%,rgba(245,241,232,var(--scrim-c,.14)) 0%,rgba(245,241,232,calc((var(--scrim-c,.14) + var(--scrim-e,.70)) / 2)) 58%,rgba(245,241,232,var(--scrim-e,.70)) 100%);}
.hp-page .hp-hero-inner{position: relative; z-index: 2; padding: 0px; max-width: 620px;}
@keyframes hp-heroCardIn{0% { opacity: 0; transform: scale(0.99); }
  100% { opacity: 1; transform: none; }}
@keyframes hp-heroFadeDown{0% { opacity: 0; transform: translateY(-26px); }
  100% { opacity: 1; transform: none; }}
@keyframes hp-heroFadeUp{0% { opacity: 0; transform: translateY(26px); }
  100% { opacity: 1; transform: none; }}
.hp-page{opacity: 0;}
html.hp-ready .hp-page{opacity: 1; transition: opacity 600ms cubic-bezier(0.33, 0.7, 0.35, 1);}
.hp-page .hp-hero,.hp-page .hp-hero-title > span,.hp-page .hp-hero-title > em,.hp-page .hp-hero-sub,.hp-page .hp-hero-sub-lead,.hp-page .hp-hero-cta-row{opacity: 0;}
html.hp-ready .hp-page .hp-hero{animation: 900ms cubic-bezier(0.33, 0.7, 0.35, 1) 60ms 1 normal both running hp-heroCardIn; will-change: opacity, transform;}
.hp-page .hp-hero-title > span,.hp-page .hp-hero-title > em{display: inline-block;}
html.hp-ready .hp-page .hp-hero-title > span{animation: 800ms cubic-bezier(0.33, 0.7, 0.35, 1) 420ms 1 normal both running hp-heroFadeUp;}
html.hp-ready .hp-page .hp-hero-title > em{animation: 800ms cubic-bezier(0.33, 0.7, 0.35, 1) 560ms 1 normal both running hp-heroFadeUp;}
html.hp-ready .hp-page .hp-hero-sub-lead{animation: 760ms cubic-bezier(0.33, 0.7, 0.35, 1) 720ms 1 normal both running hp-heroFadeUp;}
html.hp-ready .hp-page .hp-hero-sub{animation: 760ms cubic-bezier(0.33, 0.7, 0.35, 1) 840ms 1 normal both running hp-heroFadeUp;}
html.hp-ready .hp-page .hp-hero-cta-row{animation: 760ms cubic-bezier(0.33, 0.7, 0.35, 1) 980ms 1 normal both running hp-heroFadeUp;}
.hp-page .hp-hero-video,.hp-page .hp-hero-video-scrim{opacity: 0; transition: opacity 1400ms;}
html.hp-ready .hp-page .hp-hero-video.hp-vid-in{opacity: var(--hv-op,.72);}
html.hp-ready .hp-page .hp-hero-video-scrim{opacity: 1; transition-delay: 200ms;}
@keyframes hp-heroMediaIn{0% { opacity: 0; }
  100% { opacity: 1; }}
html.hp-ready .hp-page .hp-hero-rotator{animation: 1500ms cubic-bezier(0.16, 0.76, 0.28, 1) 100ms 1 normal both running hp-heroMediaIn; will-change: opacity;}
@media (prefers-reduced-motion: reduce){.hp-page .hp-hero,.hp-page .hp-hero-title > span,.hp-page .hp-hero-title > em,.hp-page .hp-hero-sub,.hp-page .hp-hero-sub-lead,.hp-page .hp-hero-cta-row,.hp-page .hp-hero-rotator{opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important;}.hp-page{opacity: 1;}}
.hp-page .hp-tour-panel{box-sizing: border-box; border-radius: 16px; box-shadow: rgba(15, 20, 25, 0.05) 0px 1px 2px, rgba(15, 20, 25, 0.3) 0px 30px 60px -25px; position: relative; z-index: 2; max-width: 1160px !important; width: calc(100% - 80px) !important; margin: -72px auto 0px !important; padding: 0px clamp(28px, 4vw, 64px) !important;}
.hp-page .hp-tour-panel.hp-reveal{opacity: 1; transform: none; transition: none;}
.hp-page .hp-tour-copy > *{opacity: 0; transform: translateY(12px);}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-tour-copy > *{opacity: 1; transform: none; transition: opacity 700ms, transform 700ms cubic-bezier(0.22, 0.61, 0.36, 1);}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-tour-copy > :nth-child(1){transition-delay: 120ms;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-tour-copy > :nth-child(2){transition-delay: 180ms;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-tour-copy > :nth-child(3){transition-delay: 280ms;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-tour-copy > :nth-child(4){transition-delay: 380ms;}
@media (prefers-reduced-motion: reduce){.hp-page .hp-tour-copy > *{opacity: 1; transform: none;}}
.hp-page .hp-tour-panel{background: linear-gradient(135deg, rgb(255, 255, 255) 0%, rgb(247, 251, 252) 45%, rgb(234, 244, 247) 100%) !important;}
.hp-page .hp-tour-panel-inner{align-items: center; padding: 56px 0px !important;}
.hp-page .hp-tour-panel .hp-tour-eyebrow{margin-bottom: 10px;}
.hp-page .hp-tour-panel .hp-tour-title{margin: 0px 0px 12px; font-size: clamp(24px, 2.4vw, 31px);}
.hp-page .hp-tour-panel .hp-tour-lead{font-size: 16px; margin-bottom: 22px;}
.hp-page .hp-tour-panel .hp-tour-btn{background: transparent; color: rgb(45, 55, 68); border: 1px solid rgba(45, 55, 68, 0.34); padding: 10px 20px; font-size: 14.5px; font-weight: 500;}
.hp-page .hp-tour-panel .hp-tour-btn:hover{background: rgba(45, 55, 68, 0.07); border-color: rgba(45, 55, 68, 0.55); color: rgb(31, 41, 64);}
.hp-page .hp-hero-title{font-size: clamp(42px, 4.2vw, 66px); line-height: 1.04; letter-spacing: -0.022em; text-wrap: balance;}
.hp-page .hp-hero-title > span{display: block;}
.hp-page .hp-hero-title > em{display: block; margin-left: 0px;}
.hp-page .hp-hero-title > em{color: var(--accent);}
.hp-page .hp-hero-title br{display: none;}
.hp-page .hp-hero-title > span::after{content: " ";}
.hp-page .hp-hero-sub-lead{max-width: 520px; margin: 22px 0px 0px; font-size: 26px; line-height: 1.34; font-weight: 500; letter-spacing: -0.012em; color: rgb(45, 55, 68);}
.hp-page .hp-hero-sub{max-width: 520px; margin-top: 12px; font-size: 16.5px; line-height: 1.62;}
.hp-page .hp-reveal{opacity: 0; transform: translateY(16px); transition: opacity 700ms, transform 700ms cubic-bezier(0.22, 0.61, 0.36, 1);}
.hp-page .hp-reveal.hp-in{opacity: 1; transform: translateY(0px);}
.hp-page #cited .hp-ct-k{font-size: 17px; font-weight: 600; letter-spacing: -0.01em; text-transform: none; color: rgb(31, 41, 64);}
.hp-page #cited .hp-ct-in{grid-template-columns: 30px minmax(0px, 1fr) auto; gap: 12px; padding: 15px 16px; background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.09); border-radius: 12px; box-shadow: rgba(15, 20, 25, 0.04) 0px 1px 2px;}
.hp-page #cited .hp-ct-in-ic,.hp-page #cited .hp-ct-paper-ic{width: 30px; height: 30px; border-radius: 8px; background: rgb(243, 241, 240); border: 0px; color: rgb(31, 93, 110);}
.hp-page #cited .hp-ct-ins{gap: 10px;}
.hp-page #cited .hp-ct-paper-t{font-size: 13px; line-height: 1.3;}
.hp-page #cited .hp-ct-paper-m{font-size: 12px; margin-top: 4px;}
.hp-page #cited .hp-ct-find{display: flex; flex-direction: column;}
.hp-page #cited .hp-ct-find-hd{flex-direction: column; justify-content: center; text-align: center; gap: 10px;}
.hp-page #cited .hp-ct-find-hd img{width: 64px; height: 64px;}
.hp-page #cited .hp-ct-find-age{margin-top: 2px; font-size: 13.5px; color: rgb(107, 123, 138);}
.hp-page #cited .hp-ct-find-t{font-size: 17px; line-height: 1.4;}
.hp-page #cited .hp-ct-find-d > div{font-size: 13px;}
.hp-page #cited .hp-ct-find-c{gap: 5px; margin-top: 14px;}
.hp-page #cited .hp-ct-find-c span{padding: 3px 8px; font-size: 11px; gap: 5px;}
.hp-page #cited .hp-ct-find-c i{width: 4px; height: 4px;}
@container hp-sheet (min-width: 761px){.hp-page #cited .hp-ct-box{display: flex; flex-direction: column; min-height: 0px;}.hp-page #cited .hp-ct-ins,.hp-page #cited .hp-ct-papers{flex: 1 1 0px; min-height: 0px; overflow: hidden;}.hp-page #cited .hp-ct-ins{mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 150px, transparent 100%);}.hp-page #cited .hp-ct-papers{mask-image: linear-gradient(rgb(0, 0, 0) 0px, rgb(0, 0, 0) 55%, transparent 100%);}}
@container hp-sheet (min-width: 761px) and (max-width: 1180px){.hp-page #cited .hp-ct-in{grid-template-columns: 24px minmax(0px, 1fr); padding: 11px 12px;}.hp-page #cited .hp-ct-in-ic,.hp-page #cited .hp-ct-paper-ic{width: 26px; height: 26px;}}
@container hp-sheet (max-width: 760px){.hp-page #cited .hp-ct-in:nth-child(n+4),.hp-page #cited .hp-ct-paper:nth-child(n+3){display: none;}}
.hp-page #proof .hp-pq-box{margin-bottom: clamp(96px, 10vw, 152px);}
.hp-page #decides .hp-pd-k{font-size: 18px; font-weight: 600; letter-spacing: -0.01em; text-transform: none; color: rgb(124, 197, 217);}
.hp-page #decides .hp-pd-grid{grid-template-columns: minmax(0px, 1fr) minmax(0px, 0.86fr);}
.hp-page #decides .hp-pd-doc-k{font-size: 13px; color: var(--accent);}
.hp-page #decides .hp-pd-doc-ft{display: block;}
.hp-page #decides .hp-pd-approve{display: flex; justify-content: center; width: 100%; box-sizing: border-box; margin: 0px;}
.hp-page #decides .hp-pd-item{grid-template-columns: 30px minmax(0px, 1fr); align-items: start;}
.hp-page #decides .hp-pd-item-n{display: flex; align-items: center; justify-content: center; width: 30px; height: 30px; border-radius: 50%; background: var(--accent); color: rgb(255, 255, 255); font-size: 12px; font-weight: 700; letter-spacing: 0px; font-variant-numeric: tabular-nums; margin-top: -4px;}
.hp-page #practical .hp-pb-link{display: none;}
.hp-page #practical .hp-pb-grid{align-items: stretch; gap: clamp(20px, 2.4vw, 32px);}
.hp-page #practical .hp-pb-card{background: rgb(255, 255, 255); border: 1px solid rgba(15, 30, 50, 0.08); border-radius: 16px; box-shadow: rgba(15, 20, 25, 0.05) 0px 1px 2px, rgba(15, 20, 25, 0.3) 0px 18px 40px -30px; padding: clamp(28px, 3.2vw, 44px);}
.hp-page #practical .hp-pb-t{margin-bottom: 18px;}
.hp-page #depth .hp-cmp-k{font-family: var(--font-display); font-size: 20px; font-weight: 500; line-height: 1.25; letter-spacing: -0.015em; color: rgb(31, 41, 64);}
.hp-page #depth .hp-cmp-head{background: rgb(255, 255, 255);}
.hp-page #depth .hp-cmp-head-c{color: rgb(31, 41, 64);}
.hp-page #depth .hp-cmp-mark{width: 26px; height: 26px;}
.hp-page #depth .hp-cmp-c{grid-template-columns: 26px minmax(0px, 1fr);}
.hp-page #depth .hp-cmp-mark svg{width: 15px; height: 15px;}
.hp-page #depth .hp-cmp-mark.hp-no{background: rgb(232, 68, 42); color: rgb(255, 255, 255);}
.hp-page #overview .hp-ov-inner{grid-template-columns: minmax(0px, 1.35fr) minmax(0px, 1fr); grid-template-areas: "title ." "body founder"; gap: 0px; align-items: start;}
.hp-page #overview .hp-ov-a-title{grid-area: title; margin: 0px 0px 26px;}
.hp-page #overview .hp-ov-a-body{grid-area: body; padding-right: clamp(32px, 4vw, 64px);}
.hp-page #overview .hp-ov-a-founder{grid-area: founder; max-width: none; margin: 0px; align-self: stretch; padding-left: clamp(32px, 4vw, 64px); border-left: 1px solid rgba(15, 30, 50, 0.1); display: flex; flex-direction: column; align-items: flex-start; gap: 22px;}
.hp-page #overview .hp-ov-founder-cap{margin: 0px;}
.hp-page #overview .hp-ov-people{display: flex; flex-wrap: wrap; gap: 20px 36px;}
.hp-page #overview .hp-ov-person{display: flex; flex-direction: column; gap: 3px; min-width: 0px;}
.hp-page #overview .hp-ov-person .hp-ov-a-avatar{margin-bottom: 10px; border: 3px solid rgb(255, 255, 255); outline: rgba(15, 30, 50, 0.1) solid 1px;}
.hp-page #overview .hp-ov-person-n{font-size: 14.5px; font-weight: 600; color: rgb(34, 48, 60);}
.hp-page #overview .hp-ov-person-r{font-size: 13.5px; color: rgb(109, 123, 136);}
.hp-page #overview .hp-ov-phys{display: flex; flex-direction: column; gap: 2px; font-family: var(--font-display); font-size: clamp(24px, 2.2vw, 30px); font-weight: 500; line-height: 1.2; letter-spacing: -0.018em; color: rgb(31, 41, 64);}
.hp-page #overview .hp-ov-phys span{opacity: 0; transform: translateY(12px);}
.hp-page #overview.hp-vis .hp-ov-phys span{animation: 700ms cubic-bezier(0.22, 0.61, 0.36, 1) 0s 1 normal both running hp-ovPhysIn;}
.hp-page #overview.hp-vis .hp-ov-phys span:nth-child(1){animation-delay: 800ms;}
.hp-page #overview.hp-vis .hp-ov-phys span:nth-child(2){animation-delay: 1150ms;}
.hp-page #overview.hp-vis .hp-ov-phys span:nth-child(3){animation-delay: 1500ms;}
@keyframes hp-ovPhysIn{0% { opacity: 0; transform: translateY(12px); }
  100% { opacity: 1; transform: none; }}
@media (prefers-reduced-motion: reduce){.hp-page #overview .hp-ov-phys span{opacity: 1; transform: none; animation: auto ease 0s 1 normal none running none !important;}}
.hp-page #overview .hp-ov-a-avatar{display: block; width: 96px; height: 96px; border-radius: 50%; object-fit: cover; object-position: 50% 28%; box-shadow: rgba(15, 20, 25, 0.06) 0px 1px 2px, rgba(15, 20, 25, 0.45) 0px 16px 32px -20px;}
@container hp-sheet (max-width: 900px){.hp-page #overview .hp-ov-inner{grid-template-columns: 1fr; grid-template-areas: "title" "body" "founder";}.hp-page #overview .hp-ov-a-body{padding-right: 0px;}.hp-page #overview .hp-ov-a-founder{margin-top: 36px; padding: 32px 0px 0px; border-left: 0px; border-top: 1px solid rgba(15, 30, 50, 0.1);}}
.hp-page #overview.hp-ov-sec{--ov-gap: clamp(96px,10vw,152px); padding-top: var(--ov-gap) !important; padding-bottom: 0px !important;}
.hp-page #everything .hp-ps-stage{align-items: flex-start; min-height: 0px; padding: clamp(96px, 10vw, 152px) 0px 0px;}
.hp-page #everything .hp-ps-grid{overflow: hidden; box-sizing: border-box; background: rgb(243, 241, 240); border-radius: 16px; padding: clamp(40px, 5vw, 72px) clamp(28px, 4.5vw, 64px);}
@container hp-sheet (max-width: 640px){.hp-page #everything .hp-ps-grid{border-radius: 12px; padding: 32px 20px;}}
.hp-page #everything.hp-ps-flow .hp-ps-track{min-height: 0px;}
.hp-page #everything.hp-ps-flow .hp-ps-stage{position: relative; min-height: 0px;}
.hp-page #everything.hp-ps-flow .hp-ps-row:not(.hp-in){max-height: 120px; padding: 14px 16px; margin-bottom: 8px; border-width: 1px;}
@media (max-height: 760px) and (min-width: 901px){.hp-page #everything.hp-ps-flow .hp-ps-row:not(.hp-in){padding: 9px 14px; margin-bottom: 6px;}}
.hp-page #everything .hp-ps-step.hp-clickable{cursor: pointer; transition: opacity 420ms;}
.hp-page #everything .hp-ps-step.hp-clickable:not(.hp-on):hover{opacity: 0.62;}
.hp-page #everything .hp-ps-step.hp-clickable:focus-visible{outline: 2px solid var(--accent); outline-offset: 4px; border-radius: 4px;}
.hp-page #shape.hp-sh-sec{padding-top: clamp(96px, 10vw, 152px) !important;}
@container hp-sheet (max-width: 1023px){.hp-page .hp-hero{grid-template-columns: 1fr; height: auto; max-height: none; margin: 24px auto 0px !important; width: calc(100% - 48px) !important;}.hp-page .hp-hero-copy{padding: 24px 24px 0px; order: 1;}.hp-page .hp-hero-copy-inset{padding: 56px clamp(20px, 5vw, 40px) 60px; border-radius: 12px;}.hp-page .hp-hero-media{order: 2; min-height: clamp(280px, 42vw, 420px); padding: 24px;}.hp-page .hp-hero-rotator,.hp-page .hp-hero-media::after{inset: 24px; border-radius: 12px;}.hp-page .hp-tour-panel{margin: -40px auto 0px !important; width: calc(100% - 48px) !important;}.hp-page .hp-hero-title{font-size: clamp(38px, 5.4vw, 58px);}.hp-page .hp-tour-panel-inner{gap: 8px; grid-template-columns: 1fr !important; padding: 64px 0px 0px !important;}}
@container hp-sheet (max-width: 640px){.hp-page .hp-hero-copy{padding: 16px 16px 0px;}.hp-page .hp-hero-copy-inset{padding: 44px 18px 48px;}.hp-page .hp-hero-inner{max-width: none;}.hp-page .hp-tour-panel .hp-tour-btn{padding: 14px 22px; font-size: 15px;}.hp-page .hp-tour-panel .hp-tour-title{font-size: clamp(25px, 6.6vw, 30px);}.hp-page .hp-hero-media{min-height: 260px; padding: 16px;}.hp-page .hp-hero-rotator,.hp-page .hp-hero-media::after{inset: 16px;}.hp-page .hp-hero-title{font-size: clamp(34px, 9.4vw, 46px); line-height: 1.08;}.hp-page .hp-hero-sub-lead{font-size: 19px; margin-top: 16px;}.hp-page .hp-hero-sub{font-size: 15.5px; line-height: 1.58; margin-top: 10px;}.hp-page .hp-hero-cta-row{flex-direction: column; align-items: stretch; gap: 10px;}.hp-page .hp-hero-cta-row > *{box-sizing: border-box; width: 100%; justify-content: center; text-align: center;}.hp-page .hp-tour-panel{border-radius: 12px; padding: 0px 20px;}.hp-page .hp-tour-panel-inner{padding: 48px 0px 0px !important;}.hp-page .hp-tour-title{font-size: clamp(25px, 6.6vw, 32px);}.hp-page .hp-tour-lead{font-size: 16px;}.hp-page .hp-tour-meta{gap: 12px;}}
@container hp-sheet (max-width: 480px){.hp-page #overview.hp-ov-sec{padding-top: 72px !important;}.hp-page #everything .hp-ps-stage{padding-top: 72px;}.hp-page #shape.hp-sh-sec{padding-top: 72px !important;}.hp-page .hp-hero{margin: 14px auto 0px !important; width: calc(100% - 28px) !important;}.hp-page .hp-tour-panel{margin: -40px auto 0px !important; width: calc(100% - 28px) !important;}}
@container hp-sheet (max-width: 900px){.hp-page #decides .hp-pd-grid{grid-template-columns: minmax(0px, 1fr); gap: 40px; align-items: start;}.hp-page #decides .hp-pd-links{display: none;}.hp-page #decides .hp-pd-k{margin-bottom: 14px;}}
@container hp-sheet (max-width: 640px){.hp-page .hp-hero{min-height: 0px !important; height: auto !important;}.hp-page #everything .hp-ps-row{grid-template-columns: 34px minmax(0px, 1fr); row-gap: 4px; max-height: none !important;}.hp-page #everything .hp-ps-row-v{grid-column: 2; white-space: normal;}.hp-page #everything .hp-ps-rows{padding: 14px 12px 8px;}.hp-page .hp-hero-media{display: none;}.hp-page .hp-hero-copy{padding-bottom: 16px;}.hp-page .hp-tour-panel{margin: 20px auto 0px !important; width: calc(100% - 48px) !important; padding: 0px 20px !important;}.hp-page .hp-tour-panel-inner{gap: 0px; padding: 28px 0px !important;}.hp-page .hp-tour-panel .hp-tour-eyebrow{margin-bottom: 8px;}.hp-page .hp-tour-panel .hp-tour-title{font-size: 25px; margin-bottom: 8px;}.hp-page .hp-tour-panel .hp-tour-lead{font-size: 15.5px; margin-bottom: 16px;}.hp-page .hp-tour-panel .hp-tour-btn{width: 100%; box-sizing: border-box; justify-content: center; padding: 13px 20px;}.hp-page .hp-tour-viz{display: none !important;}.hp-page .hp-tour-panel .hp-tour-lead{margin-bottom: 20px;}.hp-page #decides .hp-pd-doc-hd,.hp-page #decides .hp-pd-doc-body,.hp-page #decides .hp-pd-doc-ft{padding-left: 18px; padding-right: 18px;}}
@container hp-sheet (max-width: 480px){.hp-page .hp-tour-panel{width: calc(100% - 28px) !important; margin-top: 16px !important;}}
/* sheet 11 */
.hp-page .hp-tour-viz{position: relative; display: block; width: 100%; aspect-ratio: 4 / 2.6; padding: 0px; border: 0px; background: none; cursor: pointer; font: inherit; color: inherit; container-type: inline-size;}
.hp-page .hp-tour-viz-field{position: absolute; inset: 0px; border-radius: 18px; background: radial-gradient(74% 62% at 50% 40%, rgba(63, 164, 195, 0.16) 0%, rgba(63, 164, 195, 0) 70%);}
.hp-page .hp-tour-viz-grid{position: absolute; inset: 0px; border-radius: 18px; opacity: 0.5; background-image: linear-gradient(rgba(233, 237, 243, 0.07) 1px, transparent 1px), linear-gradient(90deg, rgba(233, 237, 243, 0.07) 1px, transparent 1px); background-size: 34px 34px; mask-image: radial-gradient(70% 62% at 50% 46%, rgb(0, 0, 0) 30%, transparent 78%);}
.hp-page .hp-pv-card{opacity: 0; position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: min(53cqw, 300px); padding: 16px 15px 15px; border-radius: 16px; background: rgb(255, 255, 255); box-shadow: rgba(6, 12, 20, 0.3) 0px 1px 2px, rgba(6, 12, 20, 0.75) 0px 30px 60px -28px; text-align: left; z-index: 3;}
.hp-page .hp-pv-head{display: block; text-align: center;}
.hp-page .hp-pv-avatar{display: block; width: 76px; height: 76px; margin: 0px auto 10px; border-radius: 50%; object-fit: cover; object-position: 50% 22%; box-shadow: rgb(255, 255, 255) 0px 0px 0px 4px, rgba(63, 164, 195, 0.35) 0px 0px 0px 5px;}
.hp-page .hp-pv-name,.hp-page .hp-pv-demo,.hp-page .hp-pv-stat-k,.hp-page .hp-pv-stat-v,.hp-page .hp-pv-plot-k{display: block;}
.hp-page .hp-pv-stats > span{display: block;}
.hp-page .hp-pv-name{margin: 0px; font-family: var(--font-display); font-size: 16px; font-weight: 600; letter-spacing: -0.015em; color: rgb(27, 40, 56);}
.hp-page .hp-pv-demo{margin: 3px 0px 0px; font-size: 11.5px; color: rgb(91, 107, 122);}
.hp-page .hp-pv-stats{display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 8px; margin-top: 12px; text-align: center; padding-top: 11px; border-top: 1px solid rgba(15, 30, 50, 0.09);}
.hp-page .hp-pv-stat-k{font-size: 9.5px; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(138, 151, 164);}
.hp-page .hp-pv-stat-v{margin-top: 2px; font-family: var(--font-display); font-size: 13.5px; font-weight: 600; color: rgb(27, 40, 56);}
.hp-page .hp-pv-tags{display: flex; flex-wrap: nowrap; justify-content: center; gap: 5px; margin-top: 11px;}
.hp-page .hp-pv-tag{white-space: nowrap; padding: 3px 7px; border-radius: 999px; background: rgb(238, 244, 246); font-size: 10px; font-weight: 600; letter-spacing: 0.01em; color: rgb(31, 93, 110);}
.hp-page .hp-pv-tag.hp-warn{background: rgb(247, 239, 225); color: rgb(138, 106, 31);}
.hp-page .hp-viz-glass .hp-pv-card{background: linear-gradient(160deg, rgba(255, 255, 255, 0.2) 0%, rgba(255, 255, 255, 0.09) 58%, rgba(255, 255, 255, 0.06) 100%); backdrop-filter: blur(22px) saturate(1.5); border: 1px solid rgba(255, 255, 255, 0.28); box-shadow: rgba(255, 255, 255, 0.34) 0px 1px 0px inset, rgba(4, 10, 18, 0.85) 0px 26px 60px -30px;}
.hp-page .hp-viz-glass .hp-pv-avatar{box-shadow: rgba(255, 255, 255, 0.5) 0px 0px 0px 3px, rgba(63, 164, 195, 0.35) 0px 0px 0px 4px;}
.hp-page .hp-viz-glass .hp-pv-name{color: rgb(255, 255, 255);}
.hp-page .hp-viz-glass .hp-pv-demo{color: rgba(232, 240, 244, 0.82);}
.hp-page .hp-viz-glass .hp-pv-stats{border-top-color: rgba(255, 255, 255, 0.2);}
.hp-page .hp-viz-glass .hp-pv-stat-k{color: rgba(219, 231, 238, 0.72);}
.hp-page .hp-viz-glass .hp-pv-stat-v{color: rgb(255, 255, 255);}
.hp-page .hp-viz-glass .hp-pv-tag{background: rgba(255, 255, 255, 0.16); color: rgb(234, 243, 246);}
.hp-page .hp-viz-glass .hp-pv-tag.hp-warn{background: rgba(219, 176, 74, 0.24); color: rgb(243, 221, 171);}
.hp-page .hp-pv-callout{position: absolute; display: flex; align-items: center; gap: 7px; padding: 6px 12px 6px 9px; border-radius: 999px; background: linear-gradient(135deg, rgb(156, 203, 215) 0%, rgb(217, 233, 234) 48%, rgb(247, 244, 236) 100%); box-shadow: rgba(6, 12, 20, 0.24) 0px 1px 2px, rgba(6, 12, 20, 0.8) 0px 16px 32px -20px; font-size: 11.5px; font-weight: 600; letter-spacing: -0.005em; color: rgb(34, 48, 60); white-space: nowrap; z-index: 4; opacity: 0; transform: scale(0.86);}
.hp-page .hp-pv-callout svg{flex: 0 0 auto; color: rgb(20, 81, 95);}
.hp-page .hp-pv-plot-dot.hp-seq{opacity: 0; transform-box: fill-box; transform-origin: 50% 50%;}
@keyframes hp-pvPop{0% { opacity: 0; transform: scale(0.82) translateY(6px); }
  100% { opacity: 1; transform: scale(1) translateY(0px); }}
@keyframes hp-pvCardIn{0% { opacity: 0; transform: translate(-50%, -50%) scale(0.9); }
  60% { opacity: 1; }
  100% { opacity: 1; transform: translate(-50%, -50%) scale(1); }}
@keyframes hp-pvDotIn{0% { opacity: 0; transform: scale(0.3); }
  100% { opacity: 0.75; transform: scale(1); }}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-card{animation: 1000ms cubic-bezier(0.2, 0.9, 0.24, 1) 1150ms 1 normal both running hp-pvCardIn;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-callout{animation: 1000ms cubic-bezier(0.2, 1.35, 0.35, 1) 0s 1 normal both running hp-pvPop, 7s ease-in-out 0s infinite normal none running hp-pvDrift;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-plot{animation: 1100ms cubic-bezier(0.2, 1.25, 0.35, 1) 0s 1 normal both running hp-pvPop;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-plot-line{animation: hp-pvDraw 2800ms cubic-bezier(.3,.6,.3,1) var(--viz-d,3800ms) both;}
html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-plot-dot.hp-seq{animation-duration: 760ms; animation-timing-function: cubic-bezier(0.2, 1.4, 0.4, 1); animation-iteration-count: 1; animation-direction: normal; animation-fill-mode: both; animation-play-state: running; animation-name: hp-pvDotIn; animation-timeline: auto; animation-range: normal; animation-delay: var(--d,0ms);}
@keyframes hp-pvDrift{0%, 100% { translate: 0px; }
  50% { translate: 0px -6px; }}
.hp-page .hp-pv-plot{position: absolute; padding: 9px 11px 7px; border-radius: 12px; background: rgb(255, 255, 255); box-shadow: rgba(6, 12, 20, 0.24) 0px 1px 2px, rgba(6, 12, 20, 0.8) 0px 18px 36px -22px; z-index: 2; opacity: 0;}
.hp-page .hp-pv-plot-k{font-size: 9.5px; font-weight: 700; letter-spacing: 0.11em; text-transform: uppercase; color: rgb(138, 151, 164);}
.hp-page .hp-pv-plot svg{display: block; margin-top: 6px;}
.hp-page .hp-pv-plot-line{stroke: rgb(43, 127, 147); stroke-width: 2; fill: none; stroke-linecap: round; stroke-dasharray: 240; stroke-dashoffset: 240;}
@keyframes hp-pvDraw{100% { stroke-dashoffset: 0; }}
.hp-page .hp-pv-plot-dot{fill: rgb(61, 127, 140); opacity: 0.75;}
.hp-page .hp-pv-plot-dot.hp-hi{fill: rgb(176, 138, 46); opacity: 1;}
@container (max-width: 420px){.hp-page .hp-pv-card{width: 70cqw;}.hp-page .hp-pv-callout{font-size: 11px; padding: 6px 10px 6px 8px;}.hp-page .hp-pv-callout.hp-opt{display: none;}.hp-page .hp-pv-plot{display: none;}}
@media (prefers-reduced-motion: reduce){html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-card,html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-callout,html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-plot,html.hp-hero-done .hp-page .hp-tour-panel.hp-in .hp-pv-plot-dot.hp-seq{animation: auto ease 0s 1 normal none running none !important;}.hp-page .hp-pv-card,.hp-page .hp-pv-callout,.hp-page .hp-pv-plot,.hp-page .hp-pv-plot-dot.hp-seq{opacity: 1;}.hp-page .hp-pv-plot-line{stroke-dashoffset: 0;}}
.hp-page.hp-tour-dark .hp-tour-panel{color: rgb(233, 237, 243); background: linear-gradient(45deg, rgb(45, 55, 68) 0%, rgb(45, 55, 68) 35%, rgb(54, 69, 85) 75%, rgb(61, 83, 106) 100%) !important;}
.hp-page.hp-tour-dark .hp-tour-eyebrow{color: var(--accent);}
.hp-page.hp-tour-dark .hp-tour-title{color: rgb(244, 246, 250);}
.hp-page.hp-tour-dark .hp-tour-title em{color: var(--accent);}
.hp-page.hp-tour-dark .hp-tour-lead{color: rgba(233, 237, 243, 0.82);}
.hp-page.hp-tour-dark .hp-tour-btn{background: rgb(244, 246, 250); color: rgb(45, 55, 68);}
.hp-page.hp-tour-dark .hp-tour-btn:hover{background: rgb(255, 255, 255);}
/* ── per-element values that were inline styles in the source ── */
.hp-page [data-s="1"]{object-position:50% 28%;--x0:-3.50%;--y0:0.45%;--x1:3.50%;--y1:-0.45%;--s0:1.193;--s1:1.148;--pan-dur:26s}
.hp-page [data-s="2"]{object-position:58% 20%;--x0:2.72%;--y0:-1.54%;--x1:-2.72%;--y1:1.54%;--s0:1.190;--s1:1.155;--pan-dur:25s}
.hp-page [data-s="3"]{object-position:56% 34%;--x0:-1.98%;--y0:1.46%;--x1:1.98%;--y1:-1.46%;--s0:1.186;--s1:1.151;--pan-dur:20s}
.hp-page [data-s="4"]{object-position:center center;--x0:-2.59%;--y0:1.20%;--x1:2.59%;--y1:-1.20%;--s0:1.180;--s1:1.138;--pan-dur:20s}
.hp-page [data-s="5"]{object-position:54% 40%;--x0:0.76%;--y0:-2.89%;--x1:-0.76%;--y1:2.89%;--s0:1.210;--s1:1.130;--pan-dur:25s}
.hp-page [data-s="6"]{object-position:center center;--x0:3.69%;--y0:0.24%;--x1:-3.69%;--y1:-0.24%;--s0:1.188;--s1:1.146;--pan-dur:21s}
.hp-page [data-s="7"]{right:3%!important;top:3.9%!important;animation-delay:3150ms!important}
.hp-page [data-s="8"]{--d:6700ms!important}
.hp-page [data-s="9"]{left:3%!important;top:74.6%!important;animation-delay:3400ms!important}
.hp-page [data-s="10"]{--d:4100ms!important}
.hp-page [data-s="11"]{--d:4330ms!important}
.hp-page [data-s="12"]{--d:4560ms!important}
.hp-page [data-s="13"]{--d:4790ms!important}
.hp-page [data-s="14"]{--d:5020ms!important}
.hp-page [data-s="15"]{--d:5250ms!important}
.hp-page [data-s="16"]{--d:5480ms!important}
.hp-page [data-s="17"]{--d:5710ms!important}
.hp-page [data-s="18"]{--d:5940ms!important}
.hp-page [data-s="19"]{--d:6170ms!important}
.hp-page [data-s="20"]{--d:6400ms!important}
.hp-page [data-s="21"]{left:4%!important;top:27.6%!important;animation-delay:1900ms, 3100ms!important}
.hp-page [data-s="22"]{right:4%!important;top:34.9%!important;animation-delay:2100ms, 3300ms!important}
.hp-page [data-s="23"]{left:0%!important;top:42.4%!important;animation-delay:2300ms, 3500ms!important}
.hp-page [data-s="24"]{right:1%!important;top:55.3%!important;animation-delay:2500ms, 3700ms!important}
.hp-page [data-s="25"]{left:5%!important;top:59.5%!important;animation-delay:2700ms, 3900ms!important}
.hp-page [data-s="26"]{right:7%!important;top:83.6%!important;animation-delay:2900ms, 4100ms!important}
.hp-page [data-s="27"]{--d:220ms!important}
.hp-page [data-s="28"]{--d:340ms!important}
.hp-page [data-s="29"]{--d:440ms!important}
.hp-page [data-s="30"]{height:16.6667%}
.hp-page [data-s="31"]{margin-top:0px!important}
.hp-page [data-s="32"]{--d:140ms!important}
.hp-page [data-s="33"]{--d:250ms!important}
.hp-page [data-s="34"]{--d:360ms!important}
.hp-page [data-s="35"]{--d:470ms!important}
.hp-page [data-s="36"]{--d:260ms!important}
.hp-page [data-s="37"]{--d:220ms!important}
.hp-page [data-s="38"]{margin-top:0px!important}
.hp-page [data-s="39"]{--d:160ms!important}
.hp-page [data-s="40"]{margin-top:0px!important}
.hp-page [data-s="41"]{--d:60ms!important}
.hp-page [data-s="42"]{--d:380ms!important}
.hp-page [data-s="43"]{--d:560ms!important}
.hp-page [data-s="44"]{--d:880ms!important}
.hp-page [data-s="45"]{--d:1060ms!important}
.hp-page [data-s="46"]{margin-top:0px!important}
.hp-page [data-s="47"]{--d:160ms!important}
.hp-page [data-s="48"]{--d:260ms!important}
.hp-page [data-s="49"]{background:rgb(224, 82, 82)!important}
.hp-page [data-s="50"]{--d:400ms!important}
.hp-page [data-s="51"]{background:rgb(230, 137, 0)!important}
.hp-page [data-s="52"]{--d:540ms!important}
.hp-page [data-s="53"]{background:rgb(63, 164, 195)!important}
.hp-page [data-s="54"]{--d:680ms!important}
.hp-page [data-s="55"]{background:rgb(107, 123, 141)!important}
.hp-page [data-s="56"]{--d:1500ms!important}
.hp-page [data-s="57"]{--d:1600ms!important}
.hp-page [data-s="58"]{--d:160ms!important}
.hp-page [data-s="59"]{--d:280ms!important}

/* ── Homepage-only nav differences. The bar itself (glass, 1160px content, logo,
   padding) lives in the shared Nav component. The B4 homepage keeps the bar in
   the page flow on phones as well (the rest of the site fixes it there), and its
   own script, not the site script, marks the hero scrolling under the bar. ── */
@media (max-width:767px){html body .nav-wrap{position:sticky}}
html.hp-past-hero .nav-wrap::before{background:rgba(255,255,255,.96);box-shadow:0 1px 0 rgba(255,255,255,.7) inset,0 10px 30px rgba(15,30,50,.07)}

/* ── after the design CSS ── */
/* these three were <button>s in the source: the browser sizes buttons border-box and centres their text */
.hp-page .hp-hero-cta,.hp-page .hp-tour-btn,.hp-page .hp-tour-viz{box-sizing:border-box;text-align:center}
/* The closing CTA can't carry id="close" here (Webflow rejects the id on that section),
   so the design's one #close rule is mirrored onto its classes at matching strength. */
.hp-page .hp-final-cta.hp-nsec.hp-reveal{padding-bottom:clamp(96px,11vh,150px)}
/* Webflow lazy-loads images; until one has loaded, a flex row is free to squeeze it.
   The design's avatars are fixed-size, so they never shrink. */
.hp-page .hp-ym-pt img,.hp-page .hp-ps-card-hd img,.hp-page .hp-ct-find-hd img,.hp-page .hp-ov-a-avatar,.hp-page .hp-pv-avatar,.hp-page .hp-cmp-head-b img{flex-shrink:0}