/*
Theme Name: yourIT.tech
Description: A responsive block theme for yourIT.tech, with an editable service homepage and the supplied brand logo.
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 7.4
Author: yourIT.tech
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: yourit-tech
*/
:root{--blue:#42b7ed;--muted:#b2b9c1;--line:#353a3f;--ink:#191919}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:#f7f9fa;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:17px;line-height:1.65}a{color:inherit;text-underline-offset:5px}a:focus-visible{outline:3px solid var(--blue);outline-offset:6px}p,h1,h2,h3,figure,ul{margin:0}p+p{margin-top:18px}h1,h2,h3{line-height:1.08;letter-spacing:-.045em;font-weight:650}h1{font-size:clamp(44px,5.1vw,72px)}h2{font-size:clamp(36px,4vw,53px)}h3{font-size:25px;letter-spacing:-.025em}p{color:var(--muted)}.wrap{width:min(1180px,calc(100% - 96px));margin-inline:auto!important}.site-header{display:flex;align-items:center;justify-content:space-between;padding:30px 0;border-bottom:1px solid var(--line);gap:24px}.brand{font-size:29px;line-height:1.1;font-weight:780;color:white;letter-spacing:-1.4px;white-space:nowrap}.brand a{text-decoration:none;color:white}.brand span{color:var(--blue)}.brand .brand-dot{color:#718290;font-weight:400;padding-left:10px}.navigation{display:flex;gap:34px;margin:0}.navigation a{font-size:14px;text-decoration:none;color:#dbe1e5}.navigation a:last-child{color:var(--blue)}.hero-grid{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;min-height:635px;padding-block:64px;gap:16px}.hero-copy{position:relative;z-index:1}.eyebrow{font-size:11px;font-weight:750;letter-spacing:2px;color:var(--blue);margin-bottom:22px}.hero-tagline{font-size:25px;color:white;margin-top:24px}.hero-description{max-width:510px;font-size:17px;margin-top:18px}.hero-visual{min-width:0}.logo-art{width:100%;margin:0}.logo-art img{width:100%;height:auto;display:block}.wp-block-buttons{display:flex;gap:14px;flex-wrap:wrap;margin-top:32px}.wp-block-button__link{display:inline-block;font-size:14px;font-weight:650;padding:15px 22px;border:1px solid transparent;border-radius:5px;text-decoration:none;line-height:1.5}.primary .wp-block-button__link{background:var(--blue);color:#0a2230}.secondary .wp-block-button__link{border-color:#52606b;color:white;background:transparent}.wp-block-button__link:hover{filter:brightness(1.12)}.service-strip{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:23px 0;gap:20px}.service-strip p{font-size:11px;letter-spacing:2px;color:#ccd2d8;margin:0}.services{padding-block:100px}.section-heading{max-width:700px;margin-bottom:48px}.section-intro{margin-top:24px;max-width:550px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}.service-card{position:relative;padding:34px 34px 38px 0;border-bottom:1px solid var(--line)}.service-card:nth-child(even){padding-left:34px;padding-right:0;border-left:1px solid var(--line)}.service-number{font-size:12px;letter-spacing:1px;color:var(--blue);margin-bottom:15px}.service-card h3{max-width:410px;font-size:26px}.service-description{margin-top:15px;font-size:15px}.service-card ul{padding-left:19px;margin-top:20px;color:#d8dde2;font-size:14px;line-height:1.65}.service-card li{padding:4px 0 4px 3px}.service-card li::marker{color:#42b7ed}.about{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding:70px 0 80px;border-block:1px solid var(--line)}.about-copy>p:last-child{margin-top:28px}.audience+.audience{margin-top:32px;padding-top:32px;border-top:1px solid var(--line)}.audience .eyebrow{margin-bottom:13px}.audience p:last-child{margin-top:17px;font-size:15px}.process{padding-block:90px}.steps-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px;margin-top:48px}.step-number{color:var(--blue);font-size:16px;margin-bottom:19px}.step h3{font-size:23px}.step p:last-child{font-size:15px;margin-top:18px}.contact{border-top:1px solid var(--line);padding:65px 0 80px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.contact-copy>p:last-child{margin-top:24px;max-width:400px}.contact-panel{background:#22282d;padding:36px;border:1px solid #374854;border-radius:8px}.contact-pending{color:#e3e9ed;margin-top:22px}.contact-hint{font-size:14px}.site-footer{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding-block:30px}.footer-tagline{font-size:13px;margin-top:9px}.footer-links{font-size:13px}.footer-links a{color:#b2b9c1}.standard-page{padding-block:70px;min-height:60vh}.standard-page h1{margin-bottom:35px}.standard-page p{margin-bottom:20px}.standard-page img{max-width:100%;height:auto}.wp-site-blocks>*,.site-main>*{margin-block-start:0}.wp-block-post-content{max-width:100%}
@media(min-width:1500px){.hero-grid{min-height:700px}.logo-art{transform:scale(1.08)}}
@media(max-width:850px){.wrap{width:calc(100% - 48px)}.hero-grid{min-height:auto;gap:0;padding-block:58px}.hero-grid{grid-template-columns:1.1fr .9fr}.hero-tagline{font-size:21px}.about,.contact{gap:35px}.steps-grid{gap:24px}.navigation{gap:22px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.site-header{padding-block:24px;flex-wrap:wrap;gap:22px}.brand{font-size:27px}.navigation{gap:22px;width:100%}.navigation a{font-size:13px}.hero-grid{grid-template-columns:1fr;padding:46px 0 16px}.hero-copy h1{font-size:45px}.hero-visual{width:100%;max-width:350px;margin-inline:auto}.hero-description{font-size:16px}.service-strip{gap:15px;flex-wrap:wrap;padding:21px 0}.service-strip p{font-size:9px;letter-spacing:1px}.services{padding-block:60px}.service-grid,.about,.contact,.steps-grid{grid-template-columns:1fr}.service-card,.service-card:nth-child(even){padding:28px 0;border-left:none}.service-card h3{font-size:25px}.about{padding-block:48px;gap:40px}.process{padding-block:60px}.steps-grid{gap:30px;margin-top:35px}.step{border-top:1px solid var(--line);padding-top:22px}.step-number{margin-bottom:12px}.contact{padding-block:48px;gap:30px}.contact-panel{padding:26px}.site-footer{align-items:flex-start;flex-direction:column}.footer-links{margin:0}.eyebrow{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
