.page-header{padding:72px 0 40px;background:var(--bg-alt);border-bottom:1px solid var(--border)}.page-header .kicker{margin-bottom:10px}.page-header h1{font-size:48px;margin-bottom:16px}.page-header p{font-size:17px;color:var(--text-secondary);max-width:640px}.calc-layout{display:grid;grid-template-columns:1fr 380px;gap:40px;align-items:start}@media(max-width:960px){.calc-layout{grid-template-columns:1fr}}.calc-step{background:var(--bg);border:1px solid var(--border);border-radius:14px;padding:24px 28px;margin-bottom:16px}.calc-step-head{display:flex;align-items:baseline;gap:12px;margin-bottom:18px}.calc-step-num{font-family:ui-monospace,monospace;font-size:12px;font-weight:700;color:var(--accent);letter-spacing:.1em}.calc-step-head h3{font-size:18px}.opt-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px}.opt{position:relative;padding:14px 16px;border:1px solid var(--border);border-radius:10px;background:var(--bg);cursor:pointer;transition:all .2s ease;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:14px;font-weight:500}.opt:hover{border-color:color-mix(in oklab,var(--accent) 40%,var(--border))}.opt.selected{border-color:var(--accent);background:color-mix(in oklab,var(--accent) 6%,var(--bg));color:var(--text-primary)}.opt .opt-price{font-size:12px;color:var(--text-muted);font-family:ui-monospace,monospace}.opt.selected .opt-price{color:var(--accent)}.opt .opt-label{display:flex;flex-direction:column;gap:2px;flex:1;min-width:0}.opt .opt-name{font-size:14px;font-weight:600;color:var(--text-primary)}.opt .opt-desc{font-size:12px;color:var(--text-muted);font-weight:400;line-height:1.4}.opt.selected .opt-desc{color:var(--text-secondary)}.opt-right{display:flex;flex-direction:column;align-items:flex-end;gap:4px}.detail-panel{margin-top:14px;padding:14px 16px;background:var(--bg-alt);border:1px dashed var(--border);border-radius:10px;font-size:13px;color:var(--text-secondary);line-height:1.6;display:none}.detail-panel.visible{display:block}.detail-panel strong{color:var(--text-primary);font-weight:600}.detail-panel ul{list-style:none;margin-top:6px}.detail-panel li{display:flex;gap:8px;padding:2px 0}.detail-panel li:before{content:"✓";color:var(--accent);font-weight:700;flex-shrink:0}.detail-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:6px}.detail-price{font-family:ui-monospace,monospace;font-size:12px;color:var(--accent);white-space:nowrap}.detail-desc{margin-bottom:6px;color:var(--text-secondary)}.detail-sep{height:1px;background:var(--border);margin:14px 0}.detail-block+.detail-block{margin-top:0}.opt .check{width:18px;height:18px;border:1.5px solid var(--border);border-radius:4px;display:flex;align-items:center;justify-content:center;flex-shrink:0;background:var(--bg)}.opt.selected .check{background:var(--accent);border-color:var(--accent);color:#fff}.opt.radio .check{border-radius:50%}.opt.locked{cursor:not-allowed;opacity:.92}.opt.locked:after{content:"Dahil";position:absolute;top:8px;right:10px;font-size:10px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent);font-weight:600;padding:2px 6px;border-radius:4px;background:color-mix(in oklab,var(--accent) 12%,transparent)}.opt.locked .opt-price{visibility:hidden}.summary{position:sticky;top:96px;background:var(--primary);color:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}[data-theme=dark] .summary{background:#060e1d;border:1px solid var(--border)}.summary .label{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:#ffffff80;margin-bottom:8px}.summary .amount{font-size:32px;font-weight:800;color:#fff;letter-spacing:-1px;margin-bottom:4px}.summary .amount .to{color:#ffffff59;margin:0 6px;font-weight:600}.summary .amount .cyan{color:var(--accent)}.summary .sub{color:#ffffff8c;font-size:13px}.summary-break{margin:20px 0;padding:16px 0;border-top:1px solid rgba(255,255,255,.1);border-bottom:1px solid rgba(255,255,255,.1);font-size:13px}.summary-line{display:flex;justify-content:space-between;color:#ffffffb3;padding:3px 0}.summary-line.total{color:#fff;font-weight:600;padding-top:10px;border-top:1px dashed rgba(255,255,255,.1);margin-top:6px}.summary-monthly{background:#00b8d914;border:1px solid rgba(0,184,217,.3);border-radius:10px;padding:12px 14px;margin-bottom:16px}.summary-monthly .label{color:var(--accent);margin-bottom:2px}.summary-monthly .val{font-size:18px;font-weight:700;color:#fff}.disclaimer{font-size:12px;color:#ffffff73;margin-bottom:16px;line-height:1.5}.summary .btn-primary{width:100%;justify-content:center}