*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;color:#163b36;background:#f5f3e9;font-family:Arial,"Yu Gothic",Meiryo,sans-serif;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:hover{color:#a74021}a:focus-visible,button:focus-visible{outline:3px solid #ce522b;outline-offset:5px}.wrap{max-width:1280px;margin:auto;padding:0 56px}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px 0;border-bottom:1px solid #bac5b9}.brand{text-decoration:none;font-size:25px;font-weight:800;letter-spacing:-1px}.mark{display:inline-grid;place-items:center;width:34px;height:34px;background:#194a40;color:#e2f998;margin-right:9px;font:23px monospace;box-shadow:3px 3px 0 #c9d4b9}nav{display:flex;align-items:center;gap:26px;font-size:13px;font-weight:600}.language{border:1px solid #a3b4a5;padding:5px 10px;text-decoration:none;font:12px monospace}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:32px;align-items:center;padding:90px 0 80px}.eyebrow{font:11px/1.6 monospace;letter-spacing:2px;color:#536b61;display:block;margin-bottom:25px}h1{font-size:clamp(42px,4.4vw,65px);line-height:1.07;letter-spacing:-3px;margin:0 0 26px;font-weight:700}h1:after{content:'_';color:#b94c2c}p{margin:0 0 25px}.intro{font-size:16px;max-width:455px;color:#52685e}.actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.button{padding:13px 20px;text-decoration:none;border:1px solid #234a3e;font-size:12px;font-weight:bold;display:inline-block}.primary{background:#214e40;color:#f8f7ed}.primary:hover{background:#14372c;color:white}.micro{font:11px monospace;color:#6b7c70;margin-top:28px}.visual{position:relative;padding:25px 0 30px 14px}.terminal{transform:rotate(-2deg);background:#d8dec9;border:1px solid #788e78;border-radius:12px;padding:12px;box-shadow:12px 14px 0 #d7ddc7}.terminalbar{display:flex;justify-content:space-between;font:10px monospace;padding:0 7px 10px;color:#435744}.lights{letter-spacing:5px;color:#a2472d}.glass{display:block;background:#101d23;border-radius:4px;overflow:hidden;position:relative;height:350px}.glass img{width:100%;height:100%;object-fit:cover;object-position:top;display:block}.glass:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(transparent 0 3px,#091a1412 3px 4px);pointer-events:none}.sticker{position:absolute;bottom:3px;right:8px;background:#e7edbc;padding:10px 17px;font:11px monospace;transform:rotate(4deg);border:1px solid #7b926c;box-shadow:3px 3px 0 #174735}.ribbon{border-top:1px solid #afbdab;border-bottom:1px solid #afbdab;padding:15px 0;display:flex;justify-content:space-between;gap:20px;font:11px monospace;letter-spacing:1px;color:#5c7162}.ribbon span:before{content:'+';color:#ba522e;margin-right:10px}.about{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:90px 0 50px}h2{font-size:clamp(30px,3.1vw,45px);line-height:1.16;letter-spacing:-1.7px;margin:0 0 25px}.about p{color:#5c6e63;font-size:15px;max-width:500px}.features{display:grid;grid-template-columns:1fr 1fr;gap:0 50px;padding-bottom:85px}.feature{padding:28px 0 17px;border-top:1px solid #b4c0b0;display:grid;grid-template-columns:40px 1fr;gap:15px}.glyph{font:27px monospace;color:#af512e}h3{font-size:22px;margin:8px 0 13px;line-height:1.3;letter-spacing:-.5px}.feature .eyebrow{margin:0;font-size:10px}.feature p{font-size:14px;color:#5b7063;max-width:420px}.screen-section{background:#163b36;color:#f2f2dc;padding:76px 0}.screenhead{display:flex;gap:45px;justify-content:space-between;align-items:flex-end}.screenhead p{max-width:380px;font-size:14px;color:#b9c7b9}.screen-section .eyebrow{color:#c3dd99}.tabs{display:flex;gap:8px;margin:20px 0}button{font:12px monospace;border:1px solid #849a85;background:transparent;color:#eef5df;padding:10px 17px;cursor:pointer}button[aria-pressed=true]{background:#d9e9a6;color:#183e32}figure{margin:0}figure a{display:block;max-height:540px;overflow:auto;border:1px solid #738c78;border-radius:5px}figure img{display:block;width:100%;height:auto}figcaption{color:#bccdbc;font-size:11px;max-width:850px;margin-top:17px}.next{padding:90px 0;text-align:center}.next p{font-size:15px;color:#607463}.next .actions{justify-content:center}.docs{display:inline-block;margin-top:24px;font-size:12px}footer{padding:26px 0;border-top:1px solid #bac5b9;display:flex;justify-content:space-between;gap:20px;font:11px monospace;color:#637868}footer a{text-decoration:none}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;background:white;z-index:2}html[lang=ja] h1{font-size:clamp(37px,4.1vw,57px);line-height:1.3;letter-spacing:-2px}html[lang=ja] h2{line-height:1.4}@media(min-width:1500px){.hero{padding:110px 0}}@media(max-width:850px){.wrap{padding:0 27px}nav{gap:15px}.hero{grid-template-columns:1fr;gap:32px;padding:55px 0}.intro{max-width:600px}.visual{max-width:610px;width:100%;margin:auto}.about{gap:30px}.ribbon{flex-wrap:wrap;justify-content:center}.screenhead{display:block}.screenhead p{max-width:600px}.glass{height:390px}h1{font-size:58px}}@media(max-width:520px){header{padding:20px 0;align-items:flex-start}.brand{font-size:20px;white-space:nowrap}.mark{width:26px;height:26px;font-size:18px}nav{gap:12px;flex-wrap:wrap;justify-content:flex-end}nav .navitem{display:none}h1{font-size:42px;letter-spacing:-2px}.hero{padding-top:45px}.about,.features{grid-template-columns:1fr}.about{padding-top:55px;gap:10px}.features{padding-bottom:40px}.glass{height:270px}.visual{padding-left:0}.screen-section{padding:50px 0}.next{padding:60px 0}footer{flex-wrap:wrap}.ribbon{font-size:9px;gap:12px}.wrap{padding:0 22px}.eyebrow{font-size:10px}.terminal{box-shadow:7px 9px 0 #d7ddc7}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}