/*
Theme Name: Eric Chuar Technologies
Theme URI: https://tech.ericchuar.com/
Author: Eric Chuar Technologies
Description: Fast, accessible technology consultancy theme built specifically for tech.ericchuar.com.
Version: 0.4.0
Text Domain: ect
*/

:root{--ink:#07111f;--ink-2:#0c1b30;--panel:#10233d;--text:#eaf3ff;--muted:#a9bbcf;--line:#29415e;--cyan:#27d3ff;--blue:#4c7dff;--green:#4cde9f;--paper:#f7fafc;--paper-2:#edf4f8;--dark-text:#132238;--radius:20px;--shadow:0 20px 60px rgba(0,0,0,.2);--max:1180px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--ink);color:var(--text);font:16px/1.65 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;text-rendering:optimizeLegibility}a{color:inherit}img,svg{max-width:100%}.skip-link{position:absolute;left:-9999px;top:8px;background:#fff;color:#000;padding:.7rem 1rem;z-index:999}.skip-link:focus{left:8px}.wrap{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,17,31,.92);border-bottom:1px solid rgba(255,255,255,.08);backdrop-filter:blur(16px)}.nav{min-height:76px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:11px;text-decoration:none;font-weight:800;letter-spacing:-.02em;line-height:1.1}.brand-mark{width:36px;height:36px;border:1px solid rgba(39,211,255,.55);border-radius:10px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(39,211,255,.12),rgba(76,125,255,.15));color:var(--cyan)}.brand small{display:block;color:var(--muted);font-size:.64rem;letter-spacing:.16em;text-transform:uppercase;margin-top:3px}.nav-links{display:flex;gap:23px;align-items:center;margin-left:auto}.nav-links a{text-decoration:none;color:#d8e5f3;font-size:.93rem}.nav-links a:hover,.nav-links a:focus{color:var(--cyan)}.button,.nav-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:46px;padding:.7rem 1.05rem;border-radius:12px;border:1px solid transparent;background:var(--cyan);color:#00101b;text-decoration:none;font-weight:750;cursor:pointer}.button:hover,.button:focus,.nav-cta:hover,.nav-cta:focus{background:#7ae7ff;transform:translateY(-1px)}.button.secondary{background:transparent;color:var(--text);border-color:var(--line)}.button.secondary:hover{border-color:var(--cyan);background:rgba(39,211,255,.06)}.menu-toggle,.theme-toggle{border:1px solid var(--line);color:var(--text);background:transparent;border-radius:10px;min-width:42px;height:42px;cursor:pointer}.menu-toggle{display:none}.hero{padding:104px 0 78px;position:relative;overflow:hidden}.hero:after{content:"";position:absolute;width:580px;height:580px;border-radius:50%;background:radial-gradient(circle,rgba(39,211,255,.18),transparent 65%);right:-180px;top:-200px;pointer-events:none}.eyebrow{color:var(--cyan);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:800}.hero h1,.page-hero h1{font-size:clamp(2.6rem,6vw,5.5rem);line-height:.98;letter-spacing:-.055em;max-width:1000px;margin:.55rem 0 1.3rem}.hero h1 span{color:var(--cyan)}.lead{font-size:clamp(1.08rem,2vw,1.35rem);max-width:780px;color:#c4d4e5}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.micro-proof{display:flex;gap:28px;flex-wrap:wrap;padding-top:42px;color:var(--muted);font-size:.9rem}.micro-proof span:before{content:"✓";color:var(--green);margin-right:8px;font-weight:900}.section{padding:86px 0}.section.light{background:var(--paper);color:var(--dark-text)}.section.soft{background:var(--paper-2);color:var(--dark-text)}.section-head{display:grid;grid-template-columns:.7fr 1.3fr;gap:40px;margin-bottom:42px;align-items:end}.section-head h2{font-size:clamp(2rem,4vw,3.5rem);line-height:1.03;letter-spacing:-.045em;margin:.5rem 0}.section-head p{margin:0;color:#52657c;max-width:650px}.grid{display:grid;gap:18px}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{border:1px solid var(--line);background:var(--ink-2);border-radius:var(--radius);padding:26px}.light .card,.soft .card{background:#fff;border-color:#d8e4eb}.card h3{font-size:1.25rem;line-height:1.25;margin:.4rem 0 .65rem}.card p{color:var(--muted);margin:0}.light .card p,.soft .card p{color:#566a80}.card-link{display:block;text-decoration:none;transition:.2s transform,.2s border-color}.card-link:hover,.card-link:focus{transform:translateY(-3px);border-color:var(--cyan)}.icon{width:42px;height:42px;border-radius:12px;background:rgba(39,211,255,.1);border:1px solid rgba(39,211,255,.25);display:grid;place-items:center;color:var(--cyan);font-weight:900}.number{font-size:.78rem;color:var(--blue);font-weight:900;letter-spacing:.12em}.process{counter-reset:process}.process .card{position:relative;padding-top:52px}.process .card:before{counter-increment:process;content:"0" counter(process);position:absolute;top:20px;left:25px;color:var(--cyan);font-weight:900;font-size:.77rem;letter-spacing:.12em}.band{border-block:1px solid var(--line);background:linear-gradient(90deg,rgba(39,211,255,.08),rgba(76,125,255,.05))}.band-inner{display:grid;grid-template-columns:1.35fr .65fr;gap:45px;align-items:center;padding:54px 0}.band h2{font-size:clamp(2rem,4vw,3.4rem);line-height:1.04;letter-spacing:-.045em;margin:0}.page-hero{padding:82px 0 58px;border-bottom:1px solid var(--line);background:linear-gradient(145deg,#07111f,#0c1c33)}.page-hero h1{font-size:clamp(2.5rem,5vw,4.6rem)}.breadcrumbs{font-size:.82rem;color:var(--muted);margin-bottom:20px}.breadcrumbs a{text-decoration:none}.breadcrumbs a:hover{color:var(--cyan)}.split{display:grid;grid-template-columns:1.3fr .7fr;gap:52px;align-items:start}.prose{max-width:820px}.prose h2{font-size:clamp(1.8rem,3.5vw,2.8rem);line-height:1.1;letter-spacing:-.035em;margin:2.3rem 0 .8rem}.prose h3{font-size:1.3rem;margin:1.8rem 0 .5rem}.prose p,.prose li{color:#c4d4e5}.light .prose p,.light .prose li{color:#40566d}.checklist{list-style:none;padding:0}.checklist li{padding:.55rem 0 .55rem 1.75rem;position:relative}.checklist li:before{content:"✓";position:absolute;left:0;color:var(--green);font-weight:900}.sidebar{position:sticky;top:100px}.fact-box{border:1px solid var(--line);border-radius:var(--radius);padding:25px;background:var(--ink-2)}.fact-box h3{margin-top:0}.tag-row{display:flex;gap:8px;flex-wrap:wrap}.tag{border:1px solid var(--line);border-radius:999px;padding:.35rem .65rem;font-size:.77rem;color:var(--muted)}.faq details{border-top:1px solid var(--line);padding:18px 0}.faq summary{cursor:pointer;font-weight:750}.faq p{color:var(--muted)}.form-shell{background:#fff;color:var(--dark-text);border-radius:24px;padding:clamp(22px,5vw,48px);box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.field.full{grid-column:1/-1}.field label{display:block;font-weight:700;font-size:.88rem;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #bfccd7;border-radius:10px;background:#fff;color:#132238;padding:.82rem .9rem;font:inherit}.field textarea{min-height:150px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus{outline:3px solid rgba(39,211,255,.25);border-color:#1a8fb0}.consent{display:flex;gap:10px;align-items:flex-start;font-size:.88rem;color:#52657c}.consent input{margin-top:.3rem}.honeypot{position:absolute!important;left:-9999px!important}.notice{padding:12px 15px;border-radius:10px;background:#fff3cd;color:#654f00;margin-bottom:20px}.trust-note{font-size:.83rem;color:#6b7d90;margin-top:15px}.site-footer{border-top:1px solid var(--line);padding:58px 0 25px}.footer-grid{display:grid;grid-template-columns:1.3fr repeat(3,.7fr);gap:38px}.site-footer h3{font-size:.88rem;text-transform:uppercase;letter-spacing:.1em;color:var(--muted)}.site-footer ul{list-style:none;padding:0;margin:0}.site-footer li{margin:.48rem 0}.site-footer a{text-decoration:none;color:#c3d2e0;font-size:.92rem}.site-footer a:hover{color:var(--cyan)}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid var(--line);margin-top:40px;padding-top:22px;color:var(--muted);font-size:.82rem}.empty-state{border:1px dashed var(--line);border-radius:var(--radius);padding:35px;color:var(--muted)}.reviewed{font-size:.78rem;color:var(--muted);margin-top:30px}.theme-light body{background:#f7fafc;color:#14243a}.theme-light .site-header{background:rgba(247,250,252,.94)}.theme-light .brand,.theme-light .nav-links a,.theme-light .theme-toggle,.theme-light .menu-toggle{color:#132238}.theme-light .page-hero,.theme-light .hero{background:#f7fafc;color:#132238}.theme-light .lead,.theme-light .prose p,.theme-light .prose li{color:#52657c}.theme-light .card,.theme-light .fact-box{background:#fff;color:#132238;border-color:#d8e4eb}.theme-light .card p,.theme-light .faq p{color:#566a80}.theme-light .site-footer{background:#07111f;color:#fff}
@media(max-width:900px){.menu-toggle{display:block}.nav-links{position:absolute;display:none;left:20px;right:20px;top:68px;background:var(--ink-2);border:1px solid var(--line);border-radius:16px;padding:18px;flex-direction:column;align-items:stretch}.nav-links.open{display:flex}.nav-cta{margin-left:auto}.grid-4,.grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.section-head,.split,.band-inner,.footer-grid{grid-template-columns:1fr}.sidebar{position:static}.footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.wrap{width:min(calc(100% - 28px),var(--max))}.brand span:last-child{display:none}.nav-cta{display:none}.hero{padding:72px 0 60px}.section{padding:64px 0}.grid-4,.grid-3,.grid-2,.form-grid,.footer-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-head{gap:12px}.micro-proof{gap:12px;flex-direction:column}.footer-bottom{flex-direction:column}.page-hero{padding:60px 0 44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}

