:root{--bg: #ffffff;--soft: #f5f7fb;--ink: #0d1320;--muted: #5a6678;--navy: #1d3a73;--navy-bright: #4f8be8;--line: #e5e9f0;--dark: #0b1120;--co-border: #243358;--co-th: #93a6cb;--co-link: #7fb0ff;--ft-bg: var(--dark);--ft-color: #8493ad;--ft-align: center}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--bg);font-family:Inter,Noto Sans JP,sans-serif;line-height:1.85;-webkit-font-smoothing:antialiased}a{color:var(--navy)}.container{max-width:980px;margin:0 auto;padding:0 24px}.topbar{height:4px;background:linear-gradient(90deg,var(--navy),var(--navy-bright))}header.site{position:sticky;top:0;z-index:10;background:#ffffffeb;backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}.bar{display:flex;align-items:center;justify-content:space-between;height:66px}.brand{font-weight:800;letter-spacing:.02em;text-decoration:none;color:var(--navy)}.brand span{display:block;font-size:.6rem;letter-spacing:.18em;color:var(--muted);font-weight:500}nav{display:flex;align-items:center}nav a{margin-left:24px;text-decoration:none;color:var(--muted);font-size:.86rem;font-weight:500}nav a:hover{color:var(--ink)}nav a.navcta{color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:7px 16px}nav a.navcta:hover{background:var(--navy);color:#fff}@media(max-width:700px){nav a:not(.navcta){display:none}nav a.navcta{margin-left:0}}.hero{padding:116px 0 96px;position:relative;overflow:hidden;background:radial-gradient(120% 78% at 50% -10%,#4f8be824,#1d3a730d 40%,#fff 72%)}.hero .container{position:relative;z-index:1;text-align:center}.hero .aurora{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none}.hero .aurora span{position:absolute;border-radius:50%;filter:blur(72px);opacity:.42}.hero .aurora .b1{width:540px;height:540px;background:radial-gradient(circle,#4f8be8,transparent 70%);top:-180px;left:-100px;animation:drift1 19s ease-in-out infinite}.hero .aurora .b2{width:480px;height:480px;background:radial-gradient(circle,#1d3a73,transparent 70%);top:-150px;right:-90px;animation:drift2 23s ease-in-out infinite}.hero .aurora .b3{width:420px;height:420px;background:radial-gradient(circle,#7fb0ff,transparent 72%);bottom:-240px;left:36%;animation:drift3 27s ease-in-out infinite}@keyframes drift1{0%,to{transform:translate(0) scale(1)}50%{transform:translate(70px,46px) scale(1.08)}}@keyframes drift2{0%,to{transform:translate(0) scale(1)}50%{transform:translate(-58px,40px) scale(1.05)}}@keyframes drift3{0%,to{transform:translate(0) scale(1)}50%{transform:translate(44px,-52px) scale(1.1)}}@media(prefers-reduced-motion:reduce){.hero .aurora span{animation:none}}.eyebrow{display:inline-block;font-size:.72rem;letter-spacing:.22em;color:var(--navy);font-weight:700;border:1px solid var(--line);background:#fff;border-radius:999px;padding:5px 14px;margin-bottom:22px}.hero h1{font-size:3.1rem;line-height:1.18;margin:0 0 20px;font-weight:900;letter-spacing:-.01em;color:var(--ink);word-break:keep-all;overflow-wrap:anywhere}.hero h1 .hl{background:linear-gradient(120deg,var(--navy),var(--navy-bright));-webkit-background-clip:text;background-clip:text;color:transparent}.hero .lead{color:var(--muted);font-size:1.05rem;max-width:52ch;margin:0 auto 30px;word-break:keep-all;overflow-wrap:anywhere}.hero .lead .ln{display:block}.cta{display:flex;gap:12px;flex-wrap:wrap;justify-content:center}@media(max-width:640px){section{padding:62px 0}h2{font-size:1.45rem}.hero{padding:88px 0 72px}.hero h1{font-size:2.2rem}.hero .lead{font-size:.98rem}}.btn{display:inline-flex;align-items:center;text-decoration:none;padding:12px 24px;border-radius:12px;font-size:.92rem;font-weight:700;transition:transform .14s ease,box-shadow .14s ease,background .14s ease}.btn.primary{background:linear-gradient(135deg,var(--navy),var(--navy-bright));color:#fff;box-shadow:0 8px 24px #1d3a7338}.btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 30px #1d3a734d}.btn.ghost{background:#fff;color:var(--navy);border:1px solid var(--line)}.btn.ghost:hover{border-color:var(--navy)}section{padding:80px 0}.kicker{font-size:.72rem;letter-spacing:.2em;color:var(--navy);margin:0 0 10px;font-weight:700}h2{font-size:1.65rem;margin:0 0 10px;font-weight:800;color:var(--ink)}.sub{color:var(--muted);margin:0 0 40px;max-width:56ch}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}@media(max-width:840px){.cards{grid-template-columns:repeat(2,1fr)}}@media(max-width:460px){.cards{grid-template-columns:1fr}}.card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:24px 20px;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.card:hover{transform:translateY(-3px);box-shadow:0 12px 32px #1d3a7314;border-color:var(--navy-bright)}.card .num{display:block;font-size:.8rem;font-weight:700;letter-spacing:.06em;color:var(--navy-bright);margin-bottom:12px}.card h3{font-size:.98rem;margin:0 0 5px;color:var(--navy)}.card p{color:var(--muted);font-size:.84rem;margin:0}.products{background:linear-gradient(180deg,#ffffff 0%,var(--soft) 22%,var(--soft) 78%,#ffffff 100%)}.pfeature{background:#fff;border:1px solid var(--line);border-radius:16px;padding:34px 34px 34px 38px;position:relative;overflow:hidden}.pfeature:before{content:"";position:absolute;top:0;bottom:0;left:0;width:5px;background:linear-gradient(180deg,var(--navy),var(--navy-bright))}.pfeature .badge{display:inline-block;font-size:.7rem;letter-spacing:.08em;color:var(--navy);border:1px solid var(--navy);border-radius:999px;padding:3px 12px;margin-bottom:14px;font-weight:600}.pfeature h3{font-size:1.4rem;margin:0 0 8px;color:var(--navy)}.pfeature p{color:var(--muted);font-size:.92rem;margin:0 0 22px;max-width:64ch}.pnote{margin:22px 0 0;color:var(--muted);font-size:.92rem;display:flex;align-items:center;gap:12px}.pnote .typing{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;background:#eaf0fb;border:1px solid var(--line);border-radius:999px}.pnote .typing span{width:7px;height:7px;border-radius:50%;background:var(--navy-bright);opacity:.3;animation:blink 1.4s infinite both}.pnote .typing span:nth-child(2){animation-delay:.2s}.pnote .typing span:nth-child(3){animation-delay:.4s}@keyframes blink{0%,80%,to{opacity:.25;transform:translateY(0)}40%{opacity:1;transform:translateY(-3px)}}@media(prefers-reduced-motion:reduce){.pnote .typing span{animation:none}}@media(max-width:540px){.pfeature{padding:26px 22px 26px 26px}}.about p{max-width:62ch;color:#38445a}.stack{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.stack span{font-size:.78rem;color:var(--muted);border:1px solid var(--line);border-radius:999px;padding:5px 14px}.company{background:var(--dark);color:#dde6f5}.company h2{color:#fff}.company .kicker{color:var(--navy-bright)}.company .sub{color:#93a6cb}.company .cowrap{max-width:760px}.contact{text-align:center;padding:92px 0 96px;background:var(--dark);color:#dde6f5}.contact .kicker{color:var(--navy-bright)}.contact h2{color:#fff}.contact .sub{color:#93a6cb}.contact a.mail{font-size:1.3rem;font-weight:700;color:var(--navy-bright)}