/*
Theme Name: VueLogic Studio
Theme URI: https://example.com/vuelogic-studio
Author: VueLogic Studio
Description: A secure, accessible portfolio and lead-generation theme for VueLogic Studio.
Version: 1.2.3
Requires at least: 6.5
Tested up to: 6.8
Requires PHP: 8.1
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: vuelogic-studio
*/

:root{--ink:#f4f8ff;--muted:#a5b3cc;--navy:#07101f;--panel:#0d1930;--line:#203250;--cyan:#27ddff;--blue:#3978ff;--violet:#8b5cf6;--max:1180px;--radius:24px;--shadow:0 24px 80px rgba(0,0,0,.28)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--navy);color:var(--ink);font:400 1rem/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}body:before{content:"";position:fixed;inset:0;z-index:-2;background:radial-gradient(circle at 85% 5%,rgba(139,92,246,.16),transparent 32%),radial-gradient(circle at 10% 35%,rgba(39,221,255,.09),transparent 28%),var(--navy)}a{color:inherit}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.skip-link{position:fixed;top:8px;left:8px;z-index:9999;padding:10px 16px;background:#fff;color:#000;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,16,31,.88);border-bottom:1px solid rgba(255,255,255,.07);backdrop-filter:blur(18px)}.header-inner{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none}.brand-mark{width:42px;aspect-ratio:1;position:relative;transform:rotate(30deg);filter:drop-shadow(0 0 16px rgba(39,221,255,.25))}.brand-mark:before,.brand-mark:after,.brand-mark span{content:"";position:absolute;inset:7px;border:3px solid var(--cyan);border-right-color:var(--violet);border-bottom-color:var(--blue)}.brand-mark:after{inset:14px}.brand-mark span{inset:0;border-width:2px;opacity:.65}.brand-type strong{display:block;letter-spacing:.11em;font-size:1rem}.brand-type small{display:block;color:var(--muted);font-size:.65rem;letter-spacing:.32em}.menu-toggle{display:none;border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:transparent;color:var(--ink)}.site-nav ul{display:flex;align-items:center;gap:26px;list-style:none;margin:0;padding:0}.site-nav a{text-decoration:none;color:var(--muted);font-weight:650;font-size:.92rem}.site-nav a:hover,.site-nav a:focus-visible{color:var(--cyan)}.button,.wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 20px;border:1px solid transparent;border-radius:999px;background:linear-gradient(120deg,var(--cyan),var(--blue));color:#041020;text-decoration:none;font-weight:800;box-shadow:0 10px 30px rgba(57,120,255,.22);cursor:pointer}.button:hover{transform:translateY(-2px)}.button-ghost{background:transparent;color:var(--ink);border-color:var(--line);box-shadow:none}.hero{padding:clamp(80px,12vw,150px) 0 90px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:70px}.eyebrow{color:var(--cyan);font-weight:800;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem}.hero h1{max-width:820px;margin:.35em 0 .35em;font-size:clamp(3rem,7vw,6.8rem);line-height:.92;letter-spacing:-.065em}.gradient-text{background:linear-gradient(110deg,#fff 20%,var(--cyan) 52%,var(--violet));-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy{max-width:650px;color:var(--muted);font-size:clamp(1.05rem,2vw,1.25rem)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.hero-visual{position:relative;min-height:460px}.orbit{position:absolute;inset:4%;border:1px solid rgba(39,221,255,.22);border-radius:50%;animation:spin 24s linear infinite}.orbit:after{content:"";position:absolute;width:12px;aspect-ratio:1;border-radius:50%;top:18%;left:1%;background:var(--cyan);box-shadow:0 0 25px var(--cyan)}.cube{position:absolute;inset:17%;transform:rotate(30deg);border:2px solid rgba(39,221,255,.6);background:linear-gradient(145deg,rgba(39,221,255,.08),rgba(139,92,246,.16));box-shadow:inset 0 0 70px rgba(57,120,255,.16),0 30px 100px rgba(0,0,0,.35)}.cube:before,.cube:after{content:"";position:absolute;inset:15%;border:2px solid rgba(139,92,246,.7)}.cube:after{inset:30%;border-color:var(--cyan)}.metric{position:absolute;padding:15px 18px;border:1px solid var(--line);border-radius:16px;background:rgba(13,25,48,.9);box-shadow:var(--shadow);font-weight:800}.metric small{display:block;color:var(--muted);font-weight:500}.metric.one{top:3%;right:0}.metric.two{left:0;bottom:8%}@keyframes spin{to{transform:rotate(360deg)}}section{padding:90px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2,.contact-copy h2{margin:.2em 0;font-size:clamp(2.2rem,5vw,4rem);line-height:1;letter-spacing:-.045em}.section-head p{max-width:560px;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{position:relative;padding:28px;border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));box-shadow:var(--shadow)}.card:hover{border-color:rgba(39,221,255,.45)}.card-index{color:var(--cyan);font:800 .75rem/1 monospace;letter-spacing:.15em}.card h3{margin:.8em 0 .4em;font-size:1.5rem}.card p,.card-excerpt{color:var(--muted)}.text-link{color:var(--cyan);font-weight:800;text-decoration:none}.portfolio-card{padding:0;overflow:hidden}.project-art{aspect-ratio:16/10;display:grid;place-items:center;background:linear-gradient(135deg,rgba(39,221,255,.13),rgba(57,120,255,.1) 45%,rgba(139,92,246,.18));border-bottom:1px solid var(--line)}.project-art span{padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:999px;background:rgba(7,16,31,.65);font-weight:800}.portfolio-body{padding:25px}.project-meta{color:var(--cyan);font-size:.78rem;text-transform:uppercase;letter-spacing:.12em}.process{border-block:1px solid var(--line);background:rgba(13,25,48,.42)}.process-list{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;padding:0;list-style:none;background:var(--line);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.process-list li{padding:28px;background:var(--navy)}.process-list strong{display:block;margin-bottom:8px}.contact-wrap{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:start}.contact-details{margin:25px 0 0;padding:0;list-style:none}.contact-details li{margin:10px 0;color:var(--muted)}.contact-details a{color:var(--cyan)}.contact-form{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.field-full{grid-column:1/-1}label{display:block;margin-bottom:6px;font-weight:700}input,textarea,select{width:100%;padding:13px 14px;border:1px solid #395070;border-radius:10px;background:#07101f;color:var(--ink);font:inherit}textarea{min-height:150px;resize:vertical}input:focus,textarea:focus,select:focus,.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.form-status{padding:12px 14px;border-radius:10px;margin-bottom:18px}.form-status.success{background:#0c493c}.form-status.error{background:#682832}.hp-field{position:absolute!important;left:-10000px!important}.site-footer{padding:40px 0;border-top:1px solid var(--line);color:var(--muted)}.footer-inner{display:flex;justify-content:space-between;gap:20px}.entry{padding:80px 0}.entry-content{max-width:820px}.entry-content h1{font-size:clamp(2.5rem,6vw,5rem);line-height:1}.screen-reader-text{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:850px){.menu-toggle{display:block}.site-nav{display:none;position:absolute;top:80px;inset-inline:0;padding:22px;background:var(--navy);border-bottom:1px solid var(--line)}.site-nav.is-open{display:block}.site-nav ul{align-items:stretch;flex-direction:column}.hero-grid,.contact-wrap{grid-template-columns:1fr}.hero-visual{min-height:340px}.grid{grid-template-columns:1fr 1fr}.process-list{grid-template-columns:1fr 1fr}}
@media(max-width:580px){.container{width:min(calc(100% - 28px),var(--max))}.brand-type small{display:none}.grid,.form-grid,.process-list{grid-template-columns:1fr}.field-full{grid-column:auto}.hero{padding-top:65px}.hero-visual{min-height:280px}.section-head,.footer-inner{align-items:start;flex-direction:column}section{padding:68px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.custom-logo-link{display:flex;align-items:center;text-decoration:none}.custom-logo{display:block;max-height:54px;width:auto}
.brand-logo{display:block;width:240px;height:auto;max-height:60px;object-fit:contain;object-position:left center}
.header-inner{min-height:100px}.custom-logo{max-height:76px;max-width:380px}.brand-logo{width:360px;max-height:78px}
@media(max-width:580px){.header-inner{min-height:82px}.brand-logo{width:255px;max-height:58px}.custom-logo{max-width:255px;max-height:58px}}

/* Final brand-palette alignment */
:root{--ink:#f8fbff;--muted:#aab9d2;--navy:#03112a;--panel:#081c3d;--line:#183b68;--cyan:#00daf4;--blue:#006fff;--violet:#7d37ff;--shadow:0 24px 80px rgba(0,5,18,.36)}
body:before{background:radial-gradient(circle at 85% 5%,rgba(125,55,255,.2),transparent 34%),radial-gradient(circle at 10% 35%,rgba(0,218,244,.11),transparent 30%),var(--navy)}
.site-header{background:rgba(3,17,42,.92);border-bottom-color:rgba(0,218,244,.12)}
.button,.wp-block-button__link{background:linear-gradient(120deg,var(--cyan),var(--blue) 58%,var(--violet));box-shadow:0 12px 34px rgba(0,111,255,.28)}
.button-ghost{background:rgba(3,17,42,.48);border-color:rgba(0,218,244,.28);color:var(--ink);box-shadow:none}
.card{border-color:rgba(0,111,255,.24);background:linear-gradient(150deg,rgba(0,218,244,.055),rgba(0,111,255,.03) 55%,rgba(125,55,255,.06))}
.card:hover{border-color:rgba(0,218,244,.58)}
.cube{border-color:rgba(0,218,244,.7);background:linear-gradient(145deg,rgba(0,218,244,.1),rgba(125,55,255,.2));box-shadow:inset 0 0 70px rgba(0,111,255,.2),0 30px 100px rgba(0,5,18,.42)}
.cube:before{border-color:rgba(125,55,255,.78)}.cube:after{border-color:var(--cyan)}
.orbit{border-color:rgba(0,218,244,.28)}.metric{background:rgba(8,28,61,.94);border-color:rgba(0,111,255,.32)}
.portfolio-card .project-art{background:linear-gradient(135deg,rgba(0,218,244,.15),rgba(0,111,255,.12) 45%,rgba(125,55,255,.22))}
.process{background:rgba(8,28,61,.48)}.process-list{background:rgba(0,111,255,.28);border-color:rgba(0,111,255,.28)}
.contact-form{background:linear-gradient(145deg,#081c3d,#061730);border-color:rgba(0,111,255,.32)}
input,textarea,select{background:#03112a;border-color:#285486}
.product-core{isolation:isolate}.product-core-art,.gravity-orbit{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.product-core-art{z-index:2;filter:drop-shadow(0 25px 38px rgba(0,5,18,.45))}.gravity-orbit{z-index:1;pointer-events:none}.gravity-orbit path{fill:none;stroke:rgba(0,218,244,.3);stroke-width:1.3;filter:drop-shadow(0 0 5px rgba(0,218,244,.18))}.gravity-orbit circle{fill:var(--cyan);filter:drop-shadow(0 0 5px var(--cyan)) drop-shadow(0 0 12px rgba(0,218,244,.78))}.core-panel>path:first-child{fill:url(#core-panel);stroke:rgba(0,218,244,.56);stroke-width:2}.core-dashboard>path:first-child{stroke:rgba(0,111,255,.64)}.core-app>path:first-child{stroke:rgba(125,55,255,.68)}.core-edge,.core-ui{fill:none;stroke:rgba(248,251,255,.28);stroke-width:4;stroke-linecap:round}.core-web circle{fill:var(--cyan)}.core-data{fill:none;stroke:var(--blue);stroke-width:8;stroke-dasharray:58 52}.core-mark{fill:url(#core-brand);filter:drop-shadow(0 0 22px rgba(0,111,255,.46))}.product-core .metric{z-index:3}.product-core .metric.one{top:22%;right:2%}.product-core .metric.two{left:5%;bottom:15%}
@media(max-width:580px){.product-core .metric.one{top:15%;right:0}.product-core .metric.two{left:0;bottom:9%}}
.product-core-art,.gravity-orbit{transform:scale(1.16);transform-origin:50% 50%}
@media(max-width:850px){.product-core-art,.gravity-orbit{transform:scale(1.08)}}
@media(max-width:580px){.product-core-art,.gravity-orbit{transform:scale(1.02)}}