/*
Theme Name: Okansa Pacific Modern EV
Theme URI: https://pacific.okansa.com/
Author: Okansa Pacific
Description: Modern editable Gutenberg block theme for PT Okansa Pacific electric mobility and fleet solutions.
Version: 1.0.0
Requires at least: 6.4
Tested up to: 6.8
Requires PHP: 7.4
Text Domain: okansa-pacific
Tags: block-patterns, full-site-editing, portfolio, one-column, custom-colors, custom-logo, featured-images
*/

:root{--ok-navy:#071b3f;--ok-navy2:#04142f;--ok-blue:#0d4aa2;--ok-green:#7cc242;--ok-ink:#12213d;--ok-muted:#6c7890;--ok-soft:#f4f7fb;--ok-line:#dfe6ef;--ok-white:#fff;--ok-shadow:0 30px 80px rgba(7,27,63,.13)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ok-ink);background:#fff}a{text-decoration:none}.wp-site-blocks{overflow:hidden}
.okansa-wrap{width:min(1180px,calc(100% - 40px));margin-inline:auto}.okansa-section{padding:96px 0}.okansa-eyebrow{font-size:12px!important;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:#1a67d5;margin:0 0 10px}.okansa-section-title{font-size:clamp(34px,4.4vw,58px)!important;line-height:1.03!important;letter-spacing:-.035em;max-width:760px;margin-top:0}.okansa-lead{font-size:18px;color:var(--ok-muted);max-width:680px}

/* Header */
.site-header-shell{position:absolute;top:18px;left:0;right:0;z-index:50}.site-header{min-height:72px;padding:0 18px 0 16px!important;border-radius:18px;background:rgba(4,20,47,.90);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.10);box-shadow:0 18px 50px rgba(2,14,35,.18)}.site-header .wp-block-site-logo img,.site-header .brand-image img{width:42px!important;height:42px!important;object-fit:cover;border-radius:50%}.site-header .wp-block-site-title{font-size:14px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.site-header .wp-block-site-title a,.site-header .wp-block-navigation a{color:#fff}.site-header .wp-block-navigation{font-size:13px;font-weight:700}.site-header .wp-block-navigation-item__content{opacity:.88}.site-header .wp-block-navigation-item__content:hover{opacity:1}.header-cta .wp-block-button__link{background:var(--ok-green)!important;color:#173214!important;border-radius:10px!important;padding:11px 17px!important;font-weight:800}

/* Hero */
.okansa-hero{min-height:860px!important;padding:0!important;align-items:stretch!important}.okansa-hero .wp-block-cover__background{background:linear-gradient(90deg,rgba(5,20,47,.94) 0%,rgba(5,20,47,.82) 34%,rgba(5,20,47,.46) 63%,rgba(5,20,47,.18) 100%),linear-gradient(0deg,rgba(4,17,39,.55),rgba(4,17,39,.10) 55%)!important;opacity:1!important}.okansa-hero>.wp-block-cover__inner-container{width:100%}.hero-inner{width:min(1180px,calc(100% - 40px));min-height:860px;margin:auto;padding:175px 0 72px!important;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.hero-copy{width:min(700px,62%)}.hero-kicker{display:flex;align-items:center;gap:12px;color:#a9d77e;font-size:11px!important;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.hero-kicker:before{content:"";width:34px;height:2px;background:var(--ok-green)}.hero-heading{font-size:clamp(58px,7vw,98px)!important;line-height:.90!important;letter-spacing:-.06em!important;color:#fff!important;margin:24px 0 0!important}.hero-heading mark{background:none!important;color:var(--ok-green)!important}.hero-text{font-size:18px!important;line-height:1.75;color:#b7c5da!important;max-width:610px;margin:30px 0 34px!important}.hero-actions{gap:10px}.hero-actions .wp-block-button__link{padding:15px 20px;border-radius:11px;font-weight:800}.hero-primary .wp-block-button__link{background:#fff!important;color:var(--ok-navy)!important}.hero-secondary .wp-block-button__link{background:rgba(255,255,255,.04)!important;color:#fff!important;border:1px solid rgba(255,255,255,.22)}.hero-stats{width:580px;max-width:100%;margin-top:52px!important;border-top:1px solid rgba(255,255,255,.12);padding-top:24px!important}.hero-stat{padding:0 18px!important;border-right:1px solid rgba(255,255,255,.14)}.hero-stat:first-child{padding-left:0!important}.hero-stat:last-child{border-right:0}.hero-stat strong{font-size:24px;color:#fff}.hero-stat p{font-size:10px!important;text-transform:uppercase;letter-spacing:.10em;color:#8394ad!important;margin:3px 0 0}.hero-edition{margin-top:42px!important;color:#7e90aa!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase;font-weight:700}.hero-panel{position:absolute!important;right:0;bottom:52px;width:min(420px,34vw);background:rgba(4,19,44,.76);backdrop-filter:blur(18px);border:1px solid rgba(255,255,255,.12);border-radius:22px;padding:24px!important;color:#fff;box-shadow:0 25px 60px rgba(0,0,0,.16)}.hero-panel .panel-label{color:#aebdd1!important;text-transform:uppercase;letter-spacing:.12em;font-size:10px!important;font-weight:800;margin:0 0 10px}.hero-panel h3{font-size:28px!important;line-height:1.08!important;color:#fff;margin:0}.hero-panel .panel-row{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.12);align-items:center}.hero-panel .panel-row p{color:#c2cede!important;font-size:13px!important;margin:0}.hero-panel .wp-block-button__link{width:46px;height:46px;padding:0!important;border-radius:50%!important;display:grid;place-items:center;background:var(--ok-green)!important;color:#173214!important}.hero-tag{position:absolute!important;right:24px;top:170px;background:rgba(255,255,255,.92);border-radius:999px;padding:11px 15px!important;box-shadow:0 12px 30px rgba(0,0,0,.12);font-size:12px!important;font-weight:800;color:var(--ok-navy)!important}

/* Cards & sections */
.feature-grid{gap:18px;margin-top:42px!important}.feature-card{height:100%;padding:27px!important;border:1px solid var(--ok-line);border-radius:22px;background:#fff;transition:.25s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 18px 45px rgba(19,44,82,.09)}.feature-icon{width:46px;height:46px;border-radius:14px;background:#eef4ff;display:grid;place-items:center;font-size:22px;margin:0 0 22px!important}.feature-card h3{font-size:20px!important;margin-bottom:8px}.feature-card p{color:var(--ok-muted);font-size:14px!important;margin-bottom:0}
.fleet-section{background:var(--ok-soft)}.fleet-head{align-items:flex-end}.fleet-tabs{gap:8px;flex-wrap:wrap}.fleet-tabs .wp-block-button__link{border:1px solid #d3dce8!important;background:#fff!important;color:#58657b!important;border-radius:999px!important;padding:9px 14px!important;font-size:13px;font-weight:800}.fleet-tabs .is-active .wp-block-button__link,.fleet-tabs .wp-block-button.is-active .wp-block-button__link{background:var(--ok-navy)!important;border-color:var(--ok-navy)!important;color:#fff!important}.fleet-panels{margin-top:36px!important}.fleet-panel{display:none}.fleet-panel.is-active{display:block}.fleet-panel>.wp-block-columns{gap:18px}.fleet-image-card{min-height:500px;border-radius:28px;overflow:hidden;position:relative}.fleet-image-card .wp-block-cover__background{background:linear-gradient(0deg,rgba(3,18,45,.88),transparent 55%)!important;opacity:1!important}.fleet-image-card>.wp-block-cover__inner-container{align-self:flex-end;padding:28px!important}.fleet-image-card h3{font-size:32px!important;color:#fff;margin:0}.fleet-image-card p{color:#d6dfed!important;margin:5px 0 0}.fleet-side{height:100%;min-height:500px;padding:34px!important;background:linear-gradient(160deg,#0a2654,#071b3f);color:#fff;border-radius:28px}.fleet-side h3{font-size:34px!important;line-height:1.08!important;color:#fff}.fleet-side p{color:#c7d2e5!important}.fleet-side .fleet-mini{border-top:1px solid rgba(255,255,255,.14);padding-top:18px!important}.fleet-side .fleet-mini strong{font-size:26px}.fleet-side .fleet-mini p{font-size:13px!important;margin:0}
.special-grid{gap:22px;margin-top:40px!important}.solution-card{height:100%;border-radius:28px;overflow:hidden;border:1px solid var(--ok-line);background:#fff}.solution-image{height:360px;padding:24px!important;background:#f7f9fc;display:flex;align-items:center;justify-content:center}.solution-image img{max-height:310px!important;width:auto!important;object-fit:contain}.solution-body{padding:28px!important}.solution-body h3{font-size:28px!important;margin:7px 0 9px}.solution-body p{color:var(--ok-muted)}.solution-body .wp-block-button__link{border:1px solid #cad4e2;background:#fff;color:var(--ok-navy);border-radius:14px;font-weight:800}
.why-section{background:linear-gradient(130deg,#061a3d,#0a2d67);color:#fff}.why-section .okansa-eyebrow{color:#9fd968}.why-section .okansa-section-title{color:#fff}.why-grid{gap:18px;margin-top:42px!important}.why-card{height:100%;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:27px!important;border-radius:22px}.why-card .why-icon{font-size:30px;margin:0 0 14px}.why-card h3{color:#fff;font-size:22px!important}.why-card p{color:#cad4e3!important;margin-bottom:0}
.about-grid{gap:70px;align-items:center}.about-visual{min-height:520px;border-radius:30px;overflow:hidden}.about-visual .wp-block-cover__background{background:linear-gradient(0deg,rgba(4,20,46,.82),transparent 60%)!important;opacity:1!important}.about-visual>.wp-block-cover__inner-container{align-self:flex-end;padding:24px!important}.about-visual h3{color:#fff;font-size:29px!important}.about-copy p{font-size:17px;color:var(--ok-muted)}.check-row{gap:11px;align-items:flex-start;margin:13px 0!important}.check-dot{flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#eaf5df;color:#4f7f24;text-align:center;font-weight:900;line-height:24px}.about-copy .wp-block-button__link{background:var(--ok-navy);color:#fff;border-radius:14px;font-weight:800}
.cta-section{padding:0 0 96px!important}.cta-box{background:#eef5ff;border-radius:34px;padding:54px!important;align-items:center}.cta-box h2{font-size:clamp(34px,4vw,52px)!important;color:var(--ok-navy);max-width:650px}.cta-box .wp-block-button__link{background:var(--ok-navy);color:#fff;border-radius:14px;font-weight:800}

/* Footer */
.site-footer{background:#04142f;color:#fff;padding:58px 0 26px!important}.site-footer .wp-block-site-title a{color:#fff}.site-footer p,.site-footer a{color:#aeb9ca}.site-footer h4{color:#fff;font-size:14px!important;letter-spacing:.08em;text-transform:uppercase}.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:22px!important;margin-top:42px!important}.footer-bottom p{font-size:13px;color:#8f9bb0!important;margin:0}

@media(max-width:900px){.site-header-shell{top:10px}.site-header .wp-block-navigation__responsive-container-open{color:#fff}.hero-copy{width:100%;padding-bottom:300px}.hero-panel{left:0;right:auto;bottom:44px;width:min(460px,90%)}.hero-tag{display:none}.feature-grid,.why-grid{grid-template-columns:repeat(2,1fr)!important}.about-grid,.fleet-panel>.wp-block-columns{flex-wrap:wrap!important}.about-grid>.wp-block-column,.fleet-panel>.wp-block-columns>.wp-block-column{flex-basis:100%!important}.fleet-head{align-items:flex-start;flex-direction:column}.special-grid{flex-wrap:wrap!important}.special-grid>.wp-block-column{flex-basis:100%!important}}
@media(max-width:600px){.okansa-wrap,.hero-inner{width:calc(100% - 28px)}.okansa-section{padding:72px 0}.hero-heading{font-size:52px!important}.hero-inner{padding-top:130px!important}.hero-copy{padding-bottom:290px}.hero-stats{grid-template-columns:1fr 1fr!important;gap:18px}.hero-stat{border:0;padding:0!important}.hero-stat:last-child{grid-column:1/-1}.hero-panel{width:100%;padding:20px!important}.hero-panel h3{font-size:23px!important}.feature-grid,.why-grid{grid-template-columns:1fr!important}.solution-image{height:260px}.cta-box{padding:34px 26px!important}.site-footer .footer-columns{flex-wrap:wrap!important}.site-footer .footer-columns>.wp-block-column{flex-basis:100%!important}}