:root{--black:#0b0b0d;--panel:#151519;--paper:#f3f1eb;--white:#fff;--red:#e33d32;--blue:#4c78ff;--muted:#6d6d72;--line:rgba(11,11,13,.15);--mono:Consolas,"SFMono-Regular",monospace;--sans:"Yu Gothic","Hiragino Kaku Gothic ProN","Segoe UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;color:var(--black);background:var(--paper);font-family:var(--sans);overflow-x:hidden}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 48px));margin:auto}header{width:min(1280px,calc(100% - 28px));height:70px;margin:14px auto 0;padding:0 21px;display:flex;align-items:center;gap:30px;position:sticky;top:14px;z-index:20;background:rgba(255,255,255,.88);border-radius:14px;backdrop-filter:blur(18px);box-shadow:0 12px 35px rgba(0,0,0,.08)}.brand{display:inline-flex;align-items:center;gap:8px}.brand>span{width:29px;height:29px;display:grid;place-items:center;background:var(--black);color:white;border-radius:4px;font:800 12px var(--mono)}.brand b{font-size:21px;letter-spacing:-.05em}.brand small{padding:4px 6px;color:white;background:var(--red);border-radius:3px;font:800 7px var(--mono)}header nav{display:flex;gap:27px;margin:auto;color:var(--muted);font-size:12px}header>button,.access button{padding:10px 14px;border:1px solid var(--line);background:transparent;border-radius:7px;font-size:11px;font-weight:700;cursor:pointer}.hero{min-height:730px;padding:86px 0 76px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:64px}.status{width:fit-content;padding:7px 10px;display:flex;align-items:center;gap:8px;background:#e8eee8;border-radius:99px;color:#277552;font:700 9px var(--mono)}.status i,.console-head i{width:6px;height:6px;display:inline-block;background:#39b976;border-radius:50%;box-shadow:0 0 0 0 rgba(57,185,118,.5);animation:pulse 2s infinite}@keyframes pulse{70%{box-shadow:0 0 0 8px rgba(57,185,118,0)}}h1{margin:24px 0 22px;font-size:clamp(50px,5.5vw,78px);line-height:1.05;letter-spacing:-.07em}h1 em{color:var(--red);font-style:normal}.copy>p{max-width:560px;margin:0;color:var(--muted);font-size:15px;line-height:1.8}.actions{display:flex;align-items:center;gap:18px;margin-top:32px}.primary{padding:15px 19px;border:1px solid var(--black);background:var(--black);color:white;border-radius:7px;box-shadow:5px 5px 0 var(--red);font-size:12px;font-weight:700;cursor:pointer}.actions button{border:0;background:transparent;font-size:12px;font-weight:700;cursor:pointer}.meta{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.meta span{padding-top:16px}.meta b,.meta small{display:block}.meta b{font:800 12px var(--mono)}.meta small{margin-top:6px;color:var(--muted);font-size:9px}.console{min-width:0;padding:22px;color:white;background:var(--black);border-radius:18px;box-shadow:0 35px 85px rgba(0,0,0,.28)}.console-head{display:flex;justify-content:space-between;color:#77777f;font:700 8px var(--mono)}.console-head b{color:#79d6a3}.matrix{height:240px;padding:25px 8px;display:grid;grid-template-columns:1fr 45px 1fr 45px 1fr;align-items:center;background:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:24px 24px}.node{padding:14px 8px;text-align:center;background:#1d1d22;border:1px solid #37373f;border-radius:7px}.node small,.node span{display:block;color:#777783;font:7px var(--mono)}.node b{display:block;margin:6px;font-size:11px}.node.core{border-color:var(--red);box-shadow:0 0 25px rgba(227,61,50,.15)}.beam{height:1px;position:relative;background:#555}.beam i{width:5px;height:5px;position:absolute;top:-2px;background:var(--red);border-radius:50%;animation:travel 2s linear infinite}.beam i:nth-child(2){animation-delay:-1s}@keyframes travel{from{left:0}to{left:100%}}.log{padding:8px 12px;background:#070708;border-radius:7px}.log p{margin:0;padding:6px 0;display:grid;grid-template-columns:70px 70px 1fr auto;border-bottom:1px solid #1b1b20;font:8px var(--mono)}.log p:last-child{border:0}.log span,.log code{color:#707078}.log b{color:#7fa1ff}.log i{color:#6cd293;font-style:normal}.metrics{padding-top:15px;display:grid;grid-template-columns:repeat(4,1fr);color:#74747d;font:700 7px var(--mono);text-align:center}.ticker{overflow:hidden;color:white;background:var(--red);border-block:1px solid var(--black)}.ticker div{width:max-content;padding:11px 0;animation:marquee 23s linear infinite;font:700 9px var(--mono);letter-spacing:.1em}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding:125px 0}.title>span,.access>div>span{display:block;margin-bottom:18px;color:#76767d;font:700 9px var(--mono);letter-spacing:.15em}.title h2{margin:0;font-size:clamp(38px,4.5vw,60px);line-height:1.15;letter-spacing:-.055em}.title p{max-width:580px;margin:20px 0 0;color:var(--muted);font-size:13px}.cards{margin-top:50px;display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.cards article{min-height:340px;padding:24px;display:flex;flex-direction:column;position:relative;background:white;border:1px solid var(--black);border-radius:12px;box-shadow:5px 5px 0 #ccc}.cards article.red{background:#f8d8d4}.cards article.dark{color:white;background:var(--black)}.cards article>b{position:absolute;right:20px;top:18px;color:#777;font:800 9px var(--mono)}.icon{width:68px;height:68px;margin-bottom:auto;display:grid;place-items:center;border:1px solid currentColor;border-radius:50%;font-size:27px}.cards small{color:var(--red);font:800 8px var(--mono)}.cards h3{margin:8px 0;font-size:23px}.cards p{margin:0;color:var(--muted);font-size:11px;line-height:1.6}.dark p{color:#929299}.flow{color:white;background:var(--black)}.flow .title>span{color:#777}.steps{margin-top:55px;display:grid;grid-template-columns:repeat(4,1fr)}.steps article{padding:22px;border-left:1px solid #333}.steps article>b{width:40px;height:40px;display:grid;place-items:center;background:var(--red);border-radius:50%;font:800 10px var(--mono)}.steps small{display:block;margin-top:38px;color:#80a2ff;font:700 8px var(--mono)}.steps h3{margin:7px 0;font-size:18px}.steps p{margin:0;color:#8c8c94;font-size:10px}.resources{margin-top:50px;display:grid;grid-template-columns:1.15fr .85fr;gap:18px}.code{min-width:0;background:#111114;border-radius:12px;overflow:hidden;box-shadow:7px 7px 0 var(--red)}.code>div{height:48px;padding:0 15px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #29292e}.code button{padding:10px;border:0;background:transparent;color:#777;font:700 8px var(--mono);cursor:pointer}.code button.active{color:white;border-bottom:2px solid var(--red)}pre{margin:0;padding:25px;min-height:300px;overflow:auto;color:#aaa;font:11px/1.8 var(--mono);white-space:pre-wrap}pre i{color:#7fa1ff;font-style:normal}pre b{color:#ff938b;font-weight:500}pre strong{color:#e4ef88}.downloads{display:grid;gap:12px}.downloads a{padding:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;background:white;border:1px solid var(--line);border-radius:10px}.downloads a>span{width:46px;height:46px;display:grid;place-items:center;color:white;background:var(--red);border-radius:7px;font:800 9px var(--mono)}.downloads a>span.blue{background:var(--blue)}.downloads a>span.gray{background:#56565e}.downloads small,.downloads b,.downloads p{display:block}.downloads small{color:#888;font:700 7px var(--mono)}.downloads b{margin-top:5px;font-size:13px}.downloads p{margin:4px 0 0;color:var(--muted);font-size:9px}.downloads i{font-style:normal;font-size:20px}.access{margin-bottom:90px;padding:47px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white;background:var(--red);border:1px solid var(--black);border-radius:14px;box-shadow:9px 9px 0 var(--black)}.access h2{margin:0;font-size:clamp(30px,3.3vw,45px);letter-spacing:-.05em}.access p{max-width:690px;margin:12px 0 0;color:#ffe2df;font-size:11px}.access button{color:var(--black);background:white;white-space:nowrap}footer{min-height:120px;display:flex;align-items:center;gap:28px;border-top:1px solid var(--line);color:var(--muted);font-size:10px}footer p{margin:auto}dialog{width:min(450px,calc(100% - 28px));padding:0;border:0;background:transparent;border-radius:15px;box-shadow:0 30px 100px rgba(0,0,0,.5)}dialog::backdrop{background:rgba(0,0,0,.76);backdrop-filter:blur(8px)}dialog form{padding:33px;position:relative;background:var(--paper);border-radius:15px}.close{position:absolute;right:16px;top:16px;width:34px;height:34px;border:0;border-radius:50%;background:#e5e3dd;font-size:20px;cursor:pointer}dialog .brand{margin-bottom:40px}dialog form>small{color:#777;font:700 8px var(--mono)}dialog h2{margin:8px 0;font-size:32px}dialog form>p{margin:0 0 23px;color:var(--muted);font-size:12px}dialog label{display:block;margin-top:14px;font-size:10px;font-weight:700}dialog input{width:100%;height:47px;margin-top:7px;padding:0 12px;border:1px solid var(--line);background:white;border-radius:7px}.error{margin-top:14px;padding:11px;display:flex;flex-direction:column;gap:4px;background:#fbe2df;border:1px solid #efaaa2;border-radius:7px}.error[hidden]{display:none}.error b{color:#a43d34;font-size:11px}.error span{font-size:10px}.submit{width:100%;margin-top:17px}dialog em{display:block;margin-top:15px;color:#888;text-align:center;font-size:8px;font-style:normal}.toast{position:fixed;left:50%;bottom:22px;z-index:50;padding:11px 15px;color:white;background:var(--black);border-radius:7px;opacity:0;transform:translate(-50%,25px);transition:.2s;font-size:10px}.toast.show{opacity:1;transform:translate(-50%,0)}.reveal{opacity:0;transform:translateY(20px);transition:.7s}.reveal.visible{opacity:1;transform:none}.delay{transition-delay:.12s}@media(max-width:980px){header nav{display:none}header>button{margin-left:auto}.hero{grid-template-columns:1fr;min-height:0}.console{width:min(680px,100%);justify-self:center}.resources{grid-template-columns:1fr}}@media(max-width:740px){.wrap{width:min(100% - 30px,1180px)}header{width:calc(100% - 20px);height:62px;margin-top:8px;top:8px;padding:0 13px}header>button{font-size:0}header>button::before{content:"ログイン";font-size:10px}.hero{padding:58px 0}.actions{align-items:flex-start;flex-direction:column}.matrix{height:420px;grid-template-columns:1fr;gap:10px}.beam{width:1px;height:25px;justify-self:center}.beam i{left:-2px;animation:travely 2s linear infinite}@keyframes travely{from{top:0}to{top:100%}}.node{width:180px;justify-self:center}.section{padding:88px 0}.cards,.steps{grid-template-columns:1fr}.steps{gap:10px}.steps article{border:1px solid #333;border-radius:9px}.access{padding:30px 22px;align-items:flex-start;flex-direction:column}footer{padding:26px 0;flex-wrap:wrap}footer p{width:100%;order:3;margin:0}}@media(max-width:390px){h1{font-size:43px}.brand b{font-size:18px}.console{padding:14px}.log strong{display:none}pre{padding:18px;font-size:9px}dialog form{padding:27px 20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}