*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;color:#102b49;background:#fff;font:16px/1.65 system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,textarea,select{touch-action:manipulation}a:focus-visible,button:focus-visible{outline:3px solid #07a8e8;outline-offset:5px}.wrap{width:min(1240px,90%);margin:auto}.header{position:sticky;top:0;z-index:10;background:#ffffffed;border-bottom:1px solid #e1edf5;backdrop-filter:blur(12px)}.nav{min-height:86px;display:flex;gap:24px;align-items:center}.logo{width:195px;height:auto;display:block}.navlinks{display:flex;align-items:center;gap:25px;margin-left:auto;font-size:14px;font-weight:600}.navlinks a[aria-current=page]{color:#0078c4}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:13px 23px;border-radius:8px;border:1px solid transparent;background:linear-gradient(120deg,#008af5,#00b9ec);color:white;font-weight:700;font-size:14px;cursor:pointer;box-shadow:0 8px 22px #009bdf20}.button.secondary{background:transparent;border-color:#6dd8f3;color:inherit;box-shadow:none}.menu{display:none;background:none;border:1px solid #d1e3ed;padding:8px;border-radius:6px}.hero{overflow:hidden;background:radial-gradient(ellipse at 80% 30%,#13689b66,transparent 60%),linear-gradient(120deg,#061831,#073057);color:white;padding:75px 0 100px;position:relative}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(155deg,transparent 65%,#067bbe22 65%,transparent 80%);pointer-events:none}.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:50px;position:relative}.eyebrow{font-size:11px;letter-spacing:3px;font-weight:700;text-transform:uppercase;color:#5cd7f4;margin-bottom:20px}h1{font-size:clamp(36px,4.2vw,57px);line-height:1.12;letter-spacing:-1.8px;margin:0 0 24px}h1 span{color:#39d1ed}h2{font-size:clamp(27px,3vw,38px);line-height:1.22;letter-spacing:-1px;margin:0 0 15px}h3{line-height:1.3;font-size:19px;margin:0 0 12px}p{margin:0 0 20px}.hero p{color:#d2e5f4;font-size:18px;max-width:630px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}.assurances{display:flex;gap:22px;flex-wrap:wrap;margin-top:35px;font-size:12px;color:#bdd9ed}.device{border:8px solid #101f34;border-radius:18px;background:#f5faff;color:#173252;box-shadow:0 25px 70px #0006;transform:perspective(1100px) rotateY(-7deg);overflow:hidden}.device-head{display:flex;justify-content:space-between;padding:13px 16px;border-bottom:1px solid #dce6ee;font-size:11px}.device-head img{width:90px}.app{display:grid;grid-template-columns:95px 1fr;min-height:290px}.sidebar{background:#0c365a;color:#b9d7e9;padding:20px 10px;font-size:10px;line-height:2.8}.dashboard{padding:20px}.dashboard h3{font-size:16px}.dash-cards{display:flex;gap:8px;margin-bottom:18px}.dash-cards div{flex:1;border:1px solid #dfe9f0;border-radius:6px;padding:10px;background:white;font-size:10px}.dash-cards b{display:block;font-size:14px;margin-top:5px}.chart{height:120px;display:flex;align-items:flex-end;gap:9px;padding:15px;background:repeating-linear-gradient(to top,#e2eef5 0 1px,transparent 1px 30px);border-bottom:1px solid #cadce8}.chart i{flex:1;background:linear-gradient(#00b3ed,#0785ea);border-radius:4px 4px 0 0}.mock-note{text-align:center;font-size:11px;color:#9dc9e1;margin-top:20px}.section{padding:75px 0}.section.soft{background:#f1f8fd}.lead{color:#61768b;max-width:680px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-grid.overlap{position:relative;margin-top:-42px}.card{border:1px solid #dfebf3;background:white;border-radius:12px;padding:25px;box-shadow:0 10px 30px #083c6410}.card h3{font-size:18px}.card p{font-size:14px;color:#60768b}.icon{width:48px;height:48px;background:linear-gradient(130deg,#008cf0,#03c3e9);color:white;display:grid;place-items:center;font-size:25px;border-radius:13px;margin-bottom:20px}.link{color:#007cc9;font-size:14px;font-weight:700}.link:after{content:' →'}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.two{display:grid;grid-template-columns:1fr 1fr;gap:65px;align-items:start}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.benefits p{font-size:14px;color:#61768b}.band{padding:34px 0;background:linear-gradient(120deg,#06223e,#0a3c65);color:white}.expertise{display:flex;align-items:center;flex-wrap:wrap;gap:22px;justify-content:space-between;font-size:13px}.expertise h3{max-width:220px;margin:0}.project{position:relative;padding:27px;border:1px solid #d9e8f1;border-radius:10px;background:linear-gradient(145deg,#f9fcff,#e7f4fc)}.project .project-art{height:80px;display:flex;gap:6px;align-items:center;color:#099bdb;font-size:36px}.project h3{font-size:18px;overflow-wrap:anywhere}.project small{color:#6c8192}.process{display:grid;grid-template-columns:repeat(5,1fr);gap:23px;counter-reset:step}.step{border-top:2px solid #1ab9eb;padding-top:18px}.step:before{counter-increment:step;content:'0'counter(step);color:#078cca;font-weight:800;display:block;margin-bottom:8px}.step p{font-size:14px;color:#6a7e8d}.cta{padding:45px;background:#072f51;color:white;border-radius:14px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{font-size:30px}.cta p{color:#c4d9e9;margin:0}.footer{background:#071d33;color:#b9cbdc;padding:50px 0 22px;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px}.footer .logo{padding:9px;background:white;border-radius:6px;width:185px;margin-bottom:20px}.footer h3{color:white;font-size:16px}.footer a{display:block;margin-bottom:10px}.copyright{border-top:1px solid #264359;margin-top:28px;padding-top:20px;display:flex;justify-content:space-between;font-size:12px}.whatsapp{position:fixed;bottom:20px;right:20px;background:#0c6947;color:white;border:2px solid white;padding:12px 18px;border-radius:30px;z-index:9;box-shadow:0 6px 20px #0002;font-size:14px;font-weight:700}label{display:block;font-size:14px;font-weight:600;margin:14px 0 6px}input,select,textarea{width:100%;padding:12px;border:1px solid #c6d9e7;border-radius:7px;background:white;color:#173252}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{outline:2px solid #05a4e6;outline-offset:2px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.check{display:flex;gap:10px;align-items:flex-start;font-weight:400}.check input{width:18px;height:18px;margin-top:4px}.check a{text-decoration:underline}.trap{position:absolute;left:-10000px}.status{margin-top:16px;color:#12613e}.status.error{color:#a22727}.faq details{border-bottom:1px solid #d6e6f1;padding:18px 0}.faq summary{font-weight:700;cursor:pointer}.faq p{padding-top:12px;color:#60768b}.feature-list{padding-left:20px;color:#506e84}.feature-list li{margin:10px 0}.intro{padding:58px 0;background:#eef7fc}.intro h1{font-size:45px}.prose{max-width:820px}.prose h2{margin-top:32px;font-size:25px}.filter{display:flex;gap:10px;flex-wrap:wrap;margin:24px 0}.filter button{padding:9px 15px;border:1px solid #bfd9eb;background:white;border-radius:24px;cursor:pointer}.filter button[aria-pressed=true]{background:#073758;color:white}.skip{position:absolute;left:-9999px}.skip:focus{left:20px;top:10px;z-index:30;background:white;padding:10px}.muted{font-size:13px;color:#657e91}.contact-info a{display:block;margin-bottom:12px;color:#007bba}.mobile-only{display:none}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}@media(max-width:1050px){.nav{gap:15px}.navlinks{gap:14px}.service-grid{grid-template-columns:repeat(2,1fr)}.hero-grid{gap:25px}.benefits{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.nav{min-height:72px}.logo{width:158px}.nav>.button{display:none}.menu{display:block;margin-left:auto}.navlinks{display:none;position:absolute;top:72px;left:0;right:0;background:white;padding:22px 5%;border-bottom:1px solid #d5e8f2}.navlinks.open{display:flex;flex-direction:column;align-items:flex-start}.hero{padding:50px 0 80px}.hero-grid,.two{grid-template-columns:1fr;gap:35px}.hero p{font-size:16px}.device{transform:none;max-width:530px}.hero-grid>div{min-width:0}.service-grid,.grid,.footer-grid{grid-template-columns:1fr}.benefits{gap:20px}.section{padding:48px 0}.process{grid-template-columns:1fr 1fr}.cta{display:block;padding:28px}.cta .button{margin-top:20px}.form-row{grid-template-columns:1fr;gap:0}.copyright{display:block;padding-bottom:55px}.intro h1{font-size:35px}.whatsapp{padding:9px 14px}.wrap{width:90%}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* V2: imagery extracted from the approved design; all copy remains live HTML. */
.home-page .header .nav{min-height:70px}.home-page .hero{padding:30px 0 65px;background:linear-gradient(110deg,#082b50,#061b33 55%,#0d4870)}
.home-page .hero-grid{grid-template-columns:1fr 1.3fr;gap:24px}.home-page h1{font-size:clamp(34px,3.3vw,49px)}.home-page .hero p{font-size:17px;line-height:1.45}.home-page .eyebrow{margin-bottom:12px}.home-page .actions{margin-top:20px}.home-page .assurances{margin-top:26px;gap:16px}
.hero-art{display:block;width:calc(100% + 70px);max-width:none;height:auto;border-radius:4px;box-shadow:0 20px 45px #00132660}.home-page .service-grid.overlap{margin-top:-34px;gap:12px}.home-page .card{position:relative;min-height:206px;padding:20px 16px 18px;overflow:hidden}.home-page .card h3{font-size:16px;max-width:78%;min-height:42px;padding-left:53px}.home-page .card .icon{position:absolute;top:20px;left:16px;width:42px;height:42px;font-size:23px}.service-art{position:absolute;right:0;bottom:10px;width:112px;height:105px;object-fit:contain}.home-page .card p{position:relative;font-size:12px;line-height:1.5;max-width:64%;margin-top:14px;margin-bottom:15px}.home-page .card .link{position:relative;font-size:13px}
.home-page .section{padding:38px 0}.why-layout{display:grid;grid-template-columns:230px 1fr;gap:28px;align-items:center}.why-layout h2{font-size:25px}.why-layout .lead{font-size:12px;margin:0}.home-page .benefits{gap:20px}.home-page .benefits h3{font-size:14px}.home-page .benefits p{font-size:12px;margin:0}.home-page .band{padding:23px 0}.home-page .expertise{gap:15px;font-size:12px}.home-page .expertise h3{font-size:20px;max-width:150px}.portfolio-grid{grid-template-columns:repeat(4,1fr);gap:16px}.project{padding:0 0 16px;overflow:hidden;background:white}.project-image{display:block;width:100%;height:auto;aspect-ratio:2.87;object-fit:cover}.project h3,.project>.link,.project>small{margin-left:14px;margin-right:14px}.project h3{font-size:16px;margin-top:5px}.image-note{display:block;font-size:10px;color:#60768b;padding-top:5px}.home-page .process h3{font-size:15px}.home-page .process p{font-size:12px}.home-page .cta{padding:25px 32px}.home-page .cta h2{font-size:26px}
@media(max-width:1100px){.home-page .hero-grid{grid-template-columns:1fr 1.1fr}.hero-art{width:100%}.why-layout{grid-template-columns:1fr}.portfolio-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.home-page .hero{padding:35px 0 65px}.home-page .hero-grid{grid-template-columns:1fr}.hero-art{width:100%;margin-top:5px}.home-page .card{min-height:185px}.home-page .card h3{max-width:80%}.service-art{width:135px;height:120px}.home-page .card p{max-width:60%;font-size:14px}.portfolio-grid{grid-template-columns:1fr}.home-page .benefits{grid-template-columns:1fr 1fr}.home-page .section{padding:35px 0}.home-page .expertise span{flex:1 1 35%}}

.feature-grid{gap:24px}.feature-card{padding:0 0 25px;overflow:hidden;box-shadow:0 12px 30px #083c640c}.feature-illustration{display:block;width:100%;aspect-ratio:3/2;height:auto;object-fit:cover;background:#f4faff;border-bottom:1px solid #e3eef6}.feature-card h3{padding:23px 24px 0;margin-bottom:12px;font-size:19px}.feature-card p{padding:0 24px;margin:0;font-size:14px;line-height:1.7}.feature-card:hover{border-color:#9dd9f3}@media(max-width:1050px){.feature-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.feature-grid{grid-template-columns:1fr}.feature-card h3{padding-top:20px}}

.process-illustration{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px;margin-bottom:17px}.step{position:relative}.step:before{position:absolute;top:27px;left:10px;background:#ffffffee;border:1px solid #d2e9f6;border-radius:20px;padding:2px 10px;font-size:12px;z-index:1}.expertise-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;flex:1;min-width:100px}.expertise-item img{width:100%;max-width:125px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:10px}.home-page .expertise{align-items:center}.home-page .band{padding:28px 0}.process{gap:20px}@media(max-width:760px){.expertise-item{flex:1 1 35%}.expertise-item img{max-width:150px}.process{gap:24px}.step h3{font-size:15px}}

/* Final compact icon sections, matching approved reference strips. */
.home-page .expertise{display:grid;grid-template-columns:190px repeat(7,minmax(0,1fr));gap:0;align-items:center}.expertise-heading h3{font-size:22px;line-height:1.15;max-width:none!important}.expertise-heading p{font-size:12px;line-height:1.4;margin:7px 14px 0 0;color:#dceffc}.expertise-item{min-width:0;display:flex;gap:10px;border-left:1px solid #ffffff30;padding:4px 12px;align-self:stretch;justify-content:center;font-size:12px;line-height:1.3}.expertise-item img{width:34px;max-width:34px;height:34px;aspect-ratio:auto;object-fit:contain;border-radius:0}.home-page .band{padding:22px 0;background:linear-gradient(120deg,#062442,#09395e)}
.process-layout{display:grid;grid-template-columns:190px minmax(0,1fr);gap:28px;align-items:center}.process-heading h2{font-size:23px;letter-spacing:-.5px}.process-heading .lead{font-size:12px;margin:0;line-height:1.45}.process{grid-template-columns:repeat(5,minmax(0,1fr));gap:22px;counter-reset:none}.step{border:0;padding:0;display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center}.step:before{content:none}.step:not(:last-child):after{content:'›';position:absolute;right:-17px;top:50%;transform:translateY(-50%);color:#00a9ef;font-size:27px}.process-icon{width:48px;height:48px;background:#dff3ff;border-radius:50%;display:grid;place-items:center}.process-icon img{width:30px;height:30px;object-fit:contain}.step-copy{min-width:0}.step-number{color:#008ee9}.step h3,.home-page .process h3{font-size:12px;line-height:1.3;margin:0 0 5px}.step p,.home-page .process p{font-size:11px;line-height:1.4;margin:0}.about-service-card{padding:0 0 24px;overflow:hidden;display:flex;flex-direction:column}.about-service-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;background:#f2faff;border-bottom:1px solid #ddecf7}.about-service-card h3{padding:22px 22px 0;font-size:18px}.about-service-card p{padding:0 22px;margin-bottom:18px}.about-service-card .link{margin: auto 22px 0}.hero-art{max-width:100%}
@media(max-width:1150px){.home-page .expertise{grid-template-columns:repeat(4,minmax(0,1fr));row-gap:22px}.expertise-heading{grid-column:1/-1}.expertise-item:nth-child(2),.expertise-item:nth-child(6){border-left:0}.process-layout{grid-template-columns:1fr;gap:22px}.process{grid-template-columns:repeat(5,minmax(0,1fr))}}
@media(max-width:900px){.process{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.step:not(:last-child):after{content:none}}
@media(max-width:760px){.home-page .expertise{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 0}.expertise-item{padding:6px 15px;min-height:82px}.expertise-item:nth-child(even){border-left:0}.process{grid-template-columns:1fr;gap:18px}.step{grid-template-columns:52px minmax(0,1fr);gap:15px}.step h3,.home-page .process h3{font-size:15px}.step p,.home-page .process p{font-size:13px}.process-heading h2{font-size:25px}}

.icon img{display:block;width:30px;height:30px;filter:brightness(0) invert(1)}

/* Why Choose Qbite: compact advantage strip matching the reference. */
.why-layout{grid-template-columns:205px minmax(0,1fr);gap:24px}.why-layout h2{font-size:26px;line-height:1.1;margin:0;letter-spacing:-.7px}.why-layout h2 span{display:block;color:#008bfa}.home-page .benefits{grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.benefit-item{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:center;gap:12px;padding:0 15px;border-left:1px solid #d8e7f2}.benefit-item:first-child{border-left:0;padding-left:0}.benefit-icon{width:48px;height:48px;border-radius:50%;background:#ecf8ff;display:grid;place-items:center}.benefit-icon img{display:block;width:28px;height:28px;object-fit:contain}.benefit-copy{min-width:0}.home-page .benefits h3{font-size:12px;margin:0 0 5px;line-height:1.35}.home-page .benefits p{font-size:11px;line-height:1.45;margin:0}
@media(max-width:1150px){.why-layout{grid-template-columns:1fr;gap:22px}.why-layout h2 span{display:inline}.home-page .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 0}.benefit-item:nth-child(3){border-left:0;padding-left:0}.home-page .benefits h3{font-size:14px}.home-page .benefits p{font-size:13px}}
@media(max-width:760px){.home-page .benefits{grid-template-columns:1fr;gap:20px}.benefit-item{border:0;padding:0;grid-template-columns:52px minmax(0,1fr)}.benefit-icon{width:52px;height:52px}.why-layout h2{font-size:26px}}