*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:'Segoe UI','Yu Gothic UI','Meiryo',sans-serif;color:#172639;background:#f7f8fa;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}header{display:flex;align-items:center;justify-content:space-between;padding:20px 5%;background:#fff;border-bottom:1px solid #e2e6eb;gap:25px}.brand{display:flex;align-items:center;gap:12px;line-height:1.3}.mark{display:grid;place-items:center;background:#15273d;color:#fff;width:42px;height:42px;font-size:26px;border-radius:9px}.brand strong{font-size:13px;letter-spacing:2px}.brand small{display:block;font-size:10px;letter-spacing:1px;margin-top:5px}nav{display:flex;gap:28px;font-size:13px}.proto{font-size:10px;border:1px solid #d4dbe4;padding:5px 10px;letter-spacing:1px}.hero{max-width:1350px;margin:auto;padding:90px 5%;display:grid;grid-template-columns:1.25fr 1fr;gap:75px;align-items:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:700;color:#758394;margin-bottom:22px}h1{font-size:clamp(34px,4.2vw,60px);line-height:1.4;letter-spacing:-2px;margin:0 0 25px}h1 em{font-style:normal;color:#ef6d36}.lead{font-size:17px;color:#647286;max-width:700px}.button{display:inline-flex;gap:35px;align-items:center;background:var(--accent,#f0783a);padding:15px 25px;color:#fff;border:0;border-radius:5px;font-weight:700;font-size:14px;margin-top:22px}.tiny{font-size:12px;color:#788697;margin-top:25px}.orbit{padding:27px;background:#12253c;border-radius:12px;box-shadow:0 25px 60px #172d4721;transform:rotate(-1deg)}.orbit-title{color:white;letter-spacing:2px;font-size:13px;border-bottom:1px solid #ffffff20;padding-bottom:18px}.orbit-title small{display:block;font-size:12px;color:#a6b4c4;letter-spacing:0}.orbit a{display:flex;align-items:center;gap:15px;color:#fff;padding:13px 0;border-bottom:1px solid #ffffff15}.orbit a>span{font-size:11px;color:var(--accent);font-weight:bold}.orbit a div{font-weight:600;font-size:15px}.orbit a small{display:block;font-size:9px;letter-spacing:1px;color:#839ab4}.orbit a b{margin-left:auto;color:var(--accent)}.notice{display:flex;gap:22px;padding:16px 5%;background:#edf0f4;font-size:12px;color:#627286}.notice b{white-space:nowrap;color:#263e58}.section{max-width:1320px;margin:auto;padding:75px 5%}.section-head{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}.section-head p{font-size:14px;color:#718093}h2{font-size:30px;margin:0 0 15px;letter-spacing:-.8px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{display:block;background:white;padding:25px;border:1px solid #dfe5eb;border-radius:8px;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-5px);box-shadow:0 15px 35px #1a355410}.card-top{display:flex;justify-content:space-between;font-size:11px;color:#728295}.card-top b{color:var(--accent);font-size:21px}.mini{height:110px;background:#f3f5f8;margin:18px 0;padding:22px;position:relative;border-left:3px solid var(--accent)}.mini i{display:block;background:var(--accent);opacity:.5;width:60%;height:6px;margin-bottom:8px}.mini i:nth-child(2){width:90%;opacity:.2}.mini i:nth-child(3){width:75%;opacity:.3}.mini span{font-size:10px;color:#698094}.product-code{font-size:11px;letter-spacing:2px;color:var(--accent,#f0783a);font-weight:bold;margin-bottom:4px}.card h3{font-size:23px;margin:0}.card>p:not(.product-code){font-size:13px;color:#6b7889;min-height:72px}.card ul{padding-left:18px;font-size:12px;color:#4d6278}.card-cta{display:block;margin-top:25px;font-size:12px;font-weight:700;border-top:1px solid #e9edf2;padding-top:17px}.flow{background:#12253c;color:white;max-width:none;padding-left:max(5%,calc((100% - 1190px)/2));padding-right:max(5%,calc((100% - 1190px)/2))}.flow>p{color:#9faebf;font-size:14px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:35px 0}.steps span{padding:22px;border:1px solid #ffffff25;font-size:12px;color:#93a3b7}.steps b{font-size:16px;color:white}.spec{margin:30px 0}.spec>div{display:grid;grid-template-columns:210px 1fr;border-bottom:1px solid #dfe5ec;padding:18px 0;font-size:14px}.spec dt{font-weight:bold}.spec dd{margin:0;color:#637186}footer{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #dfe4eb;padding:30px 5%;font-size:12px;color:#718093}footer b{font-size:17px;color:#24384f}.product-hero{padding:55px 5% 70px;max-width:1320px;margin:auto}.product-hero h1{font-size:clamp(32px,3.8vw,52px)}.back{font-size:12px;color:#6d7f92}.maker{font-size:12px;margin-left:20px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dfe4ea}.feature-row>div{background:white;padding:30px 15%}.feature-row span{color:var(--accent);font-size:12px}.feature-row h2{font-size:17px;margin-top:10px}.demo{background:#fff;border:1px solid #dae1e9;padding:30px}.demo h3{margin:0 0 20px;font-size:20px}.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.panel{border:1px solid #e0e5eb;padding:25px;border-radius:6px;background:#fff}.demo label{display:block;font-size:13px;color:#566a80;margin-bottom:15px}.demo input,.demo select{display:block;width:100%;border:1px solid #cbd5df;border-radius:4px;padding:9px 12px;background:#fff;color:#233951;margin-top:5px}.metric{background:#f2f5f8;padding:20px;margin:10px 0}.metric small{display:block;color:#6b7a8c;font-size:12px}.metric strong{font-size:28px}.secondary{background:white;border:1px solid #cdd7e1;color:#263e56;padding:8px 16px;border-radius:4px;font-size:12px}.demo .button{margin:8px 0}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:13px;white-space:nowrap}th,td{text-align:left;padding:13px 12px;border-bottom:1px solid #e2e8ef}th{font-size:11px;background:#f5f7fa;color:#738397}.status{font-size:11px;background:#e7f4ef;color:#228165;padding:4px 8px;border-radius:4px}.muted{font-size:12px;color:#76869a}.warn{color:#aa6521;background:#fff5e7;padding:12px;font-size:12px}.bar{height:9px;border-radius:4px;background:#e8edf3;overflow:hidden;margin:8px 0}.bar i{display:block;height:100%;background:var(--accent)}#feedback{min-height:25px;color:#39765f;font-size:13px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:10px;z-index:5}:focus-visible{outline:3px solid #ee9639;outline-offset:4px}button:disabled{opacity:.5;cursor:default}@media(max-width:900px){.hero{gap:30px}.cards{grid-template-columns:repeat(2,1fr)}.proto{display:none}.steps{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){header{padding:16px 5%}nav{gap:12px;font-size:11px}.brand strong{font-size:10px;letter-spacing:0}.brand small{font-size:8px}.hero{grid-template-columns:1fr;padding:45px 5%;gap:35px}.hero h1{letter-spacing:-1.5px}.orbit{transform:none}.cards,.demo-grid{grid-template-columns:1fr}.section{padding:45px 5%}.section-head{display:block}.section-head p{font-size:12px}.notice{display:block}.notice b{display:block;margin-bottom:5px}.spec>div{grid-template-columns:1fr;gap:5px}.feature-row{grid-template-columns:1fr}.feature-row>div{padding:18px 5%;display:flex;align-items:center;gap:20px}.feature-row h2{margin:0}.demo{padding:16px}.panel{padding:18px}.maker{display:block;margin:15px 0 0}footer{display:block}.product-hero{padding:35px 5%}.steps{gap:8px}.steps span{padding:15px}h2{font-size:26px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.work-tabs{display:flex;flex-wrap:wrap;gap:8px;background:#142940;padding:15px}.work-tabs button[aria-pressed="true"]{background:#4983eb;color:#fff;border-color:#4983eb}.work-tabs button{white-space:nowrap}