:root{--bg:#f7fafd;--ink:#0e1a2b;--ink-mid:#3d5573;--ink-dim:#6c85a5;--brand:#1F4E79;--brand-lite:#3d8fd4;--cyan:#00b8d9;--sky:#6fc9f2;--violet:#7c6cff;--mint:#3fd8b0;--line:#dfe8f3;--line-soft:#eaf1f9;--card:rgba(255,255,255,.72);--maxw:1180px;--r:22px}*{box-sizing:border-box}[hidden]{display:none!important}html{scroll-behavior:smooth}body{margin:0;font-family:Helvetica Neue,Segoe UI,-apple-system,Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;color:var(--ink);background:var(--bg);-webkit-font-smoothing:antialiased;overflow-x:hidden;line-height:1.75}a{color:inherit;text-decoration:none}.wrap{max-width:var(--maxw);margin-inline:auto;padding-inline:clamp(20px,5vw,40px)}.eyebrow{font-size:.72rem;letter-spacing:.32em;text-transform:uppercase;color:var(--brand-lite);font-weight:800}.bg-mesh{position:fixed;inset:0;z-index:-2;background:radial-gradient(52% 42% at 12% 8%,color-mix(in srgb,var(--sky) 55%,transparent),transparent 68%),radial-gradient(45% 40% at 88% 4%,color-mix(in srgb,var(--violet) 26%,transparent),transparent 68%),radial-gradient(50% 45% at 78% 55%,color-mix(in srgb,var(--mint) 30%,transparent),transparent 68%),radial-gradient(60% 50% at 20% 92%,color-mix(in srgb,var(--brand-lite) 26%,transparent),transparent 70%),var(--bg)}.bg-mesh:after{content:"";position:absolute;inset:-35%;background:conic-gradient(from 0deg at 50% 50%,transparent,color-mix(in srgb,#fff 85%,transparent),transparent 38%);animation:spin 30s linear infinite;opacity:.55}@keyframes spin{to{transform:rotate(360deg)}}.blob{position:fixed;border-radius:50%;filter:blur(70px);z-index:-2;opacity:.5;pointer-events:none}.b1{width:44vw;height:44vw;left:-10vw;top:2vh;background:radial-gradient(circle,#9ad7ff,transparent 66%);animation:drift1 22s ease-in-out infinite}.b2{width:36vw;height:36vw;right:-6vw;top:38vh;background:radial-gradient(circle,#c8c1ff,transparent 66%);animation:drift2 27s ease-in-out infinite}.b3{width:40vw;height:40vw;left:24vw;bottom:-12vh;background:radial-gradient(circle,#a8f0dd,transparent 66%);animation:drift1 32s ease-in-out infinite reverse}@keyframes drift1{50%{transform:translate3d(6vw,-5vh,0) scale(1.12)}}@keyframes drift2{50%{transform:translate3d(-7vw,6vh,0) scale(1.08)}}.grid-overlay{position:fixed;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(rgba(31,78,121,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(31,78,121,.07) 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(circle at 50% 25%,#000 0%,transparent 72%);mask-image:radial-gradient(circle at 50% 25%,#000 0%,transparent 72%)}header.nav{position:sticky;top:0;z-index:50;backdrop-filter:blur(16px) saturate(1.6);background:#ffffffa8;border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px}.logo{display:flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.02em;color:var(--brand)}.logo .dot{width:14px;height:14px;border-radius:50%;background:radial-gradient(circle at 32% 30%,#8ce9ff,var(--brand-lite));box-shadow:0 0 0 6px #3d8fd424;animation:pulse 3s ease-in-out infinite}@keyframes pulse{50%{transform:scale(1.2);box-shadow:0 0 0 12px #3d8fd414}}nav.links{display:flex;gap:4px;align-items:center}nav.links a{font-size:.87rem;color:var(--ink-mid);padding:8px 14px;border-radius:999px;font-weight:600;transition:color .25s,background .25s}nav.links a:hover{color:var(--brand);background:#3d8fd41a}.btn{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;border-radius:999px;font-weight:700;font-size:.9rem;position:relative;background:linear-gradient(120deg,var(--brand),var(--brand-lite) 60%,var(--cyan));color:#fff;border:0;box-shadow:0 10px 26px -10px #1f4e798c;transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s,filter .25s;overflow:hidden}.btn:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.55),transparent);transform:translate(-120%);transition:transform .65s}.btn:hover{transform:translateY(-3px);box-shadow:0 18px 38px -12px #1f4e7999;filter:brightness(1.06)}.btn:hover:after{transform:translate(120%)}.btn.ghost{background:#fffc;color:var(--brand);border:1px solid var(--line);box-shadow:0 6px 18px -12px #1f4e7966;backdrop-filter:blur(6px)}.btn.ghost:hover{background:#fff}@media(max-width:880px){nav.links{display:none}}.hero{position:relative;padding-block:clamp(64px,12vh,140px) 84px}.hero h1{font-size:clamp(2.5rem,6.8vw,5.4rem);line-height:1.04;margin:.3em 0 .25em;letter-spacing:-.025em;font-weight:800}.grad-text{background:linear-gradient(100deg,var(--brand) 5%,var(--brand-lite) 35%,var(--cyan) 62%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent;background-size:200% auto;animation:shine 9s linear infinite}@keyframes shine{to{background-position:200% center}}.hero p.lead{font-size:clamp(1rem,1.85vw,1.28rem);color:var(--ink-mid);max-width:58ch}.hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.hero-stats{display:flex;gap:40px;margin-top:60px;flex-wrap:wrap;align-items:center}.stat b{font-size:clamp(1.8rem,3.4vw,2.7rem);font-weight:800;display:block;letter-spacing:-.02em;background:linear-gradient(160deg,var(--brand),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{font-size:.75rem;color:var(--ink-dim);letter-spacing:.14em;text-transform:uppercase;font-weight:700}.badge-aws{display:inline-flex;align-items:center;padding:8px;border:1px solid var(--line);border-radius:14px;background:#ffffffc7;backdrop-filter:blur(8px);box-shadow:0 10px 30px -20px #1f4e7980}.badge-aws .apn-badge{height:62px;width:auto;display:block}@media(max-width:520px){.hero-stats{gap:26px}.badge-aws .apn-badge{height:52px}}.float-card{position:absolute;right:clamp(-24px,2vw,36px);top:19%;width:min(400px,40vw);border-radius:var(--r);border:1px solid var(--line);background:#ffffffd1;box-shadow:0 40px 80px -34px #17355959;overflow:hidden;animation:floaty 7s ease-in-out infinite;backdrop-filter:blur(12px)}@keyframes floaty{50%{transform:translateY(-16px)}}.fc-bar{display:flex;gap:7px;align-items:center;padding:10px 12px;border-bottom:1px solid var(--line-soft);background:#f7fafde6;font-family:SF Mono,ui-monospace,Menlo,monospace}.fc-bar i{width:11px;height:11px;border-radius:50%;flex:none}.fc-bar i:nth-child(1){background:#ff6b60}.fc-bar i:nth-child(2){background:#ffc63d}.fc-bar i:nth-child(3){background:#33cf5a}.fc-bar{overflow:hidden}.fc-name{margin-left:6px;font-size:.7rem;color:var(--ink-dim);font-weight:600;letter-spacing:.02em;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fc-stat{margin-left:auto;flex:none;display:flex;align-items:baseline;gap:3px;font-size:.66rem;color:var(--ink-dim);font-variant-numeric:tabular-nums;white-space:nowrap}.fc-stat b,.fc-stat i{white-space:nowrap;flex:none}.fc-stat b{font-size:.78rem;font-weight:800;color:var(--brand)}.fc-stat i{font-style:normal;margin-right:6px}.fc-stat i:last-child{margin-right:0}.fc-reroll{flex:none;margin-left:8px;width:22px;height:22px;border-radius:7px;cursor:pointer;border:1px solid var(--line);background:#fff;color:var(--ink-dim);font-size:.8rem;line-height:1;display:grid;place-items:center;transition:color .2s,border-color .2s,transform .3s}.fc-reroll:hover{color:var(--brand);border-color:var(--brand-lite);transform:rotate(90deg)}.fc-body{display:block;width:100%;height:226px;position:relative;text-align:left;padding:16px 18px;border:0;background:transparent;cursor:pointer;font-family:SF Mono,ui-monospace,Menlo,monospace;font-size:.77rem;line-height:1.95;color:var(--ink-mid);transition:background .25s}.fc-body:hover{background:#3d8fd40d}.fc-body .c{color:#93a6c0}.fc-body .k{color:var(--brand-lite);font-weight:700}.fc-body .s{color:#12a06e}.fc-body .p{color:var(--violet)}.fc-hint{position:absolute;right:14px;bottom:12px;font-size:.66rem;font-weight:700;letter-spacing:.06em;color:var(--brand-lite);opacity:.75;transition:opacity .25s,transform .25s}.fc-body:hover .fc-hint{opacity:1;transform:translate(-3px)}.fc-game{position:relative;height:226px;display:grid;align-content:center;overflow:hidden;background:linear-gradient(180deg,#fafcfff5,#fff)}.pg-stage{display:block}.pg-canvas{display:block;width:100%;height:auto;touch-action:manipulation}.pg-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-template-rows:repeat(3,1fr);gap:8px;padding:14px;height:226px}.pg-tile{border:1px solid var(--line);border-radius:8px;background:#fff;cursor:pointer;font:inherit;font-size:.9rem;display:grid;place-items:center;color:#fff;transition:background .16s,border-color .16s,transform .16s}.pg-tile:after{content:"";width:34%;height:2px;border-radius:2px;background:var(--line)}.pg-tile.is-warn,.pg-tile.is-crit{border-color:transparent}.pg-tile.is-warn{background:linear-gradient(150deg,#f7b955,#e08a1e)}.pg-tile.is-crit{background:linear-gradient(150deg,#f2647c,#c5304a);animation:pgPulse .7s ease-in-out infinite}.pg-tile.is-warn:after,.pg-tile.is-crit:after{display:none}.pg-tile.is-fixed{background:linear-gradient(150deg,#5fe3bd,#1aa982);border-color:transparent}@keyframes pgPulse{50%{transform:scale(.93)}}.float-card:not(.is-playing) .pg-tile{cursor:default}.pg-overlay{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;padding:20px;text-align:center;background:linear-gradient(180deg,#fff,#f7fafd);transition:opacity .28s}.float-card.is-playing .pg-overlay{opacity:0;pointer-events:none}.pg-intro{display:grid;gap:7px;justify-items:center}.pg-name{margin:0;font-size:1.02rem;font-weight:800;letter-spacing:-.01em;color:var(--ink)}.pg-rule{margin:0;font-size:.75rem;line-height:1.7;color:var(--ink-mid);max-width:32ch}.pg-keys{margin:0;font-size:.66rem;font-weight:700;letter-spacing:.04em;color:var(--brand);background:#3d8fd41a;padding:4px 12px;border-radius:999px}.pg-result{margin:0;display:grid;gap:5px;justify-items:center}.pg-result b{font-size:1rem;font-weight:800;color:var(--ink)}.pg-result b b{background:linear-gradient(160deg,var(--brand),var(--cyan));-webkit-background-clip:text;background-clip:text;color:transparent}.pg-result span{font-size:.72rem;line-height:1.7;color:var(--ink-mid);max-width:32ch}.pg-play{cursor:pointer;font:inherit;font-size:.78rem;font-weight:800;color:#fff;border:0;padding:9px 20px;border-radius:999px;background:linear-gradient(120deg,var(--brand),var(--brand-lite) 60%,var(--cyan));box-shadow:0 8px 20px -8px #1f4e798c;transition:transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .22s}.pg-play:hover{transform:translateY(-2px);box-shadow:0 14px 28px -10px #1f4e7999}.float-card.is-playing{animation:none}@media(max-width:960px){.hero{display:flex;flex-direction:column}.float-card{order:9;position:static;width:100%;max-width:400px;margin:38px auto 0;animation:none}}.marquee{border-block:1px solid var(--line);padding:22px 0;background:#ffffff80;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.marquee-track{display:flex;gap:56px;width:max-content;animation:scrollx 26s linear infinite;color:var(--ink-dim);font-weight:800;letter-spacing:.06em}.marquee-track span{display:inline-flex;gap:56px}.marquee:hover .marquee-track{animation-play-state:paused}@keyframes scrollx{to{transform:translate(-50%)}}section.blk{padding-block:clamp(70px,10vh,118px)}.sec-head{max-width:64ch;margin-bottom:52px}.sec-head h2{font-size:clamp(1.9rem,4.3vw,3rem);letter-spacing:-.025em;margin:.3em 0;font-weight:800}.sec-head p{color:var(--ink-mid);font-size:1.04rem}.reveal{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.8,.2,1),transform .85s cubic-bezier(.2,.8,.2,1)}.reveal.in{opacity:1;transform:none}.reveal.d1{transition-delay:.09s}.reveal.d2{transition-delay:.18s}.reveal.d3{transition-delay:.27s}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:920px){.cards{grid-template-columns:1fr}}.card{position:relative;padding:32px;border-radius:var(--r);background:var(--card);border:1px solid var(--line);backdrop-filter:blur(14px);overflow:hidden;box-shadow:0 24px 50px -34px #1735594d;transition:transform .35s cubic-bezier(.2,.8,.2,1),box-shadow .35s,border-color .35s;transform-style:preserve-3d}.card:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.5px;background:linear-gradient(140deg,var(--brand-lite),var(--cyan) 40%,transparent 70%);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:0;transition:opacity .35s;pointer-events:none}.card:hover{transform:translateY(-8px);box-shadow:0 34px 64px -30px #17355957;border-color:transparent}.card:hover:before{opacity:1}.card .glow{position:absolute;width:230px;height:230px;border-radius:50%;top:-70px;right:-70px;background:radial-gradient(circle,color-mix(in srgb,var(--sky) 70%,transparent),transparent 68%);filter:blur(6px);opacity:.55;transition:opacity .35s;pointer-events:none}.card:hover .glow{opacity:.95}.card .ico{width:56px;height:56px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:linear-gradient(140deg,var(--brand),var(--brand-lite) 70%,var(--cyan));box-shadow:0 14px 30px -10px #1f4e798c;font-size:1.5rem}.card h3{font-size:1.28rem;margin:.2em 0 .5em;font-weight:800;letter-spacing:-.01em}.card p{color:var(--ink-mid);font-size:.94rem;margin:0 0 16px}.card ul{margin:0 0 18px;padding:0;list-style:none;display:grid;gap:9px}.card li{font-size:.86rem;color:var(--ink-mid);padding-left:22px;position:relative}.card li:before{content:"›";position:absolute;left:3px;color:var(--brand-lite);font-weight:800}.card .more{font-size:.86rem;color:var(--brand);font-weight:800;display:inline-flex;gap:6px;transition:gap .25s}.card:hover .more{gap:12px}.split{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}@media(max-width:920px){.split{grid-template-columns:1fr;gap:34px}}.about-visual{aspect-ratio:1;border-radius:28px;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 34px 70px -36px #17355959;background:radial-gradient(circle at 28% 22%,color-mix(in srgb,var(--sky) 75%,transparent),transparent 58%),radial-gradient(circle at 78% 82%,color-mix(in srgb,var(--violet) 40%,transparent),transparent 58%),radial-gradient(circle at 82% 20%,color-mix(in srgb,var(--mint) 50%,transparent),transparent 55%),#fff}.about-visual .orbit{position:absolute;inset:0;display:grid;place-items:center}.about-visual .ring{position:absolute;border:1.5px solid rgba(31,78,121,.22);border-radius:50%}.r1{width:44%;height:44%;animation:spin 18s linear infinite}.r2{width:66%;height:66%;animation:spin 28s linear infinite reverse}.r3{width:88%;height:88%;animation:spin 40s linear infinite}.about-visual .core{width:80px;height:80px;border-radius:50%;background:radial-gradient(circle at 34% 28%,#fff,var(--brand-lite) 55%,var(--brand));box-shadow:0 18px 44px -12px #1f4e7999,0 0 0 14px #ffffff80;z-index:2}.node{position:absolute;width:13px;height:13px;border-radius:50%;background:#fff;box-shadow:0 0 0 4px #3d8fd459,0 4px 12px #1f4e7959}.news{display:grid;gap:0}.news-row{display:grid;grid-template-columns:150px 1fr;gap:24px;padding:20px 0;border-top:1px solid var(--line);transition:background .3s,padding-left .3s;align-items:baseline}.news-row:hover{padding-left:16px;background:#ffffffb3}.news-row time{color:var(--brand-lite);font-weight:800;font-size:.9rem;font-variant-numeric:tabular-nums}.news-row .t{color:var(--ink)}@media(max-width:640px){.news-row{grid-template-columns:1fr;gap:4px}}.cta-band{position:relative;border-radius:30px;padding:clamp(42px,6vw,76px);text-align:center;overflow:hidden;color:#fff;background:linear-gradient(120deg,var(--brand),var(--brand-lite) 55%,var(--cyan));box-shadow:0 40px 80px -40px #1f4e79a6}.cta-band:before{content:"";position:absolute;inset:-40%;background:conic-gradient(from 0deg,transparent,rgba(255,255,255,.35),transparent 40%);animation:spin 22s linear infinite}.cta-band>*{position:relative;z-index:1}.cta-band .eyebrow{color:#ffffffd9}.cta-band h2{font-size:clamp(1.8rem,4.4vw,3rem);margin:0 0 .4em;font-weight:800;letter-spacing:-.025em}.cta-band p{color:#ffffffe6;max-width:52ch;margin:0 auto 28px}.cta-band .btn{background:#fff;color:var(--brand);box-shadow:0 14px 30px -12px #00000059}.cta-band .btn.ghost{background:#ffffff29;color:#fff;border:1px solid rgba(255,255,255,.5)}footer.ft{border-top:1px solid var(--line);padding-block:56px 40px;margin-top:44px;color:var(--ink-mid);background:#fff9}.ft-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:34px}@media(max-width:760px){.ft-grid{grid-template-columns:1fr}}.ft a{display:block;padding:5px 0;font-size:.9rem;transition:color .25s}.ft a:hover{color:var(--brand-lite)}.ft h4{color:var(--ink);font-size:.76rem;letter-spacing:.2em;text-transform:uppercase;margin:0 0 14px;font-weight:800}.ft-bottom{margin-top:40px;padding-top:22px;border-top:1px solid var(--line);display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.8rem;color:var(--ink-dim)}.progress{position:fixed;top:0;left:0;height:3px;width:0;z-index:60;background:linear-gradient(90deg,var(--brand),var(--cyan),var(--violet))}.ribbon{position:fixed;bottom:16px;left:16px;z-index:70;font-size:.72rem;color:var(--ink-mid);background:#ffffffd9;border:1px solid var(--line);padding:8px 14px;border-radius:999px;backdrop-filter:blur(8px);font-weight:600;box-shadow:0 10px 26px -18px #17355980}.ribbon b{color:var(--brand-lite)}.card{position:relative}.kun-card{position:absolute;top:16px;right:18px;width:clamp(64px,6vw,86px);z-index:2;opacity:.9;transition:transform .45s cubic-bezier(.2,.8,.2,1),opacity .45s;filter:drop-shadow(0 10px 18px rgba(23,53,89,.18));pointer-events:none}.card:hover .kun-card{transform:translateY(-6px) rotate(-5deg) scale(1.06);opacity:1}