:root{--navy:#081828;--navy2:#10364f;--blue:#157dbd;--cyan:#55c9ea;--ink:#172737;--muted:#607382;--line:#dce6ed;--soft:#f4f8fb;--gold:#e8a53a;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans JP","Yu Gothic",sans-serif;color:var(--ink);line-height:1.85;background:#fff}a{color:inherit}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.hero{overflow:hidden;color:#fff;background:radial-gradient(circle at 84% 18%,rgba(85,201,234,.23),transparent 27%),radial-gradient(circle at 20% 84%,rgba(21,125,189,.22),transparent 28%),linear-gradient(135deg,#06131f,#0a2a41 60%,#0d405c);padding-bottom:78px}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0}.logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:900;letter-spacing:.08em}.logoMark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--cyan),var(--blue));color:#fff}.navLinks{display:flex;gap:24px;align-items:center}.navLinks a{text-decoration:none;color:#d7e7f0;font-weight:700;font-size:.9rem}.navLinks .navCta{background:#fff;color:var(--navy);padding:9px 15px;border-radius:999px}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:54px;align-items:center;padding-top:58px}.eyebrow,.kicker{font-size:.76rem;font-weight:900;letter-spacing:.14em}.eyebrow{color:#bceafa}.kicker{color:var(--blue)}h1{font-size:clamp(2.7rem,6vw,5.1rem);line-height:1.03;letter-spacing:-.04em;margin:.7rem 0 1rem}h1 small{display:block;font-size:.34em;color:#b8d3e2;margin-bottom:.6rem}.lead{color:#d9e9f3;font-size:1.08rem}.actions,.heroTags,.tech{display:flex;flex-wrap:wrap;gap:10px}.actions{margin-top:24px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 21px;border-radius:999px;font-weight:900;text-decoration:none;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,#f1b64d,var(--gold));color:#081828}.ghost{border:1px solid rgba(255,255,255,.35);color:#fff}.heroTags{margin-top:20px}.heroTags span{border:1px solid rgba(255,255,255,.18);border-radius:999px;padding:7px 11px;color:#cfe5f0;font-size:.8rem;font-weight:800}.visual{position:relative;min-height:480px}.window{position:absolute;border:1px solid rgba(255,255,255,.16);background:#f8fbfd;border-radius:22px;box-shadow:0 30px 70px rgba(0,0,0,.28);overflow:hidden;color:#173348}.backWindow{width:390px;height:290px;right:0;top:50px;transform:rotate(7deg);opacity:.9}.frontWindow{width:430px;height:315px;left:0;bottom:28px;transform:rotate(-4deg)}.windowBar{height:34px;background:#e9f0f4;display:flex;gap:7px;align-items:center;padding:0 13px}.windowBar i{width:8px;height:8px;border-radius:50%;background:#9fb3c0}.side{position:absolute;left:0;top:34px;bottom:0;width:60px;background:#173c57}.workspace{padding:20px 20px 20px 80px}.metricRow{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.metricRow b{background:#fff;border:1px solid #dbe6ec;border-radius:13px;padding:14px;text-align:center}.graph{height:105px;background:#fff;border:1px solid #dbe6ec;border-radius:16px;padding:14px;display:flex;align-items:end;gap:7px;margin-top:14px}.graph span{flex:1;background:linear-gradient(#55c9ea,#157dbd);border-radius:6px 6px 3px 3px}.graph span:nth-child(1){height:30%}.graph span:nth-child(2){height:55%}.graph span:nth-child(3){height:43%}.graph span:nth-child(4){height:82%}.graph span:nth-child(5){height:68%}.table{display:grid;gap:6px;margin-top:12px}.table i{height:10px;background:#dbe6ec;border-radius:5px}.appHeader{padding:24px}.appHeader strong{display:block;font-size:1.3rem}.appHeader small{color:#718696}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;padding:0 24px}.cards i{height:75px;border-radius:15px;background:linear-gradient(135deg,#e8f5fb,#fff);border:1px solid #d9e8f0}.codeLines{display:grid;gap:8px;padding:20px 24px}.codeLines span{height:10px;background:#dbe6ec;border-radius:5px}.codeLines span:nth-child(2){width:78%}.codeLines span:nth-child(3){width:62%}.codeLines span:nth-child(4){width:88%}.codeLines span:nth-child(5){width:70%}.breadcrumb{display:flex;gap:8px;padding:14px 0;color:#748493;font-size:.82rem}.breadcrumb a{text-decoration:none}section{padding:82px 0}.soft{background:var(--soft)}.sectionHead{max-width:850px;margin-bottom:38px}.sectionHead h2,.two h2{font-size:clamp(2rem,4vw,3rem);line-height:1.23;letter-spacing:-.025em;color:var(--navy);margin:.5rem 0 1rem}.sectionHead p,.two p{color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card,.panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;box-shadow:0 9px 28px rgba(8,24,40,.05)}.icon{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:#eaf6fc;color:var(--blue);font-weight:900}.card h3{color:var(--navy);margin:.7rem 0}.card p{color:var(--muted)}.two{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:42px;align-items:center}.alignTop{align-items:start}.issues{display:grid;gap:11px}.issues>div{display:grid;grid-template-columns:55px 1fr;gap:13px;align-items:center;border:1px solid var(--line);border-radius:17px;background:#fff;padding:17px}.issues b{color:#b7cad8;font-size:1.25rem}.issues strong,.issues small{display:block}.issues small{color:var(--muted)}.darkPanel,.cost,.cta{background:linear-gradient(135deg,#071827,#10415f);color:#fff;border-radius:28px;padding:34px}.darkPanel h2,.cost h2,.cta h2{color:#fff}.darkPanel p,.cost p,.cta p{color:#d6e6ee}.pale{color:#aee6f8}.check{list-style:none;padding:0;margin:16px 0;display:grid;gap:10px}.check li{padding-left:27px;position:relative}.check li:before{content:"✓";position:absolute;left:0;color:var(--blue);font-weight:900}.flow{display:grid;grid-template-columns:repeat(5,1fr);gap:13px}.flow article{border:1px solid var(--line);border-radius:19px;background:#fff;padding:21px 17px}.flow b{color:var(--blue)}.flow h3{color:var(--navy);font-size:1.03rem}.flow p{color:var(--muted);font-size:.9rem}.tech{margin-top:20px}.tech span{background:#edf6fb;border:1px solid #d7eaf4;border-radius:999px;padding:8px 13px;color:#255c7a;font-weight:800;font-size:.87rem}.note{font-size:.84rem!important}.local{background:linear-gradient(180deg,#f7fbfd,#fff)}.localPanel{box-shadow:0 16px 42px rgba(8,24,40,.08)}.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 20px}.faq details+details{margin-top:12px}.faq summary{cursor:pointer;padding:20px 0;font-weight:900;color:var(--navy)}.faq p{margin:0 0 20px;color:#586c7c}.related{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.related a{text-decoration:none;border:1px solid var(--line);border-radius:18px;padding:20px;background:#fff;transition:.2s}.related a:hover{transform:translateY(-2px);border-color:#91c9e2}.related strong,.related small{display:block}.related small{color:var(--muted);margin-top:4px}.ctaSection{padding-top:20px}.cta{padding:46px}.cta h2{font-size:clamp(2rem,4vw,3rem);margin:.5rem 0 10px}.footerInner{display:flex;justify-content:space-between;align-items:center;padding:32px 0 50px;color:#7b8a96}.darkLogo{color:var(--navy)}.two>*{min-width:0}@media(max-width:950px){.heroGrid,.two{grid-template-columns:1fr}.grid3{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.related{grid-template-columns:1fr 1fr}.visual{max-width:520px;width:100%;margin:auto}}@media(max-width:650px){.container{width:min(calc(100% - 28px),var(--max))}.navLinks a:not(.navCta){display:none}.heroGrid{padding-top:36px}.visual{min-height:410px}.backWindow{width:300px;height:230px;right:0;top:40px}.frontWindow{width:330px;height:250px;left:0;bottom:35px}.flow,.related{grid-template-columns:1fr}.cta{padding:30px 24px}.footerInner{align-items:flex-start;gap:18px;flex-direction:column}}