*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:#f5f7fb;color:#253b55;font:16px/1.65 Arial,sans-serif}a{color:#345cda;text-decoration:none}a:hover{color:#1b327c}button,input,select{font:inherit}button,a,input,select{touch-action:manipulation}:focus-visible{outline:3px solid #695ad4;outline-offset:3px}header{background:white;border-bottom:1px solid #e1e6f0;display:flex;align-items:center;gap:40px;padding:24px 5%}nav{display:flex;gap:20px;flex-wrap:wrap}.brand{font-size:32px;font-weight:800;letter-spacing:-2px;color:#1b3354}.brand span{color:#6b63d9}main{max-width:1350px;margin:auto;padding:28px 40px 60px}.crumb{font-size:14px;color:#67788d;margin-bottom:24px}.hero{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center;padding:40px 0 60px}.hero p{max-width:670px;font-size:19px}.eyebrow,.hero .eyebrow{font-size:12px;letter-spacing:2px;font-weight:700;color:#526bc2;margin:0 0 18px}h1{font-size:clamp(30px,4vw,52px);line-height:1.15;letter-spacing:-1.5px;margin:12px 0 26px}h1 em{font-style:normal;color:#6660ae}h2{font-size:30px;line-height:1.25;margin:12px 0 20px}h3{font-size:21px;line-height:1.4}p{margin:12px 0 20px}.hero-art{border-radius:30px;background:linear-gradient(130deg,#e5eef0,#e5e0f7);padding:40px;transform:rotate(-3deg);box-shadow:10px 20px 0 #eaeef6}.hero-art>span{letter-spacing:6px;font-size:24px}.hero-art strong{display:block;font-size:54px;letter-spacing:-3px}.hero-art small{font-size:25px}.button,button{display:inline-block;background:#5369db;color:white;border:0;border-radius:12px;padding:14px 23px;font-weight:600;cursor:pointer;transition:filter .18s,background .18s}.button:hover,button:hover{filter:brightness(.82);color:white}.textlink{display:inline-block;margin:12px}.compare{padding:36px;background:#253c58;color:#fff;border-radius:24px;margin:24px 0 38px}.compare .eyebrow{color:#b8c6ff}.compare form{display:grid;grid-template-columns:1fr 28px 1fr auto;align-items:end;gap:15px}.compare label{min-width:0}.vs{align-self:center}label{display:block;font-size:14px;font-weight:600}input,select{display:block;width:100%;border:1px solid #d9dfe9;background:#fff;color:#263d59;border-radius:10px;padding:13px 12px;margin-top:7px;min-width:0}#compare-error:empty{display:none}#compare-error{color:#ffccd0}.filters{display:grid;grid-template-columns:repeat(4,1fr) auto;gap:14px;background:white;padding:23px;border:1px solid #e1e6f0;border-radius:18px}.search{grid-column:1/-1}.filters button{align-self:end;background:#e5e9f5;color:#243b59}.cards,.guides{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:26px 0 40px}.card,.guide{background:#fff;border:1px solid #e0e6ef;border-radius:20px;padding:26px;position:relative;transition:background .18s,box-shadow .18s;min-width:0}.card:hover,.guide:hover{background:#eaf0f7;box-shadow:0 8px 20px #293d5510}.card h3{overflow-wrap:anywhere}.card h3 a{color:#253b55}.card h3 a:after{content:'';position:absolute;inset:0;border-radius:20px}.card .detail{font-size:14px}.capacity{font-size:25px;font-weight:700}.capacity span{font-size:16px;font-weight:400}.module{height:80px;width:100%;max-width:280px;background:#447868;border:5px solid #396454;border-radius:5px;display:flex;gap:7px;align-items:center;padding:10px;position:relative;margin:8px 0 30px;border-bottom:8px dashed #c6aa65}.module i{display:block;background:#25393b;flex:1;height:30px;border-radius:2px}.module b{position:absolute;font-size:10px;bottom:0;right:6px;background:#f1f0df;color:#3d4e50;line-height:15px;padding:0 4px}.note{font-size:13px;color:#6c7b90}.guide{display:block;color:#253b55;background:#edf0fa}.guide:nth-child(2){background:#e7f1ef}.guide:nth-child(3){background:#f7efe6}.guide:hover{filter:brightness(.95)}section{margin-bottom:50px}.article{max-width:900px;margin:25px auto 55px}.article p{font-size:18px;line-height:1.85}.article h2{margin-top:38px}.lead{font-size:21px;color:#61738a;max-width:900px}dl{border:1px solid #dce3ed;border-radius:15px;overflow:hidden}dl>div{display:grid;grid-template-columns:1fr 1fr;gap:20px;padding:13px 20px;background:white}dl>div:nth-child(even){background:#edf1f7}dd{margin:0;font-weight:600}.notice{padding:20px;border-radius:13px;border:1px solid #dfd6b7;background:#fff7e6;color:#655329;margin:25px 0}.wholesale{max-width:1270px;margin:20px auto 50px;padding:36px;border-radius:20px;background:#e9eaf7}.wholesale p{max-width:850px}footer{padding:35px 5%;background:white;border-top:1px solid #dde4ed}.comparison-box{background:#fff;border:1px solid #dfe5ef;border-radius:20px;padding:28px}.chart{margin:30px 0}.bar-row{display:grid;grid-template-columns:minmax(150px,1fr) 2fr 100px;gap:15px;align-items:center;margin:12px 0;font-size:14px}.track{height:16px;background:#edf0f5;border-radius:5px;overflow:hidden}.bar{height:100%;background:#64748b}.bar.win{background:#168249}.bar.loss{background:#c44040}.table-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:14px}th,td{text-align:left;padding:14px;border-bottom:1px solid #e1e6ed}th{background:#eef1f8}#count{font-size:14px;color:#62748b}[hidden]{display:none!important}@media(max-width:950px){.cards,.guides{grid-template-columns:repeat(2,1fr)}.hero{gap:20px}.compare form{grid-template-columns:1fr 1fr}.vs{display:none}.compare button{grid-column:1/-1}.filters{grid-template-columns:1fr 1fr}.hero-art{padding:25px}.hero-art strong{font-size:40px}}@media(max-width:600px){main{padding:20px 18px}.hero{grid-template-columns:1fr;padding:20px 0}.hero-art{display:none}.cards,.guides,.compare form{grid-template-columns:1fr}.compare{padding:24px 18px}.filters{padding:16px;gap:10px}.filters button{grid-column:1/-1}h2{font-size:26px}.wholesale{margin:20px 18px;padding:24px}.bar-row{grid-template-columns:1fr 70px;gap:5px}.bar-row>span:first-child{grid-column:1/-1}.comparison-box{padding:20px 14px}dl>div{padding:12px;gap:10px}.article p{font-size:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

.card{display:block;color:inherit;transition:background .18s,box-shadow .18s,transform .18s}.card:hover{color:inherit;background:#e9edf7;box-shadow:0 8px 24px #253b551a;transform:translateY(-2px)}.card h3{overflow-wrap:anywhere}.card .detail{color:#345cda}.pair-group{padding:16px 0;border-bottom:1px solid #dfe5ef}.pair-group summary{cursor:pointer;font-weight:600}.pair-group li{margin:8px 0}.pair-group a:hover{background:#e5eafa}.compare input{min-width:0;width:100%;padding:13px;border-radius:10px;border:1px solid #dce2ef;color:#253b55;background:white}.comparison-box h1{overflow-wrap:anywhere}