/* ========================================================================
   Task Relay — Fixed-page styles (auto-extracted from inline <style> blocks)
   Source: 45 pages (43 contained <style>)
   Unique blocks: 29
   Generated: 2026-05-03 14:41:38
   Loaded by: functions.php (front-end + add_editor_style for editor preview)
   DO NOT edit by hand — re-run .tools/_extract_inline_css.php to regenerate.
   ======================================================================== */

/* ─── used on 1 page(s): cases ─── */
/* ============ CASES PAGE ============ */
  .cs-hero{
    position:relative;overflow:hidden;padding:80px 0 70px;
    background:
      radial-gradient(60% 60% at 90% 10%, #d2f5fc 0%, transparent 60%),
      radial-gradient(60% 50% at 5% 95%, #ecfbfe 0%, transparent 60%),
      linear-gradient(180deg,#f3fcfe 0%,#fff 100%);
  }
  .cs-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}

  .breadcrumb{font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;font-weight:500;letter-spacing:.06em;display:flex;gap:10px;align-items:center;margin-bottom:18px}
  .breadcrumb a{color:var(--slate-500)}.breadcrumb a:hover{color:var(--blue-600)}
  .breadcrumb .sep{opacity:.5}.breadcrumb .cur{color:var(--blue-600);font-weight:700}

  .cs-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .cs-hero h1{margin:0 0 18px;font-size:44px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.01em;max-width:780px}
  .cs-hero h1 .accent{
    background:linear-gradient(120deg,var(--blue-600),var(--blue-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .cs-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);font-weight:500;max-width:680px;margin:0 0 36px}

  /* logo strip */
  .cs-logos{display:flex;align-items:center;gap:8px;margin-bottom:36px;flex-wrap:wrap}
  .cs-logos .lbl{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;color:var(--slate-500);letter-spacing:.16em;margin-right:8px}
  .cs-logos img{height:24px;opacity:.65;filter:saturate(.6);transition:opacity .15s}
  .cs-logos img:hover{opacity:1;filter:saturate(1)}

  /* KPI strip */
  .cs-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:6px;box-shadow:var(--shadow-sm)}
  .cs-kpi{padding:22px 20px;border-right:1px solid #f0f4fa}
  .cs-kpi:last-child{border-right:0}
  .cs-kpi .label{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;color:var(--blue-500);letter-spacing:.18em;margin-bottom:8px}
  .cs-kpi .num{font-family:Inter,sans-serif;font-size:34px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em}
  .cs-kpi .num small{font-size:14px;font-weight:700;color:var(--slate-500);margin-left:2px}
  .cs-kpi .num .arrow{display:inline-block;color:#10b981;font-size:18px;margin-right:6px}
  .cs-kpi .num .down{color:#ef4444}
  .cs-kpi .desc{font-size:12px;font-weight:600;color:var(--slate-500);margin-top:8px;line-height:1.5}

  /* ============ FILTER / SEARCH BAR ============ */
  .cs-filter{
    position:sticky;top:74px;z-index:40;
    background:rgba(255,255,255,.96);backdrop-filter:blur(8px);
    border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7;
  }
  .cs-filter-inner{max-width:1120px;margin:0 auto;padding:18px 24px;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center}
  .cs-filter .ttl{font-size:13px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px;flex-shrink:0}
  .cs-filter .ttl .ic{width:18px;height:18px;border-radius:50%;background:var(--blue-500);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:800}
  .cs-filter .selects{display:flex;gap:10px;flex-wrap:wrap}
  .cs-select{position:relative;display:inline-block}
  .cs-select select{
    appearance:none;background:#fff;border:1px solid #d8e1ee;border-radius:999px;
    padding:9px 30px 9px 14px;font-size:12.5px;font-weight:600;color:var(--slate-700);cursor:pointer;
    font-family:"Noto Sans JP",sans-serif;min-width:130px;
  }
  .cs-select select:hover{border-color:var(--blue-400)}
  .cs-select::after{content:"";position:absolute;right:12px;top:50%;width:6px;height:6px;border-right:1.5px solid var(--slate-500);border-bottom:1.5px solid var(--slate-500);transform:translateY(-75%) rotate(45deg);pointer-events:none}
  .cs-search{position:relative}
  .cs-search input{background:#fff;border:1px solid #d8e1ee;border-radius:999px;padding:9px 16px 9px 36px;font-size:12.5px;width:200px;font-family:"Noto Sans JP",sans-serif;color:var(--slate-700)}
  .cs-search input::placeholder{color:var(--slate-400)}
  .cs-search input:focus{outline:none;border-color:var(--blue-400)}
  .cs-search::before{content:"";position:absolute;left:14px;top:50%;width:13px;height:13px;border:2px solid var(--slate-400);border-radius:50%;transform:translateY(-60%)}
  .cs-search::after{content:"";position:absolute;left:24px;top:50%;width:7px;height:2px;background:var(--slate-400);transform:translateY(50%) rotate(45deg)}

  /* tag chips (sub-filters) */
  .cs-chips{max-width:1120px;margin:0 auto;padding:0 24px 16px;display:flex;gap:6px;flex-wrap:wrap;align-items:center}
  .cs-chips .clbl{font-size:10.5px;font-weight:800;color:var(--slate-500);letter-spacing:.1em;margin-right:6px;font-family:Inter,sans-serif}
  .cs-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:999px;font-size:11.5px;font-weight:600;color:var(--slate-700);background:#f3f7fb;border:1px solid transparent;cursor:pointer;transition:all .12s}
  .cs-chip:hover{background:var(--blue-50);color:var(--blue-700)}
  .cs-chip.is-on{background:var(--blue-500);color:#062b34;font-weight:700}
  .cs-chip .x{font-size:13px;line-height:1;opacity:.7;font-weight:700}

  /* ============ TABS (実名 / 匿名 / シナリオ) ============ */
  .cs-tabs-wrap{max-width:1120px;margin:0 auto;padding:48px 24px 0;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
  .cs-tabs-wrap h2{font-size:24px;font-weight:800;color:var(--ink);margin:0;line-height:1}
  .cs-tabs-wrap h2 .en{display:block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-600);letter-spacing:.18em;margin-bottom:10px}
  .cs-tabs{display:flex;gap:0;border-bottom:1px solid #e6edf7}
  .cs-tab{
    background:transparent;border:0;padding:12px 22px;font-size:13px;font-weight:700;color:var(--slate-500);
    cursor:pointer;border-bottom:2px solid transparent;display:inline-flex;align-items:center;gap:8px;
    font-family:"Noto Sans JP",sans-serif;
  }
  .cs-tab .cnt{background:#f0f4fa;color:var(--slate-600);font-size:10.5px;padding:1px 8px;border-radius:999px;font-weight:800;font-family:Inter,sans-serif}
  .cs-tab.is-on{color:var(--blue-700);border-bottom-color:var(--blue-500)}
  .cs-tab.is-on .cnt{background:var(--blue-500);color:#062b34}

  /* ============ FEATURED CASES (3 hero cards) ============ */
  .cs-featured{padding:36px 0 24px}
  .cs-featured-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:18px}
  .cs-feat-card{
    position:relative;background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;
    box-shadow:var(--shadow-sm);transition:all .15s;display:flex;flex-direction:column;
  }
  .cs-feat-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .cs-feat-card .visual{height:200px;position:relative;overflow:hidden}
  .cs-feat-card.large .visual{height:260px}
  .cs-feat-card .visual::before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,var(--bg, var(--blue-300)) 0%,var(--bg2, var(--blue-600)) 100%)}
  .cs-feat-card .visual .ind-tag{position:absolute;top:18px;left:18px;background:rgba(255,255,255,.92);color:var(--blue-700);font-size:11px;font-weight:800;padding:5px 12px;border-radius:999px;z-index:2;letter-spacing:.04em;backdrop-filter:blur(4px)}
  .cs-feat-card .visual .corp-logo{
    position:absolute;left:18px;bottom:18px;background:#fff;padding:8px 14px;border-radius:8px;font-family:Inter,sans-serif;font-weight:800;color:var(--ink);font-size:13px;letter-spacing:-.01em;
    box-shadow:0 4px 12px rgba(0,0,0,.1);z-index:2;
  }
  .cs-feat-card .visual .pin-num{position:absolute;right:18px;bottom:18px;font-family:Inter,sans-serif;font-size:46px;font-weight:900;color:rgba(255,255,255,.5);line-height:.9;letter-spacing:-.04em;z-index:2}
  .cs-feat-card.large .visual .pin-num{font-size:78px}
  .cs-feat-card .body{padding:22px 22px 22px;flex:1;display:flex;flex-direction:column}
  .cs-feat-card .meta{display:flex;gap:6px;margin-bottom:12px;flex-wrap:wrap}
  .cs-feat-card .meta .t{font-size:10.5px;font-weight:700;background:#f3f7fb;color:var(--slate-600);padding:3px 9px;border-radius:4px;letter-spacing:.04em}
  .cs-feat-card .meta .t.b{background:var(--blue-50);color:var(--blue-700)}
  .cs-feat-card h3{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 12px;line-height:1.55;text-wrap:pretty}
  .cs-feat-card.large h3{font-size:20px;line-height:1.5}
  .cs-feat-card p{font-size:12.5px;color:var(--slate-600);line-height:1.85;margin:0 0 18px;font-weight:500}
  .cs-feat-card .res{display:flex;gap:14px;padding:14px 16px;background:linear-gradient(135deg,#f6fcfe 0%,#ecfbfe 100%);border-radius:10px;margin-bottom:14px;border:1px solid #e0f5ff}
  .cs-feat-card .res .it{flex:1}
  .cs-feat-card .res .it .l{font-size:9.5px;font-weight:800;color:var(--slate-500);letter-spacing:.08em;margin-bottom:3px;font-family:Inter,sans-serif}
  .cs-feat-card .res .it .v{font-size:15px;font-weight:800;color:var(--blue-700);font-family:Inter,sans-serif;line-height:1.1}
  .cs-feat-card .res .it .v small{font-size:10px;color:var(--slate-500);font-weight:600;margin-left:3px}
  .cs-feat-card .read{margin-top:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--blue-700);padding-top:6px;border-top:1px dashed #e0eaf3}
  .cs-feat-card .read .arr{margin-left:auto;width:22px;height:22px;border-radius:50%;background:var(--blue-50);display:flex;align-items:center;justify-content:center;color:var(--blue-700);font-weight:800;transition:all .15s}
  .cs-feat-card:hover .read .arr{background:var(--blue-500);color:#062b34;transform:translateX(2px)}

  /* ============ CASE GRID ============ */
  .cs-grid-section{padding:24px 0 80px}
  .cs-grid-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .cs-grid-head{display:flex;align-items:flex-end;justify-content:space-between;margin-bottom:24px}
  .cs-grid-head .count{font-size:13px;color:var(--slate-500);font-weight:600}
  .cs-grid-head .count b{color:var(--ink);font-weight:800;font-family:Inter,sans-serif;font-size:18px}
  .cs-grid-head .sort{display:flex;gap:14px;font-size:12.5px;color:var(--slate-500);font-weight:600}
  .cs-grid-head .sort a{color:var(--slate-500)}
  .cs-grid-head .sort a.is-on{color:var(--blue-700);font-weight:800}

  .cs-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .cs-card{
    background:#fff;border:1px solid #e6edf7;border-radius:14px;overflow:hidden;
    box-shadow:var(--shadow-sm);transition:all .15s;display:flex;flex-direction:column;cursor:pointer;
  }
  .cs-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .cs-card .top{padding:18px 18px 14px;display:flex;justify-content:space-between;align-items:flex-start;gap:10px;border-bottom:1px solid #f0f4fa}
  .cs-card .top .corp-logo{font-family:Inter,sans-serif;font-weight:800;color:var(--ink);font-size:14px;letter-spacing:-.01em;line-height:1.2}
  .cs-card .top .corp-logo small{display:block;font-size:11px;color:var(--slate-500);font-weight:600;margin-top:4px;font-family:"Noto Sans JP",sans-serif;letter-spacing:0}
  .cs-card .top .ind-icon{
    flex-shrink:0;width:36px;height:36px;border-radius:9px;background:var(--blue-50);
    display:flex;align-items:center;justify-content:center;
  }
  .cs-card .top .ind-icon img{width:22px;height:22px;object-fit:contain}
  .cs-card .meta{padding:10px 18px;display:flex;gap:5px;flex-wrap:wrap;background:#fafdfe;border-bottom:1px solid #f0f4fa}
  .cs-card .meta .t{font-size:10px;font-weight:700;color:var(--slate-600);padding:2px 8px;background:#fff;border:1px solid #e6edf7;border-radius:4px}
  .cs-card .meta .t.size{color:var(--blue-700);border-color:#d2f5fc;background:#f6fcfe}
  .cs-card .body{padding:16px 18px 14px;flex:1;display:flex;flex-direction:column}
  .cs-card .body h3{font-size:13.5px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.6;text-wrap:pretty}
  .cs-card .body p{font-size:11.5px;color:var(--slate-600);line-height:1.85;margin:0 0 14px;font-weight:500}
  .cs-card .body .kpi{display:flex;align-items:center;gap:10px;padding:10px 12px;background:linear-gradient(135deg,#f6fcfe 0%,#ecfbfe 100%);border-radius:8px;border:1px solid #e0f5ff}
  .cs-card .body .kpi .ic{width:20px;height:20px;flex-shrink:0;opacity:.85}
  .cs-card .body .kpi .ic img{width:100%;height:100%;object-fit:contain}
  .cs-card .body .kpi .l{font-size:10px;font-weight:800;color:var(--slate-500);letter-spacing:.06em;margin-bottom:1px}
  .cs-card .body .kpi .v{font-size:14px;font-weight:800;color:var(--blue-700);font-family:Inter,sans-serif;line-height:1.1}
  .cs-card .body .kpi .v small{font-size:9.5px;color:var(--slate-500);font-weight:700;margin-left:2px;font-family:"Noto Sans JP",sans-serif}
  .cs-card .foot{padding:12px 18px;border-top:1px solid #f0f4fa;display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--slate-500);font-weight:600}
  .cs-card .foot .arr{width:22px;height:22px;border-radius:50%;background:var(--blue-50);color:var(--blue-700);display:flex;align-items:center;justify-content:center;font-weight:800}

  .cs-card.anonymous .corp-logo{color:var(--slate-500);font-style:italic}
  .cs-card.anonymous .corp-logo::before{content:"●●● ";color:#cbd5e1;letter-spacing:-2px}
  .cs-card.scenario{background:linear-gradient(180deg,#f6fcfe 0%,#fff 100%)}
  .cs-card.scenario .top .corp-logo{color:var(--blue-700)}
  .cs-card.scenario .top .corp-logo::before{content:"";display:inline-block;width:18px;height:18px;background:var(--blue-100);border-radius:4px;margin-right:6px;vertical-align:middle;background-image:radial-gradient(circle, var(--blue-500) 30%, transparent 30%);background-size:6px 6px}

  /* pagination */
  .cs-pager{display:flex;justify-content:center;gap:6px;margin-top:48px}
  .cs-pager a{
    min-width:36px;height:36px;display:flex;align-items:center;justify-content:center;
    border:1px solid #e6edf7;border-radius:8px;color:var(--slate-700);font-weight:700;font-size:12.5px;
    font-family:Inter,sans-serif;background:#fff;padding:0 10px;
  }
  .cs-pager a:hover{border-color:var(--blue-400);color:var(--blue-700)}
  .cs-pager a.is-on{background:var(--blue-500);color:#062b34;border-color:var(--blue-500)}
  .cs-pager .gap{display:flex;align-items:center;color:var(--slate-400);padding:0 4px}

  /* ============ INDUSTRY HUB (14 industries) ============ */
  .cs-section{padding:96px 0;position:relative;overflow:hidden}
  .cs-section.tinted{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%)}
  .cs-section .deco-text{
    position:absolute;font-family:Inter,sans-serif;font-weight:900;font-size:200px;
    letter-spacing:-.04em;line-height:.85;color:#eaf6f9;pointer-events:none;user-select:none;z-index:0;
    right:-20px;top:-20px;
  }
  .cs-section.tinted .deco-text{color:#dcf3f8}
  .cs-section-inner{position:relative;z-index:2;max-width:1120px;margin:0 auto;padding:0 24px}
  .cs-section-head{margin-bottom:36px;display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
  .cs-section-head .ttl .en{display:block;font-family:Inter,sans-serif;font-size:12px;font-weight:800;color:var(--blue-600);letter-spacing:.18em;margin-bottom:10px}
  .cs-section-head .ttl h2{font-size:30px;font-weight:800;color:var(--ink);margin:0;line-height:1.4;letter-spacing:.01em}
  .cs-section-head .ttl h2 .accent{color:var(--blue-600)}
  .cs-section-head .desc{font-size:13px;color:var(--slate-600);font-weight:500;line-height:1.9;max-width:380px}
  .cs-section-head .desc a{color:var(--blue-700);font-weight:700}

  .ind-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px}
  .ind-card{
    background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;
    transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:10px;cursor:pointer;
    box-shadow:var(--shadow-sm);
  }
  .ind-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-300);background:linear-gradient(180deg,#fff 0%,#f6fcfe 100%)}
  .ind-card .ic{width:36px;height:36px;border-radius:50%;background:var(--blue-50);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all .15s}
  .ind-card:hover .ic{background:var(--blue-100)}
  .ind-card .ic img{width:22px;height:22px;object-fit:contain}
  .ind-card .nm{font-size:11.5px;font-weight:800;color:var(--ink);line-height:1.4;text-wrap:pretty}
  .ind-card .cnt{font-family:Inter,sans-serif;font-size:10px;font-weight:700;color:var(--blue-600);letter-spacing:.04em}

  /* ============ THEME HUB (5 themes) ============ */
  .theme-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .theme-card{
    background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:24px 20px;
    transition:all .15s;cursor:pointer;position:relative;overflow:hidden;
    box-shadow:var(--shadow-sm);display:flex;flex-direction:column;
  }
  .theme-card::before{
    content:"";position:absolute;left:0;top:0;width:5px;height:100%;
    background:linear-gradient(180deg,var(--blue-400),var(--blue-600));opacity:0;transition:opacity .15s;
  }
  .theme-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .theme-card:hover::before{opacity:1}
  .theme-card .num{font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-500);letter-spacing:.18em;margin-bottom:12px}
  .theme-card .ic{width:48px;height:48px;border-radius:12px;background:linear-gradient(135deg,var(--blue-100),var(--blue-300));display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .theme-card .ic img{width:28px;height:28px;object-fit:contain}
  .theme-card h3{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5}
  .theme-card p{font-size:11.5px;color:var(--slate-600);margin:0 0 16px;line-height:1.85;font-weight:500;flex:1}
  .theme-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;font-weight:700;color:var(--slate-500);padding-top:12px;border-top:1px solid #f0f4fa}
  .theme-card .meta .cnt b{color:var(--blue-700);font-family:Inter,sans-serif;font-size:14px}
  .theme-card .meta .arr{color:var(--blue-700);font-weight:800}

  /* ============ SCALE HUB ============ */
  .scale-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .scale-card{
    background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:22px;cursor:pointer;
    transition:all .15s;display:flex;align-items:center;gap:16px;box-shadow:var(--shadow-sm);
  }
  .scale-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .scale-card .vis{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,#ecfbfe,#d2f5fc);display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;color:var(--blue-700);font-size:14px;line-height:1.1;letter-spacing:-.02em;text-align:center}
  .scale-card .body .nm{font-size:13px;font-weight:800;color:var(--ink);margin-bottom:4px}
  .scale-card .body .cnt{font-size:11px;font-weight:600;color:var(--slate-500)}
  .scale-card .body .cnt b{color:var(--blue-700);font-family:Inter,sans-serif;font-weight:800;font-size:14px;margin-right:2px}

  /* ============ SF integration ============ */
  .sf-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
  .sf-card{
    background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:22px;cursor:pointer;
    transition:all .15s;box-shadow:var(--shadow-sm);position:relative;overflow:hidden;
  }
  .sf-card::after{content:"";position:absolute;right:-30px;top:-30px;width:100px;height:100px;background:radial-gradient(circle,var(--blue-100),transparent 70%);opacity:.6}
  .sf-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .sf-card .lg{display:flex;align-items:center;gap:8px;margin-bottom:14px;position:relative;z-index:1}
  .sf-card .lg img{height:24px;width:auto}
  .sf-card .lg .name{font-size:12px;font-weight:800;color:var(--ink);font-family:Inter,sans-serif;letter-spacing:-.01em}
  .sf-card .lg .name small{display:block;font-size:9.5px;font-weight:700;color:var(--slate-500);letter-spacing:.04em;margin-top:1px;font-family:"Noto Sans JP",sans-serif}
  .sf-card h4{font-size:13px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5;position:relative;z-index:1}
  .sf-card p{font-size:11.5px;color:var(--slate-600);margin:0 0 14px;line-height:1.8;font-weight:500;position:relative;z-index:1}
  .sf-card .meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--slate-500);font-weight:700;padding-top:10px;border-top:1px solid #f0f4fa;position:relative;z-index:1}
  .sf-card .meta b{color:var(--blue-700);font-family:Inter,sans-serif}
  .sf-card .meta .arr{color:var(--blue-700);font-weight:800}

  /* ============ DOWNLOAD BANNER ============ */
  .dl-band{padding:60px 0}
  .dl-inner{max-width:1270px;margin:0 auto;padding:0 24px}
  .dl-card{
    background:linear-gradient(135deg,#0c2e3b 0%,#0a3a4a 50%,#0a4d63 100%);
    border-radius:24px;padding:46px 56px;color:#fff;display:grid;grid-template-columns:1fr auto;gap:36px;align-items:center;
    position:relative;overflow:hidden;
  }
  .dl-card::after{content:"";position:absolute;left:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,var(--blue-500),transparent 60%);opacity:.4}
  .dl-card .body{position:relative;z-index:2}
  .dl-card .eyebrow{font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-300);letter-spacing:.18em;margin-bottom:12px}
  .dl-card h2{font-size:28px;font-weight:800;line-height:1.55;margin:0 0 10px;letter-spacing:.01em}
  .dl-card h2 .accent{
    background:linear-gradient(120deg,var(--blue-300),var(--blue-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .dl-card p{font-size:13.5px;line-height:1.85;color:rgba(255,255,255,.78);margin:0;font-weight:500;max-width:540px}
  .dl-card .ctas{display:flex;flex-direction:column;gap:10px;position:relative;z-index:2}
  .dl-card .btn-w{background:#fff;color:var(--blue-700);padding:15px 30px;font-size:13px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
  .dl-card .btn-w:hover{background:#ecfbfe}
  .dl-card .btn-l{background:transparent;color:#fff;padding:15px 30px;font-size:13px;font-weight:700;border-radius:999px;border:1px solid rgba(255,255,255,.4);text-align:center;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}
  .dl-card .btn-l:hover{background:rgba(255,255,255,.1)}

  /* ============ SF VENTURES CREDIT ============ */
  .sf-credit{padding:50px 0 70px;background:#fff;border-top:1px solid #f0f4fa}
  .sf-credit-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap}
  .sf-credit .badge{display:flex;align-items:center;gap:14px;padding:18px 26px;background:linear-gradient(135deg,#f6fcfe 0%,#ecfbfe 100%);border:1px solid #d2f5fc;border-radius:16px;box-shadow:var(--shadow-sm)}
  .sf-credit .badge .lg{flex-shrink:0;width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid #d2f5fc;display:flex;align-items:center;justify-content:center;padding:6px}
  .sf-credit .badge .lg img{width:100%;height:100%;object-fit:contain}
  .sf-credit .badge .body .l{font-family:Inter,sans-serif;font-size:9.5px;font-weight:800;color:var(--slate-500);letter-spacing:.18em;margin-bottom:3px}
  .sf-credit .badge .body .ttl{font-family:Inter,sans-serif;font-size:14px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
  .sf-credit .badge .body .ttl small{display:block;font-size:11px;color:var(--slate-500);font-weight:600;margin-top:2px;font-family:"Noto Sans JP",sans-serif;letter-spacing:0}

  /* ============ CTA band ============ */
  .cta-band{position:relative;padding:80px 0 90px;color:#fff;overflow:hidden;background-color:var(--blue-500);background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 92% 8%,rgba(255,255,255,.22) 0%,transparent 60%),radial-gradient(ellipse 600px 420px at 8% 95%,rgba(11,180,207,.32) 0%,transparent 60%),linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);background-size:24px 24px,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
  .cta-band::before{content:"";position:absolute;right:-160px;top:-110px;width:440px;height:440px;border:2px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;z-index:1}
  .cta-band-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .cta-band h2{font-size:32px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .cta-band p{font-size:15px;color:#062b34;opacity:.85;margin:0 0 32px;font-weight:500}
  .cta-band .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .cta-band .btn-white{background:#fff;color:var(--blue-700);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .cta-band .btn-white:hover{background:#ecfbfe}
  .cta-band .btn-line{background:transparent;color:#062b34;border:1.5px solid rgba(6,43,52,.4);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px}
  .cta-band .btn-line:hover{background:rgba(255,255,255,.18)}

/* ─── used on 1 page(s): timesheet ─── */
/* ============== TIMESHEET DETAIL PAGE ============== */
  .td-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .td-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .td-hero .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .td-hero .crumb a{color:var(--slate-500)}
  .td-hero .crumb a:hover{color:var(--blue-700)}
  .td-hero .crumb .sep{opacity:.5}
  .td-hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:50px;align-items:center}
  .td-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .td-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .td-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .td-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);margin:0 0 32px;font-weight:500}
  .td-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
  .td-hero .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
  .td-hero .visual .topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif}
  .td-hero .visual .topbar .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;margin-right:3px}
  .td-hero .visual .topbar .dot:nth-child(2){background:#fbbf24}
  .td-hero .visual .topbar .dot:nth-child(3){background:#86efac}
  .td-hero .visual .topbar .url{margin-left:8px}
  .td-hero .visual .body{padding:14px;position:relative}
  .td-hero .badge-min{position:absolute;top:8px;right:8px;background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;font-weight:900;padding:6px 12px;border-radius:999px;font-size:11px;box-shadow:0 4px 12px rgba(244,63,94,.4);transform:rotate(6deg);z-index:3;font-family:"Noto Sans JP",sans-serif;letter-spacing:.02em}

  /* Mini timesheet mock */
  .mini-ts{font-family:Inter,sans-serif;font-size:9.5px;display:grid;grid-template-columns:30px repeat(5,1fr);gap:0;border:1px solid #e6edf7;border-radius:8px;overflow:hidden}
  .mini-ts .head{background:#f5fbfd;padding:6px 4px;text-align:center;font-weight:800;color:var(--slate-600);font-size:9px;border-right:1px solid #eef2f8;border-bottom:1px solid #e6edf7}
  .mini-ts .head:last-child{border-right:0}
  .mini-ts .h{padding:5px 3px;text-align:right;color:var(--slate-400);border-right:1px solid #eef2f8;border-bottom:1px dashed #f0f4fa;font-size:8.5px;height:30px}
  .mini-ts .c{border-right:1px solid #eef2f8;border-bottom:1px dashed #f0f4fa;padding:2px;height:30px;position:relative}
  .mini-ts .c:last-child{border-right:0}
  .mini-ts .blk{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#fff;font-size:8px;font-weight:700;padding:3px 5px;border-radius:3px;height:100%;display:flex;align-items:center;text-shadow:0 1px 1px rgba(0,0,0,.2)}
  .mini-ts .blk.b2{background:linear-gradient(135deg,#86efac,#22c55e)}
  .mini-ts .blk.b3{background:linear-gradient(135deg,#c4b5fd,#a78bfa)}
  .mini-ts .blk.b4{background:linear-gradient(135deg,#fde68a,#fbbf24);color:#062b34;text-shadow:none}

  /* KEY BENEFITS */
  .td-keys{padding:80px 0 30px}
  .td-keys-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .td-keys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .td-key{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:28px 22px;transition:all .18s}
  .td-key:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .td-key .ico{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#fff;font-family:Inter,sans-serif;font-weight:900;font-size:13px}
  .td-key h4{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.5}
  .td-key p{margin:0;font-size:12.5px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* CAPABILITIES (alternating left-right blocks) */
  .td-caps{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .td-caps-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .td-cap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
  .td-cap:last-child{margin-bottom:0}
  .td-cap.reverse{direction:rtl}
  .td-cap.reverse > *{direction:ltr}
  .td-cap .text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;margin-bottom:14px;background:#ecfbfe;padding:5px 12px;border-radius:999px}
  .td-cap .text h3{margin:0 0 14px;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
  .td-cap .text h3 .accent{color:var(--blue-700)}
  .td-cap .text p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--slate-600);font-weight:500}
  .td-cap .text ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .td-cap .text li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.7}
  .td-cap .text li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:2px}
  .td-cap .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}

  /* ── Visual: Drag&Drop ── */
  .v-drag{position:relative;z-index:2;display:grid;grid-template-columns:130px 1fr;gap:14px;font-family:Inter,"Noto Sans JP",sans-serif}
  .v-drag .src{background:#f5fbfd;border:1px solid #e6edf7;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:6px}
  .v-drag .src .h{font-size:10px;font-weight:800;color:var(--slate-500);letter-spacing:.06em;margin-bottom:2px}
  .v-drag .src .item{background:#fff;border:1px solid #e6edf7;border-radius:6px;padding:6px 8px;font-size:10px;font-weight:700;color:var(--ink);cursor:grab}
  .v-drag .src .item.dragging{border-color:var(--blue-500);box-shadow:0 4px 10px rgba(22,214,243,.3);transform:rotate(-2deg)}
  .v-drag .grid{display:grid;grid-template-columns:24px repeat(5,1fr);gap:0;font-size:9px;border:1px solid #e6edf7;border-radius:8px;overflow:hidden}
  .v-drag .grid .gh{background:#f5fbfd;padding:5px 2px;text-align:center;font-weight:800;color:var(--slate-600);font-size:8.5px;border-right:1px solid #eef2f8;border-bottom:1px solid #e6edf7}
  .v-drag .grid .gh:last-child{border-right:0}
  .v-drag .grid .gtime{padding:4px 3px;text-align:right;color:var(--slate-400);border-right:1px solid #eef2f8;border-bottom:1px dashed #f0f4fa;font-size:8px;height:26px}
  .v-drag .grid .gc{border-right:1px solid #eef2f8;border-bottom:1px dashed #f0f4fa;padding:2px;height:26px}
  .v-drag .grid .gc:last-child{border-right:0}
  .v-drag .grid .e{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#fff;font-size:8px;font-weight:700;padding:2px 4px;border-radius:3px;height:100%;display:flex;align-items:center;text-shadow:0 1px 1px rgba(0,0,0,.2)}
  .v-drag .arr{position:absolute;left:122px;top:60px;font-size:24px;color:var(--blue-500);z-index:5;pointer-events:none;font-weight:300}

  /* ── Visual: Cost calc ── */
  .v-cost{position:relative;z-index:2;font-family:Inter,"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:10px}
  .v-cost .row{display:grid;grid-template-columns:1fr 60px 70px 80px;gap:10px;align-items:center;padding:8px 10px;background:#fff;border:1px solid #eef2f8;border-radius:6px;font-size:11px}
  .v-cost .row .nm{font-weight:700;color:var(--ink);display:flex;align-items:center;gap:6px}
  .v-cost .row .nm .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-cost .row .h{text-align:right;font-family:Inter,sans-serif;color:var(--slate-700);font-weight:600}
  .v-cost .row .r{text-align:right;font-family:Inter,sans-serif;color:var(--slate-500);font-weight:600}
  .v-cost .row .c{text-align:right;font-family:Inter,sans-serif;font-weight:800;color:var(--blue-700)}
  .v-cost .head{background:#f5fbfd;font-weight:800;font-size:9.5px;color:var(--slate-500);letter-spacing:.04em;border-color:#e6edf7}
  .v-cost .head .nm,.v-cost .head .h,.v-cost .head .r,.v-cost .head .c{color:var(--slate-500);font-weight:800}
  .v-cost .total{background:linear-gradient(135deg,#0c2456,#0f1b3d);color:#fff;border:0;padding:12px}
  .v-cost .total .nm,.v-cost .total .h,.v-cost .total .r{color:#fff;font-weight:800}
  .v-cost .total .c{font-size:14px;color:#fff}

  /* ── Visual: Report breakdown ── */
  .v-rep{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:10px;font-family:Inter,"Noto Sans JP",sans-serif}
  .v-rep .h{font-size:10.5px;font-weight:800;color:var(--slate-600);letter-spacing:.06em}
  .v-rep .stack{display:flex;height:32px;border-radius:6px;overflow:hidden;border:1px solid #eef2f8}
  .v-rep .stack .seg{display:flex;align-items:center;justify-content:center;color:#fff;font-size:10px;font-weight:800;text-shadow:0 1px 1px rgba(0,0,0,.2)}
  .v-rep .stack .s1{background:#7dd3fc;color:#062b34;text-shadow:none}
  .v-rep .stack .s2{background:#38bdf8}
  .v-rep .stack .s3{background:#0ea5e9}
  .v-rep .stack .s4{background:#0c2456}
  .v-rep .legend{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;font-size:11px}
  .v-rep .legend li{display:flex;align-items:center;gap:6px;color:var(--slate-700);list-style:none;font-weight:600}
  .v-rep .legend li::before{content:"";width:11px;height:11px;border-radius:2px}
  .v-rep .legend li.l1::before{background:#7dd3fc}
  .v-rep .legend li.l2::before{background:#38bdf8}
  .v-rep .legend li.l3::before{background:#0ea5e9}
  .v-rep .legend li.l4::before{background:#0c2456}
  .v-rep .totals{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding-top:8px;border-top:1px solid #eef2f8}
  .v-rep .totals .k{background:#f5fbfd;border-radius:6px;padding:8px 10px;font-size:10px}
  .v-rep .totals .k .lbl{color:var(--slate-500);font-weight:700;font-size:9px;letter-spacing:.04em;margin-bottom:3px}
  .v-rep .totals .k .val{color:var(--ink);font-family:Inter,sans-serif;font-weight:900;font-size:14px}
  .v-rep .totals .k .val .u{font-size:9px;color:var(--slate-500);margin-left:2px;font-weight:700}

  /* USE CASES */
  .td-cases{padding:80px 0}
  .td-cases-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .td-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .td-case{background:linear-gradient(160deg,#fff,#f7fbfd);border:1px solid #e6edf7;border-radius:14px;padding:28px 26px;transition:all .18s}
  .td-case:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}
  .td-case .badge{display:inline-block;font-size:10.5px;font-weight:800;background:#ecfbfe;color:var(--blue-700);padding:4px 12px;border-radius:999px;letter-spacing:.04em;margin-bottom:14px}
  .td-case h4{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .td-case p{margin:0 0 16px;font-size:13px;line-height:1.95;color:var(--slate-600);font-weight:500}
  .td-case .pts{padding:14px 16px;background:#fff;border:1px solid #e6edf7;border-radius:10px;font-size:12px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .td-case .pts b{color:var(--blue-700);font-family:Inter,sans-serif;font-size:14px}

  /* SPECS */
  .td-specs{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .td-specs-inner{max-width:1000px;margin:0 auto;padding:0 24px}
  .td-specs table{width:100%;background:#fff;border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7;margin-top:40px}
  .td-specs th,.td-specs td{padding:16px 22px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .td-specs th{background:#f5fbfd;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em;width:32%}
  .td-specs td{color:var(--slate-700);font-weight:500}
  .td-specs tr:last-child th,.td-specs tr:last-child td{border-bottom:0}
  .td-specs td b{color:var(--ink);font-weight:700}

  /* CTA band */
  .td-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .td-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .td-cta h2{font-size:30px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .td-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .td-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .td-cta .btn-w{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .td-cta .btn-w:hover{background:#ecfbfe}
  .td-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .td-cta .btn-out:hover{background:rgba(255,255,255,.12)}

  /* Other features */
  .td-others{padding:60px 0 80px;background:#fff}
  .td-others-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .td-others h3{margin:0 0 28px;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
  .td-others-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .td-other{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}
  .td-other:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:var(--blue-700)}
  .td-other .ic{width:54px;height:54px;background:#ecfbfe;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .td-other .ic img{width:33px;height:33px}
  .td-other .nm{font-size:12px;font-weight:700;color:var(--ink)}

  /* ── mock-tsui (copied from features #timesheet) ── */
  .mock-tsui{font-family:"Noto Sans JP",sans-serif;font-size:11px;color:var(--ink);background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6edf7;position:relative}
  .mock-tsui .tsui-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #eef2f8;font-size:10.5px;gap:8px}
  .mock-tsui .tsui-bar-left,.mock-tsui .tsui-bar-right{display:flex;align-items:center;gap:8px}
  .mock-tsui .tsui-pill{display:inline-flex;align-items:center;gap:4px;color:var(--slate-700);font-weight:600;padding:3px 6px;border-radius:4px}
  .mock-tsui .tsui-pill .ic{color:var(--blue-600);font-size:11px}
  .mock-tsui .tsui-search{color:var(--slate-500);font-size:10px;border-bottom:1px solid #cbd5e1;padding:2px 4px;min-width:140px;font-weight:500}
  .mock-tsui .tsui-ico{color:var(--blue-600);font-weight:700;font-size:10.5px;display:inline-flex;align-items:center;gap:3px}
  .mock-tsui .tsui-grid{display:grid;grid-template-columns:1.4fr 1fr;min-height:340px;position:relative}
  .mock-tsui .tsui-tasks{border-right:1px solid #eef2f8;font-size:10.5px}
  .mock-tsui .tsui-tasks table{width:100%;border-collapse:collapse}
  .mock-tsui .tsui-tasks th{text-align:left;padding:8px 8px;font-size:10px;font-weight:800;color:var(--slate-600);background:#f5fbfd;border-bottom:1px solid #e6edf7;letter-spacing:.04em}
  .mock-tsui .tsui-tasks td{padding:7px 8px;border-bottom:1px solid #f0f4fa;vertical-align:middle;line-height:1.3}
  .mock-tsui .tsui-tasks tr:last-child td{border-bottom:0}
  .mock-tsui .tsui-tasks .clk{color:var(--blue-500);font-size:10px;margin-right:3px}
  .mock-tsui .tsui-tasks .tri{color:var(--blue-600);font-size:9px;margin-right:3px;display:inline-block;width:8px}
  .mock-tsui .tsui-tasks .ico{color:#fbbf24;margin-right:4px}
  .mock-tsui .tsui-tasks .ico.doc{color:var(--slate-400)}
  .mock-tsui .tsui-tasks .nm{color:var(--ink);font-weight:600}
  .mock-tsui .tsui-tasks .lvl-2 .nm-cell{padding-left:14px}
  .mock-tsui .tsui-tasks .lvl-3 .nm-cell{padding-left:28px}
  .mock-tsui .tsui-tasks .av-cell{display:flex;align-items:center;gap:6px}
  .mock-tsui .tsui-tasks .av{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;flex:0 0 20px}
  .mock-tsui .tsui-tasks .av.gr{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}
  .mock-tsui .tsui-tasks .av.pk{background:linear-gradient(135deg,#fbcfe8,#ec4899);color:#fff}
  .mock-tsui .tsui-tasks .av.yl{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#fff}
  .mock-tsui .tsui-tasks .av.vi{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#fff}
  .mock-tsui .tsui-tasks .av-name{font-size:10.5px;color:var(--ink);font-weight:600}
  .mock-tsui .tsui-tasks .st{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700}
  .mock-tsui .tsui-tasks .st::before{content:"●";font-size:9px}
  .mock-tsui .tsui-tasks .st.s-blue{color:#3b82f6}
  .mock-tsui .tsui-tasks .st.s-green{color:#22c55e}
  .mock-tsui .tsui-tasks .st.s-pink{color:#ec4899}
  .mock-tsui .tsui-tasks .st.s-gray{color:var(--slate-500)}
  .mock-tsui .tsui-tasks tr.row-section td{background:#fafcff;font-size:11px;font-weight:700;color:var(--ink)}
  .mock-tsui .tsui-tasks tr.row-highlight .nm-cell{position:relative}
  .mock-tsui .tsui-tasks tr.row-highlight .nm-cell::before{content:"";position:absolute;inset:-2px -4px;border:1.5px solid var(--blue-500);border-radius:6px;pointer-events:none;background:rgba(22,214,243,.06)}
  .mock-tsui .tsui-cal{display:flex;flex-direction:column;background:#fff;font-size:10.5px}
  .mock-tsui .tsui-cal-head{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid #e6edf7;background:#fff;font-size:10.5px}
  .mock-tsui .tsui-cal-head .date{font-weight:800;color:var(--ink)}
  .mock-tsui .tsui-cal-head .total{display:inline-flex;align-items:center;gap:3px;color:var(--blue-700);font-weight:700;font-family:Inter,sans-serif}
  .mock-tsui .tsui-cal-head .nav{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--slate-500);font-size:11px}
  .mock-tsui .tsui-cal-head .x{color:var(--slate-400);font-size:13px;cursor:pointer}
  .mock-tsui .tsui-cal-body{display:grid;grid-template-columns:38px 1fr;flex:1;font-size:10px}
  .mock-tsui .tsui-cal-body .hr{padding:6px 4px 0;color:var(--slate-400);text-align:right;font-family:Inter,sans-serif;border-bottom:1px dashed #f0f4fa;border-right:1px solid #eef2f8;height:38px;font-size:9.5px}
  .mock-tsui .tsui-cal-body .slot{border-bottom:1px dashed #f0f4fa;padding:3px 6px;height:38px;position:relative}
  .mock-tsui .tsui-cal-body .blk{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#fff;font-size:9.5px;padding:5px 8px;border-radius:5px;line-height:1.4;height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.05);text-shadow:0 1px 1px rgba(0,0,0,.18)}
  .mock-tsui .tsui-cal-body .blk b{font-size:10.5px;font-weight:800}
  .mock-tsui .tsui-cal-body .blk small{font-size:9px;color:rgba(255,255,255,.92);font-family:Inter,sans-serif}
  .mock-tsui .tsui-cal-body .blk.tall{height:calc(200% + 1px);position:absolute;top:3px;left:6px;right:6px;z-index:2}
  .mock-tsui .tsui-cal-body .blk-highlight{position:relative}
  .mock-tsui .tsui-cal-body .blk-highlight::after{content:"";position:absolute;inset:-3px;border:2px solid var(--blue-500);border-radius:7px;pointer-events:none;box-shadow:0 0 0 3px rgba(22,214,243,.15)}
  .mock-tsui .tsui-arrow{position:absolute;pointer-events:none;left:34%;top:34%;width:36%;height:30%;z-index:5}
  .mock-tsui .tsui-arrow svg{width:100%;height:100%;display:block;overflow:visible}
  .mock-tsui .tsui-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;font-weight:900;padding:8px 18px;border-radius:999px;font-size:13.5px;box-shadow:0 8px 20px rgba(244,63,94,.4);transform:rotate(6deg);z-index:6;letter-spacing:.02em;font-family:"Noto Sans JP",sans-serif}

/* ─── used on 1 page(s): features ─── */
/* ============ FEATURES PAGE ============ */
  /* hero */
  .feat-hero{
    position:relative;overflow:hidden;padding:80px 0 70px;
    background:
      radial-gradient(60% 60% at 90% 10%, #d2f5fc 0%, transparent 60%),
      radial-gradient(60% 50% at 5% 95%, #ecfbfe 0%, transparent 60%),
      linear-gradient(180deg,#f3fcfe 0%,#fff 100%);
  }
  .feat-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}
  .feat-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:24px}
  .feat-hero h1{margin:0 0 18px;font-size:48px;font-weight:800;line-height:1.3;color:var(--ink);letter-spacing:.01em}
  .feat-hero h1 .accent{
    background:linear-gradient(120deg,var(--blue-600),var(--blue-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .feat-hero p.lead{max-width:620px;margin:0 auto;font-size:15px;line-height:2;color:var(--slate-600);font-weight:500}

  /* category nav (sticky) */
  .feat-catnav{
    position:sticky;top:74px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
    border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7;
  }
  .feat-catnav-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;gap:6px;align-items:center;height:60px;overflow-x:auto}
  .feat-catnav-inner .label{font-size:11px;font-weight:800;color:var(--slate-500);letter-spacing:.18em;font-family:Inter,sans-serif;text-transform:uppercase;margin-right:18px;flex-shrink:0}
  .feat-catnav-inner a{font-size:13px;font-weight:700;color:var(--slate-700);padding:8px 16px;border-radius:999px;transition:all .15s;flex-shrink:0;display:inline-flex;align-items:center;gap:8px}
  .feat-catnav-inner a img{width:16px;height:16px;object-fit:contain}
  .feat-catnav-inner a .cn-ic{width:16px;height:16px;flex-shrink:0;color:currentColor}
  .feat-catnav-inner a:hover .cn-ic,.feat-catnav-inner a.is-active .cn-ic{color:currentColor}
  .feat-catnav-inner a:hover{background:var(--blue-50);color:var(--blue-700)}
  .feat-catnav-inner a.is-active{background:var(--blue-500);color:#062b34}

  /* Big feature blocks (image + text alternating) */
  .feat-block{padding:96px 0;position:relative;overflow:hidden}
  .feat-block.tinted{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%)}
  .feat-block + .feat-block{border-top:1px solid #f0f4fa}
  .feat-block.tinted + .feat-block.tinted{border-top:0}
  .feat-block-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;position:relative;z-index:2}
  .feat-block.reverse .feat-block-inner{grid-template-columns:1.05fr 1fr}
  .feat-block.reverse .feat-text{order:2}
  .feat-block.reverse .feat-visual{order:1}

  .feat-text .num{
    display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-600);
    letter-spacing:.18em;background:#fff;border:1px solid #d2f5fc;padding:5px 12px;border-radius:999px;margin-bottom:20px;
  }
  .feat-text .num .n{color:var(--blue-500);font-weight:900;margin-right:6px}
  .feat-text h2{font-size:34px;font-weight:800;color:var(--ink);margin:0 0 18px;line-height:1.4;letter-spacing:.01em}
  .feat-text h2 .accent{
    background:linear-gradient(120deg,var(--blue-600),var(--blue-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .feat-text p.desc{font-size:14.5px;line-height:2.05;color:var(--slate-700);margin:0 0 24px;font-weight:500}
  .feat-bullets{list-style:none;padding:0;margin:0 0 28px;display:flex;flex-direction:column;gap:12px}
  .feat-bullets li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .feat-bullets li::before{content:"";flex:0 0 22px;width:22px;height:22px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}
  .feat-text .feat-cta{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:var(--blue-700);padding:10px 20px;border:1.5px solid var(--blue-200);border-radius:999px;transition:all .15s}
  .feat-text .feat-cta:hover{background:var(--blue-50);border-color:var(--blue-400)}
  .feat-text .feat-cta .arr{font-weight:800}

  /* Visual frame (mock screen) */
  .feat-visual{position:relative}
  .feat-visual .frame{
    background:#fff;border:1px solid #e6edf7;border-radius:16px;overflow:hidden;
    box-shadow:0 24px 60px rgba(8,144,168,.12), 0 6px 16px rgba(0,0,0,.04);
    position:relative;z-index:2;
  }
  .feat-visual .frame .topbar{
    height:36px;background:linear-gradient(180deg,#f7fafc,#eef4f8);border-bottom:1px solid #eef4f8;
    display:flex;align-items:center;padding:0 14px;gap:6px;
  }
  .feat-visual .frame .topbar .dot{width:9px;height:9px;border-radius:50%;background:#dde6ef}
  .feat-visual .frame .topbar .dot:nth-child(1){background:#fda4af}
  .feat-visual .frame .topbar .dot:nth-child(2){background:#fcd34d}
  .feat-visual .frame .topbar .dot:nth-child(3){background:#86efac}
  .feat-visual .frame .topbar .url{margin-left:14px;font-size:11px;color:var(--slate-500);font-family:Inter,sans-serif}
  .feat-visual .frame .body{padding:0;background:#fafcfe}
  .feat-visual .deco-dot.tl{top:-30px;left:-40px}
  .feat-visual .deco-dot.br{bottom:-30px;right:-40px}

  /* mock GANTT */
  .mock-gantt{padding:18px}
  .mock-gantt .h{display:flex;align-items:center;gap:10px;margin-bottom:14px}
  .mock-gantt .h .pill{font-size:11px;font-weight:700;color:#fff;background:var(--blue-500);padding:4px 10px;border-radius:4px}
  .mock-gantt .h .ttl{font-size:13px;font-weight:800;color:var(--ink)}
  .mock-gantt .grid{background:#fff;border-radius:8px;border:1px solid #eef4f8;overflow:hidden}
  .mock-gantt .row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #f5f8fc}
  .mock-gantt .row:last-child{border-bottom:0}
  .mock-gantt .row.head{background:#f6fcfe;font-size:10px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif;letter-spacing:.04em}
  .mock-gantt .row .lbl{padding:10px 12px;font-size:11.5px;color:var(--slate-700);font-weight:600;border-right:1px solid #f5f8fc;display:flex;align-items:center;gap:6px}
  .mock-gantt .row .lbl .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));font-size:9px;color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;flex-shrink:0}
  .mock-gantt .row .timeline{padding:10px 0;position:relative;height:16px}
  .mock-gantt .row.head .timeline{display:grid;grid-template-columns:repeat(8,1fr);padding:0;height:auto;line-height:30px;text-align:center;font-size:9.5px}
  .mock-gantt .row.head .timeline span{border-right:1px solid #eef4f8}
  .mock-gantt .row.head .timeline span:last-child{border-right:0}
  .mock-gantt .bar{position:absolute;top:6px;height:16px;border-radius:4px;display:flex;align-items:center;padding:0 6px;font-size:9px;color:#fff;font-weight:700;overflow:hidden;white-space:nowrap}
  .mock-gantt .bar.b1{left:5%;width:25%;background:linear-gradient(90deg,var(--blue-500),var(--blue-400))}
  .mock-gantt .bar.b2{left:25%;width:35%;background:linear-gradient(90deg,#7dd3fc,#38bdf8)}
  .mock-gantt .bar.b3{left:50%;width:30%;background:linear-gradient(90deg,var(--blue-400),var(--blue-600))}
  .mock-gantt .bar.b4{left:60%;width:25%;background:linear-gradient(90deg,#fbbf24,#f59e0b)}
  .mock-gantt .bar.b5{left:35%;width:20%;background:linear-gradient(90deg,#a78bfa,#8b5cf6)}
  .mock-gantt .bar.b6{left:70%;width:25%;background:linear-gradient(90deg,#6ee7b7,#10b981)}

  /* mock KANBAN */
  .mock-kanban{padding:16px;display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .mock-kanban .col{background:#fff;border-radius:8px;border:1px solid #eef4f8;padding:10px}
  .mock-kanban .col h5{margin:0 0 10px;font-size:11px;font-weight:800;color:var(--slate-600);letter-spacing:.06em;display:flex;align-items:center;gap:6px}
  .mock-kanban .col h5 .cnt{background:#f5f8fc;font-size:10px;padding:1px 6px;border-radius:4px;color:var(--slate-500);font-weight:700}
  .mock-kanban .card{background:#f9fcfe;border:1px solid #eef4f8;border-radius:6px;padding:8px 10px;margin-bottom:6px;font-size:10.5px;color:var(--slate-700);font-weight:600;line-height:1.5}
  .mock-kanban .card .tag{display:inline-block;font-size:8px;font-weight:800;padding:2px 6px;border-radius:3px;margin-bottom:6px;letter-spacing:.04em}
  .mock-kanban .card .tag.t1{background:#ecfbfe;color:var(--blue-700)}
  .mock-kanban .card .tag.t2{background:#fef3c7;color:#92400e}
  .mock-kanban .card .tag.t3{background:#fce7f3;color:#9d174d}
  .mock-kanban .card .meta{display:flex;justify-content:space-between;align-items:center;margin-top:6px;font-size:9px;color:var(--slate-500);font-weight:600}
  .mock-kanban .card .meta .av{width:16px;height:16px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#fff;font-size:8px;display:flex;align-items:center;justify-content:center;font-weight:800}

  /* mock RESOURCE */
  .mock-resource{padding:18px}
  .mock-resource .row{display:grid;grid-template-columns:120px 1fr 50px;gap:14px;align-items:center;padding:10px 0;border-bottom:1px solid #f5f8fc}
  .mock-resource .row:last-child{border-bottom:0}
  .mock-resource .nm{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-700);font-weight:700}
  .mock-resource .nm .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#fff;font-size:9px;display:flex;align-items:center;justify-content:center;font-weight:800}
  .mock-resource .bar-wrap{height:10px;background:#f0f4fa;border-radius:6px;overflow:hidden;position:relative}
  .mock-resource .bar-wrap .bar{height:100%;border-radius:6px}
  .mock-resource .pct{font-size:11px;font-weight:800;font-family:Inter,sans-serif;text-align:right}
  .mock-resource .bar.ok{background:linear-gradient(90deg,#34d399,#10b981);width:60%}
  .mock-resource .bar.high{background:linear-gradient(90deg,#fbbf24,#f59e0b);width:85%}
  .mock-resource .bar.over{background:linear-gradient(90deg,#fb7185,#ef4444);width:115%}
  .mock-resource .bar.low{background:linear-gradient(90deg,var(--blue-300),var(--blue-500));width:40%}

  /* mock TIMESHEET */
  .mock-time{padding:18px}
  .mock-time table{width:100%;border-collapse:collapse;font-size:11px}
  .mock-time th{font-weight:800;color:var(--slate-500);font-size:10px;letter-spacing:.04em;font-family:Inter,sans-serif;padding:8px 6px;border-bottom:1px solid #eef4f8;text-align:center;background:#f6fcfe}
  .mock-time th.proj{text-align:left;background:#f6fcfe}
  .mock-time td{padding:9px 6px;border-bottom:1px solid #f5f8fc;text-align:center;color:var(--slate-700);font-weight:600;font-family:Inter,sans-serif}
  .mock-time td.proj{text-align:left;color:var(--ink);font-weight:700;font-family:"Noto Sans JP",sans-serif;font-size:11px}
  .mock-time td.tot{font-weight:800;color:var(--blue-700);background:#f6fcfe}
  .mock-time tr.tot td{background:#ecfbfe;color:var(--blue-700);font-weight:800;border-bottom:0}
  .mock-time .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--blue-500);margin-right:6px;vertical-align:middle}

  /* mock APPROVAL */
  .mock-approval{padding:18px}
  .mock-approval .step{display:flex;align-items:center;gap:14px;padding:12px 14px;background:#fff;border:1px solid #eef4f8;border-radius:8px;margin-bottom:8px;position:relative}
  .mock-approval .step .ic{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0;font-size:12px;font-weight:800;font-family:Inter,sans-serif}
  .mock-approval .step .ic.done{background:#dcfce7;color:#15803d}
  .mock-approval .step .ic.now{background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;box-shadow:0 0 0 4px rgba(22,214,243,.18)}
  .mock-approval .step .ic.wait{background:#f0f4fa;color:var(--slate-400)}
  .mock-approval .step .body{flex:1}
  .mock-approval .step .body .ttl{font-size:12px;color:var(--ink);font-weight:700}
  .mock-approval .step .body .meta{font-size:10px;color:var(--slate-500);font-weight:600;margin-top:2px}
  .mock-approval .step .stat{font-size:10px;font-weight:800;padding:3px 10px;border-radius:4px;letter-spacing:.04em}
  .mock-approval .step .stat.ok{background:#dcfce7;color:#15803d}
  .mock-approval .step .stat.now{background:#ecfbfe;color:var(--blue-700)}
  .mock-approval .step .stat.wait{background:#f0f4fa;color:var(--slate-500)}

  /* mock REPORT (donut) */
  .mock-report{padding:18px;display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .mock-report .box{background:#fff;border:1px solid #eef4f8;border-radius:8px;padding:14px}
  .mock-report .box h6{margin:0 0 10px;font-size:11px;font-weight:800;color:var(--slate-600);letter-spacing:.04em}
  .donut{position:relative;width:120px;height:120px;margin:0 auto;border-radius:50%;
    background:conic-gradient(var(--blue-500) 0% 38%, #38bdf8 38% 62%, #a78bfa 62% 80%, #fbbf24 80% 92%, #f0f4fa 92% 100%);
  }
  .donut::before{content:"";position:absolute;inset:14px;background:#fff;border-radius:50%}
  .donut .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .donut .center .n{font-size:22px;font-weight:800;color:var(--ink);line-height:1}
  .donut .center .l{font-size:9px;font-weight:700;color:var(--slate-500);margin-top:4px}
  .legend{margin-top:12px;display:flex;flex-direction:column;gap:6px}
  .legend .lg{display:flex;align-items:center;gap:8px;font-size:10.5px;color:var(--slate-700);font-weight:600}
  .legend .lg::before{content:"";width:10px;height:10px;border-radius:2px;background:var(--c)}
  .bars{display:flex;align-items:flex-end;gap:8px;height:130px;padding-top:14px}
  .bars .b{flex:1;background:linear-gradient(180deg,var(--blue-300),var(--blue-500));border-radius:6px 6px 0 0;position:relative;transition:height .3s}
  .bars .b::after{content:attr(data-l);position:absolute;bottom:-20px;left:0;right:0;text-align:center;font-size:9px;font-weight:700;color:var(--slate-500);font-family:Inter,sans-serif}
  .bars .b::before{content:attr(data-v);position:absolute;top:-16px;left:0;right:0;text-align:center;font-size:9.5px;font-weight:800;color:var(--ink);font-family:Inter,sans-serif}

  /* INTEGRATIONS strip */
  .integ-strip{padding:90px 0;background:#fff}
  .integ-strip h2{text-align:center;font-size:28px;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:.01em}
  .integ-strip p.lead{text-align:center;font-size:14px;color:var(--slate-600);max-width:560px;margin:0 auto 50px;line-height:1.9;font-weight:500}
  .integ-strip-grid{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
  .integ-strip-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:28px 24px;text-align:center;transition:all .15s;box-shadow:var(--shadow-sm)}
  .integ-strip-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .integ-strip-card .lg{height:56px;width:160px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:8px}
  .integ-strip-card .lg img{max-height:34px;max-width:140px;width:auto;height:auto;object-fit:contain}
  /* Boost icon-heavy old logos so they read at the same visual size as the icon+text new logos. */
  .integ-strip-card .lg img[src*="50_logo_salesforce"],
  .integ-strip-card .lg img[src*="51_logo_msteams"],
  .integ-strip-card .lg img[src*="53_logo_excel"]{max-height:52px;max-width:150px}
  .integ-strip-card h4{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 6px}
  .integ-strip-card p{font-size:12px;color:var(--slate-600);margin:0;line-height:1.7;font-weight:500}

  /* COMPARE table */
  .compare{padding:96px 0;background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%)}
  .compare-inner{max-width:1270px;margin:0 auto;padding:0 24px}
  .compare table{width:100%;background:#fff;border-radius:16px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7}
  .compare th, .compare td{padding:18px 20px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .compare thead th{background:#f6fcfe;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em}
  .compare thead th.us{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;text-align:center}
  .compare thead th.them{text-align:center;color:var(--slate-500)}
  .compare tbody td{color:var(--slate-700);font-weight:500}
  .compare tbody td.us{text-align:center;background:#fcfdfe;color:var(--blue-700);font-weight:800}
  .compare tbody td.them{text-align:center;color:var(--slate-500)}
  .compare tbody tr:last-child td{border-bottom:0}
  .compare tbody tr:hover td{background:#fafdfe}
  .compare tbody td.us:hover{background:#ecfbfe}
  .compare .ic-yes{color:var(--blue-600);font-size:18px;font-weight:800}
  .compare .ic-no{color:#cbd5e1;font-size:16px}
  .compare .feat{font-weight:700;color:var(--ink)}
  .compare .feat small{display:block;font-weight:500;color:var(--slate-500);font-size:11px;margin-top:2px}

  /* CTA band */
  .cta-band{position:relative;padding:80px 0 90px;color:#fff;overflow:hidden;background-color:var(--blue-500);background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 92% 8%,rgba(255,255,255,.22) 0%,transparent 60%),radial-gradient(ellipse 600px 420px at 8% 95%,rgba(11,180,207,.32) 0%,transparent 60%),linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);background-size:24px 24px,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
  .cta-band::before{content:"";position:absolute;right:-160px;top:-110px;width:440px;height:440px;border:2px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;z-index:1}
  .cta-band-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .cta-band h2{font-size:32px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .cta-band p{font-size:15px;color:#062b34;opacity:.85;margin:0 0 32px;font-weight:500}
  .cta-band .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .cta-band .btn-white{background:#fff;color:var(--blue-700);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .cta-band .btn-white:hover{background:#ecfbfe}
  .cta-band .btn-line{background:transparent;color:#062b34;border:1.5px solid rgba(6,43,52,.4);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px}
  .cta-band .btn-line:hover{background:rgba(255,255,255,.18)}

/* ─── used on 25 page(s): case-001, case-002, case-003 (+22 more) ─── */
/* ============== UC DETAIL V2 ============== */
  /* Hero */
  .ud2-hero{position:relative;overflow:hidden;padding:70px 0 60px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .ud2-hero::after{content:"";position:absolute;right:-100px;bottom:-50px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.10) 0%,transparent 70%);border-radius:50%}
  .ud2-inner{position:relative;z-index:2;max-width:1080px;margin:0 auto;padding:0 24px}
  .ud2-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
  .ud2-hero-text{min-width:0}
  .ud2-hero-img{position:relative;min-width:0}
  .ud2-hero-mock{width:100%;max-width:560px;margin:0 auto;display:block;filter:drop-shadow(0 28px 56px rgba(11,180,207,.26))}
  @media(max-width:860px){
    .ud2-hero-grid{grid-template-columns:1fr;gap:32px}
    .ud2-hero-img{order:-1}
    .ud2-hero-mock{max-width:380px}
  }
  .ud2-crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:22px;flex-wrap:wrap}
  .ud2-crumb a{color:var(--slate-500)}
  .ud2-crumb a:hover{color:var(--blue-700)}
  .ud2-crumb .sep{opacity:.5}
  .ud2-eyebrow{display:inline-flex;align-items:center;gap:10px;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;background:#fff;border:1px solid #d2f5fc;padding:6px 14px;border-radius:999px;margin-bottom:18px}
  .ud2-eyebrow .num{font-size:13px;font-weight:900;color:var(--blue-700)}
  .ud2-title{margin:0 0 18px;font-size:36px;font-weight:800;color:var(--ink);line-height:1.4;letter-spacing:.005em}
  .ud2-lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;max-width:780px;margin:0 0 24px}
  .ud2-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
  .ud2-meta-pill{font-size:12px;font-weight:700;color:var(--slate-700);background:#fff;border:1px solid #e6edf7;padding:6px 13px;border-radius:999px;display:inline-flex;align-items:center;gap:5px}
  .ud2-meta-dept{background:#ecfbfe;color:var(--blue-700);border-color:#d2f5fc}
  .ud-feat-pill{font-size:11.5px;font-weight:700;color:var(--blue-700);background:#fff;border:1.5px solid var(--blue-300);padding:4px 11px;border-radius:6px}

  /* Section base */
  .ud2-sec{padding:70px 0;background:#fff}
  .ud2-sec.alt{background:linear-gradient(180deg,#fafcff 0%,#f5fbfd 100%)}
  .ud2-sec-inner{max-width:1270px;margin:0 auto;padding:0 24px}
  .ud2-sec-head{text-align:center;margin-bottom:44px}
  .ud2-sec-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:900;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:5px 14px;border-radius:999px;margin-bottom:14px}
  .ud2-sec-title{margin:0;font-size:26px;font-weight:800;color:var(--ink);line-height:1.5}
  .ud2-sec-sub{margin:10px 0 0;font-size:13.5px;color:var(--slate-600);line-height:1.85;font-weight:500}

  /* ============== feat-block style (matches /features/) ============== */
  .ud2-fb{padding:80px 0;position:relative;overflow:hidden;background:#fff}
  .ud2-fb.tinted{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%)}
  .ud2-fb-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:1.15fr .85fr;gap:54px;align-items:center;position:relative;z-index:2}
  .ud2-fb.reverse .ud2-fb-inner{grid-template-columns:.85fr 1.15fr}
  .ud2-fb.reverse .ud2-fb-text{order:2}
  .ud2-fb.reverse .ud2-fb-visual{order:1}
  .ud2-fb-text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-600);letter-spacing:.18em;background:#fff;border:1px solid #d2f5fc;padding:5px 12px;border-radius:999px;margin-bottom:20px}
  .ud2-fb-text .num .n{color:var(--blue-500);font-weight:900;margin-right:6px}
  .ud2-fb-text.warn .num{color:#c2410c;border-color:#fed7aa}
  .ud2-fb-text.warn .num .n{color:#ea580c}
  .ud2-fb-text h2{font-size:30px;font-weight:800;color:var(--ink);margin:0 0 18px;line-height:1.45;letter-spacing:.01em}
  .ud2-fb-text h2 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .ud2-fb-text.warn h2 .accent{background:linear-gradient(120deg,#c2410c,#ea580c);-webkit-background-clip:text;background-clip:text;color:transparent}
  .ud2-fb-text p.desc{font-size:14.5px;line-height:2.05;color:var(--slate-700);margin:0 0 24px;font-weight:500}
  .ud2-fb-text p.desc b{color:var(--ink);font-weight:800}
  .ud2-fb-bullets{list-style:none;padding:0;margin:0 0 24px;display:flex;flex-direction:column;gap:12px}
  .ud2-fb-bullets li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--slate-700);font-weight:600;line-height:1.75}
  .ud2-fb-bullets li::before{content:"";flex:0 0 22px;width:22px;height:22px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}
  .ud2-fb-text.warn .ud2-fb-bullets li::before{background:none;color:#fff;background:#ea580c;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:900;font-family:Inter,sans-serif;content:"×"}
  .ud2-fb-text .ud2-fb-bullets li b{color:var(--ink);font-weight:800}
  .ud2-fb-text.warn .ud2-fb-bullets li b{color:#9a3412}
  /* Visual frame (mock screen) — matches /features/, scaled down to balance with hero */
  .ud2-fb-visual{position:relative;max-width:420px;margin:0 auto;width:100%}
  .ud2-fb-visual .frame{background:#fff;border:1px solid #e6edf7;border-radius:16px;overflow:hidden;box-shadow:0 24px 60px rgba(8,144,168,.12),0 6px 16px rgba(0,0,0,.04);position:relative;z-index:2}
  .ud2-fb-visual .frame .topbar{height:36px;background:linear-gradient(180deg,#f7fafc,#eef4f8);border-bottom:1px solid #eef4f8;display:flex;align-items:center;padding:0 14px;gap:6px}
  .ud2-fb-visual .frame .topbar .dot{width:9px;height:9px;border-radius:50%}
  .ud2-fb-visual .frame .topbar .dot:nth-child(1){background:#fda4af}
  .ud2-fb-visual .frame .topbar .dot:nth-child(2){background:#fcd34d}
  .ud2-fb-visual .frame .topbar .dot:nth-child(3){background:#86efac}
  .ud2-fb-visual .frame .topbar .url{margin-left:14px;font-size:11px;color:var(--slate-500);font-family:Inter,sans-serif}
  .ud2-fb-visual .frame .body{padding:14px;background:#fafcfe;display:flex;align-items:center;justify-content:center;min-height:220px}
  .ud2-fb-visual .frame .body svg{width:100%;height:auto;max-width:360px;display:block}
  .ud2-fb-visual .deco-dot.tl{top:-30px;left:-40px}
  .ud2-fb-visual .deco-dot.br{bottom:-30px;right:-40px}
  @media(max-width:860px){
    .ud2-fb{padding:56px 0}
    .ud2-fb-inner,.ud2-fb.reverse .ud2-fb-inner{grid-template-columns:1fr;gap:36px}
    .ud2-fb.reverse .ud2-fb-text{order:2}
    .ud2-fb.reverse .ud2-fb-visual{order:1}
    .ud2-fb-text h2{font-size:24px}
  }
  /* SF Banner — rich blue gradient */
  .ud2-sf-banner{position:relative;margin:24px auto 0;max-width:880px;padding:20px 24px 20px 80px;background:linear-gradient(135deg,#0c2456 0%,#142d6c 50%,#0c2456 100%);border:1px solid #1e3a8a;border-radius:14px;color:#e0f2fe;line-height:1.85;font-weight:500;font-size:13.5px;overflow:hidden;box-shadow:0 14px 32px -8px rgba(11,180,207,.32),0 4px 10px rgba(12,36,86,.18)}
  .ud2-sf-banner::before{content:"";position:absolute;left:-40px;top:-30px;width:160px;height:160px;background:radial-gradient(circle,rgba(22,214,243,.22) 0%,transparent 70%);border-radius:50%;z-index:0}
  .ud2-sf-banner::after{content:"";position:absolute;right:-30px;bottom:-30px;width:120px;height:120px;background:radial-gradient(circle,rgba(22,214,243,.14) 0%,transparent 70%);border-radius:50%;z-index:0}
  .ud2-sf-banner > *{position:relative;z-index:1}
  .ud2-sf-banner b{color:#fff;font-weight:800}
  .ud2-sf-icon{position:absolute;left:18px;top:50%;transform:translateY(-50%);width:48px;height:48px;background:linear-gradient(135deg,#16D6F3 0%,#0BB4CF 100%);border-radius:12px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px rgba(22,214,243,.45);z-index:1}
  .ud2-sf-icon svg{width:26px;height:26px;color:#062b34}
  .ud2-sf-label{display:inline-flex;align-items:center;gap:6px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:900;color:#16D6F3;letter-spacing:.16em;text-transform:uppercase;background:rgba(22,214,243,.12);padding:5px 11px;border-radius:6px;border:1px solid rgba(22,214,243,.32);margin-bottom:8px}
  .ud2-sf-label .dot{width:6px;height:6px;border-radius:50%;background:#16D6F3;box-shadow:0 0 6px rgba(22,214,243,.85);animation:sfPulse 1.8s ease-in-out infinite}
  @keyframes sfPulse{0%,100%{opacity:1}50%{opacity:.4}}
  .ud2-sf-text{display:block;color:#e0f2fe;font-size:13.5px;line-height:1.9}
  .ud2-sf-text b{color:#fff;background:linear-gradient(transparent 65%,rgba(22,214,243,.28) 65%);padding:0 2px}

  /* Actor */
  .ud2-actor-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px;max-width:920px;margin:0 auto}
  .ud-actor-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:22px;display:flex;align-items:flex-start;gap:16px;transition:all .18s}
  .ud-actor-card:hover{border-color:var(--blue-200);box-shadow:0 8px 22px rgba(15,27,61,.06);transform:translateY(-2px)}
  .ud-actor-emoji{width:54px;height:54px;background:linear-gradient(135deg,#ecfbfe,#dbeafe);border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:24px;flex-shrink:0}
  .ud-actor-body{flex:1}
  .ud-actor-role{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:5px}
  .ud-actor-desc{font-size:12.5px;color:var(--slate-600);line-height:1.85;font-weight:500}

  /* KPI */
  .ud2-kpi{background:linear-gradient(180deg,#0c2456 0%,#142d6c 100%);color:#fff;position:relative;overflow:hidden}
  .ud2-kpi::before{content:"";position:absolute;left:-100px;top:-50px;width:300px;height:300px;background:radial-gradient(circle,rgba(22,214,243,.18) 0%,transparent 70%);border-radius:50%}
  .ud2-kpi::after{content:"";position:absolute;right:-120px;bottom:-80px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.12) 0%,transparent 70%);border-radius:50%}
  .ud2-kpi .ud2-sec-inner{position:relative;z-index:2}
  .ud2-kpi .ud2-sec-eyebrow{background:rgba(22,214,243,.15);color:#7eecff;border-color:rgba(22,214,243,.4)}
  .ud2-kpi .ud2-sec-title{color:#fff}
  .ud2-kpi .ud2-sec-sub{color:rgba(255,255,255,.75)}
  .ud2-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;max-width:960px;margin:0 auto}
  .ud-kpi-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:24px 22px;text-align:center;backdrop-filter:blur(6px)}
  .ud-kpi-val{font-family:Inter,sans-serif;font-size:34px;font-weight:900;color:#16d6f3;line-height:1.1;letter-spacing:-.02em;margin-bottom:8px;word-break:break-all}
  .ud-kpi-lbl{font-size:12.5px;color:rgba(255,255,255,.85);font-weight:600;line-height:1.6}
  .ud-kpi-arrow .ud-kpi-arrow-row{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}
  .ud-kpi-from{font-family:Inter,sans-serif;font-size:16px;font-weight:700;color:rgba(255,255,255,.55);text-decoration:line-through}
  .ud-kpi-arrow-ic{font-family:Inter,sans-serif;font-size:22px;font-weight:900;color:#16d6f3}
  .ud-kpi-to{font-family:Inter,sans-serif;font-size:22px;font-weight:900;color:#16d6f3;letter-spacing:-.01em}

  /* Features */
  .ud2-feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px;max-width:1000px;margin:0 auto}
  .ud-fcard{display:flex;align-items:center;gap:16px;background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:20px 22px;text-decoration:none;color:inherit;transition:all .18s;position:relative}
  .ud-fcard:hover{border-color:var(--blue-300);box-shadow:0 10px 24px rgba(15,27,61,.08);transform:translateY(-2px)}
  .ud-fcard-ic{width:48px;height:48px;background:transparent;border-radius:0;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--blue-600)}
  .ud-fcard-ic svg{width:32px;height:32px;display:block}
  .ud-fcard:hover .ud-fcard-ic{color:var(--blue-700)}
  .ud-fcard-body{flex:1;min-width:0}
  .ud-fcard-title{font-size:14px;font-weight:800;color:var(--ink);margin-bottom:4px}
  .ud-fcard-desc{font-size:12px;color:var(--slate-600);line-height:1.7;font-weight:500}
  .ud-fcard-arrow{font-family:Inter,sans-serif;font-size:22px;font-weight:900;color:var(--blue-500);flex-shrink:0;transition:transform .15s}
  .ud-fcard:hover .ud-fcard-arrow{transform:translateX(3px)}

  /* ROI Calculator */
  .ud2-roi{background:linear-gradient(180deg,#f5fbfd 0%,#ecfbfe 100%);position:relative;overflow:hidden}
  .ud2-roi-card{position:relative;background:#fff;border:1px solid #d2f5fc;border-radius:18px;padding:32px;max-width:920px;margin:0 auto;box-shadow:0 16px 40px -16px rgba(11,180,207,.18)}
  .ud2-roi-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:start}
  .ud2-roi-inputs h3{margin:0 0 18px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
  .ud2-roi-inputs h3::before{content:"";display:inline-block;width:4px;height:18px;background:var(--blue-500);border-radius:3px}
  .ud2-roi-field{margin-bottom:18px}
  .ud2-roi-field label{display:block;font-size:12.5px;font-weight:700;color:var(--slate-700);margin-bottom:6px}
  .ud2-roi-field input{width:100%;padding:11px 14px;font-size:14px;font-weight:600;color:var(--ink);background:#fafcff;border:1.5px solid #e6edf7;border-radius:9px;transition:border .15s;font-family:Inter,sans-serif}
  .ud2-roi-field input:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px rgba(22,214,243,.15)}
  .ud2-roi-field .hint{display:block;font-size:11px;color:var(--slate-500);margin-top:4px;font-weight:500}
  .ud2-roi-results h3{margin:0 0 18px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
  .ud2-roi-results h3::before{content:"";display:inline-block;width:4px;height:18px;background:#22c55e;border-radius:3px}
  .ud2-roi-out{background:linear-gradient(135deg,#0c2456 0%,#142d6c 100%);color:#fff;border-radius:14px;padding:24px;margin-bottom:14px}
  .ud2-roi-out-lbl{font-size:12px;font-weight:700;color:rgba(255,255,255,.75);letter-spacing:.05em;margin-bottom:6px}
  .ud2-roi-out-val{font-family:Inter,sans-serif;font-size:32px;font-weight:900;color:#16d6f3;line-height:1.1;letter-spacing:-.02em}
  .ud2-roi-out-val .unit{font-size:18px;font-weight:700;color:#fff;margin-left:4px}
  .ud2-roi-out.alt{background:linear-gradient(135deg,#22c55e 0%,#15803d 100%)}
  .ud2-roi-out.alt .ud2-roi-out-val{color:#fff}
  .ud2-roi-foot{margin-top:20px;padding-top:20px;border-top:1px dashed #e6edf7;font-size:11.5px;color:var(--slate-500);line-height:1.85;font-weight:500}

  @media(max-width:760px){
    .ud2-roi-grid{grid-template-columns:1fr;gap:24px}
    .ud2-title{font-size:26px}
    .ud2-sec{padding:50px 0}
    .ud2-sec-title{font-size:21px}
  }

  /* Tags */
  .ud-tags-wrap{padding:18px 0 0;display:flex;align-items:center;gap:12px;flex-wrap:wrap;max-width:1270px;margin:0 auto;border-top:1px solid #f0f4fa}
  .ud-tags-label{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;color:var(--slate-500);letter-spacing:.12em}
  .ud-tags{display:flex;flex-wrap:wrap;gap:6px}
  .ud-chip{font-size:11px;font-weight:700;color:var(--slate-600);background:#f1f5f9;padding:4px 10px;border-radius:5px;font-family:Inter,sans-serif}

  /* Nav */
  .ud-nav{padding:36px 0;background:#fafcff;border-top:1px solid #eef2f8}
  .ud-nav-inner{max-width:1270px;margin:0 auto;padding:0 24px;display:flex;justify-content:space-between;align-items:center;gap:14px}
  .ud-nav-btn{display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:700;color:var(--blue-700);background:#fff;border:1.5px solid var(--blue-300);padding:10px 20px;border-radius:999px;text-decoration:none;transition:all .15s}
  .ud-nav-btn:hover{background:var(--blue-500);color:#fff;border-color:var(--blue-500)}
  .ud-nav-back{font-size:12px;color:var(--slate-600);font-weight:700}
  .ud-nav-back a{color:var(--blue-700);text-decoration:underline}

  /* CTA */
  .ud-cta{position:relative;padding:64px 0 72px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .ud-cta-inner{position:relative;text-align:center;max-width:920px;margin:0 auto;padding:0 24px}
  .ud-cta h2{font-size:26px;font-weight:800;line-height:1.5;margin:0 0 12px;color:#062b34}
  .ud-cta p{font-size:14px;color:#062b34;opacity:.85;margin:0 0 24px;font-weight:500}
  .ud-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .ud-cta .btn-w{background:#fff;color:var(--blue-700);padding:14px 28px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18);text-decoration:none}
  .ud-cta .btn-out{background:transparent;color:#fff;padding:14px 28px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7);text-decoration:none}

/* ─── used on 1 page(s): workflow ─── */
/* ============== WORKFLOW DETAIL PAGE ============== */
  .wf-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .wf-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .wf-hero .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .wf-hero .crumb a{color:var(--slate-500)}
  .wf-hero .crumb a:hover{color:var(--blue-700)}
  .wf-hero .crumb .sep{opacity:.5}
  .wf-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
  .wf-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .wf-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .wf-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .wf-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);margin:0 0 32px;font-weight:500}
  .wf-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}

  /* Hero visual: workflow flow */
  .wf-hero .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
  .wf-hero .visual .topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif}
  .wf-hero .visual .topbar .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;margin-right:3px}
  .wf-hero .visual .topbar .dot:nth-child(2){background:#fbbf24}
  .wf-hero .visual .topbar .dot:nth-child(3){background:#86efac}
  .wf-hero .visual .topbar .url{margin-left:8px}
  .wf-hero .visual .body{padding:18px}

  .mini-wf{font-family:"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:14px}
  .mini-wf .form{background:#f5fbfd;border:1px solid #d2f5fc;border-radius:8px;padding:12px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:8px 12px;align-items:center;font-size:11px}
  .mini-wf .form .ic{font-size:14px;color:var(--blue-600)}
  .mini-wf .form .ttl{font-weight:800;color:var(--ink);font-size:12px}
  .mini-wf .form .id{font-family:Inter,sans-serif;font-size:10px;color:var(--slate-500);font-weight:700}
  .mini-wf .form .stat{font-size:10px;font-weight:800;background:#fef3c7;color:#92400e;padding:3px 8px;border-radius:999px}
  .mini-wf .flow{display:grid;grid-template-columns:1fr 14px 1fr 22px 1fr 14px 1fr;gap:0;align-items:center}
  .mini-wf .step{background:#fff;border:1.2px solid #e6edf7;border-radius:8px;padding:8px 6px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative;font-size:9.5px}
  .mini-wf .step.done{border-color:#86efac;background:#f0fdf4}
  .mini-wf .step.done::after{content:"✓";position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:#22c55e;color:#fff;border-radius:50%;font-size:9px;font-weight:900;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff}
  .mini-wf .step.now{border-color:var(--blue-500);background:#ecfbfe;box-shadow:0 0 0 2px rgba(22,214,243,.15)}
  .mini-wf .step.now::after{content:"●";position:absolute;top:-6px;right:-6px;width:14px;height:14px;background:var(--blue-500);color:#fff;border-radius:50%;font-size:7px;display:flex;align-items:center;justify-content:center;border:1.5px solid #fff;animation:wfBlink 1.4s ease-in-out infinite}
  @keyframes wfBlink{0%,100%{opacity:1}50%{opacity:.45}}
  .mini-wf .step.wait{opacity:.55}
  .mini-wf .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .mini-wf .step.done .av{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}
  .mini-wf .step.wait .av{background:#e2e8f0;color:var(--slate-500)}
  .mini-wf .step .role{font-size:9px;color:var(--slate-500);font-weight:700;letter-spacing:.04em}
  .mini-wf .step .nm{font-size:10px;color:var(--ink);font-weight:700;line-height:1.2}
  .mini-wf .arrow{height:2px;background:linear-gradient(90deg,#86efac,var(--blue-400));position:relative}
  .mini-wf .arrow::after{content:"›";position:absolute;right:-3px;top:-9px;font-size:13px;color:var(--blue-500);font-weight:300}
  .mini-wf .arrow.split{position:relative;display:flex;align-items:center;justify-content:center;background:none}
  .mini-wf .arrow.split::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#86efac,var(--blue-400));transform:translateY(-50%)}
  .mini-wf .arrow.split .cond{position:absolute;top:-19px;left:50%;transform:translateX(-50%);background:#fef3c7;color:#92400e;font-size:8.5px;font-weight:800;padding:2px 7px;border-radius:999px;white-space:nowrap;letter-spacing:.04em;border:1px solid #fde68a}

  /* KEY BENEFITS */
  .wf-keys{padding:80px 0 30px}
  .wf-keys-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .wf-stat-band{margin-top:48px;background:linear-gradient(135deg,var(--blue-700) 0%,var(--navy-900) 100%);border-radius:20px;padding:40px 56px;display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 24px 50px -12px rgba(11,180,207,.45)}
  .wf-stat-band::before{content:"";position:absolute;right:-40px;top:-40px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 70%);border-radius:50%}
  .wf-stat-band .num-block{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;font-family:Inter,sans-serif;line-height:1;letter-spacing:-.04em}
  .wf-stat-band .num-block .max{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:800;color:rgba(255,255,255,.92);letter-spacing:.04em;margin-bottom:6px;line-height:1;display:inline-flex;align-items:center;gap:6px}
  .wf-stat-band .num-block .max::before{content:"";width:18px;height:2px;background:#fff;border-radius:2px}
  .wf-stat-band .num-line{display:flex;align-items:baseline}
  .wf-stat-band .num{font-size:84px;font-weight:900}
  .wf-stat-band .pct{font-size:38px;font-weight:800;margin-left:2px}
  .wf-stat-band .msg{position:relative;z-index:2}
  .wf-stat-band .msg .lbl{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.22em;opacity:.7;margin-bottom:6px}
  .wf-stat-band .msg .hl{font-size:20px;font-weight:800;line-height:1.5;margin-bottom:6px}
  .wf-stat-band .msg .sub{font-size:13px;line-height:1.85;opacity:.88;font-weight:500}

  .wf-effects{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}
  .wf-effect{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:24px 22px;text-align:center}
  .wf-effect .lbl{font-size:11px;font-weight:800;color:var(--slate-500);letter-spacing:.06em;margin-bottom:12px}
  .wf-effect .vals{display:flex;align-items:center;justify-content:center;gap:10px;margin-bottom:8px}
  .wf-effect .v-old{font-family:Inter,sans-serif;font-size:18px;font-weight:700;color:var(--slate-500);text-decoration:line-through;text-decoration-color:#fb7185;text-decoration-thickness:2px}
  .wf-effect .arr{font-size:18px;color:var(--blue-500)}
  .wf-effect .v-new{font-family:Inter,sans-serif;font-size:24px;font-weight:900;color:var(--blue-700);letter-spacing:-.02em}
  .wf-effect .badge{display:inline-block;font-size:11px;font-weight:800;background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;padding:4px 12px;border-radius:999px;letter-spacing:.04em}

  /* CHALLENGES (5 problems) */
  .wf-chal{padding:80px 0;background:linear-gradient(180deg,#fafbfc 0%,#fff 100%)}
  .wf-chal-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .wf-chal-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:48px}
  .wf-chal-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:22px 18px;display:flex;flex-direction:column;gap:8px;position:relative}
  .wf-chal-card .num{font-family:Inter,sans-serif;font-size:13px;font-weight:900;color:#fb7185;letter-spacing:.06em}
  .wf-chal-card h4{margin:0;font-size:14.5px;font-weight:800;color:var(--ink);line-height:1.45}
  .wf-chal-card p{margin:0;font-size:11.5px;line-height:1.8;color:var(--slate-600);font-weight:500;flex:1}
  .wf-chal-card .impact{display:inline-block;font-size:10px;font-weight:700;background:#fee2e2;color:#dc2626;padding:3px 8px;border-radius:4px;margin-top:6px;align-self:flex-start}
  .wf-chal-conclusion{margin-top:32px;text-align:center;padding:20px 24px;background:linear-gradient(135deg,#ecfbfe,#dbeafe);border:1px solid #d2f5fc;border-radius:14px;font-size:14.5px;font-weight:700;color:var(--blue-700)}
  .wf-chal-conclusion b{color:var(--ink);background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent;font-weight:900}

  /* CAPABILITIES blocks */
  .wf-caps{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .wf-caps-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .wf-cap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
  .wf-cap:last-child{margin-bottom:0}
  .wf-cap.reverse{direction:rtl}
  .wf-cap.reverse > *{direction:ltr}
  .wf-cap .text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;margin-bottom:14px;background:#ecfbfe;padding:5px 12px;border-radius:999px}
  .wf-cap .text h3{margin:0 0 14px;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
  .wf-cap .text h3 .accent{color:var(--blue-700)}
  .wf-cap .text p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--slate-600);font-weight:500}
  .wf-cap .text ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .wf-cap .text li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.7}
  .wf-cap .text li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:2px}
  .wf-cap .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}

  /* 10 application types grid */
  .v-apps{position:relative;z-index:2;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;font-family:"Noto Sans JP",sans-serif}
  .v-apps .a{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:9px 11px;display:flex;align-items:center;gap:8px;font-size:11px;font-weight:700;color:var(--ink);transition:all .15s}
  .v-apps .a:hover{border-color:var(--blue-300);box-shadow:0 2px 6px rgba(15,27,61,.06)}
  .v-apps .a .n{width:20px;height:20px;border-radius:50%;background:var(--blue-500);color:#fff;font-family:Inter,sans-serif;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}

  /* 6-step purchase flow */
  .v-steps{position:relative;z-index:2;display:flex;flex-direction:column;gap:6px;font-family:"Noto Sans JP",sans-serif}
  .v-steps .s{display:grid;grid-template-columns:30px 1fr;gap:10px;align-items:start;background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:10px 12px}
  .v-steps .s .n{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;font-family:Inter,sans-serif;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:1px}
  .v-steps .s .body .ttl{font-size:12px;font-weight:800;color:var(--ink);margin-bottom:2px}
  .v-steps .s .body .desc{font-size:10.5px;color:var(--slate-600);font-weight:500;line-height:1.55}
  .v-steps .s.alert{border-color:#fecaca;background:#fef2f2}
  .v-steps .s.alert .n{background:linear-gradient(135deg,#fb7185,#dc2626)}
  .v-steps .s.alert .body .ttl{color:#dc2626}

  /* Budget control */
  .v-budget{position:relative;z-index:2;display:flex;flex-direction:column;gap:14px;font-family:"Noto Sans JP",sans-serif}
  .v-budget .row{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#fff;border:1px solid #eef2f8;border-radius:8px;font-size:11.5px}
  .v-budget .row.warn{border-color:#fecaca;background:#fef2f2}
  .v-budget .row .lab{color:var(--ink);font-weight:700}
  .v-budget .row .val{font-family:Inter,sans-serif;font-weight:800;font-size:14px;color:var(--blue-700)}
  .v-budget .row.warn .val{color:#dc2626}
  .v-budget .bar-wrap{padding:14px 16px;background:#fff;border:1px solid #eef2f8;border-radius:8px}
  .v-budget .bar-h{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}
  .v-budget .bar-h .l{font-size:11px;font-weight:700;color:var(--slate-600)}
  .v-budget .bar-h .r{font-family:Inter,sans-serif;font-size:13px;font-weight:900;color:#dc2626}
  .v-budget .bar{height:14px;background:#eef2f8;border-radius:7px;overflow:hidden;position:relative}
  .v-budget .bar i{display:block;height:100%;background:linear-gradient(90deg,#fb7185,#dc2626);border-radius:7px}
  .v-budget .bar .marker{position:absolute;top:-3px;bottom:-3px;width:2px;background:#0c2456;left:80%}
  .v-budget .bar .marker::after{content:"承認額";position:absolute;top:-15px;left:50%;transform:translateX(-50%);font-size:9px;font-weight:800;color:#0c2456;white-space:nowrap}
  .v-budget .alert{padding:10px 14px;background:#fef2f2;border:1.5px solid #fb7185;border-radius:8px;display:flex;align-items:center;gap:10px;font-size:12px;color:#dc2626;font-weight:700}
  .v-budget .alert .ic{font-size:16px;font-weight:900}

  /* SPECS */
  .wf-specs{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .wf-specs-inner{max-width:1000px;margin:0 auto;padding:0 24px}
  .wf-specs table{width:100%;background:#fff;border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7;margin-top:40px}
  .wf-specs th,.wf-specs td{padding:16px 22px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .wf-specs th{background:#f5fbfd;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em;width:32%}
  .wf-specs td{color:var(--slate-700);font-weight:500}
  .wf-specs tr:last-child th,.wf-specs tr:last-child td{border-bottom:0}
  .wf-specs td b{color:var(--ink);font-weight:700}

  /* CTA + Other */
  .wf-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .wf-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .wf-cta h2{font-size:30px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .wf-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .wf-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .wf-cta .btn-w{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .wf-cta .btn-w:hover{background:#ecfbfe}
  .wf-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .wf-cta .btn-out:hover{background:rgba(255,255,255,.12)}

  .wf-others{padding:60px 0 80px;background:#fff}
  .wf-others-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .wf-others h3{margin:0 0 28px;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
  .wf-others-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .wf-other{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}
  .wf-other:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:var(--blue-700)}
  .wf-other .ic{width:54px;height:54px;background:#ecfbfe;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .wf-other .ic img{width:33px;height:33px}
  .wf-other .nm{font-size:12px;font-weight:700;color:var(--ink)}

/* ─── used on 1 page(s): report ─── */
/* ============== REPORT DETAIL PAGE ============== */
  .rp-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .rp-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .rp-hero .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .rp-hero .crumb a{color:var(--slate-500)}
  .rp-hero .crumb a:hover{color:var(--blue-700)}
  .rp-hero .crumb .sep{opacity:.5}
  .rp-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
  .rp-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .rp-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .rp-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .rp-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);margin:0 0 32px;font-weight:500}
  .rp-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}

  .rp-hero .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
  .rp-hero .visual .topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif}
  .rp-hero .visual .topbar .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;margin-right:3px}
  .rp-hero .visual .topbar .dot:nth-child(2){background:#fbbf24}
  .rp-hero .visual .topbar .dot:nth-child(3){background:#86efac}
  .rp-hero .visual .topbar .url{margin-left:8px}
  .rp-hero .visual .body{padding:18px}

  /* Hero mock: dashboard preview */
  .mini-rp{font-family:"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:12px}
  .mini-rp .kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
  .mini-rp .kpi{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:10px 12px}
  .mini-rp .kpi .lbl{font-size:9.5px;font-weight:800;color:var(--slate-500);letter-spacing:.04em;margin-bottom:3px}
  .mini-rp .kpi .val{font-family:Inter,sans-serif;font-size:18px;font-weight:900;color:var(--ink);letter-spacing:-.02em;line-height:1}
  .mini-rp .kpi .val .u{font-size:11px;color:var(--blue-700);margin-left:3px;font-weight:800}
  .mini-rp .kpi .delta{font-size:9px;font-weight:700;font-family:Inter,sans-serif;margin-top:3px}
  .mini-rp .kpi .delta.up{color:#22c55e}
  .mini-rp .kpi .delta.down{color:#ef4444}
  .mini-rp .charts{display:grid;grid-template-columns:1fr 1fr;gap:8px}
  .mini-rp .chart{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:10px 12px}
  .mini-rp .chart h6{margin:0 0 8px;font-size:10.5px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:6px}
  .mini-rp .chart h6::before{content:"";width:3px;height:11px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .mini-rp .donut-wrap{display:flex;align-items:center;justify-content:center;height:90px;position:relative}
  .mini-rp .donut{width:78px;height:78px;border-radius:50%;background:conic-gradient(#7dd3fc 0% 38%,#38bdf8 38% 62%,#a78bfa 62% 80%,#fbbf24 80% 100%);position:relative}
  .mini-rp .donut::after{content:"";position:absolute;inset:18px;background:#fff;border-radius:50%}
  .mini-rp .donut .center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}
  .mini-rp .donut .center .n{font-family:Inter,sans-serif;font-size:13px;font-weight:900;color:var(--ink);line-height:1}
  .mini-rp .donut .center .l{font-size:8px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif;letter-spacing:.05em;margin-top:2px}
  .mini-rp .bars{display:flex;align-items:flex-end;justify-content:space-around;height:90px;padding:6px 4px}
  .mini-rp .bars .b{width:18px;background:linear-gradient(180deg,#7dd3fc,#0ea5e9);border-radius:3px 3px 0 0;display:flex;align-items:flex-end;justify-content:center;color:#fff;font-size:8px;font-weight:700;text-shadow:0 1px 1px rgba(0,0,0,.18);position:relative}
  .mini-rp .bars .b::after{content:attr(data-l);position:absolute;bottom:-14px;left:50%;transform:translateX(-50%);font-size:9px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif;text-shadow:none}

  /* KEY BENEFITS */
  .rp-keys{padding:80px 0 30px}
  .rp-keys-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rp-keys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .rp-key{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:28px 22px;transition:all .18s}
  .rp-key:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .rp-key .ico{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#fff}
  .rp-key .ico svg{width:26px;height:26px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
  .rp-key h4{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.5}
  .rp-key p{margin:0;font-size:12.5px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* CAPABILITIES */
  .rp-caps{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .rp-caps-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rp-cap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
  .rp-cap:last-child{margin-bottom:0}
  .rp-cap.reverse{direction:rtl}
  .rp-cap.reverse > *{direction:ltr}
  .rp-cap .text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;margin-bottom:14px;background:#ecfbfe;padding:5px 12px;border-radius:999px}
  .rp-cap .text h3{margin:0 0 14px;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
  .rp-cap .text h3 .accent{color:var(--blue-700)}
  .rp-cap .text p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--slate-600);font-weight:500}
  .rp-cap .text ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .rp-cap .text li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.7}
  .rp-cap .text li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:2px}
  .rp-cap .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}

  /* ── Visual: Dashboard builder ── */
  .v-dash{position:relative;z-index:2;display:flex;flex-direction:column;gap:8px;font-family:"Noto Sans JP",sans-serif}
  .v-dash .toolbar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#f5fbfd;border-radius:6px;font-size:10px;color:var(--slate-600);font-weight:700}
  .v-dash .toolbar .l{display:flex;gap:8px;align-items:center}
  .v-dash .toolbar .pill{background:#fff;border:1px solid #e6edf7;padding:3px 8px;border-radius:4px;font-size:9.5px;font-weight:600}
  .v-dash .toolbar .save{background:var(--blue-500);color:#fff;padding:5px 12px;border-radius:6px;font-weight:800;font-size:10px}
  .v-dash .grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:6px}
  .v-dash .w{background:#fff;border:1.5px dashed #cbd5e1;border-radius:6px;padding:8px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-height:54px;cursor:grab;transition:all .15s;font-size:9.5px;color:var(--slate-600);font-weight:700}
  .v-dash .w.placed{border-style:solid;border-color:#bfdbfe;background:#eff6ff}
  .v-dash .w.placed .ic{color:var(--blue-600);font-size:18px;line-height:1}
  .v-dash .w.dragging{border-color:var(--blue-500);background:#ecfbfe;box-shadow:0 4px 12px rgba(22,214,243,.3);transform:rotate(-2deg)}
  .v-dash .w.span2{grid-column:span 2}
  .v-dash .legend-row{display:flex;align-items:center;gap:5px;justify-content:center;font-size:9px;color:var(--slate-500)}
  .v-dash .legend-row .sw{width:11px;height:8px;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));border-radius:2px}

  /* ── Visual: Profitability table ── */
  .v-prof{position:relative;z-index:2;font-family:Inter,"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:0}
  .v-prof .row{display:grid;grid-template-columns:1.4fr 70px 70px 64px;gap:8px;align-items:center;padding:9px 10px;border-bottom:1px solid #f0f4fa;font-size:11px}
  .v-prof .row:last-child{border-bottom:0}
  .v-prof .row.head{background:#f5fbfd;font-size:9.5px;font-weight:800;color:var(--slate-500);letter-spacing:.04em;border-bottom:1px solid #e6edf7;border-radius:6px 6px 0 0}
  .v-prof .row.head > *{color:var(--slate-500);font-weight:800}
  .v-prof .row.head .num{text-align:right}
  .v-prof .row .nm{font-weight:700;color:var(--ink);font-family:"Noto Sans JP",sans-serif}
  .v-prof .row .num{text-align:right;font-family:Inter,sans-serif;font-weight:600;color:var(--slate-700)}
  .v-prof .row .pct{text-align:right;font-family:Inter,sans-serif;font-weight:800;font-size:11.5px}
  .v-prof .row .pct.ok{color:#16a34a}
  .v-prof .row .pct.warn{color:#f59e0b}
  .v-prof .row .pct.bad{color:#dc2626}
  .v-prof .row.total{background:linear-gradient(135deg,#0c2456,#0f1b3d);color:#fff;border-radius:0 0 6px 6px}
  .v-prof .row.total > *{color:#fff;font-weight:800}
  .v-prof .row.total .nm{font-size:12px}
  .v-prof .row.total .pct{font-size:14px}

  /* ── Visual: Schedule + permissions ── */
  .v-sched{position:relative;z-index:2;display:flex;flex-direction:column;gap:10px;font-family:"Noto Sans JP",sans-serif}
  .v-sched .sched-card{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:12px 14px}
  .v-sched .sched-card .h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .v-sched .sched-card .h .ic{width:24px;height:24px;border-radius:6px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;color:var(--blue-700);font-size:13px;font-weight:900}
  .v-sched .sched-card .h .ttl{font-size:12px;font-weight:800;color:var(--ink)}
  .v-sched .sched-card .row{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center;padding:6px 0;font-size:10.5px;border-top:1px dashed #f0f4fa}
  .v-sched .sched-card .row:first-of-type{border-top:0}
  .v-sched .sched-card .lab{font-family:Inter,sans-serif;font-size:9.5px;color:var(--slate-500);font-weight:700;letter-spacing:.04em}
  .v-sched .sched-card .val{color:var(--ink);font-weight:600}
  .v-sched .sched-card .val .pill{display:inline-block;background:#dbeafe;color:var(--blue-700);font-size:9px;font-weight:800;padding:2px 7px;border-radius:999px;letter-spacing:.04em;margin-right:4px}
  .v-sched .sched-card .val .pill.cron{background:#fef3c7;color:#92400e}

  .v-sched .perm-card{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:12px 14px}
  .v-sched .perm-card .h{display:flex;align-items:center;gap:8px;margin-bottom:8px}
  .v-sched .perm-card .h .ic{width:24px;height:24px;border-radius:6px;background:#fef3c7;display:flex;align-items:center;justify-content:center;color:#92400e;font-size:13px}
  .v-sched .perm-card .h .ttl{font-size:12px;font-weight:800;color:var(--ink)}
  .v-sched .perm-card ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:5px}
  .v-sched .perm-card li{display:grid;grid-template-columns:90px 1fr;gap:6px;font-size:10.5px;align-items:center}
  .v-sched .perm-card .role{display:inline-flex;align-items:center;gap:4px;font-weight:800;color:var(--blue-700)}
  .v-sched .perm-card .role .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-sched .perm-card .scope{color:var(--slate-700);font-weight:500}

  /* USE CASES */
  .rp-cases{padding:80px 0}
  .rp-cases-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rp-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .rp-case{background:linear-gradient(160deg,#fff,#f7fbfd);border:1px solid #e6edf7;border-radius:14px;padding:28px 26px;transition:all .18s}
  .rp-case:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}
  .rp-case .badge{display:inline-block;font-size:10.5px;font-weight:800;background:#ecfbfe;color:var(--blue-700);padding:4px 12px;border-radius:999px;letter-spacing:.04em;margin-bottom:14px}
  .rp-case h4{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .rp-case p{margin:0 0 16px;font-size:13px;line-height:1.95;color:var(--slate-600);font-weight:500}
  .rp-case .pts{padding:14px 16px;background:#fff;border:1px solid #e6edf7;border-radius:10px;font-size:12px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .rp-case .pts b{color:var(--blue-700);font-family:Inter,sans-serif;font-size:14px}

  /* SPECS */
  .rp-specs{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .rp-specs-inner{max-width:1000px;margin:0 auto;padding:0 24px}
  .rp-specs table{width:100%;background:#fff;border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7;margin-top:40px}
  .rp-specs th,.rp-specs td{padding:16px 22px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .rp-specs th{background:#f5fbfd;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em;width:32%}
  .rp-specs td{color:var(--slate-700);font-weight:500}
  .rp-specs tr:last-child th,.rp-specs tr:last-child td{border-bottom:0}
  .rp-specs td b{color:var(--ink);font-weight:700}

  /* CTA + Other */
  .rp-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .rp-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .rp-cta h2{font-size:30px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .rp-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .rp-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .rp-cta .btn-w{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .rp-cta .btn-w:hover{background:#ecfbfe}
  .rp-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .rp-cta .btn-out:hover{background:rgba(255,255,255,.12)}

  .rp-others{padding:60px 0 80px;background:#fff}
  .rp-others-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rp-others h3{margin:0 0 28px;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
  .rp-others-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .rp-other{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}
  .rp-other:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:var(--blue-700)}
  .rp-other .ic{width:54px;height:54px;background:#ecfbfe;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .rp-other .ic img{width:33px;height:33px}
  .rp-other .nm{font-size:12px;font-weight:700;color:var(--ink)}

/* ─── used on 1 page(s): resource ─── */
/* ============== RESOURCE DETAIL PAGE ============== */
  .rd-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .rd-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .rd-hero .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .rd-hero .crumb a{color:var(--slate-500)}
  .rd-hero .crumb a:hover{color:var(--blue-700)}
  .rd-hero .crumb .sep{opacity:.5}
  .rd-hero-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center}
  .rd-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .rd-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .rd-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .rd-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);margin:0 0 32px;font-weight:500}
  .rd-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}

  /* Hero visual: mini resource gantt */
  .rd-hero .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
  .rd-hero .visual .topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif}
  .rd-hero .visual .topbar .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;margin-right:3px}
  .rd-hero .visual .topbar .dot:nth-child(2){background:#fbbf24}
  .rd-hero .visual .topbar .dot:nth-child(3){background:#86efac}
  .rd-hero .visual .topbar .url{margin-left:8px}
  .rd-hero .visual .body{padding:14px}

  .mini-rg{font-family:Inter,"Noto Sans JP",sans-serif;font-size:10px;color:var(--ink);background:#fff;border-radius:6px;border:1px solid #eef2f8;overflow:hidden}
  .mini-rg .rg-month{background:#f5fbfd;border-bottom:1px solid #e6edf7;padding:5px 10px;text-align:right;font-size:9.5px;color:var(--slate-600);font-weight:700}
  .mini-rg .rg-row{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #f0f4fa;align-items:center;min-height:24px}
  .mini-rg .rg-row:last-child{border-bottom:0}
  .mini-rg .rg-name{padding:4px 8px;font-size:10px;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:5px;line-height:1.3}
  .mini-rg .rg-name .ic{font-size:8px;color:var(--blue-600);width:8px;flex:0 0 8px}
  .mini-rg .rg-name.lvl-1{padding-left:18px;font-weight:500}
  .mini-rg .rg-track{position:relative;display:grid;grid-template-columns:repeat(20,minmax(0,1fr));gap:1px;padding:3px 4px;background:#fff;height:24px;align-items:center}
  .mini-rg .rg-head .rg-track{background:#fff;font-size:8.5px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif;height:auto;padding:5px 4px}
  .mini-rg .rg-head .rg-track > span{text-align:center}
  .mini-rg .rg-head .rg-track > span.wk{color:#ef4444}
  .mini-rg .rg-section{background:#fafcff}
  .mini-rg .rg-section .rg-name{font-weight:700;color:var(--blue-700)}
  .mini-rg .dot{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%;font-size:7.5px;font-weight:800;color:#fff;font-family:Inter,sans-serif;margin:0 auto}
  .mini-rg .dot.d-low{background:#bae6fd}
  .mini-rg .dot.d-mid{background:#7dd3fc;color:#062b34}
  .mini-rg .dot.d-hi{background:#38bdf8}
  .mini-rg .dot.d-over{background:#fb7185}
  .mini-rg .dot.d-empty{background:#e0f2fe;width:11px;height:11px}
  .mini-rg .cell{display:flex;align-items:center;justify-content:center}
  .mini-rg .rg-overlay{position:absolute;border:1.2px solid #fb7185;border-radius:10px;pointer-events:none;background:rgba(254,205,211,.18);top:2px;bottom:2px;z-index:2}

  /* KEY BENEFITS */
  .rd-keys{padding:80px 0 30px}
  .rd-keys-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rd-keys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .rd-key{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:28px 22px;transition:all .18s}
  .rd-key:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .rd-key .ico{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;color:#fff}
  .rd-key .ico svg{width:26px;height:26px;stroke:currentColor}
  .rd-key h4{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.5}
  .rd-key p{margin:0;font-size:12.5px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* CAPABILITIES */
  .rd-caps{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .rd-caps-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rd-cap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
  .rd-cap:last-child{margin-bottom:0}
  .rd-cap.reverse{direction:rtl}
  .rd-cap.reverse > *{direction:ltr}
  .rd-cap .text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;margin-bottom:14px;background:#ecfbfe;padding:5px 12px;border-radius:999px}
  .rd-cap .text h3{margin:0 0 14px;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
  .rd-cap .text h3 .accent{color:var(--blue-700)}
  .rd-cap .text p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--slate-600);font-weight:500}
  .rd-cap .text ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .rd-cap .text li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.7}
  .rd-cap .text li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:2px}
  .rd-cap .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}

  /* ── Visual: Heatmap (Capability 01) ── */
  .v-heat{position:relative;z-index:2;font-family:Inter,"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:6px}
  .v-heat .row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px}
  .v-heat .lbl{color:var(--slate-700);font-weight:600;display:flex;align-items:center;gap:5px;font-size:11px}
  .v-heat .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-heat .cells{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}
  .v-heat .c{height:20px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}
  .v-heat .c0{background:#e2e8f0;color:var(--slate-400)}
  .v-heat .c1{background:#bae6fd;color:#062b34}
  .v-heat .c2{background:#7dd3fc;color:#062b34}
  .v-heat .c3{background:#38bdf8}
  .v-heat .c4{background:#0ea5e9}
  .v-heat .c5{background:#fb7185}
  .v-heat .legend{display:flex;justify-content:center;gap:8px;margin-top:6px;font-size:9.5px;color:var(--slate-500);font-weight:600}
  .v-heat .legend span{display:flex;align-items:center;gap:4px}
  .v-heat .legend .sw{width:11px;height:11px;border-radius:2px}

  /* ── Visual: Alert detection (Capability 02) ── */
  .v-alert{position:relative;z-index:2;font-family:Inter,"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:10px}
  .v-alert .card{background:#fff;border:1px solid #eef2f8;border-radius:8px;padding:12px 14px;display:grid;grid-template-columns:32px 1fr auto;gap:10px;align-items:center;font-size:11px}
  .v-alert .card.warn{border-color:#fecaca;background:#fef2f2}
  .v-alert .card.ok{border-color:#bbf7d0;background:#f0fdf4}
  .v-alert .icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:900;color:#fff;font-family:Inter,sans-serif}
  .v-alert .card.warn .icon{background:#ef4444}
  .v-alert .card.ok .icon{background:#22c55e}
  .v-alert .body .nm{font-size:12px;color:var(--ink);font-weight:700;margin-bottom:2px;display:flex;align-items:center;gap:6px}
  .v-alert .body .nm .av{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-alert .body .desc{font-size:10.5px;color:var(--slate-600);font-weight:500}
  .v-alert .stat{font-family:Inter,sans-serif;font-size:14px;font-weight:900;text-align:right;line-height:1}
  .v-alert .stat.warn{color:#dc2626}
  .v-alert .stat.ok{color:#16a34a}
  .v-alert .stat .lbl{display:block;font-size:9px;color:var(--slate-500);font-weight:700;margin-top:3px}

  /* ── Visual: Skill assignment (Capability 03) ── */
  .v-skill{position:relative;z-index:2;font-family:Inter,"Noto Sans JP",sans-serif;display:flex;flex-direction:column;gap:14px}
  .v-skill .filter{display:flex;gap:6px;flex-wrap:wrap;font-size:11px}
  .v-skill .pill{display:inline-flex;align-items:center;gap:5px;background:#f5fbfd;color:var(--slate-700);padding:5px 12px;border-radius:999px;font-weight:700;border:1px solid #e6edf7;font-size:10.5px}
  .v-skill .pill.active{background:var(--blue-500);color:#fff;border-color:var(--blue-500)}
  .v-skill .pill .ck{font-size:9px}
  .v-skill .matches{display:flex;flex-direction:column;gap:6px}
  .v-skill .m{background:#fff;border:1px solid #eef2f8;border-radius:6px;padding:10px 12px;display:grid;grid-template-columns:24px 1fr 70px 50px;gap:10px;align-items:center;font-size:11px}
  .v-skill .m.top{border-color:#bfdbfe;background:#eff6ff}
  .v-skill .m .av{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-skill .m .nm{color:var(--ink);font-weight:700;font-size:11.5px}
  .v-skill .m .nm .role{display:block;color:var(--slate-500);font-size:9.5px;font-weight:600;margin-top:1px}
  .v-skill .m .stat-bar{display:flex;align-items:center;gap:5px;font-size:9.5px}
  .v-skill .m .stat-bar .b{flex:1;height:5px;background:#eef2f8;border-radius:3px;overflow:hidden}
  .v-skill .m .stat-bar .b i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));border-radius:3px}
  .v-skill .m .pct{font-family:Inter,sans-serif;font-weight:800;color:var(--blue-700);font-size:11px;text-align:right}

  /* USE CASES */
  .rd-cases{padding:80px 0}
  .rd-cases-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rd-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .rd-case{background:linear-gradient(160deg,#fff,#f7fbfd);border:1px solid #e6edf7;border-radius:14px;padding:28px 26px;transition:all .18s}
  .rd-case:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}
  .rd-case .badge{display:inline-block;font-size:10.5px;font-weight:800;background:#ecfbfe;color:var(--blue-700);padding:4px 12px;border-radius:999px;letter-spacing:.04em;margin-bottom:14px}
  .rd-case h4{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .rd-case p{margin:0 0 16px;font-size:13px;line-height:1.95;color:var(--slate-600);font-weight:500}
  .rd-case .pts{padding:14px 16px;background:#fff;border:1px solid #e6edf7;border-radius:10px;font-size:12px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .rd-case .pts b{color:var(--blue-700);font-family:Inter,sans-serif;font-size:14px}

  /* SPECS */
  .rd-specs{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .rd-specs-inner{max-width:1000px;margin:0 auto;padding:0 24px}
  .rd-specs table{width:100%;background:#fff;border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7;margin-top:40px}
  .rd-specs th,.rd-specs td{padding:16px 22px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .rd-specs th{background:#f5fbfd;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em;width:32%}
  .rd-specs td{color:var(--slate-700);font-weight:500}
  .rd-specs tr:last-child th,.rd-specs tr:last-child td{border-bottom:0}
  .rd-specs td b{color:var(--ink);font-weight:700}

  /* CTA band */
  .rd-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .rd-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .rd-cta h2{font-size:30px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .rd-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .rd-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .rd-cta .btn-w{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .rd-cta .btn-w:hover{background:#ecfbfe}
  .rd-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .rd-cta .btn-out:hover{background:rgba(255,255,255,.12)}

  /* Other features */
  .rd-others{padding:60px 0 80px;background:#fff}
  .rd-others-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .rd-others h3{margin:0 0 28px;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
  .rd-others-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .rd-other{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}
  .rd-other:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:var(--blue-700)}
  .rd-other .ic{width:54px;height:54px;background:#ecfbfe;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .rd-other .ic img{width:33px;height:33px}
  .rd-other .nm{font-size:12px;font-weight:700;color:var(--ink)}

/* ─── used on 1 page(s): home ─── */
/* ==================== HERO ==================== */
  .hero{position:relative;overflow:hidden;background:
    radial-gradient(120% 80% at 80% 10%, #e8f1ff 0%, transparent 60%),
    radial-gradient(90% 60% at 10% 90%, #eaf2ff 0%, transparent 55%),
    linear-gradient(180deg,#f4f8ff 0%,#fafcff 60%,#fff 100%);
    padding:60px 0 80px;
  }
  .hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}
  .hero-pills{display:flex;justify-content:center;gap:14px;margin-bottom:26px;flex-wrap:wrap}
  .pill{display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid #d6e4ff;border-radius:999px;padding:9px 18px;font-size:13px;font-weight:600;color:var(--blue-700);box-shadow:0 2px 6px rgba(47,127,255,.06)}
  .pill img{height:18px;width:auto}
  .pill .dot{width:8px;height:8px;border-radius:999px;background:var(--blue-500)}
  .hero h1{font-size:54px;line-height:1.25;font-weight:800;letter-spacing:.01em;margin:0 0 24px;color:var(--ink)}
  .hero h1 .accent{color:var(--blue-600);position:relative;display:inline-block}
  .hero h1 .accent::after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:6px;background:linear-gradient(90deg,var(--blue-200),var(--blue-400));border-radius:3px;opacity:.7}
  .hero p.lead{font-size:16px;line-height:2;color:var(--slate-600);margin:0 auto 36px;max-width:640px;font-weight:500}
  .hero-cta{display:flex;justify-content:center;gap:16px;margin-bottom:18px;flex-wrap:wrap}
  .hero-cta .btn-primary{padding:18px 40px;font-size:16px;border-radius:999px}
  /* Hero secondary button — soft blue tinted (matches デモ button color family) */
  .hero-cta .btn-outline{
    padding:18px 40px;font-size:16px;font-weight:700;border-radius:999px;
    background:linear-gradient(135deg,#ecfbfe 0%,#d2f5fc 100%);
    color:var(--blue-700);
    border:1.5px solid var(--blue-300);
    box-shadow:0 6px 18px -4px rgba(11,180,207,.18), inset 0 1px 0 rgba(255,255,255,.6);
    transition:all .2s;
    display:inline-flex;align-items:center;gap:8px;text-decoration:none
  }
  .hero-cta .btn-outline:hover{
    background:linear-gradient(135deg,#d2f5fc 0%,#a8ecf9 100%);
    color:var(--blue-ink);
    border-color:var(--blue-500);
    transform:translateY(-1px);
    box-shadow:0 10px 24px -4px rgba(11,180,207,.30)
  }

  /* ==================== LOGO BAR ==================== */
  .logo-bar{padding:64px 0 48px;background:#fff}
  .logo-bar .label{text-align:center;font-size:14px;color:var(--slate-500);font-weight:600;margin-bottom:30px;letter-spacing:.04em}
  .logo-row{display:grid;grid-template-columns:repeat(8,1fr);gap:24px;align-items:center;justify-items:center;max-width:1040px;margin:0 auto;padding:0 24px}
  .logo-row img{height:48px;width:auto;object-fit:contain;opacity:.9;filter:grayscale(.1)}

  /* ==================== STAT STRIP ==================== */
  .stats{display:flex;justify-content:center;align-items:center;gap:80px;padding:32px 0 72px;background:#fff}
  .stat{display:flex;align-items:center;gap:18px}
  .stat .badge{width:84px;height:84px}
  .stat .num{display:flex;align-items:baseline;gap:0}
  .stat .num img{height:54px;width:auto}
  .stat .desc{font-size:14px;font-weight:700;color:var(--ink);line-height:1.5}
  .stat .desc small{display:block;font-size:12px;font-weight:500;color:var(--slate-500);margin-top:2px}

  section{position:relative}
  .sec-title{margin-bottom:40px}

  /* ==================== REASONS ==================== */
  .reasons{padding:32px 0 80px;background:#fff}
  .reasons-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .reason-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:32px 28px 30px;box-shadow:var(--shadow-sm);text-align:left;transition:transform .15s, box-shadow .15s}
  .reason-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
  .reason-card .icon{width:62px;height:62px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .reason-card .icon img{width:62px;height:62px;object-fit:contain}
  .reason-card h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 12px;line-height:1.5}
  .reason-card p{font-size:13.5px;line-height:1.85;color:var(--slate-600);margin:0;font-weight:500}

  /* ==================== ONLINE DEMO BANNER ==================== */
  .demo-section{padding:80px 0 100px;background:#fff}
  .demo-card{background:linear-gradient(135deg,#dbeafe 0%,#ecfbfe 50%,#e0f7ff 100%);border-radius:24px;padding:56px 64px;display:grid;grid-template-columns:1fr 1.15fr;gap:48px;align-items:center;position:relative;overflow:hidden;box-shadow:0 12px 32px -8px rgba(11,180,207,.12)}
  .demo-card::after{content:"";position:absolute;left:-40px;top:-40px;width:180px;height:180px;background:radial-gradient(circle,rgba(22,214,243,.18) 0%,transparent 70%);border-radius:50%;z-index:1}
  .demo-card > *{position:relative;z-index:2}
  .demo-logo{display:block;margin:0 0 28px;height:38px;width:auto;opacity:.95}
  .demo-left h2{font-size:38px;font-weight:800;color:var(--ink);line-height:1.45;margin:0 0 22px;letter-spacing:.005em}
  .demo-left h2 .accent{color:var(--blue-700)}
  .demo-left .lead{font-size:14.5px;line-height:2;color:var(--slate-700);font-weight:500;margin:0 0 32px;max-width:420px}
  .demo-cta-row{display:flex;align-items:center;gap:14px}
  .demo-right{position:relative}
  .demo-right .frame{background:#fff;border-radius:14px;box-shadow:0 22px 44px -10px rgba(11,180,207,.22),0 6px 16px rgba(15,27,61,.06);overflow:hidden;border:1px solid #d2f5fc}
  .demo-right .frame img{width:100%;display:block}
  .demo-right .character{position:absolute;right:-30px;bottom:-30px;width:150px;z-index:3}
  .demo-right .character img{width:100%}
  @media(max-width:920px){
    .demo-card{grid-template-columns:1fr;padding:40px 28px;gap:36px}
    .demo-left h2{font-size:28px}
    .demo-right .character{width:110px;right:-10px;bottom:-15px}
  }

  /* ==================== FEATURES ==================== */
  .features{padding:24px 0 90px;background:#fff}
  .features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .feat-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:24px 24px 22px;box-shadow:var(--shadow-sm);display:flex;gap:16px;align-items:flex-start;transition:all .15s;text-decoration:none;color:inherit;cursor:pointer}
  .feat-card *{text-decoration:none}
  .feat-card:hover{transform:translateY(-3px);box-shadow:0 14px 28px -8px rgba(15,27,61,.12),0 4px 10px rgba(15,27,61,.06);border-color:var(--blue-300)}
  .feat-card:hover h4{color:var(--blue-700)}
  .feat-card .ic{flex:0 0 56px;width:56px;height:56px;display:flex;align-items:center;justify-content:center}
  .feat-card .ic img{width:56px;height:56px;object-fit:contain}
  .feat-card h4{font-size:15px;font-weight:800;color:var(--ink);margin:6px 0 8px}
  .feat-card p{font-size:12.5px;line-height:1.75;color:var(--slate-600);margin:0;font-weight:500}

  /* ==================== INTEGRATIONS ==================== */
  .integ{padding:0 0 90px;background:#fff}
  .integ-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
  .integ-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:26px 22px;text-align:center;box-shadow:var(--shadow-sm)}
  .integ-card .lg{height:42px;display:flex;align-items:center;justify-content:center;margin-bottom:14px}
  .integ-card .lg img{max-height:42px;width:auto;object-fit:contain}
  .integ-card h4{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 6px}
  .integ-card p{font-size:12px;color:var(--slate-500);margin:0;line-height:1.7;font-weight:500}

  /* ==================== USE CASES ==================== */
  .cases{padding:0 0 90px;background:#fff}
  .cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .case-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:28px 26px;box-shadow:var(--shadow-sm);position:relative}
  .case-card .ic{width:72px;height:72px;border-radius:16px;background:#eaf2ff;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
  .case-card .ic img{width:48px;height:48px;object-fit:contain}
  .case-card h4{font-size:16px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5}
  .case-card p{font-size:12.5px;color:var(--slate-600);line-height:1.85;margin:0 0 18px;font-weight:500}
  .case-card .stat{display:flex;align-items:baseline;gap:4px;padding-top:14px;border-top:1px dashed #d8e3f3;justify-content:flex-end}
  .case-card .stat .n{font-size:30px;font-weight:800;color:var(--blue-600);font-family:Inter,sans-serif;line-height:1}
  .case-card .stat .u{font-size:13px;font-weight:700;color:var(--slate-700)}

  /* ==================== CTA BAND ==================== */
  .cta-band{position:relative;padding:90px 0 100px;color:#fff;overflow:hidden;background-color:var(--blue-500);background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 92% 8%,rgba(255,255,255,.22) 0%,transparent 60%),radial-gradient(ellipse 600px 420px at 8% 95%,rgba(11,180,207,.32) 0%,transparent 60%),linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);background-size:24px 24px,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
  .cta-band::before{content:"";position:absolute;right:-160px;top:-110px;width:440px;height:440px;border:2px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;z-index:1;box-shadow:0 0 0 130px rgba(255,255,255,0), inset 0 0 0 130px rgba(255,255,255,0)}
  .cta-band::after{content:"";position:absolute;left:-110px;bottom:-90px;width:300px;height:300px;background:radial-gradient(circle,rgba(255,255,255,.20) 0%,transparent 65%);border-radius:50%;pointer-events:none;z-index:1}
  .cta-band-inner{position:relative;text-align:center;z-index:2}
  .cta-band h2{font-size:34px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#fff;letter-spacing:.005em}
  .cta-band h2 .b{display:block;color:#e8fbff}
  .cta-band p{font-size:15px;color:#e8fbff;margin:0 0 32px;font-weight:500}

  /* Action button group */
  .cta-band .cta-actions{display:flex;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:24px}
  .cta-band .cta-btn{display:inline-flex;align-items:center;gap:12px;padding:18px 36px;border-radius:999px;font-size:16px;font-weight:800;letter-spacing:.02em;transition:all .25s ease;text-decoration:none;position:relative;overflow:hidden;line-height:1}

  /* Primary — premium white pill with shimmer */
  .cta-band .cta-btn-primary{background:#fff;color:var(--blue-700);box-shadow:0 16px 32px rgba(0,0,0,.22), 0 4px 10px rgba(0,0,0,.10), inset 0 -3px 0 rgba(11,180,207,.18)}
  .cta-band .cta-btn-primary::before{content:"";position:absolute;left:-120%;top:0;width:60%;height:100%;background:linear-gradient(90deg,transparent 0%,rgba(255,255,255,.7) 50%,transparent 100%);transform:skewX(-20deg);transition:left .7s ease;pointer-events:none}
  .cta-band .cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 22px 40px rgba(0,0,0,.28), 0 6px 14px rgba(0,0,0,.14), inset 0 -3px 0 rgba(11,180,207,.22)}
  .cta-band .cta-btn-primary:hover::before{left:130%}
  .cta-band .cta-btn-primary .cta-icon{font-size:18px;line-height:1}
  .cta-band .cta-btn-primary .cta-arr{font-size:22px;font-weight:300;transition:transform .2s ease;color:var(--blue-500)}
  .cta-band .cta-btn-primary:hover .cta-arr{transform:translateX(4px)}

  /* Secondary — outline white pill */
  .cta-band .cta-btn-secondary{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55);padding:17px 32px;font-size:15px}
  .cta-band .cta-btn-secondary:hover{background:rgba(255,255,255,.12);border-color:#fff;transform:translateY(-2px)}

  /* Trust microcopy */
  .cta-band .cta-trust{list-style:none;padding:0;margin:0;display:flex;justify-content:center;flex-wrap:wrap;gap:22px;font-size:13px;color:#fff;font-weight:600}
  .cta-band .cta-trust li{display:inline-flex;align-items:center;gap:7px;opacity:.92}
  .cta-band .cta-trust .ck{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:rgba(255,255,255,.22);border-radius:50%;font-size:10.5px;font-weight:900;color:#fff}

  /* ==================== BENEFITS ==================== */
  .benefits{padding:80px 0;background:linear-gradient(180deg,#f3f7fe 0%,#e9f1ff 100%);position:relative;overflow:hidden}
  .benefits-inner{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;position:relative;z-index:2}
  .benefits h2{font-size:26px;font-weight:800;color:var(--ink);margin:0 0 30px;line-height:1.5}
  .benefits ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
  .benefits li{display:flex;align-items:center;gap:14px;font-size:15px;font-weight:600;color:var(--slate-700);background:#fff;padding:16px 22px;border-radius:12px;box-shadow:var(--shadow-sm)}
  .benefits li::before{content:"";width:22px;height:22px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 22px}
  .benefits-right{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px;align-content:center}
  .bcard{background:transparent;border-radius:0;padding:14px 8px;box-shadow:none;text-align:center}
  .bcard .ic{width:84px;height:84px;margin:6px auto 10px;display:flex;align-items:center;justify-content:center}
  .bcard .ic img{width:84px;height:84px;object-fit:contain}
  .bcard h5{font-size:13px;font-weight:800;color:var(--ink);margin:0 0 4px}
  .bcard p{font-size:11px;color:var(--slate-500);margin:0;line-height:1.6}
  .bcard.tall{grid-row:span 2;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:18px 8px;background:transparent}
  .bcard.tall .ic img{width:144px;height:144px}

  /* ==================== NEWS / PRESS RELEASE LIST ==================== */
  .news{padding:80px 0;background:#fff}
  .news .wrap{max-width:1200px}
  /* 1-column list layout (text-only, no thumbnails) */
  .news-grid{display:grid;grid-template-columns:1fr;gap:0}
  .news-card{display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:18px;background:#fff;border:0;border-bottom:1px solid #e6edf7;border-radius:0;overflow:hidden;box-shadow:none;transition:background .15s, color .15s;text-decoration:none;color:inherit;padding:18px 4px}
  .news-card:first-child{border-top:1px solid #e6edf7}
  .news-card:hover{background:#fafdfe;transform:none;box-shadow:none}
  /* Thumbnails are hidden in the press list — text only */
  .news-card-thumb{display:none}
  .news-card .body{padding:0;display:contents}
  .news-card .meta{display:contents}
  .news-card .tag{display:inline-flex;align-items:center;background:#eaf2ff;color:var(--blue-600);font-size:11.5px;font-weight:700;padding:5px 12px;border-radius:4px;letter-spacing:.04em;flex-shrink:0;order:2}
  .news-card .date{font-size:13px;color:var(--slate-500);font-family:Inter,sans-serif;font-weight:600;flex-shrink:0;order:1;min-width:90px}
  .news-card h4{font-size:14.5px;font-weight:700;color:var(--ink);margin:0;line-height:1.6;display:block;-webkit-line-clamp:unset;overflow:visible;order:3}
  .news-card:hover h4{color:var(--blue-700)}


  /* tagline header */
  .pre-headline{display:inline-flex;align-items:center;background:#fff;border-radius:8px;padding:6px 14px;font-size:13px;font-weight:700;color:var(--blue-600);box-shadow:0 2px 6px rgba(0,0,0,.04);margin-bottom:18px}

/* ─── used on 1 page(s): company ─── */
/* ============ company-specific ============ */

  /* ----- Page hero with big english title + decorations ----- */
  .page-hero{
    position:relative;overflow:hidden;padding:90px 0 80px;
    background:
      radial-gradient(60% 60% at 90% 10%, #d2f5fc 0%, transparent 60%),
      radial-gradient(60% 50% at 5% 95%, #ecfbfe 0%, transparent 60%),
      linear-gradient(180deg,#f3fcfe 0%,#fff 100%);
  }
  .page-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
  .page-hero h1{margin:0;line-height:1}
  .page-hero h1 .en{
    display:block;font-family:Inter,sans-serif;font-weight:900;font-size:84px;
    letter-spacing:-.03em;color:var(--ink);
    background:linear-gradient(135deg,var(--ink) 0%,var(--blue-700) 50%,var(--blue-500) 100%);
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .page-hero h1 .ja{display:block;font-size:18px;font-weight:700;color:var(--slate-600);margin-top:14px;letter-spacing:.08em}
  .breadcrumb{font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;font-weight:500;letter-spacing:.06em;display:flex;gap:10px;align-items:center;padding-bottom:10px}
  .breadcrumb a{color:var(--slate-500)}
  .breadcrumb a:hover{color:var(--blue-600)}
  .breadcrumb span.sep{opacity:.5}
  .breadcrumb span.cur{color:var(--blue-600);font-weight:700}

  /* ----- Section nav (sticky) ----- */
  .page-nav{
    position:sticky;top:74px;z-index:40;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);
    border-top:1px solid #e6edf7;border-bottom:1px solid #e6edf7;
  }
  .page-nav-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:flex;gap:4px;align-items:center;height:56px;overflow-x:auto}
  .page-nav-inner .label{font-size:11px;font-weight:800;color:var(--slate-500);letter-spacing:.18em;font-family:Inter,sans-serif;text-transform:uppercase;margin-right:18px;flex-shrink:0}
  .page-nav-inner a{
    font-size:13px;font-weight:700;color:var(--slate-700);padding:8px 16px;border-radius:999px;
    transition:all .15s;flex-shrink:0;display:inline-flex;align-items:center;gap:6px;
  }
  .page-nav-inner a .num{font-family:Inter,sans-serif;font-size:11px;color:var(--blue-500);font-weight:800}
  .page-nav-inner a:hover{background:var(--blue-50);color:var(--blue-700)}
  .page-nav-inner a.is-active{background:var(--blue-500);color:#062b34}
  .page-nav-inner a.is-active .num{color:#062b34}

  /* ----- Generic section frame ----- */
  .co-section{position:relative;padding:96px 0;overflow:hidden}
  .co-section + .co-section{border-top:1px solid #f0f4fa}
  .co-section.tinted{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%)}
  .co-decoration-text{
    position:absolute;font-family:Inter,sans-serif;font-weight:900;font-size:240px;
    letter-spacing:-.04em;line-height:.85;color:#eaf6f9;pointer-events:none;user-select:none;
    z-index:0;
  }
  .co-section.tinted .co-decoration-text{color:#dcf3f8}
  .co-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:280px 1fr;gap:60px;align-items:flex-start}
  .co-heading{position:sticky;top:160px;align-self:flex-start}
  .co-heading .en{display:block;font-family:Inter,sans-serif;font-weight:800;font-size:36px;color:var(--ink);letter-spacing:-.02em;line-height:1}
  .co-heading .en .dot{display:inline-block;width:10px;height:10px;border-radius:999px;background:var(--blue-500);margin-left:6px;vertical-align:top;margin-top:8px}
  .co-heading .ja{display:block;font-size:14px;font-weight:700;color:var(--slate-500);margin-top:14px;letter-spacing:.06em}
  .co-heading .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-600);background:#fff;border:1px solid #d2f5fc;padding:4px 10px;border-radius:999px;margin-bottom:18px;letter-spacing:.1em}

  /* ----- Outline (definition list) ----- */
  .outline-list{background:#fff;border-radius:18px;padding:8px 32px;box-shadow:var(--shadow-sm);border:1px solid #e6edf7}
  .outline-list dl{margin:0;display:grid;grid-template-columns:170px 1fr;gap:0;padding:0}
  .outline-list dt{padding:24px 0 24px 8px;font-size:13.5px;font-weight:700;color:var(--blue-700);border-bottom:1px solid #eef4f8;letter-spacing:.04em}
  .outline-list dd{padding:24px 0;margin:0;font-size:14px;font-weight:500;color:var(--slate-700);border-bottom:1px solid #eef4f8;line-height:1.85}
  .outline-list dl > dt:last-of-type, .outline-list dl > dd:last-of-type{border-bottom:0}
  .outline-list dd .biz-tag{display:inline-flex;align-items:center;gap:6px;background:var(--blue-50);color:var(--blue-700);font-size:12px;font-weight:700;padding:4px 12px;border-radius:6px;margin-right:6px;margin-top:6px}
  .outline-list dd .biz-list{display:flex;flex-direction:column;gap:6px;margin-top:8px;font-size:13.5px;color:var(--slate-700)}
  .outline-list dd .biz-list li{display:flex;gap:8px;align-items:center}
  .outline-list dd .biz-list li::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--blue-500);flex:0 0 5px}

  .iso-card{margin-top:24px;display:flex;align-items:center;gap:18px;background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:18px 22px;box-shadow:var(--shadow-sm)}
  .iso-card .iso-badge{
    width:60px;height:60px;border-radius:50%;
    background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#fff;
    display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;
    font-family:Inter,sans-serif;line-height:1;
  }
  .iso-card .iso-badge .small{font-size:9px;font-weight:700;letter-spacing:.08em;margin-bottom:2px}
  .iso-card .iso-badge .num{font-size:14px;font-weight:800}
  .iso-card .text{font-size:13.5px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .iso-card .text small{display:block;color:var(--slate-500);font-weight:500;font-size:11.5px;margin-top:2px}

  /* ----- Message ----- */
  .message-card{background:#fff;border-radius:20px;padding:0;box-shadow:var(--shadow-md);border:1px solid #e6edf7;overflow:hidden}
  .message-hero{position:relative;padding:48px 48px 36px;background:linear-gradient(135deg,#ecfbfe 0%,#fff 60%)}
  .message-hero::before{content:"";position:absolute;right:30px;top:30px;width:80px;height:80px;border-radius:50%;background:var(--blue-100);opacity:.6}
  .message-hero::after{content:"";position:absolute;right:80px;top:90px;width:30px;height:30px;border-radius:50%;background:var(--blue-300);opacity:.7}
  .message-copy{font-size:30px;font-weight:800;color:var(--ink);line-height:1.6;margin:0;letter-spacing:.02em;position:relative;z-index:2}
  .message-copy .em{
    background:linear-gradient(120deg,var(--blue-600),var(--blue-500));
    -webkit-background-clip:text;background-clip:text;color:transparent;
  }
  .message-body{padding:0 48px 40px}
  .message-body p{font-size:14.5px;color:var(--slate-700);line-height:2.1;margin:0 0 18px;font-weight:500}
  .message-body p:last-of-type{margin-bottom:0}

  .ceo-profile{margin-top:28px;display:flex;gap:20px;align-items:center;padding-top:28px;border-top:1px solid #eef4f8}
  .ceo-avatar{
    width:74px;height:74px;border-radius:50%;flex-shrink:0;
    background:linear-gradient(135deg,var(--blue-300),var(--blue-600));
    display:flex;align-items:center;justify-content:center;
    font-family:Inter,sans-serif;font-size:24px;font-weight:800;color:#fff;
    box-shadow:0 6px 16px rgba(22,214,243,.3);
  }
  .ceo-name{display:flex;align-items:baseline;gap:14px;margin-bottom:6px}
  .ceo-name .ja{font-size:16px;font-weight:800;color:var(--ink)}
  .ceo-name .en{font-family:Inter,sans-serif;font-size:12px;font-weight:600;color:var(--slate-500);letter-spacing:.04em}
  .ceo-bio{font-size:12px;color:var(--slate-600);line-height:1.85;font-weight:500}

  /* ----- Mission cards ----- */
  .mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .mission-card{
    background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:32px 28px;
    box-shadow:var(--shadow-sm);position:relative;overflow:hidden;transition:all .15s;
  }
  .mission-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .mission-card .num{
    position:absolute;top:18px;right:24px;font-family:Inter,sans-serif;font-size:54px;font-weight:900;
    color:#ecfbfe;line-height:1;letter-spacing:-.04em;
  }
  .mission-card .ic{
    width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,var(--blue-100),var(--blue-300));
    display:flex;align-items:center;justify-content:center;margin-bottom:18px;position:relative;z-index:2;
  }
  .mission-card .ic img{width:32px;height:32px;object-fit:contain}
  .mission-card h3{font-size:17px;font-weight:800;color:var(--ink);margin:0 0 12px;line-height:1.5;position:relative;z-index:2}
  .mission-card p{font-size:13px;color:var(--slate-600);line-height:1.95;margin:0;font-weight:500;position:relative;z-index:2}

  /* ----- History timeline ----- */
  .history-list{position:relative;padding-left:0}
  .history-list dl{margin:0;display:grid;grid-template-columns:120px 1fr;gap:0;position:relative}
  .history-list dl::before{
    content:"";position:absolute;left:60px;top:8px;bottom:8px;width:2px;
    background:linear-gradient(180deg,var(--blue-300),var(--blue-100));
    border-radius:2px;
  }
  .history-list dt{
    font-family:Inter,sans-serif;font-size:22px;font-weight:800;color:var(--blue-600);
    padding:18px 0 18px 0;letter-spacing:-.02em;position:relative;
  }
  .history-list dt::after{
    content:"";position:absolute;left:54px;top:30px;width:14px;height:14px;border-radius:50%;
    background:#fff;border:3px solid var(--blue-500);z-index:2;
    box-shadow:0 0 0 4px #ecfbfe;
  }
  .history-list dd{margin:0;padding:18px 0 18px 50px;font-size:13.5px;color:var(--slate-700);line-height:1.85;font-weight:500;border-bottom:1px solid #f0f4fa}
  .history-list dd:last-of-type{border-bottom:0}
  .history-list dd ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
  .history-list dd ul li{display:flex;gap:10px;align-items:flex-start}
  .history-list dd ul li::before{content:"";width:6px;height:6px;border-radius:999px;background:var(--blue-300);flex:0 0 6px;margin-top:8px}
  .history-list dd .badge{display:inline-block;background:var(--blue-50);color:var(--blue-700);font-size:11px;font-weight:700;padding:3px 10px;border-radius:4px;margin-right:6px;letter-spacing:.04em}

  /* ----- Numbers (KPI strip) ----- */
  .numbers-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .numbers-grid .n-cell{padding:28px 22px;border-right:1px solid #f0f4fa;text-align:center}
  .numbers-grid .n-cell:last-child{border-right:0}
  .numbers-grid .label{font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;color:var(--blue-500);letter-spacing:.18em;margin-bottom:8px}
  .numbers-grid .num{font-family:Inter,sans-serif;font-size:38px;font-weight:800;color:var(--ink);line-height:1;letter-spacing:-.02em}
  .numbers-grid .num small{font-size:14px;font-weight:700;color:var(--slate-500);margin-left:2px}
  .numbers-grid .desc{font-size:11.5px;font-weight:600;color:var(--slate-500);margin-top:8px}

  /* ----- Access ----- */
  .access-place{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-sm);margin-bottom:20px}
  .access-place:last-child{margin-bottom:0}
  .access-head{display:flex;align-items:center;justify-content:space-between;padding:24px 28px;border-bottom:1px solid #eef4f8;background:linear-gradient(135deg,#f6fcfe 0%,#fff 100%)}
  .access-head .name .en{display:block;font-family:Inter,sans-serif;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:-.01em}
  .access-head .name .ja{display:block;font-size:13px;font-weight:700;color:var(--slate-500);margin-top:2px}
  .access-head .pin{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--blue-700);background:var(--blue-50);padding:8px 14px;border-radius:999px}
  .access-head .pin::before{content:"📍";font-size:13px;filter:saturate(1.2)}
  .access-body{display:grid;grid-template-columns:1fr 1.2fr;gap:0}
  .access-info{padding:26px 28px}
  .access-info .row{display:grid;grid-template-columns:64px 1fr;gap:14px;padding:12px 0;border-bottom:1px dashed #eef4f8;align-items:flex-start}
  .access-info .row:last-child{border-bottom:0}
  .access-info .row .k{font-size:11px;font-weight:800;color:var(--blue-600);letter-spacing:.1em;font-family:Inter,sans-serif;padding-top:3px}
  .access-info .row .v{font-size:13px;color:var(--slate-700);line-height:1.85;font-weight:500}
  .access-info .row .v small{display:block;font-size:11.5px;color:var(--slate-500);margin-top:2px}
  .access-map{position:relative;background:#f5f8fc;min-height:240px}
  .access-map iframe{width:100%;height:100%;border:0;display:block}

  /* ----- CTA band override ----- */
  .cta-band{position:relative;padding:80px 0 90px;color:#fff;overflow:hidden;background-color:var(--blue-500);background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 92% 8%,rgba(255,255,255,.22) 0%,transparent 60%),radial-gradient(ellipse 600px 420px at 8% 95%,rgba(11,180,207,.32) 0%,transparent 60%),linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);background-size:24px 24px,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
  .cta-band::before{content:"";position:absolute;right:-160px;top:-110px;width:440px;height:440px;border:2px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;z-index:1}
  .cta-band-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .cta-band h2{font-size:32px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .cta-band p{font-size:15px;color:#062b34;opacity:.85;margin:0 0 32px;font-weight:500}
  .cta-band .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .cta-band .btn-white{background:#fff;color:var(--blue-700);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .cta-band .btn-white:hover{background:#ecfbfe}
  .cta-band .btn-line{background:transparent;color:#062b34;border:1.5px solid rgba(6,43,52,.4);padding:18px 36px;font-size:15px;font-weight:700;border-radius:999px}
  .cta-band .btn-line:hover{background:rgba(255,255,255,.18)}

/* ─── used on 1 page(s): gantt ─── */
/* ============== GANTT DETAIL PAGE ============== */
  .gd-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .gd-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .gd-hero .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .gd-hero .crumb a{color:var(--slate-500)}
  .gd-hero .crumb a:hover{color:var(--blue-700)}
  .gd-hero .crumb .sep{opacity:.5}
  .gd-hero-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;align-items:center}
  .gd-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .gd-hero h1{margin:0 0 18px;font-size:40px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .gd-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .gd-hero p.lead{font-size:15px;line-height:2;color:var(--slate-600);margin:0 0 32px;font-weight:500}
  .gd-hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
  .gd-hero .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative}
  .gd-hero .visual .topbar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif}
  .gd-hero .visual .topbar .dot{width:10px;height:10px;border-radius:50%;background:#cbd5e1;display:inline-block;margin-right:3px}
  .gd-hero .visual .topbar .dot:nth-child(2){background:#fbbf24}
  .gd-hero .visual .topbar .dot:nth-child(3){background:#86efac}
  .gd-hero .visual .topbar .url{margin-left:8px;color:var(--slate-500);font-size:10px}
  .gd-hero .visual .body{padding:18px}
  .gd-hero .mini-gantt{display:flex;flex-direction:column;gap:6px}
  .gd-hero .mini-gantt .row{display:grid;grid-template-columns:90px 1fr;gap:10px;align-items:center;font-size:10.5px}
  .gd-hero .mini-gantt .lbl{color:var(--ink);font-weight:600;display:flex;align-items:center;gap:5px}
  .gd-hero .mini-gantt .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:8px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .gd-hero .mini-gantt .track{position:relative;height:18px;background:#f5fbfd;border-radius:6px;overflow:hidden}
  .gd-hero .mini-gantt .bar{position:absolute;height:100%;border-radius:6px;color:#fff;font-size:9px;font-weight:700;padding:0 7px;display:flex;align-items:center;letter-spacing:.04em}
  .gd-hero .mini-gantt .b1{background:linear-gradient(90deg,#7dd3fc,#38bdf8);left:2%;width:24%}
  .gd-hero .mini-gantt .b2{background:linear-gradient(90deg,#a78bfa,#7c3aed);left:18%;width:30%}
  .gd-hero .mini-gantt .b3{background:linear-gradient(90deg,#fbbf24,#f97316);left:35%;width:36%}
  .gd-hero .mini-gantt .b4{background:linear-gradient(90deg,#fb7185,#e11d48);left:52%;width:32%}
  .gd-hero .mini-gantt .b5{background:linear-gradient(90deg,#34d399,#10b981);left:65%;width:30%}
  .gd-hero .mini-gantt .b6{background:linear-gradient(90deg,#16d6f3,#0bb4cf);left:80%;width:18%}

  /* KEY BENEFITS */
  .gd-keys{padding:80px 0 30px}
  .gd-keys-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .gd-keys-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:48px}
  .gd-key{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:28px 22px;text-align:left;transition:all .18s}
  .gd-key:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .gd-key .ico{width:48px;height:48px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
  .gd-key .ico img{width:26px;height:26px;filter:brightness(0) invert(1)}
  .gd-key h4{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.5}
  .gd-key p{margin:0;font-size:12.5px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* CAPABILITIES (alternating left-right blocks) */
  .gd-caps{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .gd-caps-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .gd-cap{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-bottom:80px}
  .gd-cap:last-child{margin-bottom:0}
  .gd-cap.reverse{direction:rtl}
  .gd-cap.reverse > *{direction:ltr}
  .gd-cap .text .num{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.18em;margin-bottom:14px;background:#ecfbfe;padding:5px 12px;border-radius:999px}
  .gd-cap .text h3{margin:0 0 14px;font-size:24px;font-weight:800;color:var(--ink);line-height:1.5}
  .gd-cap .text h3 .accent{color:var(--blue-700)}
  .gd-cap .text p{margin:0 0 18px;font-size:14px;line-height:2;color:var(--slate-600);font-weight:500}
  .gd-cap .text ul{padding:0;margin:0;list-style:none;display:flex;flex-direction:column;gap:8px}
  .gd-cap .text li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.7}
  .gd-cap .text li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:2px}
  .gd-cap .visual{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:22px;box-shadow:var(--shadow-md);position:relative;overflow:hidden}

  /* ── Visual: Critical Path mock ── */
  .v-cp{font-family:Inter,"Noto Sans JP",sans-serif;font-size:11px;display:flex;flex-direction:column;gap:8px;position:relative;z-index:2}
  .v-cp .row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px}
  .v-cp .lbl{color:var(--slate-700);font-weight:600;font-size:11px}
  .v-cp .track{position:relative;height:22px;background:#f5fbfd;border-radius:6px}
  .v-cp .bar{position:absolute;height:100%;border-radius:6px;color:#fff;font-size:10px;font-weight:700;padding:0 8px;display:flex;align-items:center}
  .v-cp .bar.cp{background:linear-gradient(90deg,#fb7185,#e11d48);box-shadow:0 0 0 2px rgba(251,113,133,.3)}
  .v-cp .bar.normal{background:linear-gradient(90deg,#7dd3fc,#38bdf8)}
  .v-cp .legend{display:flex;gap:14px;margin-top:8px;font-size:10.5px;color:var(--slate-500);font-weight:600}
  .v-cp .legend span{display:flex;align-items:center;gap:5px}
  .v-cp .legend .sw{width:14px;height:8px;border-radius:2px}
  .v-cp .legend .sw.cp{background:linear-gradient(90deg,#fb7185,#e11d48)}
  .v-cp .legend .sw.nm{background:linear-gradient(90deg,#7dd3fc,#38bdf8)}

  /* ── Visual: Load color heatmap ── */
  .v-load{font-family:Inter,"Noto Sans JP",sans-serif;font-size:11px;display:flex;flex-direction:column;gap:6px;position:relative;z-index:2}
  .v-load .row{display:grid;grid-template-columns:80px 1fr;align-items:center;gap:10px}
  .v-load .lbl{color:var(--slate-700);font-weight:600;display:flex;align-items:center;gap:5px}
  .v-load .av{width:18px;height:18px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:8.5px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
  .v-load .cells{display:grid;grid-template-columns:repeat(10,1fr);gap:2px}
  .v-load .c{height:18px;border-radius:3px;display:flex;align-items:center;justify-content:center;font-size:9px;color:#fff;font-weight:700}
  .v-load .c0{background:#e2e8f0;color:var(--slate-400)}
  .v-load .c1{background:#bae6fd;color:#062b34}
  .v-load .c2{background:#7dd3fc;color:#062b34}
  .v-load .c3{background:#38bdf8}
  .v-load .c4{background:#0ea5e9}
  .v-load .c5{background:#fb7185}

  /* ── Visual: Baseline comparison ── */
  .v-bl{font-family:Inter,"Noto Sans JP",sans-serif;font-size:11px;display:flex;flex-direction:column;gap:14px;position:relative;z-index:2}
  .v-bl .pair{display:flex;flex-direction:column;gap:4px}
  .v-bl .pair .ttl{font-size:11px;color:var(--ink);font-weight:700;display:flex;justify-content:space-between;align-items:center}
  .v-bl .pair .ttl .delta{font-family:Inter,sans-serif;font-size:10.5px;color:#e11d48;font-weight:800;background:#fef2f2;padding:2px 8px;border-radius:4px}
  .v-bl .pair .ttl .delta.ok{color:#22c55e;background:#f0fdf4}
  .v-bl .stack{position:relative;display:flex;flex-direction:column;gap:3px}
  .v-bl .row{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center}
  .v-bl .row .lab{font-size:9.5px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif}
  .v-bl .bar{height:14px;border-radius:4px;display:flex;align-items:center;color:#fff;font-size:9.5px;font-weight:700;padding:0 6px}
  .v-bl .bar.plan{background:linear-gradient(90deg,#cbd5e1,#94a3b8);width:50%}
  .v-bl .bar.actual{background:linear-gradient(90deg,#fb7185,#e11d48);width:62%}
  .v-bl .bar.actualok{background:linear-gradient(90deg,#7dd3fc,#38bdf8);width:48%}

  /* USE CASES */
  .gd-cases{padding:80px 0}
  .gd-cases-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .gd-cases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .gd-case{background:linear-gradient(160deg,#fff,#f7fbfd);border:1px solid #e6edf7;border-radius:14px;padding:28px 26px;transition:all .18s}
  .gd-case:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md)}
  .gd-case .badge{display:inline-block;font-size:10.5px;font-weight:800;background:#ecfbfe;color:var(--blue-700);padding:4px 12px;border-radius:999px;letter-spacing:.04em;margin-bottom:14px}
  .gd-case h4{margin:0 0 10px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .gd-case p{margin:0 0 16px;font-size:13px;line-height:1.95;color:var(--slate-600);font-weight:500}
  .gd-case .pts{padding:14px 16px;background:#fff;border:1px solid #e6edf7;border-radius:10px;font-size:12px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .gd-case .pts b{color:var(--blue-700);font-family:Inter,sans-serif;font-size:14px}

  /* SPECS / TABLE */
  .gd-specs{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .gd-specs-inner{max-width:1000px;margin:0 auto;padding:0 24px}
  .gd-specs table{width:100%;background:#fff;border-radius:14px;border-collapse:separate;border-spacing:0;overflow:hidden;box-shadow:var(--shadow-sm);border:1px solid #e6edf7;margin-top:40px}
  .gd-specs th,.gd-specs td{padding:16px 22px;text-align:left;font-size:13px;border-bottom:1px solid #f0f4fa}
  .gd-specs th{background:#f5fbfd;color:var(--slate-600);font-weight:800;font-size:11.5px;letter-spacing:.06em;width:32%}
  .gd-specs td{color:var(--slate-700);font-weight:500}
  .gd-specs tr:last-child th,.gd-specs tr:last-child td{border-bottom:0}
  .gd-specs td b{color:var(--ink);font-weight:700}

  /* CTA band */
  .gd-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .gd-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .gd-cta h2{font-size:30px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .gd-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .gd-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .gd-cta .btn-w{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .gd-cta .btn-w:hover{background:#ecfbfe}
  .gd-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .gd-cta .btn-out:hover{background:rgba(255,255,255,.12)}

  /* Other features (links to siblings) */
  .gd-others{padding:60px 0 80px;background:#fff}
  .gd-others-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .gd-others h3{margin:0 0 28px;font-size:18px;font-weight:800;color:var(--ink);text-align:center}
  .gd-others-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}
  .gd-other{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:18px 14px;text-align:center;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:8px}
  .gd-other:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm);transform:translateY(-2px);color:var(--blue-700)}
  .gd-other .ic{width:54px;height:54px;background:#ecfbfe;border-radius:10px;display:flex;align-items:center;justify-content:center}
  .gd-other .ic img{width:33px;height:33px}
  .gd-other .nm{font-size:12px;font-weight:700;color:var(--ink)}

/* ─── used on 1 page(s): pricing ─── */
/* ============ pricing-specific ============ */
  .page-hero{
    position:relative;overflow:hidden;padding:72px 0 60px;text-align:center;
    background:
      radial-gradient(70% 60% at 80% 0%, #e8f1ff 0%, transparent 60%),
      radial-gradient(60% 40% at 10% 100%, #eaf2ff 0%, transparent 60%),
      linear-gradient(180deg,#f4f8ff 0%,#fff 100%);
  }
  .page-hero h1{font-size:42px;line-height:1.4;font-weight:800;color:var(--ink);margin:0 0 18px;position:relative;z-index:2}
  .page-hero h1 .accent{color:var(--blue-600)}
  .page-hero p{font-size:15px;line-height:2;color:var(--slate-600);max-width:580px;margin:0 auto;font-weight:500;position:relative;z-index:2}

  /* ===== Plan cards ===== */
  .plans-section{padding:48px 0 32px;background:#fff;position:relative;z-index:2}
  .plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}
  .plan-card{
    background:#fff;border:1px solid #e6edf7;border-radius:18px;
    padding:32px 28px 30px;box-shadow:var(--shadow-sm);
    display:flex;flex-direction:column;position:relative;transition:all .15s;
  }
  .plan-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}
  .plan-card.highlight{border:2px solid var(--blue-500);box-shadow:0 24px 60px -20px rgba(31,111,235,.3), 0 8px 22px rgba(31,111,235,.08)}
  .plan-card .recommend{
    position:absolute;top:-14px;left:24px;display:inline-flex;align-items:center;gap:6px;
    background:var(--blue-500);color:#fff;font-size:12px;font-weight:700;letter-spacing:.06em;
    padding:6px 14px;border-radius:999px;box-shadow:0 6px 14px rgba(31,111,235,.32);
  }
  .plan-card .recommend::before{content:"★";font-size:11px}
  .plan-tag{display:inline-block;background:#eaf2ff;color:var(--blue-600);font-size:11px;font-weight:800;letter-spacing:.06em;padding:5px 12px;border-radius:6px;align-self:flex-start;margin-bottom:14px}
  .plan-card.highlight .plan-tag{background:var(--blue-500);color:#fff}
  .plan-card h3{font-size:22px;font-weight:800;color:var(--ink);margin:0 0 10px;line-height:1.5}
  .plan-card .desc{font-size:13px;color:var(--slate-600);line-height:1.85;margin:0 0 22px;font-weight:500}
  .plan-price{display:flex;align-items:baseline;gap:6px;margin-bottom:4px}
  .plan-price .yen{font-size:18px;color:var(--slate-600);font-weight:700}
  .plan-price .num{font-family:Inter,sans-serif;font-size:48px;font-weight:800;color:var(--ink);letter-spacing:-.02em;line-height:1}
  .plan-card.highlight .plan-price .num{color:var(--blue-600)}
  .plan-unit{font-size:12.5px;color:var(--slate-500);margin-bottom:24px;font-weight:500}
  .plan-features{list-style:none;padding:0;margin:0 0 18px;flex:1;display:flex;flex-direction:column;gap:8px}
  .plan-features li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--slate-700);line-height:1.65;font-weight:500}
  .plan-features li::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}
  .plan-note{font-size:11px;color:var(--slate-500);margin:0 0 16px;font-weight:500}
  .plan-cta{width:100%;justify-content:center;padding:14px 18px;font-size:14px;border-radius:10px}
  .plan-card.highlight .plan-cta{background:var(--blue-500);color:#fff;box-shadow:0 8px 18px rgba(47,127,255,.3)}
  .plan-card.highlight .plan-cta:hover{background:var(--blue-600)}
  .plan-card:not(.highlight) .plan-cta{background:#fff;border:1.5px solid var(--slate-200);color:var(--slate-700)}
  .plan-card:not(.highlight) .plan-cta:hover{border-color:var(--blue-300);color:var(--blue-600);background:var(--blue-50)}

  .plans-disclaimer{margin:28px 0 0;padding:18px 24px;background:#f5f8fc;border-radius:12px;font-size:12.5px;color:var(--slate-600);line-height:1.85;text-align:center;font-weight:500}

  /* ===== Comparison table ===== */
  .compare-section{padding:90px 0;background:#fff}
  .compare-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid #e6edf7;border-radius:14px;overflow:hidden;box-shadow:var(--shadow-sm)}
  .compare-table th,.compare-table td{padding:18px 22px;text-align:left;font-size:13.5px;border-bottom:1px solid #eef2f8}
  .compare-table thead th{background:#f5f8fc;color:var(--ink);font-weight:800;font-size:13px;letter-spacing:.04em;border-bottom:2px solid #e6edf7}
  .compare-table thead th.col-plan{text-align:center;width:140px}
  .compare-table thead th.col-plan.recommended{background:#eaf2ff;color:var(--blue-600);position:relative}
    .compare-table tbody td{color:var(--slate-700);font-weight:500}
  .compare-table tbody td.feature{font-weight:700;color:var(--ink)}
  .compare-table tbody td.cell{text-align:center;color:var(--slate-500)}
  .compare-table tbody td.cell.recommended{background:#f5f9ff}
  .compare-table .yes{display:inline-block;width:20px;height:20px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;vertical-align:middle}
  .compare-table .no{display:inline-block;width:14px;height:2px;background:#cbd5e1;vertical-align:middle}
  .compare-table .group-row td{background:#fafcff;font-size:11.5px;color:var(--blue-600);font-weight:800;letter-spacing:.14em;text-transform:uppercase;font-family:Inter,sans-serif;padding:12px 22px}
  .compare-table tr:last-child td{border-bottom:0}

  /* ===== Example pricing ===== */
  .example-section{padding:90px 0;background:linear-gradient(180deg,#f3f7fe 0%,#e9f1ff 100%);position:relative;overflow:hidden}
  .example-card{max-width:760px;margin:0 auto;background:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-lg);position:relative;z-index:2}
  .example-header{padding:24px 32px;background:linear-gradient(135deg,#eaf2ff 0%,#f5f9ff 100%);border-bottom:1px solid #e6edf7;display:flex;justify-content:space-between;align-items:center}
  .example-header h3{margin:0;font-size:17px;font-weight:800;color:var(--ink)}
  .example-header .scale{font-size:12px;color:var(--blue-600);font-weight:700;background:#fff;padding:6px 14px;border-radius:999px;border:1px solid #d6e4ff}
  .example-row{display:grid;grid-template-columns:2fr 1.2fr 1fr;padding:18px 32px;border-bottom:1px solid #eef2f8;font-size:14px;align-items:center}
  .example-row .item{font-weight:700;color:var(--ink)}
  .example-row .qty{color:var(--slate-500);font-size:13px}
  .example-row .amt{text-align:right;font-family:Inter,sans-serif;font-weight:700;color:var(--ink)}
  .example-total{display:grid;grid-template-columns:2fr 1.2fr 1fr;padding:24px 32px;background:linear-gradient(135deg,var(--blue-600) 0%,var(--blue-500) 100%);color:#fff;align-items:center}
  .example-total .label{font-weight:800;font-size:16px}
  .example-total .amt{text-align:right;font-family:Inter,sans-serif;font-weight:800;font-size:28px;letter-spacing:-.01em}
  .example-total .amt small{font-size:14px;font-weight:700;color:#cfe1ff;margin-left:4px}

  /* ===== Support tiers ===== */
  .support-section{padding:90px 0;background:#fff}
  .support-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .support-card{
    background:#fff;border:1px solid #e6edf7;border-radius:16px;
    padding:28px 26px 28px;box-shadow:var(--shadow-sm);
    position:relative;display:flex;flex-direction:column;
    transition:all .15s;
  }
  .support-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md)}
  .support-card .phase{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:800;color:var(--blue-600);letter-spacing:.06em;margin-bottom:14px;font-family:Inter,sans-serif;text-transform:uppercase}
  .support-card .phase .num{
    width:28px;height:28px;border-radius:8px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));
    color:#fff;display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:800;
  }
  .support-card h3{font-size:18px;font-weight:800;color:var(--ink);margin:0 0 8px;line-height:1.5}
  .support-card .price{display:inline-flex;align-items:baseline;gap:4px;font-family:Inter,sans-serif;font-size:16px;font-weight:800;color:var(--ink);margin-bottom:14px;padding:8px 14px;background:#f5f8fc;border-radius:8px}
  .support-card .price small{font-size:11px;color:var(--slate-500);font-weight:600;font-family:"Noto Sans JP",sans-serif}
  .support-card .desc{font-size:13px;color:var(--slate-600);line-height:1.85;margin:0 0 18px;font-weight:500}
  .support-card ul{list-style:none;padding:14px 0 0;margin:0;border-top:1px dashed #d8e3f3;display:flex;flex-direction:column;gap:6px}
  .support-card ul li{font-size:12.5px;color:var(--slate-700);font-weight:500;display:flex;gap:8px;align-items:center}
  .support-card ul li::before{content:"";width:5px;height:5px;border-radius:999px;background:var(--blue-400);flex:0 0 5px}

  /* ===== FAQ ===== */
  .faq{padding:0 0 100px;background:#fff}
  .faq-list{max-width:840px;margin:0 auto;display:flex;flex-direction:column;gap:12px}
  .faq-item{background:#fff;border:1px solid #e6edf7;border-radius:12px;box-shadow:var(--shadow-sm);overflow:hidden;transition:all .15s}
  .faq-item:hover{border-color:var(--blue-200)}
  .faq-item.open{border-color:var(--blue-300);box-shadow:0 8px 22px -8px rgba(11,180,207,.15)}
  .faq-q{display:flex;align-items:center;gap:12px;padding:16px 22px;cursor:pointer;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.5}
  .faq-q::before{content:"Q";flex:0 0 28px;width:28px;height:28px;background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;border-radius:6px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-weight:800;font-size:14px}
  .faq-cat-ic{flex:0 0 28px;width:28px;height:28px;background:linear-gradient(135deg,#ecfbfe,#dbeafe);color:var(--blue-700);border-radius:7px;display:inline-flex;align-items:center;justify-content:center}
  .faq-cat-ic svg{width:16px;height:16px;display:block}
  .faq-cat-tag{font-family:Inter,sans-serif;font-size:10.5px;font-weight:900;color:var(--blue-700);letter-spacing:.06em;background:#ecfbfe;padding:3px 9px;border-radius:5px;flex-shrink:0;text-transform:uppercase}
  .faq-q-text{flex:1;min-width:0}
  .faq-q .arr{flex:0 0 12px;margin-left:auto;width:12px;height:12px;border-right:2px solid var(--slate-400);border-bottom:2px solid var(--slate-400);transform:rotate(45deg);transition:transform .15s}
  .faq-item.open .faq-q .arr{transform:rotate(-135deg);border-color:var(--blue-600)}
  .faq-a{padding:0 22px 20px 116px;font-size:13.5px;color:var(--slate-600);line-height:1.95;display:none}
  .faq-a b{color:var(--ink);font-weight:800;background:linear-gradient(transparent 60%,#d2f5fc 60%);padding:1px 3px}
  .faq-item.open .faq-a{display:block;animation:pfaqOpen .25s ease-out}
  @keyframes pfaqOpen{from{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}
  @media(max-width:680px){
    .faq-q{flex-wrap:wrap;font-size:13.5px;padding:14px 16px}
    .faq-cat-tag{font-size:10px}
    .faq-q-text{flex-basis:100%;order:5}
    .faq-q .arr{order:4}
    .faq-a{padding:0 16px 18px 16px}
  }

  /* ===== CTA band ===== */
  .cta-band{position:relative;padding:80px 0 90px;color:#fff;overflow:hidden;background-color:var(--blue-500);background-image:radial-gradient(circle at 1.5px 1.5px,rgba(255,255,255,.10) 1.5px,transparent 1.5px),radial-gradient(ellipse 700px 480px at 92% 8%,rgba(255,255,255,.22) 0%,transparent 60%),radial-gradient(ellipse 600px 420px at 8% 95%,rgba(11,180,207,.32) 0%,transparent 60%),linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%);background-size:24px 24px,100% 100%,100% 100%,100% 100%;background-repeat:repeat,no-repeat,no-repeat,no-repeat}
  .cta-band::before{content:"";position:absolute;right:-160px;top:-110px;width:440px;height:440px;border:2px solid rgba(255,255,255,.14);border-radius:50%;pointer-events:none;z-index:1}
  .cta-band-inner{position:relative;text-align:center}
  .cta-band h2{font-size:32px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#fff}
  .cta-band p{font-size:15px;color:#dbeaff;margin:0 0 32px;font-weight:500}
  .cta-band .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .cta-band .btn-white{background:#fff;color:var(--blue-700);padding:18px 36px;font-size:15px}
  .cta-band .btn-white:hover{background:#ecfbfe}
  .cta-band .btn-line{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);padding:18px 36px;font-size:15px}
  .cta-band .btn-line:hover{background:rgba(255,255,255,.08)}

/* ─── used on 1 page(s): contact-customer ─── */
/* shared (orange/amber accent for support page) */
  .form-hero{position:relative;overflow:hidden;padding:64px 0 32px;background:linear-gradient(180deg,#fff7ed 0%,#fef3c7 60%,#ffffff 100%)}
  .form-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .crumb a{color:var(--slate-500)} .crumb a:hover{color:#b45309} .crumb .sep{opacity:.5}
  .form-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:#b45309;letter-spacing:.22em;background:#fff;border:1px solid #fde68a;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .form-hero h1{margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.01em}
  .form-hero h1 .accent{background:linear-gradient(120deg,#b45309,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}
  .form-hero p.lead{max-width:680px;font-size:14.5px;line-height:2;color:var(--slate-600);margin:0;font-weight:500}

  .switch-tabs{max-width:1120px;margin:32px auto -1px;padding:0 24px;display:flex;gap:0;position:relative;z-index:3}
  .switch-tabs a{flex:1;text-align:center;padding:18px 20px;background:#fef3c7;border:1px solid #fde68a;border-bottom:0;border-radius:14px 14px 0 0;font-size:13.5px;font-weight:700;color:var(--slate-600);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s}
  .switch-tabs a:not(.active){background:#eaf5fa;border-color:#d2f5fc}
  .switch-tabs a:not(.active):hover{background:#dff5fa}
  .switch-tabs a.active{background:#fff;color:#b45309;font-weight:800;border-color:#fde68a;position:relative}
  .switch-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}
  .switch-tabs a .ic{width:22px;height:22px;border-radius:6px;display:flex;align-items:center;justify-content:center;background:#ecfbfe}
  .switch-tabs a.active .ic{background:linear-gradient(135deg,#fbbf24,#f59e0b)}
  .switch-tabs a .ic img{width:13px;height:13px}

  .form-section{padding:0 0 100px;background:#fff;position:relative}
  .form-grid{max-width:1120px;margin:0 auto;padding:48px 24px 0;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:flex-start}

  .form-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
  .side-block{background:linear-gradient(180deg,#fffbeb 0%,#fef3c7 100%);border:1px solid #fde68a;border-radius:16px;padding:24px}
  .side-block h3{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:.02em}
  .side-block h3::before{content:"";width:4px;height:18px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:2px}
  .side-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
  .side-block ul li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.65}
  .side-block ul li::before{content:"●";color:#f59e0b;flex:0 0 12px;font-size:10px;margin-top:5px}

  .urgency-card{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:0;overflow:hidden}
  .urgency-card .h{padding:16px 20px;background:linear-gradient(135deg,#dc2626,#b91c1c);color:#fff;font-size:12px;font-weight:800;letter-spacing:.04em;display:flex;align-items:center;gap:8px}
  .urgency-card .h::before{content:"●";font-size:8px;animation:blink 1.4s infinite}
  @keyframes blink{0%,49%{opacity:.4}50%,100%{opacity:1}}
  .urgency-card .b{padding:18px 20px;font-size:12px;line-height:1.85;color:var(--slate-700);font-weight:600}
  .urgency-card .b a{color:#dc2626;font-weight:800}

  .side-tel{background:linear-gradient(135deg,#b45309,#92400e);color:#fff;border-radius:16px;padding:22px;text-align:center}
  .side-tel .lbl{font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.85;font-family:Inter,sans-serif}
  .side-tel .num{margin:8px 0 6px;font-family:Inter,sans-serif;font-size:28px;font-weight:900;letter-spacing:-.01em;line-height:1}
  .side-tel .hours{font-size:11px;opacity:.85;font-weight:600}

  .side-help{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:22px}
  .side-help h3{margin:0 0 14px;font-size:13px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .side-help h3::before{content:"";width:4px;height:14px;background:linear-gradient(180deg,#fbbf24,#f59e0b);border-radius:2px}
  .quick-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed #f0f4fa}
  .quick-row:last-child{border-bottom:0}
  .quick-row .ic{width:36px;height:36px;border-radius:10px;background:#fffbeb;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .quick-row .ic img{width:18px;height:18px}
  .quick-row .ttl{font-size:12.5px;color:var(--ink);font-weight:800}
  .quick-row .desc{font-size:11px;color:var(--slate-500);font-weight:600;margin-top:2px;line-height:1.5}
  .quick-row a{margin-left:auto;color:#b45309;font-size:11.5px;font-weight:800;font-family:Inter,sans-serif;flex-shrink:0}

  /* form */
  .form-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
  .form-card .head{padding:24px 28px;border-bottom:1px solid #f0f4fa;background:linear-gradient(180deg,#fffbeb,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .form-card .head h2{margin:0;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em;display:flex;align-items:center;gap:12px}
  .form-card .head h2 .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#fbbf24,#f59e0b);display:flex;align-items:center;justify-content:center}
  .form-card .head h2 .ic img{width:20px;height:20px;filter:brightness(0) invert(1)}
  .form-card .head .req{font-size:11px;font-weight:700;color:var(--slate-500);background:#fffbeb;padding:6px 12px;border-radius:6px;border:1px solid #fde68a}
  .form-card .head .req b{color:#dc2626;margin:0 2px}

  .manual-form{padding:32px 28px}
  .field{margin-bottom:22px}
  .field label{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:8px}
  .field label .req-tag{background:#dc2626;color:#fff;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:3px;letter-spacing:.04em;font-family:Inter,sans-serif}
  .field label .opt-tag{background:#f1f5f9;color:var(--slate-500);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:3px;letter-spacing:.04em;font-family:Inter,sans-serif}
  .field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{
    width:100%;border:1.5px solid #e6edf7;background:#fafdff;border-radius:10px;padding:13px 14px;
    font-size:14px;font-family:inherit;color:var(--ink);font-weight:500;transition:all .15s
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:#f59e0b;background:#fff;box-shadow:0 0 0 3px rgba(245,158,11,.15)}
  .field textarea{min-height:160px;resize:vertical;line-height:1.7}
  .field .hint{margin-top:6px;font-size:11px;color:var(--slate-500);font-weight:500}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .row2 .field{margin-bottom:22px}

  .priority-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
  .priority-grid label{display:flex;flex-direction:column;align-items:center;gap:6px;padding:14px 8px;border:1.5px solid #e6edf7;border-radius:10px;background:#fafdff;cursor:pointer;font-size:12px;font-weight:700;color:var(--slate-700);margin:0;transition:all .12s;text-align:center}
  .priority-grid label:hover{border-color:#fde68a}
  .priority-grid input{accent-color:#f59e0b}
  .priority-grid .badge{display:inline-block;padding:2px 8px;border-radius:4px;font-size:10px;font-weight:800;font-family:Inter,sans-serif;letter-spacing:.06em}
  .priority-grid .badge.l1{background:#fee2e2;color:#dc2626}
  .priority-grid .badge.l2{background:#fed7aa;color:#c2410c}
  .priority-grid .badge.l3{background:#fef3c7;color:#a16207}
  .priority-grid .badge.l4{background:#e0f2fe;color:#0369a1}

  .category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .category-grid label{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1.5px solid #e6edf7;border-radius:8px;background:#fafdff;cursor:pointer;font-size:12px;font-weight:600;color:var(--slate-700);margin:0;transition:all .12s}
  .category-grid label:hover{border-color:#fde68a;background:#fffbeb}
  .category-grid input{accent-color:#f59e0b}

  .agree{margin:8px 0 0;padding:18px 20px;background:#fffbeb;border:1px solid #fde68a;border-radius:10px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--slate-700);line-height:1.7;font-weight:600}
  .agree input{margin-top:3px;accent-color:#f59e0b;flex-shrink:0}
  .agree a{color:#b45309;font-weight:800;text-decoration:underline}
  .submit-row{margin-top:28px;text-align:center}
  .submit-row button{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1c1917;border:0;padding:16px 56px;border-radius:999px;font-size:14.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 22px rgba(245,158,11,.35);transition:all .15s;font-family:inherit}
  .submit-row button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(245,158,11,.45)}
  .submit-row .note{margin-top:12px;font-size:11px;color:var(--slate-500);font-weight:500}

  .assure-strip{background:#fafdff;border-top:1px solid #f0f4fa;padding:18px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .assure-strip .a{display:flex;align-items:center;gap:10px}
  .assure-strip .a .ic{width:30px;height:30px;border-radius:8px;background:#fffbeb;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .assure-strip .a .ic img{width:16px;height:16px}
  .assure-strip .a .t{font-size:11.5px;color:var(--ink);font-weight:700;line-height:1.4}
  .assure-strip .a .t small{display:block;font-size:10.5px;color:var(--slate-500);font-weight:600;margin-top:2px}

  .alt-cta{margin-top:36px;padding:28px;border:1px dashed #fde68a;border-radius:14px;background:#fffbeb;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .alt-cta .t{font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .alt-cta .t b{color:var(--ink);font-weight:800}
  .alt-cta a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:#b45309;border:1.5px solid #fde68a;padding:11px 22px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em}
  .alt-cta a:hover{border-color:#f59e0b}

/* ─── used on 1 page(s): download ─── */
/* ===== form page (download) ===== */
  .form-hero{
    position:relative;overflow:hidden;padding:64px 0 32px;
    background:linear-gradient(180deg,#f3fcfe 0%,#ecfbfe 60%,#ffffff 100%);
  }
  .form-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .crumb a{color:var(--slate-500)}
  .crumb a:hover{color:var(--blue-700)}
  .crumb .sep{opacity:.5}
  .form-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .form-hero h1{margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.01em}
  .form-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .form-hero p.lead{max-width:680px;font-size:14.5px;line-height:2;color:var(--slate-600);margin:0;font-weight:500}

  /* document showcase */
  .doc-showcase{padding:60px 0 30px;background:#fff}
  .doc-showcase-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .doc-showcase h2{margin:0 0 6px;font-size:22px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .doc-showcase h2::before{content:"";width:4px;height:22px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .doc-showcase p.sub{margin:0 0 24px 14px;font-size:12.5px;color:var(--slate-500);font-weight:500}
  .doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .doc-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;overflow:hidden;transition:all .18s;display:flex;flex-direction:column}
  .doc-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
  .doc-card .cover{aspect-ratio:7/5;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:#fff}
  .doc-card.c1 .cover{background:linear-gradient(135deg,#16d6f3 0%,#0ea5e9 100%)}
  .doc-card.c2 .cover{background:linear-gradient(135deg,#a78bfa 0%,#7c3aed 100%)}
  .doc-card.c3 .cover{background:linear-gradient(135deg,#fbbf24 0%,#f97316 100%)}
  .doc-card .cover .label{position:absolute;top:14px;left:14px;background:#fff;color:var(--blue-700);font-size:10px;font-weight:800;padding:4px 10px;border-radius:4px;letter-spacing:.06em;font-family:Inter,sans-serif;z-index:2}
  .doc-card .cover .ttl{position:relative;z-index:2;text-align:center;padding:16px}
  .doc-card .cover .ttl .ic{font-family:Inter,sans-serif;font-size:11px;font-weight:800;letter-spacing:.18em;opacity:.9;margin-bottom:8px}
  .doc-card .cover .ttl h4{margin:0;font-size:18px;font-weight:800;color:#fff;line-height:1.5;letter-spacing:.01em;text-shadow:0 2px 8px rgba(0,0,0,.18)}
  .doc-card .cover .pages{position:absolute;bottom:14px;right:14px;background:rgba(0,0,0,.2);color:#fff;font-size:10.5px;font-weight:700;padding:4px 10px;border-radius:4px;font-family:Inter,sans-serif;backdrop-filter:blur(4px);z-index:2}
  .doc-card .body{padding:18px 20px 20px;display:flex;flex-direction:column;flex:1}
  .doc-card .body p{margin:0 0 14px;font-size:12.5px;line-height:1.85;color:var(--slate-600);font-weight:500;flex:1}
  .doc-card .body ul{list-style:none;padding:0;margin:0 0 14px;display:flex;flex-direction:column;gap:6px}
  .doc-card .body ul li{font-size:11.5px;color:var(--slate-700);font-weight:600;display:flex;gap:8px;align-items:flex-start;line-height:1.55}
  .doc-card .body ul li::before{content:"";flex:0 0 14px;width:14px;height:14px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}
  .doc-card .body .meta{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #f0f4fa;font-size:10.5px;color:var(--slate-500);font-family:Inter,sans-serif;font-weight:600}
  .doc-card .body .meta .fmt{background:#ecfbfe;color:var(--blue-700);padding:3px 8px;border-radius:4px;font-weight:800}

  /* form */
  .form-section{padding:50px 0 100px;background:#fafdff;position:relative}
  .form-grid{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:flex-start}

  .form-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
  .side-block{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%);border:1px solid #d2f5fc;border-radius:16px;padding:24px}
  .side-block h3{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:.02em}
  .side-block h3::before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .side-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
  .side-block ul li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.65}
  .side-block ul li::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}

  .side-stack{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:22px}
  .side-stack h3{margin:0 0 14px;font-size:13px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .side-stack h3::before{content:"";width:4px;height:14px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .side-stack .row{display:flex;align-items:center;gap:10px;padding:8px 0;border-bottom:1px dashed #f0f4fa;font-size:12px;color:var(--slate-700);font-weight:600}
  .side-stack .row:last-child{border-bottom:0}
  .side-stack .row .ic{width:24px;height:24px;border-radius:6px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .side-stack .row .ic img{width:14px;height:14px}
  .side-stack .row .pg{margin-left:auto;font-family:Inter,sans-serif;font-size:10.5px;color:var(--slate-500)}

  .side-cs{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:20px;display:flex;gap:14px;align-items:center}
  .side-cs .av{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));display:flex;align-items:center;justify-content:center;color:#062b34;font-family:Inter,sans-serif;font-weight:800;font-size:14px}
  .side-cs .ttl{font-size:12.5px;color:var(--ink);font-weight:800;line-height:1.5}
  .side-cs .desc{margin-top:4px;font-size:11px;color:var(--slate-500);font-weight:600;line-height:1.6}

  /* form card */
  .form-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
  .form-card .head{padding:24px 28px;border-bottom:1px solid #f0f4fa;background:linear-gradient(180deg,#fafdff,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .form-card .head h2{margin:0;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em;display:flex;align-items:center;gap:12px}
  .form-card .head h2 .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));display:flex;align-items:center;justify-content:center}
  .form-card .head h2 .ic img{width:20px;height:20px;filter:brightness(0) invert(.18)}
  .form-card .head .req{font-size:11px;font-weight:700;color:var(--slate-500);background:#f6fcfe;padding:6px 12px;border-radius:6px;border:1px solid #d2f5fc}
  .form-card .head .req b{color:#dc2626;margin:0 2px}

  .form-frame-wrap{padding:8px 14px 14px;background:#fff;position:relative;min-height:1620px}
  .form-frame-wrap iframe{display:block;border:0;width:100%}

  .assure-strip{background:#fafdff;border-top:1px solid #f0f4fa;padding:18px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .assure-strip .a{display:flex;align-items:center;gap:10px}
  .assure-strip .a .ic{width:30px;height:30px;border-radius:8px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .assure-strip .a .ic img{width:16px;height:16px}
  .assure-strip .a .t{font-size:11.5px;color:var(--ink);font-weight:700;line-height:1.4}
  .assure-strip .a .t small{display:block;font-size:10.5px;color:var(--slate-500);font-weight:600;margin-top:2px}

  /* alt cta */
  .alt-cta{margin-top:36px;padding:28px;border:1px dashed #d2f5fc;border-radius:14px;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .alt-cta .t{font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .alt-cta .t b{color:var(--ink);font-weight:800}
  .alt-cta a{display:inline-flex;align-items:center;gap:8px;background:var(--blue-500);color:#062b34;border:0;padding:12px 24px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em}
  .alt-cta a:hover{background:var(--blue-600);color:#fff}

  /* voice */
  .voice{margin-top:36px;background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:32px}
  .voice h3{margin:0 0 20px;font-size:18px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .voice h3::before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .voice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
  .voice-card{background:linear-gradient(180deg,#f6fcfe,#ecfbfe);border:1px solid #d2f5fc;border-radius:14px;padding:22px}
  .voice-card .stars{color:#f59e0b;font-size:13px;letter-spacing:1px;margin-bottom:8px}
  .voice-card p{margin:0 0 14px;font-size:13px;line-height:1.95;color:var(--slate-700);font-weight:500}
  .voice-card .who{display:flex;align-items:center;gap:10px;padding-top:12px;border-top:1px solid #d2f5fc}
  .voice-card .who .av{width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-family:Inter,sans-serif;font-weight:800;font-size:11px;display:flex;align-items:center;justify-content:center}
  .voice-card .who .nm{font-size:12px;color:var(--ink);font-weight:800}
  .voice-card .who .ind{font-size:10.5px;color:var(--slate-500);font-weight:600}

/* ─── used on 1 page(s): partner ─── */
/* ============== PARTNER PAGE ============== */
  .pt-hero{position:relative;overflow:hidden;padding:80px 0 70px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .pt-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}
  .pt-hero .crumb{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:20px}
  .pt-hero .crumb a{color:var(--slate-500)}
  .pt-hero .crumb a:hover{color:var(--blue-700)}
  .pt-hero .crumb .sep{opacity:.5}
  .pt-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .pt-hero h1{margin:0 0 18px;font-size:42px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.005em}
  .pt-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .pt-hero p.lead{max-width:720px;margin:0 auto 32px;font-size:15px;line-height:2;color:var(--slate-600);font-weight:500}
  .pt-hero .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}

  /* WHY card row */
  .pt-why{padding:80px 0 30px}
  .pt-why-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .pt-why-card{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:34px 30px;transition:all .18s;text-align:center}
  .pt-why-card:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .pt-why-card .ico{width:64px;height:64px;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));border-radius:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px;color:#062b34}
  .pt-why-card .ico img{width:34px;height:34px;filter:brightness(0) invert(0.05)}
  .pt-why-card h4{margin:0 0 12px;font-size:18px;font-weight:800;color:var(--ink);line-height:1.5}
  .pt-why-card p{margin:0;font-size:13.5px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* Partner tiers */
  .pt-tiers{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .pt-tiers-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-tiers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:48px}
  .pt-tier{position:relative;background:#fff;border:1.5px solid #e6edf7;border-radius:18px;padding:32px 32px 30px;transition:all .18s}
  .pt-tier:hover{border-color:var(--blue-300);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .pt-tier.featured{border-color:var(--blue-500);box-shadow:0 12px 30px rgba(22,214,243,.18)}
  .pt-tier .badge{position:absolute;top:-12px;right:24px;background:var(--blue-500);color:#062b34;font-size:11px;font-weight:800;padding:5px 14px;border-radius:999px;letter-spacing:.06em;font-family:Inter,sans-serif}
  .pt-tier .head{display:flex;align-items:center;gap:14px;padding-bottom:18px;border-bottom:1px solid #f0f4fa;margin-bottom:18px}
  .pt-tier .head .ico{width:48px;height:48px;background:#ecfbfe;border-radius:12px;display:flex;align-items:center;justify-content:center;flex:0 0 48px}
  .pt-tier .head .ico img{width:28px;height:28px}
  .pt-tier .head h4{margin:0;font-size:18px;font-weight:800;color:var(--ink);line-height:1.4}
  .pt-tier .head .en{font-size:11px;color:var(--blue-600);font-family:Inter,sans-serif;letter-spacing:.14em;font-weight:700;display:block;margin-top:3px}
  .pt-tier p{margin:0 0 16px;font-size:13.5px;line-height:1.95;color:var(--slate-600);font-weight:500}
  .pt-tier ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}
  .pt-tier li{display:flex;align-items:flex-start;gap:10px;font-size:13px;color:var(--slate-700);font-weight:500;line-height:1.65}
  .pt-tier li::before{content:"";width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;flex:0 0 18px;margin-top:1px}

  /* Benefits */
  .pt-benefits{padding:80px 0}
  .pt-benefits-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-benefits-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px 32px;margin-top:48px}
  .pt-benefit{display:flex;gap:18px}
  .pt-benefit .num{flex:0 0 56px;width:56px;height:56px;background:linear-gradient(135deg,var(--blue-400),var(--blue-600));color:#062b34;border-radius:14px;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:24px;font-weight:900;letter-spacing:-.02em;box-shadow:0 6px 14px rgba(22,214,243,.3)}
  .pt-benefit .body h5{margin:0 0 6px;font-size:16px;font-weight:800;color:var(--ink);line-height:1.5}
  .pt-benefit .body p{margin:0;font-size:13px;line-height:1.95;color:var(--slate-600);font-weight:500}

  /* Process timeline */
  .pt-process{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .pt-process-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:48px;position:relative}
  .pt-steps::before{content:"";position:absolute;left:60px;right:60px;top:32px;height:2px;background:linear-gradient(90deg,var(--blue-300) 0%,var(--blue-500) 100%);z-index:1}
  .pt-step{position:relative;background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:24px 22px;text-align:center;z-index:2}
  .pt-step .num{width:64px;height:64px;background:#fff;border:3px solid var(--blue-500);color:var(--blue-700);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:22px;font-weight:900;margin:-46px auto 18px;box-shadow:0 4px 14px rgba(22,214,243,.3)}
  .pt-step h5{margin:0 0 8px;font-size:15px;font-weight:800;color:var(--ink);line-height:1.5}
  .pt-step p{margin:0;font-size:12px;line-height:1.85;color:var(--slate-600);font-weight:500}

  /* Partner logos */
  .pt-logos{padding:80px 0}
  .pt-logos-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-logo-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:48px;align-items:center}
  .pt-logo-item{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:24px;display:flex;align-items:center;justify-content:center;height:80px;transition:all .15s}
  .pt-logo-item:hover{border-color:var(--blue-300);box-shadow:var(--shadow-sm)}
  .pt-logo-item img{max-height:32px;max-width:140px;width:auto;filter:grayscale(100%);opacity:.65;transition:all .15s}
  .pt-logo-item:hover img{filter:grayscale(0);opacity:1}

  /* Testimonials */
  .pt-voices{padding:80px 0;background:linear-gradient(180deg,#f7fbfd 0%,#fff 100%)}
  .pt-voices-inner{max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-voice-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:48px}
  .pt-voice{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:30px 28px;display:flex;flex-direction:column;transition:all .18s}
  .pt-voice:hover{border-color:var(--blue-200);box-shadow:var(--shadow-md);transform:translateY(-3px)}
  .pt-voice .quote{font-size:14px;line-height:2;color:var(--slate-700);font-weight:500;margin:0 0 22px;flex:1;position:relative;padding-top:14px}
  .pt-voice .quote::before{content:"201C";position:absolute;top:-8px;left:-4px;font-family:Georgia,serif;font-size:48px;color:var(--blue-300);line-height:1;font-weight:900}
  .pt-voice .author{display:flex;align-items:center;gap:12px;padding-top:18px;border-top:1px solid #f0f4fa}
  .pt-voice .author .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:14px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;flex:0 0 44px}
  .pt-voice .author .info .nm{font-size:13px;color:var(--ink);font-weight:700;line-height:1.4}
  .pt-voice .author .info .role{font-size:11.5px;color:var(--slate-500);font-weight:500;margin-top:2px}

  /* FAQ accordion */
  .pt-faq{padding:80px 0;background:#fff}
  .pt-faq-inner{max-width:880px;margin:0 auto;padding:0 24px}
  .pt-faq-list{margin-top:40px;display:flex;flex-direction:column;gap:12px}
  .pt-faq-item{background:#fff;border:1px solid #e6edf7;border-radius:12px;overflow:hidden;transition:all .15s}
  .pt-faq-item:hover{border-color:var(--blue-200)}
  .pt-faq-q{padding:20px 24px;font-size:14.5px;font-weight:700;color:var(--ink);cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:14px;line-height:1.5}
  .pt-faq-q::after{content:"+";font-family:Inter,sans-serif;font-size:22px;font-weight:300;color:var(--blue-600);transition:transform .2s;flex:0 0 24px;text-align:center}
  .pt-faq-item.open .pt-faq-q::after{content:"−"}
  .pt-faq-a{padding:0 24px 22px;font-size:13.5px;line-height:1.95;color:var(--slate-600);font-weight:500;display:none;border-top:1px solid #f0f4fa;padding-top:18px;margin-top:0}
  .pt-faq-item.open .pt-faq-a{display:block}

  /* CTA band */
  .pt-cta{position:relative;padding:80px 0 90px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .pt-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .pt-cta h2{font-size:32px;font-weight:800;line-height:1.5;margin:0 0 14px;color:#062b34}
  .pt-cta p{font-size:14.5px;color:#062b34;opacity:.85;margin:0 0 28px;font-weight:500}
  .pt-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .pt-cta .btn-white{background:#fff;color:var(--blue-700);padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}
  .pt-cta .btn-white:hover{background:#ecfbfe}
  .pt-cta .btn-out{background:transparent;color:#fff;padding:16px 32px;font-size:14px;font-weight:700;border-radius:999px;border:1.5px solid rgba(255,255,255,.7)}
  .pt-cta .btn-out:hover{background:rgba(255,255,255,.12)}

/* ─── used on 1 page(s): contact-prospect ─── */
.form-hero{position:relative;overflow:hidden;padding:64px 0 32px;background:linear-gradient(180deg,#f3fcfe 0%,#ecfbfe 60%,#ffffff 100%)}
  .form-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .crumb a{color:var(--slate-500)} .crumb a:hover{color:var(--blue-700)} .crumb .sep{opacity:.5}
  .form-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .form-hero h1{margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.01em}
  .form-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .form-hero p.lead{max-width:680px;font-size:14.5px;line-height:2;color:var(--slate-600);margin:0;font-weight:500}

  /* tabs */
  .switch-tabs{max-width:1120px;margin:32px auto -1px;padding:0 24px;display:flex;gap:0;position:relative;z-index:3}
  .switch-tabs a{flex:1;text-align:center;padding:18px 20px;background:#eaf5fa;border:1px solid #d2f5fc;border-bottom:0;border-radius:14px 14px 0 0;font-size:13.5px;font-weight:700;color:var(--slate-600);text-decoration:none;display:flex;align-items:center;justify-content:center;gap:10px;transition:all .15s}
  .switch-tabs a:not(.active):hover{background:#dff5fa}
  .switch-tabs a.active{background:#fff;color:var(--blue-700);font-weight:800;border-color:#e6edf7;position:relative}
  .switch-tabs a.active::after{content:"";position:absolute;left:0;right:0;bottom:-1px;height:2px;background:#fff}
  .switch-tabs a .ic{width:22px;height:22px;border-radius:6px;background:#ecfbfe;display:flex;align-items:center;justify-content:center}
  .switch-tabs a.active .ic{background:linear-gradient(135deg,var(--blue-300),var(--blue-500))}
  .switch-tabs a .ic img{width:13px;height:13px}

  .form-section{padding:0 0 100px;background:#fff;position:relative}
  .form-grid{max-width:1120px;margin:0 auto;padding:48px 24px 0;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:flex-start}

  .form-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
  .side-block{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%);border:1px solid #d2f5fc;border-radius:16px;padding:24px}
  .side-block h3{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:.02em}
  .side-block h3::before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .side-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
  .side-block ul li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.65}
  .side-block ul li::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}

  .side-quick{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:22px}
  .side-quick h3{margin:0 0 14px;font-size:13px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .side-quick h3::before{content:"";width:4px;height:14px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .quick-row{display:flex;gap:12px;align-items:center;padding:12px 0;border-bottom:1px dashed #f0f4fa}
  .quick-row:last-child{border-bottom:0}
  .quick-row .ic{width:36px;height:36px;border-radius:10px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .quick-row .ic img{width:18px;height:18px}
  .quick-row .ttl{font-size:12.5px;color:var(--ink);font-weight:800}
  .quick-row .desc{font-size:11px;color:var(--slate-500);font-weight:600;margin-top:2px;line-height:1.5}
  .quick-row a{margin-left:auto;color:var(--blue-700);font-size:11.5px;font-weight:800;font-family:Inter,sans-serif;flex-shrink:0}

  .side-tel{background:linear-gradient(135deg,var(--blue-700),var(--blue-600));color:#fff;border-radius:16px;padding:22px;text-align:center}
  .side-tel .lbl{font-size:11px;font-weight:700;letter-spacing:.14em;opacity:.85;font-family:Inter,sans-serif}
  .side-tel .num{margin:8px 0 6px;font-family:Inter,sans-serif;font-size:28px;font-weight:900;letter-spacing:-.01em;line-height:1}
  .side-tel .hours{font-size:11px;opacity:.85;font-weight:600}

  /* form card */
  .form-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
  .form-card .head{padding:24px 28px;border-bottom:1px solid #f0f4fa;background:linear-gradient(180deg,#fafdff,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .form-card .head h2{margin:0;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em;display:flex;align-items:center;gap:12px}
  .form-card .head h2 .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));display:flex;align-items:center;justify-content:center}
  .form-card .head h2 .ic img{width:20px;height:20px;filter:brightness(0) invert(.18)}
  .form-card .head .req{font-size:11px;font-weight:700;color:var(--slate-500);background:#f6fcfe;padding:6px 12px;border-radius:6px;border:1px solid #d2f5fc}
  .form-card .head .req b{color:#dc2626;margin:0 2px}

  /* manual inquiry form (since iframe is invisible) */
  .manual-form{padding:32px 28px}
  .field{margin-bottom:22px}
  .field label{display:block;font-size:12.5px;font-weight:800;color:var(--ink);margin-bottom:8px;display:flex;align-items:center;gap:8px}
  .field label .req-tag{background:#dc2626;color:#fff;font-size:9.5px;font-weight:800;padding:2px 7px;border-radius:3px;letter-spacing:.04em;font-family:Inter,sans-serif}
  .field label .opt-tag{background:#f1f5f9;color:var(--slate-500);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:3px;letter-spacing:.04em;font-family:Inter,sans-serif}
  .field input[type=text],.field input[type=email],.field input[type=tel],.field select,.field textarea{
    width:100%;border:1.5px solid #e6edf7;background:#fafdff;border-radius:10px;padding:13px 14px;
    font-size:14px;font-family:inherit;color:var(--ink);font-weight:500;transition:all .15s
  }
  .field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--blue-500);background:#fff;box-shadow:0 0 0 3px rgba(22,214,243,.15)}
  .field textarea{min-height:140px;resize:vertical;line-height:1.7}
  .field .hint{margin-top:6px;font-size:11px;color:var(--slate-500);font-weight:500}
  .row2{display:grid;grid-template-columns:1fr 1fr;gap:18px}
  .row2 .field{margin-bottom:22px}
  .radio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
  .radio-grid label{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1.5px solid #e6edf7;border-radius:10px;background:#fafdff;cursor:pointer;font-size:13px;font-weight:600;color:var(--slate-700);margin:0;transition:all .12s}
  .radio-grid label:hover{border-color:var(--blue-300);background:#f6fcfe}
  .radio-grid input{accent-color:var(--blue-600)}
  .check-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
  .check-grid label{display:flex;align-items:center;gap:8px;padding:11px 12px;border:1.5px solid #e6edf7;border-radius:8px;background:#fafdff;cursor:pointer;font-size:12px;font-weight:600;color:var(--slate-700);margin:0;transition:all .12s}
  .check-grid label:hover{border-color:var(--blue-300);background:#f6fcfe}
  .check-grid input{accent-color:var(--blue-600)}
  .agree{margin:8px 0 0;padding:18px 20px;background:#f6fcfe;border:1px solid #d2f5fc;border-radius:10px;display:flex;align-items:flex-start;gap:10px;font-size:12px;color:var(--slate-700);line-height:1.7;font-weight:600}
  .agree input{margin-top:3px;accent-color:var(--blue-600);flex-shrink:0}
  .agree a{color:var(--blue-700);font-weight:800;text-decoration:underline}
  .submit-row{margin-top:28px;text-align:center}
  .submit-row button{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#062b34;border:0;padding:16px 56px;border-radius:999px;font-size:14.5px;font-weight:800;letter-spacing:.04em;cursor:pointer;box-shadow:0 8px 22px rgba(22,214,243,.35);transition:all .15s;font-family:inherit}
  .submit-row button:hover{transform:translateY(-1px);box-shadow:0 12px 28px rgba(22,214,243,.45)}
  .submit-row .note{margin-top:12px;font-size:11px;color:var(--slate-500);font-weight:500}

  /* hidden tracking iframe */
  .tracking-iframe{position:absolute;left:-9999px;top:-9999px;width:0;height:0;display:none}

  .assure-strip{background:#fafdff;border-top:1px solid #f0f4fa;padding:18px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .assure-strip .a{display:flex;align-items:center;gap:10px}
  .assure-strip .a .ic{width:30px;height:30px;border-radius:8px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .assure-strip .a .ic img{width:16px;height:16px}
  .assure-strip .a .t{font-size:11.5px;color:var(--ink);font-weight:700;line-height:1.4}
  .assure-strip .a .t small{display:block;font-size:10.5px;color:var(--slate-500);font-weight:600;margin-top:2px}

  .alt-cta{margin-top:36px;padding:28px;border:1px dashed #d2f5fc;border-radius:14px;background:#fafdff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .alt-cta .t{font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .alt-cta .t b{color:var(--ink);font-weight:800}
  .alt-cta a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue-700);border:1.5px solid var(--blue-300);padding:11px 22px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em}
  .alt-cta a:hover{background:var(--blue-50);border-color:var(--blue-500)}

/* ─── used on 1 page(s): faq ─── */
/* ============== FAQ PAGE ============== */
  .faq-hero{position:relative;overflow:hidden;padding:80px 0 60px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .faq-hero::after{content:"";position:absolute;right:-100px;bottom:-50px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.10) 0%,transparent 70%);border-radius:50%}
  .faq-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}
  .faq-crumb{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:20px}
  .faq-crumb a{color:var(--slate-500)}
  .faq-crumb a:hover{color:var(--blue-700)}
  .faq-crumb .sep{opacity:.5}
  .faq-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .faq-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.4;color:var(--ink)}
  .faq-hero h1 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .faq-hero .lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;margin:0 auto 0;max-width:640px}

  /* Search & Tabs */
  .faq-controls{padding:8px 0 0;background:#fff}
  .faq-controls-inner{max-width:920px;margin:0 auto;padding:0 24px}
  .faq-search{position:relative;width:280px;margin:0 0 12px 0}
  .faq-search input{width:100%;padding:9px 14px 9px 36px;font-size:13px;font-weight:500;color:var(--ink);background:#fff;border:1.5px solid #e6edf7;border-radius:9px;transition:all .15s;font-family:"Noto Sans JP",sans-serif}
  .faq-search input:focus{outline:none;border-color:var(--blue-500);box-shadow:0 0 0 3px rgba(22,214,243,.15)}
  .faq-search svg{position:absolute;left:11px;top:50%;transform:translateY(-50%);width:15px;height:15px;color:var(--slate-400)}
  .faq-bar{padding:14px 18px;background:#fafcff;border:1px solid #eef2f8;border-radius:14px}
  .faq-tabs{display:flex;flex-wrap:wrap;gap:6px}
  @media(max-width:680px){
    .faq-search{width:100%}
    .faq-tabs{justify-content:center}
  }
  .faq-tab{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:200px;box-sizing:border-box;white-space:nowrap;font-size:13px;font-weight:700;color:var(--slate-700);background:#fff;border:1.5px solid #e6edf7;padding:9px 14px;border-radius:999px;cursor:pointer;transition:all .15s;font-family:"Noto Sans JP",sans-serif}
  .faq-tab:hover{border-color:var(--blue-300);color:var(--blue-700)}
  .faq-tab.is-active{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;border-color:transparent;box-shadow:0 6px 16px -4px rgba(11,180,207,.4)}
  .faq-tab .ic{display:inline-flex;align-items:center;justify-content:center;color:currentColor;width:16px;height:16px}
  .faq-tab .ic svg{width:16px;height:16px;display:block}
  .faq-tab .cnt{font-family:Inter,sans-serif;font-size:11px;font-weight:900;background:rgba(15,27,61,.08);color:var(--slate-600);padding:2px 7px;border-radius:999px;margin-left:2px}
  .faq-tab.is-active .cnt{background:rgba(255,255,255,.25);color:#fff}

  /* List */
  .faq-list{padding:32px 0 80px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%);max-width:none;display:block}
  .faq-list-inner{max-width:920px;margin:0 auto;padding:0 24px}
  .faq-group{margin-bottom:36px}
  .faq-group-h{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:18px;font-weight:800;color:var(--ink);padding-bottom:14px;border-bottom:2px solid #ecfbfe}
  .faq-group-h .ic{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;background:linear-gradient(135deg,#ecfbfe,#dbeafe);border-radius:10px;color:var(--blue-700);flex-shrink:0}
  .faq-group-h .ic svg{width:20px;height:20px;display:block}
  .faq-group-h .num{margin-left:auto;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);background:#ecfbfe;padding:4px 10px;border-radius:999px}
  .faq-item{background:#fff;border:1px solid #e6edf7;border-radius:12px;margin-bottom:10px;overflow:hidden;transition:all .15s}
  .faq-item:hover{border-color:var(--blue-200)}
  .faq-item[open]{border-color:var(--blue-300);box-shadow:0 8px 22px -8px rgba(11,180,207,.15)}
  .faq-item summary{position:relative;display:flex;align-items:flex-start;gap:14px;padding:18px 22px;cursor:pointer;list-style:none;font-size:14.5px;font-weight:700;color:var(--ink);line-height:1.6;transition:background .15s}
  .faq-item summary::-webkit-details-marker{display:none}
  .faq-item summary:hover{background:#fafcff}
  .faq-item .q-mark{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:13px;font-weight:900;letter-spacing:.02em;margin-top:1px}
  .faq-item .q-text{flex:1;min-width:0}
  .faq-item .caret{position:absolute;right:22px;top:24px;width:20px;height:20px;display:flex;align-items:center;justify-content:center;color:var(--blue-600);transition:transform .2s}
  .faq-item .caret::after{content:"";display:block;width:8px;height:8px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:rotate(45deg);margin-top:-4px}
  .faq-item[open] .caret{transform:rotate(180deg);color:var(--blue-700)}
  .faq-body{display:flex;align-items:flex-start;gap:14px;padding:0 22px 22px 22px;animation:faqOpen .25s ease-out}
  @keyframes faqOpen{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
  .faq-item .a-mark{flex-shrink:0;width:30px;height:30px;border-radius:8px;background:#f0fdf4;color:#15803d;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;font-size:13px;font-weight:900;letter-spacing:.02em;margin-top:1px;border:1px solid #bbf7d0}
  .faq-item .a-text{flex:1;font-size:13.5px;line-height:2;color:var(--slate-700);font-weight:500;padding-left:2px;padding-top:5px}
  .faq-item .a-text b{color:var(--ink);font-weight:800;background:linear-gradient(transparent 60%,#d2f5fc 60%);padding:1px 3px}

  .faq-empty{text-align:center;padding:60px 24px;color:var(--slate-500);font-size:14px;font-weight:500}

  /* CTA */
  .faq-cta{position:relative;padding:60px 0 70px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .faq-cta-inner{position:relative;text-align:center;max-width:920px;margin:0 auto;padding:0 24px}
  .faq-cta h2{font-size:24px;font-weight:800;line-height:1.5;margin:0 0 12px;color:#062b34}
  .faq-cta p{font-size:13.5px;color:#062b34;opacity:.85;margin:0 0 22px;font-weight:500}
  .faq-cta .ctas{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
  /* FAQ CTA buttons — match reference image (white solid + transparent ghost) */
  .faq-cta .ctas{display:flex;gap:16px;justify-content:center;flex-wrap:wrap;margin-top:6px}
  .faq-cta-primary{display:inline-flex;align-items:center;gap:10px;background:#fff;color:var(--blue-700);padding:15px 34px;font-size:15px;font-weight:800;border-radius:999px;border:0;text-decoration:none;letter-spacing:.02em;box-shadow:0 12px 30px -6px rgba(0,0,0,.20),0 4px 10px rgba(0,0,0,.10);transition:all .2s}
  .faq-cta-primary:hover{transform:translateY(-1px);box-shadow:0 16px 36px -6px rgba(0,0,0,.28),0 6px 14px rgba(0,0,0,.14);color:var(--blue-ink)}
  .faq-cta-primary .arr{font-weight:900;font-size:15px;color:var(--blue-500);margin-left:2px}
  .faq-cta-ghost{display:inline-flex;align-items:center;gap:8px;background:transparent;color:#fff;padding:15px 34px;font-size:15px;font-weight:800;border-radius:999px;border:1.5px solid rgba(255,255,255,.85);text-decoration:none;letter-spacing:.02em;transition:all .2s}
  .faq-cta-ghost:hover{background:rgba(255,255,255,.14);border-color:#fff;transform:translateY(-1px)}

  @media(max-width:680px){
    .faq-hero h1{font-size:26px}
    .faq-tab{font-size:12px;padding:7px 14px;width:auto}
    .faq-item summary{font-size:13.5px;padding:14px 16px}
    .faq-item .caret{right:16px;top:20px}
    .faq-body{padding:0 16px 18px 16px}
  }

/* ─── used on 1 page(s): demo ─── */
/* ===== form page ===== */
  .form-hero{
    position:relative;overflow:hidden;padding:64px 0 32px;
    background:linear-gradient(180deg,#f3fcfe 0%,#ecfbfe 60%,#ffffff 100%);
  }
  .form-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px}
  .crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .crumb a{color:var(--slate-500)}
  .crumb a:hover{color:var(--blue-700)}
  .crumb .sep{opacity:.5}
  .form-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .form-hero h1{margin:0 0 16px;font-size:42px;font-weight:800;line-height:1.4;color:var(--ink);letter-spacing:.01em}
  .form-hero h1 .accent{background:linear-gradient(120deg,var(--blue-600),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .form-hero p.lead{max-width:680px;font-size:14.5px;line-height:2;color:var(--slate-600);margin:0;font-weight:500}

  /* layout */
  .form-section{padding:60px 0 100px;background:#fff;position:relative}
  .form-grid{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:340px 1fr;gap:48px;align-items:flex-start}

  .form-side{position:sticky;top:96px;display:flex;flex-direction:column;gap:20px}
  .side-block{background:linear-gradient(180deg,#f6fcfe 0%,#ecfbfe 100%);border:1px solid #d2f5fc;border-radius:16px;padding:24px}
  .side-block h3{margin:0 0 14px;font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px;letter-spacing:.02em}
  .side-block h3::before{content:"";width:4px;height:18px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .side-block ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}
  .side-block ul li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.65}
  .side-block ul li::before{content:"";flex:0 0 18px;width:18px;height:18px;background:url(/wp-content/themes/task-relay-theme/assets/75_check_blue4.png) no-repeat center/contain;margin-top:2px}

  .side-stats{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:22px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
  .side-stats .s{text-align:center}
  .side-stats .s .n{font-family:Inter,sans-serif;font-weight:900;font-size:26px;color:var(--blue-700);line-height:1;letter-spacing:-.01em}
  .side-stats .s .n .u{font-size:14px;margin-left:2px;color:var(--blue-500)}
  .side-stats .s .l{margin-top:6px;font-size:11px;color:var(--slate-500);font-weight:700;letter-spacing:.04em}

  .side-cs{background:#fff;border:1px solid #e6edf7;border-radius:16px;padding:20px;display:flex;gap:14px;align-items:center}
  .side-cs .av{flex-shrink:0;width:54px;height:54px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));display:flex;align-items:center;justify-content:center;color:#062b34;font-family:Inter,sans-serif;font-weight:800;font-size:14px}
  .side-cs .ttl{font-size:12.5px;color:var(--ink);font-weight:800;line-height:1.5}
  .side-cs .desc{margin-top:4px;font-size:11px;color:var(--slate-500);font-weight:600;line-height:1.6}

  /* steps */
  .steps{display:flex;align-items:center;gap:0;margin-bottom:32px;padding:18px 22px;background:#f6fcfe;border:1px solid #d2f5fc;border-radius:14px}
  .steps .step{display:flex;align-items:center;gap:10px;flex:0 0 auto}
  .steps .step .n{width:26px;height:26px;border-radius:50%;background:var(--blue-500);color:#062b34;font-family:Inter,sans-serif;font-weight:800;font-size:12px;display:flex;align-items:center;justify-content:center}
  .steps .step.done .n{background:var(--blue-600);color:#fff}
  .steps .step.todo .n{background:#dbeafe;color:var(--slate-500)}
  .steps .step .l{font-size:12px;color:var(--ink);font-weight:700}
  .steps .step.todo .l{color:var(--slate-500);font-weight:600}
  .steps .ln{flex:1;height:2px;background:#d2f5fc;margin:0 14px}
  .steps .step.done + .ln{background:var(--blue-500)}

  /* form card */
  .form-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;box-shadow:var(--shadow-sm);overflow:hidden}
  .form-card .head{padding:24px 28px;border-bottom:1px solid #f0f4fa;background:linear-gradient(180deg,#fafdff,#fff);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
  .form-card .head h2{margin:0;font-size:20px;font-weight:800;color:var(--ink);letter-spacing:.01em;display:flex;align-items:center;gap:12px}
  .form-card .head h2 .ic{width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));display:flex;align-items:center;justify-content:center}
  .form-card .head h2 .ic img{width:20px;height:20px;filter:brightness(0) invert(.18)}
  .form-card .head .req{font-size:11px;font-weight:700;color:var(--slate-500);background:#f6fcfe;padding:6px 12px;border-radius:6px;border:1px solid #d2f5fc}
  .form-card .head .req b{color:#dc2626;margin:0 2px}

  .form-frame-wrap{padding:8px 14px 14px;background:#fff;position:relative;min-height:1320px}
  .form-frame-wrap iframe{display:block;border:0;width:100%}

  /* assurances strip */
  .assure-strip{background:#fafdff;border-top:1px solid #f0f4fa;padding:18px 28px;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
  .assure-strip .a{display:flex;align-items:center;gap:10px}
  .assure-strip .a .ic{width:30px;height:30px;border-radius:8px;background:#ecfbfe;display:flex;align-items:center;justify-content:center;flex-shrink:0}
  .assure-strip .a .ic img{width:16px;height:16px}
  .assure-strip .a .t{font-size:11.5px;color:var(--ink);font-weight:700;line-height:1.4}
  .assure-strip .a .t small{display:block;font-size:10.5px;color:var(--slate-500);font-weight:600;margin-top:2px}

  /* faq mini */
  .faq-mini{margin-top:50px;background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:32px}
  .faq-mini h3{margin:0 0 20px;font-size:18px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:10px}
  .faq-mini h3::before{content:"";width:4px;height:20px;background:linear-gradient(180deg,var(--blue-400),var(--blue-600));border-radius:2px}
  .faq-mini .item{border-bottom:1px solid #f0f4fa;padding:16px 0}
  .faq-mini .item:last-child{border-bottom:0}
  .faq-mini .q{font-size:13.5px;font-weight:800;color:var(--ink);display:flex;gap:10px;line-height:1.6}
  .faq-mini .q::before{content:"Q";flex-shrink:0;width:22px;height:22px;border-radius:50%;background:var(--blue-500);color:#062b34;font-family:Inter,sans-serif;font-size:11px;display:flex;align-items:center;justify-content:center;font-weight:800;margin-top:1px}
  .faq-mini .a{margin-top:8px;padding-left:32px;font-size:12.5px;color:var(--slate-600);line-height:1.95;font-weight:500}

  /* alt CTA */
  .alt-cta{margin-top:36px;padding:28px;border:1px dashed #d2f5fc;border-radius:14px;background:#fafdff;display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
  .alt-cta .t{font-size:13px;color:var(--slate-700);font-weight:600;line-height:1.7}
  .alt-cta .t b{color:var(--ink);font-weight:800}
  .alt-cta a{display:inline-flex;align-items:center;gap:8px;background:#fff;color:var(--blue-700);border:1.5px solid var(--blue-300);padding:11px 22px;border-radius:999px;font-size:13px;font-weight:800;letter-spacing:.02em}
  .alt-cta a:hover{background:var(--blue-50);border-color:var(--blue-500)}

/* ─── used on 1 page(s): it-sier ─── */
/* ============== USE CASES — IT SIer (V8 CLEAN: no <a> on cards) ============== */
  /* Hero */
  .uch{position:relative;overflow:hidden;padding:70px 0 60px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .uch::after{content:"";position:absolute;right:-100px;bottom:-50px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.10) 0%,transparent 70%);border-radius:50%}
  .uch-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px}
  .uch-crumb{display:flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:24px}
  .uch-crumb a{color:var(--slate-500)}
  .uch-crumb a:hover{color:var(--blue-700)}
  .uch-crumb .sep{opacity:.5}
  .uch-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:48px;align-items:center}
  .uch-eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:18px}
  .uch-eyebrow .ic{display:inline-flex;width:14px;height:14px;color:var(--blue-700)}
  .uch-eyebrow .ic svg{width:14px;height:14px;display:block}
  .uch h1{margin:0 0 16px;font-size:34px;font-weight:800;line-height:1.45;color:var(--ink);letter-spacing:.005em}
  .uch h1 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .uch p.lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;margin:0 0 28px;max-width:780px}
  .uch-stats{display:flex;gap:16px;flex-wrap:wrap;font-family:Inter,sans-serif}
  .uch-stat{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:14px 22px;display:flex;align-items:baseline;gap:10px;box-shadow:var(--shadow-sm)}
  .uch-stat .n{font-size:24px;font-weight:900;color:var(--blue-700);line-height:1;letter-spacing:-.02em}
  .uch-stat .l{font-size:11px;color:var(--slate-600);font-weight:700;letter-spacing:.04em}
  .uch-img{position:relative;min-width:0}
  .uch-mock{width:100%;max-width:560px;margin:0 auto;display:block;filter:drop-shadow(0 28px 56px rgba(11,180,207,.26))}
  @media(max-width:860px){
    .uch-grid{grid-template-columns:1fr;gap:32px}
    .uch-img{order:-1}
    .uch-mock{max-width:380px}
    .uch h1{font-size:26px}
  }

  /* Filter bar */
  .ucf{padding:18px 0;background:#fff;border-bottom:1px solid #eef2f8;position:sticky;top:74px;z-index:50;box-shadow:0 2px 6px rgba(15,27,61,.04)}
  .ucf-inner{max-width:1270px;margin:0 auto;padding:0 24px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
  .ucf-label{font-size:11px;font-weight:800;color:var(--slate-500);letter-spacing:.12em;font-family:Inter,sans-serif;margin-right:4px}
  .ucf-chip{font-size:12px;font-weight:700;background:#f5fbfd;color:var(--slate-600);border:1px solid #e6edf7;padding:6px 14px;border-radius:999px;cursor:pointer;transition:all .15s;font-family:inherit}
  .ucf-chip:hover{border-color:var(--blue-300);color:var(--blue-700)}
  .ucf-chip.is-on{background:linear-gradient(135deg,var(--blue-600),var(--blue-500));color:#fff;border-color:transparent;box-shadow:0 4px 10px rgba(22,214,243,.30)}
  .ucf-clear{font-size:11.5px;color:var(--blue-700);background:none;border:0;cursor:pointer;font-weight:700;font-family:inherit;margin-left:auto}

  /* Card list */
  .ucl{padding:40px 0 100px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%)}
  .ucl-inner{max-width:1270px;margin:0 auto;padding:0 24px;display:flex;flex-direction:column;gap:20px}

  /* CARD — plain <article>, no <a> wrapper */
  .ucc{display:grid;grid-template-columns:240px 1fr;background:#fff;border:1px solid #e6edf7;border-radius:18px;overflow:hidden;transition:border-color .2s,box-shadow .2s,transform .2s;box-shadow:0 2px 6px rgba(15,27,61,.04);cursor:pointer}
  .ucc:hover{border-color:var(--blue-300);box-shadow:0 18px 40px -10px rgba(15,27,61,.12),0 4px 12px rgba(15,27,61,.06);transform:translateY(-2px)}
  .ucc.is-hidden{display:none}

  /* LEFT: header column */
  .ucc-head{padding:24px 24px;display:flex;flex-direction:column;gap:12px;justify-content:center;align-items:flex-start;background:#fff;border-right:1px solid #f0f4fa}
  .ucc-num{font-family:Inter,sans-serif;font-size:22px;font-weight:900;color:var(--blue-600);letter-spacing:-.02em;line-height:1}
  .ucc-title{margin:0;font-size:18px;font-weight:800;color:var(--ink);line-height:1.5;letter-spacing:.005em}
  .ucc-pills{display:flex;flex-wrap:wrap;gap:6px;margin-top:2px}
  .ucc-pill{font-size:11px;font-weight:700;color:var(--blue-700);background:#fff;border:1.5px solid #d2f5fc;padding:4px 10px;border-radius:999px;letter-spacing:.02em}
  /* The ONLY <a> in the card — keep underline OFF only on this one */
  .ucc-detail-btn{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--blue-700);text-decoration:none;margin-top:6px;padding:6px 0;transition:color .15s}
  .ucc-detail-btn:hover{color:var(--blue-ink);text-decoration:none}

  /* RIGHT: 3 vertical panels */
  .ucc-panels{display:grid;grid-template-columns:1fr 24px 1fr 24px 1fr;padding:24px 28px;align-items:stretch;background:#fff}
  .ucc-panel{display:flex;flex-direction:column;align-items:center;text-align:center;padding:18px 16px;border-radius:14px;gap:10px}
  .ucc-panel-lbl{font-size:14px;font-weight:800;letter-spacing:.04em}
  .ucc-panel-ill{flex-shrink:0;width:80px;height:80px;display:flex;align-items:center;justify-content:center}
  .ucc-panel-ill svg{width:80px;height:80px;display:block}
  .ucc-panel-text{margin:0;font-size:13px;line-height:1.65;font-weight:700}

  .ucc-before{background:linear-gradient(135deg,#fff7ed 0%,#fef3eb 100%)}
  .ucc-before .ucc-panel-lbl{color:#ea580c}
  .ucc-before .ucc-panel-text{color:#7c2d12}
  .ucc-how{background:linear-gradient(135deg,#f0fdf4 0%,#dcfce7 100%)}
  .ucc-how .ucc-panel-lbl{color:#16a34a}
  .ucc-how .ucc-panel-text{color:#14532d}
  .ucc-after{background:linear-gradient(135deg,#ecfbfe 0%,#d2f5fc 100%)}
  .ucc-after .ucc-panel-lbl{color:#0BB4CF}
  .ucc-after .ucc-panel-text{color:var(--blue-ink)}
  .ucc-arr{display:flex;align-items:center;justify-content:center;color:var(--blue-500);font-family:Inter,sans-serif;font-size:22px;font-weight:600}

  @media (max-width:1000px){
    .ucc{grid-template-columns:1fr}
    .ucc-head{border-right:0;border-bottom:1px solid #f0f4fa;padding:22px}
    .ucc-panels{padding:18px 22px;grid-template-columns:1fr;gap:12px}
    .ucc-arr{display:none}
  }

/* ─── used on 1 page(s): features ─── */
/* Wrapper */
    .mock-tsui{font-family:"Noto Sans JP",sans-serif;font-size:11px;color:var(--ink);background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6edf7;position:relative}

    /* Top filter / search bar */
    .mock-tsui .tsui-bar{display:flex;justify-content:space-between;align-items:center;padding:8px 12px;background:#fff;border-bottom:1px solid #eef2f8;font-size:10.5px;gap:8px}
    .mock-tsui .tsui-bar-left,.mock-tsui .tsui-bar-right{display:flex;align-items:center;gap:8px}
    .mock-tsui .tsui-pill{display:inline-flex;align-items:center;gap:4px;color:var(--slate-700);font-weight:600;padding:3px 6px;border-radius:4px}
    .mock-tsui .tsui-pill .ic{color:var(--blue-600);font-size:11px}
    .mock-tsui .tsui-search{color:var(--slate-500);font-size:10px;border-bottom:1px solid #cbd5e1;padding:2px 4px;min-width:140px;font-weight:500}
    .mock-tsui .tsui-ico{color:var(--blue-600);font-weight:700;font-size:10.5px;display:inline-flex;align-items:center;gap:3px}

    /* Two-panel grid */
    .mock-tsui .tsui-grid{display:grid;grid-template-columns:1.4fr 1fr;min-height:340px;position:relative}

    /* LEFT: tasks table */
    .mock-tsui .tsui-tasks{border-right:1px solid #eef2f8;font-size:10.5px}
    .mock-tsui .tsui-tasks table{width:100%;border-collapse:collapse}
    .mock-tsui .tsui-tasks th{text-align:left;padding:8px 8px;font-size:10px;font-weight:800;color:var(--slate-600);background:#f5fbfd;border-bottom:1px solid #e6edf7;letter-spacing:.04em}
    .mock-tsui .tsui-tasks td{padding:7px 8px;border-bottom:1px solid #f0f4fa;vertical-align:middle;line-height:1.3}
    .mock-tsui .tsui-tasks tr:last-child td{border-bottom:0}
    .mock-tsui .tsui-tasks .clk{color:var(--blue-500);font-size:10px;margin-right:3px}
    .mock-tsui .tsui-tasks .tri{color:var(--blue-600);font-size:9px;margin-right:3px;display:inline-block;width:8px}
    .mock-tsui .tsui-tasks .ico{color:#fbbf24;margin-right:4px}
    .mock-tsui .tsui-tasks .ico.doc{color:var(--slate-400)}
    .mock-tsui .tsui-tasks .nm{color:var(--ink);font-weight:600}
    .mock-tsui .tsui-tasks .lvl-2 .nm-cell{padding-left:14px}
    .mock-tsui .tsui-tasks .lvl-3 .nm-cell{padding-left:28px}
    .mock-tsui .tsui-tasks .av-cell{display:flex;align-items:center;gap:6px}
    .mock-tsui .tsui-tasks .av{width:20px;height:20px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif;flex:0 0 20px}
    .mock-tsui .tsui-tasks .av.gr{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}
    .mock-tsui .tsui-tasks .av.pk{background:linear-gradient(135deg,#fbcfe8,#ec4899);color:#fff}
    .mock-tsui .tsui-tasks .av.yl{background:linear-gradient(135deg,#fde68a,#f59e0b);color:#fff}
    .mock-tsui .tsui-tasks .av.vi{background:linear-gradient(135deg,#c4b5fd,#a78bfa);color:#fff}
    .mock-tsui .tsui-tasks .av-name{font-size:10.5px;color:var(--ink);font-weight:600}
    .mock-tsui .tsui-tasks .st{display:inline-flex;align-items:center;gap:5px;font-size:10.5px;font-weight:700}
    .mock-tsui .tsui-tasks .st::before{content:"●";font-size:9px}
    .mock-tsui .tsui-tasks .st.s-blue{color:#3b82f6}
    .mock-tsui .tsui-tasks .st.s-green{color:#22c55e}
    .mock-tsui .tsui-tasks .st.s-pink{color:#ec4899}
    .mock-tsui .tsui-tasks .st.s-gray{color:var(--slate-500)}
    .mock-tsui .tsui-tasks tr.row-section td{background:#fafcff;font-size:11px;font-weight:700;color:var(--ink)}
    .mock-tsui .tsui-tasks tr.row-highlight .nm-cell{position:relative}
    .mock-tsui .tsui-tasks tr.row-highlight .nm-cell::before{content:"";position:absolute;inset:-2px -4px;border:1.5px solid var(--blue-500);border-radius:6px;pointer-events:none;background:rgba(22,214,243,.06)}

    /* RIGHT: day calendar */
    .mock-tsui .tsui-cal{display:flex;flex-direction:column;background:#fff;font-size:10.5px}
    .mock-tsui .tsui-cal-head{display:flex;align-items:center;gap:10px;padding:9px 10px;border-bottom:1px solid #e6edf7;background:#fff;font-size:10.5px}
    .mock-tsui .tsui-cal-head .date{font-weight:800;color:var(--ink)}
    .mock-tsui .tsui-cal-head .total{display:inline-flex;align-items:center;gap:3px;color:var(--blue-700);font-weight:700;font-family:Inter,sans-serif}
    .mock-tsui .tsui-cal-head .nav{margin-left:auto;display:inline-flex;align-items:center;gap:6px;color:var(--slate-500);font-size:11px}
    .mock-tsui .tsui-cal-head .x{color:var(--slate-400);font-size:13px;cursor:pointer}
    .mock-tsui .tsui-cal-body{display:grid;grid-template-columns:38px 1fr;flex:1;font-size:10px}
    .mock-tsui .tsui-cal-body .hr{padding:6px 4px 0;color:var(--slate-400);text-align:right;font-family:Inter,sans-serif;border-bottom:1px dashed #f0f4fa;border-right:1px solid #eef2f8;height:38px;font-size:9.5px}
    .mock-tsui .tsui-cal-body .slot{border-bottom:1px dashed #f0f4fa;padding:3px 6px;height:38px;position:relative}
    .mock-tsui .tsui-cal-body .blk{background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#fff;font-size:9.5px;padding:5px 8px;border-radius:5px;line-height:1.4;height:100%;display:flex;flex-direction:column;justify-content:center;box-shadow:0 1px 2px rgba(0,0,0,.05);text-shadow:0 1px 1px rgba(0,0,0,.18)}
    .mock-tsui .tsui-cal-body .blk b{font-size:10.5px;font-weight:800}
    .mock-tsui .tsui-cal-body .blk small{font-size:9px;color:rgba(255,255,255,.92);font-family:Inter,sans-serif}
    .mock-tsui .tsui-cal-body .blk.tall{height:calc(200% + 1px);position:absolute;top:3px;left:6px;right:6px;z-index:2}
    .mock-tsui .tsui-cal-body .blk-highlight{position:relative}
    .mock-tsui .tsui-cal-body .blk-highlight::after{content:"";position:absolute;inset:-3px;border:2px solid var(--blue-500);border-radius:7px;pointer-events:none;box-shadow:0 0 0 3px rgba(22,214,243,.15)}

    /* Drag-and-drop arrow overlay */
    .mock-tsui .tsui-arrow{position:absolute;pointer-events:none;left:34%;top:34%;width:36%;height:30%;z-index:5}
    .mock-tsui .tsui-arrow svg{width:100%;height:100%;display:block;overflow:visible}

    /* "1分で完了" badge */
    .mock-tsui .tsui-badge{position:absolute;top:14px;right:14px;background:linear-gradient(135deg,#fb7185,#f43f5e);color:#fff;font-weight:900;padding:8px 18px;border-radius:999px;font-size:13.5px;box-shadow:0 8px 20px rgba(244,63,94,.4);transform:rotate(6deg);z-index:6;letter-spacing:.02em;font-family:"Noto Sans JP",sans-serif}

/* ─── used on 1 page(s): home ─── */
.ba-sec{padding:110px 0;background:linear-gradient(180deg,#fff 0%,#fafcff 100%);position:relative;overflow:hidden}
    .ba-sec::before{content:"";position:absolute;left:-160px;top:80px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.08) 0%,transparent 70%);border-radius:50%}
    .ba-sec::after{content:"";position:absolute;right:-180px;bottom:60px;width:380px;height:380px;background:radial-gradient(circle,rgba(22,214,243,.06) 0%,transparent 70%);border-radius:50%}
    .ba-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px}

    /* Heading */
    .ba-head{text-align:center;margin-bottom:64px}
    .ba-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.24em;margin-bottom:18px}
    .ba-h2{margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:.005em}
    .ba-h2 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
    .ba-lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;max-width:660px;margin:0 auto}

    /* Cards container — single unified shell */
    .ba-cards{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(15,27,61,.10), 0 8px 24px rgba(15,27,61,.04);border:1px solid #eef2f8}

    /* Card base */
    .ba-card{padding:54px 48px;position:relative}

    /* BEFORE — desaturated, muted */
    .ba-before{background:linear-gradient(180deg,#fafbfc 0%,#f4f6f9 100%);border-right:1px solid #eef2f8}
    /* AFTER — subtle brand tint */
    .ba-after{background:linear-gradient(180deg,#f5fbfd 0%,#ecfbfe 100%)}

    /* Tag pill */
    .ba-tag{display:inline-flex;align-items:center;gap:7px;padding:7px 16px;border-radius:999px;font-family:Inter,sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.18em;margin-bottom:22px}
    .ba-before .ba-tag{background:#e2e8f0;color:var(--slate-600)}
    .ba-before .ba-tag::before{content:"";width:6px;height:6px;background:var(--slate-500);border-radius:50%}
    .ba-after .ba-tag{background:var(--blue-500);color:#062b34}
    .ba-after .ba-tag::before{content:"";width:6px;height:6px;background:#062b34;border-radius:50%}

    /* Title */
    .ba-title{font-size:22px;font-weight:800;margin:0 0 32px;line-height:1.5;letter-spacing:.005em}
    .ba-before .ba-title{color:var(--slate-700)}
    .ba-after .ba-title{color:var(--ink)}

    /* Bullets */
    .ba-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:18px}
    .ba-list li{display:flex;align-items:flex-start;gap:14px;font-size:14px;line-height:1.75;font-weight:500}

    /* Before: subtle X in muted circle */
    .ba-before .ba-list li{color:var(--slate-600)}
    .ba-before .ba-list li .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #cbd5e1;display:flex;align-items:center;justify-content:center;font-size:11px;color:#94a3b8;font-weight:700;margin-top:1px}
    .ba-before .ba-list li .mk::before{content:"×"}

    /* After: brand-color filled circle with check */
    .ba-after .ba-list li{color:var(--ink)}
    .ba-after .ba-list li .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--blue-500);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900;margin-top:1px;box-shadow:0 2px 6px rgba(22,214,243,.4)}
    .ba-after .ba-list li .mk::before{content:"✓"}

    /* Stat reveal — focal element */
    .ba-stat{margin-top:28px;background:linear-gradient(135deg,var(--blue-500) 0%,var(--blue-700) 100%);border-radius:16px;padding:24px 36px;display:grid;grid-template-columns:auto 1fr;gap:32px;align-items:center;position:relative;overflow:hidden;box-shadow:0 16px 32px -10px rgba(11,180,207,.35), 0 4px 12px rgba(11,180,207,.15)}
    .ba-stat::before{content:"";position:absolute;right:-40px;top:-40px;width:160px;height:160px;background:radial-gradient(circle,rgba(255,255,255,.16) 0%,transparent 70%);border-radius:50%}
    .ba-stat .num-block{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;color:#fff;font-family:Inter,sans-serif;line-height:1;letter-spacing:-.04em}
    .ba-stat .num-block .max{font-family:"Noto Sans JP",sans-serif;font-size:14px;font-weight:800;color:rgba(255,255,255,.92);letter-spacing:.04em;margin-bottom:6px;line-height:1;display:inline-flex;align-items:center;gap:6px}
    .ba-stat .num-block .max::before{content:"";width:18px;height:2px;background:#fff;border-radius:2px;display:inline-block}
    .ba-stat .num-line{display:flex;align-items:baseline}
    .ba-stat .num{font-size:64px;font-weight:900}
    .ba-stat .pct{font-size:30px;font-weight:800;margin-left:2px}
    .ba-stat .msg{position:relative;z-index:2;color:#fff}
    .ba-stat .msg .lbl{font-family:Inter,sans-serif;font-size:9.5px;font-weight:800;letter-spacing:.22em;opacity:.7;margin-bottom:5px}
    .ba-stat .msg .hl{font-size:17px;font-weight:800;line-height:1.5;margin-bottom:4px;letter-spacing:.005em}
    .ba-stat .msg .sub{font-size:12px;line-height:1.75;opacity:.88;font-weight:500;max-width:340px}

/* ─── used on 1 page(s): features ─── */
.mock-purchase{font-family:"Noto Sans JP",sans-serif;font-size:11px;color:var(--ink);background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6edf7;padding:18px 20px;display:flex;flex-direction:column;gap:18px}

    /* Form preview */
    .mock-purchase .pur-form{border:1px solid #e6edf7;border-radius:10px;overflow:hidden;background:#fff}
    .mock-purchase .pur-form-head{display:flex;align-items:center;gap:10px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7}
    .mock-purchase .pur-form-head .ic{font-size:14px}
    .mock-purchase .pur-form-head .ttl{font-size:12px;font-weight:800;color:var(--ink);flex:1}
    .mock-purchase .pur-form-head .id{font-family:Inter,sans-serif;font-size:10px;color:var(--slate-500);font-weight:700}
    .mock-purchase .pur-form-head .status{font-size:10px;font-weight:800;background:#fef3c7;color:#92400e;padding:3px 10px;border-radius:999px;letter-spacing:.04em}
    .mock-purchase .pur-form-body{display:grid;grid-template-columns:80px 1fr 80px 1fr;gap:8px 16px;padding:14px 16px}
    .mock-purchase .pur-form-body .lb{font-size:10px;color:var(--slate-500);font-weight:700;align-self:center;letter-spacing:.04em}
    .mock-purchase .pur-form-body .vl{font-size:11.5px;color:var(--ink);font-weight:600}
    .mock-purchase .pur-form-body .vl.amt{font-family:Inter,sans-serif;font-size:14px;font-weight:800;color:var(--blue-700)}
    .mock-purchase .pur-form-body .att{display:inline-flex;align-items:center;gap:4px;background:#ecfbfe;color:var(--blue-700);padding:3px 9px;border-radius:5px;font-size:10px;font-weight:700;margin-right:5px}

    /* Approval flow */
    .mock-purchase .pur-flow{display:grid;grid-template-columns:1fr 18px 1fr 30px 1fr 18px 1fr;gap:0;align-items:center}
    .mock-purchase .pur-step{background:#fff;border:1.5px solid #e6edf7;border-radius:10px;padding:10px 8px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:3px;position:relative}
    .mock-purchase .pur-step.done{border-color:#86efac;background:#f0fdf4}
    .mock-purchase .pur-step.done::after{content:"✓";position:absolute;top:-7px;right:-7px;width:18px;height:18px;background:#22c55e;color:#fff;border-radius:50%;font-size:11px;font-weight:900;display:flex;align-items:center;justify-content:center;border:2px solid #fff}
    .mock-purchase .pur-step.current{border-color:var(--blue-500);background:#ecfbfe;box-shadow:0 0 0 3px rgba(22,214,243,.15)}
    .mock-purchase .pur-step.current::after{content:"●";position:absolute;top:-7px;right:-7px;width:18px;height:18px;background:var(--blue-500);color:#fff;border-radius:50%;font-size:8px;display:flex;align-items:center;justify-content:center;border:2px solid #fff;animation:purBlink 1.4s ease-in-out infinite}
    @keyframes purBlink{0%,100%{opacity:1}50%{opacity:.45}}
    .mock-purchase .pur-step.pending{opacity:.55}
    .mock-purchase .pur-step .av{width:30px;height:30px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
    .mock-purchase .pur-step.done .av{background:linear-gradient(135deg,#86efac,#22c55e);color:#fff}
    .mock-purchase .pur-step.pending .av{background:#e2e8f0;color:var(--slate-500)}
    .mock-purchase .pur-step .role{font-size:9.5px;color:var(--slate-500);font-weight:700;letter-spacing:.04em}
    .mock-purchase .pur-step .nm{font-size:11px;color:var(--ink);font-weight:700;line-height:1.2}
    .mock-purchase .pur-step .meta{font-size:9.5px;color:var(--slate-500);font-family:Inter,sans-serif;font-weight:600}
    .mock-purchase .pur-step.current .meta{color:var(--blue-700)}
    .mock-purchase .pur-arrow{height:2px;background:linear-gradient(90deg,#86efac,var(--blue-400));position:relative}
    .mock-purchase .pur-arrow::after{content:"›";position:absolute;right:-3px;top:-9px;font-size:14px;color:var(--blue-500);font-weight:300}
    .mock-purchase .pur-arrow.split{background:none;display:flex;align-items:center;justify-content:center;position:relative}
    .mock-purchase .pur-arrow.split::before{content:"";position:absolute;left:0;right:0;top:50%;height:2px;background:linear-gradient(90deg,#86efac,var(--blue-400));transform:translateY(-50%)}
    .mock-purchase .pur-arrow.split::after{content:"›";position:absolute;right:-3px;top:50%;font-size:14px;color:var(--blue-500);font-weight:300;transform:translateY(-65%)}
    .mock-purchase .pur-arrow.split .cond{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#fef3c7;color:#92400e;font-size:9px;font-weight:800;padding:3px 8px;border-radius:999px;white-space:nowrap;letter-spacing:.04em;border:1px solid #fde68a}
    .mock-purchase .pur-arrow.split .cond::after{content:"";position:absolute;left:50%;bottom:-3px;width:6px;height:6px;background:#fef3c7;border-right:1px solid #fde68a;border-bottom:1px solid #fde68a;transform:translateX(-50%) rotate(45deg)}

    /* Footer badges */
    .mock-purchase .pur-footer{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;padding-top:10px;border-top:1px solid #f0f4fa}
    .mock-purchase .pur-footer .badge{display:inline-flex;align-items:center;gap:5px;background:#f5fbfd;color:var(--blue-700);font-size:10.5px;font-weight:700;padding:6px 12px;border-radius:999px;border:1px solid #d2f5fc}
    .mock-purchase .pur-footer .badge.audit{background:#fef3c7;color:#92400e;border-color:#fde68a}

/* ─── used on 1 page(s): home ─── */
.ds-sec{padding:90px 0 110px;background:linear-gradient(180deg,#fafcff 0%,#fff 100%);position:relative;overflow:hidden}
    .ds-sec::before{content:"";position:absolute;right:-160px;top:60px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.07) 0%,transparent 70%);border-radius:50%}
    .ds-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px}

    /* Heading */
    .ds-head{text-align:center;margin-bottom:56px}
    .ds-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.24em;margin-bottom:18px}
    .ds-h2{margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:.005em}
    .ds-h2 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
    .ds-lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;max-width:680px;margin:0 auto}

    /* Cards container */
    .ds-cards{display:grid;grid-template-columns:1fr 1fr;background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(15,27,61,.10), 0 8px 24px rgba(15,27,61,.04);border:1px solid #eef2f8}
    .ds-card{padding:40px 40px 44px;position:relative;display:flex;flex-direction:column;gap:28px}

    /* BEFORE side */
    .ds-bad{background:linear-gradient(180deg,#fafbfc 0%,#f4f6f9 100%);border-right:1px solid #eef2f8}
    /* AFTER side */
    .ds-good{background:linear-gradient(180deg,#f5fbfd 0%,#ecfbfe 100%)}

    /* Card head bar */
    .ds-head-bar{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 20px;border-radius:12px;font-size:15px;font-weight:800;letter-spacing:.02em}
    .ds-bad .ds-head-bar{background:#f1f5f9;color:var(--slate-700);border:1px solid #e2e8f0}
    .ds-bad .ds-head-bar .mk{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #fb7185;color:#fb7185;font-weight:900;font-size:13px}
    .ds-good .ds-head-bar{background:linear-gradient(135deg,var(--blue-500),var(--blue-600));color:#fff;border:1px solid var(--blue-500)}
    .ds-good .ds-head-bar .mk{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#fff;color:var(--blue-700);font-weight:900;font-size:13px}

    /* Flow viz */
    .ds-flow{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px;padding:18px 6px}
    .ds-node{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:16px 12px 14px;display:flex;flex-direction:column;align-items:center;gap:10px;box-shadow:0 2px 6px rgba(15,27,61,.04)}
    .ds-good .ds-node{border-color:#bfdbfe}
    .ds-node .ic{width:80px;height:80px;border-radius:14px;background:#ecfbfe;display:flex;align-items:center;justify-content:center}
    .ds-node .ic img{width:60px;height:auto;max-height:50px;object-fit:contain}
    .ds-node .ic svg{width:48px;height:48px}
    .ds-bad .ds-node:nth-child(3) .ic{background:#f1f5f9}
    .ds-good .ds-node:nth-child(3) .ic{background:#dbeafe}
    .ds-node .lbl{font-size:11.5px;font-weight:700;color:var(--ink);text-align:center;line-height:1.3}
    .ds-arrow{display:flex;flex-direction:column;align-items:center;gap:6px;min-width:108px}
    .ds-arrow .cap{font-size:10.5px;font-weight:800;letter-spacing:.04em;text-align:center;line-height:1.3}
    .ds-arrow .line{position:relative;width:100%;height:2px}
    .ds-arrow .line::after{content:"";position:absolute;right:-1px;top:-5px;width:0;height:0;border-left:10px solid currentColor;border-top:6px solid transparent;border-bottom:6px solid transparent}
    .ds-bad .ds-arrow{color:#ef4444}
    .ds-bad .ds-arrow .cap{color:#dc2626}
    .ds-bad .ds-arrow .line{background:#ef4444}
    .ds-good .ds-arrow{color:var(--blue-600)}
    .ds-good .ds-arrow .cap{color:var(--blue-700)}
    .ds-good .ds-arrow .line{background:var(--blue-500)}

    /* Bullets — same treatment as BA section but with prefix renamed */
    .ds-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}
    .ds-list li{display:flex;align-items:flex-start;gap:13px;font-size:13.5px;line-height:1.7;font-weight:500}
    .ds-bad .ds-list li{color:var(--slate-700)}
    .ds-bad .ds-list li .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:#fff;border:1.5px solid #fb7185;display:flex;align-items:center;justify-content:center;font-size:12px;color:#fb7185;font-weight:900;margin-top:1px}
    .ds-bad .ds-list li .mk::before{content:"×"}
    .ds-good .ds-list li{color:var(--ink)}
    .ds-good .ds-list li .mk{flex:0 0 22px;width:22px;height:22px;border-radius:50%;background:var(--blue-500);display:flex;align-items:center;justify-content:center;color:#fff;font-size:12px;font-weight:900;margin-top:1px;box-shadow:0 2px 6px rgba(22,214,243,.4)}
    .ds-good .ds-list li .mk::before{content:"✓"}

/* ─── used on 1 page(s): usecases ─── */
/* ============== USE CASES INDEX ============== */
  .ui-hero{position:relative;overflow:hidden;padding:80px 0 60px;background:linear-gradient(180deg,#ecfbfe 0%,#f5fbfd 60%,#fff 100%)}
  .ui-hero-inner{position:relative;z-index:2;max-width:1320px;margin:0 auto;padding:0 24px;text-align:center}
  .ui-hero .crumb{display:inline-flex;align-items:center;gap:8px;font-size:11.5px;color:var(--slate-500);font-family:Inter,sans-serif;letter-spacing:.04em;font-weight:600;margin-bottom:20px}
  .ui-hero .crumb a{color:var(--slate-500)}
  .ui-hero .crumb a:hover{color:var(--blue-700)}
  .ui-hero .crumb .sep{opacity:.5}
  .ui-hero .eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11.5px;font-weight:800;color:var(--blue-700);letter-spacing:.22em;background:#fff;border:1px solid #d2f5fc;padding:6px 16px;border-radius:999px;margin-bottom:22px}
  .ui-hero h1{margin:0 0 18px;font-size:38px;font-weight:800;line-height:1.45;color:var(--ink)}
  .ui-hero h1 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
  .ui-hero .lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;margin:0 auto 28px;max-width:760px}
  .ui-hero .ui-stats{display:flex;justify-content:center;gap:18px;flex-wrap:wrap;margin-top:8px;font-family:Inter,sans-serif}
  .ui-hero .ui-stat{background:#fff;border:1px solid #e6edf7;border-radius:12px;padding:14px 24px;display:flex;align-items:baseline;gap:10px;box-shadow:var(--shadow-sm)}
  .ui-hero .ui-stat .n{font-size:24px;font-weight:900;color:var(--blue-700);line-height:1;letter-spacing:-.02em}
  .ui-hero .ui-stat .l{font-size:11px;color:var(--slate-600);font-weight:700;letter-spacing:.04em}

  /* Grid */
  .ui-list{padding:50px 0 80px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%)}
  .ui-list-inner{max-width:1120px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
  .ui-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:22px 22px;display:grid;grid-template-columns:60px 1fr;gap:18px;align-items:center;transition:all .18s;text-decoration:none;color:inherit}
  .ui-card:hover{border-color:var(--blue-200);box-shadow:0 12px 28px -8px rgba(15,27,61,.10), 0 3px 8px rgba(15,27,61,.05);transform:translateY(-2px)}
  .ui-card.ui-disabled{opacity:.6;cursor:default;pointer-events:none}
  .ui-emoji{width:60px;height:60px;background:linear-gradient(135deg,#ecfbfe,#dbeafe);border-radius:14px;display:flex;align-items:center;justify-content:center;color:var(--blue-700);flex-shrink:0;transition:all .18s}
  .ui-emoji svg{width:30px;height:30px;display:block}
  .ui-card:hover .ui-emoji{background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:var(--blue-ink)}
  .ui-body{flex:1}
  .ui-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:8px}
  .ui-head h3{margin:0;font-size:16px;font-weight:800;color:var(--ink);line-height:1.4}
  .ui-badge{font-size:9.5px;font-weight:800;padding:3px 9px;border-radius:999px;letter-spacing:.04em;background:var(--blue-500);color:#fff;flex-shrink:0;font-family:Inter,sans-serif}
  .ui-badge-soon{background:#e2e8f0;color:var(--slate-500)}
  .ui-meta{display:flex;align-items:baseline;gap:14px}
  .ui-count{font-family:Inter,sans-serif;font-size:22px;font-weight:900;color:var(--blue-700);line-height:1;letter-spacing:-.02em}
  .ui-count small{font-size:11px;color:var(--slate-500);font-weight:700;margin-left:2px}
  .ui-depts{font-size:11.5px;color:var(--slate-500);font-weight:600}

  /* CTA band */
  .ui-cta{position:relative;padding:60px 0 70px;color:#062b34;overflow:hidden;background:linear-gradient(135deg,var(--blue-400) 0%,var(--blue-500) 50%,var(--blue-600) 100%)}
  .ui-cta-inner{position:relative;text-align:center;max-width:1120px;margin:0 auto;padding:0 24px}
  .ui-cta h2{font-size:26px;font-weight:800;line-height:1.5;margin:0 0 12px;color:#062b34}
  .ui-cta p{font-size:14px;color:#062b34;opacity:.85;margin:0 0 24px;font-weight:500}
  .ui-cta .ctas{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
  .ui-cta .btn-w{background:#fff;color:var(--blue-700);padding:14px 28px;font-size:14px;font-weight:700;border-radius:999px;box-shadow:0 8px 22px rgba(0,0,0,.18)}

/* ─── used on 1 page(s): home ─── */
.rt-sec{padding:90px 0 100px;background:linear-gradient(180deg,#fafcff 0%,#fff 100%);position:relative;overflow:hidden}
    .rt-sec::before{content:"";position:absolute;right:-160px;top:60px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.06) 0%,transparent 70%);border-radius:50%}
    .rt-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px}

    .rt-head{text-align:center;margin-bottom:48px}
    .rt-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.24em;margin-bottom:18px}
    .rt-h2{margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:.005em}
    .rt-h2 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
    .rt-lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;max-width:720px;margin:0 auto}

    /* Top tag pills */
    .rt-pills{display:flex;justify-content:center;gap:14px;margin-bottom:28px;flex-wrap:wrap}
    .rt-pill{display:inline-flex;align-items:center;gap:8px;padding:9px 20px;background:#ecfbfe;color:var(--blue-700);font-size:13px;font-weight:700;border-radius:999px;border:1px solid #d2f5fc}
    .rt-pill .ic{font-size:13px}

    /* Two-panel layout */
    .rt-panels{display:grid;grid-template-columns:380px 1fr;gap:24px;margin-bottom:28px}

    /* Donut card */
    .rt-card{background:#fff;border:1px solid #e6edf7;border-radius:18px;padding:26px 28px;box-shadow:0 6px 20px -6px rgba(15,27,61,.08), 0 2px 6px rgba(15,27,61,.04)}
    .rt-card h4{margin:0 0 22px;font-size:15px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
    .rt-card h4 .ic{color:var(--blue-600);font-size:16px}

    .rt-donut-wrap{display:flex;align-items:center;justify-content:space-between;gap:18px}
    .rt-donut{position:relative;width:170px;height:170px;flex-shrink:0;background:conic-gradient(#7dd3fc 0% 12%, #0c2456 12% 36%, #38bdf8 36% 84%, #cbd5e1 84% 96%, #94a3b8 96% 100%);border-radius:50%}
    .rt-donut::after{content:"";position:absolute;inset:36px;background:#fff;border-radius:50%}
    .rt-legend{display:flex;flex-direction:column;gap:9px;font-size:12.5px;color:var(--slate-700);font-weight:600}
    .rt-legend li{display:flex;align-items:center;gap:8px;list-style:none}
    .rt-legend li::before{content:"";width:14px;height:14px;border-radius:3px}
    .rt-legend li.l1::before{background:#7dd3fc}
    .rt-legend li.l2::before{background:#0c2456}
    .rt-legend li.l3::before{background:#38bdf8}
    .rt-legend li.l4::before{background:#cbd5e1}
    .rt-legend li.l5::before{background:#94a3b8}

    /* Variance table */
    .rt-table{width:100%;border-collapse:collapse;font-size:12px}
    .rt-table thead th{padding:12px 8px 14px;text-align:right;font-size:10.5px;font-weight:700;color:var(--slate-500);border-bottom:1px solid #eef2f8;letter-spacing:.04em}
    .rt-table thead th:first-child{text-align:left;padding-left:0}
    .rt-table tbody td{padding:14px 8px;text-align:right;font-family:Inter,sans-serif;font-weight:600;color:var(--ink);border-bottom:1px solid #f5f7fa;font-size:12.5px}
    .rt-table tbody td:first-child{text-align:left;padding-left:0;font-family:"Noto Sans JP",sans-serif;font-weight:700;color:var(--ink)}
    .rt-table tbody tr:last-child td{border-bottom:0}
    .rt-table .diff-pos{color:#22c55e;font-weight:800}
    .rt-table .diff-neg{color:#ef4444;font-weight:800}
    .rt-table .pct-cell{display:flex;align-items:center;gap:8px;justify-content:flex-end}
    .rt-table .pct-cell .v{min-width:34px;text-align:right;font-family:Inter,sans-serif;font-weight:700}
    .rt-table .pct-cell .bar{width:60px;height:5px;background:#eef2f8;border-radius:3px;overflow:hidden}
    .rt-table .pct-cell .bar i{display:block;height:100%;border-radius:3px}
    .rt-table .pct-cell .bar i.b-ok{background:#22c55e}
    .rt-table .pct-cell .bar i.b-bad{background:#ef4444}
    .rt-table .pct-cell .bar i.b-pri{background:linear-gradient(90deg,var(--blue-400),var(--blue-600))}
    .rt-table .pct-cell .bar i.b-mut{background:#cbd5e1}
    .rt-table .pct-cell .v.t-ok{color:#22c55e}
    .rt-table .pct-cell .v.t-bad{color:#ef4444}
    .rt-table .pct-cell .v.t-pri{color:var(--blue-700)}
    .rt-table .pct-cell .v.t-mut{color:var(--slate-500)}
    .rt-table tr.total td{font-weight:800;border-top:2px solid #e6edf7;padding-top:16px}
    .rt-table tr.total td:first-child{font-size:14px}
    .rt-table tr.total .diff-pos,.rt-table tr.total .diff-neg{font-size:14px}

/* ─── used on 1 page(s): home ─── */
.demo-mock-frame{padding:0;overflow:hidden;background:#fff;border-radius:14px;border:1px solid #e6edf7;box-shadow:0 18px 40px -10px rgba(15,27,61,.15)}
            .dm-bar{display:flex;align-items:center;gap:6px;padding:10px 14px;background:#f5fbfd;border-bottom:1px solid #e6edf7}
            .dm-bar .d{width:9px;height:9px;border-radius:50%;background:#cbd5e1}
            .dm-bar .d:nth-child(2){background:#fbbf24}
            .dm-bar .d:nth-child(3){background:#86efac}
            .dm-bar .url{margin-left:8px;font-family:Inter,sans-serif;font-size:10.5px;color:var(--slate-500)}
            .dm-body{display:grid;grid-template-columns:130px 1fr;min-height:330px}
            /* Sidebar */
            .dm-side{background:#0c2456;color:#fff;padding:18px 12px;display:flex;flex-direction:column;gap:14px}
            .dm-side .logo{font-family:Inter,sans-serif;font-size:13px;font-weight:900;letter-spacing:-.02em;padding:0 4px 12px;border-bottom:1px solid rgba(255,255,255,.1)}
            .dm-side .nav{display:flex;flex-direction:column;gap:4px}
            .dm-side .nav a{display:flex;align-items:center;gap:8px;font-size:11.5px;font-weight:700;color:rgba(255,255,255,.78);padding:8px 10px;border-radius:6px}
            .dm-side .nav a.on{background:rgba(22,214,243,.18);color:#fff}
            .dm-side .nav a .ic{width:13px;height:13px;border-radius:3px;background:rgba(255,255,255,.22);display:inline-block}
            .dm-side .nav a.on .ic{background:var(--blue-400)}
            /* Main */
            .dm-main{padding:18px 20px;background:linear-gradient(180deg,#fafcff 0%,#fff 100%);display:flex;flex-direction:column;gap:14px}
            .dm-h{display:flex;align-items:center;justify-content:space-between}
            .dm-h .title{font-size:14px;font-weight:800;color:var(--ink);display:flex;align-items:center;gap:8px}
            .dm-h .title .pill{font-size:9.5px;font-weight:800;color:#fff;background:var(--blue-500);padding:3px 8px;border-radius:999px;letter-spacing:.04em}
            .dm-h .av{display:flex;gap:-4px}
            .dm-h .av span{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-family:Inter,sans-serif;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;border:2px solid #fff;margin-left:-6px}
            .dm-h .av span:first-child{margin-left:0}
            /* KPIs */
            .dm-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
            .dm-kpi{background:#fff;border:1px solid #e6edf7;border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:3px}
            .dm-kpi .lbl{font-size:9.5px;font-weight:700;color:var(--slate-500);letter-spacing:.04em}
            .dm-kpi .val{font-family:Inter,sans-serif;font-size:18px;font-weight:900;color:var(--ink);letter-spacing:-.02em;line-height:1}
            .dm-kpi .val .pct{font-size:11px;color:var(--blue-700);margin-left:3px;font-weight:800}
            .dm-kpi .delta{font-size:9px;font-weight:700;font-family:Inter,sans-serif}
            .dm-kpi .delta.up{color:#22c55e}
            .dm-kpi .delta.down{color:#ef4444}
            /* Mini gantt */
            .dm-gantt{background:#fff;border:1px solid #e6edf7;border-radius:8px;padding:12px 14px;display:flex;flex-direction:column;gap:5px}
            .dm-gantt .gh{display:flex;justify-content:space-between;font-size:10px;font-weight:700;color:var(--slate-600);margin-bottom:4px}
            .dm-gantt .gr{display:grid;grid-template-columns:60px 1fr;gap:8px;align-items:center;font-size:10px}
            .dm-gantt .gr .lb{color:var(--slate-700);font-weight:600;font-size:10px}
            .dm-gantt .gr .tk{position:relative;height:14px;background:#f5fbfd;border-radius:4px}
            .dm-gantt .gr .tk i{position:absolute;height:100%;border-radius:4px;display:flex;align-items:center;color:#fff;font-size:8.5px;font-weight:700;padding:0 6px;font-family:Inter,sans-serif}
            .dm-gantt .gr .tk .b1{background:linear-gradient(90deg,#7dd3fc,#38bdf8);left:0;width:30%}
            .dm-gantt .gr .tk .b2{background:linear-gradient(90deg,#a78bfa,#7c3aed);left:18%;width:36%}
            .dm-gantt .gr .tk .b3{background:linear-gradient(90deg,#fbbf24,#f97316);left:42%;width:34%}
            .dm-gantt .gr .tk .b4{background:linear-gradient(90deg,#34d399,#10b981);left:62%;width:30%}

/* ─── used on 1 page(s): home ─── */
.qc-sec{padding:90px 0 110px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%);position:relative;overflow:hidden}
    .qc-sec::before{content:"";position:absolute;left:-180px;bottom:40px;width:340px;height:340px;background:radial-gradient(circle,rgba(22,214,243,.06) 0%,transparent 70%);border-radius:50%}
    .qc-inner{position:relative;z-index:2;max-width:1270px;margin:0 auto;padding:0 24px}

    /* Heading */
    .qc-head{text-align:center;margin-bottom:64px}
    .qc-eyebrow{display:inline-block;font-family:Inter,sans-serif;font-size:11px;font-weight:800;color:var(--blue-700);letter-spacing:.24em;margin-bottom:18px}
    .qc-h2{margin:0 0 18px;font-size:34px;font-weight:800;line-height:1.55;color:var(--ink);letter-spacing:.005em}
    .qc-h2 .accent{background:linear-gradient(120deg,var(--blue-700),var(--blue-500));-webkit-background-clip:text;background-clip:text;color:transparent}
    .qc-lead{font-size:14.5px;line-height:2;color:var(--slate-600);font-weight:500;max-width:720px;margin:0 auto}

    /* Frame: dashed rounded rectangle with cloud badge on top */
    .qc-frame{position:relative;margin:32px 0 0;padding:80px 30px 60px;border:2px dashed #93c5fd;border-radius:120px;background:#fff}

    /* Salesforce Revenue Cloud pill — sits on top edge, breaking the dashed line */
    .qc-cloud{position:absolute;top:-22px;left:50%;transform:translateX(-50%);background:#fff;padding:0 16px;display:flex;align-items:center;gap:10px}
    .qc-cloud .cloud-icon{width:44px;height:44px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;border:1px solid #dbeafe;box-shadow:0 2px 6px rgba(15,27,61,.06)}
    .qc-cloud .cloud-icon img{width:34px;height:auto}
    .qc-cloud .pill{padding:8px 18px;background:#f5fbfd;border:1px solid #dbeafe;border-radius:999px;color:var(--ink);font-weight:800;font-size:14px;letter-spacing:.01em}

    /* Flow: 5 chevrons */
    .qc-flow{display:flex;align-items:center;justify-content:center;gap:0;flex-wrap:nowrap}
    .qc-chev{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#dbeafe;color:var(--blue-700);font-weight:800;text-align:center;line-height:1.3;clip-path:polygon(0 0, calc(100% - 16px) 0, 100% 50%, calc(100% - 16px) 100%, 0 100%, 16px 50%);height:64px;padding:0 22px 0 32px;font-size:14px;letter-spacing:.005em;margin-left:-12px;min-width:120px;font-family:"Noto Sans JP",sans-serif}
    .qc-chev:first-child{margin-left:0}
    .qc-chev .en{display:block;font-size:11px;font-weight:700;opacity:.85}

    /* Center Task Relay chevron — large, dark, dominant */
    .qc-chev.center{background:linear-gradient(135deg,#0c2456 0%,#0f1b3d 100%);color:#fff;height:108px;padding:0 36px 0 50px;font-size:22px;font-weight:900;letter-spacing:.01em;min-width:240px;z-index:3;box-shadow:0 12px 24px -4px rgba(12,36,86,.40)}
    .qc-chev.center .en{font-size:13px;font-weight:700;opacity:.92;margin-top:4px}

    /* Tags below */
    .qc-tags{display:flex;justify-content:center;gap:14px;margin-top:36px;flex-wrap:wrap}
    .qc-tag{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;background:#f1f5f9;color:var(--slate-500);font-size:13px;font-weight:700;border-radius:999px;border:1px solid #e2e8f0;letter-spacing:.01em}
    .qc-tag .ic{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#cbd5e1;color:#fff;font-size:11px;font-weight:900}
    .qc-tag.active{background:var(--blue-500);color:#fff;border-color:var(--blue-500);box-shadow:0 4px 12px rgba(22,214,243,.30)}
    .qc-tag.active .ic{background:#fff;color:var(--blue-700)}

/* ─── used on 1 page(s): features ─── */
.mock-resgantt{font-family:Inter,"Noto Sans JP",sans-serif;font-size:10.5px;color:var(--ink);background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6edf7}
    .mock-resgantt .rg-month{background:#f5fbfd;border-bottom:1px solid #e6edf7;padding:6px 14px;text-align:right;font-size:10.5px;color:var(--slate-600);font-weight:700;letter-spacing:.04em;font-family:Inter,sans-serif}
    .mock-resgantt .rg-row{display:grid;grid-template-columns:140px 1fr;border-bottom:1px solid #f0f4fa;align-items:center;min-height:32px}
    .mock-resgantt .rg-row:last-child{border-bottom:0}
    .mock-resgantt .rg-name{padding:6px 12px;font-size:11px;color:var(--ink);font-weight:600;display:flex;align-items:center;gap:5px;line-height:1.3}
    .mock-resgantt .rg-name .ic{font-size:9px;color:var(--blue-600);width:10px;flex:0 0 10px}
    .mock-resgantt .rg-name.lvl-1{padding-left:24px;font-weight:500}
    .mock-resgantt .rg-name.lvl-2{padding-left:36px;color:var(--slate-600);font-weight:500;font-size:10.5px}
    .mock-resgantt .rg-name.lvl-2 .doc{color:var(--slate-400);font-size:10px}
    .mock-resgantt .rg-track{position:relative;display:grid;grid-template-columns:repeat(30,minmax(0,1fr));gap:1px;padding:4px 6px;background:#fff;height:32px;align-items:center}
    .mock-resgantt .rg-head .rg-track{background:#fff;font-size:9.5px;color:var(--slate-500);font-weight:700;font-family:Inter,sans-serif;height:auto;padding:6px 6px}
    .mock-resgantt .rg-head .rg-track > span{text-align:center}
    .mock-resgantt .rg-head .rg-track > span.wk{color:#ef4444}
    .mock-resgantt .rg-section{background:#fafcff}
    .mock-resgantt .rg-section .rg-name{font-weight:700;color:var(--blue-700)}
    .mock-resgantt .dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;font-size:8.5px;font-weight:800;color:#fff;font-family:Inter,sans-serif;margin:0 auto}
    .mock-resgantt .dot.d-low{background:#bae6fd}
    .mock-resgantt .dot.d-mid{background:#7dd3fc;color:#062b34}
    .mock-resgantt .dot.d-hi {background:#38bdf8}
    .mock-resgantt .dot.d-over{background:#fb7185}
    .mock-resgantt .dot.d-empty{background:#e0f2fe;width:14px;height:14px}
    .mock-resgantt .cell{display:flex;align-items:center;justify-content:center}
    .mock-resgantt .rg-overlay{position:absolute;border:1.5px solid #fb7185;border-radius:14px;pointer-events:none;background:rgba(254,205,211,.18);top:2px;bottom:2px;z-index:2}
    .mock-resgantt .task-row{position:relative;height:32px}
    .mock-resgantt .task-bar{position:absolute;top:6px;height:20px;background:linear-gradient(135deg,#7dd3fc,#38bdf8);color:#062b34;font-size:10px;font-weight:700;padding:0 14px;display:flex;align-items:center;border-radius:14px;box-shadow:0 1px 3px rgba(0,0,0,.08);font-family:"Noto Sans JP",sans-serif}

/* ─── used on 1 page(s): features ─── */
.mock-wbs{font-family:Inter,"Noto Sans JP",sans-serif;font-size:11.5px;color:var(--ink);background:#fff;border-radius:8px;overflow:hidden;border:1px solid #e6edf7}
    .mock-wbs .wbs-head{display:grid;grid-template-columns:1.7fr 60px 64px 120px;gap:0;padding:10px 16px;background:#f5fbfd;border-bottom:1px solid #e6edf7;font-weight:800;font-size:10px;color:var(--slate-600);letter-spacing:.06em;text-transform:uppercase}
    .mock-wbs .wbs-row{display:grid;grid-template-columns:1.7fr 60px 64px 120px;gap:0;padding:9px 16px;border-bottom:1px solid #f0f4fa;align-items:center}
    .mock-wbs .wbs-row:last-child{border-bottom:0}
    .mock-wbs .wbs-row.lvl-0{background:#fafcff;font-weight:700}
    .mock-wbs .wbs-row .name{display:flex;align-items:center;gap:6px;color:var(--ink);font-size:11.5px;line-height:1.2}
    .mock-wbs .wbs-row .tri{font-size:8px;color:var(--blue-600);width:10px;flex:0 0 10px}
    .mock-wbs .wbs-row.lvl-1 .name{padding-left:14px}
    .mock-wbs .wbs-row.lvl-2 .name{padding-left:30px;font-weight:500;color:var(--slate-700)}
    .mock-wbs .wbs-row.lvl-2 .name .tri{visibility:hidden}
    .mock-wbs .av{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,var(--blue-300),var(--blue-500));color:#062b34;font-size:9px;font-weight:800;display:flex;align-items:center;justify-content:center;font-family:Inter,sans-serif}
    .mock-wbs .due{color:var(--slate-500);font-size:10.5px;font-family:Inter,sans-serif;font-weight:600}
    .mock-wbs .pg{display:flex;align-items:center;gap:8px}
    .mock-wbs .pg .bar{flex:1;height:5px;background:#eef2f8;border-radius:3px;overflow:hidden}
    .mock-wbs .pg .bar i{display:block;height:100%;background:linear-gradient(90deg,var(--blue-400),var(--blue-600));border-radius:3px}
    .mock-wbs .pg .pct{font-size:10px;font-weight:800;color:var(--slate-600);min-width:32px;text-align:right;font-family:Inter,sans-serif}
    .mock-wbs .pct.done{color:var(--blue-700)}
    .mock-wbs .pct.zero{color:var(--slate-400)}

/* ─── used on 1 page(s): home ─── */
.integ-strip{padding:90px 0;background:#fff}
    .integ-strip h2{text-align:center;font-size:28px;font-weight:800;color:var(--ink);margin:0 0 14px;letter-spacing:.01em}
    .integ-strip p.lead{text-align:center;font-size:14px;color:var(--slate-600);max-width:560px;margin:0 auto 50px;line-height:1.9;font-weight:500}
    .integ-strip-grid{max-width:1320px;margin:0 auto;padding:0 24px;display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
    .integ-strip-card{background:#fff;border:1px solid #e6edf7;border-radius:14px;padding:28px 24px;text-align:center;transition:all .15s;box-shadow:var(--shadow-sm)}
    .integ-strip-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--blue-200)}
    .integ-strip-card .lg{height:56px;width:160px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;gap:8px}
    .integ-strip-card .lg img{max-height:34px;max-width:140px;width:auto;height:auto;object-fit:contain}
    .integ-strip-card .lg img[src*="50_logo_salesforce"],
    .integ-strip-card .lg img[src*="51_logo_msteams"],
    .integ-strip-card .lg img[src*="53_logo_excel"]{max-height:52px;max-width:150px}
    .integ-strip-card h4{font-size:14.5px;font-weight:800;color:var(--ink);margin:0 0 6px}
    .integ-strip-card p{font-size:12px;color:var(--slate-600);margin:0;line-height:1.7;font-weight:500}