/*
Theme Name: Corrall Clarity CC-WEB-02
Theme URI: https://corrallclarity.com
Author: Corrall Clarity
Description: A dark blue, responsive one-page and sub-page WordPress theme for Corrall Clarity, based on the CC-WEB-02 mockup.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GPLv2 or later
Text Domain: corrall-clarity
*/

:root{--bg:#031123;--bg2:#061a35;--panel:#082347;--panel2:#0a2a54;--line:#174a86;--blue:#0874f2;--blue2:#19a0ff;--text:#f6f9ff;--muted:#b9c9dd;--dim:#7e95ad;--max:1180px;--radius:12px;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 80% 0%,#062b58 0%,var(--bg) 35%,#020812 100%);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:0 auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(3,17,35,.9);backdrop-filter:blur(12px);border-bottom:1px solid rgba(23,74,134,.45)}.header-inner{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.logo img{width:260px;max-width:42vw;height:auto;display:block}.nav{display:flex;align-items:center;gap:34px;font-size:15px}.nav a{color:#e9f1fb;opacity:.92}.nav a:hover,.nav .current-menu-item>a{color:var(--blue2)}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,var(--blue),#005ee8);color:white!important;border:1px solid rgba(25,160,255,.4);border-radius:7px;padding:14px 24px;font-weight:700;box-shadow:0 12px 30px rgba(8,116,242,.25)}.btn.secondary{background:transparent;color:var(--blue2)!important;border-color:rgba(25,160,255,.75);box-shadow:none}.hero{position:relative;overflow:hidden;padding:86px 0 78px}.hero:after,.subhero:after{content:"";position:absolute;right:-5%;top:6%;width:62%;height:62%;background:radial-gradient(ellipse at 40% 50%,rgba(25,160,255,.55),rgba(8,116,242,.24) 25%,transparent 60%);filter:blur(6px);opacity:.75;transform:rotate(-12deg);pointer-events:none}.warp{position:absolute;right:-8%;top:0;width:65%;height:100%;opacity:.82;background:repeating-radial-gradient(ellipse at 20% 45%,rgba(25,160,255,.9) 0 1px,transparent 2px 8px),linear-gradient(115deg,transparent 5%,rgba(8,116,242,.08),transparent 70%);clip-path:polygon(15% 0,100% 0,100% 78%,35% 58%);filter:drop-shadow(0 0 28px rgba(8,116,242,.55));pointer-events:none}.hero-content,.subhero-content{position:relative;z-index:2;max-width:620px}.eyebrow{color:var(--blue2);font-size:13px;letter-spacing:.1em;text-transform:uppercase;font-weight:800}.hero h1,.subhero h1{font-size:clamp(42px,6vw,68px);line-height:1.05;margin:0 0 22px}.hero h1 span{color:var(--blue)}.rule{width:70px;height:3px;background:var(--blue);margin:0 0 26px}.lead{font-size:20px;color:#d7e4f2;max-width:590px}.actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:34px}.section{padding:70px 0}.section-title{text-align:center;margin-bottom:42px}.section-title h2{font-size:34px;line-height:1.2;margin:10px 0}.section-title p{color:var(--muted);max-width:650px;margin:0 auto}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card,.wide-panel,.cta-panel{background:linear-gradient(145deg,rgba(10,42,84,.86),rgba(5,23,47,.92));border:1px solid rgba(57,124,195,.38);border-radius:var(--radius);box-shadow:var(--shadow)}.card{padding:36px 26px;text-align:center;min-height:252px}.icon{width:58px;height:58px;margin:0 auto 20px;border:1px solid rgba(25,160,255,.35);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--blue2);font-size:29px}.card h3{margin:0 0 12px;font-size:20px}.card p{margin:0;color:var(--muted)}.wide-panel{padding:46px;display:grid;grid-template-columns:1fr 1.35fr;gap:46px;align-items:center}.wide-panel h2{font-size:33px;line-height:1.18;margin:10px 0 18px}.stats{display:grid;grid-template-columns:repeat(2,1fr);gap:26px;border-left:1px solid rgba(57,124,195,.35);padding-left:44px}.stat{display:grid;grid-template-columns:56px 1fr;gap:18px;align-items:center}.stat strong{display:block;font-size:28px;color:#fff}.stat span{color:var(--muted)}.approach-list{display:grid;gap:18px}.approach-item{display:grid;grid-template-columns:58px 1fr;gap:18px;align-items:start;padding-bottom:18px;border-bottom:1px solid rgba(57,124,195,.25)}.approach-item:last-child{border:0}.cta-panel{padding:32px 44px;display:flex;justify-content:space-between;align-items:center;gap:26px}.site-footer{border-top:1px solid rgba(57,124,195,.28);background:#03101f;padding:46px 0 24px}.footer-grid{display:grid;grid-template-columns:1.3fr .8fr .9fr .9fr;gap:48px}.footer-logo{width:230px}.footer h4{color:var(--blue2);margin:0 0 12px}.footer ul{list-style:none;padding:0;margin:0}.footer li{margin:7px 0;color:var(--muted)}.footer p{color:var(--muted);margin:14px 0}.copyright{border-top:1px solid rgba(57,124,195,.25);margin-top:34px;padding-top:18px;color:var(--dim);font-size:13px;display:flex;justify-content:space-between;gap:18px}.subhero{position:relative;overflow:hidden;padding:70px 0 100px}.breadcrumbs{color:var(--muted);margin-bottom:26px}.content-panel{background:linear-gradient(145deg,rgba(10,42,84,.75),rgba(5,23,47,.95));border:1px solid rgba(57,124,195,.35);border-radius:var(--radius);padding:44px;margin:24px 0}.content-panel h2{font-size:32px;margin-top:0}.content-panel p,.content-panel li{color:var(--muted)}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:28px}.post-list{display:grid;gap:20px}.post-card{padding:28px;border-radius:var(--radius);border:1px solid rgba(57,124,195,.35);background:rgba(10,42,84,.58)}input,textarea{width:100%;background:#061a35;border:1px solid rgba(57,124,195,.5);border-radius:8px;color:white;padding:14px;margin:8px 0 16px}label{color:#d7e4f2;font-weight:700}.mobile-toggle{display:none;background:transparent;border:1px solid rgba(57,124,195,.5);color:white;border-radius:8px;padding:10px 12px}
@media(max-width:900px){.header-inner{height:auto;padding:18px 0;align-items:flex-start}.mobile-toggle{display:block}.nav{display:none;position:absolute;left:20px;right:20px;top:78px;background:#031123;border:1px solid rgba(57,124,195,.4);border-radius:10px;padding:18px;flex-direction:column;align-items:flex-start;gap:14px}.nav.open{display:flex}.logo img{width:210px}.hero,.subhero{padding:58px 0}.hero:after,.subhero:after,.warp{width:95%;opacity:.35}.cards{grid-template-columns:1fr}.wide-panel,.two-col{grid-template-columns:1fr}.stats{grid-template-columns:1fr;border-left:0;padding-left:0}.cta-panel{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.copyright{flex-direction:column}.container{width:min(100% - 28px,var(--max))}}
.wpcf7 .btn {
    appearance: none;
    -webkit-appearance: none;
}
.btn:hover,
.wp-block-button__link:hover {
    transform: translateY(-2px);
    box-shadow: 0 16px 36px rgba(8,116,242,.35);
    filter: brightness(1.05);
}