/*
Theme Name: OSKAE Digital Solutions
Theme URI: https://oskae.com
Author: OSKAE Digital Solutions
Description: Independent, responsive WordPress theme for OSKAE nonprofit and small business digital services.
Version: 1.5.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: oskae
*/
:root{--navy:#142B49;--blue:#2878B8;--ice:#E9F1F7;--ink:#1c3048;--muted:#66788d;--line:#dbe5ee;--white:#fff;--coral:#ff6971}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font:16px/1.7 system-ui,-apple-system,Segoe UI,Arial,sans-serif;color:var(--ink);background:#fff}a{color:var(--blue);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:50}.header-row{min-height:84px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand img{display:block;width:235px;max-height:68px;object-fit:contain;object-position:left}.nav{display:flex;gap:24px;align-items:center}.nav a{font-size:14px;font-weight:650;color:var(--navy)}.nav a:hover{color:var(--blue)}.btn,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:#fff!important;border:2px solid var(--blue);border-radius:9px;padding:13px 22px;font-size:14px;font-weight:750;cursor:pointer;text-decoration:none!important;transition:.2s}.btn:hover{background:#195c94}.btn-light{background:#fff;color:var(--navy)!important;border-color:#fff}.btn-outline{background:transparent;color:var(--blue)!important}.btn-dark{background:var(--navy);border-color:var(--navy)}.menu-toggle{display:none;background:none;border:1px solid var(--line);padding:10px;border-radius:8px;color:var(--navy)}.hero{padding:100px 0 96px;background:linear-gradient(130deg,#f2f7fb,#fff 60%,#e8f2fa);overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.13fr .87fr;gap:60px;align-items:center}.eyebrow{color:var(--blue);font-size:13px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}.hero h1,h1{font-size:clamp(38px,5.2vw,66px);line-height:1.11;letter-spacing:-.045em;color:var(--navy);margin:18px 0 23px}.hero p{font-size:19px;max-width:600px;color:#53687e}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-art{background:var(--navy);border-radius:26px;padding:32px;min-height:380px;display:grid;place-content:center;position:relative;overflow:hidden;box-shadow:0 25px 55px #142b4926}.hero-art:before{content:'';position:absolute;width:280px;height:280px;border-radius:50%;background:#2878b8;right:-110px;top:-110px}.hero-art:after{content:'';position:absolute;width:160px;height:160px;border-radius:36px;transform:rotate(30deg);background:#ff6971;left:-80px;bottom:-90px}.art-panel{position:relative;z-index:1;background:#ffffffed;border-radius:18px;padding:28px;box-shadow:0 15px 40px #0002}.art-panel strong{font-size:26px;color:var(--navy);line-height:1.25;display:block}.art-panel span{display:block;margin-top:12px;color:var(--muted)}.mini-row{display:flex;gap:10px;margin-top:22px}.mini-row i{height:9px;background:var(--blue);border-radius:6px;flex:1}.mini-row i:nth-child(2){background:var(--coral);flex:.6}.mini-row i:nth-child(3){background:#b4d5ee;flex:.8}.section{padding:85px 0}.section-alt{background:#f4f8fb}.section-title{font-size:clamp(29px,3.4vw,43px);line-height:1.17;letter-spacing:-.035em;color:var(--navy);margin:12px 0 18px}.lead{color:var(--muted);font-size:18px;max-width:760px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:36px}.grid.two{grid-template-columns:repeat(2,1fr)}.card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:30px;box-shadow:0 8px 30px #142b4908}.card h3{font-size:23px;line-height:1.3;color:var(--navy);margin:12px 0}.card p{color:var(--muted);margin:0 0 20px}.card .icon{display:grid;place-items:center;width:48px;height:48px;background:var(--ice);border-radius:12px;color:var(--blue);font-size:25px;font-weight:800}.link-arrow{font-weight:750}.checklist{list-style:none;padding:0;margin:24px 0}.checklist li{padding:8px 0 8px 30px;position:relative}.checklist li:before{content:'✓';position:absolute;left:0;color:var(--blue);font-weight:900}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.highlight{background:var(--navy);color:white;border-radius:24px;padding:45px}.highlight h2,.highlight h3{color:white}.highlight p{color:#dce9f3}.steps{counter-reset:steps}.step{display:flex;gap:18px;margin:20px 0}.step:before{counter-increment:steps;content:counter(steps);display:grid;place-items:center;background:var(--ice);color:var(--blue);font-weight:800;border-radius:50%;width:40px;height:40px;flex-shrink:0}.cta{background:var(--navy);padding:72px 0;color:#fff;text-align:center}.cta h2{color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.2;margin:0 0 14px}.cta p{color:#d4e4f0;font-size:18px}.page-hero{background:linear-gradient(130deg,var(--ice),#fff);padding:74px 0}.page-hero h1{font-size:clamp(37px,5vw,56px)}.page-hero p{font-size:19px;max-width:750px;color:var(--muted)}.form-layout{display:grid;grid-template-columns:1.5fr .85fr;gap:48px}.form-card{padding:35px;border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #142b490c}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field{margin-bottom:18px}.field label{display:block;font-weight:700;font-size:14px;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;padding:13px 14px;font:inherit;border:1px solid #bccbd9;border-radius:8px;background:white;color:var(--ink)}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #2878b84d;border-color:var(--blue)}.notice{padding:14px 18px;border-radius:9px;margin-bottom:20px;background:#e5f4e9;color:#176331}.notice.error{background:#fff0f0;color:#9b2424}.honeypot{position:absolute;left:-9999px}.small{font-size:13px;color:var(--muted)}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.post-card{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white}.post-card img{width:100%;height:180px;object-fit:cover}.post-card .post-inner{padding:22px}.post-card h2{font-size:20px;line-height:1.3}.post-card .date{font-size:12px;color:var(--muted)}.article{max-width:820px;margin:70px auto}.article h1{font-size:clamp(32px,4vw,54px)}.article img{height:auto}.site-footer{background:#0d2038;color:#d0deea;padding:64px 0 26px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px}.site-footer h3{color:white;margin:0 0 14px}.site-footer a{color:#d0deea}.site-footer p{color:#c0d0df}.footer-links{display:flex;flex-direction:column;gap:10px}.footer-bottom{border-top:1px solid #35506c;padding-top:22px;margin-top:45px;font-size:13px}.muted{color:var(--muted)}@media(max-width:950px){.hero-grid,.split,.form-layout{grid-template-columns:1fr}.grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.nav{gap:12px}.nav a{font-size:12px}.brand img{width:180px}}@media(max-width:720px){.menu-toggle{display:block}.nav{display:none;position:absolute;top:100%;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 20px #142b4920;flex-direction:column;align-items:stretch}.nav.open{display:flex}.nav a{font-size:16px;padding:7px 0}.header-row{min-height:72px}.hero{padding:65px 0}.hero-art{min-height:290px}.section{padding:60px 0}.grid,.grid.two,.blog-grid,.form-grid,.footer-grid{grid-template-columns:1fr}.footer-grid{gap:28px}.form-card{padding:22px}.split{gap:25px}.page-hero{padding:55px 0}}

/* Option 3: Technology & Automation */
:root{--navy:#0d2341;--blue:#2878b8;--ice:#eaf3fb;--coral:#55d8cc}
.hero{background:radial-gradient(ellipse at 75% 20%,#d9eaff 0%,transparent 47%),linear-gradient(115deg,#f6faff,#fff);padding:108px 0}
.hero h1{font-size:clamp(44px,5.6vw,76px);letter-spacing:-.055em}
.hero .eyebrow{display:inline-block;background:#e3effb;border:1px solid #c9e0f7;border-radius:100px;padding:7px 15px;letter-spacing:.09em}
.btn{border-radius:10px;box-shadow:0 5px 15px #2878b81b}
.card{transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 18px 35px #142b4916}
.tech-hero{padding:23px;min-height:420px;background:linear-gradient(135deg,#071b36,#164b7e);border:1px solid #2d5980;display:flex;align-items:center;overflow:visible}
.tech-hero:before,.tech-hero:after{display:none}.tech-glow{position:absolute;inset:0;border-radius:26px;background:radial-gradient(circle at 80% 10%,#4c9bea70,transparent 60%);overflow:hidden}
.dashboard{position:relative;z-index:2;width:100%;background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 25px 50px #00172f7a;transform:rotate(-2deg)}
.dash-top{height:44px;background:#f6f9fd;border-bottom:1px solid #dfeaf3;display:flex;align-items:center;justify-content:space-between;padding:0 17px}.dash-mark{font-size:10px;letter-spacing:.1em;color:#183452;font-weight:850}.dash-live{font-size:10px;color:#288777}.dash-live i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#32b79a;margin-right:5px}.dash-body{display:flex;min-height:270px}.dash-side{width:24%;background:#102a49;color:#a9c1d9;padding:19px 9px;display:flex;flex-direction:column;gap:15px;font-size:10px}.dash-side span{padding:6px 9px}.dash-side .dash-active{color:#fff;background:#24527f;border-radius:5px}.dash-main{flex:1;padding:18px 18px 20px;min-width:0}.dash-heading{display:flex;justify-content:space-between;gap:6px}.dash-heading small,.dash-chart small,.dash-tasks small{display:block;font-size:8px;letter-spacing:.07em;color:#7b8ba1;font-weight:800}.dash-heading strong{display:block;color:#102a49;font-size:19px;line-height:1.3}.dash-dots{color:#8ca0b7}.dash-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0}.dash-metrics>div{background:#f0f6fb;padding:12px 8px;border-radius:8px}.dash-metrics small{display:block;color:#758aa0;font-size:9px}.dash-metrics b{display:block;color:#102a49;font-size:12px}.dash-metrics em{font-size:13px;color:#17a48d;font-style:normal}.dash-bottom{display:grid;grid-template-columns:1.15fr 1fr;gap:9px}.dash-chart,.dash-tasks{border:1px solid #e5edf4;border-radius:8px;padding:12px}.chart-bars{height:74px;display:flex;align-items:flex-end;gap:6px;margin-top:10px}.chart-bars i{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(#4aa4e7,#246cb2)}.dash-tasks span{display:block;font-size:10px;color:#31506c;margin-top:10px}.dash-floating{position:absolute;right:-13px;bottom:-20px;z-index:3;background:#fff;color:#174a73;padding:11px 15px;border-radius:10px;box-shadow:0 8px 30px #001b3c3d;font-size:12px;font-weight:750}.editor-content{padding:22px 0 42px;max-width:1100px}.editor-content:empty{display:none}.form-card .wpforms-container{margin:10px 0}.form-card .wpforms-field-label{color:var(--navy)}.form-card button.wpforms-submit{background:var(--blue)!important;color:#fff!important;border-radius:9px!important;padding:13px 24px!important}
@media(max-width:720px){.hero{padding:60px 0}.tech-hero{min-height:310px;padding:12px}.dash-side{width:22%;font-size:8px}.dash-main{padding:12px}.dash-metrics{gap:4px}.dash-metrics b{font-size:10px}.dash-bottom{gap:5px}.dash-tasks span{font-size:8px}.dash-floating{right:0}}


/* Option 7 — Modern Bento: independent WordPress theme update */
:root{--navy:#112743;--blue:#2878b8;--ice:#e9f1f7;--coral:#ff9b8e}
body{background:#fff;color:#24384e}.site-header{background:#ffffffef;backdrop-filter:blur(16px)}.header-row{min-height:88px}.nav{gap:17px}.nav a{font-size:13px}.btn{border-radius:12px;box-shadow:none}.btn:hover{transform:translateY(-1px)}.bento-hero{padding:58px 0 90px;background:#f8fbfd}.bento-topline{display:flex;align-items:center;justify-content:space-between;gap:12px}.bento-pill{font-size:11px;font-weight:850;letter-spacing:.14em;color:#256ea9;border:1px solid #bdd8ee;background:#eaf4fc;padding:9px 14px;border-radius:100px}.bento-availability{font-size:13px;color:#637a90}.bento-head{display:grid;grid-template-columns:1.5fr .5fr;gap:45px;align-items:end;margin:30px 0 48px}.bento-head h1{font-size:clamp(43px,6.1vw,82px);letter-spacing:-.065em;line-height:1.03;margin:0 0 24px}.bento-head h1 span{color:#327db5}.bento-head p{font-size:19px;line-height:1.65;max-width:650px;color:#62778c;margin:0}.bento-hero-note{border-left:2px solid #bcd6e8;padding:10px 0 10px 22px;display:flex;flex-direction:column;gap:10px;color:#6a8095}.bento-hero-note strong{font-size:25px;line-height:1.15;color:#112743}.bento-note-icon{font-size:31px;color:#2f85bf}.bento-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(180px,auto);gap:16px}.bento-tile{position:relative;overflow:hidden;border-radius:24px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none!important;transition:transform .2s,box-shadow .2s;min-width:0}.bento-tile[href]:hover{transform:translateY(-4px);box-shadow:0 15px 30px #11274320}.tile-kicker{font-size:11px;letter-spacing:.15em;font-weight:850;opacity:.85}.tile-feature{grid-column:span 5;grid-row:span 2;min-height:470px;background:#112743;color:#fff!important}.tile-feature h2,.tile-business h2{font-size:clamp(28px,3vw,43px);line-height:1.11;letter-spacing:-.04em;margin:14px 0}.tile-feature h2{color:#fff}.tile-feature p{color:#d5e5f2;max-width:340px}.tile-symbol{font-size:35px;line-height:1;display:block;margin:20px 0}.tile-link{font-weight:750;font-size:14px;display:flex;justify-content:space-between;gap:12px}.tile-visual{grid-column:span 7;grid-row:span 2;background:linear-gradient(140deg,#e2f1fd,#bcdaf3);min-height:470px;justify-content:center;align-items:center;padding:34px}.mini-browser{width:min(100%,550px);background:#fff;border-radius:16px;box-shadow:0 20px 40px #16456b30;overflow:hidden;transform:rotate(-2deg)}.mini-browser-top{display:flex;align-items:center;justify-content:space-between;background:#f6f9fc;border-bottom:1px solid #e4edf5;padding:12px 16px;color:#8aa3b8;font-size:10px}.mini-browser-top b{font-size:10px;letter-spacing:.12em;color:#1b4568}.mini-browser-body{display:flex;min-height:230px}.mini-sidebar{width:20%;background:#173452;display:flex;flex-direction:column;gap:15px;padding:23px 12px}.mini-sidebar i{height:9px;border-radius:10px;background:#5e85a7}.mini-sidebar i:first-child{background:#6ac8ec}.mini-content{flex:1;padding:24px}.mini-content>span{font-size:10px;letter-spacing:.12em;color:#6990af;font-weight:850}.mini-content>strong{display:block;color:#153551;font-size:clamp(19px,2.5vw,29px);line-height:1.2;margin:8px 0 20px}.mini-stats{display:grid;grid-template-columns:1fr 1fr;gap:10px}.mini-stats>div{background:#edf5fb;border-radius:9px;padding:12px}.mini-stats small{display:block;font-size:9px;color:#7a93a7}.mini-stats b{font-size:13px;color:#245c83}.mini-bars{height:60px;display:flex;gap:8px;align-items:end;margin-top:14px}.mini-bars i{flex:1;background:#3284c1;border-radius:4px 4px 0 0;height:55%}.mini-bars i:nth-child(2){height:83%}.mini-bars i:nth-child(3){height:70%}.mini-bars i:nth-child(4){height:98%}.mini-bars i:nth-child(5){height:65%}.mini-bars i:nth-child(6){height:86%}.visual-caption{position:absolute;right:24px;bottom:20px;color:#235f8e;font-weight:750;font-size:12px}.tile-business{grid-column:span 6;background:#d8f0ed;color:#123b48!important;min-height:360px}.tile-business p{max-width:390px;color:#3b6970}.tile-mini{grid-column:span 2;min-height:360px}.tile-mini h3{font-size:clamp(18px,2vw,25px);line-height:1.2;letter-spacing:-.025em;margin:12px 0}.tile-mini .tile-symbol{font-size:42px}.tile-light{background:#fce9e2;color:#6d3f37}.tile-blue{background:#dceafd;color:#214e78}.tile-white{background:#fff;border:1px solid #dce7ef;color:#193a57}.bento-section-head{display:flex;align-items:end;justify-content:space-between;gap:45px;margin-bottom:35px}.bento-section-head>p{max-width:370px;color:#60758b}.bento-service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.bento-service{padding:28px 23px;border:1px solid #dce8f0;border-radius:20px;background:#fff}.bento-service>span{color:#3c89be;font-size:13px;font-weight:850}.bento-service h3{font-size:21px;line-height:1.2;color:#142b49;margin:45px 0 13px}.bento-service p{color:#61778b;font-size:14px;margin:0}.bento-process{background:#f3f8fb}.bento-process-inner{display:grid;grid-template-columns:1fr 1fr;gap:75px}.bento-process-list{display:flex;flex-direction:column}.bento-process-list>div{display:grid;grid-template-columns:40px 1fr;column-gap:12px;padding:17px 0;border-bottom:1px solid #d6e4ef}.bento-process-list b{grid-row:span 2;color:#2878b8}.bento-process-list strong{color:#142b49;font-size:19px}.bento-process-list span{color:#64798e;font-size:14px}.bento-cta{background:#112743;padding:68px 0}.bento-cta-inner{display:flex;justify-content:space-between;gap:30px;align-items:center}.bento-cta h2{color:#fff;font-size:clamp(30px,4vw,48px);line-height:1.1;letter-spacing:-.04em;margin:14px 0}.bento-cta p{color:#d2e3f0;margin:0}.bento-cta .eyebrow{color:#89c8f5}.bento-cta .btn-outline{color:#fff!important;border-color:#d0e6f5}.bento-cta .actions{flex-shrink:0}.form-card{background:#fff}.form-card .wpforms-container input:not([type=checkbox]),.form-card .wpforms-container select,.form-card .wpforms-container textarea{border-radius:10px!important}.editor-content{padding-top:30px}
@media(max-width:1000px){.bento-head{grid-template-columns:1fr}.bento-hero-note{display:none}.tile-feature{grid-column:span 6}.tile-visual{grid-column:span 6}.tile-business{grid-column:span 6}.tile-mini{grid-column:span 2}.bento-service-grid{grid-template-columns:repeat(2,1fr)}.bento-cta-inner{align-items:start;flex-direction:column}}
@media(max-width:720px){.bento-hero{padding:38px 0 60px}.bento-head{margin:26px 0 32px}.bento-head h1{font-size:clamp(39px,10vw,55px)}.bento-head p{font-size:17px}.bento-availability{display:none}.bento-grid{grid-template-columns:1fr}.bento-tile,.tile-feature,.tile-visual,.tile-business,.tile-mini{grid-column:1;grid-row:auto;min-height:unset}.tile-feature,.tile-business{min-height:340px}.tile-visual{min-height:315px;padding:15px}.tile-mini{min-height:185px}.mini-browser-body{min-height:170px}.mini-content{padding:14px}.mini-content>strong{font-size:19px}.mini-sidebar{padding:18px 7px}.mini-stats>div{padding:7px}.mini-bars{height:38px}.bento-section-head{display:block}.bento-service-grid,.bento-process-inner{grid-template-columns:1fr}.bento-process-inner{gap:25px}.bento-service h3{margin-top:25px}.bento-cta{padding:52px 0}}
@media(prefers-reduced-motion:reduce){.bento-tile,.btn{transition:none!important}}

/* 1.4: readable WordPress privacy content and stable page layouts */
.privacy-content{max-width:860px;padding:48px 0 85px;min-height:260px}.privacy-content h2{color:var(--navy);margin-top:2rem}.privacy-content h3{color:var(--navy);margin-top:1.5rem}.privacy-content p,.privacy-content li{line-height:1.85}.privacy-content a{text-decoration:underline}.privacy-content ul{padding-left:1.5rem}.site-footer .footer-links a:focus-visible,.nav a:focus-visible{outline:3px solid #73baf2;outline-offset:3px}
