/* v22（2026-09-17）: <b> を使わず <span class="wd-b"> で太字。既定の太さはここで指定し、個別の太さは後続ルールが優先。既存の span 向けルールは :not(.wd-b) で対象外にしている */
#wd-aio .wd-b{ font-weight: bold; }
/* AI検索対応サービスLP v20（元 = ../../../wordpress-upload_v19/サーバー設置用/ai-search-lp/ai-search-lp.css）

   v19からの変更点：SERVICE 3ステップの説明文（SPで2行）が320px台でも崩れないよう文字サイズを調整（末尾の「v20追加」）

   v12からの変更点（v19時点）：PC用／SP用の文章の重複をなくしたHTML（v19）に合わせたCSS（末尾の「v19追加」ブロック）

   v11からの変更点（v12時点）：レポート画像の差し替えに合わせたスライドショーの調整（末尾の「v12追加」ブロック）

   v10からの変更点（v11時点）：SPで黄色ボタン（AI検索での見え方を無料診断）が中央からずれて右にはみ出す問題を修正（末尾の「v11追加」ブロック）

   v9からの変更点（v10時点）：SP・タブレット（820px以下）でAI比較表（POINT 02）が右にはみ出す問題を修正（末尾の「v10追加」ブロック）

   v8からの変更点（v9時点）：SPで「お悩み」リストの下（濃い青の帯との間）の余白を 18px→64px に
     ほかのセクションの上下余白（64px）と揃えるため。値は干渉対策ブロックの .wd-issues__grid の行

   v7からの変更点（v8時点）：フォームの同意チェックの上下の余白を広げた（末尾の「v8追加」ブロック）

   v6からの変更点（v7時点）：料金カードのPCレイアウト（末尾の「v7追加」ブロック）
     ・PC（1280px〜）で「アイコン｜見出し＋金額｜内訳リスト」の3列にし、内訳をカード右側へ
     ・1279px以下は従来と同じ見た目（内訳は価格の下に「／」区切りの1行）
     ・HTMLの内訳を <ul class="wd-price__items"> に変えたため、v7のHTMLとセットで使う

   v5からの変更点（v6時点）
     1. img / a / button・input・select / svg の共通指定を「#wd-aio 要素名」に変更（クラス指定より弱くする）
        v1（WordPress用コピー）で「.wd-aio-page img」と書かれ、クラス指定より強くなっていたため、
        SPで侍・城を消す指定（display:none）や、黄色ボタンの文字色（紺）が効いていなかった
     2. SPの追従ラベル（外からの評価｜自社の情報）の止まる位置を、サイト共通ヘッダーの下に
        （値は ai-search-lp.js が --wd-aio-sticky-top に入れる。JSが無いときは従来どおり0）

   v4からの変更点（v5時点）：SWELLの「フルワイド」ブロックに入れた場合も全幅になるようにした
     ・フルワイドの内枠（最大1200px＋左右余白）と、上下余白（pc-py-60 等の !important）を、LPが入っているときだけ0に
     ・:has() を使用（Chrome 105／Safari 15.4／Firefox 121 以降）。それより古いブラウザではフルワイドの枠内に収まる表示になる

   v3からの変更点（v4時点）：画面幅いっぱいに広がらなかった問題の対策
     ・SWELLが広い画面で本文（.post_content）に付ける左右の余白（16px）を0にした

   v2からの変更点（v3時点）

   WordPress（SWELL・追加CSS）のスタイルがLPを上書きしていた問題の対策
     1. LPのCSSの全セレクタに #wd-aio を付けた（HTML側の外枠に id="wd-aio"）
        → LPの指定がテーマ・追加CSSより必ず強くなる。LP同士の優先順位は変わらない
     2. 下の「干渉対策」ブロックで、LPの中に効いているテーマ側の装飾をブラウザ標準に戻す
     3. SWELLの本文枠（最大幅・余白）とページタイトルを外して全幅表示にする

   🚨 このファイルを直接編集するときは、新しいセレクタにも必ず #wd-aio を付けること
      （付け忘れるとテーマ側のCSSに負けて、崩れが再発する）
   v1〜v2からの変更点（v2時点）：画像URLの置換／実送信用フォームCSS追加／LP独自ヘッダーCSS削除 */

/* ========================================================================
   WordPress（SWELL）との干渉対策 — このCSSはLPのページだけで読み込まれる
   ======================================================================== */

/* SWELLの本文枠（最大幅・左右余白・上余白）とページタイトルを外して全幅にする
   ※ページタイトル（h1）はLP側にh1があるため非表示。SWELLのページ設定で消せるならそちらでも可 */
#body_wrap #content.l-content { max-width: none; margin: 0; padding: 0; }
#body_wrap #main_content.l-mainContent { max-width: none; }
#body_wrap .l-mainContent__inner > .c-pageTitle { display: none; }
#body_wrap .l-mainContent__inner > .post_content { margin: 0 !important; padding: 0; }

/* SWELLの「フルワイド」ブロックにLPを入れた場合：内枠の最大幅・余白と、ブロックの上下余白（!important 指定）を外す */
#body_wrap .swell-block-fullWide:has(> .swell-block-fullWide__inner > #wd-aio) { padding: 0 !important; }
#body_wrap .swell-block-fullWide__inner:has(> #wd-aio) { max-width: none; margin: 0; padding: 0; }

/* LPの中に効いているテーマ・追加CSSの装飾をブラウザ標準に戻す
   （見出しの帯・下線、リンクの色・下線、small の半透明、リストの余白など）
   LP自身の指定は全て「#wd-aio + クラス」でこれより強いので、LPのデザインはそのまま効く
   SVGは属性で形を描いているため対象外（all: revert すると図形が消える） */
#wd-aio.wd-aio-page { margin: 0; padding: 0; font-size: 16px; font-weight: 400; line-height: normal; letter-spacing: normal; text-align: start; }
#wd-aio :not(svg, svg *),
#wd-aio :not(svg, svg *)::before,
#wd-aio :not(svg, svg *)::after { all: revert; }

/* SWELLは「div の最初/最後の子要素」の上下マージンを !important で0にする。
   !important は通常の指定では打ち消せないため、影響が出る箇所だけ !important で戻す
   （2026-09-15 test-2 ページで 320〜1920px の14幅を照合し、表示中の要素で差が出たのはここだけ） */
#wd-aio .wd-issues__grid { margin-bottom: 72px !important; }
@media (max-width: 820px) { #wd-aio .wd-issues__grid { margin-bottom: 64px !important; } } /* v9：18px→64px（他セクションの余白に揃える） */

#wd-aio.wd-aio-page{
  --wd-ink: #092238;
  --wd-teal: #08758f;
  --wd-teal-2: #0e8198;
  --wd-blue: #063e70;
  --wd-blue-deep: #003565;
  --wd-pale: #edf8fa;
  --wd-paper: #faf7ef;
  --wd-yellow: #ffc51d;
  --wd-orange: #f28b17;
  --wd-line: #aac5cc;
  --wd-muted: #596a72;
  --wd-red: #dc0b3c;
  --wd-shell: 1280px;
}

#wd-aio.wd-aio-page, #wd-aio.wd-aio-page *{ box-sizing: border-box; }
#wd-aio .wd-copy--sp{ display: none; }
#wd-aio.wd-aio-page{ color: var(--wd-ink); background: var(--wd-paper); font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; font-feature-settings: "palt" 1; -webkit-font-smoothing: antialiased; }
#wd-aio img{ display: block; max-width: 100%; height: auto; }
#wd-aio a{ color: inherit; }
#wd-aio button, #wd-aio input, #wd-aio select{ font: inherit; }
#wd-aio svg{ fill: none; stroke: currentColor; stroke-width: 2; stroke-linecap: round; stroke-linejoin: round; }
#wd-aio .wd-aio-svg-defs{ position: absolute; width: 0; height: 0; overflow: hidden; }
#wd-aio .wd-aio-lp{ overflow: clip; font-size: 16px; line-height: 1.75; letter-spacing: .035em; }
#wd-aio .wd-shell{ width: min(calc(100% - 96px), var(--wd-shell)); margin-inline: auto; }
#wd-aio .wd-shell--wide{ width: min(calc(100% - 64px), 1400px); }
#wd-aio .wd-section{ position: relative; padding: 96px 0; background-color: var(--wd-paper); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-paper.png"); background-repeat: no-repeat; background-size: 100% 100%; }
#wd-aio .wd-section-head{ max-width: 1180px; margin: 0 auto 48px; text-align: center; }
#wd-aio .wd-eyebrow{ margin: 0; color: var(--wd-teal); font-size: 18px; font-weight: 800; letter-spacing: .16em; line-height: 1; }
#wd-aio .wd-eyebrow--light{ color: #fff; }
#wd-aio .wd-eyebrow--yellow{ color: var(--wd-yellow); }
#wd-aio .wd-section-head h2, #wd-aio .wd-analysis__head h2, #wd-aio .wd-contact__head h2{ margin: 32px 0 0; font-size: clamp(38px, 3.65vw, 56px); font-weight: 900; letter-spacing: .03em; line-height: 1.45; }
#wd-aio .wd-section-head h2 em{ color: var(--wd-teal); font-style: normal; }
#wd-aio .wd-section-head > p:last-child{ margin: 24px 0 0; font-size: 20px; font-weight: 700; line-height: 1.8; }
#wd-aio .wd-button{ display: inline-flex; min-height: 60px; min-width: 330px; align-items: center; justify-content: center; gap: 28px; padding: 12px 30px; border: 2px solid transparent; border-radius: 999px; font-size: 16px; font-weight: 900; line-height: 1.4; text-decoration: none; transition: transform .18s ease, background-color .18s ease; }
#wd-aio .wd-button:hover{ transform: translateY(-2px); }
#wd-aio .wd-button--yellow{ color: var(--wd-ink); background: var(--wd-yellow); }
#wd-aio .wd-button--outline{ color: #fff; border-color: #fff; background: transparent; }
#wd-aio .wd-note{ margin: 24px auto 0; color: var(--wd-muted); font-size: 13px; line-height: 1.7; text-align: center; }

/* Site header */

/* FV layout primitives; the design-specific rules are at the end of this file. */
#wd-aio .wd-hero{ position: relative; overflow: hidden; }
#wd-aio .wd-hero__inner{ position: relative; }
#wd-aio .wd-hero__copy{ position: relative; }

/* Issues */
#wd-aio .wd-issues{ padding-bottom: 0; }
#wd-aio .wd-issues__grid{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 64px; max-width: 1140px; margin: 70px auto 72px; }
#wd-aio .wd-issues__grid article{ text-align: center; }
#wd-aio .wd-issues__grid h3{ margin: 22px 0 0; font-size: 21px; line-height: 1.55; }
#wd-aio .wd-issue-icon{ position: relative; width: 150px; height: 122px; margin-inline: auto; color: var(--wd-teal); }
#wd-aio .wd-issue-icon svg{ position: absolute; width: 112px; height: 112px; }
#wd-aio .wd-issue-icon--search svg:first-child{ left: 2px; bottom: 0; }#wd-aio .wd-issue-icon--search svg:last-child{ right: -4px; bottom: -9px; width: 58px; height: 58px; background: var(--wd-paper); }
#wd-aio .wd-issue-icon--rank{ width: 190px; display: grid; grid-template-columns: 58px 1fr; align-items: center; }
#wd-aio .wd-issue-icon--rank > span:not(.wd-b){ display: grid; width: 58px; height: 58px; place-items: center; border: 3px solid currentColor; border-radius: 50%; font-size: 23px; font-weight: 800; }
#wd-aio .wd-issue-icon--rank ol{ margin: 0; padding: 12px 18px 12px 28px; text-align: left; border: 3px solid currentColor; border-radius: 6px; font-size: 13px; font-weight: 800; }
#wd-aio .wd-issue-icon--rank li{ padding: 2px 0; }
#wd-aio .wd-issue-icon--monitor svg{ left: 0; bottom: 0; }#wd-aio .wd-issue-icon--monitor .wd-b{ position: absolute; right: -2px; bottom: -5px; display: grid; width: 62px; height: 74px; place-items: center; color: var(--wd-teal); background: var(--wd-paper); border: 3px solid currentColor; border-radius: 60% 60% 65% 65%; font-size: 32px; }
#wd-aio .wd-value{ padding: 48px 32px 56px; border-top: 1px solid var(--wd-line); text-align: center; }
#wd-aio .wd-value p{ margin: 0; font-size: 24px; font-weight: 900; line-height: 1.7; }
#wd-aio .wd-value mark{ color: var(--wd-ink); background: linear-gradient(transparent 61%, var(--wd-yellow) 61%); }
#wd-aio .wd-value ol{ display: flex; justify-content: center; gap: 104px; margin: 32px 0 0; padding: 0; list-style: none; }
#wd-aio .wd-value li{ position: relative; display: grid; justify-items: center; gap: 8px; color: var(--wd-teal); font-size: 14px; font-weight: 800; }
#wd-aio .wd-value li:not(:last-child)::after{ content: "→"; position: absolute; top: 20px; right: -65px; color: var(--wd-teal); font-size: 28px; }
#wd-aio .wd-value svg{ width: 46px; height: 46px; }
#wd-aio .wd-issues__statement{ display: block; padding: 58px 24px 62px; color: #fff; background-color: var(--wd-teal); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-blue.png"); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; }
#wd-aio .wd-issues__statement > .wd-issues__lead{ display: block; font-size: 28px; line-height: 1.7; }
#wd-aio .wd-issues__statement span:not(.wd-b){ font-size: 16px; font-weight: 800; }
#wd-aio .wd-issues__statement > .wd-issues__lead > span:not(.wd-b){ font-size: 21px; }
#wd-aio .wd-issues__statement .wd-value{ width: min(calc(100% - 64px), 980px); margin: 22px auto 0; padding: 0; border: 0; text-align: center; }
#wd-aio .wd-issues__statement .wd-value::before{ display: none; }
#wd-aio .wd-issues__statement .wd-value p{ font-size: 21px; line-height: 1.75; }
#wd-aio .wd-issues__statement .wd-value mark{ color: var(--wd-yellow); background: transparent; }
#wd-aio .wd-issues__statement .wd-value li,
#wd-aio .wd-issues__statement .wd-value li:not(:last-child)::after{ color: #fff; }
#wd-aio .wd-issues__statement .wd-value ol{ justify-content: center; gap: 76px; margin-top: 28px; }
#wd-aio .wd-issues__statement .wd-value li{ display: block; min-width: 0; min-height: 0; padding: 0; border: 0; background: transparent; }
#wd-aio .wd-issues__statement .wd-value li:not(:last-child)::after{ content: "⇒"; top: -5px; right: -49px; font-size: 24px; }

/* Service */
#wd-aio .wd-service .wd-section-head h2{ margin-top: 13px; }
#wd-aio .wd-service .wd-section-head > p:last-child{ margin-top: 20px; }
#wd-aio .wd-service .wd-section-head{ margin-bottom: 54px; }
#wd-aio .wd-service__steps{ position: relative; display: grid; grid-template-columns: 1.068fr 1fr 1.017fr; gap: 32px; min-height: 574px; margin-top: 21px; padding: 0 75px 0 7px; }
#wd-aio .wd-service__steps article{ position: relative; z-index: 3; text-align: center; }
#wd-aio .wd-service__steps article > span:not(.wd-b){ display: block; color: var(--wd-teal); font-size: 31px; font-weight: 900; line-height: 1; }
#wd-aio .wd-service__steps h3{ margin: 13px 0 0; color: var(--wd-teal); font-size: 25px; }#wd-aio .wd-service__steps p{ margin: 3px 0 18px; font-weight: 800; }
#wd-aio .wd-service__steps figure{ margin: 0; background: #fff; border: 1.5px solid var(--wd-teal); }
#wd-aio .wd-service__steps figure img{ width: 100%; height: 326px; object-fit: fill; background: #fff; }
#wd-aio .wd-service-road{ position: absolute; z-index: 2; top: 456px; left: -25px; width: min(1325px, calc(100% - 50px)); height: 100px; overflow: visible; color: var(--wd-teal); }
#wd-aio .wd-service-road__route{ fill: none; stroke: currentColor; stroke-width: 20; }
#wd-aio .wd-service-road__connector{ fill: none; stroke: currentColor; stroke-width: 2; }
#wd-aio .wd-service-road circle{ fill: var(--wd-paper); stroke: currentColor; stroke-width: 6; }
#wd-aio .wd-service-road .wd-service-road__dot, #wd-aio .wd-service-road__arrow{ fill: currentColor; stroke: none; }
#wd-aio .wd-service__samurai, #wd-aio .wd-service__castle{ position: absolute; z-index: 4; pointer-events: none; }
#wd-aio .wd-service__samurai{ top: 404px; left: -77px; width: 177px; }#wd-aio .wd-service__castle{ top: 311px; right: -79px; width: 200px; }
#wd-aio .wd-service__end{ margin: 20px 0 0; font-size: 27px; font-weight: 900; text-align: center; }#wd-aio .wd-service__end em{ color: var(--wd-teal); font-style: normal; }#wd-aio .wd-service__end small{ display: block; margin-top: 16px; font-size: 16px; }

/* Report CTA */
#wd-aio .wd-report-cta{ padding: 58px 0 62px; color: #fff; background-color: var(--wd-teal); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-blue.png"); background-repeat: no-repeat; background-size: 100% 100%; overflow: hidden; }
#wd-aio .wd-report-marquee{ overflow: hidden; }
#wd-aio .wd-report-marquee__track{ width: max-content; display: flex; gap: 20px; animation: wd-marquee 40s linear infinite; }
#wd-aio .wd-report-marquee figure{ width: 310px; aspect-ratio: 1.52; margin: 0; padding: 8px; background: #fff; box-shadow: 0 4px 14px rgba(0,0,0,.15); }
#wd-aio .wd-report-marquee img{ width: 100%; height: 100%; object-fit: contain; }
#wd-aio .wd-report-cta__body{ display: grid; justify-items: center; gap: 16px; margin-top: 24px; padding-inline: 24px; text-align: center; }
#wd-aio .wd-report-cta__body p{ margin: 0; font-size: 21px; font-weight: 900; }#wd-aio .wd-report-cta__body .wd-button{ min-height: 50px; min-width: 360px; font-size: 14px; }#wd-aio .wd-report-cta__body small{ font-size: 13px; line-height: 1.7; }
@keyframes wd-marquee { to { transform: translateX(calc(-50% - 10px)); } }

/* Strategy */
#wd-aio .wd-strategy{ padding-top: 94px; padding-bottom: 72px; }
#wd-aio .wd-strategy > .wd-shell{ width: min(calc(100% - 96px), 1384px); }
#wd-aio .wd-strategy .wd-section-head{ margin-bottom: 56px; }
#wd-aio .wd-strategy .wd-section-head h2{ margin-top: 20px; }
#wd-aio .wd-strategy .wd-section-head > p:last-child{ margin-top: 12px; }
#wd-aio .wd-strategy__stage{ display: grid; grid-template-columns: 1fr 1fr; gap: 28px; }
#wd-aio .wd-strategy__sticky-labels{ display: none; }
#wd-aio .wd-strategy__stage > article{ border: 1.5px solid var(--wd-teal); background: rgba(255,255,255,.58); text-align: center; }
#wd-aio .wd-strategy__tab{ width: 260px; margin-inline: auto; padding: 8px 12px; color: #fff; background: var(--wd-teal); border-radius: 0 0 4px 4px; font-size: 20px; font-weight: 900; line-height: 1.25; }
#wd-aio .wd-strategy__stage > article > p{ margin: 12px 0 8px; font-size: 16px; font-weight: 800; }
#wd-aio .wd-mini-sites{ display: grid; grid-template-columns: repeat(3, 1fr); gap: 12px; padding: 0 20px 10px; }
#wd-aio .wd-mini-sites figure{ min-width: 0; margin: 0; display: flex; flex-direction: column; overflow: hidden; background: transparent; }
#wd-aio .wd-mini-sites figure img{ width: 100%; aspect-ratio: .72; object-fit: fill; background: #fff; border: 1px solid #c9dadd; }
#wd-aio .wd-mini-sites figcaption{ order: -1; min-height: 36px; display: grid; place-items: center; padding: 5px 3px; color: var(--wd-teal); font-size: 15px; font-weight: 900; line-height: 1.35; }
#wd-aio .wd-mini-sites > div{ min-height: 180px; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 12px; padding: 15px 9px; background: #fff; border: 1px solid #c9dadd; }
#wd-aio .wd-mini-sites svg{ width: 74px; height: 74px; color: var(--wd-teal); }#wd-aio .wd-mini-sites .wd-b{ font-size: 13px; }#wd-aio .wd-mini-sites > div > span:not(.wd-b){ display: block; width: 80%; padding: 4px; border-bottom: 3px solid #b8c1c5; color: var(--wd-teal); font-size: 13px; }#wd-aio .wd-mini-review i{ color: var(--wd-yellow); font-size: 15px; font-style: normal; letter-spacing: .04em; }
#wd-aio .wd-mini-company{ flex-direction: row !important; flex-wrap: wrap; }#wd-aio .wd-mini-company i{ width: 36px; height: 50px; background: var(--wd-pale); border: 2px solid var(--wd-teal); }#wd-aio .wd-mini-company .wd-b{ flex-basis: 100%; }
#wd-aio .wd-strategy-connectors{ position: relative; z-index: 0; display: block; width: 100%; height: 116px; margin: 0 0 -116px; overflow: visible; color: var(--wd-teal); }
#wd-aio .wd-strategy-connectors > path{ fill: none; stroke: currentColor; stroke-width: 4; }
#wd-aio .wd-recommend{ position: relative; z-index: 1; width: 565px; margin: 46px auto 0; }
#wd-aio .wd-recommend img{ width: 100%; }
#wd-aio .wd-strategy__description{ margin: 46px 0 0; font-size: 27px; font-weight: 800; text-align: center; }
#wd-aio .wd-strategy__end{ margin: 14px 0 0; font-size: 27px; font-weight: 900; text-align: center; }#wd-aio .wd-strategy__end em{ color: var(--wd-teal); font-style: normal; }

@media (max-width: 1279px) {
  #wd-aio .wd-strategy-connectors{ display: none; }
  #wd-aio .wd-strategy__stage > article{ position: relative; }
  #wd-aio .wd-strategy__stage > article::after{ content: ""; position: absolute; left: 50%; top: 100%; height: 54px; border-left: 2px solid var(--wd-teal); transform: translateX(-50%); }
  #wd-aio .wd-strategy__stage > article::before{ content: ""; position: absolute; left: 50%; top: calc(100% + 54px); border-left: 7px solid transparent; border-right: 7px solid transparent; border-top: 9px solid var(--wd-teal); transform: translateX(-50%); }
}

/* Analysis */
#wd-aio .wd-analysis{ background: var(--wd-paper); }
#wd-aio .wd-analysis__head{ min-height: 310px; padding: 95px 0; color: #fff; background-color: var(--wd-teal); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-blue.png"); background-repeat: no-repeat; background-position: center; background-size: 100% 100%; text-align: center; }
#wd-aio .wd-analysis__head h2{ margin-top: 7px; font-size: 48px; }#wd-aio .wd-analysis__head > .wd-shell > p:nth-of-type(2){ margin: 2px 0 0; font-weight: 700; }
#wd-aio .wd-analysis__head ol{ position: relative; display: grid; grid-template-columns: max-content 144px max-content 144px max-content; justify-content: center; gap: 0; margin: 13px 0 0; padding: 0; list-style: none; }
#wd-aio .wd-analysis__head ol::before{ display: none; }
#wd-aio .wd-analysis__head li{ position: relative; z-index: 1; min-width: 0; display: grid; grid-template-columns: 58px max-content; align-items: center; gap: 18px; font-size: 18px; font-weight: 800; text-align: left; }
#wd-aio .wd-analysis__head li:nth-child(1){ grid-column: 1; }#wd-aio .wd-analysis__head li:nth-child(2){ grid-column: 3; }#wd-aio .wd-analysis__head li:nth-child(3){ grid-column: 5; }
#wd-aio .wd-analysis__head li:not(:last-child)::after{ content: ""; position: absolute; left: calc(100% + 40px); top: 50%; width: 64px; height: 14px; background: #fff; clip-path: polygon(0 43%, 82% 43%, 82% 0, 100% 50%, 82% 100%, 82% 57%, 0 57%); transform: translateY(-50%); }
#wd-aio .wd-analysis__head li::before{ counter-increment: analysis-step; content: counter(analysis-step, decimal-leading-zero); display: grid; width: 58px; height: 58px; place-items: center; color: #fff; background: transparent; border: 2px solid #fff; border-radius: 50%; font-size: 20px; }
#wd-aio .wd-analysis__head ol{ counter-reset: analysis-step; }
#wd-aio .wd-analysis__rows{ padding-bottom: 96px; background: var(--wd-paper); }
#wd-aio .wd-point{ width: min(calc(100% - 64px), 1450px); min-height: 273px; margin-inline: auto; display: grid; grid-template-columns: 145px 500px 145px minmax(0,1fr); align-items: center; gap: 22px; padding: 38px 16px 38px 32px; border-bottom: 1px solid var(--wd-line); }
#wd-aio .wd-point--tint{ min-height: 244px; padding-block: 24px; background: #edf6f7; }
#wd-aio .wd-point__no{ position: relative; height: 100%; display: grid; align-content: center; justify-items: start; color: var(--wd-teal); }
#wd-aio .wd-point .wd-point__no::before{ content: ""; position: absolute; right: 7px; top: 46%; width: 13px; height: 13px; background: var(--wd-teal); border-radius: 50%; }
#wd-aio .wd-point:nth-child(-n+2) .wd-point__no::after{ content: ""; position: absolute; right: 12px; top: calc(46% + 15px); bottom: -49px; border-right: 2px dashed var(--wd-teal); }
#wd-aio .wd-point:nth-child(-n+2) .wd-point__no small::after{ content: ""; position: absolute; right: 5px; bottom: -50px; border-top: 13px solid var(--wd-teal); border-left: 8px solid transparent; border-right: 8px solid transparent; }
#wd-aio .wd-point__no span:not(.wd-b){ font-size: 14px; font-weight: 800; letter-spacing: .14em; }#wd-aio .wd-point__no .wd-b{ font-size: 64px; font-weight: 500; line-height: 1.1; }#wd-aio .wd-point__no small{ font-size: 14px; font-weight: 900; }
#wd-aio .wd-point__copy h3{ margin: 0 0 20px; font-size: 25px; line-height: 1.45; }#wd-aio .wd-point__copy p{ margin: 0; font-size: 17px; line-height: 1.9; }#wd-aio .wd-point aside p{ margin: 0; font-size: 16px; line-height: 1.9; }#wd-aio .wd-point aside{ padding: 0 0 0 20px; border-left: 1px solid var(--wd-line); }#wd-aio .wd-point aside .wd-b{ color: var(--wd-teal); font-size: 18px; }#wd-aio .wd-point aside p{ margin-top: 13px; font-weight: 700; }
#wd-aio .wd-point__list{ display: grid; gap: 1px; margin: 0 0 12px; padding: 0; list-style: none; font-size: 17px; font-weight: 700; line-height: 1.75; }
#wd-aio .wd-point__list li::before{ content: "✓"; margin-right: 8px; color: var(--wd-teal); font-weight: 900; }
#wd-aio .wd-query-diagram{ position: relative; display: flex; align-items: center; justify-content: space-between; gap: 8px; padding-bottom: 0; }
#wd-aio .wd-query-diagram > div{ position: relative; flex: 1; display: grid; grid-template-rows: 48px 24px 64px; justify-items: center; gap: 5px; text-align: center; }#wd-aio .wd-query-diagram > div > span:not(.wd-b){ position: absolute; left: 8px; top: 0; display: grid; width: 26px; height: 26px; place-items: center; color: var(--wd-teal); border: 1px solid var(--wd-teal); border-radius: 50%; font-size: 14px; font-weight: 900; }#wd-aio .wd-query-diagram svg{ width: 48px; height: 48px; color: var(--wd-teal); }#wd-aio .wd-query-diagram small{ align-self: center; font-size: 14px; font-weight: 800; }#wd-aio .wd-query-diagram .wd-b{ width: 100%; min-height: 64px; display: grid; place-items: center; border: 1px solid var(--wd-teal); border-radius: 5px; font-size: 14px; }#wd-aio .wd-query-diagram > i{ flex: 0 0 30px; align-self: flex-start; width: 30px; height: 10px; margin-top: 60px; overflow: hidden; color: transparent; background: var(--wd-teal); clip-path: polygon(0 43%, 80% 43%, 80% 0, 100% 50%, 80% 100%, 80% 57%, 0 57%); font-size: 0; font-style: normal; }#wd-aio .wd-cause-diagram > i{ color: var(--wd-teal); font-size: 22px; font-style: normal; }
#wd-aio .wd-ai-table{ display: grid; grid-template-columns: 82px repeat(5, 1fr); border-top: 1px solid var(--wd-line); border-left: 1px solid var(--wd-line); background: #fff; text-align: center; }
#wd-aio .wd-ai-table > *{ min-height: 32px; display: grid; place-items: center; margin: 0; padding: 3px 4px; border-right: 1px solid var(--wd-line); border-bottom: 1px solid var(--wd-line); font-size: 14px; font-style: normal; line-height: 1.2; }#wd-aio .wd-ai-table span:not(.wd-b){ font-weight: 800; }#wd-aio .wd-ai-table i{ color: var(--wd-teal); font-size: 16px; }
#wd-aio .wd-ai-table .wd-ai-table__legend{ grid-column: 1 / -1; min-height: 26px; display: flex; justify-content: center; border-right: 0; color: var(--wd-ink); background: var(--wd-paper); font-size: 13px; font-weight: 700; white-space: nowrap; }
#wd-aio .wd-cause-diagram{ display: flex; align-items: stretch; gap: 8px; }#wd-aio .wd-cause-diagram > div{ flex: 1; padding: 12px 14px; border: 1px solid var(--wd-teal); border-radius: 5px; background: #fff; }#wd-aio .wd-cause-diagram > div:nth-of-type(2){ flex: 1.15; }#wd-aio .wd-cause-diagram .wd-b{ display: block; color: var(--wd-teal); font-size: 14px; }#wd-aio .wd-cause-diagram span:not(.wd-b){ display: block; margin-top: 10px; font-size: 14px; font-weight: 700; line-height: 1.7; }
#wd-aio .wd-point:last-of-type{ border-bottom: 0; }
#wd-aio .wd-analysis__insight{ width: min(calc(100% - 64px), 720px); margin: 72px auto 0; color: var(--wd-ink); font-size: 27px; font-weight: 600; line-height: 1.75; text-align: center; }
#wd-aio .wd-analysis__insight em{ color: var(--wd-teal); font-style: normal; font-weight: 900; }

/* Judgement */
#wd-aio .wd-insight{ display: grid; min-height: 390px; place-items: center; padding: 95px 50px; color: #fff; background-color: var(--wd-teal); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-blue.png"); background-repeat: no-repeat; background-size: 100% 100%; text-align: center; }
#wd-aio .wd-insight .wd-eyebrow{ margin: 0; }
#wd-aio .wd-insight h2{ max-width: 1180px; margin: 12px auto 0; font-size: 40px; font-weight: 900; letter-spacing: .03em; line-height: 1.55; }
#wd-aio .wd-judgement{ padding: 72px 0 58px; background-color: var(--wd-pale); background-image: none; }
#wd-aio .wd-judgement > .wd-shell{ width: 100%; }
#wd-aio .wd-judgement__map{ width: 100%; margin-inline: auto; }
#wd-aio .wd-case-title{ width: fit-content; margin: 0 auto; padding: 14px 42px; color: var(--wd-teal); background: rgba(255,255,255,.55); border: 2px solid var(--wd-teal); border-radius: 4px; font-size: 21px; text-align: center; }
#wd-aio .wd-bottleneck-connectors{ display: block; width: min(calc(100% - 64px), 1240px); height: 58px; margin: 0 auto; color: var(--wd-teal); overflow: visible; }
#wd-aio .wd-bottleneck-connectors path{ fill: none; stroke: currentColor; stroke-width: 2; vector-effect: non-scaling-stroke; }
#wd-aio .wd-bottleneck-connectors__stack{ display: none; }
#wd-aio .wd-bottleneck-grid{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 28px; max-width: 1240px; margin: 0 auto; }
#wd-aio .wd-bottleneck-stack-link{ display: none; }
#wd-aio .wd-bottleneck{ display: grid; grid-template-rows: auto 1fr; overflow: hidden; background: rgba(255,255,255,.72); border: 1px solid var(--wd-teal); border-radius: 6px; }
#wd-aio .wd-bottleneck header{ min-height: 92px; display: flex; align-items: center; gap: 18px; padding: 18px 26px; color: #fff; background: var(--wd-teal); }
#wd-aio .wd-bottleneck header svg{ flex: 0 0 auto; width: 52px; height: 52px; }
#wd-aio .wd-bottleneck h4{ margin: 0; font-size: 23px; line-height: 1.35; }
#wd-aio .wd-bottleneck ul{ display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); grid-auto-rows: 1fr; gap: 12px; margin: 0; padding: 22px; list-style: none; }
#wd-aio .wd-bottleneck li{ min-height: 72px; display: grid; grid-template-columns: 36px 1fr; align-items: center; gap: 12px; padding: 12px 14px; background: #fff; border: 1px solid var(--wd-line); border-radius: 4px; font-size: 15px; font-weight: 800; line-height: 1.55; }
#wd-aio .wd-bottleneck li .wd-b{ display: grid; width: 32px; height: 32px; place-items: center; color: #fff; background: var(--wd-teal); border-radius: 50%; font-size: 13px; }
#wd-aio .wd-bottleneck--beyond{ border-color: #e4aa1d; }
#wd-aio .wd-bottleneck--beyond header{ color: var(--wd-ink); background: #ffe28b; }
#wd-aio .wd-bottleneck--beyond ul{ grid-template-columns: repeat(2, minmax(0, 1fr)); }
#wd-aio .wd-bottleneck--beyond li .wd-b{ color: var(--wd-ink); background: var(--wd-yellow); }
#wd-aio .wd-judgement__end{ display: grid; justify-items: center; gap: 4px; margin-top: 48px; }#wd-aio .wd-judgement__end .wd-judgement__lead, #wd-aio .wd-judgement__end span:not(.wd-b){ font-size: 27px; }#wd-aio .wd-judgement__end span:not(.wd-b){ font-weight: 700; }

/* Process */
#wd-aio .wd-process{ padding-top: 93px; }
#wd-aio .wd-process .wd-section-head{ margin-bottom: 34px; }
#wd-aio .wd-process__map{ position: relative; min-height: 574px; margin-inline: -9px; }
#wd-aio .wd-process__periods{ position: absolute; z-index: 1; inset: 0; display: grid; grid-template-columns: 1fr 3fr 2fr; gap: 8px; text-align: center; }#wd-aio .wd-process__periods span:not(.wd-b){ padding: 26px 12px 0; color: var(--wd-teal); background: rgba(225,245,248,.72); border-radius: 6px; font-size: 18px; font-weight: 900; }#wd-aio .wd-process__periods span:not(.wd-b):last-child{ background: rgba(255,244,212,.76); }
#wd-aio .wd-process__steps{ position: absolute; z-index: 2; inset: 0; display: grid; grid-template-columns: repeat(6,1fr); margin: 0; padding: 202px 0 0; list-style: none; }#wd-aio .wd-process__steps::before{ content: ""; position: absolute; top: 132px; left: 0; right: 8px; height: 12px; background: var(--wd-teal); }#wd-aio .wd-process__steps::after{ content: ""; position: absolute; right: -1px; top: 119px; border-left: 32px solid var(--wd-teal); border-top: 19px solid transparent; border-bottom: 19px solid transparent; }
#wd-aio .wd-process__steps li{ position: relative; padding: 0 20px; text-align: center; }#wd-aio .wd-process__steps li > .wd-b{ position: absolute; top: -102px; left: 50%; z-index: 2; display: grid; width: 72px; height: 72px; place-items: center; color: #fff; background: var(--wd-teal); border-radius: 50%; font-size: 22px; transform: translateX(-50%); }#wd-aio .wd-process__steps h3{ min-height: 66px; margin: 0; font-size: 22px; line-height: 1.45; }#wd-aio .wd-process__steps h3::after{ content: ""; display: block; width: 52px; margin: 29px auto 0; border-top: 2px solid var(--wd-teal); }#wd-aio .wd-process__steps p{ margin: 22px 0 0; font-size: 14px; font-weight: 700; line-height: 1.7; }
#wd-aio .wd-process__nowrap{ white-space: nowrap; }
#wd-aio .wd-process__mobile-period{ display: none; }
#wd-aio .wd-deliverables{ position: absolute; z-index: 3; left: 18px; right: 18px; bottom: 27px; display: grid; grid-template-columns: 1fr 3fr 2fr; gap: 14px; }#wd-aio .wd-deliverables > div{ display: flex; min-height: 132px; flex-direction: column; align-items: center; justify-content: flex-start; gap: 6px; padding: 12px 18px; border: 1px solid var(--wd-teal); border-radius: 8px; color: var(--wd-ink); font-size: 14px; font-weight: 800; }#wd-aio .wd-deliverables p{ width: fit-content; max-width: 100%; margin: 0; line-height: 1.65; text-align: left; }#wd-aio .wd-deliverables .wd-b{ display: block; margin-bottom: 1px; color: var(--wd-teal); text-align: center; white-space: nowrap; }#wd-aio .wd-deliverables svg{ flex: 0 0 auto; width: 30px; height: 30px; color: var(--wd-teal); }
#wd-aio .wd-process__end{ margin: 46px 0 0; font-size: 24px; font-weight: 900; text-align: center; }#wd-aio .wd-process__end em{ color: var(--wd-teal); font-style: normal; }
#wd-aio .wd-process__mobile-break{ display: none; }
#wd-aio .wd-process__mobile-map{ display: none; }

/* Comparison */
#wd-aio .wd-comparison{ padding: 72px 0; background-color: var(--wd-pale); background-image: none; }
#wd-aio .wd-comparison__table{ margin-top: 54px; }#wd-aio .wd-comparison__table > div{ display: grid; grid-template-columns: 64px 170px 1fr 1fr; align-items: stretch; border-bottom: 1px solid #d3dfe2; }#wd-aio .wd-comparison__head{ border: 0 !important; }#wd-aio .wd-comparison__table > div > *{ min-height: 70px; display: flex; align-items: center; margin: 0; padding: 12px 20px; font-style: normal; }#wd-aio .wd-comparison__head .wd-b:nth-child(3){ justify-content: center; color: #fff; background: #6b7a80; }#wd-aio .wd-comparison__head .wd-b:nth-child(4){ justify-content: center; color: #fff; background: var(--wd-teal); }#wd-aio .wd-comparison__table i{ color: var(--wd-teal); font-weight: 900; }#wd-aio .wd-comparison__table .wd-comparison__label{ color: var(--wd-teal); }#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(3){ background: #eef1f1; }#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(4){ background: #dff4f7; font-weight: 800; }#wd-aio .wd-comparison__table span:not(.wd-b) .wd-b{ display: grid; flex: 0 0 28px; width: 28px; height: 28px; place-items: center; margin-right: 12px; color: var(--wd-ink); background: var(--wd-yellow); border-radius: 50%; }
#wd-aio .wd-comparison__end{ margin: 36px 0 0; font-size: 24px; font-weight: 900; text-align: center; }

/* Price */
#wd-aio .wd-price{ padding: 72px 0; background: #fff; }
#wd-aio .wd-price .wd-section-head{ margin-bottom: 38px; }#wd-aio .wd-price__start{ position: relative; max-width: 900px; display: grid; grid-template-columns: 150px 130px 1fr; align-items: center; gap: 22px; margin-inline: auto; padding: 32px 40px 26px; text-align: left; }#wd-aio .wd-price__start::before{ content: ""; position: absolute; top: 28px; left: 80px; right: 80px; border-top: 2px solid var(--wd-yellow); }#wd-aio .wd-price-label{ position: relative; z-index: 2; display: grid; justify-items: center; gap: 4px; color: var(--wd-yellow); }#wd-aio .wd-price-label .wd-b{ display: grid; width: 56px; height: 56px; place-items: center; color: var(--wd-ink); background: var(--wd-yellow); border-radius: 50%; font-size: 21px; }#wd-aio .wd-price-label span:not(.wd-b){ font-size: 15px; font-weight: 900; letter-spacing: .18em; }#wd-aio .wd-price__start > svg{ width: 100px; height: 100px; color: var(--wd-teal); }#wd-aio .wd-price__start h3, #wd-aio .wd-price__options h3{ margin: 0; font-size: 28px; }#wd-aio .wd-price__start p, #wd-aio .wd-price__options p{ margin: 0; font-size: 18px; font-weight: 800; }#wd-aio .wd-price__start .wd-price__amount, #wd-aio .wd-price__options .wd-price__amount{ margin-left: 12px; color: var(--wd-teal); font-size: 58px; line-height: 1; background: linear-gradient(transparent 78%, rgba(255,197,29,.45) 78%); }#wd-aio .wd-price__start .wd-price__amount small, #wd-aio .wd-price__options .wd-price__amount small{ font-size: 24px; }#wd-aio .wd-price__start div > small, #wd-aio .wd-price__options div > small{ display: block; margin-top: 8px; font-size: 13px; font-weight: 700; }
#wd-aio .wd-price__branch{ position: relative; width: fit-content; margin: 10px auto 60px; padding: 8px 40px; color: var(--wd-teal); background: #e3f5f7; border-radius: 999px; font-weight: 900; }#wd-aio .wd-price__branch::before{ content: ""; position: absolute; left: 50%; bottom: 100%; height: 28px; border-left: 2px solid var(--wd-teal); }#wd-aio .wd-price__branch::after{ content: ""; position: absolute; left: 50%; top: 100%; width: 600px; height: 60px; background: linear-gradient(var(--wd-teal),var(--wd-teal)) center top / 2px 28px no-repeat, linear-gradient(var(--wd-teal),var(--wd-teal)) center 28px / 100% 2px no-repeat, linear-gradient(var(--wd-teal),var(--wd-teal)) left 28px / 2px calc(100% - 28px) no-repeat, linear-gradient(var(--wd-teal),var(--wd-teal)) right 28px / 2px calc(100% - 28px) no-repeat; transform: translateX(-50%); }
#wd-aio .wd-price__options{ display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }#wd-aio .wd-price__options article{ position: relative; z-index: 2; display: grid; grid-template-columns: 100px 1fr; align-items: center; gap: 22px; padding: 32px 36px; background: var(--wd-paper); }#wd-aio .wd-price__options article > span:not(.wd-b){ grid-column: 1 / -1; color: var(--wd-teal); font-size: 14px; font-weight: 900; letter-spacing: .18em; text-align: center; }#wd-aio .wd-price__options svg{ width: 84px; height: 84px; color: var(--wd-teal); }#wd-aio .wd-price .wd-note{ margin-top: 32px; }

/* Price card borders */
#wd-aio .wd-price__start{
  grid-template-columns: 130px minmax(0, 1fr);
}
#wd-aio .wd-price__start::before{
  display: none;
}
#wd-aio .wd-price__branch{
  margin-top: 28px;
}
#wd-aio .wd-price__start,
#wd-aio .wd-price__options article{
  border: 1px solid var(--wd-teal);
  border-radius: 10px;
  box-shadow: 0 12px 28px rgba(2, 72, 96, .07);
}
#wd-aio .wd-price__start{
  background: #f7fcfd;
}
#wd-aio .wd-price__options article:first-child{
  background: #edf8fa;
}
#wd-aio .wd-price__options article:last-child{
  background: #fff6dc;
}
#wd-aio .wd-price__options article > span:not(.wd-b){
  display: inline-flex;
  width: fit-content;
  min-width: 126px;
  justify-content: center;
  justify-self: center;
  padding: 7px 14px;
  background: #dff3f6;
  border-radius: 999px;
  line-height: 1;
}
#wd-aio .wd-price__options article:last-child > span:not(.wd-b){
  color: #755800;
  background: #ffe5a0;
}

/* White section surfaces from STRATEGY onward */
#wd-aio .wd-strategy,
#wd-aio .wd-analysis,
#wd-aio .wd-analysis__rows,
#wd-aio .wd-process,
#wd-aio .wd-price,
#wd-aio .wd-faq{
  background-color: #fff;
  background-image: none;
}
#wd-aio .wd-fit{
  background-color: var(--wd-pale);
  background-image: none;
}
#wd-aio .wd-ai-table .wd-ai-table__legend{
  background: #fff;
}

/* Fit */
#wd-aio .wd-fit__grid{ display: grid; grid-template-columns: 1fr 1fr; margin-top: 54px; }#wd-aio .wd-fit__grid article{ padding: 0 52px; }#wd-aio .wd-fit__grid article + article{ border-left: 1px solid var(--wd-teal); }#wd-aio .wd-fit__grid h3{ display: flex; align-items: center; gap: 20px; margin: 0 0 30px; color: var(--wd-teal); font-size: 27px; }#wd-aio .wd-fit__grid h3 svg{ width: 78px; height: 78px; }#wd-aio .wd-fit__grid ul{ display: grid; gap: 27px; margin: 0; padding: 0; list-style: none; }#wd-aio .wd-fit__grid li{ position: relative; padding-left: 52px; font-size: 17px; font-weight: 700; line-height: 1.8; }#wd-aio .wd-fit__grid li::before{ content: "✓"; position: absolute; left: 0; top: 2px; display: grid; width: 34px; height: 34px; place-items: center; color: #fff; background: var(--wd-teal); border-radius: 50%; }#wd-aio .wd-fit__no h3{ color: var(--wd-ink); }#wd-aio .wd-fit__no li::before{ content: "−"; color: #68737a; background: transparent; border: 2px solid #68737a; }
#wd-aio .wd-fit__grid li::before{ top: 50%; transform: translateY(-50%); }
#wd-aio .wd-fit__reason{ max-width: 1120px; display: block; margin: 56px auto 0; padding: 0; background: transparent; text-align: center; }#wd-aio .wd-fit__reason h3{ margin: 0; color: var(--wd-ink); font-size: 24px; font-weight: 900; }#wd-aio .wd-fit__reason p{ max-width: 1080px; margin: 18px auto 0; font-size: 16px; font-weight: 700; line-height: 1.8; }

/* FAQ */
#wd-aio .wd-faq__grid{ display: grid; grid-template-columns: 1fr 1fr; gap: 20px 24px; margin-top: 48px; }#wd-aio .wd-faq__grid article{ border: 1px solid #80c8d4; background: #fff; }#wd-aio .wd-faq__grid h3, #wd-aio .wd-faq__grid p{ position: relative; min-height: 62px; margin: 0; padding: 18px 20px 18px 62px; font-size: 16px; line-height: 1.75; }#wd-aio .wd-faq__grid h3{ display: flex; align-items: center; font-weight: 900; }#wd-aio .wd-faq__grid p{ min-height: 98px; background: #dff4f7; }#wd-aio .wd-faq__grid .wd-b{ position: absolute; left: 18px; top: 16px; display: grid; width: 30px; height: 30px; place-items: center; color: #fff; background: var(--wd-teal); border-radius: 50%; font-size: 16px; }#wd-aio .wd-faq__end{ margin: 42px 0 0; color: var(--wd-ink); font-size: 24px; font-weight: 900; text-align: center; }

/* Contact */
#wd-aio .wd-contact{ padding: 50px 0 54px; color: #fff; background-color: var(--wd-teal); background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/texture-blue.png"); background-repeat: no-repeat; background-size: 100% 100%; }
#wd-aio .wd-contact__head{ text-align: center; }#wd-aio .wd-contact__head h2{ margin-top: 26px; font-size: 38px; line-height: 1.55; }
#wd-aio .wd-contact__grid{ display: grid; grid-template-columns: 1.1fr .9fr; gap: 64px; align-items: start; margin-top: 24px; }#wd-aio .wd-contact__benefits{ padding: 8px 0 0 24px; }#wd-aio .wd-contact__benefits h3{ margin: 0 0 20px; font-size: 26px; }#wd-aio .wd-contact__benefits ul{ display: grid; gap: 16px; margin: 0; padding: 0; list-style: none; }#wd-aio .wd-contact__benefits li{ position: relative; padding-left: 48px; font-size: 16px; font-weight: 700; line-height: 1.7; }#wd-aio .wd-contact__benefits li::before{ content: "✓"; position: absolute; left: 0; top: 0; display: grid; width: 30px; height: 30px; place-items: center; color: var(--wd-teal); background: var(--wd-yellow); border-radius: 50%; }#wd-aio .wd-contact__benefits > p{ margin: 24px 0 0; font-size: 16px; font-weight: 700; line-height: 1.75; }
#wd-aio .wd-form{ padding: 18px 30px 20px; color: #2a3034; background: #fff; border-radius: 8px; }#wd-aio .wd-form > h3{ margin: 0; color: var(--wd-teal); font-size: 24px; text-align: center; }#wd-aio .wd-form > p{ margin: 2px 0 9px; color: #666; font-size: 13px; text-align: center; }#wd-aio .wd-form label:not(.wd-form__consent), #wd-aio .wd-form fieldset{ display: block; margin: 7px 0 0; padding: 0; border: 0; }#wd-aio .wd-form label > span:not(.wd-b), #wd-aio .wd-form legend{ display: block; margin-bottom: 4px; font-size: 13px; font-weight: 800; }#wd-aio .wd-form label .wd-b, #wd-aio .wd-form legend .wd-b{ display: inline-block; margin-right: 7px; padding: 2px 6px; color: #fff; background: var(--wd-red); border-radius: 3px; font-size: 13px; }#wd-aio .wd-form input, #wd-aio .wd-form select{ width: 100%; min-height: 40px; padding: 7px 12px; color: #333; background: #fff; border: 1px solid #d6dadd; border-radius: 4px; font-size: 14px; }#wd-aio .wd-form fieldset > div{ display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }#wd-aio .wd-form input[aria-invalid="true"], #wd-aio .wd-form select[aria-invalid="true"]{ border-color: var(--wd-red); }#wd-aio .wd-form__consent{ display: flex; align-items: flex-start; gap: 10px; margin-top: 10px; color: #666; font-size: 13px; line-height: 1.55; }#wd-aio .wd-form__consent input{ flex: 0 0 auto; width: 17px; min-height: 17px; margin-top: 1px; }#wd-aio .wd-form__consent a{ color: var(--wd-teal); }#wd-aio .wd-form button{ width: 100%; min-height: 44px; margin-top: 9px; color: #fff; background: var(--wd-teal); border: 0; border-radius: 4px; font-size: 16px; font-weight: 900; }#wd-aio .wd-form__status{ min-height: 0; margin: 3px 0 0 !important; color: var(--wd-red) !important; font-size: 13px !important; }

@media (min-width: 821px) {
  #wd-aio .wd-strategy{ min-height: 1122px; }
  #wd-aio .wd-insight{ min-height: 390px; }
  #wd-aio .wd-fit, #wd-aio .wd-faq{ display: flex; align-items: center; }
  #wd-aio .wd-price{ display: block; }
  #wd-aio .wd-comparison{ display: block; }
  #wd-aio .wd-judgement, #wd-aio .wd-process{ display: block; }
  #wd-aio .wd-judgement{ min-height: 0; }
  #wd-aio .wd-process{ min-height: 1030px; }
  #wd-aio .wd-comparison{ min-height: 0; }
  #wd-aio .wd-price{ min-height: 0; }
  #wd-aio .wd-fit{ min-height: 1011px; }
  #wd-aio .wd-faq{ min-height: 1099px; }
}

@media (max-width: 1080px) {
  #wd-aio .wd-point{ width: calc(100% - 32px); grid-template-columns: 80px minmax(350px,1fr) 110px minmax(384px,.9fr); gap: 12px; padding-inline: 16px; }#wd-aio .wd-point--tint{ padding-inline: 16px; }#wd-aio .wd-point__copy h3{ font-size: 19px; }#wd-aio .wd-point__copy p{ font-size: 14px; }#wd-aio .wd-point aside p{ font-size: 13px; }#wd-aio .wd-point aside{ padding: 0 0 0 8px; }#wd-aio .wd-point aside .wd-b{ font-size: 15px; }#wd-aio .wd-ai-table{ grid-template-columns: 60px repeat(4, 1fr); }#wd-aio .wd-ai-table__other, #wd-aio .wd-ai-table .wd-ai-table__legend{ display: none; }
  #wd-aio .wd-contact__grid{ gap: 48px; }
}

@media (min-width: 821px) and (max-width: 1279px) {
  #wd-aio .wd-shell, #wd-aio .wd-shell--wide{ width: min(calc(100% - 64px), 1100px); }
  #wd-aio .wd-section{ padding: 80px 0; }
  #wd-aio .wd-issues{ padding-bottom: 0; }
  #wd-aio .wd-section-head h2, #wd-aio .wd-contact__head h2{ font-size: clamp(34px, 4.1vw, 48px); }
  #wd-aio .wd-section-head > p:last-child{ font-size: 18px; }

  #wd-aio .wd-service .wd-section-head{ margin-bottom: 38px; }
  #wd-aio .wd-service__steps{ grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; min-height: 0; margin-top: 0; padding: 0; }
  #wd-aio .wd-service__steps h3{ font-size: 22px; }
  #wd-aio .wd-service__steps p{ min-height: 52px; margin-bottom: 12px; font-size: 14px; }
  #wd-aio .wd-service__steps figure img{ height: auto; aspect-ratio: 4 / 3; }
  #wd-aio .wd-service-road, #wd-aio .wd-service__samurai, #wd-aio .wd-service__castle{ display: none; }
  #wd-aio .wd-service__end{ margin-top: 42px; font-size: 23px; }

  #wd-aio .wd-strategy, #wd-aio .wd-judgement, #wd-aio .wd-process, #wd-aio .wd-comparison, #wd-aio .wd-price, #wd-aio .wd-fit, #wd-aio .wd-faq{ min-height: 0; }
  #wd-aio .wd-strategy, #wd-aio .wd-comparison, #wd-aio .wd-price, #wd-aio .wd-fit, #wd-aio .wd-faq{ display: block; }
  #wd-aio .wd-strategy{ padding-block: 80px; }
  #wd-aio .wd-recommend{ width: 80%; margin-top: 72px; }

  #wd-aio .wd-analysis__head{ min-height: 300px; padding: 80px 0; }
  #wd-aio .wd-analysis__head ol{ grid-template-columns: max-content 96px max-content 96px max-content; gap: 0; }
  #wd-aio .wd-analysis__head li{ min-width: 0; grid-template-columns: 52px max-content; gap: 10px; font-size: 16px; }
  #wd-aio .wd-analysis__head li::before{ width: 52px; height: 52px; font-size: 18px; }
  #wd-aio .wd-analysis__head li:not(:last-child)::after{ left: calc(100% + 22px); width: 52px; height: 12px; }
  #wd-aio .wd-point, #wd-aio .wd-point--tint{ width: calc(100% - 32px); min-height: 0; grid-template-columns: 100px minmax(0, 1fr) 150px; gap: 24px 20px; padding: 42px 24px; }
  #wd-aio .wd-point > :last-child{ grid-column: 2 / -1; margin-top: 2px; }
  #wd-aio .wd-point__copy h3{ font-size: 22px; }
  #wd-aio .wd-point__copy p{ font-size: 15px; }
  #wd-aio .wd-point aside{ padding-left: 14px; }
  #wd-aio .wd-point aside p{ font-size: 14px; }
  #wd-aio .wd-ai-table{ grid-template-columns: 76px repeat(4, 1fr); }
  #wd-aio .wd-ai-table__other, #wd-aio .wd-ai-table .wd-ai-table__legend{ display: none; }
  #wd-aio .wd-analysis__insight{ margin-top: 60px; }

  #wd-aio .wd-insight{ min-height: 320px; padding: 72px 32px; }
  #wd-aio .wd-insight h2{ font-size: clamp(28px, 3.6vw, 40px); }

  #wd-aio .wd-judgement{ padding: 80px 0 64px; }
  #wd-aio .wd-judgement > .wd-shell{ width: 100%; }
  #wd-aio .wd-bottleneck-grid{ width: calc(100% - 64px); grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px; }
  #wd-aio .wd-bottleneck header{ min-height: 82px; padding: 15px 20px; }
  #wd-aio .wd-bottleneck header svg{ width: 46px; height: 46px; }
  #wd-aio .wd-bottleneck h4{ font-size: 20px; }
  #wd-aio .wd-bottleneck ul{ gap: 10px; padding: 16px; }
  #wd-aio .wd-bottleneck li{ min-height: 68px; grid-template-columns: 32px 1fr; gap: 9px; padding: 10px; font-size: 14px; }

  #wd-aio .wd-process{ padding: 80px 0; }
  #wd-aio .wd-process__map{ min-height: 0; margin-inline: 0; }
  #wd-aio .wd-process__periods{ display: none; }
  #wd-aio .wd-process__steps{ position: relative; inset: auto; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; padding: 0; }
  #wd-aio .wd-process__steps::before, #wd-aio .wd-process__steps::after, #wd-aio .wd-process__steps h3::after{ display: none; }
  #wd-aio .wd-process__steps li{ display: grid; grid-template-columns: 60px 1fr; gap: 4px 16px; min-height: 126px; padding: 22px; border: 2px solid var(--wd-teal); border-radius: 8px; text-align: left; }
  #wd-aio .wd-process__steps li:nth-child(n+5){ border-color: var(--wd-yellow); background: rgba(255, 244, 212, .45); }
  #wd-aio .wd-process__steps li > .wd-b{ position: static; grid-row: 1 / 3; width: 50px; height: 50px; font-size: 17px; transform: none; }
  #wd-aio .wd-process__steps h3{ min-height: 0; font-size: 19px; }
  #wd-aio .wd-process__steps p{ margin: 0; font-size: 14px; }
  #wd-aio .wd-deliverables{ position: relative; inset: auto; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; margin-top: 20px; }
  #wd-aio .wd-deliverables > div{ min-height: 92px; padding: 12px 14px; font-size: 13px; }
  #wd-aio .wd-deliverables .wd-b{ white-space: normal; }
  #wd-aio .wd-process__end{ margin-top: 38px; font-size: 22px; }

  #wd-aio .wd-contact__grid{ gap: 36px; }
}

@media (min-width: 821px) and (max-width: 940px) {
  #wd-aio .wd-judgement > .wd-shell{ width: min(calc(100% - 64px), 800px); }
  #wd-aio .wd-bottleneck-connectors{ height: 38px; }
  #wd-aio .wd-bottleneck-connectors__wide{ display: none; }
  #wd-aio .wd-bottleneck-connectors__stack{ display: block; }
  #wd-aio .wd-bottleneck-grid{ grid-template-columns: 1fr; gap: 0; }
  #wd-aio .wd-bottleneck-stack-link{ display: block; height: 20px; border-left: 2px solid var(--wd-teal); justify-self: center; }
  #wd-aio .wd-contact__grid{ grid-template-columns: 1fr; gap: 42px; }
  #wd-aio .wd-contact__benefits, #wd-aio .wd-form{ width: min(100%, 620px); margin-inline: auto; }
}

@media (max-width: 820px) {
  #wd-aio .wd-shell, #wd-aio .wd-shell--wide{ width: min(calc(100% - 32px), 600px); }#wd-aio .wd-section{ padding: 64px 0; background-size: 320px auto; }#wd-aio .wd-section-head{ margin-bottom: 32px; }#wd-aio .wd-eyebrow{ font-size: 13px; }#wd-aio .wd-section-head h2, #wd-aio .wd-analysis__head h2, #wd-aio .wd-contact__head h2{ margin-top: 20px; font-size: 28px; line-height: 1.5; letter-spacing: .015em; }#wd-aio .wd-section-head > p:last-child{ margin-top: 16px; font-size: 16px; line-height: 1.85; }#wd-aio .wd-button{ width: 100%; min-width: 0; min-height: 52px; padding: 10px 16px; font-size: 13px; }
  #wd-aio .wd-issues .wd-section-head{ margin-bottom: 18px; }#wd-aio .wd-issues .wd-section-head h2{ font-size: 25px; }#wd-aio .wd-issues__grid{ grid-template-columns: 1fr; gap: 4px; margin: 10px auto 18px; }#wd-aio .wd-issues__grid article{ display: grid; grid-template-columns: 116px 1fr; align-items: center; min-height: 88px; text-align: left; }#wd-aio .wd-issue-icon{ width: 104px; height: 76px; margin: 0 auto; transform: none; }#wd-aio .wd-issue-icon--search svg:first-child{ width: 76px; height: 68px; }#wd-aio .wd-issue-icon--search svg:last-child{ right: 0; bottom: 0; width: 34px; height: 34px; }#wd-aio .wd-issue-icon--rank{ width: 110px; grid-template-columns: 36px 1fr; }#wd-aio .wd-issue-icon--rank > span:not(.wd-b){ width: 36px; height: 36px; border-width: 2px; font-size: 13px; }#wd-aio .wd-issue-icon--rank ol{ padding: 5px 5px 5px 20px; border-width: 2px; font-size: 13px; line-height: 1.25; }#wd-aio .wd-issue-icon--monitor svg{ width: 76px; height: 68px; }#wd-aio .wd-issue-icon--monitor .wd-b{ right: 0; bottom: 0; width: 40px; height: 48px; border-width: 2px; font-size: 23px; }#wd-aio .wd-issues__grid h3{ margin: 0; font-size: 16px; }#wd-aio .wd-value{ padding: 18px 0 20px; }#wd-aio .wd-value p{ font-size: 16px; }#wd-aio .wd-value p br{ display: none; }#wd-aio .wd-value ol{ gap: 10px; margin-top: 14px; }#wd-aio .wd-value li{ flex: 1; font-size: 13px; }#wd-aio .wd-value li:not(:last-child)::after{ display: none; }#wd-aio .wd-value svg{ width: 30px; height: 30px; }#wd-aio .wd-issues__statement{ padding: 30px 20px 34px; }#wd-aio .wd-issues__statement .wd-issues__lead{ font-size: 16px; line-height: 1.65; }#wd-aio .wd-issues__statement span:not(.wd-b){ font-size: 13px; }#wd-aio .wd-issues__statement .wd-value{ width: 100%; margin-top: 20px; padding: 22px 0 0; }
  #wd-aio .wd-service .wd-section-head h2{ margin-top: 20px; font-size: 26px; }#wd-aio .wd-service__steps{ grid-template-columns: 1fr; gap: 10px; min-height: auto; margin-top: 22px; padding: 0; }#wd-aio .wd-service__steps article{ display: grid; grid-template-columns: 68px 1fr 76px; align-items: center; gap: 5px 10px; min-height: 100px; padding: 9px 12px; border: 2px solid var(--wd-teal); border-radius: 6px; text-align: left; }#wd-aio .wd-service__steps article > span:not(.wd-b){ grid-row: 1 / 3; align-self: center; font-size: 44px; }#wd-aio .wd-service__steps h3{ margin: 0; font-size: 18px; }#wd-aio .wd-service__steps p{ margin: 0; font-size: 13px; line-height: 1.55; }#wd-aio .wd-service__steps figure{ grid-column: 3; grid-row: 1 / 3; border: 0; }#wd-aio .wd-service__steps figure img{ height: auto; aspect-ratio: 1; object-fit: cover; object-position: left; }#wd-aio .wd-service-road, #wd-aio .wd-service__samurai, #wd-aio .wd-service__castle{ display: none; }#wd-aio .wd-service__end{ margin-top: 24px; font-size: 17px; }#wd-aio .wd-service__end small{ font-size: 13px; }
  #wd-aio .wd-report-cta{ padding: 36px 0 40px; }#wd-aio .wd-report-marquee__track{ gap: 12px; }#wd-aio .wd-report-marquee figure{ width: 320px; }#wd-aio .wd-report-cta__body{ margin-top: 30px; gap: 20px; }#wd-aio .wd-report-cta__body p{ max-width: 340px; font-size: 17px; line-height: 1.6; }#wd-aio .wd-report-cta__body .wd-button{ width: min(100%, 340px); }#wd-aio .wd-report-cta__body small{ font-size: 13px; }
  #wd-aio .wd-strategy{ padding-block: 64px; }#wd-aio .wd-strategy > .wd-shell{ width: min(calc(100% - 32px), 600px); }#wd-aio .wd-strategy .wd-section-head{ margin-bottom: 24px; }#wd-aio .wd-strategy .wd-section-head h2{ font-size: 26px; }#wd-aio .wd-strategy__stage{ grid-template-columns: 1fr 1fr; gap: 8px; }#wd-aio .wd-strategy__tab{ width: auto; padding: 8px 4px; font-size: 15px; }#wd-aio .wd-strategy__stage > article > p{ min-height: 42px; margin: 6px 4px; font-size: 13px; line-height: 1.45; }#wd-aio .wd-mini-sites{ grid-template-columns: 1fr; gap: 6px; padding: 0 6px 7px; }#wd-aio .wd-mini-sites figure img{ aspect-ratio: .72; object-fit: fill; }#wd-aio .wd-mini-sites figcaption{ min-height: 34px; padding: 5px 3px; font-size: 13px; }#wd-aio .wd-recommend{ width: calc(100% - 40px); margin-top: 72px; }#wd-aio .wd-recommend::before{ display: none; }#wd-aio .wd-strategy__end{ margin-top: 17px; font-size: 17px; }
  #wd-aio .wd-analysis__head{ padding: 48px 0; }#wd-aio .wd-analysis__head h2{ font-size: 28px; }#wd-aio .wd-analysis__head > .wd-shell > p:nth-of-type(2){ margin-top: 10px; font-size: 14px; }#wd-aio .wd-analysis__head ol{ justify-content: space-between; gap: 0; margin-top: 26px; }#wd-aio .wd-analysis__head ol::before{ content: ""; position: absolute; top: 20px; display: block; width: 75%; border-top: 1px solid rgba(255,255,255,.6); }#wd-aio .wd-analysis__head li{ min-width: 0; width: 32%; display: grid; grid-template-columns: 1fr; justify-items: center; gap: 8px; font-size: 13px; text-align: center; }#wd-aio .wd-analysis__head li:not(:last-child)::after{ display: none; }#wd-aio .wd-point, #wd-aio .wd-point--tint{ width: 100%; min-height: 0; grid-template-columns: 68px 1fr; gap: 14px 16px; padding: 34px max(16px, calc((100% - 568px)/2)); }#wd-aio .wd-point__no{ border-right: 1px dotted var(--wd-teal); }#wd-aio .wd-point .wd-point__no::before, #wd-aio .wd-point:nth-child(-n+2) .wd-point__no::after, #wd-aio .wd-point:nth-child(-n+2) .wd-point__no small::after{ display: none; }#wd-aio .wd-point__no .wd-b{ font-size: 42px; }#wd-aio .wd-point__copy h3{ margin-bottom: 8px; font-size: 19px; }#wd-aio .wd-point__copy p, #wd-aio .wd-point aside p{ font-size: 16px; }#wd-aio .wd-point aside, #wd-aio .wd-point > :last-child{ grid-column: 1 / -1; }#wd-aio .wd-point aside{ padding: 14px 0 0; border: 0; border-top: 1px solid var(--wd-line); }#wd-aio .wd-query-diagram{ align-items: stretch; padding-bottom: 0; }#wd-aio .wd-query-diagram > div > span:not(.wd-b){ left: 2px; }#wd-aio .wd-query-diagram svg{ width: 34px; height: 34px; }#wd-aio .wd-query-diagram small{ font-size: 13px; }#wd-aio .wd-query-diagram .wd-b{ min-height: 58px; font-size: 13px; }#wd-aio .wd-query-diagram > i{ align-self: center; }#wd-aio .wd-ai-table > *{ min-height: 40px; font-size: 13px; }#wd-aio .wd-ai-table i{ font-size: 14px; }#wd-aio .wd-cause-diagram > div{ padding: 8px 6px; }#wd-aio .wd-cause-diagram .wd-b, #wd-aio .wd-cause-diagram span:not(.wd-b){ font-size: 13px; }
  #wd-aio .wd-pc-break{ display: none; }#wd-aio .wd-ai-table{ grid-template-columns: 90px repeat(4, 1fr); }#wd-aio .wd-ai-table__other, #wd-aio .wd-ai-table__competitor-c, #wd-aio .wd-ai-table .wd-ai-table__legend{ display: none; }
  #wd-aio .wd-analysis__rows{ padding-bottom: 64px; }#wd-aio .wd-analysis__insight{ width: calc(100% - 32px); margin-top: 48px; font-size: 17px; line-height: 1.8; }
  #wd-aio .wd-insight{ min-height: 250px; padding: 56px 20px; }#wd-aio .wd-insight h2{ margin-top: 12px; font-size: 24px; line-height: 1.65; }
  #wd-aio .wd-judgement{ padding-top: 64px; }#wd-aio .wd-case-connectors{ display: none; }#wd-aio .wd-cases{ grid-template-columns: 1fr; gap: 0; }#wd-aio .wd-case-title{ margin-bottom: 20px; }#wd-aio .wd-cases article{ grid-template-columns: 72px 1fr; justify-items: start; padding: 24px 0; border-bottom: 1px solid var(--wd-line); text-align: left; }#wd-aio .wd-cases span:not(.wd-b), #wd-aio .wd-cases h3, #wd-aio .wd-cases p, #wd-aio .wd-cases article > .wd-b{ grid-column: 2; }#wd-aio .wd-cases svg{ grid-column: 1; grid-row: 1 / 5; width: 58px; height: 58px; align-self: center; }#wd-aio .wd-cases h3{ margin-top: 0; }#wd-aio .wd-cases p{ min-height: 0; margin: 3px 0; font-size: 13px; }#wd-aio .wd-cases article > .wd-b{ font-size: 13px; }#wd-aio .wd-judgement__end{ margin-top: 30px; }#wd-aio .wd-judgement__end .wd-judgement__lead{ font-size: 19px; text-align: center; }
  #wd-aio .wd-process__map{ min-height: 0; }#wd-aio .wd-process__periods{ display: none; }#wd-aio .wd-process__steps{ position: relative; inset: auto; display: grid; grid-template-columns: 1fr; gap: 14px; padding-top: 0; }#wd-aio .wd-process__steps::before, #wd-aio .wd-process__steps::after, #wd-aio .wd-process__steps h3::after{ display: none; }#wd-aio .wd-process__steps li{ display: grid; grid-template-columns: 52px 1fr; gap: 4px 14px; padding: 18px; border: 2px solid var(--wd-teal); border-radius: 7px; text-align: left; }#wd-aio .wd-process__steps li:nth-child(n+5){ border-color: var(--wd-yellow); }#wd-aio .wd-process__steps li > .wd-b{ position: static; grid-row: 1 / 3; width: 44px; height: 44px; transform: none; }#wd-aio .wd-process__steps h3{ min-height: 0; font-size: 17px; }#wd-aio .wd-process__steps p{ margin: 0; font-size: 13px; }#wd-aio .wd-deliverables{ position: relative; inset: auto; grid-template-columns: 1fr; gap: 14px; margin-top: 16px; }#wd-aio .wd-deliverables span:not(.wd-b){ font-size: 13px; }#wd-aio .wd-deliverables span:not(.wd-b) .wd-b{ white-space: normal; }#wd-aio .wd-process__end{ margin-top: 34px; font-size: 18px; }
  #wd-aio .wd-process__map{ display: flex; flex-direction: column; gap: 14px; }#wd-aio .wd-process__steps, #wd-aio .wd-deliverables{ display: contents; }#wd-aio .wd-process__steps li:nth-child(1){ order: 1; }#wd-aio .wd-deliverables > div:nth-child(1){ order: 2; }#wd-aio .wd-process__steps li:nth-child(2){ order: 3; }#wd-aio .wd-process__steps li:nth-child(3){ order: 4; }#wd-aio .wd-process__steps li:nth-child(4){ order: 5; }#wd-aio .wd-deliverables > div:nth-child(2){ order: 6; }#wd-aio .wd-process__steps li:nth-child(5){ order: 7; }#wd-aio .wd-process__steps li:nth-child(6){ order: 8; }#wd-aio .wd-deliverables > div:nth-child(3){ order: 9; border-color: var(--wd-yellow); background: rgba(255,244,212,.34); }
  #wd-aio .wd-process__steps li:nth-child(1){ margin-top: 46px; }#wd-aio .wd-process__steps li:nth-child(2), #wd-aio .wd-process__steps li:nth-child(5){ margin-top: 70px; }#wd-aio .wd-process__mobile-period{ position: absolute; left: 0; right: 0; bottom: calc(100% + 10px); display: flex; flex-direction: column; align-items: center; gap: 5px; color: var(--wd-teal); font-size: 18px; font-weight: 900; line-height: 1.2; text-align: center; }#wd-aio .wd-process__mobile-period i{ font-size: 24px; font-style: normal; font-weight: 500; line-height: 1; }
  #wd-aio .wd-comparison__table{ display: grid; gap: 10px; margin-top: 28px; }#wd-aio .wd-comparison__head{ display: none !important; }#wd-aio .wd-comparison__table > div{ grid-template-columns: 46px 1fr; overflow: hidden; border: 1px solid var(--wd-line); border-radius: 7px; }#wd-aio .wd-comparison__table > div > *{ min-height: 44px; padding: 8px 11px; }#wd-aio .wd-comparison__table i{ grid-row: 1 / 4; justify-content: center; align-items: flex-start; padding-top: 12px !important; background: #fff; }#wd-aio .wd-comparison__table .wd-comparison__label{ color: var(--wd-ink); background: #fff; }#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(3), #wd-aio .wd-comparison__table span:not(.wd-b):nth-child(4){ grid-column: 2; font-size: 13px; }#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(3)::before{ content: "一般的なLLMO支援"; display: block; margin-right: 8px; color: #69767b; font-size: 13px; }#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(4)::before{ content: "ワクドリ"; display: block; margin-right: 8px; color: var(--wd-teal); font-size: 13px; }#wd-aio .wd-comparison__end{ margin-top: 28px; font-size: 18px; }
  #wd-aio .wd-price__start{ grid-template-columns: 76px 1fr; gap: 12px; padding: 24px 0; text-align: center; }#wd-aio .wd-price__start::before{ left: 10px; right: 10px; }#wd-aio .wd-price-label{ grid-column: 1 / -1; }#wd-aio .wd-price__start > svg{ width: 70px; height: 70px; }#wd-aio .wd-price__start h3, #wd-aio .wd-price__options h3{ font-size: 20px; }#wd-aio .wd-price__start p, #wd-aio .wd-price__options p{ font-size: 14px; }#wd-aio .wd-price__start .wd-price__amount, #wd-aio .wd-price__options .wd-price__amount{ font-size: 44px; }#wd-aio .wd-price__start .wd-price__amount small, #wd-aio .wd-price__options .wd-price__amount small{ font-size: 18px; }#wd-aio .wd-price__start div > small, #wd-aio .wd-price__options div > small{ font-size: 13px; }#wd-aio .wd-price__branch{ margin-top: 14px; margin-bottom: 30px; padding-inline: 24px; font-size: 13px; }#wd-aio .wd-price__branch::after{ display: none; }#wd-aio .wd-price__options{ grid-template-columns: 1fr; gap: 16px; }#wd-aio .wd-price__options article{ grid-template-columns: 74px 1fr; gap: 10px; padding: 22px 18px; background: #e9f7fa; border-radius: 7px; }#wd-aio .wd-price__options article:last-child{ background: #fff6dc; }#wd-aio .wd-price__options article > span:not(.wd-b){ grid-column: 1 / -1; text-align: left; }#wd-aio .wd-price__options svg{ width: 60px; height: 60px; }
  #wd-aio .wd-fit__grid{ grid-template-columns: 1fr; margin-top: 24px; }#wd-aio .wd-fit__grid article{ padding: 0; }#wd-aio .wd-fit__grid article + article{ margin-top: 18px; padding-top: 18px; border-left: 0; border-top: 1px solid var(--wd-teal); }#wd-aio .wd-fit__grid h3{ margin-bottom: 12px; font-size: 21px; }#wd-aio .wd-fit__grid h3 svg{ width: 44px; height: 44px; }#wd-aio .wd-fit__grid ul{ gap: 16px; }#wd-aio .wd-fit__grid li{ padding-left: 38px; font-size: 16px; line-height: 1.65; }#wd-aio .wd-fit__grid li::before{ width: 28px; height: 28px; }#wd-aio .wd-fit__reason{ align-items: flex-start; gap: 14px; margin-top: 20px; padding: 16px 14px; }#wd-aio .wd-fit__reason svg{ width: 44px; height: 44px; }#wd-aio .wd-fit__reason h3{ font-size: 18px; }#wd-aio .wd-fit__reason p{ font-size: 15px; line-height: 1.6; }
  #wd-aio .wd-faq__grid{ grid-template-columns: 1fr; gap: 14px; margin-top: 34px; }#wd-aio .wd-faq__grid h3, #wd-aio .wd-faq__grid p{ min-height: 0; padding: 16px 15px 16px 52px; font-size: 16px; }#wd-aio .wd-faq__grid .wd-b{ left: 14px; top: 14px; width: 30px; height: 30px; }#wd-aio .wd-faq__end{ font-size: 18px; }
  #wd-aio .wd-contact{ padding: 64px 0; }#wd-aio .wd-contact__head h2{ font-size: 28px; }#wd-aio .wd-contact__grid{ grid-template-columns: 1fr; gap: 44px; margin-top: 40px; }#wd-aio .wd-contact__benefits{ padding: 0; }#wd-aio .wd-contact__benefits h3{ font-size: 22px; }#wd-aio .wd-contact__benefits ul{ gap: 22px; }#wd-aio .wd-contact__benefits li{ padding-left: 42px; font-size: 16px; }#wd-aio .wd-contact__benefits > p{ margin-top: 36px; font-size: 16px; }#wd-aio .wd-form{ padding: 26px 20px 28px; }#wd-aio .wd-form > h3{ font-size: 21px; }#wd-aio .wd-form input, #wd-aio .wd-form select{ min-height: 48px; }#wd-aio .wd-form label:not(.wd-form__consent), #wd-aio .wd-form fieldset{ margin-top: 12px; }#wd-aio .wd-form fieldset > div{ grid-template-columns: 1fr 1fr; }
  #wd-aio .wd-process__map{ margin-inline: 0; }
  #wd-aio .wd-judgement > .wd-shell{ width: min(calc(100% - 32px), 600px); }
  #wd-aio .wd-deliverables > div{ min-height: 72px; font-size: 13px; }
  #wd-aio .wd-deliverables .wd-b{ white-space: normal; }
  #wd-aio .wd-service .wd-section-head{ margin-bottom: 42px; }
}

@media (min-width: 821px) and (max-width: 1080px) {
  #wd-aio .wd-issues__statement{ padding: 58px 48px 62px; }
  #wd-aio .wd-issues__statement > .wd-issues__lead{ width: min(100%, 660px); margin-inline: auto; }
  #wd-aio .wd-issues__statement .wd-value{ width: min(100%, 720px); margin-inline: auto; text-align: center; }
}

@media (max-width: 820px) {
  #wd-aio .wd-issues__grid article{ width: min(100%, 332px); margin-inline: auto; column-gap: clamp(24px, 9vw, 40px); }
  #wd-aio .wd-issues{ padding-bottom: 0; }
  #wd-aio .wd-strategy__sticky-labels{ position: sticky; z-index: 20; top: var(--wd-aio-sticky-top, 0px); display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; background: #fff; }
  #wd-aio .wd-strategy__sticky-labels .wd-strategy__tab{ width: auto; margin-inline: 0; padding: 8px 4px; font-size: 15px; text-align: center; }
  #wd-aio .wd-strategy__sticky-labels.is-released{ transform: translateY(-100%); opacity: 0; pointer-events: none; }
  #wd-aio .wd-strategy__stage > article > .wd-strategy__tab{ display: none; }
  #wd-aio .wd-strategy__stage{ margin-top: -1px; }
  #wd-aio .wd-issues__statement{ display: block; padding: 36px 20px 40px; text-align: center; }
  #wd-aio .wd-issues__statement > .wd-issues__lead{ display: block; width: min(100%, 360px); margin-inline: auto; font-size: 19px; line-height: 1.65; }
  #wd-aio .wd-issues__statement .wd-value{ width: 100%; margin-top: 22px; padding: 0; text-align: center; }
  #wd-aio .wd-issues__statement .wd-value p{ font-size: 16px; line-height: 1.7; }
  #wd-aio .wd-issues__statement .wd-value p br{ display: inline; }
  #wd-aio .wd-issues__statement > .wd-issues__lead > span:not(.wd-b){ font-size: 16px; }
  #wd-aio .wd-issues__statement .wd-value ol{ display: flex; gap: 34px; margin-top: 20px; }
  #wd-aio .wd-issues__statement .wd-value li{ display: block; min-height: 0; padding: 0; text-align: center; }
  #wd-aio .wd-issues__statement .wd-value li:not(:last-child)::after{ display: block; top: -2px; right: -24px; font-size: 18px; }
  #wd-aio .wd-strategy__description{ margin-top: 32px; font-size: 17px; line-height: 1.75; }
  #wd-aio .wd-strategy__end{ margin-top: 12px; }
  #wd-aio .wd-strategy .wd-section-head{ margin-bottom: 38px; }
  #wd-aio .wd-point__list{ margin-bottom: 10px; font-size: 16px; line-height: 1.7; }
  #wd-aio .wd-analysis__head ol{ display: flex; grid-template-columns: none; }
  #wd-aio .wd-analysis__head ol::before{ display: none; }
  #wd-aio .wd-analysis__head li:nth-child(n){ grid-column: auto; }
  #wd-aio .wd-query-diagram > div{ grid-template-rows: 34px 28px 58px; gap: 4px; }
  #wd-aio .wd-query-diagram > i{ flex-basis: 20px; width: 20px; height: 8px; margin-top: 48px; align-self: flex-start; }
  #wd-aio .wd-case-title{ width: 100%; padding: 12px 14px; font-size: 18px; line-height: 1.55; }
  #wd-aio .wd-bottleneck-connectors{ width: 100%; height: 30px; }
  #wd-aio .wd-bottleneck-connectors__wide{ display: none; }
  #wd-aio .wd-bottleneck-connectors__stack{ display: block; }
  #wd-aio .wd-bottleneck-grid{ width: 100%; grid-template-columns: 1fr; gap: 0; margin-top: 0; }
  #wd-aio .wd-bottleneck-stack-link{ display: block; height: 18px; border-left: 2px solid var(--wd-teal); justify-self: center; }
  #wd-aio .wd-bottleneck header{ min-height: 78px; gap: 14px; padding: 14px 18px; }
  #wd-aio .wd-bottleneck header svg{ width: 42px; height: 42px; }
  #wd-aio .wd-bottleneck h4{ font-size: 20px; }
  #wd-aio .wd-bottleneck ul, #wd-aio .wd-bottleneck--beyond ul{ grid-template-columns: 1fr; gap: 9px; padding: 14px; }
  #wd-aio .wd-bottleneck li{ min-height: 58px; grid-template-columns: 32px 1fr; gap: 10px; padding: 10px 12px; font-size: 15px; }
  #wd-aio .wd-judgement__end{ margin-top: 36px; }
  #wd-aio .wd-judgement__end .wd-judgement__lead, #wd-aio .wd-judgement__end span:not(.wd-b){ font-size: 17px; text-align: center; }
}

@media (max-width: 820px) {
  #wd-aio .wd-copy--pc{ display: none !important; }
  #wd-aio .wd-copy--sp{ display: inline; }
  #wd-aio .wd-price__start{ grid-template-columns: 74px minmax(0, 1fr); gap: 10px; padding: 24px 18px; text-align: left; }
  #wd-aio .wd-price__start p, #wd-aio .wd-price__options p{ display: flex; align-items: baseline; gap: 12px; }
  #wd-aio .wd-price__start .wd-price__amount, #wd-aio .wd-price__options .wd-price__amount{ margin-left: 0; }
  #wd-aio .wd-price__branch{ margin-top: 28px; }
  #wd-aio .wd-process{ padding: 64px 0; }
  #wd-aio .wd-process__map{ display: none; }
  #wd-aio .wd-process__mobile-map{ display: grid; gap: 16px; }
  #wd-aio .wd-process-group{ padding: 20px 18px 18px; background: #f7fcfd; border: 2px solid var(--wd-teal); border-radius: 9px; }
  #wd-aio .wd-process-group--later{ background: rgba(255,244,212,.34); border-color: var(--wd-yellow); }
  #wd-aio .wd-process-group > h3{ margin: 0 0 8px; color: var(--wd-teal); font-size: 20px; line-height: 1.4; text-align: center; }
  #wd-aio .wd-process-group ol{ display: grid; margin: 0; padding: 0; list-style: none; }
  #wd-aio .wd-process-group li{ display: grid; grid-template-columns: 52px 1fr; gap: 14px; padding: 17px 0; }
  #wd-aio .wd-process-group li + li{ border-top: 1px solid rgba(0,123,148,.24); }
  #wd-aio .wd-process-group li > .wd-b{ display: grid; width: 44px; height: 44px; place-items: center; color: #fff; background: var(--wd-teal); border-radius: 50%; font-size: 17px; }
  #wd-aio .wd-process-group h4{ margin: 0; font-size: 17px; line-height: 1.45; }
  #wd-aio .wd-process-group li p{ margin: 5px 0 0; font-size: 13px; font-weight: 700; line-height: 1.7; }
  #wd-aio .wd-process-group__output{ display: flex; flex-direction: column; align-items: center; gap: 6px; margin-top: 5px; padding: 18px 0 2px; border-top: 1px solid var(--wd-teal); font-size: 13px; font-weight: 800; }
  #wd-aio .wd-process-group--later .wd-process-group__output{ border-color: rgba(0,123,148,.4); }
  #wd-aio .wd-process-group__output svg{ width: 30px; height: 30px; color: var(--wd-teal); }
  #wd-aio .wd-process-group__output p{ width: fit-content; max-width: 100%; margin: 0; line-height: 1.65; text-align: left; }
  #wd-aio .wd-process-group__output .wd-b{ display: block; margin-bottom: 1px; color: var(--wd-teal); text-align: center; }
  #wd-aio .wd-process-group__arrow{ color: var(--wd-teal); font-size: 27px; font-weight: 700; line-height: 1; text-align: center; }
  #wd-aio .wd-process__end{ margin-top: 34px; }
  #wd-aio .wd-process__mobile-break{ display: initial; }
  #wd-aio .wd-comparison__lead .wd-copy--sp{ font-size: clamp(11.5px, 3.5vw, 15px); white-space: nowrap; }
  #wd-aio .wd-fit__reason{ display: block; margin-top: 40px; padding: 0; background: transparent; text-align: center; }
  #wd-aio .wd-fit__reason h3{ font-size: 18px; }
  #wd-aio .wd-fit__reason p{ margin-top: 14px; font-size: 15px; line-height: 1.8; text-align: left; }
  #wd-aio .wd-fit__pc-break{ display: none; }
}

/* Desktop density: equivalent to the preferred 90% browser view. */
@media (min-width: 1280px) {
  #wd-aio .wd-aio-lp{
    zoom: .9;
  }
  #wd-aio .wd-deliverables{
    left: 0;
    right: 0;
    grid-template-columns: 1fr 3fr 2fr;
    gap: 8px;
  }
  #wd-aio .wd-deliverables > div{
    min-width: 0;
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    margin-inline: 20px;
    padding: 12px 18px;
  }
  #wd-aio .wd-deliverables > div:first-child{
    flex-direction: column;
    justify-content: flex-start;
    gap: 6px;
    padding: 12px 18px;
    text-align: left;
  }
  #wd-aio .wd-deliverables p{
    width: fit-content;
    max-width: 100%;
    text-align: left;
  }
  #wd-aio .wd-deliverables .wd-b{
    display: block;
    margin-bottom: 1px;
    text-align: center;
  }
  #wd-aio .wd-deliverables svg,
  #wd-aio .wd-deliverables > div:first-child svg{
    width: 30px;
    height: 30px;
  }
  #wd-aio .wd-process__steps h3{
    display: grid;
    height: 97px;
    grid-template-rows: 66px 2px;
    gap: 29px;
    align-items: center;
  }
  #wd-aio .wd-process__steps h3 span:not(.wd-b){
    align-self: center;
  }
  #wd-aio .wd-process__steps h3::after{
    margin: 0 auto;
  }
  #wd-aio .wd-fit,
  #wd-aio .wd-faq{
    display: block;
    min-height: 0;
    padding: 72px 0;
  }
  #wd-aio .wd-process{
    min-height: 0;
    padding: 72px 0;
  }
}

@media (prefers-reduced-motion: reduce) {#wd-aio .wd-report-marquee__track{ animation-play-state: paused; }#wd-aio .wd-button{ transition: none; } }

/* FV: a simple two-column message and consultation form. */
#wd-aio .wd-hero--simple{
  display: grid;
  min-height: 700px;
  align-items: center;
  padding: 42px 0;
  color: #fff;
  background: #226c85;
  background-image: url("/wp-content/themes/swell_child/ai-search-lp/assets/hero-flow.svg");
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
}
#wd-aio .wd-hero--simple .wd-hero__inner{
  display: grid;
  grid-template-columns: minmax(0, 1.12fr) minmax(400px, .88fr);
  gap: clamp(40px, 5vw, 80px);
  align-items: center;
  width: min(calc(100% - 96px), 1360px);
}
#wd-aio .wd-hero--simple .wd-hero__copy{
  text-align: left;
}
#wd-aio .wd-hero--simple h1{
  margin: 0;
  font-size: clamp(42px, 4.1vw, 62px);
  font-weight: 900;
  letter-spacing: .025em;
  line-height: 1.25;
}
#wd-aio .wd-hero__subtitle{
  margin: 14px 0 0;
  color: #fff;
  font-size: clamp(18px, 1.75vw, 23px);
  font-weight: 800;
  letter-spacing: .06em;
  line-height: 1.5;
}
#wd-aio .wd-hero__question{
  max-width: 670px;
  margin: 54px 0 0;
  font-size: clamp(22px, 2.15vw, 29px);
  font-weight: 800;
  letter-spacing: .015em;
  line-height: 1.65;
}
#wd-aio .wd-form--hero{
  width: 100%;
  margin: 0;
  padding: 30px 26px;
  border: 0;
  scroll-margin-top: 94px;
}
#wd-aio .wd-form--hero > h2{
  margin: 0;
  color: var(--wd-teal);
  font-size: 22px;
  font-weight: 900;
  line-height: 1.45;
  text-align: center;
}
#wd-aio .wd-form--hero > p:not(.wd-form__status){ margin: 2px 0 6px; }
#wd-aio .wd-form--hero label:not(.wd-form__consent),
#wd-aio .wd-form--hero fieldset{ margin-top: 30px; }
#wd-aio .wd-form--hero .wd-form__consent{ align-items: center; margin-top: 8px; }
#wd-aio .wd-form--hero .wd-form__consent input{ margin-top: 0; accent-color: var(--wd-teal); }
#wd-aio .wd-form--hero .wd-form__consent > span:not(.wd-b){ margin-bottom: 0; }
#wd-aio .wd-form--hero input,
#wd-aio .wd-form--hero select{ min-height: 40px; }
#wd-aio .wd-form--hero button{ min-height: 44px; }
@media (min-width: 1280px) {
  #wd-aio .wd-hero--simple{ min-height: clamp(620px, calc(111.111svh - 91.111px), 900px); }
}
@media (min-width: 821px) and (max-width: 1279px) {
  #wd-aio .wd-hero--simple{ min-height: clamp(550px, calc(100svh - 82px), 760px); }
  #wd-aio .wd-hero__question{ margin-top: 42px; }
}
@media (max-width: 940px) {
  #wd-aio .wd-hero--simple{ min-height: 0; padding: 72px 0; }
  #wd-aio .wd-hero--simple .wd-hero__inner{
    grid-template-columns: minmax(0, 1fr);
    gap: 48px;
    width: min(calc(100% - 48px), 700px);
  }
  #wd-aio .wd-hero--simple .wd-hero__copy{ text-align: center; }
  #wd-aio .wd-hero--simple h1{ font-size: clamp(38px, 6vw, 54px); }
  #wd-aio .wd-hero__question{ margin: 42px auto 0; }
  #wd-aio .wd-form--hero{ width: min(100%, 620px); margin-inline: auto; }
}
@media (max-width: 820px) {
  #wd-aio .wd-hero--simple{
    min-height: 0;
    padding: 24px 0 56px;
  }
  #wd-aio .wd-hero--simple .wd-hero__inner{ width: calc(100% - 32px); gap: 20px; }
  #wd-aio .wd-hero--simple h1{
    font-size: clamp(29px, 8vw, 43px);
    line-height: 1.35;
  }
  #wd-aio .wd-hero__subtitle{
    margin-top: 10px;
    font-size: 16px;
    letter-spacing: .02em;
  }
  #wd-aio .wd-hero__question{
    max-width: 580px;
    margin-top: 26px;
    font-size: clamp(20px, 4.8vw, 24px);
    line-height: 1.6;
  }
  #wd-aio .wd-form--hero{ padding: 30px 20px; scroll-margin-top: 62px; }
  #wd-aio .wd-form--hero > h2{ font-size: 21px; }
  #wd-aio .wd-form--hero input, #wd-aio .wd-form--hero select{ min-height: 48px; }
}

/* Match the final contact form's spacing to the FV form. */
#wd-aio .wd-contact .wd-form{ padding-top: 30px; padding-bottom: 30px; }
#wd-aio .wd-contact .wd-form label:not(.wd-form__consent),
#wd-aio .wd-contact .wd-form fieldset{ margin-top: 30px; }
#wd-aio .wd-contact .wd-form .wd-form__consent{ align-items: center; margin-top: 8px; }
#wd-aio .wd-contact .wd-form .wd-form__consent input{ margin-top: 0; accent-color: var(--wd-teal); }
#wd-aio .wd-contact .wd-form .wd-form__consent > span:not(.wd-b){ margin-bottom: 0; }

/* ========================================================================
   v2追加：実送信フォーム用（ai-search-lp.js と対）
   ======================================================================== */

/* エラー文（JSが label / fieldset の直後に差し込む） */
#wd-aio.wd-aio-page .wd-form .wd-form__error{
  margin: 4px 0 0;
  color: var(--wd-red);
  font-size: 12.5px;
  font-weight: 700;
  line-height: 1.5;
  text-align: left;
}
#wd-aio.wd-aio-page .wd-form .wd-form__consent + .wd-form__error{ padding-left: 27px; }

/* 同意チェックボックス：SPで入力欄用の min-height:48px を引き継いで縦長になるのを防ぐ */
#wd-aio.wd-aio-page .wd-form .wd-form__consent input{ width: 17px; height: 17px; min-height: 0; padding: 0; }

/* 未チェックの同意チェックボックス（ネイティブのチェックボックスは border が効かないので outline） */
#wd-aio.wd-aio-page .wd-form .wd-form__consent input[aria-invalid="true"]{
  outline: 2px solid var(--wd-red);
  outline-offset: 2px;
}

/* プルダウン：テーマ側の select 装飾に左右されないよう矢印を自前で描く */
#wd-aio.wd-aio-page .wd-form select{
  -webkit-appearance: none;
  appearance: none;
  padding-right: 36px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23596a72' stroke-width='2'/%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-position: right 14px center;
  background-size: 12px 8px;
}

/* 送信ボタン */
#wd-aio.wd-aio-page .wd-form button[type="submit"]{ cursor: pointer; transition: opacity .18s ease; }
#wd-aio.wd-aio-page .wd-form button[type="submit"]:hover{ opacity: .88; }
#wd-aio.wd-aio-page .wd-form button[type="submit"]:disabled{ cursor: wait; opacity: .6; }

/* 送信中のローディング表示（body直下に生成されるので .wd-aio-page の外） */
.wd-aio-loading {
  position: fixed;
  z-index: 100000;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: rgba(9, 34, 56, .55);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}
.wd-aio-loading.is-visible { opacity: 1; visibility: visible; }
.wd-aio-loading__box {
  min-width: 240px;
  padding: 28px 32px;
  color: #092238;
  background: #fff;
  border-radius: 8px;
  text-align: center;
  font-family: "Noto Sans JP", "Yu Gothic", "YuGothic", "Hiragino Kaku Gothic ProN", Meiryo, sans-serif;
}
.wd-aio-loading__box p { margin: 14px 0 0; font-size: 16px; font-weight: 800; }
.wd-aio-loading__box small { display: block; margin-top: 4px; color: #596a72; font-size: 13px; }
.wd-aio-loading__spinner {
  display: inline-block;
  width: 40px;
  height: 40px;
  border: 4px solid #d6e6ea;
  border-top-color: #08758f;
  border-radius: 50%;
  animation: wd-aio-spin .8s linear infinite;
}
@keyframes wd-aio-spin { to { transform: rotate(360deg); } }
@media (prefers-reduced-motion: reduce) { .wd-aio-loading__spinner { animation-duration: 2.4s; } }

/* ========================================================================
   v7追加：料金カードの内訳（.wd-price__items）
   PC（1280px〜）はカード右側に縦並び。それ以外は従来どおり価格の下に「／」区切りの1行
   ======================================================================== */
#wd-aio .wd-price__items { display: block; margin: 8px 0 0; padding: 0; list-style: none; font-size: 13px; font-weight: 700; }
#wd-aio .wd-price__items li { display: inline; margin: 0; }
#wd-aio .wd-price__items li + li::before { content: "／"; }

@media (min-width: 1280px) {
  /* 見出し・金額・内訳をカードのグリッドに直接並べる */
  #wd-aio .wd-price__start > div,
  #wd-aio .wd-price__options article > div { display: contents; }

  /* アイコン｜見出し＋金額｜内訳 を、左右の余白と列の間隔が均等になるよう配置 */
  #wd-aio .wd-price__start { grid-template-columns: 100px auto auto; justify-content: space-between; column-gap: 32px; row-gap: 0; padding: 32px 64px; }
  #wd-aio .wd-price__options article { grid-template-columns: 72px auto auto; justify-content: space-between; column-gap: 20px; row-gap: 0; padding-inline: 28px; }
  #wd-aio .wd-price__options svg { width: 72px; height: 72px; }
  #wd-aio .wd-price__start h3, #wd-aio .wd-price__options h3 { white-space: nowrap; }

  #wd-aio .wd-price__start > svg { grid-column: 1; grid-row: 1 / 3; }
  #wd-aio .wd-price__start h3 { grid-column: 2; grid-row: 1; align-self: end; }
  #wd-aio .wd-price__start p { grid-column: 2; grid-row: 2; align-self: start; margin-top: 6px; }
  #wd-aio .wd-price__start .wd-price__items { grid-column: 3; grid-row: 1 / 3; }

  /* 選択肢カードは1行目が「選択肢1／2」のラベル */
  #wd-aio .wd-price__options article > svg { grid-column: 1; grid-row: 2 / 4; }
  #wd-aio .wd-price__options h3 { grid-column: 2; grid-row: 2; align-self: end; margin-top: 14px; }
  #wd-aio .wd-price__options p { grid-column: 2; grid-row: 3; align-self: start; margin-top: 6px; }
  #wd-aio .wd-price__options .wd-price__items { grid-column: 3; grid-row: 2 / 4; margin-top: 14px; }

  /* 内訳リスト：左に区切り線、項目ごとに丸印 */
  #wd-aio .wd-price__items { align-self: center; margin: 0; padding: 4px 0 4px 24px; border-left: 1px solid rgba(8, 117, 143, .3); font-size: 15px; line-height: 1.6; }
  #wd-aio .wd-price__options .wd-price__items { padding-left: 18px; font-size: 14px; }
  #wd-aio .wd-price__items li { display: block; position: relative; padding-left: 16px; white-space: nowrap; }
  #wd-aio .wd-price__items li + li { margin-top: 6px; }
  #wd-aio .wd-price__items li::before,
  #wd-aio .wd-price__items li + li::before { content: ""; position: absolute; left: 0; top: .72em; width: 6px; height: 6px; border-radius: 50%; background: var(--wd-teal); }
}

/* ========================================================================
   v8追加：フォームの同意チェック（プライバシーポリシー…に同意します）の上下に余白
   FV・最下部の両フォーム、全画面幅共通（役職との間 8px→20px、送信ボタンとの間 9px→20px）
   ======================================================================== */
#wd-aio .wd-aio-lp .wd-form .wd-form__consent { margin-top: 20px; }
#wd-aio .wd-aio-lp .wd-form button[type="submit"] { margin-top: 20px; }

/* ========================================================================
   v10追加：AI比較表（POINT 02）をSP・タブレットで画面内に収める
   列幅が見出し（Perplexity／AI Overviews）の長さで広がり、390px幅で約20px・360px幅で約30pxはみ出していた
   → 列は表の幅を超えない均等割り、文字は画面幅に合わせて10〜13px、「AI Overviews」は空白で改行
   ======================================================================== */
@media (max-width: 820px) {
  #wd-aio .wd-ai-table { grid-template-columns: minmax(48px, 64px) repeat(4, minmax(0, 1fr)); }
  #wd-aio .wd-ai-table > * { padding: 3px 2px; font-size: clamp(10px, 3.2vw, 13px); letter-spacing: 0; }
  #wd-aio .wd-ai-table i { font-size: clamp(12px, 3.6vw, 14px); }
}

/* ========================================================================
   v11追加：レポート画像下の黄色ボタン（AI検索での見え方を無料診断）をSPで中央に
   PC用の min-width: 360px がSPでも残り、SP用の width: min(100%, 340px) が効かずに右へはみ出していた
   （390px幅で左24px・右6px、320px幅では右に64px画面外）
   ======================================================================== */
@media (max-width: 820px) {
  #wd-aio .wd-report-cta__body .wd-button { min-width: 0; }
}

/* ========================================================================
   v12追加：スライドショー（レポート画像）
   ・カードを16:9に統一（スライド画像が16:9のため。4:3のsample-1〜3は上下の白い余白だけが切れる）
   ・画像が3枚→8枚になったので、1周の時間を 40秒→107秒 にして流れる速さを従来と同じに
   ・ループの戻り位置を「画像の間隔の半分」で計算するように（SPは間隔12pxなのに10px固定で計算され、1周ごとに4pxずれていた）
   ======================================================================== */
#wd-aio .wd-report-marquee figure { aspect-ratio: 16 / 9; }
#wd-aio .wd-report-marquee img { object-fit: cover; }
#wd-aio .wd-report-marquee__track { --wd-aio-marquee-gap: 20px; gap: var(--wd-aio-marquee-gap); animation-name: wd-aio-marquee; animation-duration: 107s; }
@media (max-width: 820px) { #wd-aio .wd-report-marquee__track { --wd-aio-marquee-gap: 12px; } }
@keyframes wd-aio-marquee { to { transform: translateX(calc(-50% - var(--wd-aio-marquee-gap) / 2)); } }

/* ========================================================================
   v19追加：文章の重複をなくしたHTMLに合わせた調整
   ・PC用／SP用で文章を2つ書いて片方を隠す作り（.wd-copy--pc／--sp）をやめ、
     文章は1つ・SPだけの改行を <br class="wd-br-sp"> で入れる形にした
   ======================================================================== */
#wd-aio .wd-br-sp { display: none; }
@media (max-width: 820px) {
  #wd-aio .wd-br-sp { display: inline; }
  /* 比較セクションのリード文：SPは1行に収める（従来の .wd-copy--sp の指定を引き継ぐ） */
  #wd-aio .wd-comparison__lead .wd-comparison__lead-text { font-size: clamp(11.5px, 3.5vw, 15px); white-space: nowrap; }
}

/* h1 に（AEO / LLMO / GEO）を含めた：見た目は従来の段落と同じく改行して表示 */
#wd-aio .wd-hero__subtitle { display: block; }

/* 「＼ 60分の無料診断でわかること ／」を中央寄せ */
#wd-aio .wd-contact__benefits h3 { text-align: center; }
@media (max-width: 820px) {
  /* SPで「／」だけが2行目に落ちないよう、画面幅に合わせて文字を小さくし1行に収める */
  #wd-aio .wd-contact__benefits h3 { font-size: clamp(14px, 4.6vw, 22px); white-space: nowrap; }
}
@media (max-width: 359px) {
  /* 320px幅などの小さい端末では、比較セクションのリード文を1行に収めきれないので折り返す */
  #wd-aio .wd-comparison__lead .wd-comparison__lead-text { white-space: normal; }
}

/* ========================================================================
   v20追加：SERVICE 3ステップの説明文
   SPは意味の切れ目で2行（HTMLの <br class="wd-br-sp">）。360px未満の端末では2行に収まるよう文字を小さく
   ======================================================================== */
@media (max-width: 359px) {
  #wd-aio .wd-service__steps article > p { font-size: 12px; letter-spacing: 0; }
}


/* v21（2026-09-17）: <strong> を使わず、太字は font-weight で指定（勝浦さん指示）／SPの比較表で「ワクドリ」等の見出しを折り返さない */
#wd-aio .wd-issues__lead{ margin: 0; font-weight: bold; }
#wd-aio .wd-judgement__lead{ font-weight: bold; }
#wd-aio .wd-comparison__label{ font-weight: bold; }
#wd-aio .wd-price__amount{ font-weight: 900; } /* 旧<strong>は親(800)より一段太い900で表示されていたため同じ値を明示 */
#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(3)::before,
#wd-aio .wd-comparison__table span:not(.wd-b):nth-child(4)::before{ white-space: nowrap; }