/* 元 index.html <head> の内联 <style>（v3 基礎レイアウト）。読込順は
   style.css → 本ファイル → v3-refinement 以降 — 元 LP の head と同順。 */
/* ===== v3 専用: 新規レイアウト（既存デザインシステムのトークンを流用） ===== */

    /* 4ステップ */
    .v3-step-note{max-width:720px;margin:0 auto 40px;text-align:center;font-size:.92rem;color:var(--mid-gray);line-height:2}
    .v3-step-note strong{color:var(--sumi)}

    /* 精度セクション */
    .v3-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;max-width:960px;margin:0 auto 40px}
    .v3-proof-card{background:#fff;border:1px solid #e8e4de;border-radius:14px;padding:32px}
    .v3-proof-card h4{font-size:1.05rem;font-weight:800;color:var(--sumi);margin-bottom:10px}
    .v3-proof-card p{font-size:.86rem;color:var(--dark-gray);line-height:1.9}
    .v3-proof-num{font-family:var(--font-en);font-size:2.2rem;font-weight:900;color:var(--gold);margin-bottom:8px}
    .v3-range-list{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;max-width:800px;margin:0 auto 40px}
    .v3-range-chip{font-size:.82rem;font-weight:600;color:var(--dark-gray);background:#f7f7f5;border:1px solid var(--border-gray);border-radius:20px;padding:8px 18px}
    .v3-honest-box{max-width:820px;margin:0 auto;background:linear-gradient(135deg,rgba(196,162,101,.06),rgba(196,162,101,.02));border:1px solid rgba(196,162,101,.3);border-radius:14px;padding:36px 40px}
    .v3-honest-box h4{font-size:1.05rem;font-weight:800;color:var(--sumi);margin-bottom:14px}
    .v3-honest-box p{font-size:.88rem;color:var(--dark-gray);line-height:2;margin-bottom:10px}
    .v3-honest-box ul{margin:14px 0;padding-left:20px}
    .v3-honest-box li{font-size:.86rem;color:var(--dark-gray);line-height:1.9}
    .v3-honest-box .v3-cta-line{font-weight:800;color:var(--sumi)}

    /* 変化（Before/After） */
    .v3-change-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
    .v3-change-card{border:1px solid rgba(196,162,101,.25);border-radius:12px;padding:28px 24px;text-align:center}
    .v3-change-tag{font-size:.75rem;font-weight:800;letter-spacing:.1em;color:var(--gold);margin-bottom:14px}
    .v3-change-card p{font-size:.88rem;color:rgba(247,245,240,.75);line-height:1.9}

    /* 顧問先管理 */
    .v3-manage-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;max-width:820px;margin:0 auto 40px}
    .v3-manage-item{position:relative;font-size:.88rem;color:var(--dark-gray);background:#f7f7f5;border:1px solid var(--border-gray);border-radius:8px;padding:14px 18px 14px 56px;display:flex;align-items:center;min-height:26px}
    .v3-manage-item::before{content:'';position:absolute;left:14px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;background-color:rgba(196,162,101,.15);background-repeat:no-repeat;background-position:center;background-size:14px 14px}
    #roi .v3-manage-item::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8781f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9'/%3E%3Cpolyline points='12 7 12 12 16 14'/%3E%3C/svg%3E")}
    #crm .v3-manage-item::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8781f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V8z'/%3E%3Cpolyline points='14 2 14 8 20 8'/%3E%3Cline x1='16' y1='13' x2='8' y2='13'/%3E%3Cline x1='16' y1='17' x2='8' y2='17'/%3E%3C/svg%3E")}
    #security .v3-manage-item::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8781f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3C/svg%3E")}
    .v3-benefit-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:1000px;margin:0 auto}
    .v3-benefit-row p{font-size:.9rem;color:var(--dark-gray);line-height:1.9;text-align:center}

    /* 既存ソフト対応 */
    .v3-method-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:960px;margin:32px auto 0}
    .v3-method-card{background:#fff;border:1px solid #e8e4de;border-radius:14px;padding:28px 30px}
    .v3-method-card h4{font-size:1rem;font-weight:800;color:var(--sumi);margin-bottom:10px;padding-left:44px;position:relative;line-height:32px}
    .v3-method-card:nth-of-type(1) h4::before,.v3-method-card h4::before{content:'';position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background-color:rgba(196,162,101,.15);background-repeat:no-repeat;background-position:center;background-size:16px 16px}
    .v3-method-grid .v3-method-card:first-child h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8781f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='5' y='2' width='14' height='20' rx='2'/%3E%3Cline x1='12' y1='18' x2='12.01' y2='18'/%3E%3C/svg%3E")}
    .v3-method-grid .v3-method-card:last-child h4::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23a8781f' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4'/%3E%3Cpolyline points='17 8 12 3 7 8'/%3E%3Cline x1='12' y1='3' x2='12' y2='15'/%3E%3C/svg%3E")}
    .v3-proof-card h4{font-size:1.05rem;font-weight:800;color:var(--sumi);margin-bottom:10px}
    .v3-method-card p{font-size:.86rem;color:var(--dark-gray);line-height:1.9}

    /* 料金 補助金相談ボックス */
    .v3-subsidy-note{max-width:720px;margin:32px auto 0;padding:28px 32px;background:#fff;border:1px solid #e8e4de;border-radius:14px;text-align:center}
    .v3-subsidy-note h4{font-size:1.02rem;font-weight:800;color:var(--sumi);margin-bottom:12px}
    .v3-subsidy-note p{font-size:.85rem;color:var(--dark-gray);line-height:1.9;margin-bottom:18px}

    /* 汎用の注記 */
    .v3-disclaimer{font-size:.72rem;color:var(--mid-gray);opacity:.75;line-height:1.8;max-width:820px;margin:24px auto 0;text-align:center}
    .section-dark .v3-disclaimer{color:rgba(247,245,240,.4)}

    /* クロージング フォーム */
    .v3-closing-form{max-width:640px;margin:40px auto 0;background:#fff;border-radius:16px;padding:40px 36px;text-align:left}
    .v3-form-row{display:flex;gap:14px;margin-bottom:16px}
    .v3-form-field{flex:1}
    .v3-form-field label{display:block;font-size:.78rem;font-weight:700;color:#333;margin-bottom:6px}
    .v3-form-field input,.v3-form-field select{width:100%;padding:11px 14px;border:1px solid #e0e0e0;border-radius:8px;font-family:var(--font-jp);font-size:.88rem}
    .v3-checkbox-row{display:flex;flex-wrap:wrap;gap:10px 18px;margin-bottom:20px}
    .v3-checkbox-row label{display:flex;align-items:center;gap:6px;font-size:.84rem;color:#333}
    @media (max-width:640px){.v3-form-row{flex-direction:column;gap:0}.v3-proof-grid,.v3-method-grid{grid-template-columns:1fr}.v3-change-grid,.v3-benefit-row{grid-template-columns:1fr}.v3-manage-grid{grid-template-columns:1fr}}

    /* ===== 見出し＋テキストの下に画像を配置する共通コンポーネント（縦積み） ===== */
    .v3-showcase{display:flex;flex-direction:column;gap:32px;max-width:820px;margin:0 auto}
    .v3-showcase-content{order:1;width:100%}
    .v3-showcase-media{order:2;width:100%}
    .v3-showcase-frame{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.14);border:1px solid rgba(0,0,0,.06)}
    .section-dark .v3-showcase-frame{box-shadow:0 24px 60px rgba(0,0,0,.5);border-color:rgba(245,240,232,.12)}
    .v3-showcase-frame img{display:block;width:100%;height:auto}
    .v3-showcase-badge{position:absolute;top:16px;left:16px;background:rgba(11,13,16,.85);color:var(--gold);font-size:.72rem;font-weight:800;letter-spacing:.06em;padding:6px 14px;border-radius:20px;border:1px solid rgba(196,162,101,.4)}
    .v3-showcase-content .section-label{margin-left:0}
    .v3-showcase-content h2{text-align:center!important;margin-bottom:20px}
    .v3-showcase-content > p{text-align:center!important;margin-left:0!important}

    /* ===== 視認性修正: ダーク背景前提のコンポーネントを白背景セクションで使用しているための上書き ===== */
    /* #steps: mechanism-grid はもともとダーク背景専用（クリーム色文字）だったため、白背景用に上書き */
    #steps .mechanism-step-card{background:#fff;border:1px solid var(--border-gray);box-shadow:0 2px 12px rgba(0,0,0,.04)}
    #steps .mechanism-step-content h3{color:var(--sumi)}
    #steps .mechanism-step-content p{color:var(--dark-gray)}
    #steps .mechanism-step-content p strong{color:#a8781f}
    #steps .mechanism-step-highlight{border-color:rgba(196,162,101,.5)}

    /* #roi: results-grid も同様にダーク背景専用だったため、白背景用に上書き */
    #roi .result-card{background:#fff;border:1px solid var(--border-gray);box-shadow:0 2px 12px rgba(0,0,0,.04)}
    #roi .result-number{background:none;-webkit-background-clip:initial;-webkit-text-fill-color:var(--sumi);color:var(--sumi)}
    #roi .result-unit{-webkit-text-fill-color:var(--mid-gray);color:var(--mid-gray)}
    #roi .result-label{color:var(--sumi)}
