:root{--heading:#10245B;--text:#212529;--muted:#6679A5;--blue:#1863DC;--bg:#F7F9FC;--surface:#fff;--border:#C8D3E3;--brand:#2c2667;--section-y:96px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:Arial,Helvetica,sans-serif;color:var(--text);background:var(--bg);margin:0}h1,h2,h3,p{margin-top:0}h1,h2,h3{color:var(--heading)}h2{font-size:48px;line-height:1.2;font-weight:700}h3{font-size:26px;line-height:1.3;font-weight:700}p{font-size:18px;line-height:1.6}a{color:inherit}.section{padding-block:var(--section-y)}
.hero{position:relative;min-height:760px;overflow:hidden;background:var(--bg);display:flex;isolation:isolate}.hero-photo{position:absolute;inset:0;z-index:-1;background:#F7F9FC}.hero-container{display:flex;align-items:center;width:100%}.hero-copy{max-width:700px;padding-block:64px 80px;position:relative;z-index:1}.hero-logo{display:block;width:160px;height:auto;margin-bottom:64px}.hero h1{font-size:56px;line-height:1.15;font-weight:700;letter-spacing:-.028em;margin-bottom:32px;max-width:700px}.hero h1 span{display:block;color:var(--blue)}.hero-intro{font-size:20px;line-height:1.6;max-width:650px;margin-bottom:40px}.coming-soon{display:flex;gap:22px;align-items:center;background:#e7eefb;border-radius:12px;padding:24px 32px;max-width:700px;color:var(--heading);font-size:20px;line-height:1.4;font-weight:600}.coming-soon svg{flex:0 0 38px;width:38px;height:38px;color:var(--blue);padding-right:12px;box-sizing:content-box;border-right:1px solid #9bb5e6}
.why-section{background:var(--bg)}.section-heading h2{margin-bottom:24px}.section-heading>p{font-size:20px;color:var(--muted);margin:0}.benefit-cards{margin-top:48px}.benefit-card{background:white;border:1px solid #dce7f7;border-radius:16px;padding:24px;height:100%;box-shadow:0 8px 25px rgba(16,36,91,.035)}.icon-circle{width:96px;height:96px;margin:0 auto 24px;background:#edf5ff;display:grid;place-items:center;border-radius:50%}.icon-circle svg{width:43px;height:43px;fill:none;stroke:var(--blue);stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.benefit-card h3{margin-bottom:16px}.benefit-card p{margin:0}
.ordering-section{background:linear-gradient(90deg,#f9fbff 0%,#f3f8ff 100%)}.ordering-main{--bs-gutter-x:64px}.ordering-intro{margin:24px 0 40px}.features{display:flex;flex-direction:column;gap:28px}.feature{display:flex;gap:20px;align-items:flex-start}.feature-icon,.minimum-icon{flex:0 0 64px;width:64px;height:64px;background:#e6f0ff;border-radius:50%;display:grid;place-items:center}.feature-icon svg,.minimum-icon svg{width:32px;height:32px;fill:none;stroke:var(--blue);stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.feature h3{font-size:22px;margin-bottom:12px}.feature p{margin:0}.minimum-order{margin-top:32px;background:#e6efff;border-radius:12px;padding:24px;display:flex;align-items:center;gap:20px}.minimum-order .minimum-icon{background:transparent}.minimum-order strong{font-size:22px;line-height:1.3;color:var(--heading)}.minimum-order p{font-size:16px;line-height:1.5;margin:7px 0 0}.ordering-visual img{display:block;width:100%;height:auto;border-radius:16px;object-fit:contain}.logistics-strip{margin-top:64px;padding-top:24px;padding-bottom:24px;background:#fff;border:1px solid #e4ebf8;border-radius:14px}.logistics-item{display:flex;gap:18px;align-items:center;padding:0 16px}.small-icon{width:58px;height:58px;border-radius:50%;background:#e6f0ff;color:var(--blue);font-size:35px;line-height:1;display:grid;place-items:center;flex:0 0 58px}.logistics-item h3{font-size:18px;margin-bottom:8px}.logistics-item p{font-size:15px;line-height:1.4;margin:0}
.about-section{background:var(--bg)}.about-row{--bs-gutter-x:64px}.experience-card{padding:40px;background:var(--brand);color:white;border-radius:20px;min-height:380px;display:flex;flex-direction:column;justify-content:center;background-image:radial-gradient(circle at 100% 0%,rgba(24,99,220,.25),transparent 44%)}.years{font-size:96px;font-weight:700;line-height:1;letter-spacing:-.04em}.accent-rule{height:4px;width:66px;background:var(--blue);margin:16px 0 24px}.experience-card h3{color:white;font-weight:400;font-size:26px;margin-bottom:24px}.experience-card p{color:#c8d3e3;margin:0}.about-text h2{margin-bottom:32px}.about-text p{margin-bottom:24px}.about-text p:last-child{margin-bottom:0}
.site-footer{background:var(--brand);color:white;padding:32px 0 24px}.footer-main{display:flex;gap:24px;align-items:center;justify-content:space-between;font-size:18px;font-weight:400}.footer-logo{width:100px;height:auto;flex:none}.footer-main a{color:white;text-decoration:none;white-space:nowrap}.footer-main a:hover{text-decoration:underline}.footer-bottom{border-top:1px solid rgba(255,255,255,.28);margin-top:24px;padding-top:16px;font-size:14px;color:#c8d3e3}
@media(max-width:1399.98px){.hero-photo{left:51%}.hero h1{font-size:52px}.hero-copy{max-width:660px}}
@media(max-width:1199.98px){:root{--section-y:80px}.hero{min-height:700px}.hero-copy{max-width:590px}.hero h1{font-size:46px}.hero-intro{font-size:18px}.coming-soon{font-size:18px}.ordering-main,.about-row{--bs-gutter-x:40px}.footer-main{gap:18px;font-size:16px}}
@media(max-width:991.98px){:root{--section-y:64px}.hero{min-height:680px}.hero-photo{left:43%;opacity:.43}.ordering-visual{margin-top:48px}.about-text{margin-top:40px}.experience-card{min-height:0}.footer-main{flex-wrap:wrap}}
@media(max-width:767.98px){:root{--section-y:48px}.container{padding-left:20px;padding-right:20px}.hero{min-height:0}.hero-container{align-items:flex-start}.hero-copy{padding:32px 0 64px;max-width:none;width:100%}.hero-logo{width:105px;margin-bottom:40px}.hero h1{font-size:30px;line-height:1.2;margin-bottom:26px;max-width:none;letter-spacing:-.02em}.hero-intro{font-size:17px;line-height:1.55;margin-bottom:32px}.coming-soon{font-size:17px;padding:20px 24px;gap:14px}.coming-soon svg{flex-basis:28px;width:28px;height:28px;padding-right:10px}.hero-photo{left:35%;opacity:.30;background-position:55% center}h2{font-size:28px;line-height:1.25}h3{font-size:20px}.section-heading h2{margin-bottom:20px}.section-heading>p{font-size:17px}.benefit-cards{margin-top:20px;--bs-gutter-y:20px}.benefit-card{padding:20px}.benefit-card h3{margin-bottom:16px}.benefit-card p,p{font-size:16px;line-height:1.6}.icon-circle{width:80px;height:80px;margin-bottom:20px}.icon-circle svg{height:34px;width:34px}.ordering-intro{margin:20px 0 32px}.features{gap:24px}.feature h3{font-size:20px;margin-bottom:16px}.feature-icon{flex-basis:54px;width:54px;height:54px}.feature{gap:16px}.minimum-order{padding:20px;margin-top:32px;gap:12px}.minimum-order strong{font-size:18px}.minimum-icon{flex-basis:42px;width:42px;height:42px}.ordering-visual{margin-top:32px}.logistics-strip{margin-top:32px;--bs-gutter-y:20px}.logistics-item h3{font-size:18px}.about-row{--bs-gutter-x:20px}.experience-card{padding:28px}.years{font-size:64px}.experience-card h3{font-size:22px}.experience-card p{font-size:16px}.about-text{margin-top:32px}.about-text h2{margin-bottom:24px}.about-text p{margin-bottom:20px}.site-footer{padding:24px 0}.footer-main{flex-direction:column;align-items:flex-start;gap:18px;font-size:16px}.footer-logo{width:90px}.footer-bottom{font-size:13px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Layout refinement v2 — approved graphics and page copy remain unchanged. */
@media (min-width: 1200px) {
  :root { --section-y: 64px; }
  .hero { min-height: 0; }
  .hero-container { align-items: flex-start; }
  .hero-copy { padding-top: 48px; padding-bottom: 64px; }
  .benefit-card { padding: 32px; }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  :root { --section-y: 60px; }
  .hero { min-height: 0; }
  .hero-container { align-items: flex-start; }
  .hero-copy { padding-top: 48px; padding-bottom: 64px; }
  .benefit-card { padding: 32px; }
}
@media (min-width: 768px) and (max-width: 991.98px) {
  :root { --section-y: 56px; }
  .hero { min-height: 0; }
  .hero-container { align-items: flex-start; }
  .hero-copy { padding-top: 48px; padding-bottom: 64px; }
  .benefit-card { padding: 28px; }
}
/* Keep section 03 bottom strip inside the content gutters on all screens. */
.logistics-strip { margin-right: 0; margin-left: 0; --bs-gutter-x: 24px; }
@media (max-width: 767.98px) {
  :root { --section-y: 40px; }
  .hero-copy { padding-top: 28px; padding-bottom: 44px; }
  .hero-container { align-items: flex-start; }
  .coming-soon { font-size: 16px; font-weight: 500; padding: 18px 16px; gap: 12px; line-height: 1.35; }
  .coming-soon strong { font-weight: 500; }
  .coming-soon svg { flex: 0 0 24px; width: 24px; height: 26px; padding-right: 8px; }
  .logistics-strip { padding: 20px 12px; --bs-gutter-x: 0px; }
  .logistics-strip > [class*="col-"] { padding-left: 0; padding-right: 0; }
  .logistics-item { padding: 0 8px; gap: 16px; }
  .footer-main { gap: 10px; }
  .footer-bottom { margin-top: 18px; padding-top: 14px; }
}


/* HERO v3: approved pre-composited images. No CSS diagonal, masking or fade. */
.hero { background: #F7F9FC; }
.hero-photo {
  inset: 0;
  background-image: url('../assets/hero-desktop.png');
  background-repeat: no-repeat;
  background-position: center center;
  background-size: cover;
  opacity: 1;
  z-index: -1;
}

@media (max-width: 991.98px) {
  .hero-photo { left: 0; opacity: 1; background-position: center center; }
}
@media (max-width: 767.98px) {
  .hero-photo {
    background-image: url('assets/hero-mobile.png');
    background-size: cover;
    background-position: center center;
    opacity: 1;
  }
}

/* HERO v4 — mobile-only soft overlay to keep full-width copy legible.
   The approved hero image and all desktop styling remain unchanged. */
@media (max-width: 767.98px) {
  .hero-photo::after {
    content: "";
    position: absolute;
    inset: 0;
    pointer-events: none;
    background: linear-gradient(
      100deg,
      rgba(247,249,252,.93) 0%,
      rgba(247,249,252,.88) 56%,
      rgba(247,249,252,.72) 100%
    );
  }
}

/* Informational label until the verified company LinkedIn URL is supplied. */
.linkedin-pending {color:#fff;white-space:nowrap;}