@font-face { font-family: 'Orbitron Local'; src: url(data:font/ttf;base64,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AK0AnACNAI4AiQCjAIAAkwB/AIsAgQCCAKkApwCoAIYArAABAAkACgAMAA0AEgATABQAFQAaABsAHAAdAB4AIAAnACgAKQAqACwALQAyADMANAA1ADgAkQCMAJIAlgC8ADoAQgBDAEUARgBLAEwATQBOAFQAVQBWAFcAWABaAGEAYgBjAGQAZwBoAG0AbgBvAHAAcwCPALAAkACqAJ4AhQCgAKIAwwCvAIcABQACAAMABwAEAAYACAALABEADgAPABAAGQAWABcAGAAfACQAIQAiACUAIwClADEALgAvADAANgBmAD4AOwA8AEAAPQA/AEEARABKAEcASABJAFMAUABRAFIAWQBeAFsAXABfAF0ApgBsAGkAagBrAHEAJgBgACsAZQA5AHQAwAC7AMEAxQDCALMAtAC1ALgAsgCxAAAB9AAUA0QAOgNEADoDRAA6A0QAOgNEADoDRAA6A0QAOgVfADYDQAA7AzYAOAM2ADgDQgA6Av4AOgL+ADoC/gA6Av4AOgL+ADoC0wA6Az4AOANTADkA1gAqANYAJADW/9oA1v/GANYABAMMAAQDHQA5AwsAOQOgADgDQAA4A0AAOAM8ADYDPAA2AzwANgM8ADYDPAA2AzwANgVeADUDFwA4A3QANgM5ADgDOgA1AzoANQL3ABQDPAA2AzwANgM8ADYDPAA2AzwANgPrACMEmwAjAywALgMmAAQDJgAEAyYABAM1ADMDNQAzArYANAK2ADQCtgA0ArYANAK2ADQCtgA0ArYANASaADQCmwA2ArcAMwK3ADMCmwAXArQAMwK0ADMCtAAzArQAMwK0ADMBrgA1AqsAKQKcADYA3gA0ANYAKgDWACIA1v/YANb/xADWAAIA7/9FAoYANgFGADQD0gA2ArgANgK4ADYCtAAzArQAMwK0ADMCtAAzArQAMwK0ADMEmQA0ApgANgKYABQCCgA0Aq4AMAKuADADQQA5AbYANQK3ADUCtwA1ArcANQK3ADUCtwA1AxYAFQQjACMCtAAuAq0AKgKtACoCrQAqAroANgK6ADYDQgA5AYcAAQM+ADkDOgA1AtoABgM+ADkDNAA5ApQAAwNCADkDPAA1AOMANgDjADYA7QA2APMAMwI+ADYA3AA6ANIANQKmAB8CowATAXMAdwH8ABkDHQAgAgkABgIIAAUBIQA0ASMAOAEhABcBIQAz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 ) format('truetype'); font-style: normal; font-weight: 700; font-display: swap; } :root { --text-on-dark: #eef6ff; --blue-10: #e8f1ff; --blue-60: #1b63ff; --blue-70: #1249d8; --blue-80: #0a2d8f; --mystic-ink: #101a48; --mystic-glow: #5f8dff; --mystic-cyan: #6fc9ff; --font-body: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; --font-display: "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; --font-kr-head: "IBM Plex Sans KR", "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif; --type-headline: clamp(2.28rem, 4.1vw, 3.28rem); --type-subtitle: clamp(1.34rem, 2.3vw, 1.96rem); --type-support: clamp(0.98rem, 1.15vw, 1.06rem); --section-surface: linear-gradient( 180deg, #ffffff 0%, #fefeff 8%, #fbfdff 18%, #f7fbff 30%, #f3f8ff 50%, #f7fbff 70%, #fbfdff 82%, #fefeff 92%, #ffffff 100% ); } /* Blue/Navy unification for report scenes */ .features-bottom .report-scene { border-color: rgba(18, 73, 216, 0.22); background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(241, 248, 255, 0.82)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 10px 24px rgba(0, 45, 156, 0.1); } .features-bottom .report-head { border-color: rgba(18, 73, 216, 0.28); background: rgba(237, 245, 255, 0.78); } .features-bottom .report-led { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.15); } .features-bottom .report-filename { color: #0f2f76; } .features-bottom .report-status { background: #0f62fe; box-shadow: 0 0 8px rgba(15, 98, 254, 0.42); } .features-bottom .report-body { border-color: rgba(18, 73, 216, 0.24); background: radial-gradient(circle at 24% 68%, rgba(161, 217, 255, 0.16), rgba(161, 217, 255, 0) 45%), radial-gradient(circle at 79% 38%, rgba(95, 141, 255, 0.14), rgba(95, 141, 255, 0) 52%), rgba(255, 255, 255, 0.62); } .features-bottom .report-chapters span { border-color: rgba(18, 73, 216, 0.24); background: linear-gradient(90deg, rgba(230, 240, 255, 0.92), rgba(241, 248, 255, 0.88)); color: #2f4f90; } .features-bottom .report-lines span { background: linear-gradient(90deg, rgba(61, 116, 209, 0.82), rgba(111, 169, 255, 0.52)); } .features-bottom .ai-consult-scene .report-body { background: radial-gradient(circle at 22% 72%, rgba(151, 193, 236, 0.18), rgba(151, 193, 236, 0) 42%), radial-gradient(circle at 78% 30%, rgba(95, 141, 255, 0.18), rgba(95, 141, 255, 0) 46%), rgba(255, 255, 255, 0.6); } .features-bottom .ai-consult-body .ai-link-svg path { stroke: rgba(0, 67, 206, 0.45); } .features-bottom .ai-consult-body .ai-node { border-color: rgba(18, 73, 216, 0.24); background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(241, 248, 255, 0.86)), radial-gradient(circle at 80% -10%, rgba(95, 141, 255, 0.12), rgba(95, 141, 255, 0)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 20px rgba(0, 45, 156, 0.1); } .features-bottom .ai-consult-body .ai-node span { color: #0f62fe; } .features-bottom .ai-consult-body .ai-node b { color: #2f4f90; } .features-bottom .ai-consult-body .ai-node-chart i { background: linear-gradient(180deg, #0f62fe, #0043ce); } .features-bottom .ai-consult-body .ai-node-bubble i { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.14); } .features-bottom .ai-consult-body .ai-node-text u { background: linear-gradient(90deg, rgba(0, 67, 206, 0.84), rgba(0, 45, 156, 0.76)); } .features-bottom .ai-consult-body .ai-node-core { background: linear-gradient(135deg, rgba(237, 245, 255, 0.98), rgba(207, 229, 255, 0.95)); border-color: rgba(0, 67, 206, 0.34); color: #002d9c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 20px rgba(0, 45, 156, 0.18); } .features-bottom .ai-consult-body .ai-flow { background: linear-gradient(180deg, #0f62fe, #002d9c); } html:lang(en) { --font-body: "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; --font-display: "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; --font-kr-head: "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; } html:lang(en) .hero-kicker { text-transform: none; } html:lang(ja) { --font-body: "IBM Plex Sans", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; --font-display: "IBM Plex Sans", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; --font-kr-head: "IBM Plex Sans", "Yu Gothic", "Hiragino Kaku Gothic ProN", sans-serif; } html:lang(zh-Hant), html:lang(zh-Hans) { --font-body: "IBM Plex Sans", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; --font-display: "IBM Plex Sans", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; --font-kr-head: "IBM Plex Sans", "Noto Sans TC", "Noto Sans SC", "Microsoft JhengHei", "Microsoft YaHei", sans-serif; } html:lang(en) .features-intro p, html:lang(en) .features-mini-card p, html:lang(en) .features-large-card > p, html:lang(en) .usecase-card p, html:lang(en) .org-card li, html:lang(en) .coverage-chain-sub, html:lang(en) .cta-field span { letter-spacing: -0.003em; line-height: 1.52; } html:lang(ja) .features-intro p, html:lang(ja) .features-mini-card p, html:lang(ja) .features-large-card > p, html:lang(ja) .usecase-card p, html:lang(ja) .org-card li, html:lang(ja) .coverage-chain-sub, html:lang(ja) .cta-field span { line-height: 1.6; letter-spacing: 0; } html:lang(zh-Hant) .features-intro p, html:lang(zh-Hant) .features-mini-card p, html:lang(zh-Hant) .features-large-card > p, html:lang(zh-Hant) .usecase-card p, html:lang(zh-Hant) .org-card li, html:lang(zh-Hant) .coverage-chain-sub, html:lang(zh-Hant) .cta-field span, html:lang(zh-Hans) .features-intro p, html:lang(zh-Hans) .features-mini-card p, html:lang(zh-Hans) .features-large-card > p, html:lang(zh-Hans) .usecase-card p, html:lang(zh-Hans) .org-card li, html:lang(zh-Hans) .coverage-chain-sub, html:lang(zh-Hans) .cta-field span { line-height: 1.58; letter-spacing: 0; } html:lang(en) .cta-title-wrap > .cta-section-title, html:lang(ja) .cta-title-wrap > .cta-section-title, html:lang(zh-Hant) .cta-title-wrap > .cta-section-title, html:lang(zh-Hans) .cta-title-wrap > .cta-section-title { font-size: clamp(1.68rem, 3.1vw, 2.24rem); line-height: 1.26; } html:lang(en) .features-section .features-intro h2, html:lang(en) .usecases-section .usecases-head h2, html:lang(en) .org-usecases-section .org-usecases-head h2, html:lang(en) .coverage-head h2, html:lang(en) .offer-head h2, html:lang(ja) .features-section .features-intro h2, html:lang(ja) .usecases-section .usecases-head h2, html:lang(ja) .org-usecases-section .org-usecases-head h2, html:lang(ja) .coverage-head h2, html:lang(ja) .offer-head h2, html:lang(zh-Hant) .features-section .features-intro h2, html:lang(zh-Hant) .usecases-section .usecases-head h2, html:lang(zh-Hant) .org-usecases-section .org-usecases-head h2, html:lang(zh-Hant) .coverage-head h2, html:lang(zh-Hant) .offer-head h2, html:lang(zh-Hans) .features-section .features-intro h2, html:lang(zh-Hans) .usecases-section .usecases-head h2, html:lang(zh-Hans) .org-usecases-section .org-usecases-head h2, html:lang(zh-Hans) .coverage-head h2, html:lang(zh-Hans) .offer-head h2 { text-wrap: balance; } html:lang(en) .hero-desc, html:lang(en) .features-intro p, html:lang(en) .usecases-head p, html:lang(en) .org-usecases-head p, html:lang(en) .coverage1-desc, html:lang(en) .coverage-chain-sub, html:lang(en) .offer-head p, html:lang(en) .company-brand p, html:lang(ja) .hero-desc, html:lang(ja) .features-intro p, html:lang(ja) .usecases-head p, html:lang(ja) .org-usecases-head p, html:lang(ja) .coverage1-desc, html:lang(ja) .coverage-chain-sub, html:lang(ja) .offer-head p, html:lang(ja) .company-brand p, html:lang(zh-Hant) .hero-desc, html:lang(zh-Hant) .features-intro p, html:lang(zh-Hant) .usecases-head p, html:lang(zh-Hant) .org-usecases-head p, html:lang(zh-Hant) .coverage1-desc, html:lang(zh-Hant) .coverage-chain-sub, html:lang(zh-Hant) .offer-head p, html:lang(zh-Hant) .company-brand p, html:lang(zh-Hans) .hero-desc, html:lang(zh-Hans) .features-intro p, html:lang(zh-Hans) .usecases-head p, html:lang(zh-Hans) .org-usecases-head p, html:lang(zh-Hans) .coverage1-desc, html:lang(zh-Hans) .coverage-chain-sub, html:lang(zh-Hans) .offer-head p, html:lang(zh-Hans) .company-brand p { text-wrap: pretty; } html:lang(en) .features-section .features-intro h2, html:lang(ja) .features-section .features-intro h2, html:lang(zh-Hant) .features-section .features-intro h2, html:lang(zh-Hans) .features-section .features-intro h2 { max-width: 16ch; margin-left: auto; margin-right: auto; font-size: clamp(2.2rem, 3.7vw, 3.12rem); } html:lang(en) .usecases-section .usecases-head h2, html:lang(en) .org-usecases-section .org-usecases-head h2, html:lang(en) .coverage-head h2, html:lang(en) .offer-head h2, html:lang(ja) .usecases-section .usecases-head h2, html:lang(ja) .org-usecases-section .org-usecases-head h2, html:lang(ja) .coverage-head h2, html:lang(ja) .offer-head h2, html:lang(zh-Hant) .usecases-section .usecases-head h2, html:lang(zh-Hant) .org-usecases-section .org-usecases-head h2, html:lang(zh-Hant) .coverage-head h2, html:lang(zh-Hant) .offer-head h2, html:lang(zh-Hans) .usecases-section .usecases-head h2, html:lang(zh-Hans) .org-usecases-section .org-usecases-head h2, html:lang(zh-Hans) .coverage-head h2, html:lang(zh-Hans) .offer-head h2 { font-size: clamp(1.96rem, 3vw, 2.78rem); } html:lang(en) .coverage1-desc, html:lang(en) .coverage-chain-sub, html:lang(ja) .coverage1-desc, html:lang(ja) .coverage-chain-sub, html:lang(zh-Hant) .coverage1-desc, html:lang(zh-Hant) .coverage-chain-sub, html:lang(zh-Hans) .coverage1-desc, html:lang(zh-Hans) .coverage-chain-sub { max-width: 58ch; } html:lang(en) .cta-section-title-main, html:lang(ja) .cta-section-title-main, html:lang(zh-Hant) .cta-section-title-main, html:lang(zh-Hans) .cta-section-title-main { white-space: normal; text-wrap: balance; } html:lang(en) .features-mini-card .feature-title-inline--mini h3, html:lang(ja) .features-mini-card .feature-title-inline--mini h3, html:lang(zh-Hant) .features-mini-card .feature-title-inline--mini h3, html:lang(zh-Hans) .features-mini-card .feature-title-inline--mini h3 { white-space: normal; } * { box-sizing: border-box; } html, body { margin: 0; padding: 0; font-family: var(--font-body); color: #0e1b30; background: var(--section-surface); } html.i18n-pending body { visibility: hidden; } html.i18n-ready body { visibility: visible; } main { background: var(--section-surface); } /* Sticky header */ .site-header { position: fixed; top: 0; left: 0; right: 0; z-index: 1200; padding: 10px 0; backdrop-filter: none; background: #010518; border-bottom: none; } .site-header-inner { display: flex; align-items: center; justify-content: space-between; gap: 18px; flex-wrap: nowrap; } .site-logo { display: inline-flex; align-items: center; flex: 0 0 auto; text-decoration: none; } .site-logo img { display: block; width: clamp(144px, 15vw, 194px); height: auto; } .site-nav { display: flex; align-items: center; gap: 14px; flex: 1 1 auto; min-width: 0; flex-wrap: nowrap; justify-content: flex-end; } .site-nav a { display: inline-block; padding: 2px 0; white-space: nowrap; text-decoration: none; color: rgba(229, 243, 255, 0.95); font-size: 0.88rem; font-weight: 600; letter-spacing: 0.01em; border-bottom: 1px solid transparent; transition: color 0.2s ease, border-color 0.2s ease, opacity 0.2s ease; } .site-nav a:hover { color: #ffffff; border-bottom-color: rgba(202, 228, 255, 0.65); } .site-nav .site-nav-special { color: #8df2ff; font-weight: 700; border-bottom-color: rgba(141, 242, 255, 0.72); } .site-nav .site-nav-special:hover { color: #b4f7ff; border-bottom-color: rgba(180, 247, 255, 0.9); } .site-lang { display: inline-flex; align-items: center; gap: 6px; margin-left: 22px; padding: 5px 6px; border: 1px solid rgba(148, 190, 255, 0.42); border-radius: 999px; background: linear-gradient(145deg, rgba(11, 34, 88, 0.74), rgba(9, 27, 71, 0.74)), rgba(4, 12, 36, 0.68); box-shadow: inset 0 1px 0 rgba(208, 229, 255, 0.22), 0 8px 18px rgba(4, 15, 44, 0.45); backdrop-filter: blur(4px); } .site-lang button { border: 1px solid transparent; background: rgba(104, 151, 230, 0.1); color: rgba(223, 237, 255, 0.9); font-family: "Pretendard Variable", "Pretendard", "IBM Plex Sans", "Malgun Gothic", "Microsoft YaHei UI", "Microsoft JhengHei UI", "Segoe UI", sans-serif; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.03em; min-width: 30px; height: 26px; padding: 0 7px; border-radius: 999px; cursor: pointer; transition: color 0.2s ease, background-color 0.2s ease, border-color 0.2s ease, transform 0.2s ease; } .site-lang button[data-lang="zh-Hant"], .site-lang button[data-lang="zh-Hans"] { font-size: 0.82rem; font-weight: 800; letter-spacing: 0; min-width: 32px; line-height: 1; text-shadow: 0 0 0.35px rgba(255, 255, 255, 0.6); } .site-lang button:hover { color: #f3f9ff; background: rgba(136, 184, 255, 0.24); border-color: rgba(182, 213, 255, 0.5); transform: translateY(-1px); } .site-lang button.is-active { color: #ffffff; background: linear-gradient(145deg, rgba(148, 196, 255, 0.34), rgba(119, 173, 255, 0.24)); border-color: rgba(205, 231, 255, 0.62); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.3); } body { padding-top: 78px; } section[id] { scroll-margin-top: 96px; } a { color: var(--blue-60); } a:hover { color: var(--blue-70); } a:active { color: var(--blue-80); } html { scroll-behavior: smooth; } /* Performance guard: pause decorative animations while actively scrolling */ body.is-scrolling * { animation-play-state: paused !important; } .section-reveal { opacity: 0.18; transform: translate3d(0, 78px, 0) scale(0.992); transition: opacity 1120ms cubic-bezier(0.14, 0.8, 0.22, 1), transform 1120ms cubic-bezier(0.14, 0.8, 0.22, 1); transition-delay: var(--section-reveal-delay, 0ms); will-change: transform, opacity; } .section-reveal.is-visible { opacity: 1; transform: translate3d(0, 0, 0) scale(1); } .reveal-text { opacity: 0; transform: translateY(28px); transition: opacity 980ms ease, transform 980ms cubic-bezier(0.16, 0.78, 0.24, 1); transition-delay: var(--reveal-delay, 0ms); will-change: transform, opacity; } .reveal-text.is-visible { opacity: 1; transform: translateY(0); } @media (prefers-reduced-motion: reduce) { .section-reveal, .reveal-text { opacity: 1 !important; transform: none !important; filter: none !important; transition: none !important; } .process-chip, .coverage-chip-title, .coverage1-chip, .process-chip::before, .coverage-chip-title::before, .coverage1-chip::before, .process-chip::after, .coverage-chip-title::after, .coverage1-chip::after { animation: none !important; } } .hero-kicker, .hero h1, .process-title, .process-card h3, .features-section .features-intro h2, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .usecases-section .usecases-head h2, .usecase-card h3, .org-usecases-section .org-usecases-head h2, .org-card h3, .coverage-head h2, .coverage-pane h3, .coverage-domains h3, .coverage-chain-headline, .coverage1-copy h3, .offer-head h2, .offer-plan { font-family: var(--font-kr-head); } .process-title, .features-section .features-intro h2, .usecases-section .usecases-head h2, .org-usecases-section .org-usecases-head h2, .coverage-head h2, .offer-head h2 { font-size: var(--type-headline); line-height: 1.14; letter-spacing: -0.02em; font-weight: 600; } .process-card h3, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .usecase-card h3, .org-card h3, .coverage1-copy h3, .coverage-chain-headline, .coverage-pane h3, .coverage-domains h3, .offer-plan { font-size: var(--type-subtitle); line-height: 1.18; letter-spacing: -0.012em; font-weight: 600; } .hero-desc, .features-intro p, .process-card p, .usecases-head p, .org-usecases-head p, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p { font-size: var(--type-support); line-height: 1.6; } .hero { position: relative; min-height: 88vh; overflow: hidden; } .hero::before { content: ""; position: absolute; inset: 0; z-index: 0; background: linear-gradient( 180deg, #010518 0%, #010518 6%, #010922 12%, #031238 23%, #0b285a 36%, #194582 48%, #2e66a8 57%, #4f88c4 64%, #79acda 70%, #afd0e8 75%, #d6e8f4 79%, #eef6fb 83%, #ffffff 100% ); } .hero-inner { position: relative; z-index: 1; width: min(1120px, calc(100% - 48px)); margin: 0 auto; padding-top: clamp(100px, 16vh, 180px); padding-bottom: clamp(72px, 10vh, 120px); display: flex; flex-direction: column; align-items: center; text-align: center; } .hero-beacon { display: inline-flex; align-items: center; gap: 8px; min-height: 29px; padding: 0 14px; margin: -18px 0 34px; border-radius: 999px; border: 1px solid rgba(255, 255, 255, 0.18); background: linear-gradient(180deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.12)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.24), 0 8px 18px rgba(1, 8, 24, 0.14); color: rgba(238, 246, 255, 0.9); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; font-family: "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; } .hero-beacon-dot { width: 5px; height: 5px; border-radius: 50%; background: #bfe9ff; box-shadow: 0 0 0 0 rgba(137, 218, 255, 0.44), 0 0 8px rgba(137, 218, 255, 0.72); animation: beaconPulse 1.8s ease-in-out infinite; } @keyframes beaconPulse { 0%, 100% { background: #8fd9ff; box-shadow: 0 0 0 0 rgba(137, 218, 255, 0.42), 0 0 6px rgba(137, 218, 255, 0.58); opacity: 0.72; } 50% { background: #d8f4ff; box-shadow: 0 0 0 6px rgba(137, 218, 255, 0.16), 0 0 14px rgba(137, 218, 255, 0.92); opacity: 1; } } .hero-kicker { margin: 0 0 18px; color: rgba(212, 228, 255, 0.92); font-weight: 600; letter-spacing: 0.04em; text-transform: uppercase; font-size: clamp(1.36rem, 3.7vw, 2.62rem); font-family: var(--font-display); } .hero h1 { margin: 0 0 10px; color: var(--text-on-dark); font-size: clamp(2.2rem, 6vw, 4.2rem); line-height: 1.16; letter-spacing: -0.015em; font-family: var(--font-display); font-weight: 600; } .hero-desc { margin: 22px 0 0; max-width: 48ch; color: rgba(221, 234, 255, 0.9); font-size: 1.02rem; line-height: 1.72; font-family: var(--font-body); } .hero-visual { position: relative; margin: clamp(46px, 7vh, 88px) 0 0; width: min(801px, 71.5%); isolation: auto; overflow: visible; } .hero-image { width: 100%; height: auto; display: block; } .hero-image--main { filter: saturate(1.04) brightness(0.92) contrast(1.05); border-radius: 18px; box-shadow: 0 28px 58px rgba(4, 14, 42, 0.38), 0 0 44px rgba(136, 188, 236, 0.22); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 83%, transparent 100%); mask-image: linear-gradient(to right, transparent 0%, #000 10%, #000 90%, transparent 100%), linear-gradient(to bottom, transparent 0%, #000 10%, #000 83%, transparent 100%); -webkit-mask-composite: source-in; mask-composite: intersect; } .hero-chart-overlay { position: absolute; left: 50%; top: 54%; transform: translate(-50%, -50%); z-index: 2; width: min(660px, 88%); height: clamp(200px, 34vw, 280px); pointer-events: none; opacity: 0.82; } .hero-chart-line { position: absolute; inset: 0 10% 18% 10%; width: auto; height: auto; } .hero-chart-grid { stroke: rgba(7, 28, 77, 0.22); stroke-width: 1.2; } .hero-chart-area { fill: rgba(31, 81, 178, 0.22); } .hero-chart-path { fill: none; stroke: rgba(255, 255, 255, 0.84); stroke-width: 14.5; stroke-linecap: butt; stroke-linejoin: miter; stroke-dasharray: 760; stroke-dashoffset: 760; animation: heroChartPath 2.2s linear infinite; } .hero-chart-bars { position: absolute; left: 10%; right: 10%; bottom: 0; height: 38%; display: flex; align-items: end; justify-content: center; gap: 8px; } .hero-chart-bars span { width: 17px; height: var(--h); border-radius: 2px 2px 0 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.76), rgba(255, 255, 255, 0.56)); box-shadow: 0 8px 20px rgba(255, 255, 255, 0.2); transform-origin: bottom; animation: heroBarRise 1.6s ease-in-out infinite; } .hero-chart-bars span:nth-child(2) { animation-delay: 0.15s; } .hero-chart-bars span:nth-child(3) { animation-delay: 0.3s; } .hero-chart-bars span:nth-child(4) { animation-delay: 0.45s; } .hero-chart-bars span:nth-child(5) { animation-delay: 0.6s; } .hero-chart-bars span:nth-child(6) { animation-delay: 0.75s; } .hero-chart-bars span:nth-child(7) { animation-delay: 0.9s; } .hero-chart-bars span:nth-child(8) { animation-delay: 1.05s; } .hero-chart-values { position: absolute; inset: 0; } .hero-chart-values .hv { position: absolute; z-index: 4; padding: 2px 6px; border-radius: 2px; border: 1px solid rgba(255, 255, 255, 0.42); background: rgba(255, 255, 255, 0.2); color: rgba(255, 255, 255, 0.92); font-family: "IBM Plex Sans", var(--font-body); font-size: 0.66rem; font-weight: 600; letter-spacing: 0.01em; opacity: 0; transform: translateY(4px); animation: heroValuePop 2.2s linear infinite; animation-delay: var(--d); } .hero-chart-values .hv1 { left: 10%; top: 46%; } .hero-chart-values .hv2 { left: 24%; top: 36%; } .hero-chart-values .hv3 { left: 38%; top: 26%; } .hero-chart-values .hv4 { left: 54%; top: 15%; } .hero-chart-values .hv5 { left: 70%; top: 18%; } .hero-chart-values .hv6 { left: 87.2%; top: 6.1%; } .hero-tag { position: absolute; z-index: 3; min-height: 38px; padding: 7px 11px; border-radius: 12px; border: 1px solid rgba(174, 209, 245, 0.3); background: linear-gradient(180deg, rgba(9, 24, 58, 0.78), rgba(7, 18, 45, 0.62)); box-shadow: inset 0 1px 0 rgba(205, 229, 255, 0.2), 0 14px 30px rgba(5, 14, 38, 0.42); display: grid; align-content: center; gap: 2px; backdrop-filter: blur(5px); animation: heroFloatA 5.2s ease-in-out infinite; } .hero-tag span { font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; color: rgba(196, 223, 255, 0.78); font-family: "IBM Plex Sans", var(--font-body); white-space: nowrap; } .hero-tag b { font-size: 0.94rem; color: rgba(231, 244, 255, 0.96); font-family: "IBM Plex Sans", var(--font-body); } .hero-tag--1 { left: -1%; top: 24%; animation: heroFloatA 5.6s ease-in-out infinite; } .hero-tag--2 { right: -1%; top: 20%; animation: heroFloatB 4.9s ease-in-out infinite; } .hero-tag--3 { left: 11%; top: 50%; animation: heroFloatC 6.1s ease-in-out infinite; } .hero-tag--4 { right: -4%; top: 48%; animation: heroFloatD 5.4s ease-in-out infinite; } .hero-tag--5 { left: -2%; bottom: 18%; animation: heroFloatB 5.9s ease-in-out infinite; } .hero-tag--6 { right: 9%; bottom: 22%; animation: heroFloatA 4.8s ease-in-out infinite; } .hero-tag--7 { left: 40%; top: 2%; animation: heroFloatD 6.5s ease-in-out infinite; } .hero-tag--8 { left: 38%; bottom: 8%; animation: heroFloatC 5.3s ease-in-out infinite; } .hero-tag--9 { right: 20%; bottom: 20%; animation: heroFloatB 5.7s ease-in-out infinite; } .hero-scanline { position: absolute; inset: 10% 9%; border-radius: 16px; overflow: hidden; pointer-events: none; } .hero-scanline::before { content: ""; position: absolute; inset: -120% 0 auto; height: 55%; background: linear-gradient(180deg, rgba(170, 219, 255, 0), rgba(170, 219, 255, 0.18), rgba(170, 219, 255, 0)); animation: heroScan 5.2s linear infinite; } @keyframes heroFloatA { 0%, 100% { transform: translate3d(0, 0, 0); } 50% { transform: translate3d(0, -7px, 0); } } @keyframes heroFloatB { 0%, 100% { transform: translate3d(0, 0, 0); } 35% { transform: translate3d(4px, -4px, 0); } 70% { transform: translate3d(-3px, 3px, 0); } } @keyframes heroFloatC { 0%, 100% { transform: translate3d(0, 0, 0) rotate(0deg); } 50% { transform: translate3d(-5px, -6px, 0) rotate(-1.2deg); } } @keyframes heroFloatD { 0%, 100% { transform: translate3d(0, 0, 0); } 40% { transform: translate3d(-4px, -5px, 0); } 80% { transform: translate3d(3px, 2px, 0); } } @keyframes heroScan { 0% { transform: translateY(0); opacity: 0; } 12% { opacity: 1; } 100% { transform: translateY(420%); opacity: 0; } } @keyframes heroChartPath { 0% { stroke-dashoffset: 760; opacity: 0.56; } 78% { stroke-dashoffset: 0; opacity: 0.9; } 99% { stroke-dashoffset: 0; opacity: 0.9; } 100% { stroke-dashoffset: 760; opacity: 0.56; } } @keyframes heroBarRise { 0%, 100% { transform: scaleY(0.72); opacity: 0.62; } 45% { transform: scaleY(1); opacity: 0.92; } } @keyframes heroValuePop { 0%, 78%, 100% { opacity: 0; transform: translateY(4px); } 12%, 56% { opacity: 1; transform: translateY(0); } } .section { min-height: 85vh; display: flex; align-items: center; } .process-section { position: relative; margin-top: -1px; padding: clamp(82px, 9vw, 118px) 0 clamp(102px, 11vw, 142px); background: var(--section-surface); } .process-wrap { text-align: center; } .process-chip { margin: 0 auto 12px; width: fit-content; padding: 4px 12px; border-radius: 999px; border: 1px solid rgba(180, 174, 216, 0.44); background: rgba(255, 255, 255, 0.68); color: #5f5987; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.08em; font-family: "IBM Plex Sans", var(--font-body); } .process-title-row { width: min(1000px, 100%); margin: 0 auto 20px; display: flex; align-items: center; justify-content: space-between; gap: 24px; } .process-title-row span { display: block; width: min(178px, 26vw); height: 2px; border-radius: 999px; background: linear-gradient(90deg, rgba(179, 178, 206, 0.58), rgba(179, 178, 206, 0.2)); } .process-title { margin: 0; color: #0f1638; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(2.2rem, 4.2vw, 3.22rem); line-height: 1.1; letter-spacing: -0.02em; font-weight: 500; } .process-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; margin-top: 34px; } .process-card { position: relative; min-height: 268px; padding: 20px 22px 24px; border-radius: 14px; border: 1px solid rgba(223, 219, 240, 0.98); background: rgba(255, 255, 255, 0.76); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9), 0 10px 22px rgba(86, 83, 113, 0.075); backdrop-filter: blur(8px) saturate(1.03); text-align: left; } .process-card:nth-child(2) { background: linear-gradient( 90deg, rgba(237, 231, 255, 0.6) 0%, rgba(255, 255, 255, 0.8) 52%, rgba(255, 233, 245, 0.56) 100% ); border-color: rgba(223, 219, 240, 0.98); } .process-icon-wrap { width: 42px; height: 42px; border-radius: 10px; border: 1px solid rgba(226, 224, 236, 0.9); background: rgba(255, 255, 255, 0.34); display: inline-flex; align-items: center; justify-content: center; margin-bottom: 16px; } .process-icon { color: #4b3f8d; width: 24px; height: 24px; display: inline-flex; align-items: center; justify-content: center; } .process-icon svg { width: 24px; height: 24px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .process-num { position: absolute; top: 10px; right: 10px; width: 30px; height: 30px; border-radius: 999px; border: 1px solid rgba(226, 224, 236, 0.9); background: rgba(255, 255, 255, 0.48); color: #1d163f; display: inline-flex; align-items: center; justify-content: center; font-size: 0.98rem; font-family: "IBM Plex Sans", var(--font-body); } .process-card h3 { margin: 0 0 8px; color: #101327; font-size: clamp(1.16rem, 1.85vw, 1.86rem); line-height: 1.18; letter-spacing: -0.015em; font-weight: 600; font-family: "IBM Plex Sans", var(--font-body); } .process-card p { margin: 0; color: #474a60; font-size: 0.93rem; line-height: 1.48; } .features-section { position: relative; padding: clamp(82px, 9vw, 118px) 0 clamp(86px, 10vw, 124px); background: var(--section-surface); } .features-wrap { position: relative; display: grid; gap: 20px; } .features-top { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .features-intro { padding: 18px 8px 0; } .features-kicker-row { width: min(1000px, 100%); margin: 0 auto 14px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; gap: 24px; } .features-kicker-row > span:not(.features-chip) { display: block; width: min(178px, 26vw); height: 2px; justify-self: center; border-radius: 999px; background: linear-gradient(90deg, rgba(179, 178, 206, 0.58), rgba(179, 178, 206, 0.2)); } .features-chip { margin: 0; } .features-section .features-intro h2 { font-family: "IBM Plex Sans", var(--font-body); color: #131733; font-size: clamp(2.5rem, 4.2vw, 3.6rem); font-weight: 500; letter-spacing: -0.024em; margin: 0 0 34px; } .features-intro p { margin: 0; color: #202441; font-size: 1.06rem; line-height: 1.52; } .features-intro p + p { margin-top: 10px; } .features-intro p:last-of-type { margin-bottom: 20px; } .features-intro p span { color: #8e79d7; margin-right: 10px; font-size: 1.5rem; vertical-align: middle; } .features-intro p strong { font-weight: 700; } .features-mini-grid { margin-top: 28px; display: grid; grid-template-columns: 1fr 1fr; gap: 14px; } .features-mini-card, .features-hero-card, .features-large-card { border-radius: 18px; border: 1px solid rgba(217, 214, 237, 0.92); background: linear-gradient(180deg, rgba(255, 255, 255, 0.95), rgba(248, 246, 253, 0.9)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.94), 0 12px 26px rgba(64, 59, 94, 0.085), 0 1px 0 rgba(255, 255, 255, 0.9); backdrop-filter: blur(6px) saturate(1.04); } .features-mini-card { padding: 22px 20px; } .mini-icon { width: 52px; height: 52px; border-radius: 14px; border: 1px solid rgba(216, 212, 236, 0.92); background: linear-gradient(180deg, rgba(255, 255, 255, 0.72), rgba(246, 243, 255, 0.76)); color: #5544a8; display: grid; place-items: center; font-size: 1.24rem; margin-bottom: 14px; box-shadow: 0 8px 18px rgba(101, 89, 156, 0.12); } .feature-title-inline { display: flex; align-items: center; gap: 12px; margin-bottom: 8px; } .feature-title-inline .mini-icon { margin-bottom: 0; width: 48px; height: 48px; border-radius: 13px; } .feature-title-inline h3 { margin: 0; line-height: 1; display: inline-flex; align-items: center; } .feature-title-inline--mini { margin-bottom: 10px; } .features-mini-card .feature-title-inline--mini .mini-icon { width: 50px; height: 50px; } .features-mini-card .feature-title-inline--mini h3 { font-size: clamp(0.9rem, 1.2vw, 1.14rem); line-height: 1.14; letter-spacing: -0.01em; white-space: nowrap; } .mini-icon-glyph { width: 25px; height: 25px; stroke: currentColor; fill: none; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; } .features-mini-card h3 { margin: 0 0 8px; color: #191d36; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.08rem, 1.5vw, 1.5rem); line-height: 1.2; font-weight: 600; letter-spacing: -0.014em; white-space: nowrap; } .features-hero-card h3, .features-large-card h3 { margin: 0 0 8px; color: #111529; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.22rem, 2.2vw, 2.05rem); line-height: 1.18; font-weight: 600; letter-spacing: -0.014em; } .features-mini-card p, .features-hero-card p, .features-large-card p { margin: 0; color: #45485d; font-size: 0.96rem; line-height: 1.45; } .features-hero-card .dashboard-note { color: #5f54a3; font-weight: 400; } .features-hero-card .dashboard-label { color: #4f43a0; font-weight: 600; } .features-hero-card { padding: 24px 22px 20px; } .workflow-orbit { margin-top: 18px; min-height: 276px; border-radius: 16px; border: 1px solid rgba(221, 218, 237, 0.92); background: radial-gradient(circle at 50% 120%, rgba(226, 220, 246, 0.56), rgba(226, 220, 246, 0) 58%), linear-gradient(180deg, rgba(255, 255, 255, 0.66), rgba(255, 255, 255, 0.34)); padding: 16px; overflow: hidden; } .dash-shell { height: 100%; border-radius: 10px; border: 1px solid rgba(224, 221, 238, 0.84); background: rgba(255, 255, 255, 0.62); display: grid; grid-template-columns: 56px 1fr; overflow: hidden; } .dash-side { border-right: 1px solid rgba(194, 211, 241, 0.72); background: rgba(238, 246, 255, 0.9); display: grid; align-content: start; gap: 9px; padding: 12px 10px; } .dash-side span { display: block; height: 6px; border-radius: 999px; background: rgba(135, 166, 219, 0.34); } .dash-side span:nth-child(2) { width: 80%; background: rgba(94, 134, 212, 0.42); } .dash-main { padding: 10px; display: grid; grid-template-rows: 18px 1fr; gap: 8px; } .dash-topbar { display: flex; align-items: center; justify-content: space-between; } .topbar-line { width: 92px; height: 6px; border-radius: 999px; background: rgba(112, 130, 171, 0.44); } .topbar-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(143, 172, 224, 0.72); } .dash-grid { display: grid; grid-template-columns: 1.05fr 0.72fr; grid-template-rows: 1fr 0.92fr; gap: 8px; } .dash-card { border-radius: 9px; border: 1px solid rgba(224, 221, 238, 0.84); background: rgba(255, 255, 255, 0.6); position: relative; overflow: hidden; } .dash-card-line { padding: 6px; } .dash-card-line svg { width: 100%; height: 100%; } .dash-card-bubble { position: relative; padding: 10px; } .dash-card-bubble::before, .dash-card-bubble::after { content: ""; position: absolute; background: rgba(126, 138, 180, 0.36); pointer-events: none; } .dash-card-bubble::before { left: 10px; right: 10px; top: 50%; height: 1px; transform: translateY(-0.5px); } .dash-card-bubble::after { top: 10px; bottom: 10px; left: 50%; width: 1px; transform: translateX(-0.5px); } .line-area { fill: rgba(109, 85, 196, 0.15); } .line-path { fill: none; stroke: #5e3fbd; stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; stroke-dasharray: 520; stroke-dashoffset: 520; animation: lineDrawLoop 1.6s ease-in-out infinite, linePulse 1.6s ease-in-out infinite; } .bubble { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, rgba(255, 255, 255, 0.95), rgba(122, 94, 216, 0.78)); box-shadow: 0 0 0 4px rgba(122, 94, 216, 0.12); animation: bubbleFloat 1.25s ease-in-out infinite; } .bubble.b1 { width: 12px; height: 12px; left: 9%; top: 16%; animation-delay: 0s; } .bubble.b2 { width: 16px; height: 16px; left: 58%; top: 11%; animation-delay: 0.25s; } .bubble.b3 { width: 22px; height: 22px; left: 29%; top: 38%; animation-delay: 0.5s; } .bubble.b4 { width: 14px; height: 14px; left: 78%; top: 34%; animation-delay: 0.75s; } .bubble.b5 { width: 26px; height: 26px; left: 18%; top: 61%; animation-delay: 1s; } .bubble.b6 { width: 18px; height: 18px; left: 67%; top: 57%; animation-delay: 1.25s; } .bubble.b7 { width: 30px; height: 30px; left: 44%; top: 68%; animation-delay: 1.5s; } .bubble.b8 { width: 20px; height: 20px; left: 83%; top: 72%; animation-delay: 1.75s; } .dash-card-bars { grid-column: 1 / 2; display: flex; align-items: end; gap: 8px; padding: 10px 12px; } .dash-card-bars span { flex: 1; height: var(--h); border-radius: 8px 8px 3px 3px; background: linear-gradient(180deg, rgba(119, 92, 210, 0.94), rgba(176, 159, 235, 0.84)); transform-origin: center bottom; animation: barPulse 1.05s ease-in-out infinite; } .dash-card-bars span:nth-child(2) { animation-delay: 0.08s; } .dash-card-bars span:nth-child(3) { animation-delay: 0.16s; } .dash-card-bars span:nth-child(4) { animation-delay: 0.24s; } .dash-card-bars span:nth-child(5) { animation-delay: 0.32s; } .dash-card-hbars { grid-column: 2 / 3; display: grid; align-content: center; gap: 10px; padding: 12px; } .dash-card-hbars span { display: block; width: var(--w); height: 10px; border-radius: 999px; background: linear-gradient(90deg, rgba(114, 88, 206, 0.92), rgba(160, 198, 239, 0.82)); animation: hbarPulse 1s ease-in-out infinite; } .dash-card-hbars span:nth-child(2) { animation-delay: 0.2s; } .dash-card-hbars span:nth-child(3) { animation-delay: 0.4s; } .dash-card-hbars span:nth-child(4) { animation-delay: 0.6s; } .dash-card-hbars span:nth-child(odd) { justify-self: end; } @keyframes linePulse { 0%, 100% { stroke: #5e3fbd; } 50% { stroke: #7a5ee0; } } @keyframes lineDrawLoop { 0% { stroke-dashoffset: 520; opacity: 0.35; } 45% { stroke-dashoffset: 0; opacity: 1; } 70% { stroke-dashoffset: 0; opacity: 1; } 100% { stroke-dashoffset: -520; opacity: 0.35; } } @keyframes bubbleFloat { 0%, 100% { transform: translateY(0) scale(0.92); opacity: 0.68; } 50% { transform: translateY(-6px) scale(1.06); opacity: 1; } } @keyframes barPulse { 0%, 100% { transform: scaleY(0.82); opacity: 0.82; } 50% { transform: scaleY(1); opacity: 1; } } @keyframes hbarPulse { 0%, 100% { transform: scaleX(0.92); opacity: 0.82; } 50% { transform: scaleX(1); opacity: 1; } } .features-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; } .features-large-card { padding: 20px; overflow: hidden; } .mock-code, .mock-chat { margin-top: 16px; height: 255px; border-radius: 12px; border: 1px solid rgba(221, 219, 234, 0.9); background: linear-gradient(180deg, rgba(255, 255, 255, 0.5), rgba(248, 247, 252, 0.7)); overflow: hidden; } .report-scene { padding: 12px; display: grid; grid-template-rows: 34px 1fr; gap: 10px; overflow: hidden; } .report-head { border-radius: 9px; border: 1px solid rgba(219, 214, 238, 0.88); background: rgba(255, 255, 255, 0.66); display: grid; grid-template-columns: 8px 1fr 8px; align-items: center; gap: 10px; padding: 0 12px; } .report-led, .report-status { width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #7b62dc); box-shadow: 0 0 0 3px rgba(125, 101, 220, 0.2); animation: reportLed 1.7s ease-in-out infinite; } .report-status { animation-delay: 0.6s; } .report-filename { color: #5d4fb0; font-family: "IBM Plex Sans", var(--font-body); font-size: 0.82rem; letter-spacing: 0.01em; } .report-body { border-radius: 10px; border: 1px solid rgba(219, 214, 238, 0.88); background: rgba(255, 255, 255, 0.56); padding: 12px; display: grid; grid-template-columns: 1.02fr 1fr; gap: 12px; position: relative; overflow: hidden; } .report-body::before { content: ""; position: absolute; left: 46%; top: 12px; bottom: 12px; width: 1px; background: linear-gradient(180deg, rgba(164, 150, 224, 0.18), rgba(164, 150, 224, 0.44), rgba(164, 150, 224, 0.18)); } .report-chapters { display: grid; align-content: start; gap: 8px; padding-right: 10px; } .report-chapters span { display: block; border-radius: 8px; border: 1px solid rgba(210, 201, 238, 0.95); background: linear-gradient(90deg, rgba(236, 231, 253, 0.92), rgba(245, 242, 255, 0.9)); color: #4f3f9a; font-size: 0.78rem; line-height: 1.25; padding: 8px 10px; opacity: 0; transform: translateX(-8px); animation: chapterReveal 4.6s ease-in-out infinite; animation-delay: var(--delay); } .report-lines { display: grid; align-content: start; gap: 10px; padding-left: 10px; } .report-lines span { display: block; width: var(--w); height: 8px; border-radius: 999px; background: linear-gradient(90deg, rgba(118, 143, 206, 0.35), rgba(117, 90, 208, 0.62), rgba(161, 197, 238, 0.45)); transform-origin: left center; opacity: 0.2; animation: reportLineWrite 3.4s ease-in-out infinite; animation-delay: var(--delay); } .report-lines::after { content: ""; width: 2px; height: 12px; justify-self: start; margin-left: 10px; border-radius: 999px; background: #7358d3; box-shadow: 0 0 8px rgba(115, 88, 211, 0.5); animation: reportCursor 1s steps(1, end) infinite; } .consultant-scene { padding: 12px; display: grid; grid-template-rows: 34px 1fr; gap: 10px; overflow: hidden; box-sizing: border-box; height: 100%; min-height: 0; position: relative; } .consult-head { border-radius: 9px; border: 1px solid rgba(219, 214, 238, 0.88); background: rgba(255, 255, 255, 0.66); display: grid; grid-template-columns: 8px 1fr auto; align-items: center; gap: 10px; padding: 0 12px; min-height: 34px; box-sizing: border-box; } .consult-dot { width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #6f56d8); box-shadow: 0 0 0 3px rgba(113, 90, 208, 0.22); animation: consultPulse 1.3s ease-in-out infinite; } .consult-title { font-family: "IBM Plex Sans", var(--font-body); color: #5444a1; font-size: 0.8rem; letter-spacing: 0.01em; } .consult-live { font-family: "IBM Plex Sans", var(--font-body); color: #6f56d8; font-size: 0.68rem; font-weight: 700; letter-spacing: 0.08em; } .consult-sources { position: absolute; left: 12px; right: 12px; top: 10px; display: flex; gap: 8px; min-height: 24px; z-index: 4; } .consult-sources span { flex: 1; min-width: 0; border-radius: 999px; border: 1px solid rgba(212, 205, 236, 0.95); background: linear-gradient(90deg, rgba(236, 230, 253, 0.8), rgba(240, 246, 254, 0.76)); color: #6557af; font-size: 0.66rem; white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 24px; text-align: center; animation: sourceFlow 3s ease-in-out infinite; } .consult-sources span:nth-child(2) { animation-delay: 0.3s; } .consult-sources span:nth-child(3) { animation-delay: 0.6s; } .consult-body { border-radius: 10px; border: 1px solid rgba(219, 214, 238, 0.88); background: rgba(255, 255, 255, 0.56); display: block; padding: 8px; overflow: hidden; height: 100%; box-sizing: border-box; min-height: 0; position: relative; } .consult-graph { position: relative; width: 100%; height: 100%; min-height: 0; overflow: hidden; border-radius: 10px; transform: scale(0.82); transform-origin: top center; box-sizing: border-box; padding: 36px 4px 8px; background: radial-gradient(circle at 24% 68%, rgba(154, 193, 236, 0.18), rgba(154, 193, 236, 0) 45%), radial-gradient(circle at 79% 38%, rgba(168, 149, 226, 0.2), rgba(168, 149, 226, 0) 52%); } .consult-links { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; } .consult-links path { fill: none; stroke: rgba(122, 104, 197, 0.4); stroke-width: 1.6; stroke-dasharray: 6 8; animation: pathFlow 2.2s linear infinite; } .node { position: absolute; z-index: 2; border-radius: 10px; border: 1px solid rgba(214, 207, 239, 0.94); background: rgba(248, 246, 253, 0.9); box-shadow: 0 8px 18px rgba(94, 83, 147, 0.08); } .node-data { width: 84px; min-height: 42px; padding: 6px 7px; } .node-k { display: block; color: #7a67cb; font-size: 0.58rem; letter-spacing: 0.08em; margin-bottom: 4px; } .node-v { display: block; color: #4f5168; font-size: 0.66rem; } .node-chart { width: 74px; height: 46px; display: grid; place-items: end center; padding-bottom: 10px; } .mini-bars { width: 60px; height: 28px; display: flex; align-items: end; gap: 5px; } .mini-bars i { flex: 1; border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, rgba(122, 100, 206, 0.92), rgba(149, 188, 235, 0.9)); transform-origin: bottom; animation: miniBar 1.15s ease-in-out infinite; } .mini-bars i:nth-child(1) { height: 42%; } .mini-bars i:nth-child(2) { height: 68%; animation-delay: 0.15s; } .mini-bars i:nth-child(3) { height: 86%; animation-delay: 0.3s; } .mini-bars i:nth-child(4) { height: 58%; animation-delay: 0.45s; } .node-text { width: 92px; min-height: 42px; padding: 7px; } .tline { display: block; height: 6px; border-radius: 999px; background: linear-gradient(90deg, rgba(123, 104, 198, 0.76), rgba(152, 193, 236, 0.66)); margin-bottom: 6px; transform-origin: left; animation: tlineFlow 1.8s ease-in-out infinite; } .tline:nth-child(2) { animation-delay: 0.2s; } .tline:nth-child(3) { animation-delay: 0.4s; } .tline.short { width: 62%; } .tline.mid { width: 78%; } .node-bubble { width: 74px; height: 50px; display: grid; place-items: center; } .mini-bubs { position: relative; width: 46px; height: 30px; } .mini-bubs i { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #8368d8); box-shadow: 0 0 0 3px rgba(130, 107, 214, 0.14); animation: bubblePulse 1.4s ease-in-out infinite; } .mini-bubs i:nth-child(1) { width: 14px; height: 14px; left: 2px; top: 18px; } .mini-bubs i:nth-child(2) { width: 16px; height: 16px; left: 16px; top: 2px; animation-delay: 0.2s; } .mini-bubs i:nth-child(3) { width: 10px; height: 10px; left: 34px; top: 16px; animation-delay: 0.4s; } .node-core { left: 50%; top: 50%; transform: translate(-50%, -50%); width: 96px; height: 42px; border-radius: 12px; border-color: rgba(151, 130, 220, 0.9); background: linear-gradient(130deg, rgba(113, 86, 204, 0.95), rgba(118, 157, 221, 0.92)); box-shadow: 0 12px 24px rgba(97, 77, 170, 0.26), inset 0 1px 0 rgba(255, 255, 255, 0.34); display: grid; place-items: center; } .node-core span { color: #f5f4ff; font-family: "IBM Plex Sans", var(--font-body); font-size: 0.72rem; font-weight: 600; } .node-lt { left: 5%; top: 12%; } .node-lb { left: 7%; top: 58%; } .node-lc { left: 24%; top: 40%; } .node-rt { right: 7%; top: 14%; } .node-rc { right: 23%; top: 40%; } .node-rb { right: 7%; top: 58%; } .flow-dot { position: absolute; width: 8px; height: 8px; border-radius: 50%; z-index: 3; background: radial-gradient(circle at 30% 30%, #ffffff, #7f65d5); box-shadow: 0 0 0 3px rgba(127, 101, 213, 0.18); } .fd1 { left: 20%; top: 32%; animation: flow1 2.5s linear infinite; } .fd2 { left: 22%; top: 64%; animation: flow2 2.8s linear infinite; } .fd3 { left: 53%; top: 54%; animation: flow3 2.35s linear infinite; } .fd4 { left: 70%; top: 64%; animation: flow4 2.7s linear infinite; } @keyframes pathFlow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -28; } } @keyframes miniBar { 0%, 100% { transform: scaleY(0.68); opacity: 0.74; } 50% { transform: scaleY(1); opacity: 1; } } @keyframes tlineFlow { 0%, 100% { transform: scaleX(0.64); opacity: 0.6; } 50% { transform: scaleX(1); opacity: 1; } } @keyframes bubblePulse { 0%, 100% { transform: scale(0.84); opacity: 0.68; } 50% { transform: scale(1.06); opacity: 1; } } @keyframes flow1 { 0% { left: 20%; top: 32%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 41%; top: 50%; opacity: 0.2; } } @keyframes flow2 { 0% { left: 22%; top: 64%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 41%; top: 54%; opacity: 0.2; } } @keyframes flow3 { 0% { left: 53%; top: 54%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 74%; top: 34%; opacity: 0.2; } } @keyframes flow4 { 0% { left: 70%; top: 64%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 57%; top: 54%; opacity: 0.2; } } @keyframes reportLed { 0%, 100% { opacity: 0.4; transform: scale(0.82); } 50% { opacity: 1; transform: scale(1); } } @keyframes chapterReveal { 0%, 14% { opacity: 0; transform: translateX(-8px); } 22%, 74% { opacity: 1; transform: translateX(0); } 100% { opacity: 0.25; transform: translateX(0); } } @keyframes reportLineWrite { 0% { transform: scaleX(0.04); opacity: 0.12; } 22% { transform: scaleX(1); opacity: 0.92; } 68% { transform: scaleX(1); opacity: 0.85; } 100% { transform: scaleX(0.08); opacity: 0.18; } } @keyframes reportCursor { 0%, 48% { opacity: 1; } 49%, 100% { opacity: 0.2; } } .ai-consult-scene .report-body { display: block; position: relative; overflow: hidden; background: radial-gradient(circle at 22% 72%, rgba(151, 193, 236, 0.16), rgba(151, 193, 236, 0) 42%), radial-gradient(circle at 78% 30%, rgba(169, 150, 226, 0.2), rgba(169, 150, 226, 0) 46%), rgba(255, 255, 255, 0.56); } .ai-consult-body .ai-link-svg { position: absolute; inset: 0; width: 100%; height: 100%; z-index: 1; } .ai-consult-body .ai-link-svg path { fill: none; stroke: rgba(130, 111, 202, 0.48); stroke-width: 1.2; stroke-dasharray: 3 4; animation: aiLinkFlow 2.1s linear infinite; } .ai-consult-body .ai-node { position: absolute; z-index: 2; border: 1px solid rgba(214, 208, 237, 0.95); border-radius: 10px; background: rgba(248, 246, 253, 0.92); box-shadow: 0 8px 18px rgba(90, 77, 150, 0.08); } .ai-node-data { width: 86px; min-height: 40px; padding: 6px 7px; } .ai-node-data span { display: block; color: #7967cb; font-size: 0.56rem; letter-spacing: 0.08em; margin-bottom: 3px; } .ai-node-data b { display: block; color: #4f5168; font-size: 0.66rem; font-weight: 500; } .ai-node-chart { width: 74px; height: 42px; padding: 7px; display: flex; align-items: end; gap: 4px; } .ai-node-chart i { flex: 1; border-radius: 4px 4px 2px 2px; background: linear-gradient(180deg, rgba(118, 93, 210, 0.92), rgba(157, 196, 238, 0.88)); transform-origin: bottom; animation: aiBarPulse 1.1s ease-in-out infinite; } .ai-node-chart i:nth-child(1) { height: 34%; } .ai-node-chart i:nth-child(2) { height: 62%; animation-delay: 0.12s; } .ai-node-chart i:nth-child(3) { height: 84%; animation-delay: 0.24s; } .ai-node-chart i:nth-child(4) { height: 56%; animation-delay: 0.36s; } .ai-node-bubble { width: 70px; height: 48px; } .ai-node-bubble i { position: absolute; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #8267d7); box-shadow: 0 0 0 2px rgba(130, 103, 215, 0.15); animation: aiBubbleFloat 1.35s ease-in-out infinite; } .ai-node-bubble i:nth-child(1) { width: 12px; height: 12px; left: 11px; top: 18px; } .ai-node-bubble i:nth-child(2) { width: 15px; height: 15px; left: 28px; top: 8px; animation-delay: 0.2s; } .ai-node-bubble i:nth-child(3) { width: 10px; height: 10px; left: 46px; top: 20px; animation-delay: 0.4s; } .ai-node-text { width: 92px; min-height: 42px; padding: 7px; } .ai-node-text u { display: block; height: 6px; margin-bottom: 5px; border-radius: 999px; background: linear-gradient(90deg, rgba(123, 104, 198, 0.76), rgba(152, 193, 236, 0.7)); text-decoration: none; transform-origin: left; animation: aiTextFlow 1.7s ease-in-out infinite; } .ai-node-text u:nth-child(2) { width: 72%; animation-delay: 0.2s; } .ai-node-text u:nth-child(3) { width: 56%; animation-delay: 0.4s; } .ai-node-core { left: 50%; top: 52%; transform: translate(-50%, -50%); min-width: 124px; height: 44px; padding: 0 18px; border-color: rgba(183, 170, 235, 0.95); background: linear-gradient(135deg, rgba(244, 240, 255, 0.98), rgba(225, 236, 252, 0.98)); color: #1b1f43; font-family: "IBM Plex Sans", var(--font-body); font-size: 0.88rem; font-weight: 700; letter-spacing: 0.03em; text-transform: none; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.72); display: grid; place-items: center; z-index: 8; box-shadow: 0 10px 22px rgba(96, 76, 168, 0.22), inset 0 1px 0 rgba(255, 255, 255, 0.95); } .ai-node-left-top { left: 3%; top: 8%; } .ai-node-left-bottom { left: 15%; top: 73%; } .ai-node-mid-left { left: 24%; top: 47%; } .ai-node-right-top { right: 8%; top: 17%; } .ai-node-mid-right { right: 22%; top: 35%; } .ai-node-right-bottom { right: 4%; top: 66%; } .ai-consult-body .ai-flow { position: absolute; z-index: 3; width: 7px; height: 7px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #ffffff, #7e63d4); box-shadow: 0 0 0 2px rgba(126, 99, 212, 0.18); } .ai-consult-body .f1 { left: 20%; top: 33%; animation: aiFlow1 2.6s linear infinite; } .ai-consult-body .f2 { left: 22%; top: 70%; animation: aiFlow2 2.8s linear infinite; } .ai-consult-body .f3 { left: 54%; top: 57%; animation: aiFlow3 2.3s linear infinite; } .ai-consult-body .f4 { left: 70%; top: 70%; animation: aiFlow4 2.5s linear infinite; } @keyframes aiLinkFlow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -18; } } @keyframes aiBarPulse { 0%, 100% { transform: scaleY(0.72); opacity: 0.78; } 50% { transform: scaleY(1); opacity: 1; } } @keyframes aiBubbleFloat { 0%, 100% { transform: scale(0.86); opacity: 0.66; } 50% { transform: scale(1.05); opacity: 1; } } @keyframes aiTextFlow { 0%, 100% { transform: scaleX(0.62); opacity: 0.62; } 50% { transform: scaleX(1); opacity: 1; } } @keyframes aiFlow1 { 0% { left: 20%; top: 33%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 42%; top: 52%; opacity: 0.2; } } @keyframes aiFlow2 { 0% { left: 22%; top: 70%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 42%; top: 56%; opacity: 0.2; } } @keyframes aiFlow3 { 0% { left: 54%; top: 57%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 74%; top: 38%; opacity: 0.2; } } @keyframes aiFlow4 { 0% { left: 70%; top: 70%; opacity: 0.2; } 20%, 78% { opacity: 1; } 100% { left: 58%; top: 56%; opacity: 0.2; } } @keyframes consultPulse { 0%, 100% { transform: scale(0.84); opacity: 0.45; } 50% { transform: scale(1); opacity: 1; } } @keyframes sourceFlow { 0%, 100% { transform: translateY(0); opacity: 0.78; } 50% { transform: translateY(-2px); opacity: 1; } } .features-pills { margin-top: 10px; display: flex; gap: 10px; overflow: hidden; mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%); -webkit-mask-image: linear-gradient(to right, transparent 0%, #000 4%, #000 96%, transparent 100%); } .features-pills-track { display: flex; gap: 12px; flex: 0 0 auto; min-width: max-content; animation: pillsScroll 34s linear infinite; } .features-pills span { min-height: 42px; padding: 0 20px; border-radius: 999px; border: 1px solid rgba(220, 216, 238, 0.9); background: linear-gradient(180deg, rgba(252, 251, 255, 0.86), rgba(246, 244, 252, 0.78)); color: #2a2e43; font-size: 0.95rem; font-weight: 500; display: inline-flex; align-items: center; white-space: nowrap; box-shadow: 0 8px 18px rgba(82, 76, 115, 0.07); } @keyframes pillsScroll { from { transform: translateX(0); } to { transform: translateX(calc(-100% - 10px)); } } .usecases-section { position: relative; padding: clamp(84px, 9vw, 122px) 0 clamp(104px, 11vw, 146px); background: var(--section-surface); } .usecases-wrap { display: grid; gap: 22px; } .usecases-content { display: grid; grid-template-columns: minmax(300px, 360px) minmax(0, 1fr); gap: 36px; align-items: start; } .usecases-layout { position: relative; max-width: 1120px; margin: 0 auto; padding-left: 44px; } .usecases-layout::before { content: ""; position: absolute; left: 12px; top: 8px; bottom: 8px; width: 3px; border-radius: 999px; background: linear-gradient(180deg, rgba(0, 45, 156, 0.78), rgba(15, 98, 254, 0.44), rgba(0, 45, 156, 0.78)); box-shadow: 0 0 0 1px rgba(0, 45, 156, 0.06); } .usecases-head { max-width: 860px; margin: 0; text-align: left; position: sticky; top: 96px; } .usecases-section .usecases-head h2 { margin: 0 0 34px; color: #101737; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(2.1rem, 3.8vw, 3.2rem); line-height: 1.12; letter-spacing: -0.02em; } .usecases-index { display: inline-block; margin-right: 12px; color: #5e53a8; font-family: "IBM Plex Sans", var(--font-body); font-size: 0.82rem; font-weight: 600; letter-spacing: 0.09em; vertical-align: 0.28em; } text-align: center; } .features-subtitle { margin: 0; color: #323a5a; font-size: 1.03rem; line-height: 1.56; text-align: center; } .usecases-head p { margin: 0; color: #323a5a; font-size: 1.03rem; line-height: 1.56; } .usecases-content .usecases-layout { max-width: none; margin: 0; } .usecases-grid { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: 54px; row-gap: 14px; padding: 8px 0 0; } .usecases-grid::before { content: ""; position: absolute; left: calc(50% - 1px); top: 2px; bottom: 2px; width: 2px; border-radius: 999px; background: linear-gradient(180deg, rgba(0, 45, 156, 0.1), rgba(0, 45, 156, 0.28), rgba(0, 45, 156, 0.1)); z-index: 0; } .usecases-metro-line { display: none; } .usecases-metro-line polyline { display: none; } .usecase-card { position: relative; z-index: 1; min-height: 156px; padding: 16px 12px 14px 14px; border-radius: 0; border: 0; background: transparent; box-shadow: none; } .usecase-card:nth-child(odd)::before { content: ""; position: absolute; width: 18px; height: 18px; border-radius: 50%; left: -40px; top: 50%; transform: translateY(-50%); border: 2px solid rgba(0, 45, 156, 0.3); background: radial-gradient(circle at 35% 35%, #f6fbff 0%, #7fa8ff 46%, #0f62fe 100%); box-shadow: 0 0 0 4px rgba(15, 98, 254, 0.1); } .usecase-card:nth-child(odd)::after { content: ""; position: absolute; width: 11px; height: 11px; border-radius: 50%; right: -33px; top: 50%; transform: translateY(-50%); border: 1px solid rgba(0, 45, 156, 0.4); background: #ffffff; box-shadow: 0 0 0 3px rgba(237, 245, 255, 0.9); } .usecase-card > * { position: relative; z-index: 1; } .usecase-card::selection { background: rgba(15, 98, 254, 0.15); } .usecase-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(0, 67, 206, 0.2), rgba(0, 67, 206, 0.04)); } .usecase-dot { display: none; } .usecase-icon { width: 44px; height: 44px; border-radius: 10px; border: 1px solid rgba(15, 98, 254, 0.24); background: rgba(237, 245, 255, 0.56); display: grid; place-items: center; color: #002d9c; box-shadow: 0 2px 8px rgba(15, 98, 254, 0.06); } .usecase-icon svg { width: 23px; height: 23px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .usecase-icon--design svg, .usecase-icon--invest svg { width: 25px; height: 25px; } .usecase-icon-money { font-family: "IBM Plex Sans", var(--font-body); font-size: 1.14rem; font-weight: 600; line-height: 1; letter-spacing: -0.04em; color: currentColor; } .usecase-card h3 { margin: 12px 0 8px; color: #1f1d52; font-family: "IBM Plex Sans", var(--font-body); font-size: 2rem; line-height: 1.2; letter-spacing: -0.02em; } .usecase-card p { margin: 0; color: #3e4a70; font-size: 1rem; line-height: 1.62; position: relative; padding-left: 16px; } .usecase-card p + p { margin-top: 8px; font-size: 1rem; line-height: 1.62; } .usecase-card p::before { content: ""; position: absolute; left: 0; top: 0.64em; width: 6px; height: 6px; border-radius: 50%; background: rgba(103, 87, 180, 0.62); } .org-usecases-section { position: relative; padding: clamp(72px, 8vw, 106px) 0 clamp(102px, 11vw, 144px); background: var(--section-surface); } .org-usecases-wrap { display: grid; gap: 22px; } .org-usecases-content { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); gap: 36px; align-items: start; } .org-usecases-head { max-width: 360px; margin: 0; text-align: right; position: sticky; top: 96px; } .org-usecases-section .org-usecases-head h2 { margin: 0 0 34px; color: #101737; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(2.02rem, 3.6vw, 3rem); line-height: 1.15; letter-spacing: -0.02em; } .org-usecases-head p { margin: 0; color: #31395a; font-size: 1.04rem; line-height: 1.56; } .org-chart { position: relative; padding-top: 0; } .org-ceo { display: none; } .org-chart-line { display: none; } .org-chart-line path { display: none; } .org-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 26px 22px; max-width: none; margin: 0; } .org-card { position: relative; min-height: 182px; padding: 10px 10px 14px; border-radius: 0; border: 0; background: transparent; box-shadow: none; z-index: 1; } .org-card::before { display: none; } .org-icon { width: 48px; height: 48px; border-radius: 12px; border: 1px solid rgba(15, 98, 254, 0.24); background: rgba(237, 245, 255, 0.56); display: grid; place-items: center; color: #002d9c; box-shadow: 0 2px 8px rgba(15, 98, 254, 0.06); } .org-card::after { content: ""; position: absolute; left: 0; right: 0; bottom: 0; height: 1px; background: linear-gradient(90deg, rgba(0, 67, 206, 0.2), rgba(0, 67, 206, 0.04)); } .org-icon svg { width: 25px; height: 25px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .org-card h3 { margin: 10px 0 9px; color: #161c3b; font-family: "IBM Plex Sans", var(--font-body); font-size: 1.32rem; line-height: 1.2; letter-spacing: -0.01em; } .org-card ul { margin: 0; padding: 0; list-style: none; display: grid; gap: 8px; } .org-card li { color: #394260; font-size: 1rem; line-height: 1.62; padding-left: 16px; position: relative; } .org-card li::before { content: ""; position: absolute; left: 0; top: 0.64em; width: 6px; height: 6px; border-radius: 50%; background: rgba(103, 87, 180, 0.62); } .coverage-section { padding: clamp(86px, 9vw, 124px) 0 clamp(102px, 11vw, 144px); background: var(--section-surface); } .coverage-wrap { display: grid; gap: 30px; } .coverage-head { max-width: 920px; margin: 0 0 18px; text-align: left; } .coverage-head h2 { margin: 0; color: #101737; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(2rem, 3.4vw, 2.8rem); line-height: 1.16; letter-spacing: -0.02em; } .coverage-head p { margin: 30px 0 0; color: #31395a; font-size: 1.02rem; line-height: 1.56; } .coverage-panes { display: grid; gap: 88px; margin-top: 8px; } .coverage-pane { border-radius: 0; border: 0; background: transparent; box-shadow: none; padding: 0; } .coverage-pane h3, .coverage-domains h3 { margin: 0 0 16px; color: #121a3a; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.22rem, 2vw, 1.52rem); letter-spacing: -0.012em; } .coverage-pane--chain h3 { margin-bottom: 40px; } .coverage-pane--chain { text-align: left; } .coverage-chip-title { margin: 0 0 22px; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(214, 208, 238, 0.7); background: rgba(255, 255, 255, 0.7); color: #2b2f4a; font-family: var(--font-body); font-size: 0.8rem; font-weight: 600; line-height: 1; letter-spacing: 0.02em; text-transform: uppercase; } .coverage-pane--chain .coverage-chip-title { font-family: var(--font-body); font-size: 0.8rem; font-weight: 600; line-height: 1; letter-spacing: 0.02em; min-height: 34px; padding: 0 16px; } .coverage-chip-title::before { content: ""; width: 9px; height: 9px; border-radius: 2px; background: linear-gradient(180deg, #7d66db, #5e45c2); transform: rotate(45deg); } .coverage-chain-headline { margin: 2px 0 0; color: #1c2445; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.22rem, 2.2vw, 2.05rem); line-height: 1.18; letter-spacing: -0.01em; } .coverage-chain-sub { margin: 30px 0 48px; max-width: 860px; color: #3b4464; font-size: 0.96rem; line-height: 1.55; } .coverage1-showcase { display: grid; grid-template-columns: minmax(360px, 1fr) minmax(420px, 1fr); gap: clamp(26px, 3vw, 44px); align-items: center; margin-top: 10px; } .coverage1-copy { max-width: 560px; text-align: left; } .coverage1-chip { margin: 0 0 22px; display: inline-flex; align-items: center; gap: 8px; min-height: 34px; padding: 0 16px; border-radius: 999px; border: 1px solid rgba(214, 208, 238, 0.7); background: rgba(255, 255, 255, 0.7); color: #2b2f4a; font-size: 0.8rem; font-weight: 600; letter-spacing: 0.02em; } .coverage1-chip::before { content: ""; width: 9px; height: 9px; border-radius: 2px; background: linear-gradient(180deg, #7d66db, #5e45c2); transform: rotate(45deg); } .coverage1-copy h3 { margin: 0; color: #121a3a; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.22rem, 2.2vw, 2.05rem); line-height: 1.18; letter-spacing: -0.02em; } .coverage1-desc { margin: 22px 0 0; max-width: 48ch; color: #343c5d; font-size: 1.02rem; line-height: 1.6; } .coverage1-cta { margin-top: 26px; border: 0; min-height: 52px; padding: 0 26px; border-radius: 999px; color: #fff; font-family: "IBM Plex Sans", var(--font-body); font-size: 0.98rem; font-weight: 600; cursor: pointer; background: linear-gradient(180deg, #6a4fe0, #5032c2); box-shadow: 0 0 0 4px rgba(255, 255, 255, 0.9), 0 0 0 6px rgba(204, 196, 235, 0.55), 0 11px 22px rgba(77, 57, 161, 0.28); } .coverage1-visual { display: grid; justify-items: center; } .coverage-pane--data .coverage-data-map { min-height: auto; width: 100%; } .coverage-pane--data .coverage-flow-panel { width: min(560px, 100%); height: 272px; padding: 14px; border-radius: 18px; border: 1px solid rgba(216, 210, 239, 0.9); background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(249, 246, 255, 0.66)); box-shadow: 0 18px 32px rgba(83, 73, 128, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.94); position: relative; z-index: 2; overflow: hidden; } .coverage-pane--data .coverage-flow-grid { grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 24px; } .coverage-pane--data .flow-column { display: grid; grid-template-rows: auto minmax(0, 1fr); border-radius: 12px; padding: 2px; background: transparent; } .coverage-pane--data .flow-col-title { margin: 0 0 8px; display: inline-flex; align-items: center; justify-self: center; gap: 8px; text-align: center; color: #5f54a8; font-size: 1rem; font-weight: 800; letter-spacing: 0.01em; line-height: 1.2; position: relative; z-index: 3; } .coverage-pane--data .flow-col-title::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 35% 35%, #cfe8ff, #5e87ff 65%, #325edb 100%); box-shadow: 0 0 0 0 rgba(96, 138, 255, 0.42), 0 0 10px rgba(96, 138, 255, 0.75); animation: beaconGlow 1.9s ease-in-out infinite; } @keyframes beaconGlow { 0%, 100% { box-shadow: 0 0 0 0 rgba(96, 138, 255, 0.36), 0 0 8px rgba(96, 138, 255, 0.55); transform: scale(1); } 50% { box-shadow: 0 0 0 7px rgba(96, 138, 255, 0.12), 0 0 15px rgba(96, 138, 255, 0.9); transform: scale(1.08); } } .coverage-pane--data .flow-viewport { position: relative; overflow: hidden; min-height: 0; height: 100%; border-radius: 12px; padding-top: 2px; } .coverage-pane--data .flow-track { gap: 30px; justify-items: center; } .coverage-pane--data .flow-item { width: 66px; min-height: 66px; aspect-ratio: 1 / 1; justify-content: center; align-items: center; flex-direction: column; gap: 4px; padding: 6px 5px; border-radius: 12px; border: 1px solid rgba(221, 214, 244, 0.84); background: linear-gradient(180deg, rgba(255, 255, 255, 0.94), rgba(248, 243, 255, 0.9)); box-shadow: 0 10px 20px rgba(83, 73, 128, 0.12), 0 2px 5px rgba(83, 73, 128, 0.06); } .coverage-pane--data .flow-item-icon { width: 20px; height: 20px; color: #4f39b5; } .coverage-pane--data .flow-item-icon svg { width: 20px; height: 20px; stroke-width: 1.95; } .coverage-pane--data .flow-item b { display: block; font-size: 0.66rem; font-weight: 700; color: #252d4d; line-height: 1.18; letter-spacing: 0.01em; white-space: normal; text-align: center; word-break: keep-all; } .coverage-pane--data .flow-item b .flow-item-metric { display: block; } .coverage-pane--data .coverage-data-center { display: none; } .coverage1-quote { margin: 14px 0 0; color: #2f3652; font-size: 0.95rem; line-height: 1.45; text-align: center; } .coverage-data-map { position: relative; min-height: 272px; border: 0; background: transparent; overflow: visible; } .coverage-data-line { position: absolute; inset: 0; width: 100%; height: 100%; pointer-events: none; } .coverage-data-line path { fill: none; stroke: rgba(103, 87, 186, 0.44); stroke-width: 1.05; stroke-linecap: round; filter: drop-shadow(0 0 4px rgba(125, 105, 214, 0.14)); stroke-dasharray: 0; animation: none; } .coverage-data-line path:nth-child(-n+8) { stroke-dasharray: 2 10; animation: dataLinkFlow 2.8s linear infinite; } .coverage-data-line path:nth-child(9), .coverage-data-line path:nth-child(10), .coverage-data-line path:nth-child(11) { stroke-width: 1.85; stroke: rgba(94, 78, 175, 0.54); filter: drop-shadow(0 0 6px rgba(114, 94, 204, 0.2)); } .coverage-data-center { position: absolute; left: 50%; top: 84%; transform: translate(-50%, -50%); min-width: clamp(360px, 68%, 700px); min-height: 84px; padding: 14px 26px; border-radius: 22px; border: 1px solid rgba(176, 168, 219, 0.58); background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(243, 239, 255, 0.72)); display: grid; place-items: center; gap: 4px; color: #5f54a8; font-family: "IBM Plex Sans", var(--font-body); text-align: center; line-height: 1.2; box-shadow: 0 18px 34px rgba(87, 75, 142, 0.16), 0 4px 12px rgba(87, 75, 142, 0.08), inset 0 1px 0 rgba(255, 255, 255, 0.88); animation: dataCenterPulse 2.6s ease-in-out infinite; } .coverage-data-center small { color: #746ab7; font-size: 0.64rem; letter-spacing: 0.14em; font-weight: 700; } .coverage-data-center strong { color: #5a50a7; font-size: 1.04rem; font-weight: 650; letter-spacing: 0.01em; white-space: nowrap; } .coverage-data-center::before { content: ""; position: absolute; top: -22px; left: 50%; transform: translateX(-50%); width: 2px; height: 22px; border-radius: 999px; background: linear-gradient(180deg, rgba(105, 88, 186, 0.88), rgba(105, 88, 186, 0.24)); } .coverage-data-center::after { content: ""; position: absolute; top: -28px; left: 50%; transform: translateX(-50%); width: 8px; height: 8px; border-radius: 50%; border: 1px solid rgba(108, 90, 187, 0.5); background: rgba(246, 243, 255, 0.94); box-shadow: 0 0 0 4px rgba(235, 230, 255, 0.56); } .coverage-node { position: absolute; width: auto; min-height: 0; border-radius: 12px; border: 0; background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(248, 246, 255, 0.58)); display: flex; flex-direction: row; align-items: center; justify-content: center; gap: 7px; padding: 9px 12px; box-shadow: 0 8px 18px rgba(83, 73, 128, 0.11), 0 2px 8px rgba(83, 73, 128, 0.05); backdrop-filter: blur(6px) saturate(1.02); } .coverage-node::after { content: ""; position: absolute; left: 10px; right: 10px; bottom: 4px; height: 1px; border-radius: 999px; background: linear-gradient(90deg, rgba(117, 101, 192, 0), rgba(117, 101, 192, 0.45), rgba(117, 101, 192, 0)); } .coverage-node-icon, .station-icon { width: 30px; height: 30px; border-radius: 999px; border: 1px solid rgba(202, 196, 233, 0.84); background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(245, 243, 252, 0.72)); display: grid; place-items: center; color: #5242a8; } .coverage-node-icon { width: 16px; height: 16px; border: 0; border-radius: 0; background: transparent; color: #5a4ab0; } .coverage-node-icon svg, .station-icon svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .coverage-node b { color: #1d2446; font-size: 0.88rem; font-weight: 700; letter-spacing: 0.01em; line-height: 1.2; white-space: nowrap; } .coverage-node.c1 { left: 1%; top: 12%; transform: none; } .coverage-node.c2 { left: 88%; top: 12%; transform: none; } .coverage-node.c3 { left: 37%; top: 12%; transform: none; } .coverage-node.c4 { left: 50%; top: 12%; transform: none; } .coverage-node.c5 { left: 13%; top: 12%; transform: none; } .coverage-node.c6 { left: 63%; top: 12%; transform: none; } .coverage-node.c7 { left: 25%; top: 12%; transform: none; } .coverage-node.c8 { left: 75%; top: 12%; transform: none; } .coverage-node { animation: dataNodePulse 4.4s ease-in-out infinite; } .coverage-node.c2, .coverage-node.c6, .coverage-node.c8 { animation-delay: 0.35s; } .coverage-node.c4, .coverage-node.c5, .coverage-node.c7 { animation-delay: 0.7s; } @keyframes dataLinkFlow { from { stroke-dashoffset: 0; } to { stroke-dashoffset: -22; } } @keyframes dataNodePulse { 0%, 100% { box-shadow: 0 8px 16px rgba(84, 72, 137, 0.1); opacity: 0.92; } 50% { box-shadow: 0 12px 20px rgba(84, 72, 137, 0.17); opacity: 1; } } @keyframes dataCenterPulse { 0%, 100% { box-shadow: 0 10px 24px rgba(87, 75, 142, 0.14), inset 0 1px 0 rgba(255, 255, 255, 0.84); } 50% { box-shadow: 0 14px 30px rgba(87, 75, 142, 0.24), inset 0 1px 0 rgba(255, 255, 255, 0.9); } } .coverage-data-map { position: relative; min-height: 470px; display: grid; justify-items: center; gap: 22px; } .coverage-data-line, .coverage-node { display: none !important; } .coverage-flow-panel { width: min(920px, 100%); height: 330px; padding: 18px; border-radius: 22px; border: 1px solid rgba(214, 206, 240, 0.86); background: linear-gradient(180deg, rgba(255, 255, 255, 0.82), rgba(249, 246, 255, 0.68)); box-shadow: 0 22px 40px rgba(83, 73, 128, 0.12), inset 0 1px 0 rgba(255, 255, 255, 0.94); overflow: hidden; position: relative; } .coverage-flow-panel::before { content: ""; position: absolute; inset: 0; background: radial-gradient(55% 60% at 22% 50%, rgba(161, 217, 255, 0.12), rgba(161, 217, 255, 0)), radial-gradient(55% 60% at 78% 50%, rgba(247, 167, 220, 0.12), rgba(247, 167, 220, 0)); pointer-events: none; } .coverage-flow-grid { position: relative; z-index: 1; height: 100%; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; } .flow-column { height: 100%; overflow: hidden; border-radius: 16px; padding: 4px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.24), rgba(255, 255, 255, 0.06)); } .flow-track { display: grid; gap: 12px; will-change: transform; } .flow-column.flow-up .flow-track { animation: flowUp var(--dur, 18s) linear infinite; } .flow-column.flow-down .flow-track { animation: flowDown var(--dur, 18s) linear infinite; } @keyframes flowUp { from { transform: translateY(0); } to { transform: translateY(-50%); } } @keyframes flowDown { from { transform: translateY(-50%); } to { transform: translateY(0); } } .flow-item { min-height: 48px; border-radius: 12px; padding: 10px 12px; display: inline-flex; align-items: center; gap: 8px; background: linear-gradient(180deg, rgba(255, 255, 255, 0.78), rgba(249, 246, 255, 0.64)); box-shadow: 0 8px 18px rgba(83, 73, 128, 0.1), 0 2px 6px rgba(83, 73, 128, 0.05); color: #262e50; } .flow-item-icon { width: 17px; height: 17px; display: grid; place-items: center; color: #5949af; } .flow-item-icon svg { width: 17px; height: 17px; stroke: currentColor; fill: none; stroke-width: 1.9; stroke-linecap: round; stroke-linejoin: round; } .flow-item b { font-size: 0.92rem; line-height: 1.2; letter-spacing: 0.01em; white-space: nowrap; } .coverage-data-center { position: relative; left: auto; top: auto; transform: none; } .coverage-chain-map { --bridge-y: 10px; --bridge-left: 6%; --bridge-right: 6%; --top-drop-x: 74%; --top-drop-start: -304px; --top-drop-height: 314px; position: relative; border-radius: 0; border: 0; background: transparent; padding: 18px 0 30px; } .coverage-chain-map::before { content: ""; position: absolute; left: var(--top-drop-x); top: var(--top-drop-start); transform: translateX(-50%); width: 2px; height: var(--top-drop-height); border-radius: 999px; clip-path: polygon(50% 0, 88% 100%, 12% 100%); background: linear-gradient(180deg, rgba(70, 108, 238, 0.16), rgba(70, 108, 238, 0.62) 38%, rgba(70, 108, 238, 0.92) 72%, rgba(70, 108, 238, 1)); box-shadow: 0 0 0 1px rgba(194, 210, 255, 0.44), 0 0 20px rgba(70, 108, 238, 0.3); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 34%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.88) 66%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.88) 34%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.88) 66%, rgba(0, 0, 0, 0) 100%); pointer-events: none; z-index: 0; } .coverage-chain-map::after { content: ""; position: absolute; left: var(--bridge-left); right: var(--bridge-right); top: var(--bridge-y); height: 3px; border-radius: 999px; background: linear-gradient(90deg, rgba(90, 121, 238, 0.32), rgba(90, 121, 238, 0.84), rgba(90, 121, 238, 0.96)); box-shadow: 0 0 0 1px rgba(200, 214, 255, 0.36), 0 0 18px rgba(90, 121, 238, 0.24); pointer-events: none; z-index: 1; } .chain-track { position: absolute; left: 2%; right: 2%; top: 40px; height: 1px; border-radius: 999px; background: linear-gradient(90deg, rgba(102, 129, 232, 0.1), rgba(102, 129, 232, 0.34), rgba(102, 129, 232, 0.1)); box-shadow: none; } .chain-track::before { content: ""; position: absolute; left: 50%; top: -30px; transform: translateX(-50%); width: 1px; height: 30px; border-radius: 999px; background: linear-gradient(180deg, rgba(70, 108, 238, 0.82), rgba(70, 108, 238, 0.34)); -webkit-mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 36%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.9) 64%, rgba(0, 0, 0, 0) 100%); mask-image: linear-gradient(90deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.9) 36%, rgba(0, 0, 0, 1) 50%, rgba(0, 0, 0, 0.9) 64%, rgba(0, 0, 0, 0) 100%); } .chain-track::after { content: ""; position: absolute; left: 50%; top: -6px; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; border: 1px solid rgba(102, 129, 232, 0.64); background: rgba(245, 249, 255, 0.98); box-shadow: 0 0 0 4px rgba(223, 232, 255, 0.54), 0 0 12px rgba(102, 129, 232, 0.2); } .chain-stations { position: relative; display: grid; grid-template-columns: repeat(10, minmax(112px, 1fr)); gap: 8px; overflow-x: auto; padding-bottom: 36px; } .chain-station { min-width: 112px; display: grid; justify-items: center; gap: 0; } .chain-station::before { content: ""; width: 12px; height: 12px; border-radius: 50%; border: 2px solid rgba(114, 97, 191, 0.56); background: rgba(247, 244, 255, 0.98); box-shadow: 0 0 0 3px rgba(245, 242, 253, 0.9); margin-bottom: 6px; } .chain-station b { color: #1d2446; font-size: 0.86rem; text-align: center; letter-spacing: 0.01em; } .chain-btn { border: 0; background: transparent; display: grid; justify-items: center; gap: 8px; padding: 0; cursor: pointer; color: inherit; font: inherit; } .chain-btn .station-icon { transition: transform 0.2s ease, box-shadow 0.2s ease, border-color 0.2s ease; } .chain-btn:hover .station-icon, .chain-btn:focus-visible .station-icon, .chain-btn.is-active .station-icon { transform: translateY(-2px) scale(1.03); border-color: rgba(120, 103, 198, 0.78); box-shadow: 0 10px 20px rgba(85, 72, 152, 0.14); } .chain-btn:focus-visible { outline: none; } .chain-btn.is-active b { color: #473d95; } .chain-connector-v, .chain-connector-h, .chain-connector-v2 { position: absolute; width: 3px; background: linear-gradient(90deg, rgba(122, 107, 196, 0.1), rgba(122, 107, 196, 0.52), rgba(122, 107, 196, 0.1)); border-radius: 999px; pointer-events: none; z-index: 1; } .chain-connector-h { width: 0; height: 3px; } .chain-detail { margin: 34px auto 0; width: min(760px, calc(100% - 12px)); min-height: 94px; border-radius: 999px; border: 1px solid rgba(197, 190, 230, 0.84); background: linear-gradient(180deg, rgba(255, 255, 255, 0.68), rgba(247, 246, 253, 0.58)); box-shadow: 0 8px 18px rgba(74, 63, 119, 0.08); padding: 14px 20px; text-align: center; position: relative; z-index: 2; backdrop-filter: blur(4px); } .chain-detail h4 { margin: 0; color: #20284a; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.06rem, 1.8vw, 1.3rem); letter-spacing: -0.01em; } .chain-detail p { margin: 10px 0 0; color: #3f4868; font-size: 0.98rem; line-height: 1.62; } .offer-section { position: relative; padding: clamp(82px, 9vw, 118px) 0 clamp(98px, 11vw, 138px); background: var(--section-surface); } .offer-wrap { display: grid; gap: 24px; } .offer-head { width: min(860px, 100%); margin: 0 auto 6px; text-align: center; } .offer-head h2 { margin: 0; color: #121834; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(2rem, 3.6vw, 3rem); font-weight: 600; line-height: 1.14; letter-spacing: -0.02em; } .offer-head p { margin: 16px auto 0; color: #3f4664; font-size: 1.06rem; line-height: 1.62; } .offer-grid { display: grid; grid-template-columns: repeat(3, minmax(240px, 1fr)); gap: 20px; } .offer-card { position: relative; border-radius: 15px; border: 1px solid rgba(214, 210, 236, 0.94); background: linear-gradient(145deg, rgba(255, 255, 255, 0.97), rgba(248, 246, 253, 0.93)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.97), 0 12px 24px rgba(56, 47, 102, 0.11); padding: 24px 22px 24px; display: grid; align-content: start; min-height: 432px; } .offer-card--enterprise { background: linear-gradient(145deg, rgba(245, 249, 255, 0.98), rgba(239, 245, 255, 0.95)); } .offer-tier-row, .offer-plan-row { display: block; } .offer-tier-row { display: flex; align-items: center; min-height: 32px; gap: 10px; margin-bottom: 8px; } .offer-eyebrow { margin: 0; color: #1f2644; font-size: 0.88rem; line-height: 1.38; font-weight: 500; letter-spacing: 0; } .offer-plan { margin: 0 0 2px; color: #151a36; font-size: clamp(1.1rem, 1.8vw, 1.55rem); line-height: 1.28; letter-spacing: -0.01em; font-weight: 600; font-family: "IBM Plex Sans", var(--font-body); } .offer-badge { display: inline-flex; align-items: center; gap: 6px; padding: 5px 12px 6px 10px; border-radius: 999px; color: #fff; font-size: 0.92rem; line-height: 1; font-weight: 600; background: linear-gradient(120deg, #a94df3, #d76df3); box-shadow: 0 8px 16px rgba(176, 98, 239, 0.34); } .offer-badge::before { content: ""; width: 14px; height: 14px; border-radius: 50%; border: 1.6px solid rgba(255, 255, 255, 0.95); box-sizing: border-box; display: inline-block; box-shadow: inset 0 0 0 3px rgba(255, 255, 255, 0.22); } .offer-badge--ghost { visibility: hidden; pointer-events: none; } .offer-price { margin: 14px 0 0; display: inline-flex; align-items: flex-end; gap: 6px; } .offer-price strong { color: #030a1f; font-size: clamp(2.55rem, 4.3vw, 4.1rem); line-height: 0.94; letter-spacing: -0.03em; font-weight: 650; font-family: "IBM Plex Sans", var(--font-body); } .offer-price span { color: #696f88; font-size: 1.18rem; line-height: 1.2; margin-bottom: 8px; } .offer-cta { margin-top: 28px; width: fit-content; border: 0; border-radius: 999px; padding: 10px 22px 11px; color: #fff; font-size: 0.96rem; font-weight: 600; letter-spacing: -0.01em; background: linear-gradient(135deg, #4323b7, #6b4ecc); box-shadow: 0 2px 0 rgba(255, 255, 255, 0.62) inset, 0 9px 16px rgba(56, 40, 126, 0.36), 0 0 0 3px rgba(229, 227, 241, 0.9); cursor: pointer; transition: transform 0.2s ease, box-shadow 0.2s ease; } .offer-cta:hover, .offer-cta:focus-visible { transform: translateY(-1px); box-shadow: 0 2px 0 rgba(255, 255, 255, 0.7) inset, 0 12px 18px rgba(58, 42, 131, 0.4), 0 0 0 3px rgba(229, 227, 241, 0.9); } .offer-cta:focus-visible { outline: none; } .offer-card hr { border: 0; height: 1px; margin: 24px 0 24px; background: linear-gradient(90deg, rgba(188, 185, 208, 0.78), rgba(188, 185, 208, 0.28)); } .offer-lead { margin: 0 0 8px; color: #202743; font-size: 1.11rem; font-weight: 500; } .offer-card ul { list-style: none; margin: 0; padding: 0; display: grid; gap: 16px; } .offer-card li { position: relative; padding-left: 28px; color: #232a47; font-size: 0.95rem; line-height: 1.62; } .offer-card li::before { content: ""; position: absolute; left: 0; top: 1px; width: 19px; height: 19px; border-radius: 50%; border: 1px solid rgba(152, 153, 171, 0.82); background: linear-gradient(180deg, rgba(255, 255, 255, 0.86), rgba(242, 243, 249, 0.72)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.9); } .offer-card li::after { content: ""; position: absolute; left: 5px; top: 7px; width: 8px; height: 4px; border-left: 2px solid #8f929f; border-bottom: 2px solid #8f929f; transform: rotate(-45deg); } .placeholder { background: #ffffff; } .placeholder.alt { background: #ffffff; } .container { width: min(1120px, calc(100% - 48px)); margin: 10px auto 0; } .container h2 { margin: 0; font-size: clamp(1.8rem, 4vw, 3rem); } /* Global Type Scale Normalization (final override) */ .process-title, .features-section .features-intro h2, .usecases-section .usecases-head h2, .org-usecases-section .org-usecases-head h2, .coverage-head h2, .offer-head h2 { font-size: var(--type-headline); line-height: 1.14; letter-spacing: -0.02em; font-weight: 600; } .process-card h3, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .usecase-card h3, .org-card h3, .coverage1-copy h3, .coverage-chain-headline, .coverage-pane h3, .coverage-domains h3, .offer-plan { font-size: var(--type-subtitle); line-height: 1.18; letter-spacing: -0.012em; font-weight: 600; } .hero-desc, .features-intro p, .process-card p, .usecases-head p, .org-usecases-head p, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p { font-size: var(--type-support); line-height: 1.6; } /* Blue Palette Strategic Mapping */ .process-title, .features-section .features-intro h2, .usecases-section .usecases-head h2, .org-usecases-section .org-usecases-head h2, .coverage-head h2, .offer-head h2 { color: var(--blue-80); } .hero-desc, .features-intro p, .process-card p, .usecases-head p, .org-usecases-head p, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p { color: #23407f; } .hero-desc { color: rgba(221, 234, 255, 0.9); } .process-chip, .coverage-chip-title, .coverage1-chip { background: var(--blue-10); color: var(--blue-80); border-color: rgba(15, 98, 254, 0.24); } /* Section label beacon effect (aligned with chatbot beacon mood) */ .process-chip, .coverage-chip-title, .coverage1-chip { display: inline-flex; align-items: center; gap: 8px; position: relative; overflow: visible; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 2px 8px rgba(20, 35, 90, 0.12); } .process-chip::before, .coverage-chip-title::before, .coverage1-chip::before { content: ""; width: 9px; height: 9px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #f4e8ff, #b36bff 58%, #7a2dff 100%); box-shadow: 0 0 0 0 rgba(162, 94, 255, 0.42), 0 0 8px rgba(177, 108, 255, 0.84); animation: sectionChipDotPulse 1.2s ease-in-out infinite; flex: 0 0 9px; } .process-chip::after, .coverage-chip-title::after, .coverage1-chip::after { content: ""; position: absolute; left: 12px; top: 50%; width: 19px; height: 19px; border-radius: 50%; border: 1px solid rgba(189, 122, 255, 0.7); opacity: 0; transform: translate(-50%, -50%) scale(0.72); animation: sectionChipDotRing 1.2s ease-out infinite; pointer-events: none; } @keyframes sectionChipDotPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(167, 99, 255, 0.34), 0 0 8px rgba(181, 114, 255, 0.72); transform: scale(1); } 50% { box-shadow: 0 0 0 6px rgba(172, 104, 255, 0.18), 0 0 14px rgba(187, 120, 255, 0.9); transform: scale(1.08); } } @keyframes sectionChipDotRing { 0% { opacity: 0.42; transform: translate(-50%, -50%) scale(0.72); } 70% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } 100% { opacity: 0; transform: translate(-50%, -50%) scale(1.5); } } .offer-cta, .coverage1-cta { background: linear-gradient(135deg, var(--blue-60), var(--blue-70)); } .offer-cta:hover, .offer-cta:focus-visible, .coverage1-cta:hover, .coverage1-cta:focus-visible { background: linear-gradient(135deg, var(--blue-70), var(--blue-80)); } .offer-cta:active, .coverage1-cta:active { background: var(--blue-80); } /* Design Cohesion Refresh */ .process-card, .features-mini-card, .features-hero-card, .features-large-card, .workflow-orbit, .dash-shell, .dash-card, .mock-code, .mock-chat, .report-head, .report-body, .consult-head, .consult-body, .node, .ai-consult-body .ai-node, .coverage-pane--data .coverage-flow-panel, .coverage-pane--data .flow-item, .offer-card, .offer-card--enterprise, .chain-detail { background: linear-gradient(180deg, rgba(255, 255, 255, 0.9), rgba(244, 249, 255, 0.82)); border-color: rgba(15, 98, 254, 0.18); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 20px rgba(0, 45, 156, 0.08); } .process-card h3, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .usecase-card h3, .org-card h3, .coverage1-copy h3, .coverage-chain-headline, .coverage-pane h3, .coverage-domains h3, .offer-plan, .report-filename, .consult-title { color: #0f2f76; } .features-mini-card p, .features-hero-card p, .features-large-card p, .process-card p, .usecase-card p, .org-card li, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p, .offer-card li, .flow-item b { color: #2e4f90; } .features-hero-card .dashboard-label, .features-hero-card .dashboard-note, .coverage-pane--data .flow-col-title, .usecases-index { color: #0f62fe; } .mini-icon, .usecase-icon, .org-icon, .flow-item-icon { background: rgba(237, 245, 255, 0.72); border-color: rgba(15, 98, 254, 0.26); color: #0043ce; } .line-area { fill: rgba(15, 98, 254, 0.16); } .line-path { stroke: #0043ce; } .bubble, .mini-bubs i, .ai-node-bubble i, .report-led, .report-status { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.16); } .dash-card-bars span, .mini-bars i, .ai-node-chart i { background: linear-gradient(180deg, #0f62fe, #0043ce); } .dash-card-hbars span, .report-lines span, .tline, .ai-node-text u { background: linear-gradient(90deg, rgba(15, 98, 254, 0.9), rgba(0, 67, 206, 0.7)); } .report-lines::after { background: #0043ce; box-shadow: 0 0 8px rgba(0, 67, 206, 0.45); } .topbar-line, .dash-side span, .dash-card-bubble::before, .dash-card-bubble::after, .report-body::before { background: rgba(15, 98, 254, 0.24); } .topbar-dot, .consult-dot, .coverage-pane--data .flow-col-title::before { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); } .node-core, .ai-node-core { background: linear-gradient(135deg, rgba(237, 245, 255, 0.98), rgba(207, 229, 255, 0.95)); border-color: rgba(0, 67, 206, 0.34); color: #002d9c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 20px rgba(0, 45, 156, 0.18); } .node-core span { color: #002d9c; } .coverage-chip-title::before, .coverage1-chip::before { background: linear-gradient(180deg, #0f62fe, #002d9c); } /* Mystic Deeptech Mood Override */ .process-card:nth-child(2) { background: linear-gradient(145deg, rgba(255, 255, 255, 0.94), rgba(241, 248, 255, 0.86)), radial-gradient(circle at 88% -12%, rgba(95, 141, 255, 0.16), rgba(95, 141, 255, 0)); border-color: rgba(18, 73, 216, 0.24); } .process-title, .features-section .features-intro h2, .usecases-section .usecases-head h2, .org-usecases-section .org-usecases-head h2, .coverage-head h2, .offer-head h2, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .coverage1-copy h3, .coverage-chain-headline, .coverage-pane h3, .offer-plan { color: var(--mystic-ink); } .features-mini-card p, .features-hero-card p, .features-large-card p, .process-card p, .usecase-card p, .org-card li, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p, .offer-card li { color: #34579b; } .process-card, .features-mini-card, .features-hero-card, .features-large-card, .workflow-orbit, .dash-shell, .dash-card, .mock-code, .mock-chat, .report-head, .report-body, .consult-head, .consult-body, .node, .ai-consult-body .ai-node, .coverage-pane--data .coverage-flow-panel, .coverage-pane--data .flow-item, .offer-card, .offer-card--enterprise, .chain-detail { background: linear-gradient(160deg, rgba(255, 255, 255, 0.94), rgba(241, 248, 255, 0.86)), radial-gradient(circle at 80% -10%, rgba(95, 141, 255, 0.14), rgba(95, 141, 255, 0)); border-color: rgba(18, 73, 216, 0.24); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 14px 28px rgba(10, 45, 143, 0.1); } .mini-icon, .usecase-icon, .org-icon, .flow-item-icon { background: linear-gradient(180deg, rgba(232, 241, 255, 0.86), rgba(220, 235, 255, 0.68)); border-color: rgba(27, 99, 255, 0.3); color: var(--blue-70); } .line-area { fill: rgba(27, 99, 255, 0.18); } .line-path { stroke: var(--blue-70); } .dash-card-bars span, .mini-bars i, .ai-node-chart i { background: linear-gradient(180deg, var(--mystic-glow), var(--blue-70)); } .dash-card-hbars span, .report-lines span, .tline, .ai-node-text u { background: linear-gradient(90deg, rgba(111, 201, 255, 0.8), rgba(27, 99, 255, 0.74), rgba(18, 73, 216, 0.68)); } .bubble, .mini-bubs i, .ai-node-bubble i, .report-led, .report-status, .topbar-dot, .consult-dot, .coverage-pane--data .flow-col-title::before { background: radial-gradient(circle at 30% 30%, #ffffff, var(--mystic-glow)); box-shadow: 0 0 0 3px rgba(95, 141, 255, 0.18); } .node-core, .ai-node-core { background: linear-gradient(135deg, rgba(233, 243, 255, 0.98), rgba(206, 226, 255, 0.95)); border-color: rgba(18, 73, 216, 0.34); color: var(--mystic-ink); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 12px 24px rgba(18, 73, 216, 0.2); } /* Deeptech Luxury Balance */ .process-title, .features-section .features-intro h2, .usecases-section .usecases-head h2, .org-usecases-section .org-usecases-head h2, .coverage-head h2, .offer-head h2, .features-mini-card h3, .features-hero-card h3, .features-large-card h3, .coverage1-copy h3, .coverage-chain-headline, .coverage-pane h3, .offer-plan, .process-card h3, .usecase-card h3, .org-card h3 { color: #001d6e; } .features-mini-card p, .features-hero-card p, .features-large-card p, .process-card p, .usecase-card p, .org-card li, .coverage-head p, .coverage1-desc, .coverage-chain-sub, .offer-head p, .offer-card li, .flow-item b { color: #27457f; } .process-card, .features-mini-card, .features-hero-card, .features-large-card, .workflow-orbit, .dash-shell, .dash-card, .mock-code, .mock-chat, .report-head, .report-body, .consult-head, .consult-body, .node, .ai-consult-body .ai-node, .coverage-pane--data .coverage-flow-panel, .coverage-pane--data .flow-item, .offer-card, .offer-card--enterprise, .chain-detail { background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(241, 246, 255, 0.82)), radial-gradient(circle at 80% -10%, rgba(10, 45, 156, 0.1), rgba(10, 45, 156, 0)); border-color: rgba(0, 67, 206, 0.26); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 14px 28px rgba(0, 45, 156, 0.14); } .mini-icon, .usecase-icon, .org-icon, .flow-item-icon { background: linear-gradient(180deg, rgba(237, 245, 255, 0.82), rgba(224, 236, 255, 0.62)); border-color: rgba(0, 67, 206, 0.28); color: #002d9c; } .dash-card-bars span, .mini-bars i, .ai-node-chart i { background: linear-gradient(180deg, #0f62fe, #002d9c); } .dash-card-hbars span, .report-lines span, .tline, .ai-node-text u { background: linear-gradient(90deg, rgba(0, 67, 206, 0.84), rgba(0, 45, 156, 0.76)); } .bubble, .mini-bubs i, .ai-node-bubble i, .report-led, .report-status, .topbar-dot, .consult-dot, .coverage-pane--data .flow-col-title::before { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.14); } .line-path { stroke: #002d9c; } .line-area { fill: rgba(0, 67, 206, 0.15); } /* remove white bullet marker in usecases */ .usecase-card:nth-child(odd)::after { display: none; } @media (max-width: 980px) { .coverage-head, .coverage1-copy, .coverage-pane--chain { text-align: left; } .coverage-chain-sub { margin-left: 0; margin-right: 0; max-width: none; } .coverage-chain-map::before { top: -228px; height: 238px; } .coverage-chain-map::after { left: 4%; right: 4%; } .coverage-chain-map { --top-drop-x: 72%; } .process-grid { grid-template-columns: 1fr; } .process-card { min-height: 0; } .features-top, .features-bottom, .features-mini-grid, .usecases-grid, .org-cards { grid-template-columns: 1fr; } .usecases-content { grid-template-columns: 1fr; gap: 20px; } .usecases-head { text-align: center; position: static; top: auto; } .org-usecases-content { grid-template-columns: 1fr; gap: 20px; } .org-usecases-head { max-width: 100%; text-align: center; position: static; top: auto; order: -1; } .features-pills { margin-top: 8px; } .usecases-grid { gap: 14px; padding-top: 0; } .usecases-layout { padding-left: 0; } .usecases-layout::before, .usecases-grid::before, .usecase-card:nth-child(odd)::before, .usecase-card:nth-child(odd)::after { display: none; } .usecases-metro-line { display: none; } .usecase-dot { display: none; } .hero-visual { width: min(860px, 92%); } .hero-tag { display: none; } .hero-chart-overlay { display: none; } .org-chart { padding-top: 0; } .org-ceo, .org-chart-line, .org-card::before { display: none; } .coverage-data-map { min-height: 540px; gap: 16px; padding: 0; } .coverage-flow-panel { height: 390px; padding: 14px; } .coverage-flow-grid { grid-template-columns: 1fr; gap: 12px; } .flow-column { height: 110px; } .flow-track { grid-auto-flow: column; grid-auto-columns: max-content; } .flow-column.flow-up .flow-track, .flow-column.flow-down .flow-track { animation: none; } .chain-detail { width: 100%; } .chain-connector-v, .chain-connector-h, .chain-connector-v2 { display: none; } .offer-grid { grid-template-columns: 1fr; gap: 14px; } .offer-head p { margin-top: 12px; font-size: 0.98rem; } .offer-card { min-height: 0; } .offer-badge { position: static; margin-top: 0; } } /* CTA section */ .cta-section { position: relative; padding: clamp(72px, 8vw, 106px) 0 clamp(96px, 10vw, 132px); background: var(--section-surface); } .cta-wrap { max-width: 740px; text-align: left; border-radius: 18px; border: 1px solid rgba(18, 73, 216, 0.18); background: linear-gradient(160deg, rgba(255, 255, 255, 0.96), rgba(245, 250, 255, 0.9)), radial-gradient(circle at 90% -14%, rgba(95, 141, 255, 0.11), rgba(95, 141, 255, 0)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.96), 0 12px 22px rgba(10, 45, 143, 0.1); padding: clamp(18px, 2.6vw, 24px) clamp(14px, 2.8vw, 22px); margin: 0 auto; position: relative; overflow: visible; } .cta-title-wrap { max-width: 980px; margin: 0 auto 10px; } .cta-title-wrap > .cta-section-title { margin: 0; color: #001d6e; font-family: "IBM Plex Sans", var(--font-body); font-size: clamp(1.22rem, 2.2vw, 2.05rem); line-height: 1.18; letter-spacing: -0.01em; text-align: center; white-space: normal; } .cta-section-title-small { display: block; margin-bottom: 6px; color: #2e4f90; font-size: clamp(0.88rem, 1.25vw, 1rem); font-weight: 600; letter-spacing: 0.01em; } .cta-section-title-main { display: block; font-size: clamp(0.86rem, 1.7vw, 1.8rem); line-height: 1.2; letter-spacing: -0.01em; white-space: nowrap; } .cta-wrap .cta-intro { margin: 0; max-width: 70ch; color: #2e4f90; font-size: 0.92rem; line-height: 1.55; } .cta-form { margin-top: 8px; } .cta-form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; } .cta-field--benefit.is-removed { display: none !important; } .cta-field { display: grid; gap: 5px; } .cta-field span { color: #18427f; font-size: 0.88rem; font-weight: 600; letter-spacing: 0.01em; } .cta-field input, .cta-field select, .cta-field textarea { width: 100%; border-radius: 10px; border: 1px solid rgba(18, 73, 216, 0.22); background: rgba(255, 255, 255, 0.82); color: #14356f; font-size: 0.88rem; line-height: 1.45; padding: 9px 11px; outline: none; } .cta-field textarea { resize: vertical; min-height: 84px; } .cta-field input::placeholder { color: #5d78a6; } .cta-field input:focus, .cta-field select:focus, .cta-field textarea:focus { border-color: rgba(18, 73, 216, 0.52); box-shadow: 0 0 0 3px rgba(18, 73, 216, 0.12); } .cta-field--full { grid-column: 1 / -1; } .cta-form-actions { margin-top: 10px; display: flex; justify-content: flex-end; } .cta-form-status { margin: 10px 2px 0; min-height: 1.3em; color: #2f4f90; font-size: 0.86rem; line-height: 1.45; } .cta-btn { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; padding: 0 17px; border-radius: 999px; text-decoration: none; font-weight: 600; font-size: 0.88rem; letter-spacing: -0.01em; transition: transform 0.2s ease, box-shadow 0.2s ease, background 0.2s ease; border: 0; cursor: pointer; } .cta-btn--primary { color: #fff; background: linear-gradient(135deg, var(--blue-60), var(--blue-70)); box-shadow: 0 8px 18px rgba(18, 73, 216, 0.24); } .cta-btn--primary:hover, .cta-btn--primary:focus-visible { transform: translateY(-1px); background: linear-gradient(135deg, var(--blue-70), var(--blue-80)); } .cta-btn--ghost { color: #0f2f76; border: 1px solid rgba(18, 73, 216, 0.3); background: rgba(255, 255, 255, 0.72); } .cta-btn--ghost:hover, .cta-btn--ghost:focus-visible { transform: translateY(-1px); background: rgba(237, 245, 255, 0.9); } @media (max-width: 860px) { .cta-title-wrap > .cta-section-title { white-space: normal; } .cta-form-grid { grid-template-columns: 1fr; } .cta-form-actions { justify-content: stretch; } .cta-form-actions .cta-btn { width: 100%; } } /* Company section */ .company-section { position: relative; padding: clamp(40px, 5vw, 64px) 0 clamp(56px, 6vw, 84px); background: var(--section-surface); } .company-wrap { border-top: 1px solid rgba(18, 73, 216, 0.18); padding-top: 22px; } .company-topline { display: inline-flex; align-items: center; gap: 12px; color: #0f62fe; font-size: 0.95rem; font-weight: 700; letter-spacing: 0.08em; } .company-topline i { display: block; width: 56px; height: 1px; background: linear-gradient(90deg, rgba(18, 73, 216, 0.34), rgba(18, 73, 216, 0.08)); } .company-main { margin-top: 14px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); gap: 26px; align-items: start; } .company-brand h2 { margin: 0; color: #143b86; font-family: "Orbitron Local", "Orbitron", "IBM Plex Sans", var(--font-body); font-weight: 700; font-size: clamp(2rem, 3.6vw, 3.05rem); line-height: 1.02; letter-spacing: -0.02em; } .company-wordmark { display: block; margin: 0; } .company-wordmark img { display: block; width: min(100%, 320px); height: auto; } .company-brand h3 { margin: 10px 0 0; color: #173f88; font-size: 1.04rem; line-height: 1.35; } .company-brand p { margin: 16px 0 0; color: #496598; font-size: 0.98rem; line-height: 1.6; } .company-meta { display: grid; gap: 0; } .company-row { display: grid; grid-template-columns: minmax(180px, 210px) 1fr; align-items: start; gap: 14px; padding: 8px 0 11px; border-bottom: 1px solid rgba(18, 73, 216, 0.14); } .company-row:last-child { border-bottom: 0; } .company-row b { color: #0f62fe; font-size: 0.78rem; letter-spacing: 0.11em; font-weight: 700; } .company-row a, .company-row p { margin: 0; color: #4d6895; font-size: 1rem; line-height: 1.55; text-decoration: none; } .company-address { white-space: nowrap; word-break: keep-all; } .company-row a:hover { color: #1249d8; } .company-tags { margin-top: 16px; padding-top: 12px; border-top: 1px solid rgba(18, 73, 216, 0.12); display: flex; flex-wrap: wrap; justify-content: center; gap: 10px 24px; } .company-tags span { position: relative; color: #4e6691; font-size: 0.95rem; line-height: 1.45; padding-left: 16px; } .company-tags span::before { content: ""; position: absolute; left: 0; top: 0.58em; width: 8px; height: 8px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #d9ebff, #6d9ef2 72%, #356dd6 100%); } @media (max-width: 980px) { .company-main { grid-template-columns: 1fr; gap: 16px; } .company-row { grid-template-columns: 1fr; gap: 6px; padding: 10px 0; } .company-brand h2 { font-size: clamp(1.72rem, 8vw, 2.36rem); } } /* Final tuning: compact tiles + cleaner type/color */ .coverage-pane--data .flow-col-title { color: #003087 !important; font-family: "IBM Plex Sans KR", "IBM Plex Sans", var(--font-body); font-weight: 700; letter-spacing: -0.01em; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .coverage-pane--data .flow-item b { color: #12326b !important; font-family: "Pretendard Variable", "Pretendard", "IBM Plex Sans KR", var(--font-body); font-weight: 600; letter-spacing: -0.012em; line-height: 1.28; text-rendering: optimizeLegibility; -webkit-font-smoothing: antialiased; } .coverage-pane--data .flow-item-icon { color: #2b58b7; } /* Offer card typography refinement */ .offer-card .offer-eyebrow { font-size: 0.8rem; line-height: 1.34; letter-spacing: 0.005em; } .offer-card .offer-plan { font-size: clamp(0.98rem, 1.18vw, 1.26rem) !important; line-height: 1.24; letter-spacing: -0.008em; font-weight: 600; } .offer-card .offer-cta { font-size: 0.9rem; padding: 9px 20px 10px; } .offer-card li { font-size: 0.88rem; line-height: 1.52; } /* Features spacing refresh */ @media (min-width: 981px) { .features-wrap { gap: 30px; } .features-top { gap: 30px; align-items: end; } .features-bottom { margin-top: 6px; gap: 30px; } .features-mini-grid { margin-top: 34px; gap: 22px; } .features-mini-card, .features-large-card { padding: 26px 24px; } .features-hero-card { padding: 28px 26px 24px; } .features-mini-card p, .features-hero-card p, .features-large-card p { font-size: 1.06rem; line-height: 1.6; } .features-large-card > p { font-size: 1.06rem; } .mock-code, .mock-chat { margin-top: 20px; } } /* Offer visual refresh: compact + fresh */ .offer-section .offer-grid { gap: 24px; } .offer-section .offer-card { min-height: 334px; padding: 30px 22px 20px; border-radius: 16px; border: 1px solid rgba(15, 98, 254, 0.24); background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(240, 247, 255, 0.9)), radial-gradient(circle at 88% -12%, rgba(111, 201, 255, 0.18), rgba(111, 201, 255, 0)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 22px rgba(10, 45, 143, 0.12); } .offer-section .offer-card--enterprise, .offer-section .offer-card--pro { background: linear-gradient(165deg, rgba(255, 255, 255, 0.96), rgba(236, 246, 255, 0.92)), radial-gradient(circle at 88% -12%, rgba(95, 141, 255, 0.16), rgba(95, 141, 255, 0)); } .offer-section .offer-eyebrow { color: #2e4f90; } .offer-section .offer-tier-row { margin-bottom: 12px; } .offer-section .offer-plan { margin: 0 0 10px; color: #0f2f76; } .offer-section .offer-card hr { margin: 24px 0 18px; background: linear-gradient(90deg, rgba(18, 73, 216, 0.24), rgba(18, 73, 216, 0.08)); } .offer-section .offer-card ul { gap: 14px; } .offer-section .offer-card li { color: #2e4f90; } .offer-section .offer-card li::before { border-color: rgba(18, 73, 216, 0.34); background: linear-gradient(180deg, rgba(255, 255, 255, 0.92), rgba(232, 241, 255, 0.82)); } .offer-section .offer-card li::after { border-left-color: #1b63ff; border-bottom-color: #1b63ff; } .offer-section .offer-badge { background: linear-gradient(120deg, #4f88ff, #2c66e0); box-shadow: 0 8px 14px rgba(27, 99, 255, 0.26); } .offer-card--access { display: flex; flex-direction: column; } .offer-card-access { margin-top: auto; padding-top: 14px; display: flex; justify-content: flex-end; } .offer-access-link { display: inline-flex; align-items: center; min-height: 34px; padding: 0 14px; border-radius: 999px; border: 1px solid rgba(18, 73, 216, 0.32); background: linear-gradient(135deg, rgba(232, 242, 255, 0.96), rgba(214, 231, 255, 0.92)); color: #0f3f93; text-decoration: none; font-size: 0.8rem; font-weight: 600; letter-spacing: -0.005em; box-shadow: 0 6px 12px rgba(18, 73, 216, 0.14); transition: transform 0.18s ease, box-shadow 0.18s ease, background 0.18s ease; } .offer-access-link:hover, .offer-access-link:focus-visible { transform: translateY(-1px); background: linear-gradient(135deg, rgba(238, 247, 255, 0.98), rgba(222, 236, 255, 0.94)); box-shadow: 0 8px 14px rgba(18, 73, 216, 0.2); } /* Key Feature card title typography: premium B2B tone */ .features-section .features-mini-card h3, .features-section .features-hero-card h3, .features-section .features-large-card h3 { font-family: "IBM Plex Sans KR", "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; font-weight: 620; letter-spacing: -0.014em; line-height: 1.2; } /* Fresh SaaS tone for key feature card titles */ .features-section .features-mini-card .feature-title-inline h3, .features-section .features-hero-card .feature-title-inline h3, .features-section .features-large-card .feature-title-inline h3 { font-family: "IBM Plex Sans KR", "Pretendard Variable", "Pretendard", "IBM Plex Sans", "Segoe UI", sans-serif; font-weight: 650; letter-spacing: -0.018em; line-height: 1.14; color: #0b2e73; } .features-section .features-mini-card p, .features-section .features-hero-card p, .features-section .features-large-card p { font-family: "Pretendard Variable", "Pretendard", "IBM Plex Sans KR", "Segoe UI", sans-serif; } /* Key Features mini cards: airy list-style redesign */ .features-section .features-mini-grid { margin-top: 30px; gap: 0; border-radius: 18px; border: 1px solid rgba(150, 177, 230, 0.35); background: radial-gradient(circle at 12% -8%, rgba(112, 166, 255, 0.14), rgba(112, 166, 255, 0)), linear-gradient(160deg, rgba(247, 251, 255, 0.96), rgba(240, 247, 255, 0.92)); overflow: hidden; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), 0 12px 24px rgba(16, 74, 164, 0.09); } .features-section .features-mini-card { padding: 20px 22px 18px; border: 0; border-radius: 0; background: transparent; box-shadow: none; backdrop-filter: none; } .features-section .features-mini-card + .features-mini-card { border-left: 1px solid rgba(150, 177, 230, 0.28); } .features-section .features-mini-card .feature-title-inline--mini { margin-bottom: 8px; } .features-section .features-mini-card .feature-title-inline--mini .mini-icon { width: 40px; height: 40px; border-radius: 10px; border: 0; background: rgba(18, 88, 204, 0.08); color: #1456ba; box-shadow: none; } .features-section .features-mini-card .mini-icon-glyph { width: 21px; height: 21px; stroke-width: 1.9; } .features-section .features-mini-card .feature-title-inline--mini h3 { color: #0d2f74; font-size: clamp(1rem, 1.2vw, 1.28rem); } .features-section .features-mini-card p { color: #2e4a7b; line-height: 1.56; } @media (max-width: 980px) { .features-section .features-mini-grid { border-radius: 16px; } .features-section .features-mini-card { padding: 18px 18px 16px; } } @media (max-width: 760px) { .features-section .features-mini-grid { grid-template-columns: 1fr; } .features-section .features-mini-card + .features-mini-card { border-left: 0; border-top: 1px solid rgba(150, 177, 230, 0.28); } } /* KEY FEATURES declutter: keep outer cards, remove inner box stacking */ .features-section .features-mini-grid { border: 0; border-radius: 0; background: transparent; box-shadow: none; } .features-section .features-hero-card, .features-section .features-large-card { border: 1px solid rgba(128, 160, 220, 0.34); background: linear-gradient(170deg, rgba(250, 253, 255, 0.94), rgba(244, 249, 255, 0.9)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.82), 0 8px 18px rgba(20, 64, 140, 0.08); } .features-section .workflow-orbit, .features-section .mock-code, .features-section .mock-chat { border: 0; background: rgba(255, 255, 255, 0.28); box-shadow: none; backdrop-filter: none; } .features-section .dash-shell, .features-section .dash-card, .features-section .report-head, .features-section .report-body, .features-section .ai-consult-body .ai-node { border-color: rgba(128, 160, 220, 0.3); background: rgba(255, 255, 255, 0.2); box-shadow: none; } .features-section .features-mini-card .feature-title-inline--mini .mini-icon { background: rgba(18, 88, 204, 0.06); } @media (max-width: 760px) { .site-header { padding: 8px 0; } .site-header-inner { align-items: flex-start; flex-direction: column; gap: 8px; } .site-logo img { width: clamp(132px, 42vw, 176px); } .site-nav { width: 100%; flex-wrap: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch; padding-bottom: 2px; } .site-nav a { white-space: nowrap; } .site-lang { margin-left: 0; padding: 5px 6px; align-self: flex-end; } body { padding-top: 112px; } section[id] { scroll-margin-top: 124px; } } /* Chatbot */ .chip-chatbot { position: fixed; right: 18px; bottom: 18px; z-index: 1300; } .chip-chatbot-launcher { display: inline-flex; align-items: center; gap: 8px; min-height: 42px; padding: 0 14px; border: 1px solid rgba(137, 200, 255, 0.38); border-radius: 999px; background: linear-gradient(140deg, #0e2d72, #16439d); color: #e9f5ff; font-weight: 700; font-size: 0.94rem; letter-spacing: -0.01em; cursor: pointer; box-shadow: 0 12px 24px rgba(4, 24, 72, 0.34); font-family: "IBM Plex Sans", var(--font-body); } .chip-chatbot-launcher-dot { position: relative; width: 10px; height: 10px; flex: 0 0 10px; border-radius: 50%; background: radial-gradient(circle at 30% 30%, #f4e8ff, #b36bff 58%, #7a2dff 100%); box-shadow: 0 0 0 0 rgba(162, 94, 255, 0.52), 0 0 12px rgba(177, 108, 255, 0.94); animation: chatbotBeaconPulse 1.15s ease-in-out infinite; } .chip-chatbot-launcher-dot::after { content: ""; position: absolute; inset: -6px; border-radius: 50%; border: 1px solid rgba(189, 122, 255, 0.72); opacity: 0; transform: scale(0.7); animation: chatbotBeaconRing 1.15s ease-out infinite; } .chip-chatbot-launcher > span:last-child { font-family: "IBM Plex Sans", var(--font-body); font-weight: 600; letter-spacing: 0.11em; text-transform: uppercase; } @keyframes chatbotBeaconPulse { 0%, 100% { box-shadow: 0 0 0 0 rgba(167, 99, 255, 0.44), 0 0 10px rgba(181, 114, 255, 0.8); transform: scale(1); } 50% { box-shadow: 0 0 0 8px rgba(172, 104, 255, 0.24), 0 0 20px rgba(187, 120, 255, 0.98); transform: scale(1.13); } } @keyframes chatbotBeaconRing { 0% { opacity: 0.42; transform: scale(0.72); } 70% { opacity: 0; transform: scale(1.5); } 100% { opacity: 0; transform: scale(1.5); } } .chip-chatbot-panel { width: min(440px, calc(100vw - 24px)); margin-top: 10px; border-radius: 16px; border: 1px solid rgba(18, 73, 216, 0.24); background: linear-gradient(165deg, rgba(255, 255, 255, 0.98), rgba(241, 248, 255, 0.95)); box-shadow: 0 18px 34px rgba(10, 45, 143, 0.22); overflow: hidden; } .chip-chatbot-head { display: flex; align-items: center; justify-content: space-between; padding: 12px 14px; border-bottom: 1px solid rgba(18, 73, 216, 0.16); background: linear-gradient(180deg, rgba(226, 239, 255, 0.9), rgba(239, 247, 255, 0.72)); } .chip-chatbot-head h3 { margin: 0; color: #0f2f76; font-size: 1rem; font-weight: 700; } .chip-chatbot-close { width: 26px; height: 26px; border: 0; border-radius: 50%; background: rgba(20, 67, 153, 0.14); color: #1b4b9c; font-size: 1.1rem; line-height: 1; cursor: pointer; } .chip-chatbot-body { padding: 12px; max-height: 430px; min-height: 300px; overflow: auto; display: grid; gap: 8px; } .chip-chatbot-intro { margin: 0; padding: 10px 12px; border-radius: 10px; background: linear-gradient(145deg, rgba(238, 246, 255, 0.88), rgba(231, 246, 255, 0.9)); color: #31518f; font-size: 0.86rem; line-height: 1.46; } .chip-chatbot-quick { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 8px; } .chip-chatbot-quick button { border: 1px solid rgba(134, 163, 212, 0.32); background: linear-gradient(180deg, rgba(255, 255, 255, 0.98), rgba(244, 250, 255, 0.96)), radial-gradient(circle at 18% 0%, rgba(198, 160, 255, 0.12), rgba(198, 160, 255, 0)); color: #4a6596; border-radius: 999px; padding: 6px 11px; font-size: 0.76rem; font-weight: 500; cursor: pointer; letter-spacing: -0.005em; box-shadow: 0 2px 6px rgba(148, 171, 212, 0.16); transition: transform 0.16s ease, background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease, box-shadow 0.18s ease; } .chip-chatbot-quick button:hover, .chip-chatbot-quick button:focus-visible { transform: translateY(-1px); background: linear-gradient(180deg, rgba(255, 255, 255, 0.99), rgba(239, 248, 255, 0.97)), radial-gradient(circle at 18% 0%, rgba(187, 136, 255, 0.18), rgba(187, 136, 255, 0)); color: #3f5a8f; border-color: rgba(122, 150, 204, 0.42); box-shadow: 0 4px 10px rgba(144, 168, 210, 0.2); } .chip-chatbot-msg { max-width: 90%; padding: 9px 11px; border-radius: 10px; font-size: 0.84rem; line-height: 1.45; white-space: pre-line; } .chip-chatbot-msg--user { margin-left: auto; background: linear-gradient(140deg, #6f72ff, #4ea7ff); color: #fff; } .chip-chatbot-msg--bot { margin-right: auto; background: linear-gradient(145deg, rgba(238, 245, 255, 0.92), rgba(236, 233, 255, 0.88)); color: #36518a; } .chip-chatbot-form { display: grid; grid-template-columns: 1fr auto; gap: 8px; padding: 10px 12px 12px; border-top: 1px solid rgba(18, 73, 216, 0.14); } .chip-chatbot-form .chip-chatbot-quick { grid-column: 1 / -1; } .chip-chatbot-form input { width: 100%; border-radius: 9px; border: 1px solid rgba(131, 134, 244, 0.26); background: rgba(255, 255, 255, 0.98); color: #3c5288; font-size: 0.82rem; padding: 8px 10px; } .chip-chatbot-form button { border: 0; border-radius: 9px; padding: 0 11px; min-height: 34px; background: linear-gradient(135deg, #e9f2ff, #dcecff); color: #4a679d; font-size: 0.78rem; font-weight: 500; cursor: pointer; letter-spacing: -0.005em; border: 1px solid rgba(128, 156, 209, 0.34); box-shadow: 0 3px 8px rgba(151, 173, 214, 0.18); } .chip-chatbot-form button:hover, .chip-chatbot-form button:focus-visible { background: linear-gradient(135deg, #f0f6ff, #e3f0ff); color: #3f5c92; border-color: rgba(116, 145, 201, 0.44); } @media (max-width: 760px) { .chip-chatbot { right: 12px; bottom: 12px; } .chip-chatbot-panel { width: min(392px, calc(100vw - 20px)); } } /* 2026-04-08: Feature layout + typography sync */ :root { --chip-pulse-title-color: #0b2458; --chip-pulse-title-font: "Plus Jakarta Sans", "IBM Plex Sans KR", "IBM Plex Sans", "Pretendard Variable", "Pretendard", "Segoe UI", sans-serif; --features-column-gap: 28px; --features-stack-gap: 20px; --features-right-offset: 0px; } .process-title, .features-section .features-intro h2, .usecases-head h2, .org-usecases-head h2, .coverage-head h2, .offer-head h2, .features-section .feature-title-inline h3, .features-section .features-mini-card .feature-title-inline--mini h3 { color: var(--chip-pulse-title-color); font-family: var(--chip-pulse-title-font); letter-spacing: -0.02em; } main > section:not(.hero) h2, main > section:not(.hero) h3 { color: var(--chip-pulse-title-color) !important; font-family: var(--chip-pulse-title-font) !important; } main > section:not(.hero) .feature-title-inline h3, main > section:not(.hero) .features-mini-card h3, main > section:not(.hero) .usecase-card h3, main > section:not(.hero) .org-card h3, main > section:not(.hero) .coverage1-copy h3 { color: var(--chip-pulse-title-color) !important; } .features-top { align-items: stretch; grid-auto-rows: 1fr; } .features-intro { display: grid; grid-template-rows: auto auto 1fr; height: 100%; padding: 14px 8px 0; } .features-section .features-intro h2 { margin: 0 0 18px; line-height: 1.14; font-weight: 600; max-width: none; font-size: clamp(1.96rem, 3.2vw, 3rem); } .features-intro > p { margin: 0; max-width: 95%; color: #2f4f90; font-size: 1.02rem; line-height: 1.4; letter-spacing: -0.004em; } .features-intro > p + p { margin-top: 8px; } .features-mini-grid { align-self: end; margin-top: 0; padding-top: 14px; align-items: stretch; } .features-mini-card { min-height: 136px; padding: 18px 18px; } .features-bottom { align-items: end; } .features-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); column-gap: var(--features-column-gap); align-items: stretch; } .features-column { display: grid; row-gap: var(--features-stack-gap); align-content: start; min-width: 0; } .features-column-left { grid-template-rows: auto auto; } .features-column-right { grid-template-rows: auto auto; padding-top: var(--features-right-offset); height: auto; } .features-card-ai, .features-card-strategy, .features-card-report, .features-large-card, .features-hero-card { display: flex; flex-direction: column; } .features-card-ai .mock-chat, .features-card-strategy .workflow-orbit, .features-card-report .mock-code { margin-top: 14px; } .features-card-ai { margin-top: 0; display: flex; flex-direction: column; align-self: start; } .features-card-ai .mock-chat { height: auto; min-height: 0; background: transparent; box-shadow: none; border: 0; padding: 0; overflow: hidden; } .features-card-ai .report-scene { height: 100%; min-height: 0; padding: 10px 12px 10px; background: transparent; box-shadow: none; border: 0; gap: 10px; grid-template-rows: 34px 1fr; } .features-card-report { display: flex; flex-direction: column; align-self: start; } .features-card-report .mock-code { height: auto; min-height: 0; } .features-card-report .report-scene { height: 100%; min-height: 0; padding: 10px 12px 10px; grid-template-rows: 34px 1fr; } .features-card-report .report-body { min-height: 0; padding: 10px; } .features-card-report .report-chapters { gap: 6px; } .features-card-report .report-chapters span { padding: 6px 10px; font-size: 0.75rem; line-height: 1.2; border-color: rgba(18, 73, 216, 0.26); background: linear-gradient(90deg, rgba(233, 242, 255, 0.96), rgba(244, 249, 255, 0.92)); color: #3a5f9f; animation: none; opacity: 1; transform: none; } .features-card-report .report-lines { gap: 8px; } .features-card-report .report-lines::after { margin-top: -2px; } .features-card-strategy .workflow-orbit { min-height: 286px; padding: 12px; } .features-card-strategy .dash-shell { min-height: 258px; } .features-card-strategy .dash-grid { grid-template-rows: minmax(84px, 1fr) minmax(76px, 0.98fr); } .features-card-strategy .dash-card-bars, .features-card-strategy .dash-card-hbars { min-height: 72px; } .features-card-strategy > p, .features-card-ai > p, .features-card-report > p { color: #2f4f90; line-height: 1.45; } .features-card-strategy .dashboard-label { color: #1b4499; } .features-card-strategy .dashboard-note { color: #365fae; } .features-card-ai .report-scene { border-color: transparent; background: transparent; box-shadow: none; } .features-card-ai .report-head { border-color: rgba(18, 73, 216, 0.28); background: transparent; box-shadow: none; } .features-card-ai .report-led { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.15); } .features-card-ai .report-filename { color: #0f2f76; } .features-card-ai .report-status { background: #0f62fe; box-shadow: 0 0 8px rgba(15, 98, 254, 0.42); } .features-card-ai .report-body { border-color: rgba(18, 73, 216, 0.24); padding: 12px; background: radial-gradient(circle at 22% 72%, rgba(151, 193, 236, 0.18), rgba(151, 193, 236, 0) 42%), radial-gradient(circle at 78% 30%, rgba(95, 141, 255, 0.18), rgba(95, 141, 255, 0) 46%), transparent; } .features-card-ai .report-scene, .features-card-ai .report-head, .features-card-ai .report-body { backdrop-filter: none; } .features-card-ai .ai-consult-body .ai-link-svg path { stroke: rgba(0, 67, 206, 0.45); } .features-card-ai .ai-consult-body .ai-node { border-color: rgba(18, 73, 216, 0.24); background: linear-gradient(160deg, rgba(255, 255, 255, 0.95), rgba(241, 248, 255, 0.86)), radial-gradient(circle at 80% -10%, rgba(95, 141, 255, 0.12), rgba(95, 141, 255, 0)); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.92), 0 10px 20px rgba(0, 45, 156, 0.1); } .features-card-ai .ai-consult-body .ai-node span { color: #0f62fe; } .features-card-ai .ai-consult-body .ai-node b { color: #2f4f90; } .features-card-ai .ai-consult-body .ai-node-chart i { background: linear-gradient(180deg, #0f62fe, #0043ce); } .features-card-ai .ai-consult-body .ai-node-bubble i { background: radial-gradient(circle at 30% 30%, #ffffff, #0f62fe); box-shadow: 0 0 0 3px rgba(15, 98, 254, 0.14); } .features-card-ai .ai-consult-body .ai-node-text u { background: linear-gradient(90deg, rgba(0, 67, 206, 0.84), rgba(0, 45, 156, 0.76)); } .features-card-ai .ai-consult-body .ai-node-core { background: linear-gradient(135deg, rgba(237, 245, 255, 0.98), rgba(207, 229, 255, 0.95)); border-color: rgba(0, 67, 206, 0.34); color: #002d9c; box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.95), 0 10px 20px rgba(0, 45, 156, 0.18); } .features-card-ai .ai-consult-body .ai-flow { background: linear-gradient(180deg, #0f62fe, #002d9c); } @media (min-width: 901px) { .features-column-right { display: flex; flex-direction: column; align-items: stretch; justify-content: flex-end; gap: var(--features-stack-gap); height: 100%; } .features-column-right > .features-card-ai, .features-column-right > .features-card-report { min-height: 382px; display: grid; grid-template-rows: auto auto 1fr; width: 100%; align-self: stretch; } .features-column-right > .features-card-ai { margin-top: 0; } .features-column-right > .features-card-ai .mock-chat, .features-column-right > .features-card-report .mock-code { height: auto; min-height: 0; } } @media (max-width: 1100px) { .features-section .features-intro h2 { max-width: none; } .features-mini-grid { margin-top: 16px; padding-top: 10px; } } @media (max-width: 900px) { .features-grid { grid-template-columns: 1fr; } .features-column-right { padding-top: 0; } .features-intro { padding-top: 0; } .features-card-ai .mock-chat, .features-card-report .mock-code, .features-card-strategy .workflow-orbit { height: auto; min-height: 230px; } .features-card-strategy .dash-shell { min-height: 210px; } } /* Features readability redesign (no new boxes) */ :root { --features-column-gap: 34px; --features-stack-gap: 24px; } .features-section { padding-top: clamp(72px, 8vw, 104px); padding-bottom: clamp(72px, 8vw, 104px); } .features-wrap { gap: 26px; } .features-kicker-row { margin-bottom: 6px; } .features-grid { column-gap: var(--features-column-gap); } .features-column { row-gap: var(--features-stack-gap); } .features-intro { padding: 8px 10px 0; } .features-section .features-intro h2 { margin: 0 0 20px; font-size: clamp(2.1rem, 3.4vw, 3.15rem); line-height: 1.12; letter-spacing: -0.024em; max-width: 12ch; } .features-intro > p { max-width: 92%; color: #2a4f94; font-size: 1.05rem; line-height: 1.52; } .features-intro > p + p { margin-top: 10px; } .features-mini-grid { padding-top: 18px; gap: 16px; } .features-mini-card, .features-hero-card, .features-large-card { border: 1px solid rgba(128, 167, 232, 0.34); background: linear-gradient(180deg, rgba(252, 255, 255, 0.92), rgba(245, 251, 255, 0.9)); box-shadow: 0 10px 24px rgba(23, 71, 155, 0.08); } .features-mini-card { padding: 20px 20px; } .feature-title-inline { margin-bottom: 10px; } .features-section .feature-title-inline h3, .features-section .features-mini-card .feature-title-inline--mini h3 { letter-spacing: -0.018em; } .features-mini-card p, .features-card-ai > p, .features-card-report > p, .features-card-strategy > p { color: #355c9f; line-height: 1.5; } .features-card-strategy .dashboard-label { color: #1f4a9f; } .features-card-strategy .workflow-orbit, .features-card-report .report-scene, .features-card-ai .report-scene { margin-top: 16px; } .features-pills { margin-top: 4px; opacity: 0.92; } .features-pills-track span { border-color: rgba(125, 162, 226, 0.36); color: #4667a3; background: rgba(246, 251, 255, 0.8); } @media (max-width: 1100px) { .features-section .features-intro h2 { max-width: 14ch; } .features-intro > p { max-width: 100%; } } /* Features section full redesign (B2B SaaS) */ .features-layout { display: grid; grid-template-columns: minmax(320px, 0.44fr) minmax(0, 0.56fr); gap: 34px; align-items: start; } .features-rail { display: grid; gap: 22px; align-content: start; } .features-showcase { display: grid; gap: 22px; align-content: start; } .features-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; } .features-rail .features-intro { padding: 6px 4px 0; } .features-rail .features-mini-grid { margin-top: 0; padding-top: 0; } .features-showcase .features-hero-card, .features-showcase .features-large-card { width: 100%; } .features-showcase .features-card-ai, .features-showcase .features-card-report, .features-showcase .features-card-strategy { margin-top: 0; align-self: auto; } .features-showcase .features-card-ai .mock-chat, .features-showcase .features-card-report .mock-code, .features-showcase .features-card-strategy .workflow-orbit { margin-top: 14px; height: auto; min-height: 0; } .features-showcase .features-card-ai .report-scene, .features-showcase .features-card-report .report-scene { border: 1px solid rgba(128, 167, 232, 0.34); background: linear-gradient(180deg, rgba(252, 255, 255, 0.9), rgba(244, 249, 255, 0.88)); box-shadow: 0 10px 24px rgba(23, 71, 155, 0.08); } .features-showcase .features-card-ai .report-head { background: rgba(241, 248, 255, 0.86); } .features-showcase .features-card-ai .report-body { background: radial-gradient(circle at 22% 72%, rgba(151, 193, 236, 0.16), rgba(151, 193, 236, 0) 42%), radial-gradient(circle at 78% 30%, rgba(95, 141, 255, 0.16), rgba(95, 141, 255, 0) 46%), rgba(255, 255, 255, 0.62); } .features-showcase .features-card-report .report-chapters span { border-color: rgba(18, 73, 216, 0.24); background: linear-gradient(90deg, rgba(230, 240, 255, 0.92), rgba(241, 248, 255, 0.88)); color: #2f4f90; } @media (max-width: 1180px) { .features-layout { grid-template-columns: 1fr; gap: 24px; } .features-duo { grid-template-columns: 1fr; } } /* Hotfix: restore broken KEY FEATURES visuals after redesign */ .features-layout { grid-template-columns: minmax(320px, 0.42fr) minmax(0, 0.58fr); align-items: start; } .features-showcase .features-card-ai .mock-chat { height: auto !important; min-height: 244px; overflow: hidden; } .features-showcase .features-card-ai .report-scene { height: auto !important; min-height: 0; grid-template-rows: 34px auto; } .features-showcase .features-card-ai .report-body { min-height: 176px; } .features-showcase .features-card-strategy, .features-showcase .features-card-report { min-height: 0; } .features-showcase .features-card-strategy .workflow-orbit { min-height: 240px; } .features-showcase .features-card-report .report-scene { height: auto !important; min-height: 0; grid-template-rows: 34px auto; } .features-showcase .features-card-report .report-body { min-height: 176px; } .features-showcase .features-card-report .report-chapters span { color: #355c9f; } /* KEY FEATURES relayout v2: clear B2B SaaS structure, no squish */ .features-layout { display: grid; grid-template-rows: auto auto; gap: 26px; } .features-rail { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 0.95fr); gap: 24px; align-items: end; } .features-rail .features-intro { padding: 0; } .features-rail .features-mini-grid { margin: 0; padding: 0; gap: 14px; } .features-showcase { display: grid; grid-template-columns: minmax(0, 1.14fr) minmax(0, 0.86fr); gap: 22px; align-items: stretch; } .features-showcase .features-card-ai { margin: 0; align-self: stretch; } .features-showcase .features-duo { display: grid; grid-template-columns: 1fr; gap: 22px; align-content: start; } .features-showcase .features-card-strategy, .features-showcase .features-card-report { margin: 0; align-self: start; } .features-showcase .features-card-ai .mock-chat { min-height: 286px; height: auto !important; } .features-showcase .features-card-ai .report-scene { min-height: 286px; height: auto !important; grid-template-rows: 34px auto; } .features-showcase .features-card-ai .report-body { min-height: 214px; } .features-showcase .features-card-strategy .workflow-orbit { min-height: 210px; } .features-showcase .features-card-report .report-scene { min-height: 250px; height: auto !important; grid-template-rows: 34px auto; } .features-showcase .features-card-report .report-body { min-height: 182px; } @media (max-width: 1120px) { .features-rail { grid-template-columns: 1fr; gap: 18px; } .features-showcase { grid-template-columns: 1fr; gap: 18px; } .features-showcase .features-duo { grid-template-columns: 1fr; gap: 18px; } } /* Final fix: stable KEY FEATURES layout */ .features-layout { display: grid !important; grid-template-columns: minmax(340px, 0.44fr) minmax(0, 0.56fr) !important; gap: 32px !important; align-items: start !important; } .features-rail { display: grid !important; gap: 22px !important; align-content: start !important; } .features-rail .features-intro { padding: 2px 4px 0 !important; } .features-rail .features-mini-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; } .features-showcase { display: grid !important; gap: 20px !important; align-content: start !important; } .features-showcase > .features-card-ai { width: 100% !important; margin: 0 !important; align-self: start !important; } .features-showcase .features-duo { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; } .features-showcase .features-card-ai, .features-showcase .features-card-strategy, .features-showcase .features-card-report { min-height: 0 !important; margin: 0 !important; align-self: start !important; display: flex !important; flex-direction: column !important; } .features-showcase .features-card-ai .mock-chat { height: auto !important; min-height: 252px !important; overflow: hidden !important; } .features-showcase .features-card-ai .report-scene { height: auto !important; min-height: 0 !important; grid-template-rows: 34px auto !important; } .features-showcase .features-card-ai .report-body { min-height: 182px !important; } .features-showcase .features-card-strategy .workflow-orbit { min-height: 250px !important; } .features-showcase .features-card-report .mock-code { height: auto !important; min-height: 0 !important; } .features-showcase .features-card-report .report-scene { height: auto !important; min-height: 0 !important; grid-template-rows: 34px auto !important; } .features-showcase .features-card-report .report-body { min-height: 182px !important; } @media (max-width: 1180px) { .features-layout { grid-template-columns: 1fr !important; gap: 22px !important; } .features-rail .features-mini-grid, .features-showcase .features-duo { grid-template-columns: 1fr !important; gap: 16px !important; } } /* FINAL STABLE OVERRIDE: KEY FEATURES */ .features-section .features-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; align-items: start !important; } .features-section .features-rail { display: grid !important; grid-template-columns: 1fr !important; gap: 18px !important; align-items: start !important; } .features-section .features-rail .features-intro { padding: 0 !important; max-width: 760px; } .features-section .features-rail .features-mini-grid { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 14px !important; margin: 0 !important; padding: 0 !important; max-width: 860px; } .features-section .features-rail .features-mini-card { min-height: 124px; padding: 16px 16px; } .features-section .features-rail .features-mini-card p { line-height: 1.46; } .features-section .features-showcase { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; align-content: start !important; } .features-section .features-showcase > .features-card-ai { width: 100% !important; margin: 0 !important; } .features-section .features-showcase .features-duo { display: grid !important; grid-template-columns: 1fr 1fr !important; gap: 20px !important; } .features-section .features-showcase .features-card-ai, .features-section .features-showcase .features-card-strategy, .features-section .features-showcase .features-card-report { width: 100% !important; min-height: 0 !important; margin: 0 !important; align-self: start !important; } .features-section .features-showcase .features-card-ai .mock-chat { height: auto !important; min-height: 252px !important; overflow: hidden !important; } .features-section .features-showcase .features-card-ai .report-scene { height: auto !important; min-height: 0 !important; grid-template-rows: 34px auto !important; } .features-section .features-showcase .features-card-strategy .workflow-orbit { min-height: 246px !important; } .features-section .features-showcase .features-card-report .mock-code { height: auto !important; min-height: 0 !important; } .features-section .features-showcase .features-card-report .report-scene { height: auto !important; min-height: 0 !important; grid-template-rows: 34px auto !important; } @media (max-width: 1180px) { .features-section .features-layout { grid-template-columns: 1fr !important; gap: 20px !important; } .features-section .features-rail .features-mini-grid, .features-section .features-showcase .features-duo { grid-template-columns: 1fr !important; gap: 14px !important; } } /* FINAL OVERRIDE v2: AI size == Intelligence size + Metrics card */ .features-section .features-showcase { grid-template-columns: repeat(3, minmax(0, 1fr)) !important; gap: 20px !important; } .features-section .features-showcase > .features-card-ai { grid-column: 2 / 3 !important; min-height: 352px !important; } .features-section .features-showcase .features-duo { grid-column: 1 / -1 !important; grid-template-columns: repeat(3, minmax(0, 1fr)) !important; } .features-section .features-showcase .features-card-report, .features-section .features-showcase .features-card-metrics { min-height: 352px !important; } .features-card-metrics .metrics-scene { margin-top: 14px; min-height: 248px; border: 1px solid rgba(128, 167, 232, 0.34); border-radius: 12px; background: linear-gradient(180deg, rgba(252, 255, 255, 0.9), rgba(244, 249, 255, 0.88)); box-shadow: 0 10px 24px rgba(23, 71, 155, 0.08); display: grid; grid-template-rows: 34px 1fr; gap: 10px; padding: 10px 12px 14px; } .features-card-metrics .metrics-body { border: 1px solid rgba(18, 73, 216, 0.22); border-radius: 10px; background: rgba(255, 255, 255, 0.58); padding: 12px 12px 16px; display: grid; align-content: start; gap: 10px; overflow: visible; } .features-card-metrics .metrics-row { display: flex; justify-content: space-between; align-items: center; gap: 10px; padding-bottom: 8px; border-bottom: 1px solid rgba(125, 162, 226, 0.24); } .features-card-metrics .metrics-label { color: #4867a2; font-size: 0.82rem; font-weight: 600; } .features-card-metrics .metrics-live-value { color: #0f4fc2; font-size: 1.12rem; font-weight: 700; min-width: 34px; text-align: right; } .features-card-metrics .metrics-mini-bars { display: grid; gap: 8px; margin-top: 6px; margin-bottom: 2px; } .features-card-metrics .metrics-mini-bars span { width: var(--w); height: 9px; border-radius: 999px; background: linear-gradient(90deg, rgba(35, 92, 196, 0.88), rgba(109, 165, 255, 0.68)); } @media (max-width: 1180px) { .features-section .features-showcase { grid-template-columns: 1fr !important; } .features-section .features-showcase > .features-card-ai { grid-column: auto !important; } .features-section .features-showcase .features-duo { grid-column: auto !important; grid-template-columns: 1fr !important; } } /* FINAL OVERRIDE v4: intro readability and balance */ .features-section .features-layout { grid-template-columns: minmax(420px, 0.48fr) minmax(0, 0.52fr) !important; gap: 34px !important; } .features-section .features-rail { grid-template-columns: 1fr !important; gap: 20px !important; align-items: start !important; max-width: 820px; } .features-section .features-rail .features-intro { max-width: 760px; padding: 2px 2px 0 !important; } .features-section .features-rail .features-intro h2 { margin: 0 0 16px !important; max-width: none !important; font-size: clamp(2.25rem, 3.35vw, 3.35rem) !important; line-height: 1.08 !important; letter-spacing: -0.028em !important; word-break: keep-all; } .features-section .features-rail .features-intro > p { max-width: 92% !important; margin: 0 !important; color: #32589c !important; font-size: 1.04rem !important; line-height: 1.56 !important; letter-spacing: -0.006em !important; } .features-section .features-rail .features-intro > p + p { margin-top: 10px !important; } .features-section .features-rail .features-intro > p span { margin-right: 9px; font-size: 1.25rem; color: #7d79d8; vertical-align: top; } .features-section .features-rail .features-mini-grid { grid-template-columns: 1fr 1fr !important; gap: 16px !important; max-width: 860px; } .features-section .features-rail .features-mini-card { min-height: 132px !important; padding: 18px 18px !important; border-color: rgba(136, 171, 233, 0.36) !important; background: linear-gradient(180deg, rgba(250, 254, 255, 0.92), rgba(242, 249, 255, 0.9)) !important; } .features-section .features-rail .features-mini-card p { font-size: 0.98rem; line-height: 1.48; } @media (max-width: 1180px) { .features-section .features-layout { grid-template-columns: 1fr !important; gap: 22px !important; } .features-section .features-rail, .features-section .features-rail .features-intro { max-width: none; } .features-section .features-rail .features-mini-grid { grid-template-columns: 1fr !important; gap: 14px !important; } } /* Metrics Explorer advanced dashboard styling */ .features-card-metrics .metrics-body { gap: 9px; } .features-card-metrics .metrics-meta { display: flex; align-items: center; gap: 8px; min-width: 0; } .features-card-metrics .metrics-num-wrap { display: inline-flex; align-items: baseline; gap: 8px; } .features-card-metrics .metrics-live-delta { color: #4a77bf; font-size: 0.74rem; font-weight: 700; letter-spacing: 0; } .features-card-metrics .metrics-trend-badge { display: inline-flex; align-items: center; justify-content: center; min-width: 46px; height: 20px; border-radius: 999px; font-size: 0.64rem; font-weight: 700; letter-spacing: 0.02em; border: 1px solid transparent; } .features-card-metrics .metrics-trend-badge.is-up { color: #0e58d1; background: rgba(207, 231, 255, 0.92); border-color: rgba(90, 140, 220, 0.34); } .features-card-metrics .metrics-trend-badge.is-risk { color: #9a3f2f; background: rgba(255, 229, 218, 0.9); border-color: rgba(213, 132, 108, 0.36); } .features-card-metrics .metrics-trend-badge.is-watch { color: #7b5d12; background: rgba(255, 243, 204, 0.92); border-color: rgba(193, 164, 80, 0.38); } .features-card-metrics .metrics-spark { display: grid; grid-template-columns: repeat(7, minmax(0, 1fr)); align-items: end; gap: 5px; height: 46px; margin-top: 2px; margin-bottom: 2px; padding: 6px 8px; border-radius: 8px; border: 1px solid rgba(125, 162, 226, 0.22); background: rgba(246, 251, 255, 0.72); } .features-card-metrics .metrics-spark-col { height: var(--h); border-radius: 5px 5px 2px 2px; background: linear-gradient(180deg, rgba(39, 94, 196, 0.92), rgba(118, 176, 255, 0.72)); transition: height 0.45s ease; } .features-card-metrics .metrics-mini-bars .metrics-mini-bar { transition: width 0.45s ease; } /* FINAL OVERRIDE v3: 2x2 cards layout */ .features-section .features-showcase { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; } .features-section .features-showcase > .features-card-ai { grid-column: auto !important; min-height: 352px !important; } .features-section .features-showcase .features-duo { display: contents !important; } .features-section .features-showcase .features-card-strategy, .features-section .features-showcase .features-card-report, .features-section .features-showcase .features-card-metrics { min-height: 352px !important; } .features-section .features-showcase > .features-card-ai, .features-section .features-showcase .features-card-strategy { height: auto !important; } .features-section .features-showcase > .features-card-ai { align-self: end !important; } .features-section .features-showcase .features-card-strategy { align-self: start !important; } @media (max-width: 1180px) { .features-section .features-showcase { grid-template-columns: 1fr !important; } .features-section .features-showcase .features-duo { display: block !important; } } /* FINAL OVERRIDE v5: top-left readability and balance rebuild */ .features-section .features-layout { grid-template-columns: minmax(500px, 0.48fr) minmax(560px, 0.52fr) !important; gap: 36px !important; align-items: start !important; } .features-section .features-rail { display: grid !important; grid-template-columns: 1fr !important; gap: 24px !important; align-content: start !important; align-items: start !important; max-width: 760px !important; min-width: 500px !important; } .features-section .features-rail .features-intro { padding: 2px 0 0 !important; max-width: 720px !important; } .features-section .features-rail .features-intro h2 { margin: 0 0 18px !important; max-width: 13.5ch !important; font-size: clamp(2.8rem, 3.45vw, 3.85rem) !important; line-height: 1.06 !important; letter-spacing: -0.03em !important; word-break: keep-all !important; } .features-section .features-rail .features-intro > p { max-width: 44ch !important; margin: 0 !important; color: #355c9f !important; font-size: 1.03rem !important; line-height: 1.68 !important; letter-spacing: -0.01em !important; text-wrap: pretty; } .features-section .features-rail .features-intro > p + p { margin-top: 9px !important; } .features-section .features-rail .features-intro > p span { font-size: 1.16rem !important; margin-right: 9px !important; vertical-align: top !important; } .features-section .features-rail .features-mini-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 16px !important; margin: 0 !important; padding: 0 !important; max-width: 720px !important; } .features-section .features-rail .features-mini-card { min-height: 132px !important; padding: 18px 18px !important; border-color: rgba(129, 166, 232, 0.38) !important; background: linear-gradient(180deg, rgba(250, 254, 255, 0.9), rgba(243, 250, 255, 0.86)) !important; } .features-section .features-rail .features-mini-card .feature-title-inline--mini { margin-bottom: 10px !important; } .features-section .features-rail .features-mini-card p { margin: 0 !important; font-size: 0.99rem !important; line-height: 1.45 !important; letter-spacing: -0.006em !important; text-wrap: pretty; } @media (max-width: 1320px) { .features-section .features-layout { grid-template-columns: minmax(420px, 0.46fr) minmax(0, 0.54fr) !important; gap: 30px !important; } .features-section .features-rail { min-width: 420px !important; } .features-section .features-rail .features-intro h2 { font-size: clamp(2.5rem, 3.15vw, 3.45rem) !important; } } @media (max-width: 1180px) { .features-section .features-layout { grid-template-columns: 1fr !important; gap: 24px !important; } .features-section .features-rail { min-width: 0 !important; max-width: none !important; gap: 18px !important; } .features-section .features-rail .features-intro, .features-section .features-rail .features-mini-grid { max-width: none !important; } .features-section .features-rail .features-intro h2 { max-width: 11.6ch !important; margin-bottom: 14px !important; font-size: clamp(2rem, 8.2vw, 2.85rem) !important; } .features-section .features-rail .features-intro > p { max-width: 100% !important; line-height: 1.58 !important; } .features-section .features-rail .features-mini-grid { grid-template-columns: 1fr !important; gap: 12px !important; } } /* FINAL OVERRIDE v6: Metrics Explorer 2x1 split layout */ .features-card-metrics .metrics-scene { min-height: 296px !important; grid-template-rows: 34px auto !important; gap: 10px !important; padding: 10px 12px 12px !important; overflow: visible !important; } .features-card-metrics .metrics-body.metrics-split-grid { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; padding: 10px !important; border: 1px solid rgba(18, 73, 216, 0.22) !important; border-radius: 10px !important; background: rgba(255, 255, 255, 0.58) !important; } .features-card-metrics .metrics-pane { display: grid; align-content: start; gap: 8px; padding: 8px 8px 9px; border: 1px solid rgba(123, 160, 225, 0.25); border-radius: 9px; background: linear-gradient(180deg, rgba(248, 252, 255, 0.92), rgba(241, 248, 255, 0.84)); } .features-card-metrics .metrics-pane-left { box-shadow: inset -1px 0 0 rgba(119, 157, 224, 0.2); } .features-card-metrics .metrics-pane-right { box-shadow: inset 1px 0 0 rgba(119, 157, 224, 0.2); } .features-card-metrics .metrics-row { padding-bottom: 7px !important; margin-bottom: 0 !important; } .features-card-metrics .metrics-row:last-of-type { border-bottom: 1px solid rgba(125, 162, 226, 0.24); } .features-card-metrics .metrics-label { font-size: 0.78rem !important; } .features-card-metrics .metrics-live-value { font-size: 1.08rem !important; } .features-card-metrics .metrics-live-delta { font-size: 0.72rem !important; } .features-card-metrics .metrics-spark { height: 40px !important; margin-top: 2px !important; margin-bottom: 0 !important; padding: 6px 6px 5px !important; } .features-card-metrics .metrics-mini-bars { display: grid !important; gap: 7px !important; margin-top: 4px !important; margin-bottom: 0 !important; padding-bottom: 0 !important; } .features-card-metrics .metrics-mini-bars .metrics-mini-bar { width: var(--w); height: 8px; border-radius: 999px; background: linear-gradient(90deg, rgba(35, 92, 196, 0.88), rgba(109, 165, 255, 0.68)); } @media (max-width: 760px) { .features-card-metrics .metrics-body.metrics-split-grid { grid-template-columns: 1fr !important; } } /* FINAL OVERRIDE v7: center intro block + 4 cards below (restore stable card size) */ .features-section .features-layout { display: grid !important; grid-template-columns: 1fr !important; gap: 30px !important; align-items: start !important; } .features-section .features-rail { display: grid !important; grid-template-columns: 1fr !important; gap: 20px !important; max-width: 980px !important; min-width: 0 !important; margin: 0 auto !important; align-items: start !important; } .features-section .features-rail .features-intro { max-width: 760px !important; margin: 0 auto !important; } .features-section .features-rail .features-intro h2 { max-width: 12.5ch !important; text-align: center !important; margin-left: auto !important; margin-right: auto !important; } .features-section .features-rail .features-intro > p { max-width: 52ch !important; } .features-section .features-rail .features-mini-grid { max-width: 760px !important; margin: 0 auto !important; } .features-section .features-showcase { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 20px !important; align-items: stretch !important; } .features-section .features-showcase .features-duo { display: contents !important; } .features-section .features-showcase > .features-card-ai, .features-section .features-showcase .features-card-strategy, .features-section .features-showcase .features-card-report, .features-section .features-showcase .features-card-metrics { min-height: 352px !important; height: auto !important; align-self: stretch !important; } .features-section .features-showcase > .features-card-ai { grid-column: auto !important; margin-top: 0 !important; } @media (max-width: 1180px) { .features-section .features-layout { gap: 24px !important; } .features-section .features-showcase { grid-template-columns: 1fr !important; } .features-section .features-showcase .features-duo { display: block !important; } } /* FINAL OVERRIDE v8: remove dead bottom space + contain Metrics scene */ .features-section .features-showcase > .features-card-ai, .features-section .features-showcase .features-card-report, .features-section .features-showcase .features-card-metrics { display: flex !important; flex-direction: column !important; overflow: hidden !important; } .features-section .features-showcase > .features-card-ai .mock-chat, .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-metrics .metrics-scene { flex: 1 1 auto !important; width: 100% !important; max-width: 100% !important; box-sizing: border-box !important; } .features-section .features-showcase > .features-card-ai .mock-chat, .features-section .features-showcase .features-card-report .mock-code { min-height: 258px !important; margin-top: 12px !important; } .features-section .features-showcase > .features-card-ai .report-scene, .features-section .features-showcase .features-card-report .report-scene { height: 100% !important; min-height: 0 !important; } .features-section .features-showcase > .features-card-ai .report-body, .features-section .features-showcase .features-card-report .report-body { min-height: 0 !important; height: 100% !important; } .features-card-metrics .metrics-scene { min-height: 286px !important; overflow: hidden !important; } .features-card-metrics .metrics-body.metrics-split-grid { height: 100% !important; min-height: 0 !important; align-content: stretch !important; overflow: hidden !important; } .features-card-metrics .metrics-pane { min-height: 0 !important; overflow: hidden !important; } /* FINAL OVERRIDE v9: shrink AI/Reports card height to content (keep inner scene size) */ .features-section .features-showcase > .features-card-ai, .features-section .features-showcase .features-card-report { min-height: initial !important; height: auto !important; align-self: start !important; } .features-section .features-showcase > .features-card-ai .mock-chat, .features-section .features-showcase .features-card-report .mock-code { flex: 0 0 auto !important; min-height: 0 !important; } /* FINAL OVERRIDE v10: AI card size == Intelligence card size + AI scene unsquish */ .features-section .features-showcase > .features-card-ai, .features-section .features-showcase .features-card-report { min-height: 352px !important; align-self: stretch !important; } .features-section .features-showcase > .features-card-ai .mock-chat { min-height: 258px !important; margin-top: 12px !important; flex: 0 0 auto !important; } .features-section .features-showcase > .features-card-ai .report-scene { min-height: 258px !important; height: auto !important; grid-template-rows: 34px auto !important; } .features-section .features-showcase > .features-card-ai .report-body { min-height: 186px !important; height: auto !important; } /* FINAL LOCK v35: no white fill inside boxes (force section surface) */ .features-section .features-showcase .features-card-ai .report-scene, .features-section .features-showcase .features-card-ai .report-head, .features-section .features-showcase .features-card-ai .report-body, .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-head, .features-section .features-showcase .features-card-report .report-body, .features-section .features-showcase .features-card-metrics .report-head, .features-section .features-showcase .features-card-metrics .metrics-scene, .features-section .features-showcase .features-card-metrics .metrics-body, .features-section .features-showcase .features-card-metrics .metrics-pane, .features-section .features-showcase .features-card-strategy .workflow-orbit, .features-section .features-showcase .features-card-strategy .dash-shell, .features-section .features-showcase .features-card-strategy .dash-main, .features-section .features-showcase .features-card-strategy .dash-grid, .features-section .features-showcase .features-card-strategy .dash-card { background: var(--section-surface) !important; background-image: none !important; } /* FINAL LOCK v36: keep Strategy natural, grow Reports to match row height */ .features-section .features-showcase { align-items: stretch !important; } .features-section .features-showcase .features-card-strategy { min-height: initial !important; height: auto !important; align-self: stretch !important; } .features-section .features-showcase .features-card-report { min-height: initial !important; height: auto !important; align-self: stretch !important; display: flex !important; flex-direction: column !important; } .features-section .features-showcase .features-card-report .mock-code { flex: 1 1 auto !important; min-height: 0 !important; height: auto !important; } .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-body { height: 100% !important; min-height: 0 !important; } /* FINAL LOCK v33: Intelligence Reports height = Strategy Dashboard height */ .features-section .features-showcase .features-card-strategy { min-height: 352px !important; height: 352px !important; } .features-section .features-showcase .features-card-report { min-height: 352px !important; height: 352px !important; align-self: stretch !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { min-height: 264px !important; height: 264px !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 196px !important; height: 196px !important; } /* FINAL OVERRIDE v34: fill metrics header bar with sky blue */ .features-section .features-showcase .features-card-metrics .report-head { background: rgba(222, 240, 255, 0.95) !important; border: 1px solid rgba(150, 190, 236, 0.9) !important; } /* FINAL LOCK v32: force inner backgrounds to section surface (override white/gradients) */ .features-section .features-showcase .features-card-ai .report-scene, .features-section .features-showcase .features-card-ai .report-head, .features-section .features-showcase .features-card-ai .report-body, .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-head, .features-section .features-showcase .features-card-report .report-body, .features-section .features-showcase .features-card-metrics .metrics-scene, .features-section .features-showcase .features-card-metrics .metrics-body, .features-section .features-showcase .features-card-metrics .metrics-pane, .features-section .features-showcase .features-card-strategy .workflow-orbit, .features-section .features-showcase .features-card-strategy .dash-shell, .features-section .features-showcase .features-card-strategy .dash-main, .features-section .features-showcase .features-card-strategy .dash-grid, .features-section .features-showcase .features-card-strategy .dash-card { background: var(--section-surface) !important; background-image: none !important; } /* FINAL OVERRIDE v31: raise Intelligence Reports to Strategy Dashboard height */ .features-section .features-showcase .features-card-report { min-height: 352px !important; height: auto !important; align-self: stretch !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { min-height: 272px !important; height: auto !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 204px !important; height: auto !important; } /* FINAL OVERRIDE v30: soften inner box backgrounds to section surface */ .features-section .features-showcase .features-card-ai .report-scene, .features-section .features-showcase .features-card-ai .report-head, .features-section .features-showcase .features-card-ai .report-body, .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-head, .features-section .features-showcase .features-card-report .report-body, .features-section .features-showcase .features-card-metrics .metrics-scene, .features-section .features-showcase .features-card-metrics .metrics-body, .features-section .features-showcase .features-card-metrics .metrics-pane, .features-section .features-showcase .features-card-strategy .dash-shell, .features-section .features-showcase .features-card-strategy .dash-main, .features-section .features-showcase .features-card-strategy .dash-grid, .features-section .features-showcase .features-card-strategy .dash-card { background: var(--section-surface) !important; } /* FINAL LOCK v26: Reports takes current Metrics size, Metrics takes current Reports size */ .features-section .features-showcase { align-items: start !important; } .features-section .features-showcase .features-card-report { min-height: 392px !important; height: 392px !important; align-self: start !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { min-height: 302px !important; height: 302px !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 234px !important; height: 234px !important; } .features-section .features-showcase .features-card-metrics { min-height: 318px !important; height: 318px !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 224px !important; height: 224px !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 156px !important; height: 156px !important; } /* FINAL OVERRIDE v27: move icon+title outside above each box */ .features-section .features-showcase .features-hero-card, .features-section .features-showcase .features-large-card { position: relative !important; overflow: visible !important; margin-top: 58px !important; } .features-section .features-showcase .features-hero-card .feature-title-inline, .features-section .features-showcase .features-large-card .feature-title-inline { position: absolute !important; top: -52px !important; left: 16px !important; z-index: 8 !important; margin: 0 !important; padding: 0 !important; } .features-section .features-showcase .features-hero-card > p, .features-section .features-showcase .features-large-card > p { margin-top: 2px !important; } @media (max-width: 1180px) { .features-section .features-showcase .features-hero-card, .features-section .features-showcase .features-large-card { margin-top: 52px !important; } .features-section .features-showcase .features-hero-card .feature-title-inline, .features-section .features-showcase .features-large-card .feature-title-inline { top: -46px !important; } } /* FINAL OVERRIDE v28: rollback title/icon to inside each box */ .features-section .features-showcase .features-hero-card, .features-section .features-showcase .features-large-card { margin-top: 0 !important; overflow: hidden !important; } .features-section .features-showcase .features-hero-card .feature-title-inline, .features-section .features-showcase .features-large-card .feature-title-inline { position: static !important; top: auto !important; left: auto !important; z-index: auto !important; margin: 0 0 8px 0 !important; padding: 0 !important; } /* Removed v29 white fill override (replaced by CLEAN RESET v1) */ /* FINAL LOCK v24: absolute size swap (last rule wins) */ .features-section .features-showcase { align-items: start !important; } .features-section .features-showcase .features-card-report { height: 388px !important; min-height: 388px !important; align-self: start !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { height: 292px !important; min-height: 292px !important; } .features-section .features-showcase .features-card-report .report-body { height: 224px !important; min-height: 224px !important; } .features-section .features-showcase .features-card-metrics { height: 324px !important; min-height: 324px !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { height: 228px !important; min-height: 228px !important; overflow: hidden !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 164px !important; } /* FINAL OVERRIDE v25: tighten spacing between headline block and cards */ .features-section .features-layout { gap: 16px !important; } .features-section .features-rail { gap: 6px !important; } /* FINAL LOCK v23: true size swap (Reports larger, Metrics smaller) */ .features-section .features-showcase { align-items: start !important; } .features-section .features-showcase .features-card-report { min-height: 392px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { min-height: 302px !important; height: auto !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 234px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics { min-height: 318px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 224px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 156px !important; } /* FINAL OVERRIDE v18: remove icon shadow before titles */ .features-section .feature-title-inline .mini-icon, .features-section .feature-title-inline--mini .mini-icon { box-shadow: none !important; } /* FINAL OVERRIDE v19: swap Intelligence Reports and Metrics Explorer - swap position in 2x2 grid - swap outer/inner size profiles */ .features-section .features-showcase .features-card-strategy { order: 2 !important; } .features-section .features-showcase .features-card-metrics { order: 3 !important; } .features-section .features-showcase .features-card-report { order: 4 !important; } /* Size profile swapped: Reports <= old Metrics, Metrics <= old Reports */ .features-section .features-showcase .features-card-report { min-height: 352px !important; } .features-section .features-showcase .features-card-report .mock-code { min-height: 0 !important; } .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-body { min-height: 0 !important; height: auto !important; } .features-section .features-showcase .features-card-metrics { min-height: initial !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 258px !important; height: auto !important; } /* FINAL OVERRIDE v20: force visible size swap (Reports <-> Metrics) */ .features-section .features-showcase .features-card-report { min-height: 318px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-report .mock-code { min-height: 220px !important; } .features-section .features-showcase .features-card-report .report-scene { min-height: 220px !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 150px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics { min-height: 352px !important; height: auto !important; align-self: stretch !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 286px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 220px !important; } /* FINAL OVERRIDE v21: swap sizes exactly (Reports gets current Metrics size, Metrics gets current Reports size) */ .features-section .features-showcase .features-card-report { min-height: 352px !important; height: auto !important; align-self: stretch !important; } .features-section .features-showcase .features-card-report .mock-code { min-height: 286px !important; } .features-section .features-showcase .features-card-report .report-scene { min-height: 286px !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 220px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics { min-height: 318px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 220px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 150px !important; } /* FINAL OVERRIDE v22: disable row stretch and apply true swapped heights */ .features-section .features-showcase { align-items: start !important; } .features-section .features-showcase .features-card-report { min-height: 392px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-report .mock-code, .features-section .features-showcase .features-card-report .report-scene { min-height: 302px !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 234px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics { min-height: 318px !important; height: auto !important; align-self: start !important; } .features-section .features-showcase .features-card-metrics .metrics-scene { min-height: 224px !important; height: auto !important; } .features-section .features-showcase .features-card-metrics .metrics-body.metrics-split-grid { min-height: 156px !important; } /* CLEAN RESET v1: key-features cards (single source of truth) */ .features-section .features-showcase { align-items: stretch !important; } .features-section .features-showcase > .features-hero-card, .features-section .features-showcase > .features-large-card { background: var(--section-surface) !important; } .features-section .features-showcase .feature-title-inline .mini-icon { box-shadow: none !important; } /* Keep Strategy natural; make Reports match Strategy height */ .features-section .features-showcase .features-card-strategy, .features-section .features-showcase .features-card-report { min-height: 352px !important; align-self: stretch !important; } .features-section .features-showcase .features-card-report { display: flex !important; flex-direction: column !important; } .features-section .features-showcase .features-card-report .mock-code { flex: 1 1 auto !important; min-height: 0 !important; } .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-body { height: 100% !important; min-height: 0 !important; } /* Inner backgrounds: same tone as section */ .features-section .features-showcase .features-card-ai .report-scene, .features-section .features-showcase .features-card-ai .report-head, .features-section .features-showcase .features-card-ai .report-body, .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-head, .features-section .features-showcase .features-card-report .report-body, .features-section .features-showcase .features-card-metrics .report-head, .features-section .features-showcase .features-card-metrics .metrics-scene, .features-section .features-showcase .features-card-metrics .metrics-body, .features-section .features-showcase .features-card-metrics .metrics-pane, .features-section .features-showcase .features-card-strategy .workflow-orbit, .features-section .features-showcase .features-card-strategy .dash-shell, .features-section .features-showcase .features-card-strategy .dash-main, .features-section .features-showcase .features-card-strategy .dash-grid, .features-section .features-showcase .features-card-strategy .dash-card { background: var(--section-surface) !important; background-image: none !important; } /* Metrics header bar visibility */ .features-section .features-showcase .features-card-metrics .report-head { background: rgba(222, 240, 255, 0.95) !important; border: 1px solid rgba(150, 190, 236, 0.9) !important; } /* Badge color unification */ .features-card-metrics .metrics-trend-badge.is-up, .features-card-metrics .metrics-trend-badge.is-risk, .features-card-metrics .metrics-trend-badge.is-watch { color: #3b6db5 !important; background: rgba(214, 234, 255, 0.9) !important; border-color: rgba(140, 181, 232, 0.55) !important; } /* FINAL OVERRIDE v38: Intelligence Reports right side as MBB-style text blocks */ .features-section .features-showcase .features-card-report .report-lines { display: grid !important; grid-template-rows: repeat(5, minmax(0, 1fr)) !important; gap: 7px !important; align-content: stretch !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block { display: block !important; min-height: 24px !important; border-radius: 6px !important; background: linear-gradient(90deg, rgba(77, 118, 192, 0.68), rgba(77, 118, 192, 0.68)) 0 3px / var(--w1) 3px no-repeat, linear-gradient(90deg, rgba(101, 138, 204, 0.56), rgba(101, 138, 204, 0.56)) 0 10px / var(--w2) 3px no-repeat, linear-gradient(90deg, rgba(130, 160, 214, 0.46), rgba(130, 160, 214, 0.46)) 0 17px / var(--w3) 3px no-repeat !important; } .features-section .features-showcase .features-card-report .report-lines::after { display: none !important; } /* FINAL OVERRIDE v39: tighten AI Consultant bottom spacing and card height */ .features-section .features-showcase > .features-card-ai { min-height: 332px !important; height: auto !important; align-self: start !important; padding-bottom: 12px !important; } .features-section .features-showcase > .features-card-ai .mock-chat { min-height: 238px !important; margin-top: 10px !important; } .features-section .features-showcase > .features-card-ai .report-scene { min-height: 238px !important; } .features-section .features-showcase > .features-card-ai .report-body { min-height: 170px !important; } /* FINAL LOCK v37: restore Strategy (no clipping) and enlarge Reports visibly */ .features-section .features-showcase { align-items: stretch !important; } .features-section .features-showcase .features-card-strategy, .features-section .features-showcase .features-card-report { min-height: 396px !important; height: auto !important; align-self: stretch !important; overflow: visible !important; } .features-section .features-showcase .features-card-strategy .workflow-orbit { min-height: 292px !important; height: auto !important; overflow: visible !important; } .features-section .features-showcase .features-card-report { display: flex !important; flex-direction: column !important; } .features-section .features-showcase .features-card-report .mock-code { flex: 1 1 auto !important; min-height: 304px !important; height: auto !important; } .features-section .features-showcase .features-card-report .report-scene { min-height: 304px !important; height: auto !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 236px !important; height: auto !important; } /* FINAL OVERRIDE v40: Reports uses full body area (no bottom blank) */ .features-section .features-showcase .features-card-report .report-scene { display: grid !important; grid-template-rows: 34px minmax(0, 1fr) !important; } .features-section .features-showcase .features-card-report .report-body { min-height: 0 !important; height: 100% !important; display: grid !important; grid-template-columns: 1.02fr 1fr !important; align-items: stretch !important; } .features-section .features-showcase .features-card-report .report-chapters { height: 100% !important; display: grid !important; grid-template-rows: repeat(5, minmax(0, 1fr)) !important; align-content: stretch !important; gap: 7px !important; } .features-section .features-showcase .features-card-report .report-chapters span { min-height: 0 !important; display: flex !important; align-items: center !important; } .features-section .features-showcase .features-card-report .report-lines { height: 100% !important; display: grid !important; grid-template-rows: repeat(5, minmax(0, 1fr)) !important; align-content: stretch !important; gap: 7px !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block { min-height: 0 !important; align-self: stretch !important; } /* FINAL OVERRIDE v41: match AI Consultant bottom spacing to Metrics Explorer */ .features-section .features-showcase > .features-card-ai { padding-bottom: 20px !important; } /* FINAL OVERRIDE v42: report lines -> irregular dot typing per chapter */ .features-section .features-showcase .features-card-report .report-lines { display: grid !important; grid-template-rows: repeat(5, minmax(0, 1fr)) !important; gap: 7px !important; align-content: stretch !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block { position: relative !important; min-height: 26px !important; border-radius: 6px !important; background: transparent !important; overflow: hidden !important; --typing-speed: 2.9s; --typing-delay: 0s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block::before, .features-section .features-showcase .features-card-report .report-lines .report-line-block::after { content: "" !important; position: absolute !important; inset: 0 !important; border-radius: inherit !important; transform-origin: left center !important; transform: scaleX(0) !important; animation: mbbDotTypingX var(--typing-speed) steps(26, end) var(--typing-delay) infinite !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block::before { background: radial-gradient(circle at 3% 28%, rgba(44, 95, 186, 0.98) 0 1.45px, transparent 1.9px), radial-gradient(circle at 7% 66%, rgba(78, 122, 201, 0.94) 0 1.4px, transparent 1.85px), radial-gradient(circle at 12% 42%, rgba(56, 108, 194, 0.96) 0 1.5px, transparent 1.95px), radial-gradient(circle at 17% 72%, rgba(106, 145, 212, 0.9) 0 1.35px, transparent 1.8px), radial-gradient(circle at 23% 36%, rgba(60, 112, 197, 0.96) 0 1.45px, transparent 1.9px), radial-gradient(circle at 28% 58%, rgba(73, 119, 202, 0.94) 0 1.45px, transparent 1.9px), radial-gradient(circle at 34% 26%, rgba(49, 101, 190, 0.97) 0 1.45px, transparent 1.9px), radial-gradient(circle at 41% 68%, rgba(103, 142, 211, 0.9) 0 1.38px, transparent 1.82px), radial-gradient(circle at 47% 34%, rgba(55, 107, 194, 0.96) 0 1.48px, transparent 1.92px), radial-gradient(circle at 54% 59%, rgba(66, 115, 201, 0.94) 0 1.45px, transparent 1.9px), radial-gradient(circle at 61% 31%, rgba(51, 103, 191, 0.97) 0 1.45px, transparent 1.9px), radial-gradient(circle at 68% 63%, rgba(100, 140, 210, 0.9) 0 1.38px, transparent 1.82px), radial-gradient(circle at 74% 38%, rgba(60, 112, 198, 0.95) 0 1.45px, transparent 1.9px), radial-gradient(circle at 81% 70%, rgba(76, 122, 203, 0.93) 0 1.38px, transparent 1.82px), radial-gradient(circle at 88% 44%, rgba(48, 100, 189, 0.96) 0 1.45px, transparent 1.9px), radial-gradient(circle at 94% 62%, rgba(92, 134, 208, 0.91) 0 1.35px, transparent 1.8px); opacity: 1 !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block::after { background: radial-gradient(circle at 5% 51%, rgba(162, 189, 230, 0.55) 0 0.95px, transparent 1.2px), radial-gradient(circle at 14% 23%, rgba(136, 173, 221, 0.52) 0 0.92px, transparent 1.2px), radial-gradient(circle at 20% 78%, rgba(169, 196, 233, 0.5) 0 0.9px, transparent 1.15px), radial-gradient(circle at 31% 48%, rgba(145, 179, 224, 0.54) 0 0.95px, transparent 1.2px), radial-gradient(circle at 43% 24%, rgba(171, 198, 234, 0.5) 0 0.92px, transparent 1.2px), radial-gradient(circle at 55% 77%, rgba(140, 176, 223, 0.54) 0 0.95px, transparent 1.2px), radial-gradient(circle at 67% 47%, rgba(164, 192, 231, 0.5) 0 0.92px, transparent 1.2px), radial-gradient(circle at 79% 27%, rgba(143, 178, 224, 0.52) 0 0.95px, transparent 1.2px), radial-gradient(circle at 90% 74%, rgba(169, 197, 233, 0.5) 0 0.9px, transparent 1.15px); opacity: 0.9 !important; animation: mbbDotTypingX calc(var(--typing-speed) * 1.08) steps(24, end) calc(var(--typing-delay) + 0.08s) infinite, mbbDotTwinkle 1.8s ease-in-out calc(var(--typing-delay) + 0.1s) infinite !important; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(1) { --typing-speed: 2.4s; --typing-delay: 0s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(2) { --typing-speed: 3.1s; --typing-delay: 0.18s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(3) { --typing-speed: 2.7s; --typing-delay: 0.34s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(4) { --typing-speed: 3.5s; --typing-delay: 0.1s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(5) { --typing-speed: 2.9s; --typing-delay: 0.26s; } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(2)::before { background: radial-gradient(circle at 4% 38%, rgba(66, 114, 194, 0.94) 0 1.25px, transparent 1.55px), radial-gradient(circle at 9% 70%, rgba(102, 143, 209, 0.82) 0 1.1px, transparent 1.4px), radial-gradient(circle at 16% 24%, rgba(72, 121, 198, 0.92) 0 1.2px, transparent 1.5px), radial-gradient(circle at 22% 57%, rgba(84, 129, 205, 0.87) 0 1.2px, transparent 1.5px), radial-gradient(circle at 30% 74%, rgba(122, 157, 214, 0.76) 0 1.1px, transparent 1.4px), radial-gradient(circle at 37% 33%, rgba(69, 117, 197, 0.93) 0 1.25px, transparent 1.55px), radial-gradient(circle at 44% 62%, rgba(99, 140, 208, 0.84) 0 1.15px, transparent 1.45px), radial-gradient(circle at 52% 29%, rgba(67, 113, 195, 0.93) 0 1.2px, transparent 1.5px), radial-gradient(circle at 59% 55%, rgba(88, 133, 205, 0.86) 0 1.2px, transparent 1.5px), radial-gradient(circle at 66% 22%, rgba(74, 121, 199, 0.9) 0 1.2px, transparent 1.5px), radial-gradient(circle at 73% 69%, rgba(117, 153, 213, 0.78) 0 1.1px, transparent 1.4px), radial-gradient(circle at 81% 40%, rgba(71, 120, 198, 0.9) 0 1.2px, transparent 1.5px), radial-gradient(circle at 88% 60%, rgba(95, 136, 207, 0.84) 0 1.15px, transparent 1.45px), radial-gradient(circle at 95% 31%, rgba(64, 113, 194, 0.92) 0 1.2px, transparent 1.5px); } .features-section .features-showcase .features-card-report .report-lines .report-line-block:nth-child(4)::before { background: radial-gradient(circle at 2% 52%, rgba(70, 120, 198, 0.92) 0 1.25px, transparent 1.55px), radial-gradient(circle at 8% 28%, rgba(121, 156, 214, 0.78) 0 1.1px, transparent 1.4px), radial-gradient(circle at 13% 73%, rgba(88, 132, 205, 0.86) 0 1.18px, transparent 1.48px), radial-gradient(circle at 19% 44%, rgba(67, 114, 195, 0.93) 0 1.2px, transparent 1.5px), radial-gradient(circle at 27% 26%, rgba(72, 120, 198, 0.9) 0 1.2px, transparent 1.5px), radial-gradient(circle at 35% 67%, rgba(112, 149, 211, 0.8) 0 1.12px, transparent 1.42px), radial-gradient(circle at 42% 39%, rgba(68, 116, 196, 0.92) 0 1.22px, transparent 1.52px), radial-gradient(circle at 49% 75%, rgba(124, 158, 214, 0.76) 0 1.08px, transparent 1.38px), radial-gradient(circle at 57% 30%, rgba(69, 118, 197, 0.92) 0 1.2px, transparent 1.5px), radial-gradient(circle at 64% 58%, rgba(94, 136, 206, 0.84) 0 1.16px, transparent 1.46px), radial-gradient(circle at 71% 24%, rgba(66, 114, 194, 0.92) 0 1.2px, transparent 1.5px), radial-gradient(circle at 79% 71%, rgba(118, 153, 213, 0.78) 0 1.1px, transparent 1.4px), radial-gradient(circle at 87% 45%, rgba(71, 120, 198, 0.9) 0 1.2px, transparent 1.5px), radial-gradient(circle at 94% 63%, rgba(102, 143, 208, 0.82) 0 1.12px, transparent 1.42px); } @keyframes mbbDotTypingX { 0% { transform: scaleX(0); opacity: 0.25; } 15% { opacity: 0.95; } 72% { transform: scaleX(1); opacity: 1; } 86% { transform: scaleX(1); opacity: 0.96; } 100% { transform: scaleX(1); opacity: 0.9; } } @keyframes mbbDotTwinkle { 0%, 100% { opacity: 0.72; } 50% { opacity: 0.98; } } /* FINAL OVERRIDE v43: move AI Consultant card downward by outer alignment only */ .features-section .features-showcase > .features-card-ai { align-self: end !important; } /* FINAL OVERRIDE v44: unify/narrow chapter label width by longest chapter */ .features-section .features-showcase .features-card-report .report-chapters span { width: 186px !important; max-width: 100% !important; justify-self: start !important; } /* FINAL OVERRIDE v45: Intelligence Reports right pane live writing stream */ .features-section .features-showcase .features-card-report .report-lines { position: relative !important; display: block !important; overflow: hidden !important; padding-left: 10px !important; min-height: 100% !important; } /* FINAL OVERRIDE v46: Reports filename bar uses same tone as Metrics bar */ .features-section .features-showcase .features-card-report .report-head { background: rgba(222, 240, 255, 0.95) !important; border: 1px solid rgba(150, 190, 236, 0.9) !important; } /* FINAL OVERRIDE v48: reports cinematic stream stays inside fixed panel */ .features-section .features-showcase .features-card-report .report-scene, .features-section .features-showcase .features-card-report .report-body { overflow: hidden !important; } .features-section .features-showcase .features-card-report .report-lines { position: relative !important; height: 100% !important; min-height: 0 !important; overflow: hidden !important; padding: 8px 10px 8px 14px !important; contain: layout paint !important; } .features-section .features-showcase .features-card-report .report-cinematic-track { position: absolute !important; left: 2px !important; right: 8px !important; top: 0 !important; bottom: auto !important; z-index: 2 !important; display: flex !important; flex-direction: column !important; gap: 8px !important; animation: reportFlowTrackDown 4.5s linear infinite !important; pointer-events: none !important; } .features-section .features-showcase .features-card-report .report-cinematic-row { position: static !important; margin: 0 !important; width: 100% !important; display: flex !important; align-items: center !important; gap: 7px !important; font: inherit !important; font-size: 11.4px !important; font-weight: 500 !important; line-height: 1.25 !important; color: rgba(94, 124, 178, 0.94) !important; white-space: nowrap !important; overflow: hidden !important; text-overflow: ellipsis !important; opacity: 0.9 !important; transform: none !important; animation: none !important; } .features-section .features-showcase .features-card-report .report-cinematic-bullet { all: unset !important; flex: 0 0 4px !important; width: 4px !important; height: 4px !important; display: inline-block !important; border-radius: 50% !important; background: rgba(148, 176, 219, 0.95) !important; box-shadow: 0 0 0 1px rgba(184, 207, 239, 0.42) !important; } .features-section .features-showcase .features-card-report .report-cinematic-text { all: unset !important; display: block !important; flex: 1 1 auto !important; font-family: inherit !important; font-size: 11.4px !important; font-weight: 500 !important; line-height: 1.25 !important; color: rgba(94, 124, 178, 0.94) !important; white-space: nowrap !important; min-width: 0 !important; overflow: hidden !important; text-overflow: ellipsis !important; } .features-section .features-showcase .features-card-report .report-lines::after { content: none !important; } .features-section .features-showcase .features-card-report .report-lines > span { background: none !important; animation: none !important; height: auto !important; width: auto !important; } @keyframes reportFlowTrackDown { 0% { transform: translateY(-50%); } 100% { transform: translateY(0); } } @media (prefers-reduced-motion: reduce) { .features-section .features-showcase .features-card-report .report-cinematic-track { position: static !important; display: flex !important; flex-direction: column !important; gap: 6px !important; } .features-section .features-showcase .features-card-report .report-cinematic-row { position: static !important; animation: none !important; opacity: 1 !important; transform: none !important; } } /* FINAL OVERRIDE v49: strategy scope text uses fixed left start + natural wrap */ html:lang(ko) .features-section .features-showcase .features-card-strategy > p { width: 100% !important; max-width: none !important; box-sizing: border-box !important; padding-left: 16px !important; padding-right: 16px !important; text-align: left !important; word-break: keep-all !important; overflow-wrap: normal !important; } /* FINAL OVERRIDE v50: more breathing room between headline and feature cards */ .features-section .features-layout .features-showcase { padding-top: 24px !important; } /* Fix subtitle alignment under KEY FEATURES headline */ .features-section .features-rail .features-intro > p.features-subtitle { max-width: 52ch !important; margin: 0 auto !important; text-align: center !important; font-family: inherit !important; color: #323a5a !important; font-size: 1.03rem !important; line-height: 1.56 !important; }