@import"https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;700;900&family=Inter:wght@400;600;800&display=swap";:root{--ink:#0b1828;--muted:#637083;--line:#dce5ee;--bg:#f5f7fa;--panel:#fff;--blue:#163b73;--aqua:#16b8c7;--gold:#caa45d;--navy:#08192d;--soft:#eef6f8;--danger:#b45309}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(180deg,#f7f9fc 0,#fff 45%,#f4f7fb);color:var(--ink);font-family:Noto Sans JP,Inter,system-ui,sans-serif;line-height:1.75}a{text-decoration:none;color:inherit}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 28px;background:#ffffffe6;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-bottom:1px solid rgba(220,229,238,.9)}.brand{display:flex;align-items:center;gap:11px;min-width:250px}.brandMark{display:grid;place-items:center;width:36px;height:36px;background:linear-gradient(135deg,var(--blue),var(--aqua));color:#fff;border-radius:10px;font-weight:900;box-shadow:0 18px 40px #163b7340}.brand span:last-child{display:flex;flex-direction:column;line-height:1.1}.brand small{font-size:11px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase}.nav nav{display:flex;gap:5px;align-items:center;justify-content:flex-end;flex-wrap:wrap}.nav nav a{font-size:13px;color:#344154;padding:7px 9px;border-radius:999px}.nav nav a.active,.nav nav a:hover{background:#eaf3f7;color:var(--blue)}main{max-width:1200px;margin:auto;padding:0 24px 80px}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:54px;align-items:center;min-height:78vh;padding:72px 0 54px}.badgeRow{display:flex;flex-wrap:wrap;gap:8px}.pill{display:inline-flex;align-items:center;width:max-content;gap:4px;padding:4px 10px;border:1px solid #cce6ed;background:#f8fdff;color:#0b6f85;border-radius:999px;font-size:12px;font-weight:700;letter-spacing:.02em}.pill.muted{background:#f6f7fb;border-color:#e2e8f0;color:#46556a}.hero h1,.pageTitle h1{font-size:clamp(36px,6.3vw,72px);line-height:1.06;letter-spacing:-.06em;margin:20px 0;color:var(--ink);font-weight:900}.lead,.pageTitle p{font-size:20px;color:var(--muted);max-width:780px}.heroPromise{margin-top:22px;padding:16px 18px;border-left:4px solid var(--gold);background:#fffaf1;border-radius:0 12px 12px 0;display:flex;flex-direction:column;gap:2px}.heroPromise span{color:#7c5b20;font-size:14px}.heroPromise strong{font-size:19px}.cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,var(--blue),#0f5e83);color:#fff;padding:12px 18px;border-radius:12px;border:1px solid #16477a;font-weight:800;cursor:pointer;box-shadow:0 16px 36px #163b7338}.btn.ghost{background:#fff;color:var(--blue);box-shadow:none}.commandPanel,.card,.demoLink{background:#fffffff5;border:1px solid var(--line);border-radius:22px;box-shadow:0 24px 70px #08192d17}.commandPanel{padding:26px;position:relative;overflow:hidden}.commandPanel:before{content:"";position:absolute;inset:-40% -30% auto auto;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(22,184,199,.26),transparent 64%)}.panelTop{display:flex;align-items:center;gap:7px;margin-bottom:24px}.panelTop span{width:10px;height:10px;border-radius:50%;background:#d7dee8}.panelTop span:nth-child(1){background:#ff6b6b}.panelTop span:nth-child(2){background:#facc15}.panelTop span:nth-child(3){background:#22c55e}.panelTop em{margin-left:auto;color:#6b7b90;font-size:12px;font-style:normal}.commandPanel h3{font-size:25px;line-height:1.35;margin:0 0 22px}.metric{display:flex;align-items:baseline;justify-content:space-between;border-top:1px solid var(--line);padding:14px 0}.metric b{font-size:34px;color:var(--blue)}.metric span{color:var(--muted)}.small,.note{font-size:14px;color:var(--muted)}.strategyStrip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-bottom:54px}.strategyStrip div{padding:18px;background:#08192d;color:#fff;border-radius:18px;display:flex;flex-direction:column;gap:6px;min-height:150px}.strategyStrip svg{color:var(--aqua)}.strategyStrip span{color:#b9c6d5;font-size:14px}.sectionHead{margin:34px 0 16px}.sectionHead h2,.dark h2,.card h2{font-size:34px;line-height:1.2;margin:10px 0}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.grid2{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.card{padding:24px}.card svg,.demoLink svg{color:var(--blue)}.card h3,.demoLink h3{font-size:21px;line-height:1.35;margin:12px 0 8px}.card p,.demoLink p{color:var(--muted)}.priorityCard{position:relative}.rank{font-weight:900;color:var(--gold);letter-spacing:.03em}.sources{display:flex;flex-wrap:wrap;gap:6px;margin-top:14px}.sources a{display:inline-flex;align-items:center;gap:3px;font-size:12px;color:#0f5e83;background:#edf9fb;border:1px solid #cce6ed;border-radius:999px;padding:3px 8px}.dark{margin-top:48px;background:radial-gradient(circle at 10% 0,rgba(22,184,199,.35),transparent 30%),linear-gradient(135deg,#061326,#102b4b);color:#fff;border-radius:28px;padding:34px}.dark .pill{background:#ffffff14;color:#9eeaf2;border-color:#ffffff2e}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.timeline div{padding:18px;border:1px solid rgba(255,255,255,.16);border-radius:18px;background:#ffffff0f;min-height:130px}.timeline b{display:block;color:#9eeaf2;font-size:26px}.timeline span{color:#dbeafe}.pageTitle{padding:62px 0 26px}.pageTitle h1{font-size:clamp(34px,5vw,60px)}.factGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.fact ul{padding-left:1.2em}.fact li{margin:8px 0}.opsMap{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px;align-items:center}.opsMap div{background:#f7fafc;border:1px solid var(--line);border-radius:16px;padding:15px}.opsMap span{display:block;color:var(--muted);font-size:14px}.sourceTable{display:grid;gap:8px}.sourceTable div{display:grid;grid-template-columns:54px 1fr 1.4fr;gap:10px;padding:10px;border-bottom:1px solid #edf1f5}.sourceTable a{color:#0f5e83;word-break:break-all}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.steps .card b{font-size:32px;color:var(--gold)}.priorityList{display:grid;gap:16px}.usecaseHead{display:flex;align-items:center;gap:12px}.usecaseHead span{font-weight:900;font-size:24px;color:var(--gold)}.usecaseHead h3{margin:0}.kpis{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.demoLink{padding:24px;display:block;transition:.18s transform,.18s box-shadow}.demoLink:hover{transform:translateY(-3px);box-shadow:0 30px 80px #08192d21}.demoLink>span{font-weight:800;color:var(--blue)}.demo{display:grid;grid-template-columns:1fr 1fr;gap:22px}.demo label{display:block;font-weight:900;margin-bottom:8px}.demo textarea{width:100%;min-height:245px;border:1px solid var(--line);border-radius:18px;padding:16px;font:inherit;resize:vertical}.output{background:#07182c;color:#fff;border-radius:22px;padding:24px}.output h3{margin-top:0}.output p{display:flex;gap:8px;align-items:flex-start;color:#dbeafe}.output svg{flex:0 0 auto;color:#52d7df;margin-top:5px}.output .warning svg{color:#fbbf24}.videoHero{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-bottom:18px}.videoHero>div{background:#08192d;color:#fff;border-radius:26px;padding:28px}.videoMock{display:flex;flex-direction:column;gap:24px;justify-content:center}.videoMock div{height:12px;border-radius:999px;background:linear-gradient(90deg,var(--aqua) 0 46%,rgba(255,255,255,.2) 46%)}.videoBoard{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.log{display:grid;gap:12px}.log p{display:grid;grid-template-columns:28px 110px 1fr;gap:10px;align-items:start;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px}.roadmap{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.milestone{background:#f8fafc;border:1px dashed #cbd5e1;border-radius:12px;padding:10px;color:#475569}.decision{border-color:#f3d28e;background:#fffaf0}.summaryGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}code{background:#eef2ff;padding:2px 6px;border-radius:6px;color:#22346b}footer{display:flex;gap:14px;align-items:center;justify-content:center;padding:28px;color:#6b7b90;border-top:1px solid var(--line);font-size:14px;text-align:center}@media (max-width:900px){.nav{align-items:flex-start;flex-direction:column;padding:12px 16px}.brand{min-width:0}.nav nav{justify-content:flex-start}.nav nav a{font-size:12px;padding:6px 8px}main{padding:0 16px 54px}.hero,.demo,.videoHero{grid-template-columns:1fr;min-height:auto;padding-top:42px}.strategyStrip,.grid3,.grid2,.factGrid,.steps,.timeline,.videoBoard,.roadmap,.summaryGrid,.opsMap{grid-template-columns:1fr}.opsMap>svg{transform:rotate(90deg);margin:auto}.sourceTable div{grid-template-columns:1fr}.hero h1,.pageTitle h1{letter-spacing:-.04em}.lead,.pageTitle p{font-size:17px}.dark{padding:24px}.log p{grid-template-columns:24px 1fr}.log p span{grid-column:2}.commandPanel{padding:20px}}.inputPanel{background:#fff;border:1px solid var(--line);border-radius:22px;padding:22px}.demoActions{display:flex;gap:10px;flex-wrap:wrap;margin:14px 0}.outputHeader{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.14);padding-bottom:12px;margin-bottom:10px}.outputHeader h3{margin:0}.outputHeader span{white-space:nowrap;background:#16b8c729;border:1px solid rgba(82,215,223,.35);color:#9eeaf2;border-radius:999px;padding:4px 9px;font-size:12px;font-weight:800}.outBlock{padding:12px 0;border-bottom:1px solid rgba(255,255,255,.1)}.outBlock h4{margin:0 0 6px;color:#fff;font-size:16px}.outBlock p{margin:7px 0}.warning{margin-top:14px}@media (max-width:900px){.outputHeader{flex-direction:column}.outputHeader span{white-space:normal}.demoActions .btn{width:100%;justify-content:center}}.videoPlayerCard{display:grid;grid-template-columns:1.4fr .6fr;gap:26px;align-items:stretch;margin:26px 0 34px}.videoFrame{background:#08192d;border-radius:28px;padding:12px;box-shadow:0 30px 90px #08192d38}.videoFrame video{display:block;width:100%;aspect-ratio:16/9;border-radius:20px;background:#08192d}.videoInfo{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.videoInfo svg{color:var(--aqua);width:36px;height:36px}.videoInfo h2{margin:12px 0 8px}.videoInfo p{color:var(--muted)}@media (max-width:900px){.videoPlayerCard{grid-template-columns:1fr}.videoFrame{border-radius:18px;padding:6px}.videoFrame video{border-radius:14px}.videoInfo{border-radius:18px;padding:20px}}.agentHero{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch;margin:24px 0}.agentHero>div{background:#fff;border:1px solid var(--line);border-radius:28px;padding:28px}.agentHero svg{color:var(--aqua);width:40px;height:40px}.agentHero h2{margin:12px 0 8px}.agentStats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.agentStats span{background:var(--soft);border-radius:18px;padding:18px;color:var(--muted)}.agentStats b{display:block;color:var(--blue);font-size:30px;line-height:1.1}.agentGrid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px;margin:28px 0}.agentCard{display:flex;flex-direction:column;gap:12px}.agentHead{display:flex;gap:16px;align-items:flex-start}.agentHead svg{color:var(--aqua);width:36px;height:36px;flex:0 0 auto}.agentHead h3{margin:8px 0 0}.agentHead p{margin:4px 0 0;color:var(--muted)}.agentCard h4{margin:10px 0 0;color:var(--blue)}.agentCard ul{margin:0;padding-left:20px}.artifactChips{display:flex;gap:8px;flex-wrap:wrap}.artifactChips span{font-size:12px;border:1px solid var(--line);background:#f8fbfd;border-radius:999px;padding:5px 9px;color:var(--muted)}.decisionLog{margin-top:auto;background:#08192d;color:#dbeafe;border-radius:18px;padding:16px}.decisionLog b{color:#fff}.decisionLog p{margin:6px 0 0;color:#dbeafe}.agentTimeline{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.agentTimeline div{border-left:3px solid var(--aqua);background:#f8fbfd;border-radius:14px;padding:14px}.agentTimeline b{display:block;color:var(--aqua);font-size:24px}.agentTimeline span{display:block;font-weight:900}.agentTimeline p{font-size:13px;color:var(--muted);margin:6px 0 0}@media (max-width:900px){.agentHero,.agentGrid,.agentStats,.agentTimeline{grid-template-columns:1fr}.agentHero>div{border-radius:18px;padding:20px}.agentHead{gap:12px}.agentTimeline{gap:10px}}