.tou-hero{background:linear-gradient(135deg,#111a2f 0%,#172a4a 100%);color:#fff;padding:68px 0 58px}
.tou-hero .breadcrumbs,.tou-hero .breadcrumbs a{color:#c8d6ef}.tou-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:42px;align-items:center}
.tou-hero h1{font-size:clamp(2.45rem,5.3vw,5.25rem);line-height:.96;letter-spacing:-.05em;max-width:12ch;margin:.18em 0 .28em}.tou-hero .lead{font-size:1.12rem;max-width:720px;color:#e4ecf8}
.tou-hero-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:24px;padding:24px;box-shadow:0 20px 60px rgba(0,0,0,.2)}.tou-hero-card span{display:block;color:#bcd0ee;font-size:.82rem;text-transform:uppercase;letter-spacing:.08em}.tou-hero-card strong{display:block;font-size:1.65rem;margin:.25rem 0 .45rem}.tou-hero-card p{color:#e4ecf8;margin:0}
.tou-shell{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:28px;align-items:start}.tou-panel{border:1px solid #dfe5ee;border-radius:24px;background:#fff;padding:24px;box-shadow:0 18px 55px rgba(24,42,72,.08)}
.tou-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.tou-form-grid label,.tou-rate-grid label,.tou-custom-grid label{display:grid;gap:7px;font-size:.88rem;font-weight:700;color:#26334a}.tou-form-grid select,.tou-form-grid input,.tou-rate-grid input,.tou-custom-grid input{width:100%;min-height:47px;border:1px solid #cfd7e4;border-radius:12px;padding:10px 12px;background:#fff;color:#111827;font:inherit}.tou-full{grid-column:1/-1}
.tou-rate-box{margin-top:18px;padding:18px;border-radius:18px;background:#f5f8fc;border:1px solid #dfe7f1}.tou-rate-box h3{margin:0 0 6px}.tou-rate-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:12px}.tou-rate-note{font-size:.82rem;color:#59667a;margin:.7rem 0 0}.tou-custom-grid{display:none;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:14px}.tou-custom-grid.is-visible{display:grid}
.tou-action-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.tou-action-row .button{border:0;cursor:pointer}.tou-source{margin-top:12px;font-size:.82rem;color:#59667a}
.tou-results{display:grid;gap:13px}.tou-result{border:1px solid #dfe5ee;border-radius:18px;padding:18px;background:#fff}.tou-result span{display:block;color:#69768a;font-size:.82rem}.tou-result strong{display:block;font-size:1.45rem;line-height:1.2;margin:.25rem 0}.tou-result small{color:#59667a}.tou-result.is-primary{background:#f0f6ff;border-color:#b8d2f5}.tou-result.is-warn{background:#fff8ed;border-color:#f2d5a5}
.tou-timeline{margin-top:22px;border:1px solid #dfe5ee;border-radius:20px;padding:18px;background:#fff}.tou-timeline-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:12px}.tou-timeline-head small{color:#667389}.tou-track{display:grid;grid-template-columns:repeat(24,1fr);min-height:78px;border-radius:14px;overflow:hidden;border:1px solid #d8e0eb}.tou-hour{display:flex;align-items:end;justify-content:center;padding:6px 2px;font-size:.66rem;border-right:1px solid rgba(20,35,55,.08);position:relative}.tou-hour:last-child{border-right:0}.tou-hour[data-tier="super"]{background:#e8f4ff}.tou-hour[data-tier="off"]{background:#eef7ef}.tou-hour[data-tier="mid"]{background:#fff6df}.tou-hour[data-tier="peak"]{background:#fdeeee}.tou-hour.is-window:after{content:"";position:absolute;inset:4px;border:2px solid #0d5bd7;border-radius:8px}.tou-legend{display:flex;gap:14px;flex-wrap:wrap;margin-top:10px;font-size:.78rem;color:#5c687b}.tou-dot{width:10px;height:10px;border-radius:999px;display:inline-block;margin-right:5px;vertical-align:-1px}.tou-dot.super{background:#b9ddfb}.tou-dot.off{background:#bfe2c5}.tou-dot.mid{background:#f0d58e}.tou-dot.peak{background:#efb7b7}
.utility-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.utility-card{border:1px solid #dfe5ee;border-radius:20px;padding:22px;background:#fff}.utility-card h3{margin:.3rem 0 .5rem}.utility-card .schedule-line{padding:10px 0;border-top:1px solid #edf1f6}.utility-card .schedule-line:first-of-type{border-top:0}.utility-card strong{display:block}.utility-card small{color:#667389}
.tou-direct-answer{border-left:4px solid #1267d8;background:#f3f7fd;border-radius:0 16px 16px 0;padding:18px 20px;margin:18px 0 24px}.tou-direct-answer p:last-child{margin-bottom:0}.tou-mini-table{width:100%;border-collapse:collapse;margin:18px 0}.tou-mini-table th,.tou-mini-table td{text-align:left;padding:12px 10px;border-bottom:1px solid #e3e8ef;vertical-align:top}.tou-mini-table th{font-size:.82rem;color:#536176}
.tou-callout{border:1px solid #cddcf0;background:#f7faff;border-radius:20px;padding:22px;margin-top:22px}.tou-callout h3{margin-top:0}.tou-source-list li{margin:.5rem 0}
@media(max-width:900px){.tou-hero-grid,.tou-shell{grid-template-columns:1fr}.tou-hero{padding:52px 0 42px}.tou-hero h1{max-width:14ch}.utility-grid{grid-template-columns:1fr}.tou-shell>aside{order:-1}.tou-track{overflow-x:auto;grid-template-columns:repeat(24,minmax(34px,1fr))}}
@media(max-width:620px){.tou-form-grid,.tou-rate-grid,.tou-custom-grid{grid-template-columns:1fr}.tou-full{grid-column:auto}.tou-panel{padding:18px}.tou-hero h1{font-size:2.72rem}.tou-timeline{padding:14px}.tou-timeline-head{align-items:start;flex-direction:column;gap:4px}}