/* UI 3 — landing page */
.home-hero{padding-top:clamp(28px,5vw,64px)}
.home-hero .h-display{max-width:15ch}
.hero-copy{position:relative;min-width:0}
.home-console{position:relative}
.console-bird{position:absolute;right:18px;top:-62px;z-index:3;pointer-events:none}
.console-bird .mascot{--mw:92px!important}
.home-console{margin-top:64px!important}
@media (max-width:640px){.console-bird{right:-6px;top:-70px}.console-bird .mascot{--mw:86px!important}}
.hero-visual{position:relative;min-height:420px}
.hero-visual .scene{max-width:620px;margin-left:auto}
.hero-visual .scene-fallback .mascot{filter:drop-shadow(0 30px 40px rgba(4,64,46,.3))}
.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:10px 14px;border-radius:18px;box-shadow:var(--sh-3)}
.float-card b{display:block;font-size:15px}
.float-card small{display:block;font-size:12px;color:var(--ink-3)}
.fc-1{left:0;top:16%}
.fc-2{right:4%;bottom:8%}
@media (max-width:1024px){.hero-visual{min-height:0}.hero-visual .scene{max-height:420px;margin:0 auto}.fc-1{left:4%}}
@media (max-width:640px){.hero-visual .scene{max-height:320px}.float-card{display:none}}

.tool-strip{padding:10px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--surface-2),var(--bg),var(--surface-2))}
.strip-item{display:inline-flex;align-items:center;gap:10px;padding:12px 18px 22px;font-weight:700;white-space:nowrap;color:var(--ink-2)}
.strip-item .art{--aw:34px;filter:none}
.strip-item:hover{color:var(--ink)}

.facts-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.fact{padding:26px 22px;border-radius:var(--r-xl);background:var(--surface);border:1px solid var(--line);box-shadow:var(--sh-1);position:relative;overflow:hidden}
.fact::after{content:"";position:absolute;right:-30px;top:-30px;width:110px;height:110px;border-radius:50%;background:radial-gradient(circle,rgba(217,184,108,.25),transparent 70%)}
.fact b{display:block;font:italic 700 clamp(44px,5vw,64px)/1 var(--serif);background:var(--g-iris);-webkit-background-clip:text;background-clip:text;color:transparent;padding-right:.1em}
.fact span{display:block;margin-top:10px;color:var(--ink-3);font-size:14.5px}
@media (max-width:980px){.facts-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.flight-track{position:relative}
.flight-path{position:absolute;left:0;right:0;top:-20px;width:100%;height:160px;pointer-events:none}
.flight-bird{position:absolute;left:0;top:0;z-index:2;pointer-events:none;will-change:transform}
.flight-steps{position:relative;padding-top:130px}
.flight-steps>li::before{display:none}
.flight-steps .art{margin-bottom:14px}
@media (max-width:720px){.flight-path,.flight-bird{display:none}.flight-steps{padding-top:0}}

.bento .art{--aw:46px}
.qr-art{display:grid;place-items:center}
.qr-art-svg{width:min(170px,100%);height:auto;padding:12px;border-radius:20px;background:#fffaf0;box-shadow:var(--sh-2)}
.route{display:flex;justify-content:space-between;gap:10px;padding:9px 12px;border-radius:12px;border:1px solid var(--line);background:var(--surface-2);font-size:13px}
.route span:first-child{display:inline-flex;align-items:center;gap:6px;font-weight:700}
.route .mono{color:var(--ink-4)}
.phone-mini{display:flex;flex-direction:column;align-items:center;gap:7px;width:120px;margin:4px auto 0;padding:14px 12px;border-radius:22px;border:1px solid var(--line-2);background:var(--surface-2)}
.pm-av{width:34px;height:34px;border-radius:50%;background:var(--g-fuchsia)}
.pm-l{width:100%;height:14px;border-radius:7px;background:var(--surface-3);border:1px solid var(--line)}
.pm-l.is-acc{background:var(--g-jewel);border:0}
.bento-lock .art{filter:drop-shadow(0 0 20px rgba(95,227,214,.35))}

.globe-sec{overflow:hidden}
.globe-wrap{position:relative}
.globe-wrap .scene{max-width:560px;margin:0 auto}
.globe-wrap::before{content:"";position:absolute;inset:8%;border-radius:50%;background:radial-gradient(circle,rgba(11,122,88,.22),transparent 65%)}
.art-xl{--aw:140px}

.lik-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px 40px;align-items:center;padding:clamp(28px,5vw,64px);border-radius:var(--r-2xl);overflow:hidden}
.lik-card::before{content:"";position:absolute;inset:0;background:radial-gradient(50% 70% at 85% 30%,rgba(194,31,99,.28),transparent 70%),radial-gradient(50% 60% at 10% 100%,rgba(61,220,151,.18),transparent 70%);pointer-events:none;border-radius:inherit}
.lik-card>*{position:relative}
.lik-card p{color:#c9c3b2;font-size:16.5px;line-height:1.7;max-width:56ch}
.lik-card .eyebrow{color:#e3c27a}
.lik-hero{display:grid;place-items:center}
.lik-hero .mascot{filter:drop-shadow(0 30px 40px rgba(0,0,0,.45))}
.lik-poses{grid-column:1/-1;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;padding-top:24px;border-top:1px solid rgba(217,184,108,.2)}
.pose{display:flex;flex-direction:column;align-items:center;gap:8px;padding:14px 8px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(217,184,108,.14)}
.pose figcaption{font-size:12.5px;color:#c9c3b2;text-align:center}
@media (max-width:980px){.lik-card{grid-template-columns:minmax(0,1fr)}.lik-hero .mascot{--mw:220px!important}.lik-poses{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (max-width:560px){.lik-poses{grid-template-columns:repeat(2,minmax(0,1fr))}}
.usecase-chips .chip{height:40px;padding:0 15px}