/*
Theme Name: DECH Digital
Theme URI: https://dech.digital/
Author: DECH Digital Ltd
Description: Clean bespoke WordPress theme for DECH Digital, focused on website design, web applications, SaaS development and managed hosting.
Version: 1.2.0
Requires at least: 6.2
Tested up to: 6.8
Requires PHP: 8.0
Text Domain: dech-digital
*/
:root{--navy:#03143d;--navy2:#09265e;--blue:#1268ed;--blue2:#3385f5;--ink:#071838;--muted:#63708a;--pale:#f4f7fb;--line:#e3e9f2;--white:#fff;--radius:22px;--max:1220px;--shadow:0 22px 60px rgba(6,31,74,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto}.container{width:min(calc(100% - 40px),var(--max));margin:auto}.site-main{overflow:hidden}p{margin:0 0 20px;color:var(--muted)}h1,h2,h3{line-height:1.08;margin:0 0 18px;letter-spacing:-.035em;color:var(--navy)}h1{font-size:clamp(3rem,6.8vw,6.1rem);font-weight:750}h2{font-size:clamp(2.2rem,4.6vw,4rem)}h3{font-size:1.45rem}.lead{font-size:clamp(1.08rem,2vw,1.28rem);max-width:720px}.eyebrow{display:flex;align-items:center;gap:12px;color:var(--blue);font-size:.73rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase;margin-bottom:20px}.eyebrow:before{content:"";width:32px;height:2px;background:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:13px 22px;border-radius:10px;border:1px solid transparent;font-weight:750;transition:.2s}.btn-primary{background:var(--navy);color:#fff;box-shadow:0 9px 22px rgba(3,20,61,.15)}.btn-primary:hover{background:var(--blue);transform:translateY(-2px)}.btn-outline{border-color:#cad4e3;color:var(--navy);background:#fff}.btn-outline:hover{border-color:var(--blue);color:var(--blue)}.text-link,.card-link{color:var(--blue);font-weight:750}
.site-header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.94);backdrop-filter:blur(15px);border-bottom:1px solid rgba(3,20,61,.08)}.header-inner{min-height:92px;display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center}.brand img{display:block;width:auto;max-height:62px}.custom-logo{max-height:62px!important;width:auto!important}.main-nav{margin-left:auto}.main-nav ul{display:flex;align-items:center;gap:27px;list-style:none;padding:0;margin:0}.main-nav a{font-size:.91rem;font-weight:700;color:#263754}.main-nav a:hover,.main-nav .current-menu-item>a{color:var(--blue)}.header-cta{white-space:nowrap}.menu-toggle{display:none;margin-left:auto;border:1px solid var(--line);background:#fff;color:var(--navy);border-radius:9px;padding:10px 13px;font-weight:700}
.hero{position:relative;padding:115px 0 120px;background:linear-gradient(180deg,#fff 0%,#f9fbfe 100%);border-bottom:1px solid var(--line)}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-230px;top:-230px;background:radial-gradient(circle,rgba(18,104,237,.10),rgba(18,104,237,0) 68%)}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.06fr .94fr;gap:80px;align-items:center}.hero-copy h1{max-width:760px}.hero-copy h1:after{content:"";display:block;width:90px;height:5px;margin-top:28px;background:var(--blue);border-radius:4px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-visual{padding:55px 45px 42px;border-radius:30px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;position:relative}.hero-visual:before{content:"";position:absolute;inset:12px;border:1px solid #eef2f7;border-radius:22px;pointer-events:none}.hero-visual img{position:relative;width:100%;max-width:540px}.hero-line{height:1px;background:linear-gradient(90deg,transparent,#b9c4d3,transparent);margin:25px 4% 17px}.hero-visual p{margin:0;font-size:.68rem;font-weight:800;letter-spacing:.22em;color:#69758a}.hero-visual p span{color:var(--blue);padding:0 6px}
.section{padding:105px 0}.intro{background:#fff}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:48px}.section-head>div{max-width:760px}.section-head>p{max-width:440px;margin-bottom:5px}.solution-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.solution-card{position:relative;padding:38px 28px 42px;border-right:1px solid var(--line);transition:.25s;background:#fff}.solution-card:first-child{border-left:1px solid var(--line)}.solution-card:hover{background:var(--pale);transform:translateY(-5px);box-shadow:0 16px 35px rgba(3,20,61,.06)}.number{position:absolute;right:22px;top:18px;font-size:.75rem;font-weight:800;color:#aab5c5}.solution-icon{width:48px;height:48px;border:1px solid #d7e2f1;border-radius:12px;display:grid;place-items:center;color:var(--blue);font-size:1.35rem;margin-bottom:48px;background:#fff}.solution-card p{min-height:112px}.proof{background:var(--pale)}.proof-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px;align-items:center}.app-window{background:#fff;border:1px solid #dfe6ef;border-radius:20px;box-shadow:var(--shadow);overflow:hidden}.window-top{height:50px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:7px;padding:0 17px}.window-top i{width:8px;height:8px;border-radius:50%;background:#d5dce6}.window-top span{margin-left:auto;font-size:.62rem;font-weight:800;letter-spacing:.14em;color:#9aa7ba}.app-content{display:grid;grid-template-columns:23% 77%;height:360px}.app-sidebar{background:var(--navy)}.app-main{padding:25px}.app-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.app-stat-row b{height:62px;background:#f2f5f9;border:1px solid #e8edf3;border-radius:9px}.app-chart{height:130px;margin:18px 0;background:linear-gradient(180deg,rgba(18,104,237,.12),rgba(18,104,237,.015));border-bottom:2px solid var(--blue);clip-path:polygon(0 65%,15% 42%,30% 55%,48% 20%,64% 40%,80% 13%,100% 32%,100% 100%,0 100%)}.app-lines{display:grid;gap:10px}.app-lines i{height:9px;border-radius:5px;background:#eef2f7}.app-lines i:nth-child(2){width:80%}.app-lines i:nth-child(3){width:91%}.app-lines i:nth-child(4){width:65%}.process-section{background:#fff}.process{display:grid;grid-template-columns:repeat(4,1fr);counter-reset:steps;border-top:1px solid var(--line)}.process-item{padding:34px 30px 15px 0;counter-increment:steps}.process-item:before{content:"0" counter(steps);display:block;color:var(--blue);font-weight:850;font-size:.8rem;letter-spacing:.08em;margin-bottom:26px}.cta-band{padding:58px 62px;border-radius:25px;background:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative;overflow:hidden}.cta-band:after{content:"";position:absolute;width:330px;height:330px;border-radius:50%;right:-100px;top:-190px;border:70px solid rgba(18,104,237,.2)}.cta-band h2,.cta-band p{color:#fff}.cta-band p{opacity:.7}.cta-band .eyebrow{color:#69a7ff}.cta-band .btn{background:#fff;color:var(--navy);position:relative;z-index:2;white-space:nowrap}
.page-hero{padding:90px 0 65px;background:var(--pale);border-bottom:1px solid var(--line)}.content-wrap{padding:75px 0}.entry-content{max-width:860px}.entry-content h2,.entry-content h3{margin-top:38px}.entry-content a{color:var(--blue)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{padding:30px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 12px 35px rgba(3,20,61,.04)}.price{font-size:2.2rem;font-weight:850;color:var(--navy)}.price small{font-size:.9rem;color:var(--muted);font-weight:500}.contact-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:45px}.form-shell{padding:32px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow)}input,textarea,select{width:100%;background:#fff;border:1px solid #ccd6e3;color:var(--ink);border-radius:10px;padding:13px 14px}
.site-footer{padding:68px 0 25px;background:#f7f9fc;border-top:1px solid var(--line)}.footer-grid{display:grid;grid-template-columns:1.4fr .75fr .75fr;gap:65px}.footer-brand img{max-height:70px;margin-bottom:22px}.footer-grid>div:first-child p{max-width:480px}.footer-title{font-weight:800;color:var(--navy);margin-bottom:17px}.footer-nav ul{list-style:none;padding:0;margin:0}.footer-nav li{margin:8px 0}.footer-nav a{color:var(--muted)}.footer-nav a:hover{color:var(--blue)}.footer-bottom{margin-top:48px;padding-top:21px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#8792a4;font-size:.83rem}
@media(max-width:980px){.hero-grid,.proof-grid,.contact-grid{grid-template-columns:1fr}.hero-visual{max-width:650px}.solution-grid{grid-template-columns:1fr 1fr}.solution-card:nth-child(3){border-left:1px solid var(--line)}.process{grid-template-columns:1fr 1fr}.header-cta{display:none}.menu-toggle{display:block}.main-nav{position:absolute;left:20px;right:20px;top:82px;background:#fff;border:1px solid var(--line);border-radius:15px;padding:18px;display:none;box-shadow:var(--shadow)}.main-nav.is-open{display:block}.main-nav ul{display:block}.main-nav li{padding:8px 0}}
@media(max-width:650px){.container{width:min(calc(100% - 28px),var(--max))}.header-inner{min-height:78px}.brand img,.custom-logo{max-height:50px!important}.hero{padding:78px 0}.hero-grid{gap:45px}.hero-visual{padding:35px 25px}.section{padding:72px 0}.section-head,.cta-band,.footer-bottom{display:block}.solution-grid,.process,.footer-grid{grid-template-columns:1fr}.solution-card,.solution-card:nth-child(3){border-left:1px solid var(--line)}.solution-card p{min-height:0}.cta-band{padding:38px 28px}.cta-band .btn{margin-top:15px}.app-content{height:270px}.footer-grid{gap:35px}}

/* DECH Digital v1.2 — minimal one-page layout */
body.home { background:#fff; color:#06163b; }
body.home .site-main { min-height:0; }
.dech-minimal { background:#fff; }
.dech-minimal-inner { width:min(1180px, calc(100% - 48px)); margin:0 auto; }
.dech-logo-stage { min-height:68vh; display:flex; align-items:center; justify-content:center; padding:70px 0 45px; }
.dech-hero-logo { display:block; width:min(900px, 88vw); max-height:390px; object-fit:contain; }
.dech-contact { border-top:1px solid #e7ebf2; display:grid; grid-template-columns:.85fr 1.15fr; gap:90px; padding:90px 0 110px; align-items:start; }
.dech-contact-heading span { display:block; color:var(--dech-blue,#176df3); font-size:.76rem; font-weight:800; letter-spacing:.22em; margin-bottom:18px; }
.dech-contact-heading h1 { color:#06163b; font-size:clamp(2rem,4vw,3.7rem); line-height:1.05; letter-spacing:-.045em; margin:0 0 22px; max-width:520px; }
.dech-contact-heading p { color:#68748a; font-size:1.08rem; line-height:1.75; max-width:480px; }
.dech-form-wrap input:not([type=submit]), .dech-form-wrap textarea, .dech-form-wrap select { width:100%; box-sizing:border-box; border:1px solid #dbe1ea; background:#fff; color:#06163b; border-radius:4px; padding:15px 16px; font:inherit; outline:none; transition:.2s ease; }
.dech-form-wrap textarea { min-height:145px; resize:vertical; }
.dech-form-wrap input:focus, .dech-form-wrap textarea:focus, .dech-form-wrap select:focus { border-color:var(--dech-blue,#176df3); box-shadow:0 0 0 3px rgba(23,109,243,.08); }
.dech-form-wrap input[type=submit], .dech-form-wrap button[type=submit] { appearance:none; border:0; background:#06163b; color:#fff; padding:15px 28px; border-radius:4px; font:inherit; font-weight:700; cursor:pointer; transition:.2s ease; }
.dech-form-wrap input[type=submit]:hover, .dech-form-wrap button[type=submit]:hover { background:var(--dech-blue,#176df3); transform:translateY(-1px); }
.dech-form-wrap label { color:#06163b; font-weight:650; font-size:.92rem; }
.dech-form-wrap p { margin:0 0 18px; }
.dech-form-placeholder { border:1px dashed #cbd3df; padding:28px; color:#68748a; background:#fafbfc; line-height:1.65; }
.site-footer { background:#06163b; color:rgba(255,255,255,.72); padding:27px 0; font-size:.88rem; }
.footer-simple { display:flex; justify-content:space-between; align-items:center; gap:25px; }
.footer-contact { display:flex; gap:24px; }
.footer-contact a { color:#fff; text-decoration:none; }
.footer-contact a:hover { color:#72a9ff; }
@media(max-width:760px){
 .dech-minimal-inner{width:min(100% - 32px,1180px)}
 .dech-logo-stage{min-height:52vh;padding:45px 0 30px}
 .dech-hero-logo{width:94vw}
 .dech-contact{grid-template-columns:1fr;gap:42px;padding:65px 0 75px}
 .footer-simple{align-items:flex-start;flex-direction:column;gap:12px}
 .footer-contact{flex-direction:column;gap:6px}
}