:root {
  --ce-ink: #14211f;
  --ce-sub: #4b5d5a;
  --ce-muted: #758482;
  --ce-line: rgba(20, 33, 31, .12);
  --ce-paper: #f7fbf9;
  --ce-soft: #eaf5f0;
  --ce-white: #ffffff;
  --ce-deep: #12332f;
  --ce-green: #22a978;
  --ce-red: #2f8ed8;
  --ce-yellow: #f4c84d;
  --ce-max: 1240px;
  --ce-ease: cubic-bezier(.19, 1, .22, 1);
}

html { scroll-behavior: smooth; }

.ce-header, .ce-page, .ce-page * { box-sizing: border-box; }
.ce-page { margin: 0; background: var(--ce-paper); color: var(--ce-ink); font-family: "Noto Sans JP", "Yu Gothic", YuGothic, Meiryo, sans-serif; font-size: 16px; font-weight: 500; line-height: 1.9; letter-spacing: 0; overflow: hidden; }
.ce-page a, .ce-header a { color: inherit; text-decoration: none; }
.ce-page p, .ce-page h1, .ce-page h2, .ce-page h3 { margin: 0; }
.ce-page img, .ce-header img, .ce-page svg { display: block; max-width: 100%; }

.ce-header { position: fixed; inset: 0 0 auto; z-index: 40; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 24px; min-height: 74px; padding: 16px 32px; color: var(--ce-white); transition: background .35s var(--ce-ease), color .35s var(--ce-ease), border-color .35s var(--ce-ease); }
.ce-header.is-scrolled { border-bottom: 1px solid var(--ce-line); background: rgba(251, 250, 245, .94); color: var(--ce-ink); backdrop-filter: blur(16px); }
.ce-brand { width: 112px; }
.ce-brand img { width: 100%; height: auto; filter: brightness(0) invert(1); transition: filter .3s ease; }
.ce-header.is-scrolled .ce-brand img { filter: none; }
.ce-nav { justify-self: center; display: flex; align-items: center; gap: 24px; color: inherit; font-family: Inter, "Noto Sans JP", sans-serif; font-size: 13px; font-weight: 700; line-height: 1; }
.ce-nav a { padding: 10px 0; }
.ce-header-cta, .ce-button { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; border: 1px solid currentColor; border-radius: 6px; padding: 0 20px; color: inherit; font-weight: 800; line-height: 1.25; transition: transform .25s var(--ce-ease), background .25s var(--ce-ease), color .25s var(--ce-ease), border-color .25s var(--ce-ease); }
.ce-header-cta { min-height: 40px; font-size: 13px; }
.ce-header-cta:hover, .ce-button:hover { transform: translateY(-2px); }

.ce-page-growth { --ce-accent: var(--ce-green); --ce-accent-soft: #dff7ec; --ce-accent-dark: #0f6b55; }
.ce-page-citation { --ce-accent: var(--ce-red); --ce-accent-soft: #e4f2ff; --ce-accent-dark: #155f9d; }

.ce-hero { position: relative; min-height: 88svh; display: grid; align-items: center; padding: 122px 32px 72px; background: radial-gradient(circle at 76% 22%, rgba(229, 189, 66, .24), transparent 28%), linear-gradient(135deg, #20251f 0%, #171a16 52%, #262017 100%); color: var(--ce-white); }
.ce-hero::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 42px 42px; mask-image: linear-gradient(180deg, rgba(0,0,0,.95), rgba(0,0,0,.18)); pointer-events: none; }
.ce-hero-grid { position: relative; z-index: 1; width: min(var(--ce-max), 100%); margin: 0 auto; display: grid; grid-template-columns: minmax(0, .92fr) minmax(440px, 1.08fr); gap: 54px; align-items: center; }
.ce-eyebrow { color: rgba(255,255,255,.72); font-family: Oswald, Inter, sans-serif; font-size: 13px; font-weight: 500; line-height: 1.35; text-transform: uppercase; }
.ce-hero h1 { margin-top: 20px; font-size: 68px; font-weight: 900; line-height: 1.08; letter-spacing: 0; }
.ce-hero h1 span { display: block; }
.ce-hero-lead { max-width: 690px; margin-top: 24px; color: rgba(255,255,255,.82); font-size: 18px; line-height: 2; }
.ce-hero-points { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; max-width: 720px; margin-top: 28px; overflow: hidden; border: 1px solid rgba(255,255,255,.22); border-radius: 8px; background: rgba(255,255,255,.16); }
.ce-hero-points span { min-height: 56px; display: grid; place-items: center; padding: 12px; color: rgba(255,255,255,.9); font-size: 13px; font-weight: 800; line-height: 1.45; text-align: center; background: rgba(255,255,255,.05); }
.ce-actions { display: flex; flex-wrap: wrap; gap: 12px; align-items: center; margin-top: 30px; }
.ce-button-primary { border-color: var(--ce-white); background: var(--ce-white); color: var(--ce-deep); }
.ce-button-secondary { color: var(--ce-white); }
.ce-price-note { max-width: 520px; margin-top: 18px; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.8; }

.ce-board { position: relative; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; background: rgba(255,253,248,.96); color: var(--ce-ink); box-shadow: 0 34px 90px rgba(0,0,0,.28); overflow: hidden; }
.ce-board::before { content: ""; display: block; height: 42px; border-bottom: 1px solid var(--ce-line); background: linear-gradient(90deg, #fff, #f4f1e8); }
.ce-board-dots { position: absolute; top: 16px; left: 18px; display: flex; gap: 7px; }
.ce-board-dots i { width: 9px; height: 9px; border-radius: 50%; background: #d9d4c6; }
.ce-board-body { padding: 24px; }
.ce-board-head { display: flex; justify-content: space-between; gap: 18px; align-items: start; }
.ce-board-head span, .ce-card-kicker, .ce-section-kicker, .ce-small-label { display: block; color: var(--ce-muted); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.35; text-transform: uppercase; }
.ce-board-head strong { display: block; margin-top: 8px; font-size: 28px; line-height: 1.2; }
.ce-live-badge { display: inline-flex; align-items: center; gap: 8px; border: 1px solid var(--ce-line); border-radius: 6px; padding: 8px 10px; color: var(--ce-sub); font-size: 12px; font-weight: 800; white-space: nowrap; }
.ce-live-badge::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--ce-accent); }
.ce-metric-row { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-top: 22px; }
.ce-mini-metric { border: 1px solid var(--ce-line); border-radius: 8px; padding: 14px; background: #fff; }
.ce-mini-metric strong { display: block; margin-top: 7px; color: var(--ce-accent); font-size: 24px; line-height: 1.05; }
.ce-mini-metric p { margin-top: 5px; color: var(--ce-sub); font-size: 12px; line-height: 1.55; }
.ce-graph { margin-top: 18px; border: 1px solid var(--ce-line); border-radius: 8px; background: linear-gradient(180deg, #fff, #f8f5ed); padding: 18px; }
.ce-graph-bars { height: 168px; display: grid; grid-template-columns: repeat(12, 1fr); align-items: end; gap: 8px; border-bottom: 1px solid var(--ce-line); }
.ce-graph-bars i { display: block; min-height: 18px; border-radius: 4px 4px 0 0; background: linear-gradient(180deg, var(--ce-accent), var(--ce-accent-dark)); opacity: .78; }
.ce-query-list, .ce-report-list { display: grid; gap: 10px; margin-top: 18px; }
.ce-query-row, .ce-report-row { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; border: 1px solid var(--ce-line); border-radius: 8px; padding: 13px 14px; background: #fff; }
.ce-query-row b, .ce-report-row b { font-size: 14px; line-height: 1.45; }
.ce-query-row span, .ce-report-row span { color: var(--ce-sub); font-size: 12px; line-height: 1.45; }
.ce-query-row em, .ce-report-row em { color: var(--ce-accent); font-family: Inter, sans-serif; font-size: 13px; font-style: normal; font-weight: 900; }
.ce-diff { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.ce-diff article { border: 1px solid var(--ce-line); border-radius: 8px; padding: 14px; background: #fff; }
.ce-diff h3 { margin-top: 8px; font-size: 15px; line-height: 1.5; }
.ce-diff p { margin-top: 8px; color: var(--ce-sub); font-size: 12px; line-height: 1.65; }

.ce-main-section { padding: 94px 32px; background: var(--ce-paper); }
.ce-main-section.ce-white { background: #fff; }
.ce-main-section.ce-deep { background: #050505; color: var(--ce-white); }
.ce-section-inner { width: min(var(--ce-max), 100%); margin: 0 auto; }
.ce-section-head { display: block; margin-bottom: 42px; }
.ce-section-head h2 { margin-top: 14px; font-size: 40px; font-weight: 900; line-height: 1.22; letter-spacing: 0; }
.ce-section-head p { color: var(--ce-sub); font-size: 16px; line-height: 2; }
.ce-section-head > p { max-width: 900px; margin-top: 18px; }
.ce-deep .ce-section-head p, .ce-deep .ce-card p, .ce-deep .ce-card li { color: rgba(255,255,255,.72); }
.ce-grid-3 { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.ce-card { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 28px; }
.ce-deep .ce-card { border-color: rgba(255,255,255,.14); background: rgba(255,255,255,.06); }
.ce-card-number { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 24px; line-height: 1; }
.ce-card h3 { margin-top: 18px; font-size: 24px; line-height: 1.34; }
.ce-card p { margin-top: 14px; color: var(--ce-sub); line-height: 1.9; }
.ce-card .ce-card-button { margin-top: 20px; border-color: var(--ce-accent); background: var(--ce-accent); color: #fff; box-shadow: 0 16px 38px rgba(20, 33, 31, .12); }
.ce-card .ce-card-button:link, .ce-card .ce-card-button:visited { color: #fff; }
.ce-card ul { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.ce-card li { border: 1px solid var(--ce-line); border-radius: 4px; padding: 6px 9px; color: var(--ce-sub); font-size: 12px; line-height: 1.35; }
.ce-deep .ce-card li { border-color: rgba(255,255,255,.16); }

.ce-workbench { display: grid; grid-template-columns: minmax(320px, .84fr) minmax(0, 1.16fr); gap: 42px; align-items: stretch; }
.ce-work-copy { border-top: 1px solid var(--ce-line); border-bottom: 1px solid var(--ce-line); padding: 32px 0; }
.ce-work-copy h2 { margin-top: 14px; font-size: 40px; line-height: 1.24; }
.ce-work-copy p { margin-top: 18px; color: var(--ce-sub); line-height: 2; }
.ce-flow { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); border: 1px solid var(--ce-line); border-radius: 8px; overflow: hidden; background: #fff; }
.ce-flow li { min-height: 190px; display: grid; align-content: end; border-left: 1px solid var(--ce-line); padding: 22px; list-style: none; }
.ce-flow li:first-child { border-left: 0; }
.ce-flow i { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-style: normal; font-size: 18px; }
.ce-flow strong { display: block; margin-top: 28px; font-size: 24px; line-height: 1.22; }
.ce-flow p { margin-top: 10px; color: var(--ce-sub); font-size: 13px; line-height: 1.65; }

.ce-pricing { display: grid; grid-template-columns: minmax(300px, .76fr) minmax(0, 1.24fr); gap: 48px; align-items: start; }
.ce-price-copy h2 { margin-top: 14px; font-size: 40px; line-height: 1.24; }
.ce-price-copy p { margin-top: 20px; color: var(--ce-sub); line-height: 2; }
.ce-price-stack { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.ce-price-card { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 28px; }
.ce-price-card.featured { border-color: color-mix(in srgb, var(--ce-accent) 48%, var(--ce-line)); box-shadow: 0 24px 70px rgba(23,23,20,.08); }
.ce-price-card h3 { margin-top: 12px; font-size: 25px; line-height: 1.34; }
.ce-price-card p { margin-top: 12px; color: var(--ce-sub); line-height: 1.8; }
.ce-price { margin-top: 22px; color: var(--ce-accent); font-family: Inter, "Noto Sans JP", sans-serif; font-size: 48px; font-weight: 900; line-height: 1; }
.ce-price small { display: block; margin-top: 10px; color: var(--ce-muted); font-size: 13px; font-weight: 700; line-height: 1.55; }
.ce-price-card ul { display: grid; gap: 8px; margin: 22px 0 0; padding: 0; list-style: none; }
.ce-price-card li { border-top: 1px solid var(--ce-line); padding-top: 9px; color: var(--ce-sub); font-size: 14px; line-height: 1.55; }
.ce-price-note { grid-column: 1 / -1; margin-top: 0; border: 1px solid var(--ce-line); border-radius: 8px; padding: 16px; background: #fff; color: var(--ce-sub); line-height: 1.8; }
.ce-price-note a { color: var(--ce-accent); font-weight: 800; text-decoration: underline; text-underline-offset: 4px; }

.ce-faq-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--ce-line); border-radius: 8px; overflow: hidden; background: var(--ce-line); }
.ce-faq-grid article { background: #fff; padding: 28px; }
.ce-faq-grid h3 { margin-top: 10px; font-size: 22px; line-height: 1.35; }
.ce-faq-grid p { margin-top: 12px; color: var(--ce-sub); line-height: 1.9; }

.ce-cta { display: grid; grid-template-columns: minmax(300px, .9fr) minmax(0, 1.1fr); gap: 44px; align-items: start; }
.ce-cta h2 { margin-top: 14px; font-size: 40px; line-height: 1.24; }
.ce-cta p { margin-top: 20px; color: rgba(255,255,255,.72); line-height: 2; }
.ce-form { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.96); color: var(--ce-ink); padding: 24px; }
.ce-form label { display: grid; gap: 8px; color: var(--ce-muted); font-size: 12px; font-weight: 800; }
.ce-form label.full { grid-column: 1 / -1; }
.ce-form input, .ce-form select, .ce-form textarea { width: 100%; border: 1px solid var(--ce-line); border-radius: 6px; background: #fff; color: var(--ce-ink); padding: 12px 13px; font: inherit; font-size: 14px; letter-spacing: 0; }
.ce-form button { grid-column: 1 / -1; min-height: 52px; border: 0; border-radius: 6px; background: var(--ce-accent); color: #fff; font-weight: 900; cursor: pointer; }
.ce-form p { grid-column: 1 / -1; margin: 0; color: var(--ce-sub); font-size: 12px; line-height: 1.7; }

.ce-report-matrix { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 18px; }
.ce-engine-status { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 14px; }
.ce-engine-status strong { display: block; margin-top: 8px; font-size: 19px; }
.ce-engine-status p { margin-top: 8px; color: var(--ce-sub); font-size: 12px; line-height: 1.55; }
.ce-status-line { height: 7px; margin-top: 12px; border-radius: 999px; background: linear-gradient(90deg, var(--ce-accent) var(--score), #ece7dc var(--score)); }

.ce-reveal { opacity: 1; transform: none; }
body.ce-motion-ready .ce-reveal { opacity: 0; transform: translateY(30px); transition: opacity .65s ease, transform .8s var(--ce-ease); }
body.ce-motion-ready .ce-reveal.is-visible { opacity: 1; transform: translateY(0); }

@media (max-width: 1120px) {
  .ce-nav { display: none; }
  .ce-hero-grid, .ce-section-head, .ce-workbench, .ce-pricing, .ce-cta { grid-template-columns: 1fr; }
  .ce-hero { min-height: auto; }
  .ce-board { max-width: 760px; }
}

@media (max-width: 780px) {
  .ce-header { min-height: 64px; padding: 12px 16px; gap: 14px; }
  .ce-brand { width: 94px; }
  .ce-header-cta { display: none; }
  .ce-hero { padding: 98px 16px 58px; }
  .ce-hero h1 { font-size: 42px; line-height: 1.18; }
  .ce-hero-lead { font-size: 15px; line-height: 1.9; }
  .ce-hero-points, .ce-metric-row, .ce-diff, .ce-grid-3, .ce-price-stack, .ce-faq-grid, .ce-form, .ce-report-matrix { grid-template-columns: 1fr; }
  .ce-main-section { padding: 68px 16px; }
  .ce-section-head h2, .ce-work-copy h2, .ce-price-copy h2, .ce-cta h2 { font-size: 29px; line-height: 1.34; }
  .ce-flow { grid-template-columns: 1fr; }
  .ce-flow li { min-height: 132px; border-left: 0; border-top: 1px solid var(--ce-line); }
  .ce-flow li:first-child { border-top: 0; }
  .ce-price { font-size: 38px; }
  .ce-form label.full, .ce-form button, .ce-form p { grid-column: auto; }
}

@media (max-width: 390px) {
  .ce-hero h1 { font-size: 36px; }
  .ce-board-body { padding: 16px; }
  .ce-board-head { display: grid; }
  .ce-live-badge { width: fit-content; white-space: normal; }
}

.ce-evidence-shot { margin: 18px 0 0; border: 1px solid var(--ce-line); border-radius: 8px; overflow: hidden; background: #fff; }
.ce-evidence-shot img { width: 100%; height: auto; }
.ce-evidence-caption { margin-top: 10px; color: var(--ce-muted); font-size: 12px; line-height: 1.7; }
.ce-bundle-panel { margin-top: 28px; border: 1px solid color-mix(in srgb, var(--ce-accent) 38%, var(--ce-line)); border-radius: 8px; background: linear-gradient(135deg, #fffdf8, var(--ce-accent-soft)); padding: 26px; }
.ce-bundle-panel span { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; text-transform: uppercase; }
.ce-bundle-panel strong { display: block; margin-top: 10px; font-size: 30px; line-height: 1.24; }
.ce-bundle-panel p { margin-top: 12px; color: var(--ce-sub); line-height: 1.9; }
.ce-bundle-panel a { display: inline-flex; margin-top: 16px; color: var(--ce-accent); font-weight: 900; text-decoration: underline; text-underline-offset: 5px; }
.ce-lane-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1px; border: 1px solid var(--ce-line); border-radius: 8px; overflow: hidden; background: var(--ce-line); }
.ce-lane { background: #fff; padding: 26px; }
.ce-lane b { display: block; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 13px; font-weight: 500; text-transform: uppercase; }
.ce-lane h3 { margin-top: 14px; font-size: 25px; line-height: 1.3; }
.ce-lane p { margin-top: 12px; color: var(--ce-sub); line-height: 1.9; }
.ce-lane ul { display: grid; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.ce-lane li { border-top: 1px solid var(--ce-line); padding-top: 8px; color: var(--ce-sub); font-size: 13px; line-height: 1.6; }
.ce-strong-link { color: var(--ce-accent); font-weight: 900; text-decoration: underline; text-underline-offset: 5px; }
@media (max-width: 780px) { .ce-lane-grid { grid-template-columns: 1fr; } .ce-bundle-panel strong { font-size: 24px; } }

.ce-hero-image { padding: 108px 32px 54px; min-height: 88svh; background: var(--ce-deep); }
.ce-hero-image::before { display: none; }
.ce-hero-image .ce-hero-grid { grid-template-columns: minmax(0, .82fr) minmax(420px, 1.18fr); gap: 46px; }
.ce-hero-copy { align-self: center; }
.ce-hero-photo { position: relative; min-height: 640px; margin: 0; overflow: hidden; border-radius: 8px; background: #111; box-shadow: 0 34px 90px rgba(0,0,0,.28); }
.ce-hero-photo img { width: 100%; height: 100%; min-height: 640px; object-fit: cover; filter: saturate(.92) contrast(1.04); }
.ce-hero-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,0) 48%, rgba(0,0,0,.38)); pointer-events: none; }
.ce-hero-photo-caption { position: absolute; left: 24px; right: 24px; bottom: 24px; z-index: 1; display: flex; flex-wrap: wrap; gap: 8px; }
.ce-hero-photo-caption span { border: 1px solid rgba(255,255,255,.28); border-radius: 5px; background: rgba(255,255,255,.16); backdrop-filter: blur(12px); padding: 8px 10px; color: #fff; font-size: 12px; font-weight: 800; line-height: 1.35; }
.ce-hero-simple-note { max-width: 640px; margin-top: 18px; color: rgba(255,255,255,.68); font-size: 13px; line-height: 1.75; }
.ce-proof-metrics { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 22px; }
.ce-proof-metrics article { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 22px; }
.ce-proof-metrics span { color: var(--ce-muted); font-family: Oswald, Inter, sans-serif; font-size: 12px; text-transform: uppercase; }
.ce-proof-metrics strong { display: block; margin-top: 8px; color: var(--ce-accent); font-family: Inter, "Noto Sans JP", sans-serif; font-size: 34px; line-height: 1; }
.ce-proof-metrics p { margin-top: 8px; color: var(--ce-sub); font-size: 13px; line-height: 1.65; }
.ce-proof-layout { display: grid; grid-template-columns: minmax(320px, .9fr) minmax(0, 1.1fr); gap: 48px; align-items: start; }
.ce-proof-copy h2 { margin-top: 14px; font-size: 42px; line-height: 1.25; }
.ce-proof-copy p { margin-top: 18px; color: var(--ce-sub); line-height: 2; }
@media (max-width: 1120px) { .ce-hero-image .ce-hero-grid, .ce-proof-layout { grid-template-columns: 1fr; } .ce-hero-photo { min-height: 420px; } .ce-hero-photo img { min-height: 420px; } }
@media (max-width: 780px) { .ce-hero-image { padding: 92px 16px 48px; } .ce-hero-photo { min-height: 300px; } .ce-hero-photo img { min-height: 300px; } .ce-hero-photo-caption { left: 14px; right: 14px; bottom: 14px; } .ce-proof-metrics { grid-template-columns: 1fr; } }

.ce-page .hero-proof strong { font-size: clamp(34px, 4.6vw, 62px); line-height: 1.1; letter-spacing: 0; }
.ce-page .hero-proof p { line-height: 1.7; }
.ce-page .hero-lead { max-width: 760px; }
.ce-page .hero-action-copy p { max-width: 470px; }
.ce-page .hero-main-mobile { display: none; }
@media (max-width: 760px) { .ce-page .hero-main-desktop { display: none; } .ce-page .hero-main-mobile { display: block; } .ce-page .hero-proof strong { font-size: 32px; } }


/* 20260707 visual rebuild */
.ce-page-meo { --ce-accent: #2f7d48; --ce-accent-soft: #e5f1e6; --ce-accent-dark: #173b27; }
.ce-visual-section { padding: 92px 32px; background: var(--ce-paper); }
.ce-visual-section.ce-white { background: #fff; }
.ce-visual-section.ce-dark { background: #151815; color: #fffdf8; }
.ce-visual-section.ce-dark .ce-section-head p,
.ce-visual-section.ce-dark .ce-mini-copy p { color: rgba(255,253,248,.72); }
.ce-stat-wall { display: grid; grid-template-columns: 1.15fr .85fr; gap: 18px; align-items: stretch; }
.ce-stat-main { min-height: 420px; border-radius: 8px; overflow: hidden; position: relative; background: #111; }
.ce-stat-main img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.94) contrast(1.04); }
.ce-stat-main::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(0,0,0,.04), rgba(0,0,0,.58)); }
.ce-stat-caption { position: absolute; left: 22px; right: 22px; bottom: 22px; z-index: 1; color: #fff; }
.ce-stat-caption b { display: block; font-size: 24px; line-height: 1.28; }
.ce-stat-caption span { display: inline-flex; margin-top: 10px; border: 1px solid rgba(255,255,255,.28); border-radius: 5px; padding: 7px 9px; background: rgba(255,255,255,.16); font-size: 12px; font-weight: 800; }
.ce-stat-stack { display: grid; gap: 12px; }
.ce-stat-card { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 24px; display: grid; align-content: space-between; min-height: 132px; }
.ce-stat-card small { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; text-transform: uppercase; }
.ce-stat-card strong { display: block; margin-top: 8px; color: var(--ce-accent); font-family: Inter, "Noto Sans JP", sans-serif; font-size: clamp(36px, 5vw, 64px); line-height: .95; }
.ce-stat-card p { margin-top: 12px; color: var(--ce-sub); font-size: 14px; line-height: 1.75; }
.ce-photo-strip { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 28px; }
.ce-photo-strip figure { position: relative; margin: 0; overflow: hidden; border-radius: 8px; min-height: 300px; background: #111; }
.ce-photo-strip img { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ce-ease); }
.ce-photo-strip figure:hover img { transform: scale(1.04); }
.ce-photo-strip figcaption { position: absolute; left: 16px; right: 16px; bottom: 16px; display: grid; gap: 6px; color: #fff; z-index: 1; }
.ce-photo-strip figure::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 35%, rgba(0,0,0,.68)); }
.ce-photo-strip b { font-size: 20px; line-height: 1.3; }
.ce-photo-strip span { font-size: 12px; line-height: 1.6; color: rgba(255,255,255,.78); }
.ce-root-map { display: grid; grid-template-columns: 1fr 240px 1fr; gap: 16px; align-items: center; }
.ce-root-node { min-height: 220px; border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 24px; position: relative; overflow: hidden; }
.ce-root-node::before { content: ""; position: absolute; width: 120px; height: 120px; right: -42px; top: -42px; border-radius: 50%; background: var(--ce-accent-soft); }
.ce-root-node small { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; text-transform: uppercase; }
.ce-root-node h3 { margin-top: 12px; font-size: 28px; line-height: 1.22; }
.ce-root-node p { margin-top: 12px; color: var(--ce-sub); line-height: 1.8; }
.ce-root-center { min-height: 240px; border-radius: 50%; display: grid; place-items: center; text-align: center; color: #fff; background: radial-gradient(circle at 35% 25%, color-mix(in srgb, var(--ce-accent) 72%, #fff), var(--ce-accent-dark)); box-shadow: 0 30px 70px rgba(20,20,18,.22); }
.ce-root-center span { display: block; font-family: Oswald, Inter, sans-serif; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; opacity: .78; }
.ce-root-center strong { display: block; margin-top: 8px; font-size: 34px; line-height: 1.12; }
.ce-visual-split { display: grid; grid-template-columns: minmax(360px, 1.05fr) minmax(0, .95fr); gap: 32px; align-items: center; }
.ce-mini-copy h2 { margin-top: 12px; font-size: 44px; line-height: 1.18; }
.ce-mini-copy p { margin-top: 16px; color: var(--ce-sub); line-height: 1.9; }
.ce-check-list { display: grid; gap: 10px; margin-top: 22px; }
.ce-check-list li { list-style: none; display: grid; grid-template-columns: 32px 1fr; gap: 12px; align-items: start; border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 14px; color: var(--ce-sub); line-height: 1.65; }
.ce-check-list i { width: 32px; height: 32px; border-radius: 50%; display: grid; place-items: center; background: var(--ce-accent); color: #fff; font-style: normal; font-weight: 900; }
.ce-screen { border: 1px solid var(--ce-line); border-radius: 8px; background: #fffdf8; box-shadow: 0 24px 70px rgba(20,20,18,.12); overflow: hidden; }
.ce-screen-bar { height: 42px; border-bottom: 1px solid var(--ce-line); background: linear-gradient(90deg, #fff, #f3efe5); display: flex; align-items: center; gap: 7px; padding-left: 16px; }
.ce-screen-bar i { width: 9px; height: 9px; border-radius: 50%; background: #d8d0c1; }
.ce-screen-body { padding: 22px; }
.ce-search-lines { display: grid; gap: 12px; }
.ce-search-line { display: grid; grid-template-columns: 1fr auto; gap: 14px; align-items: center; border: 1px solid var(--ce-line); border-radius: 7px; background: #fff; padding: 14px; }
.ce-search-line b { display: block; font-size: 14px; }
.ce-search-line span { display: block; margin-top: 5px; color: var(--ce-sub); font-size: 12px; }
.ce-search-line em { color: var(--ce-accent); font-family: Inter, sans-serif; font-style: normal; font-weight: 900; }
.ce-report-visual { border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; overflow: hidden; box-shadow: 0 24px 70px rgba(20,20,18,.12); }
.ce-report-top { padding: 22px; color: #fff; background: linear-gradient(135deg, var(--ce-accent-dark), var(--ce-accent)); }
.ce-report-top small { display: block; font-family: Oswald, Inter, sans-serif; text-transform: uppercase; opacity: .78; }
.ce-report-top h3 { margin-top: 8px; font-size: 32px; line-height: 1.2; }
.ce-report-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 18px; }
.ce-report-tile { border: 1px solid var(--ce-line); border-radius: 7px; background: #fffdf8; padding: 16px; }
.ce-report-tile small { color: var(--ce-muted); font-family: Oswald, Inter, sans-serif; text-transform: uppercase; }
.ce-report-tile strong { display: block; margin-top: 8px; color: var(--ce-accent); font-size: 26px; line-height: 1.1; }
.ce-report-tile p { margin-top: 8px; color: var(--ce-sub); font-size: 12px; line-height: 1.55; }
.ce-engine-tabs { display: flex; flex-wrap: wrap; gap: 8px; padding: 0 18px 18px; }
.ce-engine-tabs span { border: 1px solid var(--ce-line); border-radius: 999px; padding: 8px 10px; background: #fff; color: var(--ce-sub); font-size: 12px; font-weight: 800; }
.ce-map-phone { display: grid; grid-template-columns: minmax(0, .95fr) minmax(0, 1.25fr); gap: 18px; align-items: stretch; }
.ce-phone-card { border: 1px solid var(--ce-line); border-radius: 8px; background: #ffffff; min-height: 300px; padding: 24px; box-shadow: 0 22px 58px rgba(47,142,216,.1); }
.ce-phone-card h3 { margin-top: 8px; font-size: clamp(24px, 2.5vw, 34px); line-height: 1.28; }
.ce-review-card { margin-top: 0; border: 1px solid var(--ce-line); border-radius: 8px; padding: 14px; background: #f8fcfa; }
.ce-review-card b { color: var(--ce-accent); }
.ce-review-card p { margin-top: 7px; color: var(--ce-sub); font-size: 12px; line-height: 1.6; }
.ce-map-photo { min-height: 300px; border-radius: 8px; overflow: hidden; position: relative; background: #eef7f3; box-shadow: 0 22px 58px rgba(47,142,216,.12); }
.ce-map-photo img { width: 100%; height: 100%; object-fit: cover; }
.ce-map-photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(20,33,31,.58)); }
.ce-map-photo b { position: absolute; left: 18px; bottom: 18px; right: 18px; z-index: 1; color: #fff; font-size: clamp(20px, 2vw, 28px); line-height: 1.3; }
.ce-short-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 24px; }
.ce-short-cta .ce-button { border-color: var(--ce-accent); color: var(--ce-accent); }
.ce-short-cta .ce-button-primary { background: var(--ce-accent); color: #fff; }
@media (max-width: 1120px) {
  .ce-stat-wall, .ce-visual-split, .ce-map-phone { grid-template-columns: 1fr; }
  .ce-root-map { grid-template-columns: 1fr; }
  .ce-root-center { width: 240px; margin: 0 auto; }
}
@media (max-width: 780px) {
  .ce-visual-section { padding: 64px 16px; }
  .ce-photo-strip, .ce-report-grid { grid-template-columns: 1fr; }
  .ce-photo-strip figure, .ce-stat-main { min-height: 260px; }
  .ce-root-node { min-height: auto; }
  .ce-phone-card, .ce-map-photo { min-height: 260px; }
}

.ce-page > .ce-photo-strip { width: min(var(--ce-max), calc(100% - 64px)); margin: 34px auto 84px; }
@media (max-width: 780px) { .ce-page > .ce-photo-strip { width: calc(100% - 32px); margin: 24px auto 58px; } }


/* 20260707 CTA contrast fix v2 */
.ce-page .ce-main-section.ce-deep .ce-actions .ce-button.ce-button-primary,
.ce-page .ce-main-section.ce-deep .ce-cta .ce-button.ce-button-primary,
.ce-page .ce-main-section.ce-deep a.ce-button.ce-button-primary:link,
.ce-page .ce-main-section.ce-deep a.ce-button.ce-button-primary:visited {
  background: #ffffff !important;
  border-color: #ffffff !important;
  color: #121212 !important;
  box-shadow: 0 18px 44px rgba(0,0,0,.34), 0 0 0 1px rgba(255,255,255,.22) inset;
  text-shadow: none !important;
}
.ce-page .ce-main-section.ce-deep .ce-actions .ce-button.ce-button-primary span,
.ce-page .ce-main-section.ce-deep .ce-cta .ce-button.ce-button-primary span {
  color: #121212 !important;
}
.ce-page .ce-main-section.ce-deep .ce-actions .ce-button.ce-button-primary:hover,
.ce-page .ce-main-section.ce-deep .ce-cta .ce-button.ce-button-primary:hover {
  background: #f7d247 !important;
  border-color: #f7d247 !important;
  color: #121212 !important;
}
.ce-page .ce-main-section.ce-deep .ce-actions .ce-button.ce-button-secondary,
.ce-page .ce-main-section.ce-deep .ce-cta .ce-button.ce-button-secondary {
  background: rgba(255,255,255,.08) !important;
  border-color: rgba(255,255,255,.78) !important;
  color: #ffffff !important;
}

/* 20260707 conversion path */
.ce-conversion-section { background: linear-gradient(180deg, #fffdf8 0%, #f4f0e7 100%); }
.ce-conversion-path { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ce-conversion-path article { position: relative; min-height: 220px; border: 1px solid var(--ce-line); border-radius: 8px; background: #fff; padding: 24px; overflow: hidden; box-shadow: 0 20px 54px rgba(23,23,20,.06); }
.ce-conversion-path article::after { content: ""; position: absolute; right: -46px; bottom: -46px; width: 130px; height: 130px; border-radius: 50%; background: color-mix(in srgb, var(--ce-accent) 16%, transparent); }
.ce-conversion-path article.is-final { background: #171714; color: #fffdf8; border-color: #171714; }
.ce-conversion-path i { display: inline-grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--ce-accent); color: #fff; font-family: Oswald, Inter, sans-serif; font-style: normal; font-weight: 700; }
.ce-conversion-path strong { display: block; margin-top: 22px; font-size: 24px; line-height: 1.28; }
.ce-conversion-path p { margin-top: 12px; color: var(--ce-sub); font-size: 14px; line-height: 1.8; }
.ce-conversion-path article.is-final p { color: rgba(255,253,248,.76); }
.ce-outcome-pull { display: grid; grid-template-columns: 1fr auto; gap: 24px; align-items: center; margin-top: 18px; border: 1px solid color-mix(in srgb, var(--ce-accent) 42%, var(--ce-line)); border-radius: 8px; background: linear-gradient(135deg, var(--ce-accent-dark), var(--ce-accent)); color: #fffdf8; padding: 26px; box-shadow: 0 24px 70px rgba(20,20,18,.12); }
.ce-outcome-pull span { display: block; font-family: Oswald, Inter, sans-serif; font-size: 12px; text-transform: uppercase; opacity: .78; }
.ce-outcome-pull strong { display: block; margin-top: 8px; font-size: 32px; line-height: 1.24; }
.ce-outcome-pull p { margin-top: 10px; color: rgba(255,253,248,.78); line-height: 1.8; }
.ce-outcome-pull .ce-button-primary { background: #fff !important; border-color: #fff !important; color: #121212 !important; white-space: nowrap; }
@media (max-width: 1120px) { .ce-conversion-path { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ce-outcome-pull { grid-template-columns: 1fr; } .ce-outcome-pull .ce-button-primary { width: fit-content; } }
@media (max-width: 780px) { .ce-conversion-path { grid-template-columns: 1fr; } .ce-conversion-path article { min-height: auto; } .ce-outcome-pull .ce-button-primary { width: 100%; } }

/* 20260708 set option section */
.ce-set-option { position: relative; overflow: hidden; background: linear-gradient(135deg, #eefaf5 0%, #e7f6ff 52%, #fff8df 100%); color: var(--ce-ink); }
.ce-set-option::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(34,169,120,.09) 1px, transparent 1px), linear-gradient(90deg, rgba(47,142,216,.08) 1px, transparent 1px); background-size: 44px 44px; opacity: .7; pointer-events: none; }
.ce-set-option .ce-section-inner { position: relative; z-index: 1; }
.ce-set-hero { display: grid; grid-template-columns: minmax(0, 1fr) minmax(300px, 360px); gap: 36px; align-items: stretch; margin-bottom: 28px; }
.ce-set-hero h2 { max-width: none; margin-top: 14px; color: var(--ce-ink); font-size: 42px; font-weight: 900; line-height: 1.18; letter-spacing: 0; }
.ce-set-hero p { max-width: 900px; margin-top: 18px; color: var(--ce-sub); line-height: 2; }
.ce-set-option .ce-section-kicker { color: var(--ce-accent); }
.ce-set-badge { border: 1px solid rgba(20,33,31,.1); border-radius: 8px; background: rgba(255,255,255,.82); padding: 24px; box-shadow: inset 0 1px 0 rgba(255,255,255,.8), 0 24px 70px rgba(47,142,216,.12); }
.ce-set-visual { position: relative; overflow: hidden; min-height: 330px; background: linear-gradient(180deg, rgba(255,255,255,.94), rgba(234,245,240,.78)); }
.ce-set-visual::after { content: ""; position: absolute; right: -64px; bottom: -70px; width: 190px; height: 190px; border: 1px solid rgba(34,169,120,.2); border-radius: 50%; background: rgba(34,169,120,.08); }
.ce-set-visual-head { position: relative; z-index: 1; display: block; }
.ce-set-badge span { display: inline-flex; border: 1px solid rgba(34,169,120,.24); border-radius: 5px; padding: 7px 9px; color: var(--ce-accent); font-size: 12px; font-weight: 900; line-height: 1.2; }
.ce-set-badge strong { display: block; max-width: 100%; margin-top: 12px; color: var(--ce-ink); font-size: 24px; line-height: 1.28; text-align: left; white-space: nowrap; }
.ce-set-badge p { position: relative; z-index: 1; margin-top: 18px; color: var(--ce-sub); font-size: 13px; line-height: 1.8; }
.ce-set-visual-stack { position: relative; z-index: 1; display: grid; gap: 12px; margin-top: 28px; }
.ce-set-channel { display: grid; grid-template-columns: 72px minmax(0, 1fr); gap: 10px 14px; align-items: center; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: #ffffff; padding: 14px; }
.ce-set-channel i { grid-row: span 2; display: grid; place-items: center; width: 58px; height: 58px; border-radius: 8px; background: var(--ce-accent-soft); color: var(--ce-accent-dark); font-style: normal; font-size: 13px; font-weight: 900; line-height: 1.2; text-align: center; }
.ce-set-channel b { color: var(--ce-ink); font-size: 15px; line-height: 1.35; }
.ce-set-channel em { display: block; width: var(--w); max-width: 100%; height: 7px; border-radius: 999px; background: linear-gradient(90deg, var(--ce-accent), #7ddfc3); box-shadow: 0 0 18px rgba(34,169,120,.18); }
.ce-set-value { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin: 18px 0 22px; }
.ce-set-value article { position: relative; overflow: hidden; border: 1px solid rgba(20,33,31,.1); border-radius: 8px; background: rgba(255,255,255,.86); padding: 22px; box-shadow: 0 18px 46px rgba(24,72,61,.08); }
.ce-set-value article::after { content: ""; position: absolute; left: 22px; right: 22px; bottom: 0; height: 3px; background: linear-gradient(90deg, var(--ce-accent), #42a5f5, #f0b84f); opacity: .72; }
.ce-set-value article.is-strong { background: #14211f; color: #fffdf8; border-color: #14211f; box-shadow: 0 22px 58px rgba(20,33,31,.2); }
.ce-set-value span { display: inline-flex; align-items: center; min-height: 28px; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.ce-set-value .is-strong span { color: #8be0bd; }
.ce-set-value strong { display: block; margin-top: 10px; color: var(--ce-ink); font-size: 24px; font-weight: 900; line-height: 1.3; letter-spacing: 0; }
.ce-set-value .is-strong strong { color: #fffdf8; }
.ce-set-value p { margin-top: 12px; color: var(--ce-sub); font-size: 14px; line-height: 1.85; }
.ce-set-value .is-strong p { color: rgba(255,253,248,.78); }
.ce-set-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.ce-set-card { position: relative; min-height: 260px; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: #ffffff; color: var(--ce-ink); padding: 26px; overflow: hidden; box-shadow: 0 22px 58px rgba(47,142,216,.12); }
.ce-set-card::after { content: ""; position: absolute; right: -44px; top: -44px; width: 130px; height: 130px; border-radius: 50%; background: var(--ce-accent-soft); }
.ce-set-card i { position: relative; z-index: 1; display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 8px; background: var(--ce-accent); color: #fff; font-family: Oswald, Inter, sans-serif; font-style: normal; font-size: 16px; }
.ce-set-card span { position: relative; z-index: 1; display: block; margin-top: 22px; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.35; text-transform: uppercase; }
.ce-set-card h3 { position: relative; z-index: 1; margin-top: 12px; font-size: 24px; line-height: 1.28; }
.ce-set-card p { position: relative; z-index: 1; margin-top: 12px; color: var(--ce-sub); line-height: 1.85; }
.ce-set-proof { display: grid; grid-template-columns: minmax(300px, .92fr) minmax(0, 1.08fr); gap: 24px; align-items: center; margin-top: 16px; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: rgba(255,255,255,.9); padding: 18px; box-shadow: 0 22px 64px rgba(47,142,216,.13); }
.ce-set-proof figure { min-height: 260px; border-radius: 8px; overflow: hidden; background: #eef7f3; }
.ce-set-proof img { width: 100%; height: 100%; object-fit: cover; }
.ce-set-proof-copy { padding: 10px 10px 10px 0; }
.ce-set-proof-copy span { display: block; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.ce-set-proof-copy strong { display: block; margin-top: 10px; color: var(--ce-ink); font-size: 42px; font-weight: 900; line-height: 1.16; }
.ce-set-proof-copy p { margin-top: 14px; color: var(--ce-sub); line-height: 1.9; }
.ce-set-proof-copy ul { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.ce-set-proof-copy li { border: 1px solid rgba(34,169,120,.18); border-radius: 6px; background: #f8fcfa; padding: 10px; color: var(--ce-accent-dark); font-size: 13px; font-weight: 900; line-height: 1.35; }
.ce-set-cases { margin-top: 18px; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: rgba(255,255,255,.88); padding: 24px; box-shadow: 0 24px 68px rgba(47,142,216,.13); }
.ce-set-cases-head { display: block; width: 100%; margin-bottom: 22px; }
.ce-set-cases-head span { color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; text-transform: uppercase; }
.ce-set-cases-head strong { display: block; width: 100%; margin-top: 10px; color: var(--ce-ink); font-size: 36px; font-weight: 900; line-height: 1.18; }
.ce-set-cases-head p { width: 100%; margin-top: 14px; color: var(--ce-sub); line-height: 1.9; }
.ce-set-case-grid { display: grid; grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 12px; }
.ce-set-case-grid article { position: relative; grid-column: span 2; min-height: 100%; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: #ffffff; overflow: hidden; box-shadow: 0 16px 42px rgba(34,169,120,.08); }
.ce-set-case-grid article:nth-child(4), .ce-set-case-grid article:nth-child(5) { grid-column: span 3; }
.ce-set-case-grid figure { height: 172px; overflow: hidden; background: #eef7f3; }
.ce-set-case-grid img { width: 100%; height: 100%; object-fit: cover; transition: transform .5s var(--ce-ease); }
.ce-set-case-grid article:hover img { transform: scale(1.04); }
.ce-set-case-grid i { position: absolute; top: 146px; right: 18px; display: grid; place-items: center; width: 48px; height: 48px; border-radius: 8px; background: var(--ce-accent); color: #fff; font-family: Oswald, Inter, sans-serif; font-style: normal; font-size: 18px; font-weight: 600; box-shadow: 0 12px 28px rgba(34,169,120,.2); }
.ce-set-case-grid span, .ce-set-case-grid strong, .ce-set-case-grid p, .ce-set-case-grid small { display: block; margin-left: 18px; margin-right: 18px; }
.ce-set-case-grid span { margin-top: 18px; color: var(--ce-accent); font-size: 12px; font-weight: 900; line-height: 1.35; }
.ce-set-case-grid strong { margin-top: 8px; color: var(--ce-ink); font-size: 20px; line-height: 1.38; }
.ce-set-case-grid p { margin-top: 10px; color: var(--ce-sub); font-size: 13px; line-height: 1.75; }
.ce-set-case-grid small { margin-top: 12px; margin-bottom: 18px; color: var(--ce-muted); font-size: 11px; line-height: 1.55; }
.ce-set-pull { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, auto); gap: 24px; align-items: center; margin-top: 16px; border: 1px solid rgba(20,33,31,.08); border-radius: 8px; background: rgba(255,255,255,.8); padding: 28px; box-shadow: 0 18px 52px rgba(34,169,120,.1); }
.ce-set-pull span { display: block; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.35; text-transform: uppercase; }
.ce-set-pull strong { display: block; margin-top: 10px; color: var(--ce-ink); font-size: 32px; line-height: 1.24; }
.ce-set-pull p { max-width: 900px; margin-top: 12px; color: var(--ce-sub); line-height: 1.9; }
.ce-set-benefits { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.ce-set-benefits li { border: 1px solid rgba(34,169,120,.18); border-radius: 5px; padding: 7px 9px; color: var(--ce-accent-dark); background: #ffffff; font-size: 12px; font-weight: 800; line-height: 1.35; }
.ce-set-actions { display: grid; gap: 10px; justify-items: stretch; }
.ce-set-option .ce-button-primary { border-color: var(--ce-accent); background: var(--ce-accent); color: #ffffff; }
.ce-set-option .ce-button-secondary { border-color: rgba(20,33,31,.18); background: #ffffff; color: var(--ce-ink); }
@media (max-width: 980px) { .ce-set-hero, .ce-set-value, .ce-set-grid, .ce-set-proof, .ce-set-pull { grid-template-columns: 1fr; } .ce-set-case-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); } .ce-set-case-grid article, .ce-set-case-grid article:nth-child(4), .ce-set-case-grid article:nth-child(5) { grid-column: span 1; } .ce-set-proof-copy { padding: 0; } .ce-set-actions { justify-items: start; } }
@media (max-width: 780px) { .ce-set-value strong { font-size: 21px; } .ce-set-value article { padding: 20px; } .ce-set-card { min-height: auto; } .ce-set-cases { padding: 14px; } .ce-set-case-grid { grid-template-columns: 1fr; } .ce-set-case-grid figure { height: 190px; } .ce-set-proof { padding: 14px; } .ce-set-proof figure { min-height: 210px; } .ce-set-proof-copy ul { grid-template-columns: 1fr; } .ce-set-pull { padding: 22px; } .ce-set-visual { min-height: auto; } .ce-set-channel { grid-template-columns: 62px minmax(0, 1fr); } .ce-set-channel i { width: 52px; height: 52px; } .ce-mini-copy h2, .ce-set-hero h2, .ce-set-proof-copy strong, .ce-set-cases-head strong, .ce-set-pull strong, .ce-outcome-pull strong { font-size: 29px; } }

.ce-map-proof-grid { display: grid; grid-template-columns: 1fr; gap: 10px; margin-top: 18px; }
@media (min-width: 781px) { .ce-map-proof .ce-review-card { margin-top: 0; } }




.ce-page .hero-lead { margin-top: 1rem; }



/* 20260708 visible command redesign */
.ce-page .hero-shell { grid-template-columns: minmax(0, 780px) minmax(300px, 410px); align-items: center; }
@media (max-width: 1080px) { .ce-page .hero-shell { grid-template-columns: 1fr; } }

.ce-page .hero-proof.ce-hero-cockpit { width: min(390px, 100%); border-left: 0; border: 1px solid rgba(255,255,255,.24); border-radius: 8px; background: linear-gradient(160deg, rgba(8,13,12,.78), rgba(19,32,29,.64)); box-shadow: 0 28px 82px rgba(0,0,0,.34), inset 0 1px 0 rgba(255,255,255,.12); backdrop-filter: blur(18px); padding: 24px; }
.ce-page .hero-proof.ce-hero-cockpit span { color: color-mix(in srgb, var(--ce-accent) 72%, #fff); }
.ce-page .hero-proof.ce-hero-cockpit strong { font-size: 34px; line-height: 1.15; }
.ce-page .hero-proof.ce-hero-cockpit p { margin-top: 12px; color: rgba(255,255,255,.76); }
.ce-hero-meter-list { display: grid; gap: 10px; margin-top: 20px; }
.ce-hero-meter { border: 1px solid rgba(255,255,255,.14); border-radius: 7px; background: rgba(255,255,255,.07); padding: 12px; }
.ce-hero-meter b { display: flex; justify-content: space-between; gap: 12px; color: #fffdf8; font-size: 12px; line-height: 1.35; }
.ce-hero-meter b em { color: color-mix(in srgb, var(--ce-accent) 64%, #fff); font-style: normal; }
.ce-hero-meter i { display: block; width: 100%; height: 6px; margin-top: 9px; border-radius: 999px; background: rgba(255,255,255,.14); overflow: hidden; }
.ce-hero-meter i::before { content: ""; display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ce-accent), #f3cf57); transform-origin: left center; animation: ceMeterGrow .9s ease-out both; }
.ce-hero-chip-row { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 16px; }
.ce-hero-chip-row em { border: 1px solid rgba(255,255,255,.18); border-radius: 5px; background: rgba(255,255,255,.08); padding: 7px 8px; color: rgba(255,255,255,.86); font-style: normal; font-size: 11px; font-weight: 800; line-height: 1.2; }
@keyframes ceMeterGrow { from { transform: scaleX(.22); opacity: .44; } to { transform: scaleX(1); opacity: 1; } }
.ce-command-section { position: relative; overflow: hidden; padding: 112px 32px; background: #101714; color: #fffdf8; }
.ce-command-section::before { content: ""; position: absolute; inset: 0; background: linear-gradient(rgba(255,255,255,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px); background-size: 38px 38px; mask-image: linear-gradient(180deg, rgba(0,0,0,.82), rgba(0,0,0,.2)); pointer-events: none; }
.ce-command-section .ce-section-inner { position: relative; z-index: 1; }
.ce-command-lede { max-width: 1040px; margin-bottom: 34px; }
.ce-command-lede .ce-section-kicker { color: color-mix(in srgb, var(--ce-accent) 72%, #fff); }
.ce-command-lede h2 { margin-top: 14px; color: #fffdf8; font-size: 44px; font-weight: 900; line-height: 1.2; letter-spacing: 0; }
.ce-command-lede p { max-width: 940px; margin-top: 16px; color: rgba(255,253,248,.72); line-height: 2; }
.ce-command-shell { display: grid; grid-template-columns: minmax(0, 1.16fr) minmax(320px, .84fr); gap: 18px; align-items: stretch; }
.ce-command-visual, .ce-command-output, .ce-command-tile { border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.055); box-shadow: 0 24px 72px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.08); }
.ce-command-visual { min-height: 560px; overflow: hidden; }
.ce-command-topbar { display: flex; justify-content: space-between; gap: 16px; align-items: center; border-bottom: 1px solid rgba(255,255,255,.12); padding: 18px 22px; background: rgba(255,255,255,.05); }
.ce-command-topbar span, .ce-command-output > span, .ce-command-tile span { color: color-mix(in srgb, var(--ce-accent) 72%, #fff); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 500; line-height: 1.35; text-transform: uppercase; }
.ce-command-topbar b { color: rgba(255,255,255,.76); font-size: 12px; line-height: 1.35; }
.ce-command-map { position: relative; min-height: 498px; padding: 28px; }
.ce-command-core { position: absolute; left: 50%; top: 50%; z-index: 3; width: 218px; min-height: 218px; border: 1px solid color-mix(in srgb, var(--ce-accent) 54%, rgba(255,255,255,.2)); border-radius: 8px; background: linear-gradient(160deg, rgba(255,255,255,.12), rgba(255,255,255,.035)); box-shadow: 0 0 0 1px rgba(255,255,255,.06) inset, 0 24px 64px rgba(0,0,0,.26); padding: 24px; transform: translate(-50%, -50%); }
.ce-command-core small, .ce-command-node small { display: block; color: color-mix(in srgb, var(--ce-accent) 74%, #fff); font-family: Oswald, Inter, sans-serif; font-size: 12px; line-height: 1.35; text-transform: uppercase; }
.ce-command-core strong { display: block; margin-top: 12px; color: #fffdf8; font-size: 30px; line-height: 1.18; }
.ce-command-core p { margin-top: 12px; color: rgba(255,253,248,.68); font-size: 13px; line-height: 1.75; }
.ce-command-node { position: absolute; z-index: 2; width: 236px; min-height: 136px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: rgba(255,255,255,.075); padding: 18px; transition: transform .22s ease, border-color .22s ease, background .22s ease; }
.ce-command-node:hover { transform: translateY(-4px); border-color: color-mix(in srgb, var(--ce-accent) 52%, rgba(255,255,255,.2)); background: rgba(255,255,255,.1); }
.ce-command-node b { display: block; margin-top: 10px; color: #fffdf8; font-size: 19px; line-height: 1.28; }
.ce-command-node p { margin-top: 8px; color: rgba(255,253,248,.66); font-size: 12px; line-height: 1.65; }
.ce-command-node.is-a { left: 28px; top: 42px; }
.ce-command-node.is-b { right: 28px; top: 54px; }
.ce-command-node.is-c { left: 54px; bottom: 50px; }
.ce-command-node.is-d { right: 42px; bottom: 42px; }
.ce-command-line { position: absolute; z-index: 1; height: 1px; background: linear-gradient(90deg, transparent, color-mix(in srgb, var(--ce-accent) 60%, #fff), transparent); opacity: .62; transform-origin: left center; }
.ce-command-line.is-a { left: 248px; top: 126px; width: 190px; transform: rotate(20deg); }
.ce-command-line.is-b { right: 248px; top: 142px; width: 168px; transform: rotate(158deg); }
.ce-command-line.is-c { left: 274px; bottom: 136px; width: 170px; transform: rotate(-18deg); }
.ce-command-line.is-d { right: 260px; bottom: 130px; width: 160px; transform: rotate(198deg); }
.ce-command-output { padding: 28px; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.04)); }
.ce-command-output strong { display: block; margin-top: 12px; color: #fffdf8; font-size: 32px; line-height: 1.22; }
.ce-command-output p { margin-top: 14px; color: rgba(255,253,248,.72); line-height: 1.9; }
.ce-output-list { display: grid; gap: 10px; margin: 24px 0 0; padding: 0; list-style: none; }
.ce-output-list li { display: grid; grid-template-columns: 24px 1fr; gap: 11px; align-items: start; color: rgba(255,253,248,.88); font-size: 14px; font-weight: 800; line-height: 1.55; }
.ce-output-list li::before { content: ""; width: 11px; height: 11px; margin-top: .4em; border-radius: 3px; background: var(--ce-accent); box-shadow: 0 0 24px color-mix(in srgb, var(--ce-accent) 55%, transparent); }
.ce-command-actions { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 28px; }
.ce-command-actions .ce-button { min-height: 48px; }
.ce-command-actions .ce-button-primary { border-color: #fffdf8; background: #fffdf8; color: #121212; }
.ce-command-actions .ce-button-secondary { border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.06); color: #fffdf8; }
.ce-command-tiles { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 18px; }
.ce-command-tile { min-height: 178px; padding: 22px; }
.ce-command-tile strong { display: block; margin-top: 10px; color: #fffdf8; font-size: 22px; line-height: 1.28; }
.ce-command-tile p { margin-top: 10px; color: rgba(255,253,248,.68); font-size: 13px; line-height: 1.75; }
body.motion-ready .ce-command-node, body.motion-ready .ce-command-output, body.motion-ready .ce-command-tile { transition: opacity .7s ease, transform .85s var(--ce-ease), border-color .22s ease, background .22s ease; }
@media (max-width: 1080px) { .ce-command-shell, .ce-command-tiles { grid-template-columns: 1fr; } .ce-command-visual { min-height: auto; } .ce-command-map { display: grid; gap: 12px; min-height: 0; } .ce-command-node, .ce-command-core { position: static; width: auto; min-height: 0; transform: none; } .ce-command-line { display: none; } }
@media (max-width: 780px) { .ce-page .hero-proof.ce-hero-cockpit { padding: 20px; } .ce-page .hero-proof.ce-hero-cockpit strong { font-size: 29px; } .ce-command-section { padding: 76px 16px; } .ce-command-lede h2 { font-size: 29px; line-height: 1.32; } .ce-command-topbar { display: grid; padding: 16px; } .ce-command-map { padding: 16px; } .ce-command-output { padding: 22px; } .ce-command-output strong { font-size: 24px; } .ce-command-actions .ce-button { width: 100%; } }
@media (prefers-reduced-motion: reduce) { .ce-hero-meter i::before { animation: none; } .ce-command-node, .ce-command-output, .ce-command-tile { transition: none; } }
/* 20260708 scan-first copy density */
.ce-command-section.ce-scan-copy .ce-command-lede { max-width: 900px; margin-bottom: 28px; }
.ce-command-section.ce-scan-copy .ce-command-lede h2 { max-width: 820px; font-size: 38px; line-height: 1.18; }
.ce-command-section.ce-scan-copy .ce-command-lede p { max-width: 720px; line-height: 1.75; }
.ce-command-section.ce-scan-copy .ce-command-visual { min-height: 500px; }
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 438px; }
.ce-command-section.ce-scan-copy .ce-command-node { min-height: 104px; display: grid; align-content: end; }
.ce-command-section.ce-scan-copy .ce-command-node p,
.ce-command-section.ce-scan-copy .ce-command-core p,
.ce-command-section.ce-scan-copy .ce-command-tile p { display: none; }
.ce-command-section.ce-scan-copy .ce-command-core { min-height: 182px; }
.ce-command-section.ce-scan-copy .ce-command-output strong { font-size: 29px; }
.ce-command-section.ce-scan-copy .ce-command-output p { line-height: 1.65; }
.ce-command-section.ce-scan-copy .ce-output-list { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.ce-command-section.ce-scan-copy .ce-output-list li { border: 1px solid rgba(255,255,255,.12); border-radius: 6px; background: rgba(255,255,255,.055); padding: 9px 10px; grid-template-columns: 12px 1fr; font-size: 13px; }
.ce-command-section.ce-scan-copy .ce-command-actions { margin-top: 22px; }
.ce-command-section.ce-scan-copy .ce-command-tile { min-height: 112px; padding: 18px; }
.ce-command-section.ce-scan-copy .ce-command-tile strong { font-size: 20px; }
.ce-page .hero-lead { max-width: 680px; }
.ce-set-option .ce-set-hero p { max-width: 760px; line-height: 1.8; }
.ce-set-cases-head p,
.ce-set-pull p,
.ce-set-proof-copy p { line-height: 1.75; }
@media (max-width: 1080px) { .ce-command-section.ce-scan-copy .ce-command-visual, .ce-command-section.ce-scan-copy .ce-command-map { min-height: 0; } .ce-command-section.ce-scan-copy .ce-output-list { grid-template-columns: 1fr; } }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-lede h2 { font-size: 27px; line-height: 1.28; } .ce-command-section.ce-scan-copy .ce-command-node { min-height: auto; } .ce-command-section.ce-scan-copy .ce-command-core { min-height: auto; } }
/* 20260708 buyer-first flow */
.ce-buyer-section { padding: 76px 32px 52px; background: linear-gradient(180deg, #fffdf8 0%, #f3f8f5 100%); }
.ce-buyer-head { max-width: 860px; margin-bottom: 24px; }
.ce-buyer-head h2 { margin-top: 12px; color: var(--ce-ink); font-size: 38px; font-weight: 900; line-height: 1.2; letter-spacing: 0; }
.ce-buyer-head p { margin-top: 12px; color: var(--ce-sub); line-height: 1.75; }
.ce-buyer-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; }
.ce-buyer-grid article { min-height: 210px; border: 1px solid rgba(20,33,31,.1); border-radius: 8px; background: #ffffff; padding: 22px; box-shadow: 0 18px 52px rgba(20,33,31,.07); }
.ce-buyer-grid article.is-price { background: #14211f; color: #fffdf8; border-color: #14211f; box-shadow: 0 22px 62px rgba(20,33,31,.18); }
.ce-buyer-grid span, .ce-buyer-cta span { display: block; color: var(--ce-accent); font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 600; line-height: 1.35; text-transform: uppercase; }
.ce-buyer-grid article.is-price span { color: #8be0bd; }
.ce-buyer-grid strong { display: block; margin-top: 12px; color: var(--ce-ink); font-size: 24px; font-weight: 900; line-height: 1.28; }
.ce-buyer-grid article.is-price strong { color: #fffdf8; font-size: 28px; }
.ce-buyer-grid p { margin-top: 12px; color: var(--ce-sub); font-size: 14px; line-height: 1.7; }
.ce-buyer-grid article.is-price p { color: rgba(255,253,248,.72); }
.ce-buyer-cta { display: grid; grid-template-columns: minmax(0, 1fr) auto auto; gap: 12px; align-items: center; margin-top: 14px; border: 1px solid rgba(20,33,31,.1); border-radius: 8px; background: #ffffff; padding: 18px; box-shadow: 0 18px 52px rgba(20,33,31,.07); }
.ce-buyer-cta strong { display: block; margin-top: 5px; color: var(--ce-ink); font-size: 20px; line-height: 1.35; }
.ce-buyer-cta .ce-button { min-height: 48px; white-space: nowrap; }
.ce-buyer-cta .ce-button-primary { border-color: var(--ce-accent); background: var(--ce-accent); color: #ffffff; }
.ce-buyer-cta .ce-button-secondary { border-color: rgba(20,33,31,.16); background: #ffffff; color: var(--ce-ink); }
.ce-command-section.ce-scan-copy { padding-top: 86px; }
.ce-command-section.ce-scan-copy .ce-command-lede .ce-section-kicker { color: rgba(255,253,248,.68); }
@media (max-width: 1080px) { .ce-buyer-grid, .ce-buyer-cta { grid-template-columns: 1fr; } .ce-buyer-cta .ce-button { width: fit-content; } }
@media (max-width: 780px) { .ce-buyer-section { padding: 58px 16px 42px; } .ce-buyer-head h2 { font-size: 28px; line-height: 1.3; } .ce-buyer-grid article { min-height: auto; padding: 20px; } .ce-buyer-grid strong { font-size: 22px; } .ce-buyer-grid article.is-price strong { font-size: 25px; } .ce-buyer-cta { padding: 16px; } .ce-buyer-cta strong { font-size: 18px; } .ce-buyer-cta .ce-button { width: 100%; } }
/* 20260708 visual accent layer */
.ce-buyer-grid article,
.ce-price-card,
.ce-price-side-note { position: relative; overflow: hidden; }
.ce-buyer-grid article::after { content: ""; position: absolute; right: -36px; bottom: -42px; width: 132px; height: 132px; border-radius: 8px; background: linear-gradient(135deg, rgba(34,169,120,.12), rgba(47,142,216,.08)); transform: rotate(18deg); pointer-events: none; }
.ce-buyer-grid article.is-price::after { background: linear-gradient(135deg, rgba(139,224,189,.18), rgba(255,255,255,.05)); }
.ce-buyer-grid article > * { position: relative; z-index: 1; }
.ce-accent-icon { position: relative; display: block; width: 48px; height: 48px; margin-bottom: 18px; border: 1px solid rgba(34,169,120,.22); border-radius: 8px; background: linear-gradient(145deg, #f5fffb, #e6f6ef); box-shadow: inset 0 1px 0 rgba(255,255,255,.82), 0 14px 30px rgba(34,169,120,.12); }
.ce-buyer-grid article.is-price .ce-accent-icon { border-color: rgba(255,255,255,.2); background: rgba(255,255,255,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.12), 0 18px 34px rgba(0,0,0,.18); }
.ce-accent-icon::before,
.ce-accent-icon::after,
.ce-price-mark::before,
.ce-price-mark::after,
.ce-set-value article::before,
.ce-command-tile::before { content: ""; position: absolute; display: block; }
.ce-accent-icon.is-work::before { left: 12px; top: 12px; width: 18px; height: 18px; border: 3px solid var(--ce-accent); border-radius: 50%; }
.ce-accent-icon.is-work::after { left: 30px; top: 30px; width: 13px; height: 3px; border-radius: 3px; background: var(--ce-accent); transform: rotate(45deg); transform-origin: left center; }
.ce-accent-icon.is-result::before { left: 12px; bottom: 12px; width: 6px; height: 15px; border-radius: 3px 3px 0 0; background: var(--ce-accent); box-shadow: 10px -7px 0 #42a5f5, 20px -13px 0 #f0b84f; }
.ce-accent-icon.is-result::after { left: 10px; right: 10px; bottom: 9px; height: 2px; border-radius: 2px; background: rgba(20,33,31,.18); }
.ce-accent-icon.is-price::before { left: 10px; top: 15px; width: 28px; height: 18px; border: 2px solid rgba(255,255,255,.78); border-radius: 5px; }
.ce-accent-icon.is-price::after { left: 16px; top: 22px; width: 16px; height: 3px; border-radius: 2px; background: #8be0bd; box-shadow: 0 7px 0 rgba(255,255,255,.32); }
.ce-price-card { padding-top: 34px; }
.ce-price-card::after,
.ce-price-side-note::after { content: ""; position: absolute; inset: auto 0 0; height: 4px; background: linear-gradient(90deg, var(--ce-accent), #42a5f5, #f0b84f); opacity: .72; }
.ce-price-card > *:not(.ce-price-mark),
.ce-price-side-note > *:not(.ce-price-mark) { position: relative; z-index: 1; }
.ce-price-mark { position: absolute; top: 18px; right: 18px; z-index: 0; width: 46px; height: 46px; border: 1px solid rgba(34,169,120,.2); border-radius: 8px; background: linear-gradient(145deg, rgba(34,169,120,.14), rgba(47,142,216,.08)); pointer-events: none; }
.ce-price-mark::before { left: 12px; top: 13px; width: 22px; height: 16px; border: 2px solid var(--ce-accent); border-radius: 5px; }
.ce-price-mark::after { left: 17px; top: 21px; width: 13px; height: 3px; border-radius: 2px; background: var(--ce-accent); box-shadow: 0 7px 0 rgba(34,169,120,.32); }
.ce-price-card.featured .ce-price-mark { border-color: rgba(240,184,79,.34); background: linear-gradient(145deg, rgba(240,184,79,.18), rgba(34,169,120,.1)); }
.ce-price-card.featured .ce-price-mark::before { border-color: #d89b24; }
.ce-price-card.featured .ce-price-mark::after { background: #d89b24; box-shadow: 0 7px 0 rgba(216,155,36,.3); }
.ce-price-side-note .ce-price-mark { background: linear-gradient(145deg, rgba(47,142,216,.14), rgba(34,169,120,.08)); }
.ce-price-side-note .ce-card-kicker,
.ce-price-card .ce-card-kicker { padding-right: 58px; }
.ce-set-value article { padding-top: 78px; }
.ce-set-value article::before { left: 22px; top: 22px; width: 42px; height: 42px; border: 1px solid rgba(34,169,120,.22); border-radius: 8px; background: linear-gradient(145deg, rgba(34,169,120,.16), rgba(47,142,216,.08)); box-shadow: inset 0 1px 0 rgba(255,255,255,.72); }
.ce-set-value article:nth-child(1)::before { background: linear-gradient(145deg, rgba(47,142,216,.16), rgba(255,255,255,.62)); }
.ce-set-value article:nth-child(2)::before { border-color: rgba(139,224,189,.32); background: linear-gradient(145deg, rgba(139,224,189,.18), rgba(255,255,255,.08)); }
.ce-set-value article:nth-child(3)::before { background: linear-gradient(145deg, rgba(240,184,79,.2), rgba(34,169,120,.08)); }
.ce-set-value article span,
.ce-set-value article strong,
.ce-set-value article p { position: relative; z-index: 1; }
.ce-command-tile { position: relative; overflow: hidden; }
.ce-command-tile::before { right: 18px; top: 18px; width: 34px; height: 34px; border: 1px solid rgba(255,255,255,.16); border-radius: 8px; background: linear-gradient(145deg, rgba(255,255,255,.11), rgba(139,224,189,.08)); }
.ce-command-tile strong { padding-right: 48px; }
.ce-buyer-cta { position: relative; overflow: hidden; }
.ce-buyer-cta::after { content: ""; position: absolute; right: 18px; bottom: 12px; width: 160px; height: 2px; background: linear-gradient(90deg, transparent, rgba(34,169,120,.38), rgba(240,184,79,.42)); pointer-events: none; }
@media (max-width: 780px) { .ce-accent-icon { width: 44px; height: 44px; margin-bottom: 14px; } .ce-price-mark { width: 40px; height: 40px; top: 16px; right: 16px; } .ce-price-side-note .ce-card-kicker, .ce-price-card .ce-card-kicker { padding-right: 50px; } .ce-set-value article { padding-top: 70px; } .ce-command-tile strong { padding-right: 0; } .ce-buyer-cta::after { display: none; } }
/* 20260708 command diagram layer */
.ce-command-section.ce-scan-copy .ce-command-visual { min-height: 520px; }
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 458px; }
.ce-command-section.ce-scan-copy .ce-command-node { display: block; min-height: 128px; padding: 16px; background: linear-gradient(160deg, rgba(255,255,255,.095), rgba(255,255,255,.035)); }
.ce-command-section.ce-scan-copy .ce-command-node small { position: absolute; right: 14px; top: 13px; color: rgba(255,253,248,.48); font-size: 13px; }
.ce-command-section.ce-scan-copy .ce-command-node b { display: block; margin-top: 12px; color: #fffdf8; font-size: 28px; font-weight: 900; line-height: 1; letter-spacing: 0; }
.ce-command-section.ce-scan-copy .ce-command-node em,
.ce-command-section.ce-scan-copy .ce-diagram-core em { position: relative; display: block; width: 100%; height: 6px; margin-top: 16px; border-radius: 999px; background: rgba(255,255,255,.12); overflow: hidden; }
.ce-command-section.ce-scan-copy .ce-command-node em::before,
.ce-command-section.ce-scan-copy .ce-diagram-core em::before { content: ""; display: block; width: var(--w); height: 100%; border-radius: inherit; background: linear-gradient(90deg, var(--ce-accent), #42a5f5, #f0b84f); }
.ce-diagram-icon { position: relative; display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid rgba(139,224,189,.24); border-radius: 8px; background: rgba(139,224,189,.1); box-shadow: inset 0 1px 0 rgba(255,255,255,.1); }
.ce-diagram-icon::before,
.ce-diagram-icon::after,
.ce-diagram-core i::before,
.ce-diagram-core i::after { content: ""; position: absolute; display: block; }
.ce-diagram-icon.is-search::before { width: 16px; height: 16px; border: 3px solid #8be0bd; border-radius: 50%; left: 10px; top: 9px; }
.ce-diagram-icon.is-search::after { width: 12px; height: 3px; border-radius: 3px; background: #8be0bd; left: 25px; top: 27px; transform: rotate(45deg); transform-origin: left center; }
.ce-diagram-icon.is-page::before { width: 22px; height: 26px; border: 2px solid #8be0bd; border-radius: 5px; left: 10px; top: 8px; }
.ce-diagram-icon.is-page::after { width: 14px; height: 2px; left: 14px; top: 17px; background: #8be0bd; box-shadow: 0 7px 0 rgba(139,224,189,.62); }
.ce-diagram-icon.is-answer::before,
.ce-diagram-icon.is-reply::before { width: 24px; height: 17px; border: 2px solid #8be0bd; border-radius: 6px; left: 9px; top: 11px; }
.ce-diagram-icon.is-answer::after,
.ce-diagram-icon.is-reply::after { width: 9px; height: 9px; left: 15px; top: 25px; border-left: 2px solid #8be0bd; border-bottom: 2px solid #8be0bd; transform: rotate(-28deg); }
.ce-diagram-icon.is-action::before { width: 0; height: 0; left: 13px; top: 9px; border-left: 18px solid #8be0bd; border-top: 12px solid transparent; border-bottom: 12px solid transparent; transform: rotate(28deg); }
.ce-diagram-icon.is-action::after { width: 11px; height: 4px; left: 23px; top: 27px; border-radius: 4px; background: #8be0bd; transform: rotate(28deg); }
.ce-diagram-icon.is-question::before { content: "?"; position: static; color: #8be0bd; font-family: Oswald, Inter, sans-serif; font-size: 30px; font-weight: 900; line-height: 1; }
.ce-diagram-icon.is-rival::before { left: 10px; bottom: 10px; width: 7px; height: 18px; border-radius: 3px 3px 0 0; background: #8be0bd; box-shadow: 13px -8px 0 #42a5f5; }
.ce-diagram-icon.is-rival::after { left: 8px; right: 8px; bottom: 8px; height: 2px; background: rgba(255,255,255,.34); }
.ce-diagram-icon.is-source::before { left: 10px; top: 11px; width: 8px; height: 20px; border-left: 3px solid #8be0bd; border-top: 3px solid #8be0bd; border-bottom: 3px solid #8be0bd; }
.ce-diagram-icon.is-source::after { right: 10px; top: 11px; width: 8px; height: 20px; border-right: 3px solid #8be0bd; border-top: 3px solid #8be0bd; border-bottom: 3px solid #8be0bd; }
.ce-diagram-icon.is-map::before { width: 18px; height: 18px; left: 12px; top: 7px; border: 3px solid #8be0bd; border-radius: 50% 50% 50% 0; transform: rotate(-45deg); }
.ce-diagram-icon.is-map::after { width: 6px; height: 6px; left: 18px; top: 13px; border-radius: 50%; background: #8be0bd; }
.ce-diagram-icon.is-review::before { left: 10px; top: 11px; width: 22px; height: 18px; border: 2px solid #8be0bd; border-radius: 5px; }
.ce-diagram-icon.is-review::after { left: 15px; top: 18px; width: 4px; height: 4px; border-radius: 50%; background: #8be0bd; box-shadow: 7px 0 0 #8be0bd, 14px 0 0 #8be0bd; }
.ce-diagram-icon.is-post::before { left: 10px; top: 10px; width: 22px; height: 4px; border-radius: 3px; background: #8be0bd; box-shadow: 0 8px 0 rgba(139,224,189,.72), 0 16px 0 rgba(139,224,189,.45); }
.ce-diagram-core { text-align: center; }
.ce-diagram-core i { position: relative; display: block; width: 62px; height: 62px; margin: 0 auto 13px; border: 1px solid rgba(139,224,189,.34); border-radius: 8px; background: radial-gradient(circle at center, rgba(139,224,189,.22), rgba(255,255,255,.04) 62%); }
.ce-diagram-core i::before { inset: 14px; border: 3px solid #8be0bd; border-radius: 50%; }
.ce-diagram-core i::after { left: 29px; top: 8px; width: 3px; height: 46px; border-radius: 3px; background: #8be0bd; box-shadow: -18px 18px 0 -1px rgba(66,165,245,.9), 18px 18px 0 -1px rgba(240,184,79,.9); transform: rotate(45deg); }
.ce-command-section.ce-scan-copy .ce-diagram-core strong { margin-top: 8px; font-size: 30px; line-height: 1.1; }
.ce-command-section.ce-scan-copy .ce-diagram-core em { max-width: 132px; margin: 15px auto 0; }
@media (max-width: 1080px) { .ce-command-section.ce-scan-copy .ce-command-node { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 8px 14px; align-items: center; min-height: 0; } .ce-command-section.ce-scan-copy .ce-command-node small { position: static; grid-column: 2; grid-row: 1; align-self: end; } .ce-command-section.ce-scan-copy .ce-command-node b { grid-column: 2; grid-row: 2; margin-top: 0; font-size: 24px; } .ce-command-section.ce-scan-copy .ce-command-node em { grid-column: 1 / -1; margin-top: 4px; } .ce-diagram-icon { grid-row: 1 / span 2; } .ce-diagram-core { display: grid; grid-template-columns: 62px minmax(0, 1fr); gap: 6px 14px; align-items: center; text-align: left; } .ce-diagram-core i { grid-row: 1 / span 3; margin: 0; } .ce-command-section.ce-scan-copy .ce-diagram-core em { max-width: none; margin: 6px 0 0; } }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-node b { font-size: 22px; } .ce-diagram-icon { width: 40px; height: 40px; } .ce-command-section.ce-scan-copy .ce-command-visual, .ce-command-section.ce-scan-copy .ce-command-map { min-height: 0; } }

/* 20260708 command dashboard upgrade */
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 510px; padding: 20px; }
.ce-command-dashboard { position: relative; display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); grid-template-rows: repeat(6, minmax(0, 1fr)); gap: 12px; min-height: 470px; }
.ce-dash-panel { position: relative; overflow: hidden; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: linear-gradient(160deg, rgba(255,255,255,.105), rgba(255,255,255,.035)); padding: 16px; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 16px 42px rgba(0,0,0,.16); }
.ce-dash-panel::after { content: ""; position: absolute; right: -34px; bottom: -38px; width: 102px; height: 102px; border-radius: 8px; background: linear-gradient(135deg, rgba(139,224,189,.14), rgba(66,165,245,.07)); transform: rotate(18deg); pointer-events: none; }
.ce-dash-panel > * { position: relative; z-index: 1; }
.ce-dash-panel span { display: block; color: rgba(139,224,189,.78); font-family: Oswald, Inter, sans-serif; font-size: 11px; font-weight: 600; line-height: 1.25; letter-spacing: .04em; }
.ce-dash-panel strong { display: block; margin-top: 7px; color: #fffdf8; font-size: 23px; font-weight: 900; line-height: 1.12; letter-spacing: 0; }
.ce-dashboard-route { position: absolute; left: 18%; right: 16%; top: 50%; z-index: 0; height: 2px; background: linear-gradient(90deg, transparent, rgba(139,224,189,.42), rgba(66,165,245,.35), rgba(240,184,79,.46), transparent); transform: translateY(-50%); }
.ce-dashboard-route i { position: absolute; top: -5px; width: 12px; height: 12px; border-radius: 4px; background: #8be0bd; box-shadow: 0 0 22px rgba(139,224,189,.48); }
.ce-dashboard-route i:nth-child(1) { left: 26%; } .ce-dashboard-route i:nth-child(2) { left: 52%; background: #42a5f5; } .ce-dashboard-route i:nth-child(3) { left: 78%; background: #f0b84f; }
.ce-dash-source { grid-column: 1 / span 4; grid-row: 1 / span 3; }
.ce-dash-page { grid-column: 5 / span 5; grid-row: 1 / span 4; }
.ce-dash-answer { grid-column: 1 / span 4; grid-row: 4 / span 3; }
.ce-dash-action { grid-column: 10 / span 3; grid-row: 2 / span 4; background: linear-gradient(160deg, rgba(240,184,79,.16), rgba(255,255,255,.045)); }
.ce-dash-bars { display: grid; gap: 10px; margin-top: 18px; }
.ce-dash-bars i { position: relative; display: block; height: 30px; border: 1px solid rgba(255,255,255,.1); border-radius: 7px; background: rgba(255,255,255,.06); overflow: hidden; }
.ce-dash-bars i::before { content: ""; position: absolute; inset: 0 auto 0 0; width: var(--w); background: linear-gradient(90deg, rgba(139,224,189,.76), rgba(66,165,245,.34)); }
.ce-dash-bars b { position: relative; z-index: 1; display: block; padding: 7px 10px; color: rgba(255,253,248,.9); font-size: 12px; line-height: 1.25; }
.ce-dash-browser { display: flex; gap: 6px; margin: -2px 0 14px; }
.ce-dash-browser i { width: 9px; height: 9px; border-radius: 50%; background: rgba(255,255,255,.24); }
.ce-page-wire { display: grid; gap: 8px; margin-top: 18px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(0,0,0,.1); padding: 14px; }
.ce-page-wire b, .ce-page-wire em { display: block; border-radius: 5px; background: rgba(255,255,255,.16); }
.ce-page-wire b:first-child { width: 78%; height: 16px; } .ce-page-wire b:nth-child(2) { width: 54%; height: 12px; background: rgba(139,224,189,.3); }
.ce-page-wire em { height: 9px; } .ce-page-wire em:nth-of-type(1) { width: 92%; } .ce-page-wire em:nth-of-type(2) { width: 72%; } .ce-page-wire em:nth-of-type(3) { width: 84%; }
.ce-dash-tags { display: flex; flex-wrap: wrap; gap: 7px; margin-top: 13px; }
.ce-dash-tags i { border: 1px solid rgba(139,224,189,.22); border-radius: 5px; padding: 6px 8px; color: rgba(255,253,248,.82); font-style: normal; font-size: 11px; font-weight: 800; line-height: 1; }
.ce-answer-card { display: grid; gap: 7px; margin-top: 16px; border-radius: 8px; background: rgba(255,255,255,.07); padding: 13px; }
.ce-answer-card b, .ce-answer-card p { display: block; margin: 0; border-radius: 5px; background: rgba(255,255,255,.16); }
.ce-answer-card b { width: 46%; height: 12px; background: rgba(139,224,189,.34); } .ce-answer-card p { height: 8px; } .ce-answer-card p:nth-child(2) { width: 88%; } .ce-answer-card p:nth-child(3) { width: 72%; } .ce-answer-card p:nth-child(4) { width: 54%; }
.ce-link-dots { display: flex; gap: 8px; margin-top: 12px; } .ce-link-dots i { width: 12px; height: 12px; border-radius: 4px; background: #8be0bd; opacity: .82; }
.ce-funnel { display: grid; justify-items: center; gap: 8px; margin-top: 24px; }
.ce-funnel i { display: block; height: 30px; border-radius: 7px; background: linear-gradient(90deg, rgba(240,184,79,.9), rgba(139,224,189,.66)); }
.ce-funnel i:nth-child(1) { width: 100%; } .ce-funnel i:nth-child(2) { width: 72%; } .ce-funnel i:nth-child(3) { width: 42%; }
.ce-dash-action small { display: grid; place-items: center; width: 62px; height: 38px; margin: 18px auto 0; border: 1px solid rgba(255,255,255,.18); border-radius: 8px; color: #121212; background: #f0b84f; font-weight: 900; }
.ce-ai-questions { grid-column: 1 / span 4; grid-row: 1 / span 3; }
.ce-ai-answer { grid-column: 5 / span 5; grid-row: 1 / span 4; }
.ce-ai-citations { grid-column: 1 / span 4; grid-row: 4 / span 3; }
.ce-ai-pagequeue { grid-column: 10 / span 3; grid-row: 2 / span 4; }
.ce-question-cloud { display: flex; flex-wrap: wrap; gap: 9px; margin-top: 20px; }
.ce-question-cloud i { border: 1px solid rgba(139,224,189,.22); border-radius: 7px; background: rgba(139,224,189,.1); padding: 8px 10px; color: rgba(255,253,248,.9); font-style: normal; font-size: 12px; font-weight: 900; }
.ce-ai-window { border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: rgba(0,0,0,.12); padding: 16px; }
.ce-ai-lines { display: grid; gap: 9px; margin-top: 16px; }
.ce-ai-lines i { display: block; width: var(--w); height: 10px; border-radius: 5px; background: linear-gradient(90deg, rgba(139,224,189,.8), rgba(66,165,245,.45)); }
.ce-ai-rivals { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 13px; }
.ce-ai-rivals b { display: grid; place-items: center; min-height: 46px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; color: rgba(255,253,248,.82); background: rgba(255,255,255,.07); font-size: 12px; }
.ce-ai-rivals b.is-gap { border-style: dashed; color: #f0b84f; background: rgba(240,184,79,.08); }
.ce-citation-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 9px; margin-top: 17px; }
.ce-citation-grid i { min-height: 54px; border: 1px solid rgba(139,224,189,.2); border-radius: 8px; background: linear-gradient(160deg, rgba(139,224,189,.14), rgba(255,255,255,.04)); }
.ce-citation-grid i.is-empty { border-style: dashed; background: rgba(255,255,255,.03); }
.ce-page-queue { display: grid; gap: 10px; margin-top: 20px; }
.ce-page-queue i { display: block; height: 54px; border-radius: 8px; background: linear-gradient(90deg, rgba(255,255,255,.12), rgba(139,224,189,.14)); border: 1px solid rgba(255,255,255,.1); }
.ce-meo-map { grid-column: 1 / span 5; grid-row: 1 / span 4; }
.ce-meo-review { grid-column: 6 / span 4; grid-row: 1 / span 3; }
.ce-meo-reply { grid-column: 6 / span 4; grid-row: 4 / span 3; }
.ce-meo-post { grid-column: 10 / span 3; grid-row: 2 / span 4; }
.ce-map-mini { position: relative; min-height: 250px; margin-top: 16px; border: 1px solid rgba(255,255,255,.12); border-radius: 8px; background: linear-gradient(rgba(255,255,255,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.055) 1px, transparent 1px), radial-gradient(circle at 62% 40%, rgba(139,224,189,.16), transparent 28%); background-size: 34px 34px, 34px 34px, auto; }
.ce-map-mini i { position: absolute; width: 18px; height: 18px; border-radius: 50% 50% 50% 0; background: #f0b84f; transform: rotate(-45deg); box-shadow: 0 0 24px rgba(240,184,79,.38); }
.ce-map-mini .pin-a { left: 32%; top: 30%; } .ce-map-mini .pin-b { left: 62%; top: 52%; background: #8be0bd; } .ce-map-mini .pin-c { left: 48%; top: 68%; background: #42a5f5; }
.ce-map-mini b { position: absolute; left: 18%; right: 14%; bottom: 24%; height: 4px; border-radius: 4px; background: linear-gradient(90deg, #8be0bd, #42a5f5, #f0b84f); transform: rotate(-12deg); }
.ce-review-stack, .ce-reply-card { display: grid; gap: 9px; margin-top: 15px; }
.ce-review-stack i { display: grid; gap: 5px; min-height: 46px; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; padding: 9px; background: rgba(255,255,255,.06); }
.ce-review-stack i.is-open { border-color: rgba(240,184,79,.28); background: rgba(240,184,79,.08); }
.ce-review-stack b { display: block; height: 6px; border-radius: 4px; background: rgba(255,255,255,.2); } .ce-review-stack b:first-child { width: 70%; background: rgba(139,224,189,.38); } .ce-review-stack b:nth-child(2) { width: 92%; } .ce-review-stack b:nth-child(3) { width: 58%; }
.ce-reply-card { border: 1px solid rgba(255,255,255,.11); border-radius: 8px; background: rgba(255,255,255,.06); padding: 12px; }
.ce-reply-card b, .ce-reply-card p, .ce-reply-card em { display: block; margin: 0; border-radius: 5px; background: rgba(255,255,255,.18); } .ce-reply-card b { width: 48%; height: 11px; background: rgba(139,224,189,.34); } .ce-reply-card p { height: 8px; } .ce-reply-card p:nth-child(2) { width: 86%; } .ce-reply-card p:nth-child(3) { width: 64%; } .ce-reply-card em { width: 72px; height: 26px; margin-top: 4px; background: #8be0bd; }
.ce-calendar-mini { display: grid; grid-template-columns: repeat(3, 1fr); gap: 8px; margin-top: 20px; }
.ce-calendar-mini i { aspect-ratio: 1; border: 1px solid rgba(255,255,255,.1); border-radius: 8px; background: rgba(255,255,255,.07); } .ce-calendar-mini i.on { background: linear-gradient(145deg, rgba(139,224,189,.7), rgba(66,165,245,.28)); }
@media (max-width: 1080px) { .ce-command-dashboard { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; min-height: 0; } .ce-dash-panel, .ce-dash-source, .ce-dash-page, .ce-dash-answer, .ce-dash-action, .ce-ai-questions, .ce-ai-answer, .ce-ai-citations, .ce-ai-pagequeue, .ce-meo-map, .ce-meo-review, .ce-meo-reply, .ce-meo-post { grid-column: auto; grid-row: auto; } .ce-dashboard-route { display: none; } .ce-map-mini { min-height: 210px; } }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-map { padding: 14px; } .ce-command-dashboard { grid-template-columns: 1fr; } .ce-dash-panel strong { font-size: 21px; } .ce-ai-rivals { grid-template-columns: 1fr; } .ce-map-mini { min-height: 180px; } }


/* 20260708 simplified command flow */
.ce-command-section.ce-scan-copy .ce-command-visual { min-height: 470px; }
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 408px; padding: 24px; display: grid; align-items: center; }
.ce-command-flow { display: grid; grid-template-columns: minmax(0, 1fr) 42px minmax(0, 1.08fr) 42px minmax(0, 1fr); gap: 0; align-items: center; min-height: 360px; }
.ce-flow-step { position: relative; min-height: 318px; border: 1px solid rgba(255,255,255,.14); border-radius: 8px; background: linear-gradient(160deg, rgba(255,255,255,.09), rgba(255,255,255,.035)); padding: 22px; overflow: hidden; box-shadow: inset 0 1px 0 rgba(255,255,255,.08), 0 18px 50px rgba(0,0,0,.18); }
.ce-flow-step.is-main { min-height: 350px; background: linear-gradient(160deg, rgba(139,224,189,.14), rgba(255,255,255,.045)); border-color: rgba(139,224,189,.28); }
.ce-flow-step span { display: inline-grid; place-items: center; width: 38px; height: 38px; border: 1px solid rgba(139,224,189,.28); border-radius: 8px; background: rgba(139,224,189,.1); color: #8be0bd; font-family: Oswald, Inter, sans-serif; font-size: 16px; font-weight: 700; line-height: 1; }
.ce-flow-step strong { display: block; margin-top: 16px; color: #fffdf8; font-size: 26px; font-weight: 900; line-height: 1.15; letter-spacing: 0; }
.ce-flow-arrow { position: relative; display: block; width: 42px; height: 2px; background: linear-gradient(90deg, rgba(139,224,189,.12), rgba(139,224,189,.78)); }
.ce-flow-arrow::after { content: ""; position: absolute; right: 0; top: 50%; width: 12px; height: 12px; border-top: 2px solid rgba(139,224,189,.85); border-right: 2px solid rgba(139,224,189,.85); transform: translateY(-50%) rotate(45deg); }
.ce-flow-visual { position: relative; height: 170px; margin-top: 28px; border-radius: 8px; background: rgba(0,0,0,.12); overflow: hidden; }
.ce-flow-step.is-main .ce-flow-visual { height: 188px; }
.ce-flow-search i { position: absolute; left: 28px; top: 28px; width: 48px; height: 48px; border: 6px solid #8be0bd; border-radius: 50%; }
.ce-flow-search i::after { content: ""; position: absolute; right: -22px; bottom: -12px; width: 34px; height: 6px; border-radius: 6px; background: #8be0bd; transform: rotate(45deg); }
.ce-flow-search b { position: absolute; left: 28px; right: 28px; height: 12px; border-radius: 6px; background: rgba(255,255,255,.18); }
.ce-flow-search b:nth-of-type(1) { top: 100px; width: 74%; background: rgba(139,224,189,.42); } .ce-flow-search b:nth-of-type(2) { top: 124px; width: 58%; } .ce-flow-search b:nth-of-type(3) { top: 148px; width: 44%; }
.ce-flow-page b { position: absolute; left: 28px; right: 28px; top: 24px; height: 46px; border-radius: 8px; background: rgba(255,255,255,.16); }
.ce-flow-page b::before { content: ""; position: absolute; left: 14px; top: 15px; width: 46%; height: 10px; border-radius: 5px; background: #8be0bd; }
.ce-flow-page i { position: absolute; left: 28px; right: 28px; height: 16px; border-radius: 6px; background: rgba(255,255,255,.14); }
.ce-flow-page i:nth-of-type(1) { top: 92px; width: 78%; } .ce-flow-page i:nth-of-type(2) { top: 122px; width: 62%; } .ce-flow-page i:nth-of-type(3) { top: 152px; width: 84%; background: rgba(240,184,79,.36); }
.ce-flow-contact i { position: absolute; left: 50%; transform: translateX(-50%); height: 28px; border-radius: 7px; background: linear-gradient(90deg, rgba(139,224,189,.72), rgba(240,184,79,.72)); }
.ce-flow-contact i:nth-child(1) { top: 34px; width: 72%; } .ce-flow-contact i:nth-child(2) { top: 78px; width: 48%; }
.ce-flow-contact b { position: absolute; left: 50%; bottom: 30px; transform: translateX(-50%); display: grid; place-items: center; width: 86px; height: 42px; border-radius: 8px; background: #f0b84f; color: #121212; font-size: 14px; font-weight: 900; }
.ce-flow-question { display: flex; flex-wrap: wrap; gap: 12px; align-content: center; justify-content: center; padding: 22px; }
.ce-flow-question i { display: grid; place-items: center; min-width: 70px; min-height: 38px; border-radius: 8px; background: rgba(139,224,189,.15); border: 1px solid rgba(139,224,189,.22); color: rgba(255,253,248,.9); font-style: normal; font-size: 13px; font-weight: 900; }
.ce-flow-citation b { position: absolute; width: 78px; height: 92px; border: 1px solid rgba(139,224,189,.24); border-radius: 8px; background: linear-gradient(160deg, rgba(139,224,189,.18), rgba(255,255,255,.05)); }
.ce-flow-citation b:nth-child(1) { left: 26px; top: 46px; } .ce-flow-citation b:nth-child(2) { left: 50%; top: 24px; transform: translateX(-50%); } .ce-flow-citation b:nth-child(3) { right: 26px; top: 46px; }
.ce-flow-citation::after { content: ""; position: absolute; left: 66px; right: 66px; top: 88px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, #8be0bd, #42a5f5, #f0b84f); }
.ce-flow-answer b { position: absolute; left: 24px; right: 24px; top: 24px; height: 34px; border-radius: 8px; background: rgba(255,255,255,.14); }
.ce-flow-answer i { position: absolute; left: 34px; right: 34px; height: 14px; border-radius: 7px; background: rgba(255,255,255,.14); }
.ce-flow-answer i:nth-of-type(1) { top: 78px; width: 66%; } .ce-flow-answer i:nth-of-type(2) { top: 108px; width: 48%; } .ce-flow-answer i.is-hit { top: 138px; width: 78%; background: rgba(240,184,79,.58); }
.ce-flow-map { background: linear-gradient(rgba(255,255,255,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.07) 1px, transparent 1px), rgba(0,0,0,.12); background-size: 34px 34px; }
.ce-flow-map i { position: absolute; left: 50%; top: 34%; width: 34px; height: 34px; border-radius: 50% 50% 50% 0; background: #f0b84f; transform: translate(-50%, -50%) rotate(-45deg); box-shadow: 0 0 32px rgba(240,184,79,.42); }
.ce-flow-map b { position: absolute; left: 24%; right: 18%; bottom: 34%; height: 5px; border-radius: 5px; background: linear-gradient(90deg, #8be0bd, #42a5f5); transform: rotate(-15deg); }
.ce-flow-review b { position: absolute; left: 28px; right: 28px; top: 28px; height: 58px; border-radius: 8px; background: rgba(255,255,255,.13); }
.ce-flow-review b::before { content: ""; position: absolute; left: 14px; top: 16px; width: 64px; height: 8px; border-radius: 5px; background: rgba(139,224,189,.52); box-shadow: 0 18px 0 rgba(255,255,255,.2); }
.ce-flow-review i { position: absolute; left: 48px; right: 48px; height: 14px; border-radius: 7px; background: rgba(255,255,255,.14); }
.ce-flow-review i:nth-of-type(1) { top: 110px; } .ce-flow-review i:nth-of-type(2) { top: 140px; width: 54%; background: rgba(139,224,189,.38); }
.ce-flow-trust i { position: absolute; width: 54px; height: 54px; border: 1px solid rgba(139,224,189,.22); border-radius: 8px; background: rgba(139,224,189,.12); }
.ce-flow-trust i:nth-child(1) { left: 38px; top: 42px; } .ce-flow-trust i:nth-child(2) { right: 38px; top: 42px; background: rgba(66,165,245,.14); }
.ce-flow-trust b { position: absolute; left: 50%; bottom: 36px; width: 82px; height: 82px; border: 7px solid #8be0bd; border-top-color: transparent; border-left-color: transparent; transform: translateX(-50%) rotate(45deg); border-radius: 8px; }
@media (max-width: 1080px) { .ce-command-flow { grid-template-columns: 1fr; gap: 14px; min-height: 0; } .ce-flow-step, .ce-flow-step.is-main { min-height: 260px; } .ce-flow-arrow { width: 2px; height: 34px; justify-self: center; background: linear-gradient(180deg, rgba(139,224,189,.12), rgba(139,224,189,.78)); } .ce-flow-arrow::after { right: auto; left: 50%; top: auto; bottom: 0; transform: translateX(-50%) rotate(135deg); } }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-map { padding: 14px; } .ce-flow-step, .ce-flow-step.is-main { min-height: 230px; padding: 18px; } .ce-flow-step strong { font-size: 22px; } .ce-flow-visual, .ce-flow-step.is-main .ce-flow-visual { height: 136px; margin-top: 20px; } }


/* 20260708 flow label no-wrap */
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 384px; }
.ce-command-flow { min-height: 332px; }
.ce-flow-step,
.ce-flow-step.is-main { min-height: 292px; }
.ce-flow-step strong { white-space: nowrap; word-break: keep-all; overflow-wrap: normal; text-align: center; font-size: 30px; line-height: 1; }
.ce-flow-step span { display: grid; margin-left: auto; margin-right: auto; }
.ce-flow-visual { height: 154px; margin-top: 24px; }
.ce-flow-step.is-main .ce-flow-visual { height: 166px; }
@media (max-width: 1080px) { .ce-flow-step, .ce-flow-step.is-main { min-height: 236px; } .ce-flow-step strong { font-size: 28px; } }
@media (max-width: 780px) { .ce-flow-step, .ce-flow-step.is-main { min-height: 210px; } .ce-flow-step strong { font-size: 26px; } .ce-flow-visual, .ce-flow-step.is-main .ce-flow-visual { height: 118px; } }


/* 20260708 flow full width fix */
.ce-command-section.ce-scan-copy .ce-command-shell { grid-template-columns: minmax(0, 1fr); }
.ce-command-section.ce-scan-copy .ce-command-visual { width: 100%; min-height: 430px; }
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 368px; padding: 26px; }
.ce-command-section.ce-scan-copy .ce-command-output { max-width: none; }
.ce-command-section.ce-scan-copy .ce-command-flow { position: relative; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 22px; min-height: 310px; }
.ce-command-section.ce-scan-copy .ce-flow-arrow { display: none; }
.ce-command-section.ce-scan-copy .ce-flow-step { min-width: 0; min-height: 286px; padding: 24px; }
.ce-command-section.ce-scan-copy .ce-flow-step.is-main { min-height: 304px; }
.ce-command-section.ce-scan-copy .ce-flow-step:not(:last-of-type)::after { content: ""; position: absolute; right: -23px; top: 50%; z-index: 3; width: 26px; height: 2px; border-radius: 2px; background: linear-gradient(90deg, rgba(139,224,189,.2), rgba(139,224,189,.86)); transform: translateY(-50%); }
.ce-command-section.ce-scan-copy .ce-flow-step:not(:last-of-type)::before { content: ""; position: absolute; right: -25px; top: 50%; z-index: 4; width: 10px; height: 10px; border-top: 2px solid rgba(139,224,189,.9); border-right: 2px solid rgba(139,224,189,.9); transform: translateY(-50%) rotate(45deg); }
.ce-command-section.ce-scan-copy .ce-flow-step strong { font-size: 32px; }
.ce-command-section.ce-scan-copy .ce-flow-visual { height: 150px; }
.ce-command-section.ce-scan-copy .ce-flow-step.is-main .ce-flow-visual { height: 162px; }
@media (max-width: 1080px) { .ce-command-section.ce-scan-copy .ce-command-flow { grid-template-columns: 1fr; gap: 14px; } .ce-command-section.ce-scan-copy .ce-flow-step:not(:last-of-type)::after { left: 50%; right: auto; top: auto; bottom: -9px; width: 2px; height: 18px; background: linear-gradient(180deg, rgba(139,224,189,.2), rgba(139,224,189,.86)); transform: translateX(-50%); } .ce-command-section.ce-scan-copy .ce-flow-step:not(:last-of-type)::before { left: 50%; right: auto; top: auto; bottom: -14px; transform: translateX(-50%) rotate(135deg); } }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-map { padding: 14px; } .ce-command-section.ce-scan-copy .ce-command-visual { min-height: auto; } .ce-command-section.ce-scan-copy .ce-flow-step, .ce-command-section.ce-scan-copy .ce-flow-step.is-main { min-height: 210px; padding: 18px; } .ce-command-section.ce-scan-copy .ce-flow-step strong { font-size: 26px; } }


/* 20260708 command sheet reset */
.ce-command-section.ce-scan-copy .ce-command-shell { grid-template-columns: minmax(0, 1fr); }
.ce-command-section.ce-scan-copy .ce-command-visual { min-height: 0; }
.ce-command-section.ce-scan-copy .ce-command-map { min-height: 0; padding: 28px; display: block; }
.ce-command-sheet { width: min(900px, 100%); margin: 0 auto; }
.ce-sheet-paper { border: 1px solid rgba(20,33,31,.12); border-radius: 8px; background: #fbfaf7; color: #1a1a1a; padding: 30px; box-shadow: 0 28px 70px rgba(0,0,0,.22); }
.ce-sheet-head { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px 18px; align-items: start; border-bottom: 1px solid #ded8c8; padding-bottom: 18px; }
.ce-sheet-head span { color: #9c3535; font-family: Oswald, Inter, sans-serif; font-size: 12px; font-weight: 700; line-height: 1.35; letter-spacing: .04em; text-transform: uppercase; }
.ce-sheet-head strong { grid-column: 1; display: block; color: #1a1a1a; font-size: 34px; font-weight: 900; line-height: 1.15; letter-spacing: 0; }
.ce-sheet-head em { grid-column: 2; grid-row: 1 / span 2; display: grid; place-items: center; width: 76px; height: 76px; border: 2px solid rgba(183,56,56,.36); border-radius: 50%; color: #b73838; font-style: normal; font-size: 13px; font-weight: 900; line-height: 1; transform: rotate(-8deg); }
.ce-sheet-rows { display: grid; gap: 0; margin: 22px 0 0; padding: 0; list-style: none; border: 1px solid #ece8de; border-radius: 8px; overflow: hidden; }
.ce-sheet-rows li { display: grid; grid-template-columns: 64px minmax(118px, .35fr) minmax(0, 1fr); gap: 18px; align-items: center; min-height: 82px; background: #fff; border-bottom: 1px solid #ece8de; padding: 18px 20px; }
.ce-sheet-rows li:last-child { border-bottom: 0; }
.ce-sheet-rows li.is-focus { background: #fff7e3; }
.ce-sheet-rows i { display: grid; place-items: center; width: 42px; height: 42px; border: 1px solid #ded8c8; border-radius: 8px; color: #9c3535; background: #fbfaf7; font-family: Oswald, Inter, sans-serif; font-style: normal; font-size: 15px; font-weight: 700; }
.ce-sheet-rows b { color: #1a1a1a; font-size: 22px; line-height: 1.25; white-space: nowrap; }
.ce-sheet-rows span { color: #4a4a44; font-size: 15px; line-height: 1.55; }
.ce-command-section.ce-scan-copy .ce-command-output { max-width: 900px; width: 100%; margin: 18px auto 0; }
.ce-command-section.ce-scan-copy .ce-command-output p { display: none; }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-map { padding: 16px; } .ce-sheet-paper { padding: 20px; } .ce-sheet-head { grid-template-columns: 1fr; } .ce-sheet-head strong { font-size: 27px; } .ce-sheet-head em { grid-column: 1; grid-row: auto; width: 62px; height: 62px; justify-self: start; } .ce-sheet-rows li { grid-template-columns: 46px minmax(0, 1fr); gap: 12px; min-height: 0; padding: 16px; } .ce-sheet-rows span { grid-column: 2; } .ce-sheet-rows b { font-size: 20px; } }


/* 20260708 command sheet human reset */
.ce-command-section.ce-scan-copy { background: #f3f6f2; color: #1f211d; }
.ce-command-section.ce-scan-copy::before { background: linear-gradient(rgba(31,33,29,.045) 1px, transparent 1px), linear-gradient(90deg, rgba(31,33,29,.035) 1px, transparent 1px); background-size: 48px 48px; mask-image: none; opacity: .45; }
.ce-command-section.ce-scan-copy .ce-section-kicker,
.ce-command-section.ce-scan-copy .ce-command-lede .ce-section-kicker { color: #8b3d32; }
.ce-command-section.ce-scan-copy .ce-command-lede h2 { color: #1f211d; }
.ce-command-section.ce-scan-copy .ce-command-lede p { color: #585d53; }
.ce-command-section.ce-scan-copy .ce-command-visual,
.ce-command-section.ce-scan-copy .ce-command-output,
.ce-command-section.ce-scan-copy .ce-command-tile { border-color: #dce3d8; background: rgba(255,254,250,.96); color: #1f211d; box-shadow: 0 18px 48px rgba(36,43,32,.09), inset 0 1px 0 rgba(255,255,255,.75); }
.ce-command-section.ce-scan-copy .ce-command-topbar { border-bottom-color: #dde4d9; background: #fffdf7; }
.ce-command-section.ce-scan-copy .ce-command-topbar span,
.ce-command-section.ce-scan-copy .ce-command-output > span,
.ce-command-section.ce-scan-copy .ce-command-tile span { color: #8b3d32; font-family: Inter, "Noto Sans JP", sans-serif; font-size: 12px; font-weight: 800; text-transform: none; letter-spacing: 0; }
.ce-command-section.ce-scan-copy .ce-command-topbar b { color: #4f554d; font-size: 13px; font-weight: 800; letter-spacing: 0; }
.ce-command-section.ce-scan-copy .ce-command-map { background: #f8faf6; }
.ce-command-section.ce-scan-copy .ce-sheet-paper { border-color: #d8dfd4; box-shadow: 0 16px 42px rgba(36,43,32,.1); }
.ce-command-section.ce-scan-copy .ce-sheet-head span { color: #8b3d32; text-transform: none; letter-spacing: 0; }
.ce-command-section.ce-scan-copy .ce-sheet-head em { border-color: rgba(139,61,50,.34); color: #8b3d32; transform: rotate(-5deg); }
.ce-command-section.ce-scan-copy .ce-sheet-rows { border-color: #e1e6dc; }
.ce-command-section.ce-scan-copy .ce-sheet-rows li { border-bottom-color: #e1e6dc; }
.ce-command-section.ce-scan-copy .ce-sheet-rows li.is-focus { background: #edf6ef; }
.ce-command-section.ce-scan-copy .ce-sheet-rows i { border-color: #d8dfd4; color: #8b3d32; background: #f7faf4; }
.ce-command-section.ce-scan-copy .ce-command-output strong,
.ce-command-section.ce-scan-copy .ce-command-tile strong { color: #1f211d; }
.ce-command-section.ce-scan-copy .ce-command-output p,
.ce-command-section.ce-scan-copy .ce-command-tile p { color: #60665d; }
.ce-command-section.ce-scan-copy .ce-output-list li { border-color: #dce3d8; background: #f8faf6; color: #30352f; }
.ce-command-section.ce-scan-copy .ce-output-list li::before { background: #8b3d32; }
.ce-command-section.ce-scan-copy .ce-command-tiles { max-width: 900px; margin-left: auto; margin-right: auto; }
@media (max-width: 780px) { .ce-command-section.ce-scan-copy .ce-command-topbar b { font-size: 12px; line-height: 1.45; } }