:root{color-scheme:dark;--bg:#080f19;--panel:#0e1925;--ink:#edf3f7;--muted:#aab9c9;--teal:#75ecd3;--gold:#e7c485;--line:#273647;--sans:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font:16px/1.6 var(--sans)}a{color:inherit;text-decoration:none}p{margin:0 0 16px}h1,h2,h3{margin:0;line-height:1.08;letter-spacing:-.045em}h2{font-size:clamp(2.4rem,5vw,4.4rem)}h3{font-size:1.65rem}a:focus-visible,button:focus-visible,summary:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--teal);outline-offset:4px}.wrap{width:min(1180px,calc(100% - 68px));margin-inline:auto}.skip{position:absolute;z-index:5;left:10px;top:-100px;background:var(--teal);color:var(--bg);padding:10px}.skip:focus{top:10px}header{border-bottom:1px solid var(--line);background:#080f19}.nav{min-height:75px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.45rem;font-weight:790;line-height:1.05;letter-spacing:-.055em}.brand span span{color:var(--teal)}.brand small{display:block;margin-top:5px;font:600 .52rem/1 var(--mono);letter-spacing:.15em;color:var(--muted)}.navlinks{display:flex;gap:30px;color:var(--muted);font-size:.9rem}.navlinks a:hover,.text-link:hover{color:var(--teal)}.button{display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:46px;padding:10px 16px;border-radius:6px;border:1px solid transparent;font:700 .9rem/1.4 var(--sans);cursor:pointer}.outline{border-color:#577064;color:var(--teal)}.outline:hover{background:#102723}.primary{color:#09241e;background:var(--teal)}.primary:hover{background:#a1f5e3}.hero{position:relative;overflow:hidden;background:linear-gradient(90deg,#080f19 3%,#080f19d9 32%,#080f1960 70%,#080f1920),linear-gradient(0deg,#080f19,transparent 42%),url(dubai.webp) 70% center/cover no-repeat,#0e2030}.hero-inner{position:relative;padding-block:clamp(90px,13vw,174px) clamp(78px,10vw,136px)}.eyebrow{display:flex;align-items:center;gap:11px;font:650 .74rem/1.4 var(--mono);letter-spacing:.145em;color:var(--teal);margin-bottom:20px}.signal{width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 15px var(--teal)}.gold{color:var(--gold)}h1{font-size:clamp(3rem,8vw,7rem);line-height:.99;letter-spacing:-.065em}h1 em{font-style:normal;color:var(--teal)}.hero-copy{color:#dbE5ef;font-size:clamp(1rem,2vw,1.22rem);max-width:54ch;margin:24px 0 27px}.actions{display:flex;align-items:center;flex-wrap:wrap;gap:18px 23px}.text-link{font-weight:670;font-size:.92rem}.hero-foot{display:flex;justify-content:space-between;gap:12px;padding-block:15px;border-top:1px solid #6a838866;color:var(--muted);font:600 .64rem var(--mono);letter-spacing:.12em}.section{padding-block:clamp(58px,8vw,108px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:34px}.section-head p{max-width:39ch;margin:0;color:var(--muted)}.grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.card{min-width:0;padding:clamp(22px,3vw,35px);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:12px;background:linear-gradient(145deg,#11212c,#0c1520 66%)}.card-top{display:flex;align-items:center;justify-content:space-between;color:var(--gold);font:.78rem var(--mono);margin-bottom:26px}.icon{display:grid;place-items:center;width:42px;height:42px;border:1px solid #315c57;border-radius:8px;color:var(--teal);background:#13302d66}.icon svg{width:23px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.card p{margin:12px 0 20px;color:var(--muted);max-width:55ch}.card details{margin-top:auto;border-top:1px solid var(--line);padding-top:13px}.card summary{cursor:pointer;font-weight:660;color:var(--teal);font-size:.9rem}.card ul{padding-left:19px;color:var(--muted);margin-bottom:0}.card li+li{margin-top:5px}.approach{border-block:1px solid var(--line);background:#0b1520}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;list-style:none;padding:0;margin:0}.steps li{border-top:1px solid #4c695e;padding-top:18px}.steps span{color:var(--gold);font:.75rem var(--mono);display:block;margin-bottom:14px}.steps p,.contact p{margin:14px 0 0;color:var(--muted)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,7vw,100px)}.contact h2{max-width:11ch}.contact p{max-width:50ch}.contact .eyebrow{margin:0 0 20px;color:var(--gold)}form{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:clamp(18px,3vw,30px)}label{display:block;font-weight:650;font-size:.9rem;margin-bottom:6px}select,textarea{display:block;width:100%;padding:10px 12px;background:#080f19;border:1px solid #405165;border-radius:6px;color:var(--ink);font:inherit;margin-bottom:15px}textarea{resize:vertical}.contact .form-note{font-size:.78rem;margin-top:10px}.footer{display:flex;align-items:center;justify-content:space-between;gap:22px;padding-block:28px}.footer p{margin:0;color:var(--ink);font-size:.86rem}.footer p span{color:var(--muted)}footer{border-top:1px solid var(--line)}[id]{scroll-margin-top:20px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card{transition:transform .24s ease,border-color .24s ease}.card:hover{transform:translateY(-4px);border-color:#497e71}}
@media(max-width:730px){.wrap{width:calc(100% - 40px)}.navlinks{display:none}.nav{min-height:65px}.section-head{align-items:start;flex-direction:column;gap:12px}.steps{grid-template-columns:1fr}.contact{grid-template-columns:1fr}.hero{background-position:65% center}.footer{flex-wrap:wrap}}@media(max-width:520px){.wrap{width:calc(100% - 32px)}.grid{grid-template-columns:1fr}.brand small{display:none}.hero-foot{font-size:.57rem}.hero-inner{padding-block:84px}.button{gap:8px;padding-inline:12px}.footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
.hero{isolation:isolate;background:#0e2030}
.hero-image,.hero::before{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.hero-image{object-fit:cover;object-position:70% center}
.hero::before{content:"";z-index:-1;background:linear-gradient(90deg,#080f19 3%,#080f19d9 32%,#080f1960 70%,#080f1920),linear-gradient(0deg,#080f19,transparent 42%)}
.founder-section{display:grid;grid-template-columns:1fr 1fr;align-items:start;gap:clamp(24px,6vw,84px)}
.intro,.founder p:last-child{color:var(--muted);margin:16px 0 0;max-width:60ch}
.founder{display:flex;gap:18px;align-items:start;border:1px solid var(--line);background:var(--panel);padding:clamp(20px,3vw,32px);border-radius:12px}
.founder img{object-fit:cover;border-radius:8px;flex:none;max-width:27%;height:auto;aspect-ratio:1}
.founder .eyebrow,.work-grid .eyebrow{margin:0 0 14px;color:var(--gold)}
.work-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.work-grid .text-link{color:var(--teal);margin-top:auto;align-self:start;padding-block:8px}
.work-placeholder{border-style:dashed}
fieldset{border:0;padding:0;margin:0;min-inline-size:0}
.fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:14px}
form input{display:block;width:100%;min-height:46px;padding:10px 12px;background:#080f19;border:1px solid #405165;border-radius:6px;color:var(--ink);font:inherit;margin-bottom:15px}
input:focus-visible{outline:2px solid var(--teal);outline-offset:4px}
.optional{color:var(--muted);font-weight:400}
form button:disabled{opacity:.55;cursor:default}
#enquiry-status:not(:empty){font-size:.88rem}#enquiry-status[data-state=success]{color:var(--teal)}#enquiry-status[data-state=error]{color:#ffc5ad}
.form-note a,.footer-links a,.contact-channels a,.legal a{text-decoration:underline;text-underline-offset:.22em}
.footer-links{font-size:.88rem;min-width:0}.footer-links nav,.footer-links [data-channels],.contact-channels{display:flex;flex-wrap:wrap;gap:8px 18px}
.contact-channels{margin-top:20px}.contact-channels a,.footer-links a{overflow-wrap:anywhere;color:var(--teal)}
.whatsapp-float{display:none}
.legal{max-width:780px}.legal h1{font-size:clamp(2.6rem,8vw,5rem);margin-bottom:28px}.legal h2{font-size:clamp(1.35rem,4vw,2rem);margin:28px 0 10px}.legal p{color:var(--muted)}.legal .eyebrow{color:var(--gold)}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.card summary{padding-block:8px;min-height:44px}
@media(max-width:820px){.nav{gap:12px}.navlinks{gap:16px}}
@media(max-width:730px){
.hero-image{object-position:65% center}.hero::before{background:linear-gradient(90deg,#080f19ed,#080f1980 70%,#080f1965),linear-gradient(0deg,#080f19,transparent 56%)}
.founder-section,.work-grid{grid-template-columns:1fr}.footer{align-items:start;gap:18px}.footer p{order:0}
.whatsapp-float:not([hidden]){display:inline-flex;position:fixed;z-index:4;right:max(14px,env(safe-area-inset-right));bottom:calc(14px + env(safe-area-inset-bottom));background:var(--teal);color:#09241e;box-shadow:0 4px 22px #0009}
body:has(.whatsapp-float:not([hidden])) footer{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
}
@media(max-width:520px){.fields{grid-template-columns:1fr}.hero-inner{padding-block:60px 64px}.hero h1{font-size:clamp(2.5rem,11vw,3.5rem)}}
/* NestTech brand kit */
:root{--bg:#05070b;--panel:#0c121a;--ink:#f9fafb;--muted:#a7b0be;--teal:#22d3ee;--gold:#22d3ee;--line:#24313d}
header{background:#05070b}
.brand img{display:block;width:clamp(120px,17vw,205px);height:auto}
footer .brand img{width:clamp(154px,25vw,235px)}
.primary,.whatsapp-float:not([hidden]){background:#22d3ee;color:#05070b}.primary:hover{background:#67e8f9}
.outline{border-color:#247383}.outline:hover{background:#0d2833}
.approach{background-color:#05070b;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:24px 24px}
.work-grid{grid-template-columns:minmax(0,1fr);max-width:700px}
.hero{background:#0c121a}.hero::before{background:linear-gradient(90deg,#05070b 3%,#05070bdd 32%,#05070b61 70%,#05070b26),linear-gradient(0deg,#05070b,transparent 42%)}
.card{background:linear-gradient(145deg,#101d28,#0c121a 66%)}
.icon{background:#10313c66;border-color:#225467}.steps li{border-top-color:#225467}
form input,select,textarea{background:#05070b}
@media(hover:hover) and (prefers-reduced-motion:no-preference){.card:hover{border-color:#247383}}
@media(max-width:730px){.hero::before{background:linear-gradient(90deg,#05070bf0,#05070b99 72%,#05070b66),linear-gradient(0deg,#05070b,transparent 56%)}}

.contact-preview{border:1px solid var(--line);border-radius:12px;background:var(--panel);padding:clamp(22px,4vw,42px)}
.contact-preview .eyebrow{margin-bottom:14px}
.contact-preview .text-link{display:inline-flex;align-items:center;gap:8px;min-height:44px;margin-top:12px;color:var(--teal)}
@media(max-width:360px){.nav>.button{font-size:.81rem;padding-inline:9px}.nav{gap:8px}}

/* Softer on-screen accents; the supplied logo retains its own colors. */
:root{--bg:#0e151e;--panel:#141e28;--ink:#e5ebee;--muted:#aebac3;--teal:#91b9bd;--gold:#a1b9bd;--line:#30404b}
header{background:var(--bg)}
.hero{background:#141d26}
.hero h1{font-size:clamp(2.65rem,6.2vw,5.35rem);line-height:1.05;font-weight:720}
.hero h1 em{color:#c8d7db}
.hero-copy{color:#c6d1d8;max-width:51ch}
.hero-inner{padding-block:clamp(76px,10vw,130px) clamp(64px,8vw,104px)}
.hero-image{filter:saturate(.67)}
.hero::before{background:linear-gradient(90deg,#101923 3%,#101923ec 33%,#10192394 67%,#10192340),linear-gradient(0deg,#0e151e,transparent 45%)}
.signal{box-shadow:none}
.primary,.whatsapp-float:not([hidden]){color:#e5edef;background:#2b4a52;border-color:#557780}
.primary:hover{background:#385b65}
.outline{border-color:#55717a;color:#c0d1d5}.outline:hover{background:#1b2a34}
.approach{background-color:var(--bg)}
form input,select,textarea{background:var(--bg)}
@media(max-width:730px){.hero::before{background:linear-gradient(90deg,#101923f2,#101923b8 72%,#10192383),linear-gradient(0deg,#0e151e,transparent 55%)}}
@media(max-width:520px){.hero h1{font-size:clamp(2.35rem,10vw,3.15rem)}}

.contact-channels .email-cta{color:#e5edef;text-decoration:none}

/* Lift the lower sections while keeping the original skyline and muted accents. */
:root{--bg:#141d27;--panel:#1b2733;--line:#374854}
.hero::before{background:linear-gradient(90deg,#101923 3%,#101923e4 33%,#10192380 67%,#10192330),linear-gradient(0deg,var(--bg),transparent 45%)}
#services,#contact{background:#19232e;box-shadow:0 0 0 100vmax #19232e;clip-path:inset(0 -100vmax)}
.card{background:linear-gradient(145deg,#202e3a,#17222d 75%)}
.approach{background-color:var(--bg)}
@media(max-width:730px){.hero::before{background:linear-gradient(90deg,#101923eb,#101923aa 72%,#10192370),linear-gradient(0deg,var(--bg),transparent 55%)}}

/* Separate service cards from the slate section without changing the overall theme. */
#services .card{background:linear-gradient(145deg,#2b3945,#23303b 75%);border-color:#41515e}
#services .card summary{color:#aad0d2}
#services .card summary:hover{color:#c6e2e3}
@media(hover:hover) and (prefers-reduced-motion:no-preference){#services .card:hover{border-color:#567782}}

/* Selected work: a phone-shaped frame around the official HealthBD AI icon. */
#work .work-grid{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,76px);max-width:none}
#work .work-grid .card{min-height:240px;align-self:center}
.work-visual{display:grid;place-items:center;min-width:0;margin:0;padding-block:8px}
.work-phone{position:relative;width:clamp(146px,20vw,204px);aspect-ratio:10/17;border-radius:clamp(22px,3vw,32px);padding:5px;background:linear-gradient(145deg,#51616e,#273441 48%,#61717d);box-shadow:0 14px 30px #080c125e}
.work-phone-screen{position:relative;display:grid;place-items:center;height:100%;border:3px solid #0d131a;border-radius:inherit;background:radial-gradient(ellipse at 50% 48%,#263d45,#151f29 72%);overflow:hidden}
.work-phone-screen img{display:block;width:56%;height:auto;border-radius:22%;box-shadow:0 7px 22px #07101666}
.work-phone-camera,.work-phone-home{position:absolute;left:50%;transform:translateX(-50%);border-radius:999px}
.work-phone-camera{top:10px;width:29%;height:9px;background:#080d13}
.work-phone-home{bottom:8px;width:32%;height:3px;background:#94a5ad75}
@media(max-width:730px){#work .work-grid{grid-template-columns:minmax(0,1fr);gap:24px}#work .work-grid .card{min-height:0}.work-phone{width:clamp(150px,43vw,186px)}}

.work-store-link{display:block;border-radius:clamp(22px,3vw,32px)}
@media(hover:hover){.work-store-link:hover .work-phone{box-shadow:0 14px 30px #080c1299,0 0 0 2px #91b9bd}}

#contact{grid-template-columns:minmax(0,1fr)}
#contact h2{max-width:20ch}

#enquiry-dialog{position:relative;width:min(560px,calc(100% - 32px));max-height:calc(100dvh - 32px);overflow:auto;padding:clamp(18px,4vw,32px);border:1px solid var(--line);border-radius:16px;background:var(--panel);color:var(--ink)}
#enquiry-dialog::backdrop{background:#070c13c7}
#enquiry-dialog h2{font-size:clamp(1.8rem,5vw,2.65rem);padding-right:48px;margin-bottom:12px}
#enquiry-dialog>p,#enquiry-dialog .form-note{color:var(--muted)}
#enquiry-dialog form{border:0;padding:0;background:transparent}
#enquiry-dialog input{display:block;width:100%;background:var(--bg);color:var(--ink);border:1px solid #405165;border-radius:6px;padding:10px 12px;font:inherit;margin-bottom:15px;min-height:44px}
#enquiry-dialog input:focus-visible{outline:2px solid var(--teal);outline-offset:2px}
.enquiry-close{position:absolute;right:14px;top:14px;min-width:44px;padding-inline:10px;font-size:1.25rem}
#enquiry-dialog .form-note{font-size:.85rem;margin:12px 0}
#enquiry-status:empty{display:none}
#enquiry-status{margin:12px 0}
#enquiry-dialog button:disabled{opacity:.6;cursor:not-allowed}
#enquiry-fallback{color:var(--teal)}

/* Keep the circuit in the section's top margin, away from copy. */
#services>.eyebrow,#approach .wrap>.eyebrow{position:relative}
@media(min-width:850px){
  #services>.eyebrow::after,#approach .wrap>.eyebrow::after{
    content:"";position:absolute;pointer-events:none;right:0;bottom:0;
    width:clamp(180px,26vw,320px);height:clamp(52px,7vw,88px);
    background:url("ai-circuit.webp") center 53% / cover no-repeat;
    opacity:.24;mask-image:radial-gradient(ellipse 64% 65% at 60% 55%,#000 22%,transparent 82%);
  }
  #approach .wrap>.eyebrow::after{opacity:.19}
}

@media(max-width:849px){
  #services>.eyebrow,#approach .wrap>.eyebrow{min-height:38px;padding-inline-end:132px}
  #services>.eyebrow::after,#approach .wrap>.eyebrow::after{
    content:"";position:absolute;pointer-events:none;right:0;top:50%;transform:translateY(-50%);
    width:clamp(108px,32vw,162px);height:61px;
    background:url("ai-circuit.webp") center 52% / cover no-repeat;
    opacity:.52;mask-image:radial-gradient(ellipse 65% 67% at 52% 52%,#000 28%,transparent 82%);
  }
  #approach .wrap>.eyebrow::after{opacity:.44}
}
@media(max-width:600px){
  .hero-inner{padding-block:48px 36px}
  .hero-image{object-position:90% center}
  .hero-copy{margin:17px 0 20px}
  .hero .actions{align-items:flex-start;gap:7px 16px}
  .hero .actions .text-link{display:inline-flex;align-items:center;min-height:44px}
  #services,#approach .wrap{padding-block:38px 44px}
  #services>.eyebrow,#approach .wrap>.eyebrow{margin-bottom:10px}
  #services .section-head,#approach .section-head{margin-bottom:22px}
  #services .grid{gap:12px}
  #services .card{padding:17px}
  #services .card-top{margin-bottom:13px}
  #services .icon{width:34px;height:34px}
  #services .icon svg{width:18px}
  #services .card h3{font-size:1.35rem}
  #services .card p{margin:8px 0 12px}
  #services .card details{padding-top:3px}
}