/*
Theme Name: ITTEK Modern
Author: ITTEK
Description: A bespoke, lightweight technology website for ITTEK. Existing page content and forms are preserved. Business contact details are editable in the Customizer.
Version: 1.0.1
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: ittek-modern
*/
:root{--navy:#07101e;--panel:#0d1a2c;--blue:#2584ff;--cyan:#68dbff;--ink:#11223b;--muted:#516078;--line:#dce4ef;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--navy);color:#eaf0fa;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #2584ff;outline-offset:5px}svg{flex-shrink:0}p{margin:0 0 24px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;font-weight:650}h1{font-size:clamp(44px,5.7vw,78px)}h2{font-size:clamp(34px,4vw,54px)}h3{font-size:23px;letter-spacing:-.025em}h1 span,.approach h2 span{color:var(--cyan)}.container{width:min(1180px,calc(100% - 80px));margin:0 auto}.skip-link{position:absolute;top:-80px;left:20px;background:#fff;color:#07101e;padding:12px;z-index:1000}.skip-link:focus{top:12px}.site-header{position:sticky;top:0;z-index:100;background:rgba(7,16,30,.96);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff12}.admin-bar .site-header{top:32px}.nav-wrap{display:flex;align-items:center;justify-content:space-between;min-height:86px}.brand{display:inline-flex;align-items:center;color:#fff;font-weight:800;font-size:31px;letter-spacing:-1.4px;line-height:1}.brand-dot{color:var(--cyan)}.brand-mark{display:flex;gap:3px;align-items:center;height:33px;margin-right:11px;transform:skew(-18deg)}.brand-mark i{width:6px;background:var(--cyan);height:20px}.brand-mark i:nth-child(2){height:32px;background:#2584ff}.brand-mark i:nth-child(3){height:25px}.nav-wrap nav{display:flex;align-items:center;gap:34px}.nav-wrap nav>a:not(.button){font-size:14px;color:#bac5d8;padding:12px 0}.nav-wrap nav>a:hover,.nav-wrap nav>a[aria-current=page]{color:#fff}.nav-wrap nav>a[aria-current=page]{box-shadow:0 2px var(--cyan)}.menu-toggle{display:none}.button{display:inline-flex;gap:28px;align-items:center;justify-content:center;background:#267bfa;color:#fff;border:1px solid #378dff;border-radius:6px;padding:16px 23px;font-size:14px;font-weight:650;line-height:1.5;transition:background .2s,transform .2s;min-height:52px}.button:hover{background:#1267e7;transform:translateY(-2px)}.button.small{padding:11px 19px;min-height:45px}.button.ghost{background:transparent;border-color:#ffffff30;color:#eaf0fa}.button.ghost:hover{background:#ffffff0b}.button span{font-size:20px;line-height:1}.hero{position:relative;overflow:hidden;background:radial-gradient(ellipse at 83% 37%,#0b2d54 0,transparent 53%),var(--navy)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#90c7ff04 1px,transparent 1px),linear-gradient(90deg,#90c7ff04 1px,transparent 1px);background-size:64px 64px;pointer-events:none}.hero-layout{position:relative;display:grid;grid-template-columns:1.1fr 1fr;gap:24px;align-items:center;padding-top:85px;padding-bottom:76px}.eyebrow{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:11px;font-weight:500;letter-spacing:1.9px;line-height:1.8;color:#87caff;margin-bottom:24px}.hero .eyebrow{display:flex;align-items:center;gap:11px;font-size:10px}.status-dot{width:6px;height:6px;border-radius:50%;display:inline-block;background:#63d8f5;box-shadow:0 0 15px #53cfff;flex-shrink:0}.hero h1{font-size:clamp(43px,5.6vw,76px);line-height:1.035;letter-spacing:-.057em;margin-bottom:26px}.hero-description{color:#aabbd2;font-size:17px;max-width:470px;line-height:1.75}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.actions .button{padding:15px 18px;gap:20px}.hero-note{font-size:11px;color:#8fa4bd;display:flex;gap:12px;align-items:center;margin-top:29px}.note-line{width:25px;height:1px;background:#5089af}.hero-strip{position:relative;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff15;padding:25px 0;font-family:ui-monospace,monospace;font-size:11px;letter-spacing:2px;color:#91a6c0}.tech-visual{position:relative;height:490px;min-width:0}.visual-label{position:absolute;top:0;left:14px;right:0;display:flex;justify-content:space-between;font:10px ui-monospace,monospace;letter-spacing:2px;color:#6d92b6}.visual-label span{color:#54d1ff;font-size:22px}.tech-grid{position:absolute;inset:80px -50px 10px;background-image:linear-gradient(#3185b726 1px,transparent 1px),linear-gradient(90deg,#3185b726 1px,transparent 1px);background-size:40px 40px;transform:perspective(500px) rotateX(60deg) rotateZ(-26deg);mask-image:radial-gradient(ellipse,black,transparent 72%)}.orbital{position:absolute;left:3%;top:10%;width:95%;height:85%;border:1px solid #338bca22;border-radius:50%;transform:rotate(-30deg) scaleY(.7)}.orbit-two{transform:rotate(38deg) scaleY(.65);border-style:dashed}.rack{position:absolute;top:75px;left:25%;width:245px;transform:perspective(1000px) rotateY(-17deg) rotateX(10deg) rotateZ(-5deg);border:1px solid #4976a1;border-radius:15px;background:linear-gradient(120deg,#173453,#081221);padding:15px;box-shadow:18px 18px 0 #050e1c,19px 18px 0 #294665,0 35px 100px #0879ff33;animation:float 7s ease-in-out infinite}.rack-top{display:flex;align-items:center;justify-content:space-between;padding:13px 3px 24px}.rack-brand{font-size:27px;font-weight:800;letter-spacing:-1px;color:#eaf4ff}.rack-brand span{color:#55cefa}.rack-chip{border:1px solid #456082;padding:4px 7px;font:8px ui-monospace,monospace;color:#91aecd}.rack-unit{display:flex;align-items:center;gap:12px;height:46px;margin:8px 0;background:linear-gradient(110deg,#152c45,#0a1727);border:1px solid #355775;border-radius:4px;box-shadow:0 3px 8px #0005;padding:11px}.rack-unit b{font:9px ui-monospace,monospace;color:#618bad}.rack-vents{display:flex;gap:5px;margin-right:auto}.rack-vents i{height:18px;width:4px;background:#040b16;border-radius:1px}.rack-led{width:5px;height:5px;border-radius:50%;background:#68e7ff;box-shadow:0 0 10px #68e7ff}.rack-bottom{font:7px ui-monospace,monospace;letter-spacing:1px;color:#7d9dbe;text-align:center;padding:16px 0 4px}.float-chip{position:absolute;display:flex;align-items:center;gap:12px;padding:14px 17px;background:linear-gradient(130deg,#182c43f5,#0a192df5);border:1px solid #3e668870;border-radius:8px;box-shadow:0 14px 30px #0005;z-index:2}.float-chip svg{color:#69d9ff;width:23px;height:23px}.float-chip span{font-size:10px;color:#8caac8;line-height:1.8}.float-chip b{font-size:12px;font-weight:500;color:#e5f2ff}.chip-one{top:70px;left:1%}.chip-two{top:224px;right:-5px}.chip-three{bottom:49px;left:3%}.visual-caption{position:absolute;bottom:0;left:20%;display:flex;gap:10px;align-items:center;font:8px ui-monospace,monospace;letter-spacing:1.2px;color:#7497b9}.section{padding:100px 0}.light{background:#f7f9fc;color:var(--ink)}.light .eyebrow{color:#2566ae}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:50px;margin-bottom:50px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;color:var(--muted);font-size:16px;margin-bottom:5px}.services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.service-card{background:#fff;border:1px solid var(--line);border-radius:10px;padding:32px;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;scroll-margin-top:110px}.service-card:hover{transform:translateY(-5px);box-shadow:0 12px 35px #1935580c;border-color:#a6c8f3}.icon{width:45px;height:45px;display:flex;align-items:center;justify-content:center;color:#236bd1;background:#edf4ff;border:1px solid #d9e8fd;border-radius:8px;margin-bottom:30px}.service-card h3{font-size:21px;letter-spacing:-.035em;margin-bottom:14px}.service-card p{font-size:14px;line-height:1.8;color:var(--muted);margin-bottom:28px}.text-link{font-size:13px;font-weight:650;display:inline-flex;align-items:center;gap:18px}.service-card .text-link{margin-top:auto;color:#1b5bb4}.text-link span{font-size:19px}.section-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;margin-top:32px}.section-bottom p{font-size:13px;color:var(--muted);margin:0}.section-bottom .text-link{color:#1b5bb4}.approach{background:#0a1525}.approach-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.approach-grid>div>p:not(.eyebrow){max-width:460px;color:#a6b7cd;font-size:16px;margin-bottom:30px}.steps article{display:flex;gap:25px;padding:28px 0;border-bottom:1px solid #ffffff16}.steps article:first-child{padding-top:0}.steps article>span{font:13px ui-monospace,monospace;color:#56b6fb;padding-top:4px}.steps h3{font-size:23px;letter-spacing:-.03em;margin-bottom:12px}.steps p{font-size:14px;line-height:1.8;color:#9fb1c8;margin-bottom:0}.cta-section{padding:72px 0;background:#f7f9fc}.cta-panel{background:radial-gradient(ellipse at 80% 0%,#173f70,transparent 65%),#0a1a30;border:1px solid #25415f;border-radius:14px;padding:60px;display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;overflow:hidden}.cta-panel h2{font-size:44px;color:#fff}.cta-panel p:not(.eyebrow){color:#acbdd2;font-size:15px;margin:0}.cta-panel .button{flex-shrink:0}.footer{background:#07101e;padding-top:65px;color:#a7b8ce}.footer-top{display:grid;grid-template-columns:2fr 1fr 1.3fr;gap:70px;padding-bottom:50px}.footer .brand{margin-bottom:24px}.footer p{font-size:13px;line-height:1.9}.footer-top>div>a:not(.brand){display:block;font-size:14px;margin-bottom:10px}.footer .eyebrow{display:block;font-size:10px;color:#6e8cad;margin-bottom:20px}.footer a:hover{color:#fff}.footer-bottom{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff12;padding:23px 0;font-size:11px;color:#7d93ae}.page-hero{padding:90px 0 80px;background:radial-gradient(ellipse at 85% 0%,#143156,transparent 60%),#07101e}.page-hero h1{font-size:clamp(45px,5.5vw,72px)}.page-hero p:not(.eyebrow){max-width:600px;font-size:18px;color:#a9bdd5;margin:0}.editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.prose{max-width:800px}.prose p{font-size:17px;color:var(--muted);line-height:1.85}.values-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:35px;margin-top:60px}.values-grid article{padding-top:28px;border-top:1px solid #c6d6e9}.values-grid span{font:11px ui-monospace,monospace;letter-spacing:1px;color:#2066b9}.values-grid h3{font-size:23px;margin-top:25px;margin-bottom:15px}.values-grid p{color:var(--muted);font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:85px}.contact-details{margin-top:40px}.contact-details>a,.contact-details>div{display:block;padding:22px 0;border-top:1px solid #d9e2ed}.contact-details span{display:block;font:10px ui-monospace,monospace;letter-spacing:1.5px;color:#516d8e;margin-bottom:7px}.contact-details strong{font-size:21px;font-weight:550}.contact-details a:hover{color:#1b65ca}.contact-form-panel{background:#fff;border:1px solid #dce4ef;padding:35px;border-radius:12px}.contact-form-panel h2{font-size:29px;margin-bottom:10px}.contact-form-panel>p{font-size:14px;color:#516078}.contact-form-panel .form-note{font-size:11px;line-height:1.7;margin-top:24px;margin-bottom:0;color:#58677e}.contact-form-panel div.wpforms-container-full{margin:20px 0 0}.contact-form-panel div.wpforms-container-full input,.contact-form-panel div.wpforms-container-full textarea{max-width:100%;background:#fbfcff;border:1px solid #bbcce0;border-radius:5px;color:#11223b}.contact-form-panel div.wpforms-container-full .wpforms-field-label{font-size:13px;color:#213a5a}.contact-form-panel div.wpforms-container-full button[type=submit]{background:#206eea;color:#fff;border-radius:5px;font-size:14px;min-height:48px}.contact-form-panel div.wpforms-container-full .wpforms-field-sublabel{color:#58677e}.contact-form-panel .wpforms-confirmation-container-full{background:#edf8f1;color:#17472c;border-color:#bbdec8}.menu-toggle{background:transparent;color:#fff;border:1px solid #ffffff30;border-radius:5px;padding:10px 14px;min-height:44px}.menu-toggle span{margin-left:12px}@keyframes float{0%,100%{translate:0 0}50%{translate:0 -9px}}@media(min-width:1500px){.hero-layout{padding-top:100px;padding-bottom:90px}.hero h1{font-size:80px}}@media(max-width:1050px){.container{width:calc(100% - 48px)}.hero-layout{gap:0}.hero h1{font-size:58px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px}.hero-description{max-width:390px;font-size:16px}.rack{left:21%;width:220px}.float-chip{padding:11px}.chip-two{right:-10px}.services-grid{gap:14px}.service-card{padding:25px}.approach-grid{gap:45px}.contact-grid{gap:40px}.nav-wrap nav{gap:24px}}@media(max-width:800px){.nav-wrap{min-height:74px}.menu-toggle{display:block}.nav-wrap nav{display:none;position:absolute;left:0;right:0;top:100%;padding:20px 24px;background:#0a1729;border-bottom:1px solid #284463;gap:12px;align-items:stretch}.nav-wrap nav.open{display:flex;flex-direction:column}.nav-wrap nav>a:not(.button){padding:10px;min-height:44px}.nav-wrap nav>a[aria-current=page]{box-shadow:none;color:#68dbff}.hero-layout{grid-template-columns:1fr;padding-top:60px;padding-bottom:35px}.hero-copy{max-width:620px}.hero h1{font-size:clamp(44px,8.5vw,67px)}.hero-description{max-width:500px;font-size:17px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}.tech-visual{width:min(100%,520px);height:460px;margin:40px auto 0}.rack{left:28%;width:235px;top:55px}.chip-one{top:60px;left:4%}.chip-two{right:0;top:210px}.chip-three{left:7%;bottom:42px}.visual-caption{left:24%}.hero-strip{font-size:9px;letter-spacing:1px;gap:14px;flex-wrap:wrap;justify-content:center}.services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.section{padding:70px 0}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:22px}.approach-grid,.editorial-grid{grid-template-columns:1fr;gap:48px}.approach-grid>div>p:not(.eyebrow){max-width:600px}.cta-panel{padding:40px;display:block}.cta-panel .button{margin-top:28px}.cta-panel h2{font-size:40px}.footer-top{gap:30px;grid-template-columns:1.5fr 1fr 1.3fr}.contact-grid{grid-template-columns:1fr;gap:45px}.contact-details{margin-top:25px}.page-hero{padding:65px 0}.values-grid{gap:20px}.values-grid h3{font-size:21px}}@media(max-width:520px){.container{width:calc(100% - 40px)}.brand{font-size:28px}.hero-layout{padding-top:44px}.hero h1{font-size:clamp(40px,10.6vw,55px)}.hero .eyebrow{font-size:8px;letter-spacing:1.05px;margin-bottom:22px}.hero-description{font-size:15px}.actions{gap:10px;margin-top:27px}.actions .button{font-size:12px;padding:13px 15px;gap:14px}.hero-note{font-size:10px}.tech-visual{height:410px;margin-top:35px}.rack{width:205px;left:23%;top:60px}.rack-unit{height:39px}.rack-top{padding-bottom:17px}.rack-brand{font-size:24px}.rack-bottom{font-size:6px}.float-chip{padding:10px;gap:8px}.float-chip svg{width:18px;height:18px}.float-chip span{font-size:9px}.float-chip b{font-size:10px}.chip-one{left:0;top:40px}.chip-two{right:-5px;top:185px}.chip-three{left:0;bottom:24px}.visual-label{font-size:8px;left:0}.visual-caption{font-size:6px;letter-spacing:.6px;left:29%;bottom:0}.services-grid,.values-grid{grid-template-columns:1fr}.service-card{padding:29px}.service-card p{font-size:15px}.service-card .icon{margin-bottom:25px}.section-heading{margin-bottom:32px}.section-bottom{align-items:flex-start;flex-direction:column;gap:18px}.section{padding:60px 0}.approach-grid{gap:42px}.steps article{gap:18px}.steps h3{font-size:22px}.cta-section{padding:40px 0}.cta-panel{padding:30px 24px}.cta-panel h2{font-size:35px}.cta-panel .eyebrow{font-size:8px;letter-spacing:1.2px}.footer-top{grid-template-columns:1fr 1fr;gap:30px}.footer-top>div:first-child{grid-column:1/-1}.footer-top>div>a:not(.brand){font-size:12px}.footer-bottom{flex-direction:column;gap:6px}.page-hero h1{font-size:43px}.page-hero p:not(.eyebrow){font-size:16px}.contact-form-panel{padding:25px 20px}.contact-details strong{font-size:20px}.values-grid{margin-top:35px}.admin-bar .site-header{top:46px}}@media(max-width:600px){.admin-bar .site-header{top:0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}