/* Home: Nihongo Amigo spotlight (first section under the hero). */
.na-pill{display:inline-flex;align-items:center;gap:10px;margin-bottom:6px;padding:7px 14px 7px 8px;border-radius:999px;background:#fff;box-shadow:0 6px 20px -10px rgba(37,99,235,.55);border:1px solid #DCE3FF;color:#141B55;font:700 14px/1 var(--f-body);text-decoration:none;transition:transform .15s}
.na-pill:hover{transform:translateY(-1px)}
.na-pill b{background:linear-gradient(100deg,#2563EB,#7C3AED);color:#fff;border-radius:999px;padding:5px 9px;font:800 11px/1 var(--f-body);letter-spacing:.08em}
.na{position:relative;overflow:hidden;color:#EEF1FF;background:radial-gradient(900px 600px at 85% 15%,rgba(124,58,237,.55),transparent 60%),radial-gradient(800px 600px at 10% 90%,rgba(37,99,235,.55),transparent 60%),linear-gradient(160deg,#0E1240 0%,#141B55 55%,#1D1460 100%);padding:clamp(80px,10vw,140px) 0}
.na:before{content:"日本語";position:absolute;right:-2vw;bottom:-6vw;font:900 clamp(140px,22vw,340px)/1 "Hiragino Sans","Noto Sans JP",system-ui,sans-serif;color:rgba(255,255,255,.04);pointer-events:none;letter-spacing:-.04em}
.na-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;position:relative}
.na .eyebrow{color:#9DB4FF}
.na h2{font-size:clamp(38px,5.6vw,72px);letter-spacing:-.02em;margin:18px 0 18px;color:#fff}
.na h2 .kana{background:linear-gradient(100deg,#7DD3FC 0%,#A78BFA 55%,#F9A8D4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.na .lead{color:#C9D2FF}
.na-stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin:30px 0 30px}
.na-stat{min-width:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:16px 14px;backdrop-filter:blur(6px)}
.na-stat b{display:block;font:800 clamp(21px,2.1vw,28px)/1 var(--f-display);color:#fff;white-space:nowrap}
.na-stat span{display:block;margin-top:6px;font:600 13px/1.3 var(--f-body);color:#B8C3F5}
.na-feats{list-style:none;padding:0;margin:0 0 32px;display:grid;grid-template-columns:1fr 1fr;gap:10px 22px}
.na-feats li{display:flex;gap:10px;align-items:flex-start;font:600 15.5px/1.45 var(--f-body);color:#DCE3FF}
.na-feats li:before{content:"";flex:0 0 22px;height:22px;border-radius:7px;margin-top:1px;background:linear-gradient(135deg,#60A5FA,#A78BFA) center/14px no-repeat;-webkit-mask:none;box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.na-feats li:before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12l5 5L20 7'/%3E%3C/svg%3E"),linear-gradient(135deg,#60A5FA,#A78BFA);background-size:13px,100%;background-position:center;background-repeat:no-repeat}
.na-ctas{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.na .btn.na-main{--b:#fff;--bd:#AEB9F2;color:#141B55}
.na .btn.na-soon{--b:rgba(255,255,255,.08);--bd:rgba(255,255,255,.18);color:#fff;cursor:default;box-shadow:inset 0 0 0 1.5px rgba(255,255,255,.28)}
.na .btn.na-soon:hover{transform:none}
.na-langs{margin-top:22px;font:600 14px/1.5 var(--f-body);color:#9FAAE0}
.na-langs b{color:#fff}
/* Phones */
.na-phones{position:relative;height:clamp(460px,48vw,640px)}
.na-phone{position:absolute;width:clamp(170px,17vw,240px);aspect-ratio:1206/2622;border-radius:clamp(26px,2.6vw,36px);overflow:hidden;background:#000;box-shadow:0 0 0 1px rgba(255,255,255,.14),0 40px 80px -20px rgba(0,0,0,.7);transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.na-phone img{width:100%;height:100%;object-fit:cover;display:block}
.na-phone.p1{left:2%;top:12%;transform:rotate(-8deg)}
.na-phone.p2{left:50%;top:0;transform:translateX(-50%);z-index:2}
.na-phone.p3{right:2%;top:14%;transform:rotate(8deg)}
.na-phones:hover .na-phone.p1{transform:rotate(-10deg) translateX(-12px)}
.na-phones:hover .na-phone.p3{transform:rotate(10deg) translateX(12px)}
.na-tag{position:absolute;z-index:3;padding:10px 14px;border-radius:14px;background:#fff;color:#141B55;font:800 14px/1.2 var(--f-display);box-shadow:0 16px 30px -12px rgba(0,0,0,.5);white-space:nowrap}
.na-tag small{display:block;font:600 12px/1.3 var(--f-body);color:#5A6390}
.na-tag.t1{left:-2%;bottom:10%}
.na-tag.t2{right:-1%;top:4%}
@media (max-width:980px){
  .na-grid{grid-template-columns:1fr}
  .na-phones{order:-1;height:clamp(380px,92vw,520px);max-width:560px;margin:0 auto;width:100%}
  .na-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:560px){
  .na-feats{grid-template-columns:1fr}
  .na-phone{width:clamp(130px,38vw,190px)}
  .na-tag{font-size:12.5px;padding:8px 11px}
  .na-tag.t1{left:0}.na-tag.t2{right:0}
}
@media (prefers-reduced-motion:reduce){.na-phone{transition:none}}
/* Hero copy fits small phones */
@media (max-width:560px){.hero .h-xl{font-size:clamp(30px,9.6vw,46px)}}
.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr)}
.hero .h-xl{font-size:clamp(42px,6.6vw,92px)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}}