/* ============================================================
   Anything IT LLC — AngelFeather IT Services
   Light frost-sky theme with feather-indigo accents.
   Helpdesk workbench motif rendered purely with CSS.
   ============================================================ */

:root{
  --frost-sky:#F0F4F7;
  --slate-navy:#25313D;
  --feather-indigo:#4A5FA5;
  --tech-charcoal:#2A3440;
  --circuit-deep:#1A222B;
  --antenna-gold:#C9963B;
  --frost-card:#FBFDFE;
  --tech-body:#525E68;
  --slate-dusk:#B3BFC9;
  --bus-line:#3C4854;
  --rail-w:84px;
}

*{box-sizing:border-box;}

html,body{margin:0;padding:0;  font-size: 16px;
}

body{
  background-color:var(--frost-sky);
  color:var(--slate-navy);
  font-family:"Segoe UI",Roboto,Helvetica,Arial,sans-serif;
  line-height:1.7;
  overflow-x:hidden;
}

img{max-width:100%;display:block;}

.fade-up{opacity:1;}

.home-page{
  position:relative;
}

/* ============================================================
   SIDE RAIL NAV — fixed left icon rail
   ============================================================ */
.siderailnav{
  position:fixed;
  left:0;
  top:0;
  width:var(--rail-w);
  height:100vh;
  background-color:var(--tech-charcoal);
  display:flex;
  flex-direction:column;
  align-items:center;
  padding:22px 0 20px;
  z-index:60;
}
.siderailnav .feather-chip{
  width:30px;
  height:30px;
  background-color:var(--feather-indigo);
  border-radius:6px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:34px;
  flex:none;
}
.siderailnav .chip-nib{
  width:14px;
  height:3px;
  background-color:#FBFDFE;
  border-radius:2px;
  transform:rotate(-18deg);
}
.siderailnav .rail-icon{
  width:40px;
  height:44px;
  margin:4px 0;
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--frost-sky);
  text-decoration:none;
  border-radius:6px;
  transition:background-color .2s ease,color .2s ease;
}
.siderailnav .rail-icon:hover{
  background-color:var(--feather-indigo);
  color:#FBFDFE;
}
.siderailnav .rail-symbol{
  font-size:18px;
  line-height:1;
}
.siderail {font-size:17px;}
.siderailnav .rail-mid{
  flex:1;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:flex-start;
  margin-top:6px;
}
.siderailnav .rail-wordmark{
  writing-mode:vertical-rl;
  transform:rotate(180deg);
  color:var(--slate-dusk);
  font-size:11px;
  letter-spacing:5px;
  text-transform:uppercase;
  font-weight:600;
  white-space:nowrap;
  flex:none;
}
.siderailnav .burger{
  display:none;
}
.siderailnav .mobilenavlinks{
  display:none;
}

/* Main content column offset by the rail width */
.main-column{
  margin-left:var(--rail-w);
  min-height:100vh;
  position:relative;
}

/* ============================================================
   TOP CTA COUPLE + IN-PAGE MENU BELOW INTRO
   ============================================================ */
.menu-strip{
  padding:0 64px 6px;
}
.page-menu{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:6px 26px;
  font-size:15px;
  border-bottom:1px solid var(--bus-line);
  padding-bottom:10px;
}
.page-menu a{
  color:var(--tech-body);
  text-decoration:none;
  font-weight:600;
  letter-spacing:.5px;
}
.page-menu a:hover{color:var(--feather-indigo);}

/* ============================================================
   BENCH-INTRO OPENING — editorial intro, no traditional hero
   ============================================================ */
.benchintroopening{
  background-color:var(--frost-sky);
  padding:56px 0 0;
}
.benchintroopening .container{
  max-width:1180px;
  margin:0 auto;
  padding:0 64px 0;
}
.intro-headline{
  font-size:60px;
  line-height:1.04;
  font-weight:800;
  color:var(--slate-navy);
  letter-spacing:-1.5px;
  margin:0 0 6px;
  max-width:1000px;
}
.fo{
  font-size:60px;
  line-height:1.06;
  font-weight:300;
  color:var(--feather-indigo);
}
.stroke-under{
  display:inline-block;
  position:relative;
  white-space:nowrap;
}
.underline-squiggle{
  position:absolute;
  left:0;
  right:0;
  bottom:-6px;
  height:6px;
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='100%25' height='8' viewBox='0 0 200 8'%3E%3Cpath d='M0 5 Q 25 1 50 5 T 100 5 T 150 5 T 200 5' fill='none' stroke='%234A5FA5' stroke-width='3' stroke-linecap='round'/%3E%3C/svg%3E") repeat-x bottom;
}
@media(min-width:901px){
  .underline-squiggle{right:6px;}
}
.intro-sub{
  margin-top:30px;
  font-size:16px;
  color:var(--tech-body);
  max-width:560px;
}
.intro-sub strong{color:var(--slate-navy);}

/* Two-column intro block */
.intro-columns{
  display:grid;
  grid-template-columns:1.25fr .9fr;
  gap:64px;
  align-items:start;
  margin-top:38px;
}
.intro-col-a p{
  margin:0 0 26px;
  font-size:17px;
  color:var(--tech-body);
}
.cta-couple{
  display:flex;
  flex-wrap:wrap;
  gap:14px;
  margin-top:6px;
}
.btn{
  display:inline-block;
  padding:13px 26px;
  border-radius:6px;
  font-weight:700;
  font-size:15px;
  text-decoration:none;
  transition:transform .15s ease,box-shadow .15s ease;
}
.btn-primary{
  background-color:var(--feather-indigo);
  color:#FBFDFE;
  border:2px solid var(--feather-indigo);
}
.btn-primary:hover{
  box-shadow:0 6px 18px rgba(74,95,165,.32);
  transform:translateY(-2px);
}
.btn-secondary{
  background-color:transparent;
  color:var(--feather-indigo);
  border:2px solid var(--feather-indigo);
}
.btn-secondary:hover{
  background-color:var(--feather-indigo);
  color:#FBFDFE;
}

/* Signpost list column B */
.signpost-list{
  list-style:none;
  margin:0;
  padding:0;
}
.signpost-list li{
  display:flex;
  gap:16px;
  align-items:baseline;
  padding:14px 0;
  border-bottom:1px solid var(--bus-line);
}
.signpost-list li:first-child{border-top:1px solid var(--bus-line);}
.signpost-num{
  color:var(--feather-indigo);
  font-weight:800;
  font-size:15px;
  min-width:34px;
  font-variant-numeric:tabular-nums;
}
.signpost-text{
  color:var(--slate-navy);
  font-weight:600;
  font-size:17px;
}
.signpost-list li span.signpost-text + small{display:none;}

/* ============================================================
   WORKBENCH SCENE BAND — tech-charcoal flat CSS scene
   ============================================================ */
.workbench-band{
  background-color:var(--tech-charcoal);
  margin-top:64px;
  padding:44px 0 56px;
  position:relative;
  overflow:hidden;
}
.pegboard{
  position:absolute;
  inset:0;
  background-image:radial-gradient(circle, rgba(179,191,201,.14) 1.6px, transparent 1.6px);
  background-size:26px 26px;
  background-position:0 0;
  opacity:.6;
}
.workbench-inner{
  position:relative;
  max-width:1180px;
  margin:0 auto;
  padding:0 64px;
  height:240px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
}
.bench-label{
  position:absolute;
  top:-4px;
  left:64px;
  color:var(--slate-dusk);
  font-size:12px;
  letter-spacing:4px;
  text-transform:uppercase;
  font-weight:600;
}
.bench-edge{
  position:absolute;
  bottom:-14px;
  left:0;right:0;
  height:14px;
  background-color:var(--circuit-deep);
}
/* screwdriver kit tray */
.screwkit{
  flex:0 0 auto;
  width:190px;
  height:118px;
  background-color:var(--circuit-deep);
  border:1px solid var(--bus-line);
  border-radius:6px;
  position:relative;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
}
.screwkit .kit-label{
  position:absolute;
  top:8px;left:12px;
  color:var(--slate-dusk);
  font-size:11px;
  letter-spacing:2px;
  text-transform:uppercase;
}
.screwkit .divider-band{
  position:absolute;
  left:0;right:0;
  top:40px;
  height:3px;
  background-color:var(--antenna-gold);
}
.tool-slots{
  position:absolute;
  left:16px;right:10px;
  top:44px;
  bottom:8px;
  display:flex;
  align-items:flex-end;
  gap:12px;
}
.tool-slot{
  height:52px;
  width:16px;
  background-color:#FBFDFE;
  border-radius:3px;
  position:relative;
  flex:none;
}
.tool-slot:before{
  content:"";
  position:absolute;
  top:-12px;left:2px;
  width:12px;height:12px;
  background-color:var(--feather-indigo);
  border-radius:50%;
}
.tool-slot.phillips{background-color:var(--feather-indigo);}
.tool-slot.phillips:before{background-color:var(--antenna-gold);}
.tool-slot.flat{background-color:#7C8894;}
.tool-slot.flat:before{background-color:var(--feather-indigo);}

/* laptop center */
.laptop{
  flex:0 0 auto;
  width:340px;
  position:relative;
  display:flex;
  flex-direction:column;
  align-items:center;
}
.laptop-screen{
  width:100%;
  height:150px;
  background-color:var(--circuit-deep);
  border:3px solid var(--frost-card);
  border-bottom:none;
  border-radius:8px 8px 0 0;
  padding:16px 18px;
  position:relative;
}
.laptop-screen .warm-light{
  position:absolute;
  top:0;left:0;right:0;height:4px;
  background-color:var(--feather-indigo);
  border-radius:6px 6px 0 0;
  opacity:.5;
}
.diag-head{
  color:var(--slate-dusk);
  font-size:10px;
  letter-spacing:2px;
  text-transform:uppercase;
  margin-bottom:10px;
}
.diag-line{
  display:flex;
  gap:8px;
  align-items:center;
  margin:6px 0;
  color:#FBFDFE;
  font-size:12px;
}
.diag-line .check{
  width:9px;height:9px;
  border:1px solid var(--antenna-gold);
  border-radius:2px;
  transform:scale(.9) rotate(45deg);
}
.diag-line.on .check{background-color:var(--feather-indigo);border-color:var(--feather-indigo);}
.laptop-base{
  width:112%;
  height:16px;
  background-color:var(--frost-card);
  border-radius:2px;
  margin-left:-6%;
  position:relative;
}
.laptop-glow{
  position:absolute;
  bottom:-16px;
  width:120%;
  height:14px;
  background:rgba(74,95,165,.12);
  filter:blur(6px);
  left:50%;
  transform:translateX(-50%);
}

/* router with three status LEDs */
.router{
  flex:0 0 auto;
  width:92px;
  background-color:var(--circuit-deep);
  border-radius:8px;
  padding:16px 10px 12px;
  box-shadow:0 10px 22px rgba(0,0,0,.28);
  position:relative;
}
.router:after{
  content:"";
  position:absolute;
  bottom:2px;left:50%;
  transform:translateX(-50%);
  width:60px;height:4px;
  border-radius:2px;
  background-color:var(--slate-dusk);
  opacity:.5;
}
.ant-head{
  color:var(--slate-dusk);
  font-size:10px;
  letter-spacing:2px;
  text-align:center;
  margin-bottom:14px;
}
.led-stack{
  display:flex;
  flex-direction:column;
  gap:10px;
  align-items:center;
}
.led{
  width:16px;height:16px;
  border-radius:50%;
  background-color:var(--bus-line);
  box-shadow:0 0 0 2px rgba(179,191,201,.14);
}
.led.indigo-on{background-color:var(--feather-indigo);}
.led.indigo-blink{background-color:var(--feather-indigo);animation:pulse 1.8s infinite;}
.led.gold-on{background-color:var(--antenna-gold);}
@keyframes pulse{
  0%,100%{opacity:1;}
  50%{opacity:.35;}
}

/* cable coil on hook */
.coiled-cable{
  flex:0 0 auto;
  width:86px;
  height:120px;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
}
.hook-post{
  position:absolute;
  top:-8px;
  left:50%;
  transform:translateX(-50%);
  width:4px;height:130px;
  background-color:var(--slate-dusk);
  border-radius:2px;
}
.coil-rings{
  position:absolute;
  inset:14px 6px;
}
.coil-rings span{
  position:absolute;
  left:0;right:0;
  height:9px;
  border-radius:8px;
  background-color:var(--feather-indigo);
  opacity:.75;
}
.coil-rings span:nth-child(1){top:0;}
.coil-rings span:nth-child(2){top:15px;background-color:var(--feather-indigo);opacity:.6;}
.coil-rings span:nth-child(3){top:30px;}
.coil-rings span:nth-child(4){top:45px;background-color:var(--feather-indigo);opacity:.6;}
.coil-label{
  position:absolute;
  bottom:-6px;
  color:var(--slate-dusk);
  font-size:10px;
  letter-spacing:2px;
  white-space:nowrap;
}

/* ticket on a stand */
.ticket-stand{
  flex:0 0 auto;
  width:200px;
  height:120px;
  position:relative;
}
.ticket-base{
  position:absolute;
  bottom:2px;
  left:50%;
  transform:translateX(-50%);
  width:9px;height:104px;
  background-color:var(--slate-dusk);
  opacity:.5;
  border-radius:3px;
}
.ticket-tab{
  position:absolute;
  top:6px;
  left:50%;
  transform:translateX(-50%);
  width:150px;
  background-color:var(--circuit-deep);
  border:2px solid var(--slate-dusk);
  border-radius:5px;
  padding:12px 12px 10px;
  transform:translateX(-50%) rotate(-1deg);
}
.ticket-tab .ticket-id{
  color:var(--antenna-gold);
  font-size:10px;
  letter-spacing:2px;
}
.ticket-tab .ticket-title{
  color:#FBFDFE;
  font-size:13px;
  font-weight:600;
  margin-top:3px;
}
.ticket-tab .ticket-stat{
  display:flex;
  gap:5px;
  align-items:center;
  margin-top:9px;
}
.ticket-tab .stat-dot{
  width:7px;height:7px;
  border-radius:50%;
  background-color:var(--antenna-gold);
}
.ticket-tab .ticket-label{
  color:var(--slate-dusk);
  font-size:10px;
  letter-spacing:1px;
}

/* ============================================================
   SUPPORT TIMELINE — vertical alternating timeline
   ============================================================ */
.timeline-section{
  background-color:var(--frost-sky);
  padding:90px 0 0;
}
.sec-container{
  max-width:1180px;
  margin:0 auto;
  padding:0 64px;
}
.sec-kicker{
  color:var(--feather-indigo);
  letter-spacing:4px;
  font-size:13px;
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 8px;
}
.sec-title{
  font-size:40px;
  margin:0;
  color:var(--slate-navy);
  font-weight:800;
  letter-spacing:-.5px;
}
.sec-lede{
  font-size:17px;
  color:var(--tech-body);
  max-width:640px;
  margin:18px 0 54px;
}

.timeline-main{
  position:relative;
  margin:0 auto;
  max-width:1040px;
  padding:10px 0 6px;
}
.timeline-main:before{
  content:"";
  position:absolute;
  top:0;
  left:50%;
  transform:translateX(-50%);
  width:2px;
  height:100%;
  background-color:var(--feather-indigo);
}
.tl-entry{
  position:relative;
  width:50%;
  padding:18px 0 40px;
}
.tl-node{
  position:absolute;
  top:34px;
  width:14px;
  height:14px;
  border-radius:50%;
  border:2px solid var(--feather-indigo);
  background-color:var(--feather-indigo);
  box-shadow:0 0 0 4px var(--frost-sky);
  z-index:2;
}
.tl-node:after{
  content:"";
  position:absolute;
  top:50%;left:50%;
  width:6px;height:6px;
  transform:translate(-50%,-50%);
  background-color:var(--antenna-gold);
  border-radius:50%;
}
.tl-entry.left{left:0;padding-right:48px;}
.tl-entry.left .tl-node{right:-7px;}
.tl-entry.right{left:50%;padding-left:48px;}
.tl-entry.right .tl-node{left:-7px;}

.tl-card{
  background-color:var(--frost-card);
  border:1px solid var(--bus-line);
  border-radius:10px;
  padding:26px 30px;
  box-shadow:0 8px 24px rgba(37,49,61,.06);
}
.tl-tag{
  display:inline-block;
  color:var(--antenna-gold);
  font-weight:800;
  font-size:13px;
  letter-spacing:3px;
  margin-bottom:6px;
}
.tl-card h3{
  margin:0 0 10px;
  font-size:23px;
  color:var(--slate-navy);
}
.tl-card p{
  margin:0;
  font-size:15.5px;
  color:var(--tech-body);
}

/* Service area strip beneath */
.service-area-strip{
  margin-top:4px;
  background-color:var(--circuit-deep);
  padding:0;
}
.area-inner{
  max-width:1180px;
  margin:0 auto;
  padding:46px 64px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:24px;
  flex-wrap:wrap;
}
.area-inner > div{flex:1 1 340px;}
.area-text{
  color:var(--frost-card);
  font-size:20px;
  font-weight:600;
}
.area-sub{
  color:var(--slate-dusk);
  font-size:15px;
  margin-top:8px;
}
.area-led-group{
  display:flex;
  gap:14px;
  align-items:center;
  justify-content:flex-end;
}
.area-led{
  width:11px;height:11px;
  border-radius:50%;
  background-color:var(--feather-indigo);
}
.area-led.gold{background-color:var(--antenna-gold);}

/* ============================================================
   CLOSING NOTE STRIP
   ============================================================ */
.closing-note{
  background-color:var(--tech-charcoal);
  padding:0;
  margin-top:0;
}
.note-inner{
  max-width:1050px;
  margin:0 0 0 64px;
  padding:64px 64px 72px 28px;
  border-left:4px solid var(--antenna-gold);
}
.note-inner h2{
  margin:0 0 12px;
  color:var(--frost-card);
  font-size:28px;
  font-weight:800;
}
.note-inner p{
  margin:0;
  color:var(--slate-dusk);
  font-size:17px;
  max-width:780px;
}
.note-inner strong{color:#FBFDFE;}

/* ============================================================
   FOUR-COLUMN INDEX FOOTER
   ============================================================ */
.site-footer{
  background-color:var(--tech-charcoal);
  position:relative;
  z-index:1;
}
.site-footer .fade-mark{
  /* decorative only */
}
.ft-columns{
  max-width:1180px;
  margin:0 auto;
  padding:70px 64px 0;
  display:grid;
  grid-template-columns:1.35fr 1fr 1fr 1.4fr;
  gap:44px 48px;
  position:relative;
  z-index:1;
}
.ft-brand .chip{
  width:34px;height:34px;
  background-color:var(--feather-indigo);
  border-radius:7px;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-bottom:14px;
}
.ft-brand .chip-nib2{width:16px;height:3px;background-color:#FBFDFE;border-radius:2px;transform:rotate(-18deg);}
.ft-wordmark{
  color:#FBFDFE;
  font-size:22px;
  font-weight:800;
  letter-spacing:1px;
  margin-bottom:10px;
}
.ft-tagline{
  color:var(--slate-dusk);
  font-size:14.5px;
  line-height:1.65;
  margin:0;
}
.ft-h{
  color:var(--antenna-gold);
  font-size:12px;
  letter-spacing:3px;
  text-transform:uppercase;
  font-weight:700;
  margin:0 0 16px;
  padding-bottom:8px;
  border-bottom:1px solid var(--bus-line);
}
.ft-list{
  list-style:none;
  margin:0;
  padding:0;
}
.ft-list li{margin-bottom:9px;}
.ft-list a,
.ft-list span{
  color:var(--slate-dusk);
  text-decoration:none;
  font-size:14.5px;
  transition:color .15s ease;
}
.ft-list a:hover{color:#FBFDFE;}
.ft-contact-list li{color:var(--slate-dusk);font-size:14.5px;line-height:1.5;}
.ft-bottom{
  border-top:1px solid var(--bus-line);
  margin-top:54px;
}
.ft-bottom-inner{
  max-width:1180px;
  margin:0 auto;
  padding:22px 64px 26px;
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  justify-content:space-between;
  gap:10px;
}
.ft-copy{
  color:var(--slate-dusk);
  font-size:13.5px;
  text-align:left;
}
.ft-mini a{
  color:var(--slate-dusk);
  text-decoration:none;
  font-size:13.5px;
  margin-left:18px;
  transition:color .15s ease;
}
.ft-mini a:hover{color:#FBFDFE;}

/* ============================================================
   CONTACT / GENERIC SECTIONS WITHIN HOME ANCHOR
   ============================================================ */
.home-resident-contact{
  background-color:var(--frost-sky);
  padding:0 0 96px;
}
.contact-anchor-card{
  background-color:var(--circuit-deep);
  border-radius:12px;
  padding:54px 56px;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:48px;
}
.contact-anchor-notes h2{
  color:#FBFDFE;
  font-size:30px;
  margin:0 0 14px;
  font-weight:800;
}
.contact-anchor-notes p{
  color:var(--slate-dusk);
  font-size:16px;
  margin:0 0 22px;
}
.contact-data-stack{
  list-style:none;
  margin:0;
  padding:0;
}
.contact-data-stack li{
  padding:13px 0;
  border-bottom:1px solid var(--bus-line);
}
.contact-data-stack li:first-child{border-top:1px solid var(--bus-line);}
.contact-data-stack .label{
  display:block;
  color:var(--antenna-gold);
  font-size:11px;
  letter-spacing:3px;
  text-transform:uppercase;
  margin-bottom:4px;
}
.contact-data-stack .value{
  color:#FBFDFE;
  font-size:16px;
}

/* ============================================================
   FADE-UP SCROLL ANIMATION (safe default)
   ============================================================ */
@media(prefers-reduced-motion:no-preference){
  .home-page .fade-up{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease;}
  .home-page .fade-up.visible{opacity:1;transform:none;}
}
noscript .fade-up{opacity:1;}

/* ============================================================
   MOBILE / RESPONSIVE — rail becomes top bar
   ============================================================ */
@media(max-width:1020px){
  .main-column{margin-left:var(--rail-w);}
}
@media(max-width:900px){
  .siderailnav{
    width:100%;
    height:60px;
    flex-direction:row;
    align-items:center;
    justify-content:space-between;
    padding:0 22px;
    position:fixed;
    top:0;left:0;
  }
  .siderailnav .feather-chip{margin-bottom:0;}
  .siderailnav .rail-mid{display:none;}
  .siderailnav .rail-wordmark{display:none;}
  .siderailnav .rail-desk-home{display:none !important;}
  .siderailnav .burger{
    display:flex;
    width:40px;height:40px;
    align-items:center;justify-content:center;
    background:transparent;border:1px solid var(--bus-line);
    border-radius:6px;cursor:pointer;color:#FBFDFE;
  }
  .burg-lines{display:flex;flex-direction:column;gap:4px;}
  .burg-lines span{width:16px;height:2px;background-color:#FBFDFE;}
  .siderailnav.open .mobile-menu-panel{display:flex;}
  .mobile-menu-panel{
    display:none;
    position:fixed;
    top:60px;left:0;right:0;
    background-color:var(--circuit-deep);
    flex-direction:column;
    padding:26px 24px 30px;
    border-bottom:2px solid var(--feather-indigo);
    z-index:70;
  }
  .mobile-menu-panel a{
    color:#FBFDFE;
    text-decoration:none;
    font-size:17px;
    font-weight:600;
    padding:12px 0;
    border-bottom:1px solid var(--bus-line);
  }
  .main-column{margin-left:0;padding-top:60px;}

  .benchintroopening .container{padding:0 28px;}
  .menu-strip{padding:6px 28px;}
  .intro-headline{font-size:44px;}
  .intro-columns{grid-template-columns:1fr;gap:28px;}
  .workbench-inner{flex-wrap:wrap;height:auto;gap:40px 24px;justify-content:center;padding:60px 28px 40px;}
  .workbench-band .container,.workbench-inner{padding-left:28px;padding-right:28px;}
  .screwkit,.laptop,.router,.coiled-cable,.ticket-stand{order:initial;}
  .sec-container{padding:0 28px;}
  .tl-entry{width:100%;left:0!important;padding:0 0 26px 34px !important;}
  .timeline-main:before{left:12px;transform:none;}
  .tl-entry .tl-node{left:5px !important;right:auto !important;}
  .tl-card{padding:20px 22px;}
  .area-inner{padding:36px 28px;flex-direction:column;align-items:flex-start;}
  .area-led-group{justify-content:flex-start;}
  .note-inner{padding:44px 28px 50px;margin:0 0 0 16px !important;}
  .ft-columns{grid-template-columns:1fr;padding:52px 28px 0;gap:36px;}
  .contact-anchor-card{grid-template-columns:1fr;padding:38px 26px;}
  .ft-bottom-inner{padding:18px 28px 24px;flex-direction:column;align-items:flex-start;}
  .ft-mini a{margin-left:0;margin-right:18px;}
  .service-area-strip{padding-top:0;}
  .timeline-section,.closing-note{padding-left:0;padding-right:0;}
}
@media(max-width:520px){
  .intro-headline,.intro-headline .fo{font-size:34px;}
  .sec-title{font-size:30px;}
}