@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=Manrope:wght@400;500;600;650;700;750;800&display=swap');
:root{--paper:#f1f4f8;--ink:#141f2f;--muted:#626973;--lime:#61a0ff;--line:#d4d9e0}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,select{touch-action:manipulation}button,a,select,textarea{outline-offset:5px}header{max-width:1440px;margin:auto;padding:28px 5%;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:30px;letter-spacing:-1.7px;font-weight:800}.brand span{font-size:12px;align-self:flex-start;margin:6px 0 0 -3px;letter-spacing:0}nav{display:flex;align-items:center;gap:36px;font-size:14px}.nav-cta{border:1px solid #999fa8;border-radius:5px;padding:13px 18px}.nav-cta span{margin-left:18px}.menu{display:none}.hero{max-width:1440px;margin:auto;display:grid;grid-template-columns:1.05fr 1fr;padding:55px 5% 45px;gap:35px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:1.8px;display:flex;align-items:center;gap:9px}.dot{width:7px;height:7px;display:inline-block;background:#2e62b1;border-radius:50%}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',sans-serif}h1{font-size:clamp(48px,5.5vw,80px);letter-spacing:-4.8px;line-height:1.08;font-weight:650;margin:28px 0}em{font-family:Georgia,serif;font-weight:400}h1 em{background:linear-gradient(transparent 73%,var(--lime) 73%,var(--lime) 90%,transparent 90%);padding-right:8px}.intro{max-width:390px;font-size:16px;line-height:1.8;color:var(--muted)}.actions{display:flex;gap:22px;align-items:center;margin:30px 0 50px;flex-wrap:wrap}.button{border:0;border-radius:5px;padding:17px 20px;display:inline-flex;justify-content:space-between;gap:28px;align-items:center;font-size:13px;font-weight:600;cursor:pointer}.dark{background:var(--ink);color:white}.dark:hover{background:#303f56}.text-link{font-size:13px;border-bottom:1px solid #9ba4b2;padding-bottom:5px}.hero-foot{display:flex;justify-content:space-between;max-width:440px;border-top:1px solid var(--line);padding-top:20px;font-size:11px;color:var(--muted)}.hero-foot span:first-child{font-size:9px;letter-spacing:1.5px}.hero-art{position:relative;border-radius:12px;background:#dde4ee;overflow:hidden;min-height:530px}.grid{position:absolute;inset:0;background-image:linear-gradient(#5f779a11 1px,transparent 1px),linear-gradient(90deg,#5f779a11 1px,transparent 1px);background-size:32px 32px}.art-label{position:absolute;top:24px;left:25px;font:9px monospace;letter-spacing:2px;color:#566479}.orbit{position:absolute;width:430px;height:430px;border:1px solid #92a3bc66;border-radius:50%;top:67px;left:40px}.orbit-two{width:330px;height:330px;top:117px;left:90px}.circuit{position:absolute;top:207px;left:27px;width:245px;height:220px;background:#20314a;border:9px solid #2c405d;border-radius:16px;transform:rotate(-17deg);box-shadow:0 24px 30px #1c2b402b;background-image:repeating-linear-gradient(90deg,transparent 0 21px,#3f67a433 22px 23px),repeating-linear-gradient(0deg,transparent 0 21px,#3f67a433 22px 23px)}.chip{position:absolute;inset:62px 63px;background:#121e2f;border:5px dashed #8494ad;display:grid;place-items:center}.chip img{width:53px;border-radius:10px}.circuit i{position:absolute;width:30px;height:13px;background:#7e9ecf;left:20px;top:20px}.circuit i:nth-child(3){left:170px;top:30px}.circuit i:nth-child(4){left:20px;top:165px}.circuit i:nth-child(5){left:170px;top:170px}.phone{position:absolute;top:70px;right:66px;width:213px;height:397px;border:7px solid #1e2a3c;border-radius:32px;background:#ecf2fb;transform:rotate(11deg);box-shadow:12px 24px 35px #16253c38;padding:35px 17px 15px}.island{position:absolute;top:8px;left:67px;background:#1e2a3c;border-radius:20px;width:65px;height:16px}.phone-top{font-weight:800;font-size:15px;letter-spacing:-.8px;display:flex;justify-content:space-between}.phone-top span{font-size:24px;color:#2d5ea8}.phone-title{font-size:23px;line-height:1.2;letter-spacing:-1px;margin-top:29px}.phone-title b{font-family:Georgia,serif;font-style:italic;font-weight:400}.app-visual{height:126px;display:flex;align-items:center;justify-content:center;margin-top:12px;background:#b5cef3;border-radius:10px;overflow:hidden;position:relative}.app-visual span{position:absolute;width:85px;height:85px;border-radius:20px;background:#34455f;transform:rotate(32deg);left:18px;top:44px}.app-visual span:nth-child(2){background:#467bcc;left:52px;top:15px}.app-visual span:nth-child(3){background:#64a2ff;left:90px;top:50px}.phone-row{font-size:8px;display:flex;justify-content:space-between;margin-top:15px;border-bottom:1px solid #c5cedb;padding-bottom:12px}.phone-bottom{display:flex;justify-content:space-around;margin-top:12px}.phone-bottom i{width:9px;height:9px;border:1.5px solid #556986;border-radius:3px}.floating{position:absolute;background:#fffdf7;box-shadow:0 8px 24px #192c481a;border-radius:9px;z-index:2}.code{top:105px;left:24px;padding:13px;display:flex;align-items:center;gap:10px;font-size:11px;transform:rotate(-5deg)}.code>span{background:var(--lime);padding:8px;border-radius:8px;font-size:20px}.code small{display:block;color:var(--muted);font-size:9px;margin-top:5px}.repair{right:20px;bottom:70px;padding:14px;font:8px monospace;letter-spacing:1px;transform:rotate(4deg)}.repair .dot{margin-right:7px}.art-bottom{position:absolute;bottom:21px;left:24px;right:24px;display:flex;justify-content:space-between;font:8px monospace;letter-spacing:1px}.ticker{border-block:1px solid var(--line);padding:22px 5%;display:flex;align-items:center;gap:35px;max-width:1440px;margin:auto}.ticker>span{font-size:11px;color:var(--muted);white-space:nowrap}.ticker p{margin:0;font-size:13px;display:flex;gap:21px;align-items:center}.ticker b{color:#3f66a1;font-size:21px}.section{max-width:1440px;margin:auto;padding:90px 5%}.section-heading{display:grid;grid-template-columns:1fr 1.7fr 1fr;gap:30px;align-items:start}.section-heading .eyebrow{margin-top:8px;font-size:9px}.section-heading h2{font-size:38px;line-height:1.23;letter-spacing:-1.7px;font-weight:600}.section-heading h2 span{color:#808996}.section-heading>p:last-child{font-size:13px;line-height:1.8;color:var(--muted);padding-top:10px}.service-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:17px;margin-top:35px}.service{padding:30px;border:1px solid var(--line);border-radius:8px;transition:background .2s,transform .2s}.service:hover{background:#e0e8f4;transform:translateY(-3px)}.card-top{display:flex;align-items:center;gap:15px;font-size:9px;letter-spacing:1.5px;color:var(--muted);margin-bottom:32px}.card-top b{margin-left:auto;font-size:23px;font-weight:400}.icon{font-size:24px;color:var(--ink);border:1px solid #c4cedd;width:45px;height:45px;display:grid;place-items:center;border-radius:12px;background:#dee6f2}.service h3{font-size:26px;letter-spacing:-.8px;margin-bottom:14px}.service p{font-size:14px;line-height:1.8;color:var(--muted);max-width:440px}.tags{display:flex;gap:7px;margin-top:24px;flex-wrap:wrap}.tags span{border:1px solid var(--line);border-radius:4px;padding:5px 9px;font-size:10px}.approach{background:#152132;color:#e9eff8;display:grid;grid-template-columns:1fr 1fr;gap:90px;border-radius:12px;max-width:calc(1440px - 10%);padding:65px 5%}.approach .eyebrow{color:#98bcf1;font-size:9px}.approach h2,.contact h2{font-size:48px;letter-spacing:-2px;line-height:1.14;font-weight:500;margin:25px 0}.approach h2 em{color:var(--lime)}.approach p:not(.eyebrow){font-size:14px;line-height:1.8;color:#b8bec7;max-width:370px}.approach .text-link{display:inline-block;color:var(--lime);margin-top:20px}.approach ol{list-style:none;padding:0;margin:0}.approach li{display:flex;gap:23px;padding:24px 0;border-bottom:1px solid #414956}.approach li>span{color:var(--lime);font:12px monospace;padding-top:6px}.approach li h3{font-size:19px;font-weight:500;margin-bottom:8px}.approach li p{margin-bottom:0}.data-note{max-width:1180px;margin:30px auto 0;display:flex;align-items:center;gap:25px;padding:25px 5%}.data-note>span{font-size:35px}.data-note h3{font-size:16px;margin-bottom:8px}.data-note p{font-size:12px;line-height:1.7;color:var(--muted);max-width:600px;margin:0}.data-note a{font-size:12px;white-space:nowrap;margin-left:auto}.contact{display:grid;grid-template-columns:1fr 1fr;gap:100px;border-top:1px solid var(--line);margin-top:35px}.contact>div>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);max-width:360px}.download{display:inline-block;font-size:11px;margin-top:25px;text-decoration:underline;text-underline-offset:5px}form{border:1px solid var(--line);border-radius:9px;background:#fffdf8;padding:30px}label{display:block;font-size:12px;font-weight:600;margin-bottom:10px}select,textarea{width:100%;padding:13px;background:var(--paper);border:1px solid var(--line);border-radius:4px;color:var(--ink);font-size:13px;margin-bottom:22px}textarea{resize:vertical}form>.button{width:100%}form>small{display:block;font-size:10px;color:var(--muted);line-height:1.6;margin-top:12px}#result{margin-top:20px;border-top:1px solid var(--line);padding-top:15px;font-size:12px}#copy{background:var(--lime);border:0;border-radius:4px;padding:10px;cursor:pointer}footer{padding:30px 5%;border-top:1px solid var(--line);display:flex;gap:30px;align-items:center;max-width:1440px;margin:auto}footer .brand{font-size:26px}footer p{margin:0;color:var(--muted);font-size:12px}footer>span{margin-left:auto;font-size:11px;color:var(--muted)}footer>a:last-child{font-size:11px}@media(min-width:1450px){.approach{max-width:1296px}}@media(max-width:1100px){.hero{gap:24px}h1{font-size:64px}.phone{right:30px}.circuit{left:15px}.hero-art{min-height:530px}.ticker{overflow:hidden}.ticker p{white-space:nowrap;gap:14px}.ticker>span{display:none}.section-heading{grid-template-columns:1fr 2fr}.section-heading>p:last-child{grid-column:2}.approach{gap:40px}.contact{gap:40px}}@media(max-width:760px){header{padding:20px 6%}.brand{font-size:27px}.menu{display:block;border:1px solid var(--line);background:none;font-size:21px;border-radius:4px;padding:5px 10px}nav{display:none;position:absolute;top:83px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:10;border-bottom:1px solid var(--line)}nav.open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.hero{grid-template-columns:1fr;padding:35px 6%;gap:30px}h1{font-size:58px;letter-spacing:-3.5px;margin:25px 0}.intro{font-size:15px}.actions{gap:20px;margin-bottom:35px}.hero-foot{max-width:none}.hero-art{min-height:490px}.phone{right:calc(50% - 130px);top:52px}.circuit{left:calc(50% - 170px);top:190px}.code{left:17px;top:80px}.orbit{left:calc(50% - 215px);top:35px}.orbit-two{left:calc(50% - 165px);top:85px}.ticker{padding:15px 6%}.ticker p{font-size:11px;gap:13px;flex-wrap:wrap;white-space:normal}.ticker b{font-size:15px}.section{padding:55px 6%}.section-heading{display:block}.section-heading h2{font-size:33px;margin:25px 0 15px}.section-heading>p:last-child{max-width:400px}.service-grid{grid-template-columns:1fr;margin-top:25px}.service{padding:25px}.card-top{margin-bottom:25px}.approach{max-width:88%;display:block;padding:35px 7%;border-radius:8px}.approach h2,.contact h2{font-size:40px}.approach ol{margin-top:30px}.data-note{padding:25px 6%;gap:15px;flex-wrap:wrap;align-items:flex-start}.data-note>span{display:none}.data-note a{margin:0}.contact{grid-template-columns:1fr;gap:30px;margin-top:15px}form{padding:23px}footer{flex-wrap:wrap;padding:25px 6%;gap:18px}footer p{width:60%;font-size:11px}footer>span{margin-left:0}footer>a:last-child{margin-left:auto}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Blue brand refinement */
:root{--paper:#f5f7fb;--ink:#152b4c;--muted:#617087;--lime:#a8cfff;--line:#d8e0eb}.hero-art{background:#e5edf9}.phone-top span{color:#2463eb}.phone-title b{color:#2463eb}.app-visual{background:#d5e6ff}.app-visual span{background:#18479c}.app-visual span:nth-child(2){background:#4a8aef}.app-visual span:nth-child(3){background:#a8cfff}.approach{background:#142b4c}.dot{background:#3079ed}.dark:hover{background:#2463eb}.service:hover{background:#edf3ff}

.contact-email{display:flex;align-items:center;gap:28px;width:fit-content;font-family:Manrope,sans-serif;font-size:clamp(22px,3vw,32px);font-weight:650;letter-spacing:-1px;color:#2463eb;margin:28px 0 5px;border-bottom:1px solid #a8cfff;padding-bottom:8px}.contact-email:hover,.footer-email:hover{color:#1746ad}.contact .download{display:block;width:fit-content}.footer-email{font-size:12px;color:#2463eb;white-space:nowrap}#send-email{margin:0 10px 12px 0;padding:12px 14px}.chip img{background:#f5f7fb;border-radius:4px;padding:5px}@media(max-width:760px){footer .footer-email{width:auto}footer>span{margin-left:auto}footer>a:last-child{margin-left:0}}

/* Supplied complete Thetech logo */
.brand{display:inline-flex;flex-shrink:0;line-height:0}.brand img{display:block;width:220px;height:auto;aspect-ratio:1770/490;object-fit:contain}footer .brand img{width:190px}.chip img{width:88px;max-width:100%;padding:5px;border-radius:3px;background:#f5f7fb}@media(max-width:760px){.brand img{width:180px}footer .brand img{width:160px}footer p{width:auto}}

/* Thetech product collection */
.products{border-top:1px solid var(--line);padding-top:75px;padding-bottom:90px}.products-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;margin-bottom:38px}.products-heading h2{font-size:48px;letter-spacing:-2px;line-height:1.15;font-weight:550;margin:24px 0 0}.products-heading h2 em{color:#2463eb}.products-heading>p{max-width:340px;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:20px}.product-card{grid-column:span 2;overflow:hidden;border:1px solid var(--line);border-radius:10px;background:#fff;display:flex;flex-direction:column;min-width:0}.product-card:nth-child(n+4){grid-column:span 3}.product-visual{height:180px;background:#e4edfc;position:relative;overflow:hidden;display:grid;place-items:center;color:#2463eb}.product-visual:before,.product-visual:after{content:'';position:absolute;width:160px;height:160px;border:1px solid #2463eb18;border-radius:32px;transform:rotate(35deg)}.product-visual:after{width:240px;height:240px;border-radius:50%}.product-orbit{position:absolute;width:90px;height:90px;background:#ffffffb8;box-shadow:0 12px 30px #142b4c0c;border:1px solid #ffffff;border-radius:24px;transform:rotate(-8deg)}.product-visual svg{width:48px;height:48px;position:relative}.product-number{position:absolute;bottom:15px;right:18px;font:10px monospace;letter-spacing:2px;color:#526c8d}.product-2 .product-visual{background:#dfeff5;color:#155f87}.product-3 .product-visual{background:#e4e9f7;color:#334da1}.product-4 .product-visual{background:#e8eafb;color:#6454b5}.product-5 .product-visual{background:#eee9fb;color:#7b4fbb}.product-body{padding:27px;display:flex;flex-direction:column;flex:1}.product-category{font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin:0 0 14px}.product-body h3{font-size:27px;letter-spacing:-1px;margin:0 0 15px}.product-tagline{font-size:15px;font-weight:600;line-height:1.6;margin-bottom:8px}.product-description{font-size:13px;line-height:1.8;color:var(--muted);margin-bottom:26px}.product-body>a{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:17px;border-top:1px solid var(--line);font-size:12px;color:#2463eb}.product-body>a:hover{text-decoration:underline;text-underline-offset:4px}.product-body>a span{font-size:19px}@media(min-width:761px) and (max-width:1050px){header nav{gap:18px;font-size:12px}header .brand img{width:180px}.product-card{grid-column:span 3}.product-card:last-child{grid-column:span 6}.product-body{padding:22px}}@media(max-width:760px){.products{padding-top:50px;padding-bottom:55px}.products-heading{display:block;margin-bottom:28px}.products-heading h2{font-size:38px;margin:20px 0}.products-heading>p{max-width:400px}.product-grid{grid-template-columns:1fr;gap:20px}.product-card,.product-card:nth-child(n+4){grid-column:auto}.product-visual{height:155px}.product-body{padding:24px}}

/* Original product artwork, shown in full without cropping */
.product-card{grid-column:span 3}.product-card:nth-child(n+4){grid-column:span 3}.product-media{display:block;position:relative;overflow:hidden;background:#edf2fa;border-bottom:1px solid var(--line);line-height:0}.product-media>img{display:block;width:100%;height:auto;aspect-ratio:3/1;object-fit:contain}.product-media>span{position:absolute;bottom:10px;right:10px;font-size:10px;line-height:1;padding:9px 11px;border-radius:5px;background:#142b4cdb;color:#fff;opacity:0;transition:opacity .15s}.product-media:hover>span,.product-media:focus-visible>span{opacity:1}.product-media:focus-visible{outline:3px solid #2463eb;outline-offset:-3px}.product-identity{display:flex;align-items:center;gap:16px;margin:0 0 17px}.product-identity img{display:block;width:80px;height:80px;object-fit:contain;border:1px solid var(--line);border-radius:15px;background:#fff}.product-identity h3{margin:0}.product-card:last-child{grid-column:span 6;display:grid;grid-template-columns:1.25fr 1fr}.product-card:last-child .product-media{display:flex;align-items:center;border-bottom:0;border-right:1px solid var(--line);background:#2e175a}.product-card:last-child .product-body{padding:30px}.product-4 .product-visual{height:auto;min-height:200px;flex:1}@media(max-width:1050px){.product-card:last-child{display:flex}.product-card:last-child .product-media{border-right:0;border-bottom:1px solid var(--line)}.product-card:last-child .product-body{padding:24px}}@media(max-width:760px){.product-card,.product-card:nth-child(n+4),.product-card:last-child{grid-column:auto}.product-media>span{opacity:1;font-size:9px;padding:7px 9px}.product-identity img{width:68px;height:68px}.product-identity{gap:13px}}

.product-card:last-child .product-media{background:#061635}

/* Expanded services and Thetech's story */
.service-depth{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:28px}.service-detail{padding:32px;border-radius:10px;background:#eaf0f9;border:1px solid var(--line)}.service-detail .eyebrow{font-size:9px;color:#2463eb}.service-detail h3{font-size:27px;letter-spacing:-1px;margin:22px 0 15px}.service-detail>p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted)}.service-detail dl{margin:24px 0}.service-detail dl>div{padding:15px 0;border-top:1px solid #cdd9e9}.service-detail dt{font-size:14px;font-weight:650;margin-bottom:7px}.service-detail dd{margin:0;font-size:13px;line-height:1.8;color:var(--muted)}.service-detail .text-link{display:inline-block;margin-top:8px;color:#1c56b6}.about-thetech{display:grid;grid-template-columns:1fr 1fr;gap:8%;border-top:1px solid var(--line);padding-block:80px 90px}.about-history h2{font-size:clamp(34px,3.5vw,49px);font-weight:550;line-height:1.2;letter-spacing:-2px;margin:28px 0 40px}.about-history h2 em{color:#2463eb}.history-line{display:grid;grid-template-columns:1fr 1fr;gap:24px;border-top:1px solid #aac2e3;padding-top:22px}.history-line>div{position:relative}.history-line>div:before{content:'';position:absolute;top:-27px;left:0;width:9px;height:9px;border-radius:50%;background:#2463eb;box-shadow:0 0 0 5px var(--paper)}.history-line span{font-size:10px;letter-spacing:1.5px;font-weight:650;color:#2463eb}.history-line p{font-size:12px;color:var(--muted);line-height:1.8;margin:10px 0 0}.about-copy{padding-top:35px}.about-copy>p{font-size:14px;line-height:1.95;color:var(--muted)}.about-copy .about-intro{font-size:21px;line-height:1.6;font-family:Manrope,sans-serif;letter-spacing:-.5px;color:var(--ink);margin-bottom:24px}.about-copy .about-welcome{color:var(--ink);font-weight:550;margin-top:25px}.about-copy .button{margin-top:15px}@media(max-width:980px){header .menu{display:block;border:1px solid var(--line);background:none;font-size:21px;border-radius:4px;padding:5px 10px}header nav{display:none;position:absolute;top:95px;left:0;right:0;background:var(--paper);padding:25px 6%;z-index:10;border-bottom:1px solid var(--line)}header nav.open{display:flex;align-items:stretch;flex-direction:column;gap:20px}.about-thetech{gap:35px}.service-detail{padding:26px}}@media(max-width:760px){.service-depth{grid-template-columns:1fr;gap:18px;margin-top:20px}.service-detail{padding:25px}.service-detail h3{font-size:25px}.about-thetech{grid-template-columns:1fr;gap:25px;padding-block:50px}.about-history h2{font-size:38px;letter-spacing:-1.8px}.about-copy{padding-top:0}.about-copy .about-intro{font-size:20px}header nav{top:83px}}