/*
Theme Name: 3iTek Modern Minimalist
Version: 1.8
Requires PHP: 7.4
Description: GoDaddy-compatible native WordPress theme for 3iTek.
*/
:root{--blue:#087eb8;--green:#62a52b;--orange:#f47c20;--ink:#26333b}*{box-sizing:border-box}body{margin:0;color:var(--ink);font:16px/1.65 Arial,sans-serif}a{color:inherit;text-decoration:none}a:hover{color:var(--blue)}.wrap{max-width:1170px;margin:auto;padding:0 24px}.head{background:white;position:sticky;top:0;z-index:5;border-bottom:1px solid #e6ebee}.nav{display:flex;justify-content:space-between;align-items:center;min-height:86px}.brand img{width:160px;height:auto}.links{display:flex;gap:26px;align-items:center}.button{display:inline-block;padding:13px 22px;background:var(--blue);color:white;border-radius:4px;font-weight:bold}.button:hover{background:#075d89;color:white}.menu{display:none;background:white;border:0;font-size:26px}.hero,.section{padding:90px 0}.hero-grid,.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.hero h1{font-size:clamp(52px,6vw,88px);line-height:1.06;letter-spacing:-.06em;margin:20px 0}h1 em{font-style:normal;color:var(--blue)}h2{font-size:clamp(36px,4vw,58px);line-height:1.14;letter-spacing:-.04em;margin:15px 0 30px}h2 span{color:var(--blue)}.lead{font-size:21px;color:#687984}.eyebrow{font-size:12px;letter-spacing:.16em;color:var(--blue);font-weight:bold;text-transform:uppercase}.art{min-height:370px;background:radial-gradient(circle at 78% 26%,#087eb8 0 22%,transparent 23%),radial-gradient(circle at 22% 76%,#62a52b 0 16%,transparent 17%),radial-gradient(circle at 25% 22%,#f47c20 0 11%,transparent 12%),linear-gradient(135deg,#f4fafd,#d6ecf5);border-radius:6px}.pillars{border-top:1px solid #e5e9ed;padding-top:22px;margin-top:65px;font-size:12px;letter-spacing:.13em;font-weight:bold}.pillars b{color:var(--orange);margin:0 12px}.pale{background:#f6f8f9}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.card{border:1px solid #dfe6ea;background:white;padding:27px;min-height:220px;display:flex;flex-direction:column;justify-content:space-between}.card:hover{border-color:var(--blue)}.card h3{font-size:23px;line-height:1.25}.card p,.muted{color:#687984}.card small{color:var(--blue)}.step{padding:24px 0;border-bottom:1px solid #e1e6e9}.step small{color:var(--orange);margin-right:25px}.step strong{font-size:24px}.dark{background:#142d3d;color:white;padding:65px}.dark p{color:#bed0da}.contact{background:#edf6fa;padding:85px 0}.footer{padding:40px 0;border-top:1px solid #e4e9ec}.footer img{width:140px}.logos{overflow:hidden;border-top:1px solid #e5ebef;border-bottom:1px solid #e5ebef;padding:30px 0}.logos h3{text-align:center;color:var(--blue);font-size:12px;letter-spacing:.15em}.marquee{display:flex;gap:55px;width:max-content;animation:slide 40s linear infinite}.logos:hover .marquee{animation-play-state:paused}.customer{height:66px;min-width:155px;display:flex;align-items:center;justify-content:center;font-size:18px;font-weight:bold;color:#526575}.customer img{max-width:165px;max-height:55px;object-fit:contain}@keyframes slide{to{transform:translateX(-50%)}}@media(prefers-reduced-motion:reduce){.marquee{animation:none;flex-wrap:wrap;width:auto;justify-content:center}}@media(max-width:850px){.hero-grid,.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.menu{display:block}.links{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:25px;flex-direction:column;border-bottom:1px solid #ddd}.links.open{display:flex}}@media(max-width:550px){.cards{grid-template-columns:1fr}.hero,.section{padding:65px 0}.art{min-height:240px}.dark{padding:30px}.pillars{line-height:2.4}}

.service-hero h1{font-size:clamp(46px,6vw,76px);letter-spacing:-.05em;line-height:1.08;margin:22px 0}.service-intro{max-width:740px;font-size:19px;margin-bottom:30px}.service-hero .lead{max-width:820px}.service-editor-content{max-width:900px}.service-editor-content a{color:var(--blue);text-decoration:underline}.service-editor-content img{max-width:100%;height:auto}.card h3{overflow-wrap:anywhere}

/* Expanded services content */
.service-hero h1{max-width:1000px}.service-intro{max-width:920px;line-height:1.8}.service-hero .lead{max-width:920px}.service-value{background:#f8fbfd}.service-value .lead{max-width:950px}.philosophy h3{margin:0 0 .3rem}.philosophy p{margin:0 0 1.5rem;color:#586575}.services-all{margin-top:2rem}.services-all a{font-weight:700;color:#087eb8}.card p{line-height:1.6}

/* Option 2 — Premium & Visual: 3iTek expertise section */
.expertise-section{position:relative;isolation:isolate;overflow:hidden;padding:90px 0 86px;background:linear-gradient(125deg,#f7fbff 0%,#eaf5ff 55%,#e3f1fb 100%)}
.expertise-section::before,.expertise-section::after{content:"";position:absolute;pointer-events:none;z-index:-1;border-radius:50%;border:1px solid rgba(8,126,184,.10)}
.expertise-section::before{width:950px;height:460px;right:-360px;top:-280px;transform:rotate(-25deg);box-shadow:0 0 0 70px rgba(255,255,255,.18),0 0 0 140px rgba(8,126,184,.025)}
.expertise-section::after{width:650px;height:300px;left:-400px;bottom:-180px;transform:rotate(15deg);box-shadow:0 0 0 65px rgba(255,255,255,.20)}
.expertise-wrap{position:relative}.expertise-section .eyebrow{color:#087eb8;margin-bottom:12px}
.expertise-section h2,.expertise-section h1{font-size:clamp(32px,3.65vw,52px);line-height:1.13;letter-spacing:-.045em;color:#142a44;max-width:1100px;margin:0 0 15px;font-weight:750}
.expertise-section h2 span,.expertise-section h1 span{color:#087eb8}
.expertise-intro{font-size:clamp(17px,1.65vw,21px);line-height:1.55;color:#475c70;max-width:990px;margin:0 0 34px}
.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.expertise-card{--accent:#087eb8;display:flex;align-items:center;gap:17px;min-width:0;min-height:145px;padding:23px 20px 23px 24px;border-radius:14px;background:rgba(255,255,255,.96);border:1px solid rgba(16,58,93,.07);border-left:5px solid var(--accent);box-shadow:0 8px 26px rgba(25,69,108,.09);transition:transform .2s ease,box-shadow .2s ease;color:#142a44}
.expertise-card--1{--accent:#62a52b}.expertise-card--2{--accent:#f47c20}
.expertise-card:hover,.expertise-card:focus-visible{transform:translateY(-4px);box-shadow:0 14px 34px rgba(25,69,108,.16);color:#142a44}
.expertise-card:focus-visible{outline:3px solid #087eb8;outline-offset:3px}
.expertise-icon{display:grid;place-items:center;flex:0 0 64px;width:64px;height:64px;border-radius:50%;background:#e9f4ff;color:#087eb8}
.expertise-card-copy{display:flex;flex:1;min-width:0;flex-direction:column;gap:6px}.expertise-card-copy strong{font-size:18px;line-height:1.28}.expertise-card-copy>span{font-size:14px;line-height:1.5;color:#52667b}
.expertise-arrow{font-size:23px;color:var(--accent);line-height:1;align-self:center}
.expertise-section .services-all{margin:25px 0 0}.expertise-section .services-all a{color:#087eb8}
@media(max-width:1020px){.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:680px){.expertise-section{padding:62px 0}.expertise-grid{grid-template-columns:1fr;gap:13px}.expertise-card{min-height:120px;padding:18px 16px}.expertise-icon{flex-basis:56px;width:56px;height:56px}.expertise-intro{margin-bottom:25px}}
@media(prefers-reduced-motion:reduce){.expertise-card{transition:none}.expertise-card:hover{transform:none}}

/* 3iTek branded ribbons: image is decorative artwork only; hero text remains HTML. */
.hero .art-ribbons{min-height:0;background:transparent;border-radius:0;overflow:hidden;display:flex;align-items:center;justify-content:center}
.hero .art-ribbons img{display:block;width:100%;height:auto;object-fit:contain}
@media(max-width:850px){.hero .art-ribbons{max-width:680px;margin-inline:auto}}
@media(max-width:550px){.hero .art-ribbons{min-height:0}}

/* v1.5 — seamlessly blended ribbon artwork. All heading/CTA copy remains live HTML. */
.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(115deg,#fff 0%,#fff 39%,#f1faff 100%)}
.hero::after{content:"";position:absolute;inset:0 0 0 40%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 70% 50%,rgba(190,229,250,.38),transparent 70%)}
.hero>.wrap{position:relative;z-index:1}
.hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.03fr);gap:30px}
.hero .art-ribbons-blended{min-height:420px;width:calc(100% + 90px);margin-right:-90px;background-image:url('assets/hero-blended.webp');background-repeat:no-repeat;background-position:center right;background-size:contain;overflow:visible}
.hero .pillars{background:transparent}
@media(max-width:850px){.hero-grid{grid-template-columns:1fr}.hero .art-ribbons-blended{width:100%;margin:0;min-height:330px;background-position:center;background-size:contain}.hero{background:linear-gradient(180deg,#fff 0%,#f3faff 100%)}}
@media(max-width:550px){.hero .art-ribbons-blended{min-height:220px}.hero h1{font-size:clamp(46px,12vw,64px)}}

/* v1.6: full-bleed decorative layer with feathered transparency; no boxed image. */
.hero.hero-seamless{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(105deg,#fff 0%,#fff 38%,#f2faff 100%);min-height:650px}
.hero.hero-seamless::after{display:none}
.hero-seamless .hero-ribbon-background{position:absolute;z-index:-1;pointer-events:none;top:0;bottom:0;right:0;width:min(76vw,1350px);background:url('assets/hero-ribbons-seamless.webp') center right / cover no-repeat;opacity:.98}
.hero-seamless .hero-grid{display:block;max-width:720px}
.hero-seamless .hero-grid>div:first-child{max-width:660px}
.hero-seamless .hero-grid h1,.hero-seamless .hero-grid .lead,.hero-seamless .hero-grid .button{position:relative;z-index:2}
.hero-seamless .pillars{margin-top:85px;position:relative;z-index:2}
@media(max-width:1000px){.hero-seamless .hero-ribbon-background{width:82%;opacity:.35}.hero-seamless .hero-grid{max-width:690px}}
@media(max-width:650px){.hero.hero-seamless{min-height:0;padding:65px 0 45px;background:linear-gradient(180deg,#fff,#f0f9fe)}.hero-seamless .hero-ribbon-background{top:35%;width:100%;opacity:.23;background-size:cover}.hero-seamless .pillars{margin-top:65px}}


/* v1.7 — site-wide fluid responsive layout. No fixed desktop 1170px cap. */
:root{--site-gutter:clamp(20px,4vw,84px);--site-max:1840px}
html{overflow-x:clip}body{overflow-x:clip}img,video,iframe{max-width:100%}
.wrap{width:min(100%,var(--site-max));max-width:none;margin-inline:auto;padding-inline:var(--site-gutter)}
.nav{gap:clamp(18px,3vw,56px)}.links{gap:clamp(14px,1.8vw,32px)}
.hero.hero-seamless{min-height:clamp(560px,43vw,790px);padding-block:clamp(70px,6.5vw,130px) clamp(50px,5vw,90px);background:linear-gradient(90deg,#fff 0%,#fff 24%,#f4fbff 100%)}
.hero-seamless .hero-ribbon-background{width:min(78%,1530px);background-position:right center;background-size:cover;opacity:.90}
/* Keep contrast behind real text without creating a hard rectangular edge. */
.hero.hero-seamless::before{content:"";position:absolute;z-index:0;pointer-events:none;inset:0;background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.99) 23%,rgba(255,255,255,.84) 36%,rgba(255,255,255,.12) 59%,transparent 75%)}
.hero-seamless .hero-grid{max-width:clamp(540px,45vw,760px)}
.hero-seamless .hero-grid>div:first-child{max-width:100%}
.hero-seamless .hero-grid h1{font-size:clamp(52px,5.8vw,108px);line-height:1.07}
.hero-seamless .hero-grid .lead{max-width:650px;font-size:clamp(18px,1.45vw,25px)}
.hero-seamless .pillars{margin-top:clamp(65px,6vw,110px)}
.section{padding-block:clamp(64px,6vw,110px)}.expertise-section{padding-block:clamp(68px,6vw,110px)}
.expertise-section h1,.expertise-section h2{max-width:1450px;font-size:clamp(36px,3.3vw,66px)}
.expertise-intro{max-width:1150px}.expertise-grid{gap:clamp(16px,1.5vw,26px)}
.expertise-card{min-height:clamp(140px,10vw,180px);padding:clamp(20px,1.7vw,32px)}
.cards{gap:clamp(16px,1.6vw,28px)}.card{min-height:230px;padding:clamp(22px,2vw,36px)}
.split{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,110px)}
.service-hero h1{max-width:1400px;font-size:clamp(46px,5vw,90px)}
.service-intro,.service-hero .lead{max-width:1100px}.service-editor-content{max-width:1100px}
.dark{padding:clamp(40px,5vw,100px)}.contact{padding-block:clamp(65px,6vw,120px)}
@media(min-width:1850px){.hero-seamless .hero-ribbon-background{width:72%}}
@media(max-width:1100px){.hero.hero-seamless::before{background:linear-gradient(90deg,#fff 0%,rgba(255,255,255,.97) 34%,rgba(255,255,255,.55) 65%,transparent 100%)}.hero-seamless .hero-ribbon-background{width:85%;opacity:.62}.hero-seamless .hero-grid{max-width:650px}.expertise-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.hero.hero-seamless{min-height:0;padding-block:72px 60px}.hero-seamless .hero-ribbon-background{width:100%;opacity:.25}.hero.hero-seamless::before{background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,.65))}.hero-seamless .hero-grid{max-width:100%}.split{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.links{gap:18px}}
@media(max-width:600px){:root{--site-gutter:20px}.hero.hero-seamless{padding-block:56px 42px}.hero-seamless .hero-grid h1{font-size:clamp(46px,12vw,70px)}.hero-seamless .pillars{margin-top:55px}.hero-seamless .hero-ribbon-background{top:15%;opacity:.17}.expertise-grid,.cards{grid-template-columns:1fr}.expertise-card{min-height:120px}.section,.expertise-section{padding-block:56px}.lead{font-size:18px}.pillars{font-size:10px;letter-spacing:.07em}}

/* v1.9: case studies */
.case-hero{padding:clamp(65px,6vw,105px) 0 0;background:linear-gradient(120deg,#071e38,#10527c);color:white}.case-hero .eyebrow{color:#9bddff;margin-top:35px}.case-hero h1{font-size:clamp(42px,5vw,82px);max-width:1100px;line-height:1.1}.case-hero .lead{color:#d5e7f5;max-width:900px}.case-hero a{color:#c5e8ff}.case-meta{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:28px;margin-top:60px;background:white;color:#233848;border-radius:15px 15px 0 0}.case-meta div{display:grid;gap:8px}.case-meta small{color:#087eb8;font-weight:700;letter-spacing:.1em}.case-grid,.case-cols,.case-outcomes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}.case-grid{margin-top:45px}.case-card{padding:clamp(25px,3vw,48px);background:linear-gradient(145deg,#fff,#f2faff);border:1px solid #d7e5ef;border-radius:18px;display:flex;flex-direction:column;gap:14px;color:#213a4b;text-decoration:none;transition:transform .2s,box-shadow .2s}.case-card:hover{transform:translateY(-4px);box-shadow:0 15px 40px #163f541c}.case-card small,.case-card strong{color:#087eb8}.case-card h2{font-size:clamp(24px,2.2vw,36px);line-height:1.2;margin:0}.case-card p{color:#617280}.case-draft{color:#8d5a11;font-size:12px}.case-panel{border:1px solid #d8e6ef;border-top:5px solid #087eb8;border-radius:16px;padding:clamp(25px,3vw,45px)}.case-panel.challenge{border-top-color:#f47c20}.case-panel h2{font-size:clamp(27px,2.5vw,42px)}.case-panel li{margin-bottom:16px;line-height:1.7}.case-panel li::marker{color:#087eb8}.case-flow{display:grid;grid-template-columns:1fr 35px 1.2fr 35px 1fr;align-items:center;gap:12px;margin-top:34px}.case-flow>div{padding:22px;border:1px solid #b9d8ea;border-radius:14px;background:white;display:flex;flex-direction:column;gap:12px}.case-flow .case-flow-center{background:#e5f5ff;border-color:#76bce6}.case-flow span{background:#f4f9fc;padding:12px;border-radius:6px;font-size:14px}.case-flow strong{color:#0b4972}.case-flow>b{font-size:30px;color:#087eb8;text-align:center}.case-outcomes{margin-top:30px}.case-outcomes article{padding:25px;border:1px solid #cde8db;border-radius:14px;background:#f4fbf7;line-height:1.6}.case-outcomes article span{color:#2b9d66;font-weight:700;margin-right:14px}.case-warning{padding:17px 20px;background:#fff7e9;border-left:4px solid #f47c20;margin-top:22px}.case-note{color:#647783}@media(max-width:850px){.case-grid,.case-cols,.case-outcomes,.case-meta{grid-template-columns:1fr}.case-flow{grid-template-columns:1fr}.case-flow>b{transform:rotate(90deg)}.case-hero{padding-top:55px}}