*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:#0b1120;color:#f7f8f2;font-family:Arial,"Noto Sans JP","Yu Gothic",Meiryo,sans-serif;font-size:16px;line-height:1.75}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #d8fc79;outline-offset:6px}img{display:block;max-width:100%;height:auto}header,footer{max-width:1360px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 48px;gap:24px}.brand{font-size:21px;font-weight:800;letter-spacing:-.7px;white-space:nowrap}.brand span{color:#d8fc79;margin-left:3px}nav{display:flex;gap:32px;font-size:.875rem}.skip{position:absolute;top:-100px}.skip:focus{top:8px;left:8px;z-index:9;padding:8px;background:#1b273c}.hero{max-width:1360px;margin:auto;padding:55px 48px 75px;display:grid;grid-template-columns:1fr 1.1fr;gap:40px;align-items:center}.eyebrow{font-size:.8125rem;font-weight:700;letter-spacing:2.5px;color:#d8fc79;margin:0 0 24px}h1{font-size:clamp(2.6rem,5vw,4.6rem);line-height:1.28;letter-spacing:-.04em;margin:0 0 30px}h1 em{font-style:normal;color:#d8fc79}.intro{color:#b8c4d6;font-size:1rem;margin-bottom:32px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:#d8fc79;color:#101827;padding:17px 25px;border-radius:3px;font-weight:700;line-height:1.4}.button:hover{background:#e7ffaf}.button span{font-size:1.35rem}.small{font-size:.8125rem;color:#a8b5c6;line-height:1.65}.hero-product{position:relative;min-height:490px;padding-top:65px;padding-right:80px}.wide-preview{width:100%;border:1px solid #536241;box-shadow:0 24px 65px #0008}.portrait-preview{width:34%;position:absolute;right:0;top:170px;border:1px solid #536241;box-shadow:0 24px 65px #0008}.format-tag{position:absolute;left:10px;bottom:15px;font-size:2rem;font-weight:700;letter-spacing:2px}.format-tag span{color:#d8fc79;padding:0 15px}.specs{border-top:1px solid #364355;border-bottom:1px solid #364355;display:flex;justify-content:center;gap:100px;padding:22px 32px;color:#b8c4d6;font-size:.875rem;letter-spacing:2px}.specs b{color:#f7f8f2;font-size:1.7rem;padding-right:8px}.specs i{font-style:normal;color:#d8fc79}.section{max-width:1360px;margin:auto;padding:90px 48px}.section-title{margin-bottom:38px}.section h2{font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.45;letter-spacing:-.025em;margin:0 0 18px}.section p{color:#b8c4d6}.section p.eyebrow{color:#d8fc79;margin-bottom:18px}.gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:36px 22px}.scene.wide{grid-column:span 2}.scene .image{background:#202c3f;border:1px solid #364355;overflow:hidden}.scene .image img{width:100%}.scene.portrait .image{background:repeating-conic-gradient(#1c2940 0% 25%,#263750 0% 50%) 50%/20px 20px}.caption{padding-top:13px;display:flex;justify-content:space-between;align-items:baseline;gap:10px;flex-wrap:wrap}.caption strong{font-size:1.0625rem}.caption span{font-size:.8125rem;color:#a8b5c6}.usage{display:grid;grid-template-columns:1fr 1.3fr;gap:90px;border-top:1px solid #364355}.usage ol{list-style:none;margin:0;padding:0}.usage li{display:flex;gap:25px;padding:0 0 26px;margin-bottom:26px;border-bottom:1px solid #364355}.usage li b{font-size:1.5rem;color:#d8fc79}.usage h3{margin:0 0 8px;font-size:1.125rem}.usage li p{margin:0}.offer{max-width:1264px;background:#182339;display:grid;grid-template-columns:1.6fr 1fr;gap:55px;padding:65px;margin-bottom:15px}.offer aside{padding-left:40px;border-left:1px solid #4a596e}.offer aside h3{font-size:1.35rem;margin-top:0}.offer .price{font-size:3.2rem;font-weight:700;color:#f7f8f2;margin:12px 0}.price span{font-size:.8125rem;color:#a8b5c6;display:block;font-weight:400}.status{display:inline-block;border:1px solid #61708a;border-radius:3px;padding:8px 20px;color:#d1dae8}.notes{max-width:1000px}details{border-bottom:1px solid #364355;padding:20px 0}summary{cursor:pointer;font-size:1.0625rem}details p{font-size:.9375rem}details a{color:#d8fc79;text-decoration:underline}footer{border-top:1px solid #364355;font-size:.8125rem;color:#a8b5c6}footer .brand{color:#f7f8f2}footer p{margin:0}@media(max-width:950px){.hero{grid-template-columns:1fr 1fr;gap:20px}.hero-product{min-height:390px;padding-top:70px;padding-right:25px}.portrait-preview{top:170px;right:0;width:40%}.format-tag{font-size:1.4rem;bottom:0}.specs{gap:40px}.usage{gap:35px}.offer{margin:0 25px;padding:40px;gap:30px}.offer aside{padding-left:25px}}@media(max-width:680px){header,footer{padding:23px 22px}nav{gap:16px;font-size:.8125rem}nav a:first-child{display:none}.hero{padding:30px 22px 60px;display:block}.hero-copy{max-width:460px}.hero-product{margin-top:25px;min-height:410px;padding-top:35px;padding-right:45px}.portrait-preview{top:115px;right:0;width:33%;max-height:310px;object-fit:contain}.format-tag{bottom:10px}.specs{gap:20px;padding:16px 15px;letter-spacing:.5px;flex-wrap:wrap}.specs b{font-size:1.3rem}.section{padding:65px 22px}.gallery{grid-template-columns:repeat(2,1fr);gap:26px 16px}.scene.wide{grid-column:span 2}.scene.portrait{grid-column:span 1}.usage{display:block}.usage ol{margin-top:35px}.offer{margin:0 16px;display:block;padding:32px 24px}.offer aside{margin-top:38px;padding:30px 0 0;border-left:0;border-top:1px solid #4a596e}footer{flex-wrap:wrap;gap:12px}.caption{gap:2px}.caption span{font-size:.75rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}