@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f9fb;--ink:#171c22;--muted:#58616e;--accent-soft:#dce8f3;--line:#d9dfe6;--dark:#171c22}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-offset:5px}button{cursor:pointer}header{height:100px;padding:0 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:var(--paper)}.brand{display:flex;align-items:center;gap:14px;font-size:12px;line-height:1.25;letter-spacing:2px;font-weight:500}.brand b{font-size:15px;letter-spacing:4px}.monogram{font-family:Manrope,sans-serif;font-weight:800;letter-spacing:-5px;font-size:35px;line-height:1;border:2px solid var(--ink);padding:10px 11px 12px 7px;transform:skew(-6deg)}.monogram span{color:#0b6ab0}nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;padding:17px 24px;border:1px solid var(--ink);border-radius:4px;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#084387;transform:translateY(-2px)}.button span{font-size:20px}.small{padding:10px 18px}.menu{display:none}.hero{padding:80px 5% 65px;display:grid;grid-template-columns:1.1fr 1fr;gap:5%;align-items:center}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px;margin:0 0 27px}.dot{height:7px;width:7px;border-radius:50%;background:#0b6ab0;display:inline-block}.hero h1{font-family:Manrope,sans-serif;font-size:clamp(44px,4.5vw,72px);letter-spacing:-3.5px;line-height:1.12;font-weight:500;margin:0 0 30px}em{font-style:normal;color:#0b6ab0}.intro{font-size:17px;color:var(--muted);max-width:490px;line-height:1.8}.actions{display:flex;align-items:center;gap:26px;margin-top:33px}.text-link{font-size:13px;font-weight:600;border-bottom:1px solid #9ba8b7;padding-bottom:5px}.hero-note{display:flex;align-items:center;gap:12px;font-size:9px;font-weight:600;letter-spacing:1px;margin-top:54px}.hero-note i{font-size:14px;color:#084387;font-style:normal}.system-art{height:505px;border-radius:9px;background:var(--dark);color:#f8f9fb;position:relative;overflow:hidden;background-image:radial-gradient(#0b6ab026 1px,transparent 1px);background-size:19px 19px;box-shadow:0 20px 40px #171c221a}.art-top,.art-bottom{position:absolute;left:24px;right:24px;font-size:9px;letter-spacing:1.4px;display:flex;align-items:center;gap:8px;z-index:2}.art-top{top:24px}.art-id{margin-left:auto;color:#b6c0ce}.art-bottom{bottom:22px;border-top:1px solid #354252;padding-top:18px;color:#b6c0ce}.art-bottom span{margin-left:auto;color:var(--accent-soft);font-size:20px}.orbit{position:absolute;border:1px solid #0b6ab040;border-radius:50%;width:340px;height:340px;left:50%;top:48%;transform:translate(-50%,-50%)}.o2{width:460px;height:460px}.o3{width:225px;height:225px;background:#0b6ab00a}.center-node{position:absolute;left:50%;top:47%;transform:translate(-50%,-50%);width:235px;text-align:center}.node-icon{display:block;margin:0 auto 16px;background:var(--accent-soft);color:var(--ink);width:65px;height:65px;border-radius:15px;line-height:65px;font-size:40px;box-shadow:0 0 60px #0b6ab026}.center-node strong{font-size:21px;font-weight:500;display:block}.center-node small{font-size:9px;color:#b6c0ce;display:block;margin-top:8px}.satellite{position:absolute;border:1px solid #4d6788;background:#183353;padding:14px 17px;border-radius:5px;box-shadow:0 10px 30px #0002}.satellite span{display:block;font-size:7px;letter-spacing:1px;color:var(--accent-soft)}.satellite strong{display:block;font-size:13px;font-weight:500;margin:4px 0}.satellite small{font-size:8px;color:#dce8f3}.sat1{left:25px;top:90px}.sat2{right:20px;top:310px}.sat3{left:24px;top:350px}.statement-strip{margin:0 5%;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.statement-strip>span{font-size:9px;letter-spacing:1.5px;font-weight:600;max-width:130px}.statement-strip p{font-size:17px;margin:0}.statement-strip a{font-size:12px}.section{padding:95px 5%}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:45px}h2{font-family:Manrope,sans-serif;font-size:clamp(32px,3.2vw,48px);font-weight:500;letter-spacing:-1.8px;line-height:1.2;margin:0}.section-heading p{max-width:360px;color:var(--muted);font-size:14px;margin:0}.services{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-radius:6px;overflow:hidden}.services article{padding:27px 30px 30px}.services article+article{border-left:1px solid var(--line)}.service-num{display:flex;justify-content:space-between;font-size:10px;color:#084387;letter-spacing:1px}.service-num span{font-size:19px}.service-symbol{font-size:40px;font-family:monospace;color:#0b6ab0;height:75px;margin-top:28px}.services h3{font-family:Manrope,sans-serif;font-weight:500;letter-spacing:-.8px;font-size:29px;line-height:1.25;margin:0 0 20px}.services p{color:var(--muted);font-size:13px;min-height:85px}.services ul{padding:20px 0;list-style:none;font-size:12px;border-top:1px solid var(--line);line-height:2.4}.services li:before{content:'+';color:#0b6ab0;margin-right:10px}.services article>a{font-size:12px;font-weight:600;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:20px}.solutions{background:#edf3f8}.scenario-tabs{display:flex;border-bottom:1px solid #cbd5e1;gap:35px}.scenario-tabs button{padding:14px 0 17px;background:none;border:0;border-bottom:3px solid transparent;font-size:14px;color:var(--muted)}.scenario-tabs button[aria-selected=true]{border-color:var(--ink);color:var(--ink);font-weight:700}.scenario{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-top:50px;align-items:center}.tag{font-size:9px;letter-spacing:1.5px;border:1px solid #b8c9dc;padding:6px 10px;border-radius:3px}.scenario h3{font-size:35px;font-weight:500;line-height:1.25;letter-spacing:-1px;margin:23px 0}.scenario p{color:var(--muted);font-size:14px;max-width:430px}.workflow{background:var(--paper);padding:30px;border:1px solid #cbd5e1;border-radius:6px}.workflow .eyebrow{font-size:8px;color:var(--muted)}.workflow>div{position:relative;padding:13px 0 16px 50px;border-bottom:1px solid var(--line)}.workflow>div>span{position:absolute;left:0;top:16px;font-size:10px;background:#dce8f3;width:30px;height:30px;line-height:30px;text-align:center;border-radius:50%}.workflow strong{display:block;font-size:14px;font-weight:500}.workflow small{font-size:11px;color:var(--muted)}.workflow .example-note{font-size:10px;margin:19px 0 0}.about{display:grid;grid-template-columns:1fr 1fr;gap:10%}.large-copy{font-size:25px!important;line-height:1.5;color:var(--ink)!important;margin-top:0}.about-copy p{font-size:14px;color:var(--muted);margin-bottom:22px}.location-mark{display:flex;align-items:center;gap:22px;border-top:1px solid var(--line);margin-top:55px;padding-top:26px}.location-mark>span{font-size:10px;color:var(--muted)}.location-mark strong{font-size:21px;font-weight:500}.location-mark strong span{display:block;font-size:8px;letter-spacing:2px;color:var(--muted);margin-top:5px}.location-mark .compass{font-size:55px;margin-left:auto;color:#0b6ab0}.process{border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;margin-top:50px}.steps article{border-top:1px solid #b8c9dc;padding-top:20px}.steps article>span{font-size:11px;color:#0b6ab0}.steps h3{font-size:23px;font-weight:500;margin:20px 0 10px}.steps p{font-size:13px;color:var(--muted);max-width:280px}.resources{background:var(--dark);color:var(--paper);padding:55px 5%;display:grid;grid-template-columns:1fr 1fr;gap:10%}.resources h2{font-size:30px}.resources p{font-size:13px;color:#dce8f3}.resources .eyebrow{color:var(--accent-soft);font-size:9px}.resources>div>a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid #354252;font-size:13px}.resources>div>a span{color:var(--accent-soft)}.resources small{display:block;margin-top:16px;font-size:10px;color:#dce8f3}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10%}.contact>div>p:not(.eyebrow){max-width:360px;color:var(--muted);font-size:14px;margin:25px 0}.contact-email{display:block;font-size:17px;margin-top:40px}.phone{font-size:15px;display:block;margin-top:10px}.contact .contact-location{font-size:11px!important}form{display:grid;grid-template-columns:1fr 1fr;gap:20px}label{display:block;font-size:11px;font-weight:600}label span{font-weight:400;color:var(--muted)}input,select,textarea{display:block;width:100%;margin-top:7px;background:transparent;border:1px solid #b8c9dc;border-radius:3px;padding:12px;color:var(--ink);font-size:13px}textarea{resize:vertical}label:nth-of-type(n+3),form .button,.form-note{grid-column:1/-1}.form-note{font-size:10px;color:var(--muted);margin:0}footer{padding:35px 5%;display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);gap:25px}footer>p{font-size:13px;line-height:1.5}footer>div{display:flex;flex-direction:column;gap:10px;text-align:right;font-size:10px;color:var(--muted)}a:hover:not(.button){color:#084387}::selection{background:var(--accent-soft);color:var(--ink)}
@media(min-width:1550px){body{max-width:1600px;margin:auto;border-left:1px solid var(--line);border-right:1px solid var(--line)}}@media(max-width:1000px){nav{gap:16px}.hero{gap:30px}.hero h1{font-size:48px}.actions{align-items:start;flex-direction:column;gap:18px}.hero-note{gap:7px;font-size:7px}.system-art{height:460px}.sat1{left:12px}.sat2{right:10px;top:285px}.sat3{top:360px;left:15px}.satellite{padding:10px}.services article{padding:22px}.statement-strip p{font-size:14px}.statement-strip a{font-size:10px}.scenario-tabs{gap:20px}.scenario-tabs button{font-size:12px}}
@media(max-width:720px){html{scroll-padding-top:20px}header{height:83px;position:relative}.brand{font-size:9px;gap:10px}.brand b{font-size:12px}.monogram{font-size:29px}.menu{display:block;border:1px solid var(--line);background:none;padding:8px 13px;font-size:12px}nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--paper);padding:24px 5%;z-index:10;border-bottom:1px solid var(--line);box-shadow:0 15px 20px #0001}nav.open{display:flex;flex-direction:column;align-items:stretch;gap:20px}.hero{grid-template-columns:1fr;padding:45px 6%}.hero h1{font-size:clamp(40px,10vw,61px);letter-spacing:-2px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.intro{font-size:15px}.actions{gap:23px}.hero-note{margin-top:32px;font-size:8px;flex-wrap:wrap;gap:9px}.system-art{height:450px;margin-top:10px}.sat1{top:80px;left:20px}.sat2{top:290px;right:18px}.sat3{top:355px;left:20px}.statement-strip{margin:0 6%;flex-wrap:wrap;gap:10px}.statement-strip>span{max-width:none;width:100%}.statement-strip p{font-size:15px}.section{padding:60px 6%}.section-heading{display:block;margin-bottom:30px}.section-heading p{margin-top:23px;max-width:none}h2{font-size:36px}.services,.scenario,.about,.resources,.contact{grid-template-columns:1fr}.services article{padding:27px}.services article+article{border-left:0;border-top:1px solid var(--line)}.services p{min-height:0}.service-symbol{margin-top:15px;height:63px}.services h3 br{display:none}.services h3{font-size:27px}.services ul{padding:15px 0}.scenario-tabs{gap:0;flex-direction:column;align-items:stretch;border:0}.scenario-tabs button{text-align:left;padding:15px 10px;border-bottom:1px solid #cbd5e1}.scenario-tabs button[aria-selected=true]{border-bottom:1px solid #cbd5e1;border-left:3px solid var(--ink);background:#dce8f3}.scenario{gap:35px;padding-top:35px}.scenario h3{font-size:30px}.workflow{padding:22px}.about{gap:35px}.location-mark{margin-top:30px}.large-copy{font-size:22px!important}.steps{grid-template-columns:1fr;gap:25px;margin-top:30px}.steps h3{margin-top:10px}.steps p{max-width:none}.resources{padding:40px 6%;gap:22px}.contact{gap:35px}.contact-email{font-size:15px}.contact form{gap:16px}form label{grid-column:1/-1}footer{align-items:start;flex-wrap:wrap;padding:30px 6%}footer>div{width:100%;text-align:left}footer>p{margin:0}.text-link{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Existing Total Tech Midwest brand assets and hardware services. */
.brand img{display:block;width:265px;height:auto;max-height:55px;object-fit:contain}.monogram{display:none}header{gap:28px}nav{gap:22px}footer{background:var(--dark);color:white}footer .brand img{width:235px;max-height:75px}footer>div{color:#dce8f3}.node-icon{width:90px;height:75px;background:#084387;display:flex;align-items:center;justify-content:center}.node-icon img{width:75px;height:auto;object-fit:contain}.repair-hero-link{font-size:12px;margin:25px 0 0;color:var(--muted)}.repair-hero-link a{color:#084387;border-bottom:1px solid #b8c9dc;margin-left:6px}.hero-note{margin-top:28px}.repair-section{display:grid;grid-template-columns:1.1fr 1fr;gap:10%;background:#edf3f8;border-top:1px solid #cbd5e1;border-bottom:1px solid #cbd5e1}.repair-heading>p:not(.eyebrow){font-size:14px;color:var(--muted);max-width:480px;margin:24px 0}.repair-heading .repair-note{font-size:11px!important;margin:20px 0 0!important}.repair-types article{border-bottom:1px solid #cbd5e1;padding:19px 0 19px 45px;position:relative}.repair-types article>span{position:absolute;left:0;top:24px;font-size:10px;color:#0b6ab0}.repair-types h3{margin:0;font-weight:500;font-size:20px;letter-spacing:-.3px}.repair-types p{font-size:12px;color:var(--muted);margin:6px 0 0}.repair-types>a{display:flex;justify-content:space-between;font-size:13px;padding-top:22px;color:#084387}.repair-heading .actions{flex-wrap:wrap;gap:20px}.resources .eyebrow{color:#dce8f3}.satellite span{color:#dce8f3}.statement-strip>span{max-width:160px}
@media(max-width:1150px){.brand img{width:215px}nav{gap:15px;font-size:12px}.hero-note{flex-wrap:wrap}.repair-section{gap:6%}}
@media(max-width:900px) and (min-width:721px){header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:18px}nav{width:100%;justify-content:space-between}}
@media(max-width:720px){.brand img{width:210px;max-height:40px}.repair-section{grid-template-columns:1fr;gap:25px}.repair-types h3{font-size:19px}footer .brand img{width:205px}.hero-note{margin-top:25px}.repair-heading .actions{align-items:start}}

/* Palette anchored to the two original logo inks: #084387 and #0b6ab0. */
:root{--brand-deep:#084387;--brand-blue:#0b6ab0;--brand-tint:#edf3f8;--accent-soft:#dce8f3;--dark:#121c29}
.button{background:var(--brand-deep);border-color:var(--brand-deep)}
.button:hover{background:var(--brand-blue);border-color:var(--brand-blue)}
em,.service-symbol,.steps article>span,.repair-types article>span{color:var(--brand-blue)}
.system-art{background-color:var(--dark)}
.satellite{background:#183353;border-color:#4d6788}
.satellite span,.art-bottom span,.resources .eyebrow,.resources>div>a span{color:var(--accent-soft)}
.node-icon{background:var(--brand-deep)}
.solutions{background:#f1f3f6}
.repair-section{background:var(--brand-tint)}
.scenario-tabs button[aria-selected=true]{border-color:var(--brand-deep)}
@media(max-width:720px){.scenario-tabs button[aria-selected=true]{border-bottom-color:#cbd5e1;background:var(--accent-soft)}}

.form-trap{position:absolute!important;left:-10000px!important;width:1px;height:1px;overflow:hidden}.services h3{max-width:270px;text-wrap:balance}form .button:disabled{opacity:.65;cursor:wait;transform:none}.form-note.error{color:#9f2836}.form-note.success{color:var(--brand-deep);font-weight:600}.form-trap+label{grid-column:auto}form label:has(textarea){grid-column:1/-1}#contact-form>label:nth-of-type(n+3){grid-column:1/-1}@media(max-width:720px){.form-trap+label{grid-column:1/-1}}

/* Repair intake stays out of the page until explicitly opened. */
body.dialog-open{overflow:hidden}.repair-dialog{width:min(680px,calc(100% - 32px));max-height:calc(100dvh - 48px);padding:32px;border:1px solid var(--line);border-radius:10px;background:var(--paper);color:var(--ink);box-shadow:0 25px 90px #0005;overflow-y:auto}.repair-dialog::backdrop{background:#0d141ab8;backdrop-filter:blur(4px)}.repair-dialog-header{display:flex;align-items:start;justify-content:space-between;gap:20px}.repair-dialog .eyebrow{margin-bottom:12px}.repair-dialog h2{font-size:30px;letter-spacing:-1px}.dialog-close{flex:none;display:grid;place-items:center;width:44px;height:44px;border:1px solid var(--line);border-radius:5px;background:transparent;color:var(--ink);font-size:28px;line-height:1}.dialog-close:hover{background:var(--accent-soft)}.repair-dialog>p{font-size:13px;color:var(--muted);margin:18px 0 25px}.repair-dialog form{gap:18px}.repair-dialog form>label{grid-column:auto}.repair-dialog #repair-form>label[for="repair-model"],.repair-dialog #repair-form>label[for="repair-problem"]{grid-column:1/-1}.repair-form-guidance{grid-column:1/-1;font-size:11px;color:var(--muted);margin:0}.repair-form-guidance a{color:var(--brand-deep);text-decoration:underline}.repair-dialog .button{grid-column:1/-1}@media(max-width:720px){.repair-dialog{padding:24px 20px;max-height:calc(100dvh - 24px)}.repair-dialog h2{font-size:26px}.repair-dialog form>label{grid-column:1/-1}}

/* Connected catalog surfaces */
.catalog-hero{border-bottom:1px solid var(--line);padding-top:70px;padding-bottom:60px}.catalog-hero h1{font-family:Manrope,sans-serif;font-size:clamp(38px,4.4vw,66px);line-height:1.12;letter-spacing:-2.5px;font-weight:500;margin:0 0 25px}.catalog-hero>p:not(.eyebrow){max-width:650px;color:var(--muted);font-size:16px}.software-card{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:7%;padding-bottom:65px;margin-bottom:65px;border-bottom:1px solid var(--line)}.software-card h2{margin:22px 0}.software-card>div>p{font-size:14px;color:var(--muted)}.software-card ul{font-size:13px;padding-left:20px;color:var(--muted)}.software-art{min-height:360px;background:var(--dark);color:white;border-radius:8px;padding:32px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;border:1px solid #354252}.software-art .eyebrow{font-size:8px;color:#dce8f3}.software-art>p{font-family:Manrope,sans-serif;font-size:33px!important;line-height:1.2;color:white!important;letter-spacing:2px;font-weight:700;margin:20px 0}.software-art small{font-size:11px;color:#dce8f3}.forge-icon{border:1px solid #4d6788;border-radius:15px;padding:13px 20px;font-size:48px;font-weight:700;background:#084387}.game-icon{font-size:70px;color:#dce8f3;line-height:1}.game{background:#183353}.tools-callout{padding:40px;border:1px solid var(--line);border-radius:8px}.tools-callout p:not(.eyebrow){font-size:14px;max-width:650px;color:var(--muted)}.catalog-note{font-size:11px!important;color:var(--muted);margin-top:22px}.shop-policy{display:flex;gap:25px;margin-top:30px;font-size:11px;color:var(--brand-deep)}.catalog-filter{min-width:240px}.shop-grid,.teaser-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.shop-card,.teaser-grid>a{border:1px solid var(--line);border-radius:7px;padding:30px}.shop-card h3,.teaser-grid h3{font-size:27px;font-weight:500;line-height:1.25;letter-spacing:-.7px}.shop-card p,.teaser-grid p{color:var(--muted);font-size:14px}.shop-card>strong{display:block;font-size:25px;color:var(--brand-deep)}.shop-card>small{display:block;margin:10px 0 25px}.teaser-grid strong{font-size:13px}.teaser-grid>a:hover{background:var(--brand-tint);color:var(--ink)}.product-teaser{border-top:1px solid var(--line)}@media(max-width:1150px) and (min-width:721px){header{height:auto;min-height:100px;flex-wrap:wrap;padding-top:20px;padding-bottom:20px;gap:18px}nav{width:100%;justify-content:space-between}}@media(max-width:720px){.software-card{grid-template-columns:1fr;gap:30px}.software-art{min-height:290px}.shop-grid,.teaser-grid{grid-template-columns:1fr}.shop-policy{flex-wrap:wrap;gap:12px}.tools-callout{padding:25px}.catalog-filter{display:block;margin-top:25px}}