:root{--bg:#020817;--bg2:#061126;--panel:#081527;--panel2:#0b1b31;--line:rgba(140,180,230,.16);--text:#f7fbff;--muted:#a9b7ca;--blue:#1687ff;--blue2:#1b67ff;--green:#24cc8b;--purple:#7665ff;--orange:#ffae2c;--max:1180px;--r:22px;--shadow:0 30px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Hiragino Sans","Yu Gothic",Meiryo,sans-serif;color:var(--text);background:radial-gradient(circle at 76% 18%,rgba(17,99,255,.15),transparent 28%),radial-gradient(circle at 15% 8%,rgba(0,126,255,.09),transparent 23%),linear-gradient(180deg,#020817 0%,#04101f 60%,#03101d 100%);line-height:1.75}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,black,transparent 78%);opacity:.35}
a{color:inherit;text-decoration:none}.wrap{width:min(calc(100% - 36px),var(--max));margin:auto}
header{position:sticky;top:0;z-index:50;background:rgba(2,8,23,.78);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.055)}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:900;letter-spacing:.05em}
.logo{width:34px;height:34px;border-radius:10px;background:linear-gradient(145deg,#1d9fff,#1c58ff);clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);position:relative;box-shadow:0 0 28px rgba(28,104,255,.45)}.logo:after{content:"";position:absolute;inset:8px;background:#07182f;clip-path:inherit}
.navlinks{display:flex;gap:28px;align-items:center;font-size:14px;font-weight:700;color:#d9e4f1}.navlinks a.active{color:#29a0ff}.top-cta{padding:11px 18px;border-radius:999px;font-weight:800;font-size:14px;background:linear-gradient(135deg,#1898ff,#2356ff);box-shadow:0 14px 40px rgba(22,112,255,.22)}
.hero{padding:88px 0 68px}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:center}.pill{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(18,93,192,.25);border:1px solid rgba(70,155,255,.18);color:#d8ebff;font-size:13px;font-weight:800}
h1{margin:24px 0 16px;font-size:clamp(48px,7.4vw,82px);line-height:1.03;letter-spacing:-.045em;max-width:760px}.accent{color:#1e86ff}.hero p{font-size:18px;color:#c7d2df;max-width:720px;margin:0}.benefits{display:flex;gap:28px;margin-top:34px;flex-wrap:wrap}.benefit{display:flex;align-items:center;gap:12px}.round{width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(80,160,255,.35);background:#07172d;color:#62afff;font-weight:900}.benefit strong{display:block;font-size:14px}.benefit span{display:block;font-size:12px;color:var(--muted)}.actions{display:flex;gap:14px;margin-top:34px;flex-wrap:wrap}.btn{min-height:50px;padding:0 24px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;font-weight:900;font-size:14px;border:1px solid var(--line)}.btn.primary{background:linear-gradient(135deg,#1aa0ff,#1f5eff);border:none}.btn.secondary{background:rgba(255,255,255,.02)}
.visual{position:relative;min-height:480px}.glow{position:absolute;inset:18% 10% 16%;background:radial-gradient(circle,rgba(0,111,255,.26),transparent 64%);filter:blur(12px)}.platform{position:absolute;left:50%;bottom:70px;transform:translateX(-50%) rotateX(62deg) rotateZ(45deg);width:280px;height:280px;border-radius:32px;background:linear-gradient(145deg,#0f92ff,#043770 55%,#031228);box-shadow:0 35px 80px rgba(0,93,255,.28);border:1px solid rgba(65,151,255,.5)}.platform:after{content:"";position:absolute;inset:38px;border:4px solid #26b7ff;border-radius:28px;box-shadow:inset 0 0 30px rgba(38,183,255,.35),0 0 34px rgba(38,183,255,.35)}.cube{position:absolute;left:50%;top:72px;transform:translateX(-50%);width:180px;height:210px;border-radius:26px;border:1px solid rgba(44,139,255,.55);background:linear-gradient(180deg,rgba(7,32,70,.42),rgba(3,13,30,.7));box-shadow:0 0 60px rgba(0,112,255,.12)}.cube .logo-big{width:92px;height:92px;position:absolute;left:50%;top:54px;transform:translateX(-50%);clip-path:polygon(50% 0,92% 23%,92% 77%,50% 100%,8% 77%,8% 23%);background:linear-gradient(145deg,#78d5ff,#1478ff)}.cube .logo-big:after{content:"";position:absolute;inset:23px;background:#0a2b57;clip-path:inherit}.float-card{position:absolute;width:128px;height:128px;border-radius:18px;border:1px solid rgba(45,140,255,.42);background:linear-gradient(180deg,rgba(9,31,66,.9),rgba(5,19,42,.82));display:grid;place-items:center;text-align:center;box-shadow:0 18px 50px rgba(0,0,0,.25);font-weight:800;color:#eaf5ff}.aws-card{left:5%;top:95px;font-size:23px}.network-card{right:2%;bottom:80px;font-size:13px}.cloud-card{right:6%;top:150px;font-size:42px}
.section{padding:18px 0 78px}.section-panel{border:1px solid rgba(255,255,255,.055);border-radius:26px;background:linear-gradient(180deg,rgba(8,22,42,.92),rgba(4,15,30,.9));padding:28px;box-shadow:var(--shadow)}.section h2{font-size:28px;margin:0 0 22px;letter-spacing:-.02em}.underline{width:42px;height:3px;background:var(--blue);border-radius:2px;margin-top:4px}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.card{min-height:285px;padding:24px;border-radius:18px;border:1px solid rgba(140,180,230,.16);background:linear-gradient(180deg,rgba(12,31,56,.93),rgba(7,20,39,.93));display:flex;flex-direction:column;transition:.22s ease}.card:hover{transform:translateY(-5px);border-color:rgba(61,150,255,.42)}.icon{font-size:38px;min-height:58px;display:flex;align-items:center}.card h3{font-size:18px;margin:15px 0 8px}.card p{color:var(--muted);font-size:13px;margin:0}.card .link{margin-top:auto;padding-top:20px;color:#1aa0ff;font-weight:800;font-size:13px}
.release-strip{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px}.release-strip span{padding:7px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(4,18,38,.72);font-size:11px;color:#b9c8da}.release-strip b{color:#fff}.nespe-live{border-color:rgba(36,204,139,.32)}.nespe-live:hover{border-color:rgba(36,204,139,.7);box-shadow:0 18px 48px rgba(36,204,139,.08)}.nespe-live .link{color:#43dfa1}.nespe-badge{background:#18865d}.toeic-live{border-color:rgba(34,197,94,.32)}.toeic-live:hover{border-color:rgba(34,197,94,.72);box-shadow:0 18px 48px rgba(34,197,94,.08)}.toeic-live .link{color:#4ade80}.toeic-badge{background:#168a45}.badge{display:inline-flex;margin-left:6px;transform:translateY(-2px);padding:3px 7px;border-radius:6px;background:#175cff;font-size:10px;font-weight:900}
.lower{display:grid;grid-template-columns:.74fr 1.26fr;gap:18px}.feature-box,.news-box{border:1px solid rgba(140,180,230,.16);border-radius:20px;background:linear-gradient(180deg,rgba(10,27,50,.94),rgba(6,18,36,.95));padding:24px}.feature-box h2,.news-box h2{font-size:23px;margin:0 0 20px}.feature{display:flex;gap:14px;margin:19px 0}.check{width:34px;height:34px;border-radius:50%;flex:0 0 auto;display:grid;place-items:center;border:1px solid rgba(37,117,255,.55);background:rgba(16,87,202,.18);color:#2b94ff;font-weight:900}.feature strong{font-size:14px}.feature p{margin:2px 0 0;color:var(--muted);font-size:12px}.news{padding:16px 0;border-top:1px solid rgba(255,255,255,.075)}.news:first-of-type{border-top:none;padding-top:0}.news-meta{display:flex;gap:10px;align-items:center;color:#9cafc4;font-size:11px}.news-tag{padding:2px 7px;border-radius:5px;background:#165bdc;color:white;font-weight:800}.news h3{font-size:15px;margin:6px 0 2px}.news p{font-size:12px;color:var(--muted);margin:0}
footer{margin-top:10px;padding:42px 0 28px;border-top:1px solid rgba(255,255,255,.06);background:linear-gradient(180deg,rgba(4,15,30,.15),rgba(8,25,46,.72))}.footer-grid{display:grid;grid-template-columns:1.1fr .7fr .7fr .9fr;gap:34px}footer h4{margin:0 0 10px;font-size:14px}footer p,footer a{color:#aab7c8;font-size:12px}footer a{display:block;margin:4px 0}.copyright{text-align:center;margin-top:28px;color:#7e8ea3;font-size:11px}
@media(max-width:980px){.navlinks{display:none}.hero-grid{grid-template-columns:1fr}.visual{min-height:390px}.cards{grid-template-columns:repeat(2,1fr)}.lower{grid-template-columns:1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:640px){.wrap{width:min(calc(100% - 22px),var(--max))}.top-cta{display:none}.hero{padding-top:56px}h1{font-size:46px}.hero p{font-size:16px}.benefits{display:grid;grid-template-columns:1fr 1fr;gap:16px}.visual{min-height:330px}.platform{width:220px;height:220px;bottom:55px}.cube{width:150px;height:176px;top:54px}.float-card{width:96px;height:96px}.aws-card{left:0;top:76px;font-size:18px}.cloud-card{right:0;top:115px;font-size:32px}.network-card{right:0;bottom:52px;font-size:11px}.section-panel{padding:20px}.cards{grid-template-columns:1fr}.card{min-height:235px}.footer-grid{grid-template-columns:1fr}}