:root{color-scheme:dark;--bg:#081623;--surface:#0E2232;--line:#345061;--ink:#F6FAFC;--secondary:#B7C7D1;--muted:#9BAFBB;--accent:#37D5E7;--max:1110px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Inter,"Segoe UI",Arial,"Microsoft JhengHei","PingFang TC",sans-serif;line-height:1.68;-webkit-font-smoothing:antialiased}a{color:inherit}a:focus-visible{outline:3px solid var(--accent);outline-offset:5px}::selection{background:#276d7b;color:white}.container{width:min(calc(100% - 64px),var(--max));margin-inline:auto}.skip{position:absolute;z-index:9;left:1rem;top:-99px;padding:.5rem 1rem;background:var(--accent);color:var(--bg);font-weight:700}.skip:focus{top:1rem}.header{border-bottom:1px solid rgba(183,199,209,.2)}.header .container{display:flex;align-items:center;justify-content:space-between;gap:2rem;min-height:110px}.brand{display:inline-flex;align-items:center;gap:15px;text-decoration:none}.brand img{width:72px;height:auto}.brand-name{display:flex;flex-direction:column;line-height:1.1;gap:8px;width:max-content}.brand-name b{font-size:.83rem;letter-spacing:.08em;text-transform:none}.brand-bar{display:block;width:100%;height:15px;background:#10273A;border-radius:1px}.header-actions{display:flex;align-items:center;gap:clamp(12px,2vw,26px)}.header-actions a{font-size:.85rem;text-decoration:none;color:var(--secondary)}.header-actions a:hover{color:var(--ink)}.lang{border-left:1px solid var(--line);padding-left:19px;display:flex;gap:14px}.lang [aria-current=page]{color:var(--accent);font-weight:700}.hero{padding:clamp(70px,10vw,150px) 0 clamp(75px,10vw,136px);max-width:100%;background:radial-gradient(ellipse 750px 300px at 60% -30%,rgba(55,213,231,.085),transparent 85%)}.eyebrow{color:var(--accent);font-size:.78rem;letter-spacing:.18em;text-transform:uppercase;font-weight:700}.hero h1{max-width:900px;font-size:clamp(2.6rem,7.8vw,6.25rem);line-height:1.10;letter-spacing:-.053em;margin:30px 0 30px;font-weight:650}.hero h1 em{font-style:normal;color:var(--secondary)}.hero p{max-width:740px;font-size:clamp(1.12rem,1.6vw,1.38rem);line-height:1.66;color:var(--secondary);margin:0 0 36px}.link-cta{display:inline-flex;gap:12px;align-items:center;color:var(--accent);text-decoration:none;font-weight:700;border-bottom:1px solid var(--accent);padding-bottom:8px}.link-cta:hover{color:#fff}.kicker-line{height:2px;background:linear-gradient(to right,var(--accent) 0, var(--accent) 120px,var(--line) 120px,var(--line) 100%)}section.section{padding:clamp(62px,7vw,104px) 0;border-bottom:1px solid rgba(183,199,209,.16)}.section-top{display:grid;grid-template-columns:minmax(160px,.45fr) minmax(0,1.5fr);column-gap:70px}.section-number{font-size:.8rem;letter-spacing:.15em;font-weight:700;color:var(--accent);margin-top:13px}.section h2{font-size:clamp(1.9rem,3.4vw,3.1rem);line-height:1.18;letter-spacing:-.04em;margin:0 0 23px;max-width:730px}.section .intro{font-size:1.13rem;max-width:760px;color:var(--secondary);margin:0 0 38px}.text-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:44px;margin-top:25px}.text-block{border-top:1px solid var(--line);padding-top:20px}.text-block h3{font-size:1.12rem;letter-spacing:-.015em;margin:0 0 12px}.text-block p,.section p{color:var(--secondary)}.text-block p{font-size:1rem;margin:0}.text-block a{color:var(--ink);text-decoration-thickness:1px;text-underline-offset:4px}.text-block a:hover{color:var(--accent)}.quote{border-left:2px solid var(--accent);padding-left:25px;margin:36px 0 0;font-size:clamp(1.25rem,2.3vw,1.85rem);letter-spacing:-.018em;line-height:1.55;max-width:770px}.muted-note{font-size:.88rem;color:var(--muted)!important}.about-strip{background:var(--surface)}.about-strip .section-top{align-items:start}.about-strip .intro{margin-bottom:16px}.contact-link{display:inline-block;color:var(--accent);font-size:1.1rem;font-weight:650;overflow-wrap:anywhere;text-decoration:none;border-bottom:1px solid var(--accent);margin-top:10px}.contact-link:hover{color:var(--ink)}.footer{padding:42px 0 35px;color:var(--muted)}.footer .container{display:flex;justify-content:space-between;align-items:flex-start;gap:40px}.footer p{font-size:.82rem;max-width:730px;line-height:1.7;margin:0}.footer strong{color:var(--ink);display:block;font-size:.85rem;letter-spacing:.10em;margin-bottom:7px}.footer a{color:var(--secondary)}
@media(max-width:780px){.container{width:min(calc(100% - 38px),var(--max))}.header .container{min-height:88px;flex-wrap:wrap;gap:4px;padding:16px 0}.header-actions{justify-content:space-between;width:100%;gap:10px}.header-actions>a{font-size:.76rem}.brand img{width:56px}.brand-name b{font-size:.78rem}.brand-bar{width:100%;height:12px}.lang{gap:10px}.hero{padding:78px 0 80px}.hero h1{font-size:clamp(2.7rem,10vw,4.5rem);max-width:680px}.section-top{display:block}.section-number{margin:0 0 22px}.section h2{margin:0 0 22px}.text-columns{grid-template-columns:1fr;gap:30px}.footer .container{display:block}.footer p+ p{margin-top:16px}}
@media(max-width:780px){.header .container{flex-wrap:nowrap;min-height:82px}.brand{flex:1;min-width:0}.header-actions{width:auto;flex:none}.header-actions > a,.header-actions nav{display:none}.lang{border:0;padding:0;white-space:nowrap}.lang a{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Legal notice only: preserves the approved homepage layout */
.legal-footer{margin-top:10px!important}.footer a{color:var(--secondary);text-underline-offset:3px}
.legal-main{padding:clamp(70px,9vw,115px) 0}.legal-main h1{font-size:clamp(2.2rem,5vw,3.9rem);line-height:1.15;margin:16px 0 20px;letter-spacing:-.04em}.legal-main h2{font-size:1.35rem;margin:32px 0 8px}.legal-main p{color:var(--secondary);max-width:760px;margin:8px 0 17px}.legal-main dl{display:grid;grid-template-columns:minmax(135px,200px) 1fr;gap:14px 24px;max-width:820px;margin:24px 0 40px}.legal-main dt{font-weight:650;color:var(--ink)}.legal-main dd{margin:0;color:var(--secondary)}.legal-main a{color:var(--accent);overflow-wrap:anywhere}.legal-back{color:var(--accent);text-decoration:none;border-bottom:1px solid var(--accent);padding-bottom:4px}
@media(max-width:700px){.legal-main dl{grid-template-columns:1fr;gap:2px}.legal-main dd{margin-bottom:12px}}

/* ===========================================================================
   TaskforceIQ v11 | image-backed, privacy-safe home masthead only
   Image is derived solely from user-provided BB.png (no new art generated).
   On-page content, legal documents and contact details are unchanged from v10.
   =========================================================================== */
.home-page {
  --tiq-header-height: 111px;
  --tiq-hero-height: clamp(870px, 88svh, 1040px);
  isolation: isolate;
}
.home-page::before {
  content: "";
  position: absolute;
  z-index: 0;
  pointer-events: none;
  inset: 0 0 auto;
  height: calc(var(--tiq-header-height) + var(--tiq-hero-height));
  background-image:
    linear-gradient(90deg, rgba(3,10,18,.66) 0%, rgba(3,10,18,.49) 37%, rgba(3,10,18,.13) 66%, rgba(3,10,18,.05) 100%),
    linear-gradient(180deg, rgba(5,13,22,.11) 0%, rgba(5,13,22,.05) 46%, rgba(5,13,22,.28) 77%, #081623 100%),
    url("assets/hero-battleship.webp");
  background-size: cover;
  background-position: center center;
  background-repeat: no-repeat;
}
.home-page > .header,
.home-page > main,
.home-page > .footer {position: relative; z-index: 1;}
.home-page .header {
  background: rgba(5,14,25,.12);
  border-bottom-color: rgba(225,237,247,.12);
}
.home-page .header-actions a {color: #d1e3ed;}
.home-page .header-actions a:hover {color: #ffffff;}
.home-page .hero {
  display: flex;
  align-items: center;
  min-height: var(--tiq-hero-height);
  padding-block: clamp(85px, 9vw, 135px) 105px;
  background: transparent;
}
.home-page .hero .container {position:relative;}
.home-page .hero h1 {max-width: 850px; text-shadow: 0 2px 18px rgba(0,0,0,.23);}
.home-page .hero h1 em {color:#bdd5e4;}
.home-page .hero p {max-width:720px; color:#d6e4ee; text-shadow:0 1px 10px rgba(0,0,0,.58);}
.home-page .hero .eyebrow,
.home-page .hero .link-cta {text-shadow:0 1px 8px rgba(0,0,0,.68);}
@media (max-width:780px) {
  .home-page {
    --tiq-header-height: 83px;
    --tiq-hero-height: max(820px, calc(100svh - 82px));
  }
  .home-page::before {
    background-image:
      linear-gradient(90deg, rgba(3,10,18,.80), rgba(3,10,18,.55)),
      linear-gradient(180deg, rgba(5,13,22,.13) 0%, rgba(5,13,22,.11) 52%, #081623 100%),
      url("assets/hero-battleship.webp");
    background-position: center, center, 65% center;
  }
  .home-page .hero {
    align-items: center;
    padding-block: 90px 95px;
  }
  .home-page .hero h1 {max-width: 100%;}
  .home-page .hero p {max-width: 100%;}
}
@media (max-width:420px) {
  .home-page::before {
    background-image:
      linear-gradient(90deg, rgba(3,10,18,.86), rgba(3,10,18,.65)),
      linear-gradient(180deg, rgba(5,13,22,.13) 0%, rgba(5,13,22,.11) 51%, #081623 100%),
      url("assets/hero-battleship.webp");
  }
  .home-page .hero h1 {font-size:clamp(2.45rem, 10vw, 3.1rem);}
  .home-page .hero p {font-size:1.06rem;}
}