/* TekWaves Business Solutions — Launch 1.0 responsive site */
:root{--orange:#F5821F;--black:#000;--blue:#00A6D7;--navy:#00233A;--green:#46A748;--charcoal:#252A2D;--white:#fff;--ink:#F5F7F8;--muted:#D0D8DD;--shell:min(1320px,calc(100% - 9.2vw));}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:82px}
body{margin:0;min-width:300px;background:#000;color:var(--ink);font-family:'IBM Plex Sans',Arial,Helvetica,sans-serif;line-height:1.42;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%} a{color:inherit} h1,h2,h3,p{margin:0} h1,h2,h3{line-height:1.07;letter-spacing:-.028em} .shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;z-index:1000;top:0;left:12px;transform:translateY(-150%);background:#fff;color:#000;padding:8px}.skip-link:focus{transform:none}
.preview-ribbon{position:relative;z-index:70;text-align:center;background:#19333a;color:#cde1e8;font-size:11px;letter-spacing:.07em;padding:6px 12px}
.site-header{position:fixed;left:0;right:0;top:0;z-index:40;background:rgba(0,0,0,.88);border-bottom:1px solid rgba(255,255,255,.1)}
.header-inner{min-height:64px;display:flex;align-items:center;gap:20px}.header-logo{width:168px;flex:none}.header-logo img{width:100%;height:auto}.desktop-nav{display:flex;align-items:center;gap:20px;margin-left:auto}.desktop-nav a{font-size:.75rem;text-decoration:none;color:#f0f2f4}.desktop-nav a:hover,.footer-nav a:hover{color:var(--orange)}
.mobile-nav{display:none}.header-cta{margin-left:10px}
.btn{display:inline-flex;justify-content:center;align-items:center;text-align:center;min-height:38px;padding:9px 18px;border:1px solid transparent;border-radius:999px;text-decoration:none;font-weight:600;font-size:.84rem;line-height:1.2}.btn-primary{background:var(--orange);color:#000}.btn-outline{background:rgba(0,0,0,.23);border-color:rgba(255,255,255,.6);color:#fff}.btn-green{background:var(--green);color:#07160b}.btn:focus-visible,.mobile-nav summary:focus-visible{outline:3px solid var(--blue);outline-offset:4px}
.panel{position:relative;overflow:hidden;isolation:isolate}.panel-bg,.panel-shade{position:absolute;inset:0;width:100%;height:100%;pointer-events:none}.panel-bg{object-fit:cover;z-index:-3}.panel-shade{z-index:-2}
.eyebrow{font-size:clamp(.9rem,1.16vw,1.05rem);line-height:1.1;letter-spacing:.035em;text-transform:uppercase;color:var(--orange);font-weight:700;margin-bottom:10px}
h1{font-size:clamp(3rem,4.4vw,4.8rem);max-width:640px}h1 span{color:var(--orange)}h2{font-size:clamp(2.05rem,2.55vw,3rem)}h3{font-size:1.16rem}.mobile-photo{display:none}
.hero{min-height:clamp(480px,37.2vw,670px)}.hero .panel-bg{object-position:center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.70) 28%,rgba(0,0,0,.07) 67%),linear-gradient(0deg,rgba(0,0,0,.28),transparent 52%)}.hero-copy{padding-top:clamp(120px,10vw,175px);padding-bottom:46px}.hero .lede{max-width:490px;margin-top:24px;font-size:clamp(.95rem,1.05vw,1.1rem)}.actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:34px}
.section-inner{padding-block:clamp(36px,3.4vw,64px)}.dark-shade{background:linear-gradient(90deg,rgba(0,9,18,.88),rgba(0,35,58,.82))}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:6%;margin-bottom:28px}.section-heading>p{font-size:clamp(.87rem,1vw,1rem);color:var(--muted);max-width:540px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.process-card{border-top:3px solid var(--orange);background:rgba(0,0,0,.58);padding:17px 17px 20px;min-height:125px}.process-card.green{border-top-color:var(--green)}.process-card.blue{border-top-color:var(--blue)}.process-card .step{font-size:.85rem;font-weight:700;display:block;margin-bottom:9px;color:var(--orange)}.process-card.green .step{color:var(--green)}.process-card.blue .step{color:var(--blue)}.process-card h3{margin-bottom:8px}.process-card p{font-size:.82rem;line-height:1.3;color:var(--muted)}
.capabilities .dark-shade{background:linear-gradient(110deg,rgba(0,12,23,.89),rgba(0,35,58,.80))}.cap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:11px}.cap-card{display:grid;grid-template-columns:46% 54%;min-height:128px;overflow:hidden;background:rgba(0,0,0,.76);border-bottom:3px solid var(--orange)}.cap-card.blue{border-bottom-color:var(--blue)}.cap-card.green{border-bottom-color:var(--green)}.cap-card img{width:100%;height:100%;object-fit:cover}.cap-card>div{padding:13px 14px}.cap-card h3{font-size:clamp(.9rem,1.15vw,1.1rem);margin-bottom:8px}.cap-card p{font-size:clamp(.7rem,.83vw,.85rem);line-height:1.27;color:var(--muted)}
.delivery{min-height:clamp(310px,24.5vw,470px)}.delivery .panel-bg{object-position:center}.delivery-shade{background:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.10) 48%,rgba(0,0,0,.80) 68%,rgba(0,0,0,.92) 100%)}.delivery-copy{width:min(32%,500px);margin-left:auto;margin-right:4.6vw;padding-block:clamp(30px,3.1vw,52px)}.delivery-copy p:last-child{font-size:clamp(.86rem,.97vw,1.02rem);color:#e3e9ec;margin-top:22px}
.idlabs{min-height:clamp(260px,17.2vw,365px)}.idlabs .panel-bg{object-position:center}.idlabs-shade{background:linear-gradient(90deg,rgba(0,0,0,.89),rgba(37,42,45,.75) 50%,rgba(0,0,0,.13) 90%)}.idlabs-grid{display:grid;grid-template-columns:29% 1fr;gap:4%;padding-block:clamp(34px,3.5vw,60px)}.green-text{color:var(--green)}.idbrand h2{font-size:clamp(3.2rem,5vw,5.8rem)}.idbrand h2 span{color:var(--green)}.idbrand small{font-size:.64rem;color:#b7c1c5;letter-spacing:.1em}.idcopy h3{font-size:clamp(1.55rem,2vw,2.4rem);margin-bottom:14px}.idcopy p{font-size:clamp(.83rem,.95vw,1rem);max-width:560px;color:#d5dce0;margin-bottom:18px}
.evolution{min-height:clamp(290px,19vw,365px)}.evolution .panel-bg{object-position:center}.evolution-shade{background:linear-gradient(90deg,rgba(0,0,0,.76),rgba(0,0,0,.34) 44%,transparent 72%)}.evolution-copy{padding-block:clamp(32px,3.2vw,52px)}.evolution-copy h2{font-size:clamp(2.5rem,4vw,4.8rem)}.evolution-copy p:last-child{max-width:560px;margin-top:20px;font-size:clamp(.93rem,1.13vw,1.1rem)}
.contact{min-height:clamp(300px,19.5vw,375px)}.contact .panel-bg{object-position:center}.contact-shade{background:linear-gradient(90deg,rgba(0,0,0,.82),rgba(0,35,58,.60) 47%,rgba(0,0,0,.07))}.contact-copy{padding-block:clamp(35px,3.2vw,56px)}.contact-copy p{font-size:clamp(1rem,1.3vw,1.18rem);margin-top:22px;margin-bottom:20px}.contact-copy strong{display:inline-block;margin-top:6px;color:var(--orange)}
.site-footer{background:#000;border-top:1px solid rgba(255,255,255,.12);padding:30px 0}.footer-grid{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.footer-brand{display:flex;align-items:center;gap:12px;text-decoration:none}.footer-brand img{width:54px;height:54px}.footer-brand span{display:grid}.footer-brand strong{font-size:.85rem}.footer-brand small{font-size:.64rem;color:#aeb8bc}.footer-nav{display:flex;justify-content:center;flex-wrap:wrap;gap:12px}.footer-nav a{text-decoration:none;color:#b9c1c5;font-size:.76rem}.legal{text-align:right;display:grid;gap:5px;color:#889399;font-size:.68rem}
@media(max-width:1050px){:root{--shell:calc(100% - 56px)}.desktop-nav{gap:12px}.desktop-nav a{font-size:.68rem}.header-logo{width:150px}.cap-card{grid-template-columns:43% 57%}.cap-card>div{padding:10px}.cap-card h3{font-size:.89rem}.cap-card p{font-size:.73rem}.delivery-copy{width:38%}.footer-grid{grid-template-columns:1fr 1fr}.legal{text-align:left}}
@media(max-width:900px){:root{--shell:calc(100% - 36px)}html{scroll-padding-top:64px}.site-header{position:sticky;top:0;background:#000}.header-inner{min-height:62px;gap:10px}.header-logo{width:148px}.desktop-nav{display:none}.header-cta{margin-left:auto;min-height:34px;font-size:.75rem;padding:7px 11px}.mobile-nav{display:block;position:relative}.mobile-nav summary{cursor:pointer;list-style:none;border:1px solid rgba(255,255,255,.5);padding:8px 11px;border-radius:999px;font-weight:600;font-size:.75rem}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:45px;width:220px;display:grid;background:#03080a;border:1px solid #34444b;box-shadow:0 14px 40px #000a;z-index:55}.mobile-nav nav a{padding:11px 14px;text-decoration:none;font-size:.86rem;border-bottom:1px solid #24333a}
.panel{min-height:0}.panel-bg{display:none}.panel-shade{display:none}.mobile-photo{display:block;width:100%;background:#000;line-height:0}.mobile-photo img{display:block;width:100%;height:auto;aspect-ratio:1920/714;object-fit:contain}.mobile-photo-delivery img{aspect-ratio:1920/468}.mobile-photo-idlabs img{aspect-ratio:1920/329}.mobile-photo-evolution img{aspect-ratio:1920/496}.mobile-photo-contact img{aspect-ratio:1920/515}
/* Mobile hero: crop desktop headline negative space, retain all three hands. */
.mobile-photo-hero{aspect-ratio:2.44;overflow:hidden}
.mobile-photo-hero img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:right center}
.eyebrow{font-size:.96rem;margin-bottom:12px}.hero{display:flex;flex-direction:column;background:#05090b}.hero-copy{order:0;padding-block:26px 38px}.hero .mobile-photo{order:1}.hero h1{font-size:clamp(2.65rem,9.2vw,4.25rem);max-width:620px}.hero .lede{font-size:1rem;max-width:570px;margin-top:18px}.hero .actions{margin-top:24px}.btn{font-size:.85rem;min-height:42px}.hero .actions .btn{flex:1 1 180px}
.approach{background:linear-gradient(135deg,#001521,#00233A)}.section-inner{padding-block:32px 38px}.section-heading{grid-template-columns:1fr;gap:16px;margin-bottom:22px}.section-heading h2{font-size:clamp(2rem,7.4vw,2.75rem)}.section-heading>p{font-size:.94rem;line-height:1.48}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.process-card{min-height:143px;padding:16px}.process-card h3{font-size:1.05rem}.process-card p{font-size:.83rem}
.capabilities{background:linear-gradient(145deg,#000b13,#00233A)}.cap-grid{grid-template-columns:1fr;gap:12px}.cap-card{grid-template-columns:40% 60%;min-height:138px}.cap-card img{height:100%;aspect-ratio:auto;object-fit:cover}.cap-card>div{padding:15px}.cap-card h3{font-size:1.05rem}.cap-card p{font-size:.84rem;line-height:1.33}
.delivery{display:flex;flex-direction:column;background:#06121a}.delivery .mobile-photo{order:0}.delivery-copy{order:1;margin-inline:auto;width:var(--shell);padding-block:26px 38px}.delivery-copy h2{font-size:clamp(2rem,7.3vw,2.8rem)}.delivery-copy p:last-child{font-size:.96rem;margin-top:16px}
.idlabs{display:flex;flex-direction:column;background:linear-gradient(120deg,#071b17,#252A2D)}.idlabs-grid{order:0;grid-template-columns:1fr;gap:24px;padding-block:30px 34px}.idlabs .mobile-photo{order:1}.idbrand h2{font-size:3.9rem}.idcopy h3{font-size:clamp(1.65rem,6vw,2.2rem)}.idcopy p{font-size:.94rem;line-height:1.5}.idcopy .btn{width:max-content}
.evolution{display:flex;flex-direction:column;background:#090d11}.evolution-copy{order:0;padding-block:30px 35px}.evolution-copy h2{font-size:clamp(2.35rem,8vw,3.6rem)}.evolution-copy p:last-child{font-size:.96rem;line-height:1.5;margin-top:18px}.evolution .mobile-photo{order:1}
.contact{display:flex;flex-direction:column;background:linear-gradient(145deg,#000b15,#00233A)}.contact-copy{order:0;padding-block:26px 28px}.contact-copy h2{font-size:clamp(2.1rem,7.7vw,3rem)}.contact-copy p{font-size:1rem}.contact .mobile-photo{order:1}
.site-footer{padding:26px 0}.footer-grid{grid-template-columns:1fr;gap:20px}.footer-nav{justify-content:flex-start;gap:12px 16px}.legal{text-align:left}
}
@media(max-width:440px){:root{--shell:calc(100% - 32px)}.header-logo{width:130px}.header-cta{font-size:.69rem;padding:6px 9px}.mobile-nav summary{font-size:.69rem;padding:7px 9px}.hero h1{font-size:clamp(2.45rem,10vw,3rem)}.process-grid{grid-template-columns:1fr}.process-card{min-height:0;padding:13px 16px}.process-card .step{display:inline-block;margin-right:10px;margin-bottom:4px}.process-card h3{display:inline-block;margin-bottom:6px}.process-card p{font-size:.87rem}.cap-card{grid-template-columns:39% 61%;min-height:145px}.cap-card>div{padding:12px}.cap-card h3{font-size:.96rem}.cap-card p{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Launch pass: coherent Lucide-style vectors, top right opposite step number. */
.process-card{position:relative;padding-right:clamp(58px,5.2vw,74px)}
.process-card .process-icon{position:absolute;top:13px;right:15px;width:34px;height:34px;color:var(--orange);pointer-events:none}
.process-card.green .process-icon{color:var(--green)}
.process-card.blue .process-icon{color:var(--blue)}
@media(max-width:900px){.process-card{padding-right:68px}.process-card .process-icon{width:35px;height:35px;top:12px;right:14px}}
@media(max-width:440px){.process-card{padding-right:62px}.process-card .process-icon{width:33px;height:33px;top:12px;right:13px}}

/* Launch polish: trim excess mobile contact whitespace; reframe team image without cutting heads or table. */
@media(max-width:900px){
  .mobile-photo-delivery{aspect-ratio:3.73;overflow:hidden}
  .mobile-photo-delivery img{width:110%;max-width:none;height:auto;aspect-ratio:auto;object-fit:unset}
}
.legal a{color:#b9c1c5;text-decoration:none}
.legal a:hover,.legal a:focus-visible{color:var(--orange);text-decoration:underline}

/* V1.1: visible CTA interaction without changing approved brand styling. */
@media (hover:hover){
  .btn-primary:hover{background:#ffa04b}
  .btn-green:hover{background:#5ec663}
  .btn-outline:hover{border-color:var(--orange);color:var(--orange);background:rgba(0,0,0,.5)}
  .mobile-nav nav a:hover{color:var(--orange);background:#0b171b}
}
.btn:focus-visible,.header-logo:focus-visible,.footer-brand:focus-visible,.desktop-nav a:focus-visible,.footer-nav a:focus-visible,.mobile-nav nav a:focus-visible{outline:3px solid var(--blue);outline-offset:3px}
