/* =========================================================
   TECH CONNECT — BELL PAGE V1
========================================================= */
.tc-bell-page{
  --bell-blue:#0067b1;
  --bell-blue-dark:#00548f;
  --bell-ink:#111;
  --bell-muted:#687078;
  --bell-soft:#f5f8fb;
  --bell-line:#e2e8ee;
  background:#fff;
  color:var(--bell-ink);
  font-family:Arial,Helvetica,sans-serif;
}
.tc-bell-page *{box-sizing:border-box}
.tc-bell-shell{width:min(1240px,calc(100% - 48px));margin:0 auto}
.tc-bell-kicker{font-size:13px;font-weight:700;letter-spacing:.08em;color:var(--bell-blue)}
.tc-bell-kicker--light{color:rgba(255,255,255,.72)}
.tc-bell-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:30px}
.tc-bell-btn{display:inline-flex;min-height:49px;align-items:center;justify-content:center;padding:0 22px;border-radius:999px;text-decoration:none;font-size:15px;font-weight:700;transition:.24s ease}
.tc-bell-btn--blue{background:var(--bell-blue);color:#fff}
.tc-bell-btn--blue:hover{background:var(--bell-blue-dark);transform:translateY(-2px)}
.tc-bell-btn--outline{border:1px solid #c9d2da;color:#111;background:#fff}
.tc-bell-btn--light{background:#fff;color:var(--bell-blue)}
.tc-bell-btn--outline-light{border:1px solid rgba(255,255,255,.38);color:#fff}
.tc-bell-text-link{color:var(--bell-blue);text-decoration:none;font-weight:700}

/* Hero */
.tc-bell-page__hero{overflow:hidden;background:#fff}
.tc-bell-page__hero-grid{min-height:660px;display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,.85fr);align-items:center;gap:70px}
.tc-bell-page__hero-copy h1{margin:14px 0 22px;font-size:clamp(64px,7vw,106px);line-height:.9;letter-spacing:-.065em}
.tc-bell-page__hero-copy p{max-width:620px;margin:0;color:var(--bell-muted);font-size:19px;line-height:1.65}
.tc-bell-page__hero-art{position:relative;min-height:540px;display:grid;place-items:center}
.tc-bell-page__hero-art strong{position:relative;z-index:4;color:var(--bell-blue);font-size:clamp(120px,12vw,185px);letter-spacing:-.07em}
.tc-bell-page__ring{position:absolute;border:2px solid rgba(0,103,177,.12);border-radius:50%;animation:tcBellPagePulse 5s ease-in-out infinite}
.tc-bell-page__ring--1{width:280px;height:280px}
.tc-bell-page__ring--2{width:410px;height:410px;animation-delay:.5s}
.tc-bell-page__ring--3{width:520px;height:520px;animation-delay:1s}
@keyframes tcBellPagePulse{0%,100%{transform:scale(.94);opacity:.35}50%{transform:scale(1.04);opacity:1}}

/* quick nav */
.tc-bell-page__nav{border-top:1px solid var(--bell-line);border-bottom:1px solid var(--bell-line);background:#fff}
.tc-bell-page__nav-grid{display:grid;grid-template-columns:repeat(3,1fr)}
.tc-bell-page__nav a{padding:22px;text-align:center;color:#111;text-decoration:none;font-weight:700;border-right:1px solid var(--bell-line)}
.tc-bell-page__nav a:last-child{border-right:0}
.tc-bell-page__nav a:hover{color:var(--bell-blue);background:var(--bell-soft)}

/* service sections */
.tc-bell-section{padding:105px 0;background:#fff}
.tc-bell-section--soft{background:var(--bell-soft)}
.tc-bell-section__grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:80px}
.tc-bell-section__grid--reverse .tc-bell-section__copy{order:2}
.tc-bell-section__grid--reverse .tc-bell-section__visual{order:1}
.tc-bell-section__copy h2{margin:12px 0 18px;font-size:clamp(50px,5.5vw,80px);line-height:.96;letter-spacing:-.06em}
.tc-bell-section__copy p{max-width:560px;margin:0;color:var(--bell-muted);font-size:18px;line-height:1.65}
.tc-bell-section__visual{min-height:500px;border-radius:34px;display:grid;place-items:center;position:relative;overflow:hidden;background:#f7f9fb;border:1px solid var(--bell-line)}

/* mobility visual */
.tc-bell-phone-stack{position:relative;width:420px;height:400px}
.tc-bell-phone-stack span{position:absolute;width:150px;height:300px;border:8px solid #111;border-radius:28px;background:#fff;box-shadow:0 26px 50px rgba(0,0,0,.09)}
.tc-bell-phone-stack span:nth-child(1){left:25px;top:70px;transform:rotate(-10deg)}
.tc-bell-phone-stack span:nth-child(2){left:135px;top:42px;z-index:2;border-color:var(--bell-blue)}
.tc-bell-phone-stack span:nth-child(3){right:20px;top:78px;transform:rotate(10deg)}

/* internet visual */
.tc-bell-router-art{position:relative;width:420px;height:390px}
.tc-router{position:absolute;left:50%;bottom:60px;transform:translateX(-50%);width:240px;height:105px;border-radius:26px;background:#fff;border:4px solid var(--bell-blue);box-shadow:0 22px 45px rgba(0,0,0,.08)}
.tc-router:before,.tc-router:after{content:"";position:absolute;bottom:22px;width:10px;height:10px;border-radius:50%;background:var(--bell-blue)}
.tc-router:before{left:55px}.tc-router:after{left:82px}
.tc-wifi{position:absolute;left:50%;transform:translateX(-50%);border:6px solid transparent;border-top-color:var(--bell-blue);border-radius:50%}
.tc-wifi--1{width:110px;height:110px;top:95px}
.tc-wifi--2{width:190px;height:190px;top:55px;opacity:.7}
.tc-wifi--3{width:270px;height:270px;top:15px;opacity:.35}

/* business visual */
.tc-bell-business-art{display:grid;grid-template-columns:repeat(2,140px);gap:18px}
.tc-bell-business-art span{height:140px;border-radius:24px;background:#fff;border:3px solid var(--bell-blue);box-shadow:0 18px 40px rgba(0,0,0,.07)}
.tc-bell-business-art span:nth-child(2),.tc-bell-business-art span:nth-child(3){background:var(--bell-blue)}
.tc-bell-business-art span:nth-child(4){border-color:#111}

/* why */
.tc-bell-page__why{padding:100px 0;background:#fff}
.tc-bell-page__heading{margin-bottom:42px}
.tc-bell-page__heading h2{margin:10px 0 0;font-size:clamp(42px,4.8vw,68px);line-height:1;letter-spacing:-.052em}
.tc-bell-page__why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tc-bell-page__why-grid article{min-height:260px;padding:28px;border:1px solid var(--bell-line);border-radius:24px;background:#fff;transition:.25s ease}
.tc-bell-page__why-grid article:hover{transform:translateY(-5px);box-shadow:0 22px 60px rgba(0,0,0,.07)}
.tc-bell-page__why-grid span{color:var(--bell-blue);font-size:13px;font-weight:700}
.tc-bell-page__why-grid h3{margin:55px 0 12px;font-size:29px;letter-spacing:-.04em}
.tc-bell-page__why-grid p{margin:0;color:var(--bell-muted);line-height:1.58}

/* final */
.tc-bell-page__final{padding:88px 0;background:var(--bell-blue);color:#fff}
.tc-bell-page__final-inner{display:flex;align-items:center;justify-content:space-between;gap:40px}
.tc-bell-page__final h2{margin:10px 0 0;font-size:clamp(44px,5vw,72px);line-height:.98;letter-spacing:-.055em}
.tc-bell-page__final-inner>div:last-child{display:flex;gap:12px;flex-wrap:wrap}

@media(max-width:980px){
 .tc-bell-page__hero-grid,.tc-bell-section__grid{grid-template-columns:1fr}
 .tc-bell-section__grid--reverse .tc-bell-section__copy,.tc-bell-section__grid--reverse .tc-bell-section__visual{order:initial}
 .tc-bell-page__why-grid{grid-template-columns:1fr}
}
@media(max-width:680px){
 .tc-bell-shell{width:min(100% - 28px,1240px)}
 .tc-bell-page__hero-grid{min-height:840px;padding:48px 0 68px}
 .tc-bell-page__hero-copy h1{font-size:54px}
 .tc-bell-page__hero-art{min-height:360px}
 .tc-bell-page__hero-art strong{font-size:105px}
 .tc-bell-page__ring--1{width:220px;height:220px}
 .tc-bell-page__ring--2{width:300px;height:300px}
 .tc-bell-page__ring--3{width:380px;height:380px}
 .tc-bell-page__nav-grid{grid-template-columns:1fr}
 .tc-bell-page__nav a{border-right:0;border-bottom:1px solid var(--bell-line)}
 .tc-bell-page__nav a:last-child{border-bottom:0}
 .tc-bell-section{padding:72px 0}
 .tc-bell-section__visual{min-height:370px}
 .tc-bell-phone-stack{transform:scale(.75)}
 .tc-bell-router-art{transform:scale(.8)}
 .tc-bell-business-art{grid-template-columns:repeat(2,110px)}
 .tc-bell-business-art span{height:110px}
 .tc-bell-page__final-inner{display:block}
 .tc-bell-page__final-inner>div:last-child{margin-top:28px}
}