:root{--accent: #1e40af}.hero{background:linear-gradient(160deg,#f0f4ff,#e8eef8 55%,#f4f6fb);padding:56px 24px 48px;text-align:center;position:relative;overflow:hidden}.hero-orb{position:absolute;top:-60px;left:50%;transform:translate(-50%);width:min(600px,100vw);height:300px;background:radial-gradient(ellipse,rgba(0,212,170,.11) 0%,transparent 70%);pointer-events:none}.hero-eyebrow{font-family:var(--font-mono);font-size:11px;letter-spacing:.18em;color:var(--accent);margin-bottom:16px;text-transform:uppercase}h1{font-family:var(--font-display);font-size:clamp(28px,6vw,46px);font-weight:800;line-height:1.1;letter-spacing:-.03em;margin-bottom:16px}h1 em{color:var(--accent);font-style:normal}.hero-desc{font-size:.92rem;color:var(--text2);max-width:580px;margin:0 auto 24px;line-height:1.8}.hero-badges{display:flex;flex-wrap:wrap;gap:8px;justify-content:center}.badge{font-size:.72rem;padding:5px 12px;border-radius:20px;border:1px solid var(--border2);color:var(--text2);background:var(--surface);font-family:var(--font-mono)}.badge.active{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}.hero-cta{background:linear-gradient(90deg,#00d4aa12,#00d4aa05);border-top:1px solid rgba(0,212,170,.14);border-bottom:1px solid rgba(0,212,170,.14);padding:14px 24px}.hero-cta-inner{max-width:860px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.hero-cta-text{font-size:.82rem;color:var(--text2)}.hero-cta-text strong{color:var(--text)}.cta-btn-hero{background:var(--accent);color:#fff;font-weight:700;font-size:.85rem;padding:10px 20px;border-radius:8px;text-decoration:none;white-space:nowrap;transition:opacity .2s,transform .15s;display:inline-flex;align-items:center;gap:6px}.cta-btn-hero:after{content:"";display:block;width:7px;height:7px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg) translate(-1px,1px);transition:transform .2s;flex-shrink:0}.cta-btn-hero:hover{opacity:.88;transform:translateY(-1px)}.cta-btn-hero:hover:after{transform:rotate(45deg) translate(1px,-1px)}.container{max-width:860px;margin:0 auto;padding:0 24px 80px}.mode-tabs{display:flex;gap:4px;background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius);padding:4px;margin-bottom:20px}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:28px;margin-bottom:16px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.slider-num-input{background:var(--bg3);border-color:var(--border2);color:var(--accent)}.form-group .slider-group{margin-bottom:0}.btn-sub-note{display:block;font-size:.7rem;color:var(--text3);margin-top:2px}.breakdown-item-label.bold{font-weight:700;color:var(--text)}.breakdown-item-val.bold{color:var(--accent)}.breakdown-item--sub .breakdown-item-label{padding-left:14px;font-size:.78rem;color:var(--text3)}.breakdown-item--sub .breakdown-item-val{font-size:.8rem;color:var(--text3)}.breakdown-item--sub .breakdown-item-pct{font-size:.68rem}.btn-group{display:flex;flex-wrap:wrap;gap:8px}.calc-btn{width:100%;padding:16px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:800;border:none;border-radius:var(--radius);cursor:pointer;margin-top:8px;letter-spacing:.02em;transition:opacity .2s,transform .15s,box-shadow .2s;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:54px}.calc-error{display:none;align-items:center;gap:8px;background:#ff6b6b14;border:1px solid rgba(255,107,107,.3);border-radius:8px;padding:10px 14px;margin-top:10px;font-size:.84rem;color:#ff6b6b;line-height:1.5}.result-section.show{display:block}.result-hero{background:linear-gradient(135deg,#00d4aa1a,#00d4aa05);border:1px solid rgba(0,212,170,.25);border-radius:var(--radius-lg);padding:28px;margin-bottom:16px;position:relative;overflow:hidden}.result-hero-orb{position:absolute;top:-50px;right:-50px;width:min(220px,50vw);height:220px;background:radial-gradient(ellipse,rgba(0,212,170,.12) 0%,transparent 70%);pointer-events:none}.tedori-big{text-align:center;padding:8px 0 20px;border-bottom:1px solid var(--border);margin-bottom:20px}.tedori-eyebrow{font-family:var(--font-body);font-size:11px;letter-spacing:.08em;color:var(--text3);margin-bottom:8px}.tedori-num{font-family:var(--font-display);font-size:clamp(40px,8vw,64px);font-weight:800;letter-spacing:-.04em;color:var(--accent);line-height:1;margin-bottom:6px}.tedori-sub{font-size:.85rem;color:var(--text2)}.tedori-sub span{color:var(--text);font-weight:700}.sub-nums{display:grid;grid-template-columns:repeat(3,1fr);gap:0}@media(max-width:480px){.sub-nums{grid-template-columns:1fr 1fr}}.sub-num{padding:14px 12px;text-align:center;border-right:1px solid var(--border)}.sub-num:last-child{border-right:none}@media(max-width:480px){.sub-num:nth-child(2){border-right:none}.sub-num:nth-child(3){border-top:1px solid var(--border);grid-column:1/-1}}.sub-num-eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:.1em;color:var(--text3);text-transform:uppercase;margin-bottom:5px}.sub-num-val{font-family:var(--font-display);font-size:clamp(16px,3vw,22px);font-weight:800;letter-spacing:-.03em;line-height:1;margin-bottom:3px}.sub-num-val.red{color:var(--red)}.sub-num-val.gold{color:var(--gold)}.sub-num-val.blue{color:var(--blue)}.sub-num-val.orange{color:var(--orange)}.sub-num-label{font-size:.68rem;color:var(--text2)}.breakdown-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:24px;margin-bottom:16px}.breakdown-title{font-family:var(--font-display);font-size:.9rem;font-weight:700;color:var(--text2);margin-bottom:18px;display:flex;align-items:center;gap:8px}.breakdown-title:before{content:"";width:3px;height:16px;background:var(--accent);border-radius:2px;flex-shrink:0}.stack-bar-wrap{margin-bottom:20px}.stack-bar{height:36px;border-radius:8px;overflow:hidden;display:flex;margin-bottom:10px}.stack-seg{height:100%;transition:width .7s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;font-family:var(--font-mono);overflow:hidden;white-space:nowrap}.stack-seg-tedori{background:var(--accent);color:#fff}.stack-seg-shakai{background:#4d9fff;color:#fff}.stack-seg-shotoku{background:var(--red);color:#fff}.stack-seg-jumin{background:var(--gold);color:#fff}.breakdown-list{display:flex;flex-direction:column;gap:10px}.breakdown-item{display:flex;align-items:center;gap:12px}.breakdown-dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.breakdown-dot--accent{background:var(--accent)}.breakdown-dot--blue{background:var(--blue)}.breakdown-dot--red{background:var(--red)}.breakdown-dot--gold{background:var(--gold)}.breakdown-dot--orange{background:var(--orange)}.breakdown-dot--purple{background:var(--purple)}.breakdown-item-label{flex:1;font-size:.85rem;color:var(--text2)}.breakdown-item-val{font-family:var(--font-mono);font-weight:700;font-size:.9rem;color:var(--text);text-align:right;min-width:100px}.breakdown-item-pct{font-family:var(--font-mono);font-size:.75rem;color:var(--text3);text-align:right;min-width:50px}.breakdown-divider{border:none;border-top:1px solid var(--border);margin:8px 0}.hayami-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:.82rem}thead th{background:var(--bg2);color:var(--text3);font-weight:500;padding:10px 12px;text-align:right;border-bottom:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;white-space:nowrap}thead th:first-child{text-align:left}tbody tr{border-bottom:1px solid var(--border);transition:background .15s}tbody tr:last-child{border-bottom:none}tbody tr:hover{background:var(--bg3)}tbody td{padding:9px 12px;color:var(--text2);text-align:right;font-family:var(--font-mono);font-size:.8rem;white-space:nowrap}tbody td:first-child{text-align:left;color:var(--text);font-weight:700}.td-accent{color:var(--accent)!important;font-weight:700!important}.td-red{color:var(--red)!important}.td-gold{color:var(--gold)!important}.td-blue{color:var(--blue)!important}.tr-current td{background:#00d4aa14!important}.cta-block{background:linear-gradient(135deg,#1e40af12,#00d4aa05);border:1px solid rgba(30,64,175,.12);border-radius:var(--radius-lg);padding:36px 32px;text-align:center;margin-bottom:16px}.cta-title{font-family:var(--font-display);font-size:1.4rem;font-weight:800;margin-bottom:12px;letter-spacing:-.02em}.cta-title em{color:var(--accent);font-style:normal}.cta-sub{font-size:.88rem;color:var(--text2);line-height:1.8;margin-bottom:20px}.cta-points{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;margin-bottom:24px}.cta-point{background:var(--accent-soft);border:1px solid rgba(30,64,175,.12);color:var(--text2);font-size:.8rem;padding:6px 14px;border-radius:20px}.cta-btn-main{display:inline-flex;align-items:center;gap:8px;padding:16px 36px;background:var(--accent);color:#fff;font-family:var(--font-display);font-size:1rem;font-weight:800;border-radius:var(--radius);text-decoration:none;transition:opacity .2s,transform .2s,box-shadow .2s}.cta-btn-main:after{content:"";display:block;width:8px;height:8px;border-top:2px solid currentColor;border-right:2px solid currentColor;transform:rotate(45deg) translate(-1px,1px);transition:transform .2s;flex-shrink:0}.cta-btn-main:hover{opacity:.9;transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.cta-btn-main:hover:after{transform:rotate(45deg) translate(1px,-1px)}.cta-disclosure{font-size:.72rem;color:var(--text3);margin-top:14px}.related-icon{font-size:1.4rem;flex-shrink:0}.related-name{font-size:.85rem;font-weight:700;color:var(--text);margin-bottom:3px}.related-desc{font-size:.75rem;color:var(--text3)}footer{background:var(--bg2);border-top:1px solid var(--border);padding:32px 24px;text-align:center;font-size:.78rem;color:var(--text3)}.fade-in{animation:fadeIn .5s ease both}to{opacity:1;transform:none}} @media(max-width:600px){.hero{padding:40px 16px 36px}.card,.breakdown-card{padding:20px 16px}.cta-block{padding:28px 16px}.hero-cta-inner{flex-direction:column;align-items:center}}.ticks span,.slider-ticks span{font-size:.72rem;color:var(--text3);font-family:var(--font-m,var(--font-mono,"DM Mono",monospace));cursor:pointer;padding:4px 8px;border-radius:5px;border:1px solid transparent;text-decoration:underline;text-decoration-style:dotted;text-decoration-color:#fff3;transition:color .15s,background .15s,border-color .15s,text-decoration-color .15s;white-space:nowrap;user-select:none;-webkit-tap-highlight-color:transparent}.ticks span:hover,.slider-ticks span:hover{color:var(--accent,#00d4aa);background:#00d4aa14;border-color:#00d4aa47;text-decoration-color:var(--accent,#00d4aa)}.ticks span:active,.slider-ticks span:active{transform:scale(.95);background:#00d4aa26}.ticks span.active-tick,.slider-ticks span.active-tick{color:var(--accent,#00d4aa);font-weight:700;border-color:#00d4aa59;background:#00d4aa0f;text-decoration:none}.next-steps{margin-top:16px}.next-steps-title{font-size:.75rem;font-weight:700;color:var(--text3, #7888aa);letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;padding-left:2px}.next-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}@media(max-width:480px){.next-grid{grid-template-columns:1fr}}.next-card{display:flex;align-items:center;gap:10px;background:var(--surface2,#1a2035);border:1px solid var(--border2, #dde2ee);border-radius:10px;padding:12px 14px;text-decoration:none;transition:border-color .2s,transform .15s,background .2s;position:relative;overflow:hidden}.next-card:hover{border-color:var(--accent,#00d4aa);background:#00d4aa0a;transform:translateY(-2px)}.next-card-icon{font-size:1.4rem;flex-shrink:0;line-height:1}.next-card- .next-card-action{font-size:.68rem;color:var(--accent,#00d4aa);font-weight:700;letter-spacing:.04em;text-transform:uppercase;margin-bottom:2px}.next-card-name{font-size:.88rem;font-weight:700;color:var(--text, #0f1626);line-height:1.3}.next-card-desc{font-size:.75rem;color:var(--text2, #3a4a6a);margin-top:2px;line-height:1.4}.next-card:after{content:"›";position:absolute;right:12px;top:50%;transform:translateY(-50%);font-size:1.2rem;color:var(--text3, #7888aa);transition:color .2s,right .15s}.next-card:hover:after{color:var(--accent,#00d4aa);right:8px}.info-note{background:#fff8e1;border-left:3px solid #f59e0b;border-radius:0 6px 6px 0;padding:10px 14px;font-size:.82rem;line-height:1.7;color:#5a4a00;margin-top:12px}.info-note strong{color:#78400a}.comparison-table-wrap{overflow-x:auto;margin:14px 0 10px}.comparison-table-wrap .comparison-table{font-size:.82rem;min-width:400px}.comparison-table-wrap .comparison-table thead th{font-size:.78rem}.comparison-table-wrap .row-total td{background:#fff3e0;font-size:.85rem}.badge-new{display:inline-block;background:#e8f5e9;color:#2e7d32;font-size:.72rem;font-weight:700;padding:1px 6px;border-radius:4px;margin-left:4px;vertical-align:middle;white-space:nowrap}.feature-strip{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 16px;padding:14px 16px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);border-left:4px solid var(--accent)}.feature-item span{font-size:1rem;flex-shrink:0}@media(max-width:600px){.feature-strip{flex-direction:column;gap:6px}}