/* =========================================================
   TECH CONNECT — REPAIRS + CONTACT + ABOUT V1
========================================================= */
:root{
  --pg-red:#f21820;
  --pg-red-dark:#d3131a;
  --pg-black:#080808;
  --pg-ink:#151515;
  --pg-muted:#6d7177;
  --pg-soft:#f6f6f7;
  --pg-line:#e6e6e8;
}
.tc-repair-v3,.tc-contact-v3,.tc-about-v3{
  font-family:Arial,Helvetica,sans-serif;
  background:#fff;
  color:var(--pg-ink);
}
.tc-repair-v3 *,.tc-contact-v3 *,.tc-about-v3 *{box-sizing:border-box}
.tc-page-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}
.tc-page-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;color:rgba(255,255,255,.62)}
.tc-page-kicker--dark{color:#74787e}
.tc-page-kicker--red{color:var(--pg-red)}
.tc-page-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:30px}
.tc-page-btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;text-decoration:none;border:0;cursor:pointer;font-size:15px;font-weight:700;transition:.24s ease}
.tc-page-btn--red{background:var(--pg-red);color:#fff}
.tc-page-btn--red:hover{background:var(--pg-red-dark)}
.tc-page-btn--light{background:#fff;color:#111}
.tc-page-btn--outline-light{border:1px solid rgba(255,255,255,.36);color:#fff;background:transparent}
.tc-page-section{padding:100px 0}
.tc-page-heading{margin-bottom:42px}
.tc-page-heading h2{margin:10px 0 0;font-size:clamp(42px,4.8vw,68px);line-height:1;letter-spacing:-.052em}
.tc-page-final{padding:88px 0;background:var(--pg-red);color:#fff}
.tc-page-final__inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.tc-page-final h2{margin:10px 0 0;font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.055em}
.tc-page-final__inner>div:last-child{display:flex;gap:11px;flex-wrap:wrap}

/* REPAIRS */
.tc-repair-v3__hero{
  overflow:hidden;
  background:
    radial-gradient(circle at 78% 48%,rgba(242,24,32,.20),transparent 23%),
    linear-gradient(135deg,#050505,#111 70%,#070707);
  color:#fff;
}
.tc-repair-v3__hero-grid{min-height:660px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.88fr);align-items:center;gap:70px}
.tc-repair-v3__hero-copy h1{margin:14px 0 22px;font-size:clamp(60px,6.8vw,100px);line-height:.91;letter-spacing:-.064em;max-width:800px}
.tc-repair-v3__hero-copy p{max-width:620px;margin:0;color:#b6bac0;font-size:19px;line-height:1.65}
.tc-repair-v3__hero-art{position:relative;min-height:560px;display:grid;place-items:center}
.tc-repair-device{position:relative;z-index:4;width:290px;filter:drop-shadow(0 38px 34px rgba(0,0,0,.36));animation:tcRepairFloat 4s ease-in-out infinite}
.tc-repair-ring{position:absolute;border:1px solid rgba(242,24,32,.28);border-radius:50%;animation:tcRepairPulse 4s ease-in-out infinite}
.tc-repair-ring--1{width:320px;height:320px}
.tc-repair-ring--2{width:470px;height:470px;animation-delay:.7s}
.tc-repair-tool{position:absolute;width:180px;height:14px;background:#fff;border-radius:99px;opacity:.9}
.tc-repair-tool--1{transform:translate(-140px,100px) rotate(45deg)}
.tc-repair-tool--2{transform:translate(145px,105px) rotate(-45deg);background:var(--pg-red)}
@keyframes tcRepairFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}
@keyframes tcRepairPulse{0%,100%{transform:scale(.95);opacity:.4}50%{transform:scale(1.04);opacity:1}}
.tc-repair-v3__services{background:#fff}
.tc-repair-v3__service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tc-repair-v3__service-grid article{min-height:270px;padding:26px;border:1px solid var(--pg-line);border-radius:24px;background:#fff;transition:.25s ease}
.tc-repair-v3__service-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.07)}
.tc-repair-v3__service-grid span{color:var(--pg-red);font-size:13px;font-weight:700}
.tc-repair-v3__service-grid h3{margin:56px 0 12px;font-size:28px;letter-spacing:-.04em}
.tc-repair-v3__service-grid p{margin:0;color:var(--pg-muted);line-height:1.58}
.tc-repair-v3__pricing{background:var(--pg-soft)}
.tc-repair-v3__pricing-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.tc-repair-v3__pricing h2{margin:10px 0 0;font-size:clamp(46px,5vw,72px);line-height:.98;letter-spacing:-.055em}
.tc-repair-v3__pricing-grid>div:last-child p{margin:0 0 22px;color:var(--pg-muted);font-size:19px;line-height:1.68}
.tc-repair-v3__pricing-grid a{color:var(--pg-red);text-decoration:none;font-weight:700}
.tc-repair-v3__process{background:#fff}
.tc-repair-v3__process-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--pg-line);border-bottom:1px solid var(--pg-line)}
.tc-repair-v3__process-grid article{min-height:260px;padding:30px;border-right:1px solid var(--pg-line)}
.tc-repair-v3__process-grid article:last-child{border-right:0}
.tc-repair-v3__process-grid span{color:var(--pg-red);font-size:13px;font-weight:700}
.tc-repair-v3__process-grid h3{margin:56px 0 12px;font-size:30px;letter-spacing:-.04em}
.tc-repair-v3__process-grid p{margin:0;color:var(--pg-muted);line-height:1.58}
.tc-repair-v3__why{background:#111;color:#fff}
.tc-repair-v3__why-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.tc-repair-v3__why h2{margin:12px 0 18px;font-size:clamp(48px,5vw,76px);line-height:.96;letter-spacing:-.055em}
.tc-repair-v3__why p{margin:0;color:#aeb1b7;font-size:18px;line-height:1.65}
.tc-repair-v3__why-list>div{padding:24px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.tc-repair-v3__why-list strong{display:block;font-size:22px}
.tc-repair-v3__why-list span{display:block;margin-top:8px;color:#92969c;font-size:14px}

/* CONTACT */
.tc-contact-v3__hero{padding:76px 0;background:#f6f6f7}
.tc-contact-v3__hero h1{margin:14px 0 18px;font-size:clamp(56px,6.2vw,92px);line-height:.93;letter-spacing:-.06em}
.tc-contact-v3__hero p{max-width:680px;margin:0;color:var(--pg-muted);font-size:18px;line-height:1.65}
.tc-contact-v3__main{background:#fff}
.tc-contact-v3__grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:72px;align-items:start}
.tc-contact-v3__info h2{margin:12px 0 14px;font-size:44px;letter-spacing:-.05em}
.tc-contact-v3__info>p{margin:0;color:var(--pg-muted);line-height:1.6}
.tc-contact-v3__info-list{margin-top:35px}
.tc-contact-v3__info-list>a,.tc-contact-v3__info-list>div{display:block;padding:20px 0;border-bottom:1px solid var(--pg-line);text-decoration:none;color:#111}
.tc-contact-v3__info-list span{display:block;color:#888c91;font-size:12px;margin-bottom:8px}
.tc-contact-v3__info-list strong{font-size:18px;line-height:1.45}
.tc-contact-v3__form-card{padding:30px;border:1px solid var(--pg-line);border-radius:26px;background:#fff;box-shadow:0 22px 60px rgba(0,0,0,.06)}
.tc-contact-v3__form{display:grid;gap:18px}
.tc-contact-v3__row{display:grid;gap:8px}
.tc-contact-v3__row--two{grid-template-columns:repeat(2,1fr);gap:14px}
.tc-contact-v3__form label span{display:block;margin-bottom:8px;font-size:13px;font-weight:700}
.tc-contact-v3__form input,.tc-contact-v3__form select,.tc-contact-v3__form textarea{width:100%;border:1px solid #d8dadd;border-radius:13px;padding:14px 15px;background:#fafafa;color:#111;font:inherit}
.tc-contact-v3__form input:focus,.tc-contact-v3__form select:focus,.tc-contact-v3__form textarea:focus{outline:0;border-color:var(--pg-red);box-shadow:0 0 0 4px rgba(242,24,32,.07);background:#fff}
.tc-hp{position:absolute!important;left:-9999px!important}
.tc-form-status{padding:14px 16px;border-radius:12px;margin-bottom:18px;font-size:14px}
.tc-form-status--success{background:#effaf3;color:#176d37}
.tc-form-status--error{background:#fff1f1;color:#9b1515}
.tc-contact-v3__strip{padding:38px 0;background:#111;color:#fff;border-top:4px solid var(--pg-red)}
.tc-contact-v3__strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.tc-contact-v3__strip-grid>div{padding:8px 26px;border-right:1px solid rgba(255,255,255,.13)}
.tc-contact-v3__strip-grid>div:last-child{border-right:0}
.tc-contact-v3__strip strong{display:block;font-size:22px}
.tc-contact-v3__strip span{display:block;margin-top:6px;color:#9ba0a7;font-size:14px}

/* ABOUT */
.tc-about-v3__hero{overflow:hidden;background:
radial-gradient(circle at 78% 50%,rgba(242,24,32,.18),transparent 23%),
linear-gradient(135deg,#050505,#111 72%,#070707);color:#fff}
.tc-about-v3__hero-grid{min-height:650px;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.9fr);align-items:center;gap:70px}
.tc-about-v3__hero-copy h1{margin:14px 0 22px;font-size:clamp(60px,6.7vw,100px);line-height:.91;letter-spacing:-.064em}
.tc-about-v3__hero-copy p{max-width:610px;margin:0;color:#b6bac0;font-size:19px;line-height:1.65}
.tc-about-v3__hero-art{position:relative;min-height:540px}
.tc-about-v3__hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 36px 34px rgba(0,0,0,.36));animation:tcAboutFloat 4s ease-in-out infinite}
.tc-about-v3__hero-art img:nth-of-type(1){width:250px;left:70px;top:105px;z-index:3;transform:rotate(-7deg)}
.tc-about-v3__hero-art img:nth-of-type(2){width:270px;right:20px;top:75px;z-index:2;animation-delay:.7s}
.tc-about-v3__orbit{position:absolute;border:1px solid rgba(242,24,32,.24);border-radius:50%;animation:tcAboutPulse 4s ease-in-out infinite}
.tc-about-v3__orbit--1{width:360px;height:360px;left:85px;top:80px}
.tc-about-v3__orbit--2{width:500px;height:500px;left:15px;top:10px;animation-delay:.7s}
@keyframes tcAboutFloat{0%,100%{translate:0 0}50%{translate:0 -12px}}
@keyframes tcAboutPulse{0%,100%{transform:scale(.95);opacity:.4}50%{transform:scale(1.04);opacity:1}}
.tc-about-v3__story{background:#fff}
.tc-about-v3__story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px}
.tc-about-v3__story h2{margin:10px 0 0;font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em}
.tc-about-v3__story-grid>div:last-child p{margin:0;color:var(--pg-muted);font-size:20px;line-height:1.72}
.tc-about-v3__services{background:var(--pg-soft)}
.tc-about-v3__service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tc-about-v3__service-grid a{min-height:270px;padding:26px;border:1px solid var(--pg-line);border-radius:24px;background:#fff;color:#111;text-decoration:none;transition:.25s ease}
.tc-about-v3__service-grid a:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.07)}
.tc-about-v3__service-grid span{color:var(--pg-red);font-size:13px;font-weight:700}
.tc-about-v3__service-grid h3{margin:56px 0 12px;font-size:30px;letter-spacing:-.04em}
.tc-about-v3__service-grid p{margin:0;color:var(--pg-muted);line-height:1.58}
.tc-about-v3__numbers{padding:55px 0;background:#111;color:#fff;border-top:4px solid var(--pg-red)}
.tc-about-v3__numbers-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.tc-about-v3__numbers-grid>div{padding:12px 28px;border-right:1px solid rgba(255,255,255,.13)}
.tc-about-v3__numbers-grid>div:last-child{border-right:0}
.tc-about-v3__numbers strong,.tc-about-v3__numbers b{font-size:42px;letter-spacing:-.05em}
.tc-about-v3__numbers b{color:var(--pg-red)}
.tc-about-v3__numbers span{display:block;margin-top:8px;color:#9ba0a7;font-size:14px}
.tc-about-v3__values{background:#fff}
.tc-about-v3__values-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:80px}
.tc-about-v3__values h2{margin:10px 0 0;font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em}
.tc-about-v3__values-list>div{padding:24px 0;border-bottom:1px solid var(--pg-line)}
.tc-about-v3__values-list strong{display:block;font-size:22px}
.tc-about-v3__values-list span{display:block;margin-top:8px;color:var(--pg-muted);font-size:14px}
.tc-about-v3__location{background:var(--pg-soft)}
.tc-about-v3__location-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:80px;align-items:center}
.tc-about-v3__location h2{margin:10px 0 16px;font-size:clamp(48px,5vw,74px);line-height:.98;letter-spacing:-.055em}
.tc-about-v3__location p{margin:0;color:var(--pg-muted);font-size:18px;line-height:1.65}
.tc-about-v3__location-card{padding:30px;border:1px solid var(--pg-line);border-radius:26px;background:#fff}
.tc-about-v3__location-card span{display:block;color:#85898e;font-size:13px}
.tc-about-v3__location-card strong{display:block;margin:12px 0 24px;font-size:26px;line-height:1.4}
.tc-about-v3__location-card a{display:block;color:#111;text-decoration:none;margin-top:12px;font-weight:700}

@media(max-width:980px){
 .tc-repair-v3__hero-grid,.tc-repair-v3__pricing-grid,.tc-repair-v3__why-grid,.tc-contact-v3__grid,.tc-about-v3__hero-grid,.tc-about-v3__story-grid,.tc-about-v3__values-grid,.tc-about-v3__location-grid{grid-template-columns:1fr}
 .tc-repair-v3__service-grid,.tc-about-v3__service-grid{grid-template-columns:repeat(2,1fr)}
 .tc-about-v3__hero-art{min-height:450px}
}
@media(max-width:680px){
 .tc-page-shell{width:min(100% - 28px,1240px)}
 .tc-page-section{padding:72px 0}
 .tc-repair-v3__hero-grid,.tc-about-v3__hero-grid{min-height:850px;padding:50px 0 65px}
 .tc-repair-v3__hero-copy h1,.tc-about-v3__hero-copy h1{font-size:52px}
 .tc-repair-v3__hero-art{min-height:360px}
 .tc-repair-device{width:220px}
 .tc-repair-ring--1{width:250px;height:250px}
 .tc-repair-ring--2{width:340px;height:340px}
 .tc-repair-v3__service-grid,.tc-about-v3__service-grid,.tc-repair-v3__process-grid{grid-template-columns:1fr}
 .tc-repair-v3__process-grid article{border-right:0;border-bottom:1px solid var(--pg-line)}
 .tc-repair-v3__process-grid article:last-child{border-bottom:0}
 .tc-contact-v3__row--two{grid-template-columns:1fr}
 .tc-contact-v3__strip-grid,.tc-about-v3__numbers-grid{grid-template-columns:1fr}
 .tc-contact-v3__strip-grid>div,.tc-about-v3__numbers-grid>div{border-right:0;padding:12px 0}
 .tc-about-v3__hero-art{min-height:360px}
 .tc-about-v3__hero-art img:nth-of-type(1){width:185px;left:15px;top:90px}
 .tc-about-v3__hero-art img:nth-of-type(2){width:200px;right:0;top:60px}
 .tc-about-v3__orbit--1{width:260px;height:260px;left:35px}
 .tc-about-v3__orbit--2{width:350px;height:350px;left:0}
 .tc-page-final__inner{display:block}
 .tc-page-final__inner>div:last-child{margin-top:28px}
}
