/* Refined inner-page layer for HPM Compliance */
.page-hero{position:relative;overflow:hidden;padding:112px 0 92px;background:radial-gradient(circle at 82% 28%,rgba(84,185,247,.18),transparent 24%),linear-gradient(118deg,#071624 0%,#0a2238 58%,#0d3150 100%)}
.page-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(90deg,transparent 0 84px,rgba(255,255,255,.018) 85px 86px)}
.page-hero .container{position:relative;z-index:1}.page-hero .wrap{max-width:880px}.page-hero h1{max-width:860px}.page-hero p{max-width:760px}.breadcrumb{letter-spacing:.04em;text-transform:uppercase}
.inner-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:start}.inner-intro .body-copy{font-size:17px}.principle-panel{border:1px solid var(--line);border-radius:18px;padding:30px;background:linear-gradient(180deg,#fff,#f6faff);box-shadow:0 18px 48px rgba(6,24,44,.07)}.principle-panel h3{margin-bottom:16px}.principle-item{display:flex;gap:12px;padding:13px 0;border-bottom:1px solid var(--line)}.principle-item:last-child{border-bottom:0}.principle-item b{color:var(--blue)}
.status-legend{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 30px}.status-pill{display:inline-flex;align-items:center;gap:7px;border-radius:999px;padding:7px 11px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.04em}.status-pill.live{background:#e8f7ef;color:#247153}.status-pill.plan{background:#edf5ff;color:#2a66a8}.status-pill.review{background:#fff4e5;color:#98621d}.status-dot{width:7px;height:7px;border-radius:50%;background:currentColor}
.refined-services{grid-template-columns:repeat(3,1fr)}.refined-services .service-card{min-height:320px}.refined-services .service-card h3{margin-top:12px}.refined-services .service-card .status-pill{align-self:flex-start}.service-card .icon{font-size:0}.service-card .icon svg{width:28px;height:28px}.service-card .learn{margin-top:auto;padding-top:18px}
.service-note{margin-top:28px;border-left:4px solid var(--blue);background:#f4f9fd;padding:18px 20px;border-radius:0 10px 10px 0;color:#506575;font-size:13px;line-height:1.65}
.process-grid .process-step{position:relative;overflow:hidden}.process-grid .process-step:after{content:"";position:absolute;right:-28px;bottom:-38px;width:100px;height:100px;border-radius:50%;background:rgba(18,137,242,.05)}
.future-portal{margin-top:34px;padding:26px 28px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(135deg,#071624,#0b2a46);color:#fff}.future-portal p{color:#b9cede;margin-bottom:0}.future-portal .portal-tag{display:inline-block;margin-bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(84,185,247,.14);color:#7acdfb;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.sector-card{position:relative;padding-top:78px}.sector-card:before{content:"";position:absolute;top:28px;left:30px;width:38px;height:38px;border-radius:10px;background:linear-gradient(145deg,#edf7fe,#e3f2fd);border:1px solid #d7eaf7}.sector-card:after{content:"";position:absolute;top:41px;left:43px;width:12px;height:12px;border:2px solid var(--blue);border-radius:3px}.sector-card p{margin-bottom:0}
.sector-summary{margin-top:28px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.summary-panel{padding:24px;border-radius:14px;border:1px solid var(--line);background:#fff}.summary-panel strong{display:block;margin-bottom:8px}.summary-panel p{margin:0;color:var(--text);font-size:14px}
.area-layout{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:start}.area-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:24px}.area-grid div{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;font-weight:800}.area-grid span{display:block;margin-top:4px;color:var(--text);font-size:12px;font-weight:500}.coverage-panel{padding:30px;border-radius:18px;background:linear-gradient(145deg,#071624,#0c2b49);color:#fff;box-shadow:0 18px 50px rgba(4,25,44,.14)}.coverage-panel p{color:#b7cddd}.coverage-panel .btn{margin-top:10px}
.contact-refined{align-items:start}.contact-points{display:grid;gap:14px;margin-top:26px}.contact-point{padding:18px 20px;border:1px solid var(--line);border-radius:12px;background:#fff}.contact-point strong{display:block;font-size:13px}.contact-point span,.contact-point a{display:block;margin-top:4px;color:var(--text);font-size:14px}.contact-point a{color:var(--blue);font-weight:800}.quote-form.refined-form{border:1px solid var(--line);border-radius:18px;box-shadow:0 22px 55px rgba(7,26,47,.09)}.form-status-note{padding:12px 14px;border-radius:9px;background:#f3f8fc;color:#536a7c;font-size:12px;line-height:1.5}.service-state{margin:0 0 20px}.side-status{margin:0 0 16px}.side-card .side-status + strong{margin-top:4px}
.service-detail h2{font-size:38px}.service-detail>p{font-size:16px}.service-detail ul{padding-left:20px}.service-detail li{margin:10px 0}.service-detail .notice{margin:24px 0}.service-detail .cta-box{margin-top:42px}.side-card .status-pill{margin-bottom:16px}
.faq-layout{display:grid;grid-template-columns:1.4fr .6fr;gap:48px;align-items:start}.faq-list{display:grid;gap:14px}.faq-list details{border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden}.faq-list summary{cursor:pointer;padding:20px 22px;font-weight:800;list-style:none}.faq-list summary::-webkit-details-marker{display:none}.faq-list details p{margin:0;padding:0 22px 22px;color:var(--text)}
.legal-page{max-width:900px}.legal-page>section{padding:26px 0;border-bottom:1px solid var(--line)}.legal-page>section:last-child{border-bottom:0}.legal-page h2{font-size:27px;margin-bottom:10px}.legal-page p{color:var(--text);margin:0}.utility-page{min-height:46vh;display:flex;align-items:center}.utility-page .wrap{max-width:720px}.utility-page .hero-actions{margin-top:26px}
@media(max-width:900px){.inner-intro,.area-layout,.faq-layout{grid-template-columns:1fr}.refined-services{grid-template-columns:repeat(2,1fr)}.sector-summary{grid-template-columns:1fr}}
@media(max-width:620px){.page-hero{padding:82px 0 68px}.refined-services,.area-grid{grid-template-columns:1fr}.principle-panel,.coverage-panel{padding:22px}.future-portal{padding:22px}.sector-card{padding-top:72px}.contact-point{padding:16px}.service-detail h2{font-size:32px}.faq-list summary{padding:18px}.faq-list details p{padding:0 18px 18px}}
