.home-page .site-header { height:72px; background:rgba(255,255,255,.96); } .home-page .brand img { width:160px; } .home-page .site-nav { gap:8px; font-size:13px; } .home-page .site-nav .nav-login { min-height:42px; } .home-page .hero { min-height:650px; grid-template-columns:minmax(340px,.88fr) minmax(580px,1.12fr); gap:34px 48px; padding-top:104px; padding-bottom:28px; background:radial-gradient(circle at 82% 28%,rgba(255,230,0,.16),transparent 26%),linear-gradient(135deg,#fff 0%,#f0f3f6 55%,#e5eaef 100%); } .home-page .hero-grid::after { left:43%; height:520px; } .home-page .hero-grid::before { top:340px; } .home-page .hero-signal-field { inset:72px 0 0; height:calc(100% - 72px); opacity:.55; } .home-page .hero-copy { max-width:520px; min-width:0; } .home-page .hero h1 { font-size:clamp(46px,4.4vw,66px); } .home-page .hero-lead { font-size:clamp(22px,1.9vw,28px); } .home-page .hero-description { max-width:520px; margin-top:16px; } .home-page .hero-actions { margin-top:25px; } .home-page .dashboard-shell { min-height:450px; border-radius:12px; box-shadow:0 24px 64px rgba(31,40,52,.15); } .home-page .dashboard-main { padding:18px 20px 20px; } .home-page .metric-card { padding:11px; } .home-page .metric-card > strong { min-height:42px; font-size:18px; } .home-page .panel { min-height:250px; } .home-page .line-chart { height:130px; } .home-page .line-chart svg { height:105px; } .home-page .section { padding:92px 24px; } .home-page .section-heading { margin-bottom:42px; text-align:center; } .home-page .section-heading .section-kicker { margin-bottom:14px; } .home-page .section-heading h2 { max-width:1000px; margin-inline:auto; font-size:clamp(34px,3.3vw,46px); line-height:1.18; } .home-page .section-heading > p:last-child { max-width:720px; margin:16px auto 0; padding:0; border:0; font-size:16px; } .home-page .business-value { color:var(--ink); background:#fff; } .home-page .value-heading { display:block; } .home-page .value-heading .section-kicker { color:#9a8500; } .home-page .value-entry-grid { width:min(100%,var(--max)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 auto 24px; } .home-page .value-entry-card { position:relative; min-height:260px; display:grid; grid-template-columns:1.08fr .92fr; gap:18px; align-items:center; overflow:hidden; padding:34px; border:1px solid #d9dfe5; border-radius:12px; background:linear-gradient(135deg,#f8f9fb,#edf1f4); } .home-page .value-entry-card::before { content:""; position:absolute; inset:0 auto 0 0; width:5px; background:var(--yellow); } .home-page .value-entry-card small { color:#8a7600; font-size:10px; font-weight:800; letter-spacing:1.2px; } .home-page .value-entry-card h3 { margin:12px 0 10px; font-size:24px; line-height:1.35; text-wrap:balance; } .home-page .value-entry-card p { margin:0 0 22px; color:#687280; font-size:13px; line-height:1.7; } .home-page .value-entry-card .button { min-width:150px; width:max-content; padding:12px 15px; font-size:12px; } .home-page .advisor-visual { position:relative; height:180px; display:grid; place-items:center; border:1px solid #dbe1e7; border-radius:50%; background:radial-gradient(circle,#fff 0 34%,#eef2f5 35% 54%,transparent 55%); } .home-page .advisor-visual i { display:grid; place-items:center; width:74px; height:74px; color:#111; background:var(--yellow); border-radius:50%; font-style:normal; font-weight:800; box-shadow:0 12px 32px rgba(112,97,0,.18); } .home-page .advisor-visual span { position:absolute; width:28px; height:28px; border:7px solid #fff; border-radius:50%; background:#687482; box-shadow:0 5px 15px rgba(31,40,52,.15); } .home-page .advisor-visual span:nth-of-type(1) { top:18px; right:28px; } .home-page .advisor-visual span:nth-of-type(2) { right:8px; bottom:38px; background:#a6afb9; } .home-page .advisor-visual span:nth-of-type(3) { bottom:8px; left:30px; background:#242b34; } .home-page .entry-report { min-height:180px; display:grid; align-content:center; gap:13px; padding:24px; border:1px solid #dbe1e7; border-radius:8px; background:#fff; box-shadow:0 16px 34px rgba(31,40,52,.08); } .home-page .entry-report b { font-size:12px; } .home-page .entry-report strong { width:max-content; padding:5px 8px; color:#111; background:var(--yellow); font-size:9px; } .home-page .entry-report span { width:var(--v); height:8px; background:linear-gradient(90deg,var(--yellow),#a8b1ba); border-radius:99px; } .home-page .value-grid { border:0; gap:1px; background:#d8dee5; } .home-page .value-grid article { min-height:185px; padding:28px; border:0; background:#f7f8fa; } .home-page .value-grid span { display:grid; place-items:center; width:36px; height:36px; color:#111; border-radius:50%; background:var(--yellow); } .home-page .value-grid h3 { margin:22px 0 9px; color:var(--ink); } .home-page .value-grid p { color:#687280; } .home-page .intelligence { background:linear-gradient(180deg,#edf1f5,#e5eaf0); } .home-page .intelligence-heading { display:block; } .home-page .intelligence-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; border:0; background:transparent; } .home-page .intel-card { min-height:330px; overflow:hidden; padding:30px; border:1px solid #d9e0e7; border-radius:12px; background:rgba(255,255,255,.88); box-shadow:0 16px 38px rgba(42,53,67,.06); } .home-page .intel-card:first-child { color:var(--ink); background:rgba(255,255,255,.94); } .home-page .visibility-card { grid-column:1 / -1; display:grid; grid-template-columns:.82fr 1.18fr; gap:42px; align-items:center; min-height:320px; } .home-page .intelligence-grid small,.home-page .intelligence-grid article:first-child small { color:#9a8500; } .home-page .intelligence-grid h3 { min-height:0; margin:14px 0 18px; font-size:28px; } .home-page .intelligence-grid ul,.home-page .intelligence-grid article:first-child ul { display:flex; flex-wrap:wrap; gap:10px 24px; padding:0; border:0; } .home-page .intelligence-grid li,.home-page .intelligence-grid article:first-child li { color:#65707d; } .home-page .intel-copy > a { display:inline-block; margin-top:26px; padding:12px 18px; color:#111; background:var(--yellow); border-radius:4px; font-size:12px; font-weight:800; } .home-page .intel-copy > p { max-width:430px; margin:0; color:#687280; font-size:13px; line-height:1.7; } .home-page .intel-chart { position:relative; min-height:230px; overflow:hidden; padding:22px; border:1px solid #e0e5ea; border-radius:8px; background:#fafbfc; } .home-page .chart-legend { color:#66717f; font-size:10px; } .home-page .intel-chart > i { position:absolute; left:22px; right:22px; height:1px; background:#e6eaee; } .home-page .intel-chart > i:nth-of-type(1) { top:34%; }.home-page .intel-chart > i:nth-of-type(2) { top:57%; }.home-page .intel-chart > i:nth-of-type(3) { top:80%; } .home-page .intel-chart svg { position:absolute; inset:45px 20px 10px; width:calc(100% - 40px); height:175px; } .home-page .intel-chart polyline { fill:none; stroke:#d6be00; stroke-width:4; stroke-linecap:round; stroke-linejoin:round; } .home-page .intel-chart circle { fill:var(--yellow); stroke:#111; stroke-width:2; } .home-page .sentiment-visual { display:grid; gap:18px; margin-top:36px; padding:24px; background:#f5f7f9; border-radius:8px; } .home-page .sentiment-visual span { display:grid; grid-template-columns:1fr 62px; gap:12px; align-items:center; } .home-page .sentiment-visual span::before { content:""; grid-column:1; grid-row:1; width:100%; height:10px; background:#e1e6eb; border-radius:99px; } .home-page .sentiment-visual i { grid-column:1; grid-row:1; width:var(--w); height:10px; background:linear-gradient(90deg,var(--yellow),#929ca8); border-radius:99px; } .home-page .sentiment-visual b { color:#687280; font-size:10px; } .home-page .source-visual { position:relative; width:220px; height:150px; margin:28px auto 0; } .home-page .source-visual i,.home-page .source-visual span { position:absolute; display:grid; place-items:center; border-radius:50%; font-style:normal; } .home-page .source-visual i { inset:45px 80px; color:#111; background:var(--yellow); font-weight:800; } .home-page .source-visual span { width:58px; height:58px; color:#fff; background:#1c232c; font-size:10px; } .home-page .source-visual span:nth-child(1) { top:0; left:12px; }.home-page .source-visual span:nth-child(2) { top:4px; right:10px; }.home-page .source-visual span:nth-child(3) { bottom:0; left:80px; } .home-page .strategy-visual { display:grid; gap:10px; margin-top:32px; } .home-page .strategy-visual span { padding:15px 18px; border-left:4px solid var(--yellow); background:#f3f5f7; font-size:11px; font-weight:700; } .home-page .evidence-visual { display:grid; grid-template-columns:1fr auto 1fr; gap:12px; align-items:center; margin-top:38px; padding:25px; border:1px solid #e0e5ea; border-radius:8px; background:#f8f9fa; } .home-page .evidence-visual span { padding:18px; text-align:center; background:#fff; font-size:11px; font-weight:800; } .home-page .evidence-visual i::before { content:"→"; color:#8a949f; font-style:normal; } .home-page .evidence-visual b { grid-column:1 / -1; justify-self:end; padding:5px 8px; color:#111; background:var(--yellow); font-size:9px; } .home-page .capabilities { padding-top:92px; background:#fff; } .home-page .capabilities .section-heading { display:block; padding:0; border:0; } .home-page .capabilities .section-heading h2 { max-width:1000px; font-size:clamp(34px,3.3vw,46px); } .home-page .capabilities .section-heading > p:last-child { padding:0; border:0; } .home-page .capability-list { display:grid; grid-template-columns:repeat(6,minmax(0,1fr)); gap:18px; } .home-page .capability-item { position:relative; grid-template-columns:1fr; align-content:space-between; gap:20px; min-height:280px; padding:30px; overflow:hidden; border:1px solid #dce2e8; border-radius:12px; background:linear-gradient(135deg,#f8f9fb,#e9eef2); } .home-page .capability-item:nth-child(-n+3) { grid-column:span 2; } .home-page .capability-item:nth-child(n+4) { grid-column:span 3; } .home-page .capability-number { display:none; } .home-page .capability-copy { position:relative; z-index:2; } .home-page .capability-copy h3 { margin:10px 0 10px; font-size:24px; } .home-page .capability-copy p { max-width:330px; margin:0 0 20px; font-size:13px; line-height:1.65; } .home-page .capability-copy a { padding:0; border:0; background:transparent; color:#66717e; } .home-page .service-visual { position:relative; z-index:1; min-height:92px; display:grid; grid-template-columns:repeat(3,1fr); gap:8px; align-items:end; padding:14px; border:1px solid #d8dee5; border-radius:8px; background:rgba(255,255,255,.72); } .home-page .service-visual span { min-width:0; padding:14px 6px; text-align:center; color:#4c5663; border:1px solid #e1e5e9; background:#fff; font-size:9px; font-weight:700; } .home-page .service-visual i { position:absolute; top:-10px; right:12px; padding:5px 8px; color:#111; background:var(--yellow); border-radius:4px; font-size:9px; font-style:normal; font-weight:800; } .home-page .monitor-visual { grid-template-columns:1fr auto 1fr; align-items:center; } .home-page .monitor-visual b { color:#808a96; } .home-page .cases-showcase { background:radial-gradient(circle at 18% 20%,rgba(255,230,0,.12),transparent 24%),linear-gradient(135deg,#edf1f5,#e4e9ee); } .home-page .case-heading { display:block; } .home-page .case-tabs { justify-content:space-between; gap:0; padding:5px; margin-bottom:18px; border:1px solid #d4dbe2; border-radius:999px; background:rgba(255,255,255,.76); } .home-page .case-tabs span { flex:1 0 auto; padding:12px 14px; border:0; border-radius:999px; background:transparent; text-align:center; } .home-page .case-tabs .active { background:var(--yellow); } .home-page .case-grid { grid-template-columns:1fr; border:0; } .home-page .case-card.featured { min-height:470px; display:grid; grid-template-columns:1fr 1fr; gap:34px; padding:38px; color:var(--ink); border:1px solid #d7dde4; border-radius:12px; background:#fff; box-shadow:0 18px 44px rgba(42,53,67,.08); } .home-page .case-story { align-self:center; } .home-page .case-card > div:last-child { align-self:stretch; padding-top:0; } .home-page .case-metric { display:flex; align-items:center; gap:12px; padding:0; border:0; } .home-page .case-card.featured .case-metric { border:0; } .home-page .case-metric strong,.home-page .case-card.featured .case-metric strong { color:#9a8500; font-size:50px; } .home-page .case-metric em { margin-left:auto; padding:5px 8px; background:#fff8c9; } .home-page .case-card small { display:block; margin-top:28px; } .home-page .case-card h3 { margin:10px 0 14px; font-size:30px; } .home-page .case-card.featured p { color:#687280; } .home-page .case-card ul { border-color:#e0e4e8; } .home-page .case-card li { color:#4f5966; } .home-page .case-story > a { display:inline-block; margin-top:24px; padding:13px 18px; color:#111; background:var(--yellow); font-size:12px; font-weight:800; } .home-page .case-visual { display:grid; grid-template-rows:auto 1fr auto; overflow:hidden; border-radius:12px; background:linear-gradient(145deg,#111720,#35404d); } .home-page .case-visual-head { display:flex; justify-content:space-between; padding:18px 20px; color:#fff; border-bottom:1px solid rgba(255,255,255,.12); font-size:11px; } .home-page .case-visual-head em { color:var(--yellow); font-style:normal; } .home-page .robot-diagram { position:relative; display:grid; place-items:center; min-height:310px; background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px); background-size:34px 34px; } .home-page .robot-core { z-index:2; display:grid; place-items:center; width:100px; height:100px; color:#111; border-radius:50%; background:var(--yellow); font-size:25px; font-weight:800; box-shadow:0 0 0 25px rgba(255,230,0,.10),0 0 0 50px rgba(255,230,0,.05); } .home-page .robot-diagram i { position:absolute; width:74px; height:2px; background:rgba(255,255,255,.55); transform-origin:left center; } .home-page .robot-diagram i:nth-of-type(1) { transform:translate(45px,-48px) rotate(-35deg); }.home-page .robot-diagram i:nth-of-type(2) { transform:translate(45px,48px) rotate(35deg); }.home-page .robot-diagram i:nth-of-type(3) { transform:translate(-45px,-48px) rotate(215deg); }.home-page .robot-diagram i:nth-of-type(4) { transform:translate(-45px,48px) rotate(145deg); } .home-page .case-visual-foot { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; color:#fff; background:rgba(255,255,255,.15); } .home-page .case-visual-foot span { padding:15px; background:#171e27; text-align:center; font-size:10px; } .home-page .case-replacement-note { justify-content:center; border:0; background:rgba(255,255,255,.58); } .home-page .advantages { background:#fff; } .home-page .support-grid { width:min(100%,var(--max)); display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; margin:0 auto; } .home-page .support-card { position:relative; min-height:370px; display:flex; flex-direction:column; justify-content:flex-start; overflow:hidden; padding:42px 34px 30px; color:#fff; border-radius:12px; background:linear-gradient(145deg,rgba(10,14,20,.86),rgba(31,40,51,.93)); box-shadow:0 20px 50px rgba(22,29,38,.16); } .home-page .support-card::before { content:""; position:absolute; inset:0; opacity:.32; background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px); background-size:40px 40px; } .home-page .team-support::after { display:none; } .home-page .support-proof,.home-page .support-card > div,.home-page .support-card ul { position:relative; z-index:1; } .home-page .support-card > div { margin-top:34px; } .home-page .support-card ul { margin-top:auto; padding-top:40px; } .home-page .support-proof { align-self:flex-start; padding:6px 9px; color:#111; background:var(--yellow); border-radius:4px; font-size:9px; font-weight:800; } .home-page .support-card h3 { margin:28px 0 8px; font-size:29px; } .home-page .support-card p { max-width:500px; margin:0; color:#c4cbd4; font-size:13px; line-height:1.7; } .home-page .support-card ul { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; padding:0; margin:44px 0 0; list-style:none; } .home-page .support-card li { display:grid; gap:10px; justify-items:center; text-align:center; } .home-page .support-card li > i { display:grid; place-items:center; width:44px; height:44px; color:#111; background:#fff; border:5px solid rgba(255,230,0,.7); border-radius:50%; font-style:normal; font-weight:800; } .home-page .support-card li span { font-size:12px; font-weight:800; } .home-page .support-card li small { display:block; margin-top:4px; color:#aeb7c1; font-size:10px; font-weight:500; } .home-page .faq { width:auto; display:block; padding-top:92px; background:#f3f5f7; } .home-page .faq-heading { width:min(100%,var(--max)); margin:0 auto 38px; text-align:center; } .home-page .faq-heading h2 { font-size:clamp(34px,3.3vw,46px); } .home-page .faq-heading > p:last-child { max-width:720px; margin:15px auto 0; } .home-page .faq-list { width:min(100%,var(--max)); display:grid; gap:14px; margin:0 auto; border:0; } .home-page .faq-list > details,.home-page .faq-extra > details { overflow:hidden; padding:0 26px; border:1px solid #e0e4e8; border-radius:8px; background:#fff; box-shadow:0 8px 22px rgba(31,40,52,.05); } .home-page .faq-list summary { padding:22px 0; } @media (max-width:900px) { .home-page .site-header { height:72px; } .home-page .hero { grid-template-columns:1fr; padding-top:110px; } .home-page .hero-copy { margin-inline:auto; } .home-page .value-entry-grid,.home-page .support-grid { grid-template-columns:1fr; } .home-page .capability-item:nth-child(-n+3),.home-page .capability-item:nth-child(n+4) { grid-column:span 3; } .home-page .case-tabs { justify-content:flex-start; border-radius:12px; } .home-page .case-tabs span { flex:0 0 auto; } .home-page .case-card.featured { grid-template-columns:1fr; } } @media (max-width:640px) { .home-page .section { padding:72px 18px; } .home-page .section-heading h2 { font-size:32px; } .home-page .hero { padding:96px 16px 28px; } .home-page .hero h1 { font-size:43px; } .home-page .hero-lead { font-size:23px; } .home-page .value-entry-card { grid-template-columns:1fr; padding:28px 24px; } .home-page .advisor-visual,.home-page .entry-report { min-height:160px; } .home-page .value-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .home-page .value-grid article { padding:23px 18px; } .home-page .intelligence-grid { grid-template-columns:1fr; } .home-page .visibility-card { grid-column:auto; grid-template-columns:1fr; } .home-page .intel-card { min-height:0; padding:25px 22px; } .home-page .intelligence-grid h3 { font-size:25px; } .home-page .intel-chart { min-height:210px; } .home-page .capability-list { grid-template-columns:1fr; } .home-page .capability-item:nth-child(-n+3),.home-page .capability-item:nth-child(n+4) { grid-column:auto; } .home-page .capability-item { min-height:255px; padding:25px 22px; } .home-page .case-card.featured { min-height:0; padding:24px 20px; } .home-page .case-metric { align-items:flex-start; flex-wrap:wrap; } .home-page .case-metric em { margin-left:0; } .home-page .case-card h3 { font-size:26px; } .home-page .robot-diagram { min-height:250px; } .home-page .support-card { min-height:430px; padding:32px 22px 25px; } .home-page .support-card h3 { font-size:25px; } .home-page .support-card ul { grid-template-columns:repeat(2,1fr); gap:22px 10px; } .home-page .faq-list > details,.home-page .faq-extra > details { padding:0 18px; } } .home-page .hero { display:block; min-height:690px; padding:96px 24px 26px; } .home-page .hero-slides { position:relative; z-index:3; width:min(100%,var(--max)); min-height:510px; margin:0 auto; } .home-page .hero-slide { position:absolute; inset:0; min-width:0; display:grid; grid-template-columns:minmax(340px,.9fr) minmax(560px,1.1fr); gap:52px; align-items:center; opacity:0; visibility:hidden; transform:translateX(24px); transition:opacity .55s ease,transform .55s ease,visibility 0s linear .55s; pointer-events:none; } .home-page .hero-slide.is-active { z-index:2; opacity:1; visibility:visible; transform:none; transition-delay:0s; pointer-events:auto; } .home-page .banner-title { margin:0; font-size:clamp(44px,4.15vw,62px); line-height:1.1; letter-spacing:-2px; font-weight:800; } .home-page .banner-title span,.home-page .banner-title strong { display:block; } .home-page .banner-title strong { position:relative; width:max-content; max-width:100%; margin-top:8px; font-weight:800; } .home-page .banner-title strong::after { content:""; position:absolute; z-index:-1; left:-4px; right:-8px; bottom:6px; height:17px; background:var(--yellow); opacity:.78; } .home-page .banner-visual { position:relative; min-height:405px; overflow:hidden; border:1px solid #d7dde4; border-radius:14px; background:rgba(255,255,255,.9); box-shadow:0 26px 64px rgba(31,40,52,.14); } .home-page .banner-panel-head { display:flex; justify-content:space-between; gap:16px; align-items:center; padding:18px 20px; color:#232b34; border-bottom:1px solid #e0e5ea; background:rgba(250,251,252,.92); font-size:12px; font-weight:800; } .home-page .banner-panel-head em { padding:5px 8px; color:#655800; border:1px solid #e2d25e; border-radius:999px; background:#fff8bf; font-size:9px; font-style:normal; font-weight:800; } .home-page .scope-summary { display:grid; grid-template-columns:auto 1fr; align-items:center; gap:0 14px; padding:27px 28px 22px; border-bottom:1px solid #e3e7eb; } .home-page .scope-summary strong { grid-row:1 / 3; color:#a38c00; font-size:68px; line-height:1; } .home-page .scope-summary span { align-self:end; font-size:19px; font-weight:800; } .home-page .scope-summary small { align-self:start; margin-top:6px; color:#6e7885; font-size:11px; } .home-page .banner-platform-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:21px 28px; } .home-page .banner-platform-list .platform-name { display:flex; align-items:center; gap:9px; min-width:0; padding:12px; border:1px solid #e1e5e9; border-radius:8px; background:#f7f8fa; font-size:11px; font-weight:700; } .home-page .banner-platform-list img { width:24px; height:24px; object-fit:contain; border-radius:8px; } .home-page .scope-foot { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0 28px 24px; background:#dfe4e9; } .home-page .scope-foot span { padding:12px 8px; background:#f6f8f9; text-align:center; color:#56616e; font-size:9px; font-weight:800; } .home-page .report-field-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; padding:30px 30px 22px; } .home-page .report-field-grid > div { min-height:102px; display:flex; flex-direction:column; justify-content:space-between; padding:17px; border:1px solid #dfe4e9; border-radius:8px; background:linear-gradient(145deg,#fff,#f1f4f6); } .home-page .report-field-grid small { color:#737e8b; font-size:10px; } .home-page .report-field-grid strong { font-size:14px; } .home-page .report-field-grid > div:first-child { border-color:#d2bd12; box-shadow:inset 4px 0 0 var(--yellow); } .home-page .report-evidence-row { display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:0 30px 26px; background:#dce1e6; } .home-page .report-evidence-row span { padding:13px 7px; background:#f4f6f8; text-align:center; color:#596471; font-size:9px; font-weight:800; } .home-page .chain-visual ol { display:grid; gap:0; padding:18px 30px 24px; margin:0; list-style:none; } .home-page .chain-visual li { position:relative; display:grid; grid-template-columns:42px 1fr; gap:14px; align-items:center; min-height:66px; padding:8px 0; border-bottom:1px solid #e1e5e9; } .home-page .chain-visual li:last-child { border-bottom:0; } .home-page .chain-visual li b { display:grid; place-items:center; width:38px; height:38px; color:#111; border-radius:50%; background:var(--yellow); font-size:10px; } .home-page .chain-visual li:not(:last-child)::after { content:""; position:absolute; left:18px; bottom:-9px; width:1px; height:18px; background:#afbbc5; } .home-page .chain-visual li span { font-size:14px; font-weight:800; } .home-page .chain-visual li small { display:block; margin-top:4px; color:#737d89; font-size:9px; font-weight:500; } .home-page .delivery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding:30px; } .home-page .delivery-grid > span { min-height:138px; display:grid; align-content:center; justify-items:start; gap:8px; padding:20px; border:1px solid #dfe4e9; border-radius:12px; background:linear-gradient(145deg,#fff,#eff3f6); } .home-page .delivery-grid b { display:grid; place-items:center; width:34px; height:34px; color:#111; border-radius:50%; background:var(--yellow); } .home-page .delivery-grid strong { font-size:14px; } .home-page .delivery-grid small { color:#737e89; font-size:9px; } .home-page .hero-pagination { position:relative; z-index:4; width:min(100%,var(--max)); display:flex; justify-content:flex-end; gap:8px; margin:-8px auto 16px; } .home-page .hero-pagination button { position:relative; width:118px; height:42px; display:flex; align-items:center; justify-content:center; gap:8px; overflow:hidden; padding:0 12px; color:#6b7581; border:1px solid #d7dde3; border-radius:8px; background:rgba(255,255,255,.72); cursor:pointer; font-size:9px; font-weight:800; transition:width .25s ease,border-color .25s ease,color .25s ease,background .25s ease,box-shadow .25s ease; } .home-page .hero-pagination button span { color:#9c8700; font-size:9px; } .home-page .hero-pagination button b { font-size:10px; font-weight:800; white-space:nowrap; } .home-page .hero-pagination button::after { content:""; position:absolute; left:0; right:auto; bottom:0; width:0; height:3px; background:var(--yellow); } .home-page .hero-pagination button.is-active { width:136px; color:#1c232b; border-color:#d9c83f; background:#fff; box-shadow:0 9px 22px rgba(48,58,68,.08); } .home-page .hero-pagination button.is-active::after { width:100%; } .home-page .advisor-visual { overflow:hidden; background:radial-gradient(circle,#fff 0 31%,#eef2f5 32% 52%,transparent 53%); } .home-page .advisor-visual::before { content:""; position:absolute; width:75%; height:75%; border:1px dashed #c5cdd5; border-radius:50%; animation:advisor-orbit 18s linear infinite; } .home-page .advisor-visual i { z-index:2; } .home-page .advisor-visual span { width:auto; height:auto; padding:7px 10px; color:#fff; border:3px solid #fff; border-radius:99px; font-size:9px; font-weight:800; } .home-page .advisor-visual span:nth-of-type(1) { top:18px; right:25px; } .home-page .advisor-visual span:nth-of-type(2) { right:4px; bottom:38px; } .home-page .advisor-visual span:nth-of-type(3) { bottom:7px; left:24px; } .home-page .advisor-visual b { position:absolute; left:13px; top:13px; padding:5px 7px; color:#111; background:var(--yellow); font-size:9px; } @keyframes advisor-orbit { to { transform:rotate(360deg); } } .home-page .entry-report { align-content:stretch; gap:11px; } .home-page .entry-report > div { display:flex; justify-content:space-between; gap:12px; align-items:center; } .home-page .entry-report dl { display:grid; gap:0; margin:0; border:1px solid #e1e5e9; border-radius:8px; } .home-page .entry-report dl div { display:grid; grid-template-columns:.8fr 1.2fr; gap:10px; padding:10px 12px; border-bottom:1px solid #e6eaee; } .home-page .entry-report dl div:last-child { border-bottom:0; } .home-page .entry-report dt,.home-page .entry-report dd { margin:0; font-size:9px; } .home-page .entry-report dt { color:#747e8a; } .home-page .entry-report dd { font-weight:800; text-align:right; } .home-page .entry-report-head { min-height:24px; } .home-page .entry-report-head strong { flex:0 0 auto; } .home-page .entry-report-stats span { width:auto; height:auto; background:#f7f8fa; border-radius:8px; } .home-page .entry-report-proof { display:grid!important; grid-template-columns:repeat(2,minmax(0,1fr)); gap:7px!important; } .home-page .entry-report-proof > span { width:auto; height:auto; display:grid; gap:4px; padding:9px 10px; border:1px solid #e3e7eb; border-radius:8px; background:#fff; } .home-page .entry-report-proof small { color:#596572; font-size:9px; }.home-page .entry-report-proof b { font-size:9px; } .home-page .entry-report-note { margin:0!important; color:#596572!important; font-size:9px!important; line-height:1.45!important; } .home-page .chart-status-head { display:flex; justify-content:space-between; align-items:center; } .home-page .chart-status-head b { padding:5px 8px; color:#111; background:var(--yellow); border-radius:4px; font-size:9px; } .home-page .trend-empty { position:relative; min-height:138px; display:grid; place-content:center; justify-items:center; gap:8px; margin-top:14px; overflow:hidden; border:1px solid #e2e6ea; border-radius:8px; background-image:linear-gradient(#e8ecf0 1px,transparent 1px),linear-gradient(90deg,#e8ecf0 1px,transparent 1px); background-size:42px 42px; text-align:center; } .home-page .trend-empty::before { content:""; position:absolute; inset:auto 9% 26px; height:2px; background:linear-gradient(90deg,transparent,#c5ab00 25% 75%,transparent); transform:skewY(-6deg); opacity:.5; } .home-page .trend-empty i { z-index:1; width:12px; height:12px; border:3px solid #fff; border-radius:50%; background:var(--yellow); box-shadow:0 0 0 1px #b59d00; } .home-page .trend-empty strong,.home-page .trend-empty span { position:relative; z-index:1; padding:2px 8px; background:rgba(250,251,252,.9); } .home-page .trend-empty strong { font-size:12px; }.home-page .trend-empty span { color:#747e8a; font-size:9px; } .home-page .trend-dimensions { display:grid; grid-template-columns:repeat(3,1fr); gap:7px; margin-top:10px; } .home-page .trend-dimensions span { padding:8px; text-align:center; background:#eef1f4; color:#65707c; font-size:9px; font-weight:800; } .home-page .sentiment-visual span { grid-template-columns:1fr 48px 34px; } .home-page .sentiment-visual span::before { grid-column:1; } .home-page .sentiment-visual i { width:0; } .home-page .sentiment-visual b { grid-column:2; } .home-page .sentiment-visual strong { grid-column:3; text-align:right; font-size:11px; } .home-page .sentiment-visual small { color:#747e8a; font-size:9px; line-height:1.5; } .home-page .source-visual { width:auto; height:auto; display:grid; gap:0; margin-top:28px; border:1px solid #e0e5ea; border-radius:8px; background:#f7f9fa; } .home-page .source-visual > div { display:grid; grid-template-columns:.8fr 1.2fr; gap:10px; padding:13px 15px; border-bottom:1px solid #e2e6ea; } .home-page .source-visual > div span,.home-page .source-visual > div b { position:static; display:block; width:auto; height:auto; color:inherit; border-radius:0; background:transparent; font-size:9px; } .home-page .source-visual > div span { color:#707a86; }.home-page .source-visual > div b { text-align:right; } .home-page .source-visual > small { padding:11px 15px; color:#111; background:#fff3a6; font-size:9px; font-weight:800; } .home-page .evidence-visual { grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; padding:16px; margin-top:28px; } .home-page .evidence-visual > div { display:grid; gap:6px; min-height:76px; align-content:center; padding:13px; background:#fff; border:1px solid #e2e6ea; } .home-page .evidence-visual span { padding:0; text-align:left; background:transparent; font-size:9px; } .home-page .evidence-visual b { justify-self:start; padding:0; color:#6d7783; background:transparent; font-size:9px; line-height:1.45; } .home-page .case-data-panel { display:grid; grid-template-columns:.76fr 1.24fr; gap:20px; align-items:stretch; padding:28px; color:#fff; } .home-page .case-data-primary { display:grid; align-content:center; justify-items:start; padding:22px; border:1px solid rgba(255,255,255,.15); background:rgba(255,255,255,.05); } .home-page .case-data-primary span { color:#b9c2cc; font-size:9px; } .home-page .case-data-primary strong { color:var(--yellow); font-size:72px; line-height:1.1; } .home-page .case-data-primary strong small { margin-left:4px; color:#fff; font-size:13px; } .home-page .case-data-primary em { color:#9da8b4; font-size:9px; font-style:normal; } .home-page .case-data-panel dl { display:grid; align-content:center; gap:0; margin:0; } .home-page .case-data-panel dl div { display:grid; grid-template-columns:74px 1fr; gap:12px; padding:13px 0; border-bottom:1px solid rgba(255,255,255,.13); } .home-page .case-data-panel dt,.home-page .case-data-panel dd { margin:0; font-size:10px; } .home-page .case-data-panel dt { color:#909ba8; }.home-page .case-data-panel dd { font-weight:800; } @media (min-width: 1100px) { } @media (max-width: 1100px) { .home-page .hero { min-height:1040px; padding-top:102px; } .home-page .hero-slides { min-height:850px; } .home-page .hero-slide { grid-template-columns:1fr; align-content:start; gap:32px; } .home-page .hero-copy { width:100%; max-width:720px; min-width:0; margin-left:auto; margin-right:auto; text-align:center; } .home-page .banner-title strong { margin-inline:auto; } .home-page .banner-visual { width:100%; max-width:720px; min-height:395px; margin:auto; } .home-page .hero-pagination { justify-content:center; margin-top:0; } .home-page .hero-actions { justify-content:center; } .home-page .hero h1 small { margin-left:auto; margin-right:auto; } .home-page .hero h1 strong { margin-inline:auto; } .home-page .hero-lead, .home-page .hero-description { margin-left:auto; margin-right:auto; } } @media (max-width: 1200px) { .home-page .value-entry-grid { grid-template-columns:1fr; } } @media (max-width:900px) { .home-page .hero { min-height:1040px; padding-top:102px; } .home-page .hero-slides { min-height:850px; } .home-page .hero-slide { grid-template-columns:1fr; align-content:start; gap:32px; } .home-page .hero-copy { max-width:720px; text-align:center; } .home-page .banner-title strong { margin-inline:auto; } .home-page .banner-visual { width:100%; max-width:720px; min-height:395px; margin:auto; } .home-page .hero-pagination { justify-content:center; margin-top:0; } } @media (max-width:640px) { .home-page .hero { min-height:970px; padding:92px 16px 22px; } .home-page .hero-slides { min-height:790px; } .home-page .hero-slide { gap:24px; } .home-page .banner-title { font-size:39px; letter-spacing:-1.4px; } .home-page .banner-visual { min-height:365px; } .home-page .banner-panel-head { padding:14px; }.home-page .banner-panel-head em { max-width:150px; text-align:right; } .home-page .scope-summary { padding:20px 18px 17px; }.home-page .scope-summary strong { font-size:52px; }.home-page .scope-summary span { font-size:16px; } .home-page .banner-platform-list { gap:7px; padding:16px 18px; }.home-page .banner-platform-list .platform-name { gap:6px; padding:9px 7px; font-size:9px; }.home-page .banner-platform-list img { width:20px; height:20px; } .home-page .scope-foot { margin:0 18px 18px; } .home-page .report-field-grid,.home-page .delivery-grid { gap:8px; padding:18px; }.home-page .report-field-grid > div { min-height:88px; padding:13px; }.home-page .report-evidence-row { grid-template-columns:repeat(2,1fr); margin:0 18px 18px; } .home-page .chain-visual ol { padding:12px 20px 16px; }.home-page .chain-visual li { min-height:59px; } .home-page .delivery-grid > span { min-height:126px; padding:15px; } .home-page .hero-pagination { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:5px; } .home-page .hero-pagination button,.home-page .hero-pagination button.is-active { width:100%; height:38px; padding:0 6px; } .home-page .hero-pagination button b { display:none; } .home-page .case-data-panel { grid-template-columns:1fr; padding:20px; }.home-page .case-data-primary { justify-items:center; text-align:center; }.home-page .case-data-primary strong { font-size:58px; } } @media (prefers-reduced-motion:reduce) { .home-page .hero-slide { transition:none; } .home-page .hero-pagination button.is-active::after { width:100%; animation:none; } } .home-page .compact-title span { white-space:nowrap; } .home-page .scope-proof-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; padding:28px 28px 12px; } .home-page .scope-proof-grid > div { display:grid; gap:5px; align-content:center; min-height:82px; padding:14px; border:1px solid #dfe4e9; border-radius:8px; background:linear-gradient(145deg,#fff,#f1f4f6); } .home-page .scope-proof-grid strong { color:#9b8500; font-size:32px; line-height:1; } .home-page .scope-proof-grid span { color:#4e5966; font-size:10px; font-weight:800; } .home-page .scope-proof-copy { margin:0 28px 4px; color:#596572; font-size:11px; line-height:1.65; } .home-page .platform-scope-visual .banner-platform-list { padding-top:14px; padding-bottom:14px; } .home-page .platform-scope-visual .scope-foot { margin-bottom:18px; } .home-page .report-dashboard-body { display:grid; grid-template-columns:.88fr 1.12fr; gap:12px; padding:24px 24px 15px; } .home-page .report-dashboard-body .report-field-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:0; } .home-page .report-dashboard-body .report-field-grid > div { position:relative; min-height:74px; display:grid; grid-template-columns:1fr auto; align-content:center; gap:4px; padding:13px; } .home-page .report-dashboard-body .report-field-grid small { grid-column:1 / -1; } .home-page .report-dashboard-body .report-field-grid strong { font-size:25px; line-height:1; } .home-page .report-dashboard-body .report-field-grid em { align-self:end; color:#6c7682; font-size:9px; font-style:normal; } .home-page .report-proof-preview { display:grid; align-content:start; gap:10px; padding:17px; border:1px solid #dfe4e9; border-radius:8px; background:#fff; box-shadow:0 12px 28px rgba(31,40,52,.07); } .home-page .report-proof-preview > span { color:#9a8500; font-size:9px; font-weight:800; } .home-page .report-proof-preview > strong { font-size:12px; line-height:1.5; } .home-page .answer-skeleton { display:grid; gap:7px; padding:12px; border-radius:8px; background:#f2f5f7; } .home-page .answer-skeleton i { height:6px; border-radius:99px; background:linear-gradient(90deg,var(--yellow),#aab3bd); } .home-page .answer-skeleton i:nth-child(2) { width:82%; }.home-page .answer-skeleton i:nth-child(3) { width:58%; } .home-page .report-proof-preview dl { display:grid; grid-template-columns:repeat(2,1fr); gap:7px; margin:0; } .home-page .report-proof-preview dl div { padding:9px; border:1px solid #e4e8ec; border-radius:8px; } .home-page .report-proof-preview dt,.home-page .report-proof-preview dd { margin:0; font-size:9px; } .home-page .report-proof-preview dt { color:#79838e; }.home-page .report-proof-preview dd { margin-top:4px; font-weight:800; } .home-page .report-evidence-row { margin:0 24px 22px; } .home-page .chain-summary { display:grid; grid-template-columns:auto 1fr; gap:14px; align-items:center; margin:18px 24px 0; padding:13px 16px; border:1px solid #e0e5ea; border-radius:8px; background:linear-gradient(120deg,#fffbe2,#f2f5f7); } .home-page .chain-summary strong { color:#9b8500; font-size:24px; }.home-page .chain-summary span { color:#5f6a76; font-size:9px; line-height:1.55; } .home-page .chain-visual ol { grid-template-columns:repeat(2,minmax(0,1fr)); gap:8px; padding:12px 24px 22px; } .home-page .chain-visual li { min-height:68px; padding:9px 12px; border:1px solid #e1e5e9; border-radius:8px; background:#fff; } .home-page .chain-visual li:nth-child(5) { grid-column:1 / -1; }.home-page .chain-visual li:not(:last-child)::after { display:none; } .home-page .chain-visual li b { width:32px; height:32px; }.home-page .chain-visual li span { font-size:11px; } .home-page .delivery-grid { gap:10px; padding:24px 24px 14px; } .home-page .delivery-grid > span { min-height:112px; } .home-page .delivery-status { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; margin:0 24px 22px; background:#dce2e7; } .home-page .delivery-status span { position:relative; padding:12px 8px 12px 23px; background:#f7f9fa; color:#596572; font-size:9px; font-weight:800; text-align:center; } .home-page .delivery-status span::before { content:""; position:absolute; left:12px; top:50%; width:6px; height:6px; transform:translateY(-50%); border-radius:50%; background:var(--yellow); box-shadow:0 0 0 3px rgba(255,230,0,.2); } .home-page .entry-report-stats { display:grid!important; grid-template-columns:repeat(3,1fr); gap:6px!important; } .home-page .entry-report-stats span { display:grid; gap:2px; padding:9px 6px; border:1px solid #e2e6ea; border-radius:8px; background:#f7f8fa; } .home-page .entry-report-stats span b { color:#9a8500; font-size:18px; } .home-page .entry-report-stats span small { color:#596572; font-size:9px; } .home-page .intelligence-sample-note { width:min(100%,var(--max)); display:flex; justify-content:center; gap:12px; align-items:center; margin:-18px auto 24px; padding:12px 18px; border:1px solid #d8c747; border-radius:8px; background:#fff8c8; color:#4d535a; font-size:10px; } .home-page .intelligence-sample-note strong { color:#111; white-space:nowrap; } .home-page .sample-progress ol { display:grid; grid-template-columns:repeat(3,1fr); gap:10px; padding:0; margin:18px 0 0; list-style:none; } .home-page .sample-progress li { position:relative; min-height:125px; display:grid; align-content:center; justify-items:start; gap:10px; padding:18px; border:1px solid #e0e5ea; border-radius:8px; background:#fff; } .home-page .sample-progress li > b { display:grid; place-items:center; width:30px; height:30px; color:#111; border-radius:50%; background:var(--yellow); font-size:9px; } .home-page .sample-progress li span { font-size:11px; font-weight:800; } .home-page .sample-progress li small { display:block; margin-top:5px; color:#727d89; font-size:9px; font-weight:500; line-height:1.45; } .home-page .sentiment-visual i { width:var(--w); } .home-page .sentiment-visual span:nth-child(1) i { background:linear-gradient(90deg,#d4bd00,var(--yellow)); } .home-page .sentiment-visual span:nth-child(2) i { background:#9ea8b3; } .home-page .sentiment-visual span:nth-child(3) i { background:#d0a36b; } .home-page .source-visual.source-distribution > div { grid-template-columns:110px minmax(0,1fr) 36px; align-items:center; } .home-page .source-visual.source-distribution > div > span { position:static; inset:auto; display:block; width:auto; height:auto; color:#707a86; border-radius:0; background:transparent; } .home-page .source-visual.source-distribution > div > i { position:relative; inset:auto; display:block; width:100%; height:8px; overflow:hidden; border-radius:99px; background:#e3e7eb; } .home-page .source-visual.source-distribution > div > i::after { content:""; position:absolute; inset:0 auto 0 0; width:var(--w); border-radius:inherit; background:linear-gradient(90deg,#ffe600,#b6a500); } .home-page .source-visual.source-distribution > div > b { position:static; text-align:right; font-size:10px; } .home-page .strategy-visual { gap:8px; } .home-page .strategy-visual span { display:grid; grid-template-columns:42px 1fr; gap:2px 12px; align-items:center; padding:12px 14px; border:1px solid #e1e5e9; border-left:4px solid var(--yellow); border-radius:8px; background:#f7f8fa; } .home-page .strategy-visual span b { grid-row:1 / 3; color:#a28b00; font-size:24px; } .home-page .strategy-visual span em { color:#202832; font-size:10px; font-style:normal; font-weight:800; } .home-page .strategy-visual span small { color:#747f8a; font-size:9px; } .home-page .evidence-visual > div { position:relative; overflow:hidden; } .home-page .evidence-visual > div::after { content:""; position:absolute; right:-14px; bottom:-18px; width:54px; height:54px; border:10px solid rgba(255,230,0,.16); border-radius:50%; } .home-page .evidence-visual strong { color:#9b8500; font-size:20px; line-height:1; } .home-page .evidence-visual > div b { max-width:145px; } .home-page .capability-trust-row { width:min(100%,var(--max)); display:grid; grid-template-columns:repeat(4,1fr); gap:1px; margin:-18px auto 26px; border:1px solid #d8dee5; border-radius:8px; overflow:hidden; background:#d8dee5; } .home-page .capability-trust-row span { position:relative; padding:14px 12px 14px 34px; background:#fffdf4; color:#525d69; font-size:10px; font-weight:700; } .home-page .capability-trust-row span::before { content:"✓"; position:absolute; left:13px; top:50%; display:grid; place-items:center; width:14px; height:14px; transform:translateY(-50%); color:#111; border-radius:50%; background:var(--yellow); font-size:9px; font-weight:800; } .home-page .capability-item { border-color:#d9dee4; background:linear-gradient(145deg,#fffdf8,#eef2f5); transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease; } .home-page .capability-item:hover { transform:translateY(-4px); border-color:#d4bd00; box-shadow:0 18px 36px rgba(31,40,52,.09); } .home-page .capability-item::after { position:absolute; right:18px; top:6px; color:rgba(112,98,0,.07); font-size:78px; font-weight:800; line-height:1; } .home-page .capability-item:nth-child(1)::after { content:"01"; }.home-page .capability-item:nth-child(2)::after { content:"02"; }.home-page .capability-item:nth-child(3)::after { content:"03"; }.home-page .capability-item:nth-child(4)::after { content:"04"; }.home-page .capability-item:nth-child(5)::after { content:"05"; } .home-page .service-visual { background:rgba(255,253,241,.86); } .home-page .service-visual i { box-shadow:0 5px 12px rgba(117,102,0,.13); } .home-page .case-tabs button { flex:1 0 auto; padding:12px 14px; color:#626d79; border:0; border-radius:999px; background:transparent; cursor:pointer; text-align:center; font:inherit; font-size:10px; font-weight:700; transition:background .2s ease,color .2s ease; } .home-page .case-tabs button:hover { color:#111; background:#fff9c7; } .home-page .case-tabs button.active { color:#111; background:var(--yellow); } .home-page .case-card.featured { background:#fff; } .home-page .case-metric em { background:#fff0a1; } .home-page .case-visual { color:var(--ink); border:1px solid #d9e0e6; background:linear-gradient(145deg,#f9fafb,#edf1f4); box-shadow:0 14px 34px rgba(31,40,52,.08); } .home-page .case-visual-head { color:#222b35; border-bottom:1px solid #dce2e7; background:#fff; } .home-page .case-visual-head em { color:#725f00; } .home-page .case-data-panel { grid-template-columns:.9fr 1.1fr; gap:14px; padding:22px; color:#222b35; } .home-page .case-data-primary { position:relative; overflow:hidden; align-content:center; gap:9px; padding:24px; border:1px solid #e0d270; border-radius:12px; background:radial-gradient(circle at 85% 15%,rgba(255,230,0,.32),transparent 28%),linear-gradient(145deg,#fffdf0,#f7f8f9); box-shadow:0 10px 24px rgba(91,79,0,.08); } .home-page .case-data-primary::after { content:""; position:absolute; right:-26px; bottom:-34px; width:110px; height:110px; border:24px solid rgba(214,190,0,.10); border-radius:50%; } .home-page .case-data-primary span { color:#6e6b5f; } .home-page .case-data-primary strong { position:relative; z-index:1; display:flex; align-items:flex-end; color:#a58d00; font-size:64px; } .home-page .case-data-primary strong > span { color:inherit; } .home-page .case-data-primary strong small { color:#4e4a3b; } .home-page .case-data-primary em { color:#817b69; } .home-page .case-evidence-tags { position:relative; z-index:1; display:flex; flex-wrap:wrap; gap:5px; margin-top:8px; } .home-page .case-evidence-tags i { padding:5px 7px; color:#5c6470; border:1px solid #dfe4e8; border-radius:99px; background:#fff; font-size:9px; font-style:normal; font-weight:800; } .home-page .case-data-panel dl { gap:8px; } .home-page .case-data-panel dl div { grid-template-columns:1fr; gap:7px; padding:13px 15px; border:1px solid #dfe4e8; border-left:4px solid var(--yellow); border-radius:8px; background:rgba(255,255,255,.86); } .home-page .case-data-panel dt { color:#918000; font-size:9px; font-weight:800; }.home-page .case-data-panel dd { font-size:10px; line-height:1.5; } .home-page .case-visual-foot { color:#373f49; background:#dce2e7; } .home-page .case-visual-foot span { background:#fff; } .home-page .case-card[data-case-slot]:not([data-case-slot="manufacturing"]) .case-metric strong { font-size:34px; } .home-page .case-card[data-case-slot]:not([data-case-slot="manufacturing"]) .case-data-primary strong { font-size:42px; } .home-page .support-card { color:var(--ink); border:1px solid #d9e0e6; background:linear-gradient(145deg,#fff,#eef2f5); box-shadow:0 12px 30px rgba(31,40,52,.06); transition:border-color .18s ease, transform .18s ease; } .home-page .support-card::before { opacity:.55; background-image:linear-gradient(rgba(88,100,114,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(88,100,114,.06) 1px,transparent 1px); } .home-page .support-proof { color:#665800; border:1px solid #e2d36b; background:#fff9c8; } .home-page .support-card p { color:#687482; } .home-page .support-card li > i { color:var(--yellow); background:var(--ink); border-color:#fff; box-shadow:none; } .home-page .support-card li span { color:#303944; }.home-page .support-card li small { color:#76818d; } .home-page .value-grid article { position:relative; overflow:hidden; padding-right:138px; } .home-page .value-grid h3,.home-page .value-grid p,.home-page .value-grid > article > span { position:relative; z-index:2; } .home-page .value-graphic { position:absolute; z-index:1; right:24px; top:50%; width:92px; height:92px; overflow:hidden; transform:translateY(-50%); border:1px solid #dbe1e6; border-radius:22px; background:linear-gradient(145deg,#fff,#e9eef2); box-shadow:0 12px 28px rgba(31,40,52,.07); } .home-page .value-graphic b { position:absolute; z-index:3; display:grid; place-items:center; color:#111; background:var(--yellow); font-size:20px; font-weight:800; } .home-page .traffic-graphic i { position:absolute; border:1px solid #bfc8d1; border-radius:50%; } .home-page .traffic-graphic i:nth-child(1) { inset:13px; }.home-page .traffic-graphic i:nth-child(2) { inset:26px; border-style:dashed; } .home-page .traffic-graphic b { right:12px; top:12px; width:38px; height:38px; border-radius:50%; box-shadow:-18px 18px 0 rgba(255,230,0,.18); } .home-page .cost-graphic i { position:absolute; left:16px; height:10px; border-radius:99px; background:linear-gradient(90deg,var(--yellow),#9aa5b0); } .home-page .cost-graphic i:nth-child(1) { right:15px; top:22px; }.home-page .cost-graphic i:nth-child(2) { right:30px; top:41px; }.home-page .cost-graphic i:nth-child(3) { right:46px; top:60px; } .home-page .cost-graphic b { right:12px; bottom:10px; width:30px; height:30px; border-radius:8px; font-size:16px; } .home-page .conversion-graphic { display:grid; align-content:center; justify-items:center; gap:5px; } .home-page .conversion-graphic i { display:block; height:14px; background:linear-gradient(90deg,#c7d0d8,var(--yellow)); clip-path:polygon(6% 0,94% 0,82% 100%,18% 100%); } .home-page .conversion-graphic i:nth-child(1) { width:68px; }.home-page .conversion-graphic i:nth-child(2) { width:50px; }.home-page .conversion-graphic i:nth-child(3) { width:32px; } .home-page .conversion-graphic b { right:10px; bottom:9px; width:28px; height:28px; border-radius:50%; font-size:14px; } .home-page .position-graphic i { position:absolute; border:1px solid #bfc8d1; border-radius:50%; } .home-page .position-graphic i:nth-child(1) { inset:10px; }.home-page .position-graphic i:nth-child(2) { inset:23px; border-style:dashed; }.home-page .position-graphic i:nth-child(3) { inset:35px; background:rgba(255,230,0,.18); border-color:#d1ba00; } .home-page .position-graphic b { inset:31px; border-radius:50%; font-size:13px; } .home-page .case-data-primary { min-height:250px; border-width:2px; } .home-page .case-data-primary > span { position:relative; z-index:1; width:auto; height:auto; padding:6px 9px; color:#111; border-radius:4px; background:var(--yellow); font-size:9px; font-weight:800; } .home-page .case-data-primary strong > span { color:#9b8500; font-size:86px; font-weight:800; letter-spacing:-5px; line-height:.9; } .home-page .case-data-primary strong small { margin:0 0 7px 10px; color:#28313b; font-size:14px; font-weight:800; } .home-page .case-data-primary > em { position:relative; z-index:1; max-width:245px; color:#596572; font-size:11px; font-weight:700; line-height:1.55; } .home-page .hero h1 { font-size:clamp(40px,3.8vw,58px); } .home-page .hero h1 strong { width:max-content; max-width:100%; } .home-page .hero { transition:background .65s ease; } .home-page .hero[data-hero-theme="evidence"] { background:radial-gradient(circle at 84% 20%,rgba(255,230,0,.19),transparent 23%),radial-gradient(circle at 14% 78%,rgba(173,188,202,.14),transparent 25%),linear-gradient(135deg,#fafbfc 0%,#eef2f5 58%,#e5ebf0 100%); } .home-page .hero[data-hero-theme="report"] { background:radial-gradient(circle at 72% 18%,rgba(255,230,0,.14),transparent 20%),linear-gradient(145deg,#f9fafb 0%,#edf1f5 52%,#e7ecf1 100%); } .home-page .hero[data-hero-theme="chain"] { background:radial-gradient(circle at 83% 52%,rgba(255,230,0,.17),transparent 27%),linear-gradient(130deg,#fbfcfd 0%,#eff3f6 55%,#e8edf1 100%); } .home-page .hero[data-hero-theme="delivery"] { background:radial-gradient(circle at 74% 24%,rgba(183,197,209,.22),transparent 24%),radial-gradient(circle at 92% 70%,rgba(255,230,0,.13),transparent 22%),linear-gradient(140deg,#fafbfc,#e9eef2); } .home-page .banner-visual::before,.home-page .banner-visual::after { content:""; position:absolute; pointer-events:none; } .home-page .banner-visual::before { z-index:0; inset:0; opacity:.52; background-image:linear-gradient(rgba(112,126,140,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(112,126,140,.08) 1px,transparent 1px); background-size:34px 34px; } .home-page .banner-visual::after { z-index:0; right:-58px; bottom:-76px; width:190px; height:190px; border:34px solid rgba(255,230,0,.09); border-radius:50%; } .home-page .banner-visual > * { position:relative; z-index:1; } .home-page .platform-scope-visual { background:radial-gradient(circle at 84% 20%,rgba(255,230,0,.16),transparent 24%),rgba(255,255,255,.9); } .home-page .real-report-visual { background:linear-gradient(145deg,rgba(255,255,255,.96),rgba(237,242,246,.92)); } .home-page .chain-visual { background:radial-gradient(ellipse at 78% 46%,rgba(255,230,0,.14),transparent 32%),rgba(255,255,255,.92); } .home-page .delivery-visual { background:linear-gradient(120deg,rgba(255,255,255,.96),rgba(234,240,244,.9)); } .home-page .trust-foundation { position:relative; z-index:4; overflow:hidden; padding:72px max(24px,calc((100vw - var(--max))/2)); color:#1b222b; border-top:1px solid #dfe4e9; border-bottom:1px solid #dfe4e9; background:radial-gradient(circle at 88% 18%,rgba(255,230,0,.15),transparent 22%),linear-gradient(145deg,#fafbfc,#edf2f5); } .home-page .trust-foundation::before { content:""; position:absolute; inset:0; opacity:.42; pointer-events:none; background-image:linear-gradient(rgba(112,126,140,.065) 1px,transparent 1px),linear-gradient(90deg,rgba(112,126,140,.065) 1px,transparent 1px); background-size:48px 48px; } .home-page .trust-foundation > * { position:relative; z-index:1; } .home-page .trust-foundation-heading { display:grid; grid-template-columns:1.05fr .95fr; gap:12px 70px; align-items:end; } .home-page .trust-foundation-heading .section-kicker { grid-column:1 / -1; color:#9a8500; } .home-page .trust-foundation-heading h2 { max-width:760px; margin:0; font-size:clamp(30px,3.2vw,48px); line-height:1.18; letter-spacing:-1.4px; } .home-page .trust-foundation-heading > p:last-child { margin:0; padding-left:22px; color:#687481; border-left:3px solid var(--yellow); font-size:13px; line-height:1.85; } .home-page .trust-foundation-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:14px; margin-top:38px; } .home-page .trust-foundation-grid article { position:relative; min-height:218px; display:grid; grid-template-rows:auto auto 1fr; align-content:start; gap:18px; overflow:hidden; padding:24px; border:1px solid #d5dbe2; border-radius:12px; background:#fff; transition:border-color .18s ease, transform .18s ease; } .home-page .trust-foundation-grid article::after { display:none; } .home-page .trust-foundation-grid article > div { display:flex; align-items:center; justify-content:space-between; gap:12px; } .home-page .trust-foundation-grid span { color:#6f5f00; font-size:10px; font-weight:800; letter-spacing:1px; } .home-page .trust-foundation-grid i { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; color:#202832; border-radius:50%; background:var(--yellow); font-size:11px; font-style:normal; font-weight:800; box-shadow:0 8px 18px rgba(135,117,0,.16); } .home-page .trust-foundation-grid strong { position:relative; z-index:1; font-size:18px; line-height:1.5; } .home-page .trust-foundation-grid small { position:relative; z-index:1; color:#596572; font-size:12px; line-height:1.7; } @media (max-width:900px) { .home-page .intelligence-sample-note { align-items:flex-start; } .home-page .case-tabs button { flex:0 0 auto; } .home-page .trust-foundation-heading { grid-template-columns:1fr; gap:18px; } .home-page .trust-foundation-heading .section-kicker { grid-column:auto; } .home-page .trust-foundation-heading > p:last-child { padding-left:0; padding-top:14px; border-left:0; border-top:3px solid var(--yellow); } .home-page .trust-foundation-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } } @media (max-width:640px) { .home-page .hero h1 { font-size:38px; } .home-page .trust-foundation { padding:52px 20px; } .home-page .trust-foundation-grid { grid-template-columns:1fr; } .home-page .trust-foundation-grid article { min-height:178px; } .home-page .value-grid { grid-template-columns:1fr; } .home-page .value-grid article { min-height:175px; padding:24px 126px 24px 22px; } .home-page .value-graphic { right:18px; width:86px; height:86px; } .home-page .compact-title span { white-space:normal; } .home-page .scope-proof-grid { gap:6px; padding:18px 18px 10px; }.home-page .scope-proof-grid > div { min-height:72px; padding:10px; }.home-page .scope-proof-grid strong { font-size:27px; } .home-page .scope-proof-copy { margin-inline:18px; } .home-page .report-dashboard-body { grid-template-columns:1fr; padding:18px; }.home-page .report-proof-preview { display:none; } .home-page .chain-summary { margin:14px 18px 0; }.home-page .chain-visual ol { padding-inline:18px; } .home-page .delivery-status { margin-inline:18px; }.home-page .delivery-status span { padding-left:17px; }.home-page .delivery-status span::before { left:7px; } .home-page .intelligence-sample-note { display:grid; margin-top:-14px; } .home-page .sample-progress ol { grid-template-columns:1fr; }.home-page .sample-progress li { min-height:82px; grid-template-columns:32px 1fr; align-items:center; }.home-page .sample-progress li > b { grid-row:1; }.home-page .sample-progress li span { grid-column:2; grid-row:1; } .home-page .source-visual.source-distribution > div { grid-template-columns:92px minmax(0,1fr) 32px; } .home-page .capability-trust-row { grid-template-columns:repeat(2,1fr); } .home-page .case-tabs button { padding:10px 13px; } .home-page .case-data-primary strong > span { font-size:74px; } } .home-page .report-field-grid strong, .home-page .entry-report-stats b, .home-page .case-data-primary strong, .home-page .credential-strip strong, .home-page .score-ring b, .home-page .case-metric strong { font-variant-numeric: tabular-nums; } .home-page .trust-foundation-grid article:hover, .home-page .support-card:hover, .home-page .value-entry-card:hover { border-color:#aeb7c2; transform:translateY(-2px); } .home-page .trust-foundation-grid article:focus-within, .home-page .support-card:focus-within { border-color:#aeb7c2; } @media (prefers-reduced-motion: reduce) { .home-page .trust-foundation-grid article:hover, .home-page .support-card:hover, .home-page .value-entry-card:hover { transform:none; } } @media (max-width:640px) { .home-page .case-tabs { flex-wrap:wrap; overflow:visible; } .home-page .case-tabs button { flex:0 0 auto; } }