/* ============================================================
   SAMBO LOGISTICS — 準備中ページ
   ============================================================ */

:root{
  --navy-900:#08182A;
  --navy-800:#0B1F33;
  --navy-700:#12304B;
  --cyan:#00A9CE;
  --cyan-light:#3FC9E4;
  --text:#FFFFFF;
  --text-muted:#A9BDCD;
  --text-dim:#5E778C;
  --line:rgba(255,255,255,.10);
}

*{ margin:0; padding:0; box-sizing:border-box; }

html{ height:100%; }

body{
  min-height:100%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:48px 24px;
  background-color:var(--navy-800);
  color:var(--text);
  font-family:Archivo,"Noto Sans JP","Hiragino Kaku Gothic ProN","Yu Gothic",sans-serif;
  font-weight:400;
  -webkit-font-smoothing:antialiased;
}

/* 背景：中央が少し明るいネイビー + うっすらアイソメのライン */
.bg{
  position:fixed; inset:0; z-index:0; pointer-events:none;
  background:
    repeating-linear-gradient( 60deg, rgba(255,255,255,.016) 0 1px, transparent 1px 68px),
    repeating-linear-gradient(-60deg, rgba(255,255,255,.016) 0 1px, transparent 1px 68px),
    radial-gradient(circle at 50% 42%, var(--navy-700) 0%, var(--navy-800) 45%, var(--navy-900) 100%);
}

.container{
  position:relative; z-index:1;
  width:100%; max-width:620px;
  text-align:center;
}

/* ── ロゴ ───────────────────────────────────────────────── */
.site-header{ margin-bottom:88px; }

.sambo-logo{
  --n:34px;
  --navy:#0E2A47;
  --cyan-word:#00A9CE;
  --mark:       url("img/sambo-symbol.svg");
  --mark-dark:  url("img/sambo-symbol-white.svg");
  --knapp:      url("img/knapp-mark.svg");
  --knapp-dark: url("img/knapp-mark-white.svg");

  display:inline-flex;
  align-items:center;
  gap:calc(var(--n) * .50);
  text-decoration:none;
  line-height:1;
  text-align:left;
}
.sambo-logo__mark{
  flex:none;
  height:calc(var(--n) * 1.64);
  aspect-ratio:99 / 95;
  background:var(--mark) center / contain no-repeat;
}
.sambo-logo__text{
  display:flex; flex-direction:column;
  gap:calc(var(--n) * .10);
}
.sambo-logo__name{
  font-size:var(--n); font-weight:800;
  letter-spacing:-.01em; color:var(--navy); white-space:nowrap;
}
.sambo-logo__name em{
  font-style:normal; font-weight:600; color:var(--cyan-word);
}
.sambo-logo__partner{
  display:flex; align-items:center;
  gap:calc(var(--n) * .30);
}
.sambo-logo__knapp{
  flex:none;
  height:calc(var(--n) * .45);
  aspect-ratio:770.6 / 245.5;   /* KNAPP 原比率 — 変形不可 */
  background:var(--knapp) center / contain no-repeat;
}
.sambo-logo__partner span{
  font-size:calc(var(--n) * .36); font-weight:500;
  letter-spacing:.10em; color:var(--navy); white-space:nowrap;
}
.sambo-logo--dark{
  --navy:#FFFFFF;
  --cyan-word:var(--cyan-light);
  --mark:var(--mark-dark);
  --knapp:var(--knapp-dark);
}

/* ── 本文 ───────────────────────────────────────────────── */
.content{
  animation:fadeIn 1.1s cubic-bezier(.22,.8,.28,1) both;
}

.eyebrow{
  font-size:.78rem; font-weight:600;
  letter-spacing:.36em; text-transform:uppercase;
  color:var(--cyan-light);
  margin-bottom:22px;
  padding-left:.36em;
}

.title{
  font-family:"Noto Sans JP",Archivo,sans-serif;
  font-size:clamp(2.3rem, 7vw, 3.2rem);
  font-weight:500;
  letter-spacing:.22em;
  padding-left:.22em;
}

.divider{
  display:block;
  width:56px; height:2px;
  margin:34px auto;
  background:linear-gradient(90deg, transparent, var(--cyan), transparent);
}

.description{
  font-family:"Noto Sans JP",sans-serif;
  font-size:1rem; line-height:2.1;
  color:var(--text-muted);
}

.keywords{
  margin-top:40px;
  font-size:.8rem; font-weight:500;
  letter-spacing:.14em;
  color:var(--text-dim);
}

.contact{
  margin-top:44px;
  padding-top:30px;
  border-top:1px solid var(--line);
  font-family:"Noto Sans JP",sans-serif;
  font-size:.85rem;
  color:var(--text-dim);
}
.contact a{
  margin-left:10px;
  color:var(--cyan-light);
  text-decoration:none;
  border-bottom:1px solid rgba(63,201,228,.35);
  padding-bottom:2px;
  transition:border-color .2s ease, color .2s ease;
}
.contact a:hover{ color:#fff; border-color:#fff; }

.site-footer{
  margin-top:96px;
  font-size:.7rem; letter-spacing:.06em;
  color:#3C5568;
}

@keyframes fadeIn{
  from{ opacity:0; transform:translateY(14px); }
  to  { opacity:1; transform:translateY(0); }
}

/* ── レスポンシブ ──────────────────────────────────────── */
@media (max-width:640px){
  body{ padding:40px 20px; }
  .sambo-logo{ --n:24px; }
  .site-header{ margin-bottom:60px; }
  .description{ font-size:.94rem; line-height:1.95; }
  .site-footer{ margin-top:64px; }
}

@media (prefers-reduced-motion:reduce){
  .content{ animation:none; }
}