/* InYourHand の上書き（2026-10-12）。金庫を思わせる紺と緑。使い勝手は site.css のまま、色と見出しだけ強める */
:root{
  --brand:#047857;--brand-soft:#e7f6ef;--ink:#0b1b2b;--bg:#f6f8f7;
  --grad:linear-gradient(120deg,#0b1b2b 0%,#065f46 55%,#10b981 100%);
  --shadow:0 2px 6px rgba(6,78,59,.08),0 12px 32px rgba(6,78,59,.10);
}
body{background:radial-gradient(1200px 600px at 85% -10%,#dff5ea 0,transparent 60%),radial-gradient(900px 500px at -10% 0,#e3ebf5 0,transparent 55%),var(--bg)}
.hd{background:rgba(255,255,255,.78);backdrop-filter:saturate(1.4) blur(10px);-webkit-backdrop-filter:saturate(1.4) blur(10px)}
.brand .mark{background:var(--grad);color:#fff;border-radius:10px}
.brand b{letter-spacing:-.01em}

.hero{padding-top:56px;padding-bottom:28px}
.hero h1{font-size:clamp(2.1rem,5.4vw,3.6rem);line-height:1.08;letter-spacing:-.025em;font-weight:800;
  background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero .lead{font-size:clamp(1.05rem,2vw,1.25rem);max-width:720px;margin-left:auto;margin-right:auto}

.btn-primary{background:var(--grad);border:0;box-shadow:0 8px 24px rgba(6,95,70,.28);transition:transform .15s,box-shadow .15s}
.btn-primary:hover{transform:translateY(-1px);box-shadow:0 12px 30px rgba(6,95,70,.34);filter:brightness(1.05)}
.btn-primary:disabled{box-shadow:none;transform:none;filter:grayscale(.4)}

.drop{border:2px dashed #9ccfb8;background:linear-gradient(180deg,#fff, #f6fbf8);border-radius:22px}
.drop:hover,.drop:focus-visible{border-color:#059669;background:#f0fbf6}

.safe-line{display:inline-flex;gap:8px;align-items:center;padding:8px 16px;border-radius:999px;
  background:#ecfdf5;color:#047857;font-weight:700;box-shadow:inset 0 0 0 1px #a7f3d0}

.tool-card{border-radius:18px;transition:transform .15s,box-shadow .15s}
.tool-card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}
.tool-card .ti{border-radius:14px}
.tools-sec h2,.content h2{letter-spacing:-.015em}

.net{background:#0f172a;color:#d1fae5;box-shadow:0 10px 30px rgba(15,23,42,.25)}
.ft{background:#0b1b2b;color:#c6d4e1}
.ft a{color:#a7f3d0}
.ft .by .mark{display:inline-flex;background:var(--grad);color:#fff;border-radius:8px;padding:4px;margin-right:8px}
.ft .tag{font-size:1.15rem;font-weight:800;color:#6ee7b7}

@media (prefers-reduced-motion:reduce){.btn-primary,.tool-card{transition:none}.tool-card:hover,.btn-primary:hover{transform:none}}
.promises{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:14px auto 22px;padding:0}
.promises li{display:inline-flex;align-items:center;gap:6px;padding:7px 14px;border-radius:999px;background:#0b1b2b;color:#ecfdf5;font-weight:700;font-size:.95rem;box-shadow:0 6px 18px rgba(11,27,43,.18)}
/* PC は点線の大きなドロップ枠ですぐ始められるように（2026-10-12）。スマートフォンは小さめ */
.drop{cursor:pointer;border-width:3px}
@media (min-width:768px){.drop{min-height:300px;display:flex;align-items:center;justify-content:center;max-width:860px;margin-left:auto;margin-right:auto}.drop .ic{width:52px;height:52px}.drop .or{font-size:1.05rem}}
@media (max-width:767px){.drop{min-height:170px}}
.counter{margin:14px 0 4px}.counter img{image-rendering:pixelated;border-radius:4px;box-shadow:0 0 0 2px #334155}

/* 宣言（2026-10-12） */
.manifesto{margin:18px auto 0;max-width:46rem;padding:0;background:none;border:0;font-weight:800;font-size:1.05rem;line-height:1.55;text-align:center;color:#e11d48;letter-spacing:.01em}