:root{
    --navy:#0C2536;--ink:#1C2A37;--ink2:#4A5A6A;--muted:#8493A1;
    --teal:#0E9CA1;--teald:#0B7F84;--green:#15803D;--amberInk:#A16207;--red:#DC2626;
    --line:#E4EBF1;--bg:#ffffff;--soft:#F5F8FB;--arctic:#EAF3F7;
    --h:'Satoshi','Inter',system-ui,sans-serif;--b:'Inter',system-ui,sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:var(--b);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1120px;margin:0 auto;padding:0 30px;}

  /* CSS mini-stamp eyebrow */
  .stamp{display:inline-block;position:relative;font-family:var(--h);font-weight:900;font-size:11px;
    letter-spacing:.14em;text-transform:uppercase;color:var(--teald);padding:6px 13px;border:2px solid var(--teal);
    border-radius:7px;transform:rotate(-1.2deg);margin-bottom:16px;background:#fff;}
  .stamp::before{content:"";position:absolute;inset:2px;border:1px solid var(--teal);border-radius:5px;opacity:.45;}

  /* nav */
  nav{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);border-bottom:1px solid var(--line);}
  nav .wrap{display:flex;align-items:center;gap:14px;height:68px;}
  .brand{display:flex;align-items:center;gap:11px;}
  .brand .mark{width:30px;height:35px;}
  .wm{font-family:var(--h);font-weight:900;font-size:20px;letter-spacing:.02em;color:var(--navy);}
  .wm .v{color:var(--teal);}
  .wm .ix{font-size:10px;letter-spacing:.36em;color:var(--teal);margin-left:2px;font-weight:700;}
  nav .links{margin-left:auto;display:flex;align-items:center;gap:26px;font-size:14px;color:var(--ink2);font-weight:500;}
  nav .links a:hover{color:var(--navy);}
  .btn{font-family:var(--h);font-weight:700;font-size:14px;padding:11px 20px;border-radius:10px;background:var(--teal);color:#fff;border:none;cursor:pointer;display:inline-block;box-shadow:0 6px 16px rgba(14,156,161,.24);}
  .btn:hover{background:var(--teald);}
  .btn.lg{padding:15px 27px;font-size:16px;}

  /* hero */
  .hero{position:relative;overflow:hidden;padding:74px 0 84px;
    background:linear-gradient(180deg,#ffffff 0%,#ffffff 55%,#F4FAFB 100%);}
  .hero::before{content:"";position:absolute;left:-140px;top:-120px;width:460px;height:460px;pointer-events:none;
    background:radial-gradient(circle,rgba(14,156,161,.10),transparent 70%);}
  .labscene{position:absolute;left:0;right:0;bottom:0;height:270px;pointer-events:none;z-index:0;}
  .labscene svg{width:100%;height:100%;}
  .hero .wrap{position:relative;z-index:2;}
  .kick{display:inline-block;font-family:var(--h);font-weight:700;font-size:12px;letter-spacing:.2em;text-transform:uppercase;color:var(--teald);margin-bottom:20px;}
  .hl-head{font-family:var(--h);font-weight:900;font-size:58px;line-height:1.02;letter-spacing:-.025em;color:var(--navy);margin:4px 0 12px;}
  .hl-head .tl{color:var(--teal);}
  .vialline{font-family:var(--h);font-weight:700;font-size:23px;color:var(--navy);letter-spacing:-.01em;margin-bottom:6px;}
  .vialline .hl{color:var(--teal);}
  .sub{font-size:17.5px;color:var(--ink2);margin-top:8px;max-width:600px;}
  .scan{margin-top:30px;display:flex;gap:10px;max-width:566px;}
  .scan input{flex:1;padding:16px 18px;border-radius:11px;border:1px solid var(--line);background:#fff;color:var(--ink);font-size:15px;font-family:var(--b);box-shadow:0 1px 2px rgba(11,29,45,.04);}
  .scan input::placeholder{color:#9aa8b5;}
  .scannote{font-size:13px;color:var(--muted);margin-top:12px;}
  .trustline{margin-top:26px;font-size:13.5px;color:var(--ink2);border-left:3px solid var(--teal);padding-left:13px;max-width:540px;}
  .trustline b{color:var(--navy);}

  /* hero visual */
  .herovis{position:absolute;right:-8px;top:50%;transform:translateY(-50%);width:496px;pointer-events:none;z-index:1;}
  .herovis .vialsimg{width:100%;display:block;border-radius:20px;box-shadow:0 34px 64px -22px rgba(11,29,45,.55),0 6px 18px rgba(11,29,45,.18);}
  .herovis .badge{position:absolute;width:84px;height:100px;filter:drop-shadow(0 10px 16px rgba(0,0,0,.4));}
  .herovis .badge.b-fail{left:16%;top:30%;transform:rotate(-8deg);}
  .herovis .badge.b-pass{right:16%;top:22%;transform:rotate(7deg);}
  .vcallout{position:absolute;top:6.5%;left:50%;transform:translateX(-50%);z-index:4;display:flex;align-items:center;gap:9px;
    font-family:var(--h);font-weight:800;font-size:15px;letter-spacing:.15em;text-transform:uppercase;color:#fff;
    background:rgba(9,20,32,.55);border:1px solid rgba(255,255,255,.22);
    padding:8px 17px;border-radius:999px;white-space:nowrap;box-shadow:0 8px 20px rgba(0,0,0,.35);}
  .vcallout svg{width:21px;height:21px;flex:none;}
  .herovis .badge svg.sh{position:absolute;inset:0;width:100%;height:100%;}
  .herovis .bwrap{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-bottom:13px;}
  .herovis .bnum{font-weight:900;font-size:33px;color:#fff;line-height:1;}
  .herovis .bword{font-weight:700;font-size:8.5px;letter-spacing:.1em;text-transform:uppercase;color:#fff;opacity:.95;margin-top:3px;}
  @media(max-width:1000px){.herovis{display:none;}}

  /* sections */
  section.blk{padding:70px 0;}
  section.soft{background:var(--soft);border-top:1px solid var(--line);border-bottom:1px solid var(--line);}
  .eyebrow{font-family:var(--h);font-weight:700;font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--teald);margin-bottom:12px;}
  h2{font-family:var(--h);font-weight:900;font-size:31px;line-height:1.16;color:var(--navy);max-width:660px;letter-spacing:-.01em;}
  .lead{font-size:16.5px;color:var(--ink2);margin-top:14px;max-width:660px;}

  /* benchmark band */
  .stdband{padding:26px 0;background:var(--arctic);border-top:1px solid #D6E7EE;border-bottom:1px solid #D6E7EE;}
  .stdband p{margin:0;font-size:16px;color:var(--ink2);max-width:900px;line-height:1.6;}
  .stdband strong{color:var(--navy);}
  .stdk{display:inline-block;font-family:var(--h);font-weight:700;font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--teald);margin-right:10px;}

  /* the gap */
  .gaprow{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px;}
  .gapcard{background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 2px 10px rgba(11,29,45,.04);}
  .gapcard h3{font-family:var(--h);font-weight:700;font-size:16px;margin-bottom:14px;color:var(--muted);}
  .gapcard.b{border-color:#F3D6D6;background:#FFF9F9;}
  .gapcard.b h3{color:#B91C1C;}
  .taglist{display:flex;flex-wrap:wrap;gap:8px;}
  .tag{font-size:13px;font-weight:600;padding:7px 13px;border-radius:999px;background:var(--arctic);color:var(--navy);border:1px solid #DCEAF0;}
  .gapcard.b .tag{background:#FDEDED;color:#B91C1C;border-color:#F5D2D2;}

  /* steps */
  .steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:38px;}
  .step{text-align:center;padding:22px 12px;background:#fff;border:1px solid var(--line);border-radius:15px;box-shadow:0 2px 10px rgba(11,29,45,.04);}
  .step .num{width:46px;height:46px;margin:0 auto 13px;border-radius:13px;background:var(--navy);color:#fff;font-family:var(--h);font-weight:900;display:flex;align-items:center;justify-content:center;font-size:18px;}
  .step .st{font-family:var(--h);font-weight:700;font-size:14px;color:var(--navy);}
  .step .sd{font-size:12.5px;color:var(--muted);margin-top:5px;}

  /* verdict chips */
  .verd{display:flex;gap:14px;flex-wrap:wrap;margin-top:36px;}
  .chip{flex:1;min-width:220px;border-radius:15px;padding:22px;border:1px solid var(--line);}
  .chip .cw{font-family:var(--h);font-weight:900;font-size:19px;}
  .chip .cr{font-size:13px;color:var(--muted);margin-top:2px;}
  .chip .cd{font-size:14px;color:var(--ink2);margin-top:11px;}
  .chip.f{background:#FDEDED;border-color:#F6C9C9;} .chip.f .cw{color:#DC2626;}
  .chip.p{background:#FEF9EC;border-color:#F6E7BD;} .chip.p .cw{color:var(--amberInk);}
  .chip.g{background:#E7F8EE;border-color:#BCEBCE;} .chip.g .cw{color:var(--green);}

  /* example mini cards */
  .ex{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:34px;}
  .mini{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 14px 34px -18px rgba(11,29,45,.22);}
  .mname{padding:16px 22px 0;font-family:var(--h);font-weight:700;font-size:15px;color:var(--navy);}
  .mini .top{display:flex;align-items:center;gap:16px;padding:14px 22px 18px;}
  .mshield{width:58px;height:68px;flex:none;display:flex;align-items:center;justify-content:center;position:relative;}
  .mshield svg{position:absolute;inset:0;width:100%;height:100%;}
  .mshield span{position:relative;font-family:var(--h);font-weight:900;font-size:25px;color:#fff;padding-bottom:6px;}
  .mv{font-family:var(--h);font-weight:900;font-size:17px;}
  .mv.f{color:#DC2626;} .mv.p{color:var(--amberInk);}
  .mvr{font-size:12.5px;color:var(--muted);}
  .mrow{display:flex;justify-content:space-between;padding:11px 22px;border-top:1px solid var(--line);font-size:13.5px;}
  .mrow .k{color:var(--ink2);} .mrow .ok{color:var(--green);font-weight:700;} .mrow .no{color:#DC2626;font-weight:700;}

  /* cta */
  .cta .inner{border-radius:22px;padding:52px 40px;text-align:center;position:relative;overflow:hidden;
    background:linear-gradient(160deg,#0C2536,#123246 62%,#0E3038);color:#fff;box-shadow:0 24px 50px -20px rgba(11,29,45,.5);}
  .cta .inner::after{content:"";position:absolute;right:-100px;top:-90px;width:360px;height:360px;background:radial-gradient(circle,rgba(14,156,161,.28),transparent 70%);}
  .cta .eyebrow{color:#5FD0D4;}
  .cta h2{color:#fff;margin:0 auto;position:relative;}
  .cta .lead{color:#C7D5DF;margin:14px auto 26px;position:relative;}
  .cta .scan{margin:0 auto;justify-content:center;position:relative;}
  .cta .scan input{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.2);color:#fff;}
  .cta .scan input::placeholder{color:#9fb4c1;}

  /* footer */
  footer{background:var(--navy);color:#9DB0BF;padding:44px 0;font-size:13px;}
  footer .frow{display:flex;gap:20px;align-items:center;flex-wrap:wrap;}
  footer .wm{color:#fff;}
  footer .disc{font-size:12px;line-height:1.75;color:#7E92A2;border-top:1px solid rgba(255,255,255,.1);padding-top:18px;margin-top:20px;}
  footer .disc b{color:#C7D5DF;}
  footer a{color:#B4C4D0;} footer a:hover{color:#fff;}

  /* about */
  .about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:30px;margin-top:26px;align-items:center;}
  .principles{display:flex;flex-direction:column;gap:12px;}
  .principle{display:flex;gap:13px;padding:15px 17px;background:#fff;border:1px solid var(--line);border-radius:14px;box-shadow:0 2px 10px rgba(11,29,45,.04);}
  .principle .pi{width:38px;height:38px;flex:none;border-radius:10px;background:var(--arctic);display:flex;align-items:center;justify-content:center;color:var(--teald);font-size:17px;}
  .principle h4{font-family:var(--h);font-weight:700;font-size:14px;color:var(--navy);margin-bottom:2px;}
  .principle p{font-size:12.5px;color:var(--ink2);margin:0;line-height:1.5;}

  /* blog */
  .bloggrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px;}
  .post{background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 3px 14px rgba(11,29,45,.06);display:flex;flex-direction:column;}
  .post .thumb{height:112px;background:linear-gradient(135deg,#0C2536,#123a4c);position:relative;}
  .post .thumb .cat{position:absolute;left:14px;bottom:12px;font-family:var(--h);font-weight:700;font-size:9.5px;letter-spacing:.09em;text-transform:uppercase;color:#fff;background:rgba(14,156,161,.92);padding:4px 10px;border-radius:6px;}
  .post .pbody{padding:16px 18px 18px;display:flex;flex-direction:column;flex:1;}
  .post h4{font-family:var(--h);font-weight:700;font-size:15.5px;color:var(--navy);line-height:1.25;margin-bottom:8px;}
  .post .pbody p{font-size:13px;color:var(--ink2);margin:0 0 12px;flex:1;}
  .post .rd{font-family:var(--h);font-weight:700;font-size:13px;color:var(--teald);}

  /* faq */
  .faqlist{margin-top:28px;max-width:840px;}
  .faqitem{border-bottom:1px solid var(--line);}
  .faqitem summary{list-style:none;cursor:pointer;padding:17px 4px;font-family:var(--h);font-weight:700;font-size:16px;color:var(--navy);display:flex;justify-content:space-between;align-items:center;gap:16px;}
  .faqitem summary::-webkit-details-marker{display:none;}
  .faqitem summary .pm{color:var(--teal);font-size:24px;font-weight:400;line-height:1;flex:none;transition:transform .2s;}
  .faqitem[open] summary .pm{transform:rotate(45deg);}
  .faqitem .ans{padding:0 4px 18px;font-size:14.5px;color:var(--ink2);max-width:740px;}

  @media(max-width:820px){
    .about-grid,.bloggrid{grid-template-columns:1fr;}
    h2{font-size:27px;}.hl-head{font-size:40px;}.vialline{font-size:20px;}
    .gaprow,.ex{grid-template-columns:1fr;}
    .steps{grid-template-columns:repeat(2,1fr);gap:18px;}
    nav .links a:not(.navcta){display:none;}
    .stamp-hl{width:76%;}
  }

  .pagehead{background:radial-gradient(80% 100% at 84% 0%,#EDF6F8,#ffffff 62%);padding:54px 0 34px;border-bottom:1px solid var(--line);position:relative;overflow:hidden;}
  .pagehead h1{font-family:var(--h);font-weight:900;font-size:44px;color:var(--navy);letter-spacing:-.02em;margin-top:4px;}
  .pagehead .lead{margin-top:12px;}
  .prose{padding:56px 0;}
  .prose h2{margin-top:6px;}
  .prose h3{font-family:var(--h);font-weight:800;font-size:19px;color:var(--navy);margin:34px 0 8px;}
  .prose p{font-size:15px;color:var(--ink2);margin-bottom:13px;max-width:780px;}
  .prose p strong{color:var(--navy);}
  .prose .sub2{max-width:780px;}
  .pillar{display:flex;gap:18px;align-items:flex-start;padding:18px 0;border-bottom:1px solid var(--line);}
  .pillar:last-child{border-bottom:none;}
  .pillar .pts{flex:none;width:92px;font-family:var(--h);font-weight:900;font-size:27px;color:var(--teald);line-height:1;}
  .pillar .pts small{display:block;font-size:9.5px;font-weight:700;letter-spacing:.11em;text-transform:uppercase;color:var(--muted);margin-top:4px;}
  .pillar .pi h4{font-family:var(--h);font-weight:700;font-size:16px;color:var(--navy);margin-bottom:4px;}
  .pillar .pi p{font-size:13.5px;color:var(--ink2);margin:0;max-width:660px;}
  .panelbox{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px 24px;margin-top:20px;box-shadow:0 2px 10px rgba(11,29,45,.04);}
  .panelbox .taglist{margin-top:12px;}
  .callout{background:var(--arctic);border:1px solid #D6E7EE;border-radius:14px;padding:18px 20px;margin:22px 0;font-size:14px;color:var(--ink2);max-width:820px;}
  .callout b{color:var(--navy);}
  /* contact */
  .cgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:8px;}
  .ccard{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;box-shadow:0 2px 10px rgba(11,29,45,.04);}
  .ccard .k{font-family:var(--h);font-weight:700;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--teald);}
  .ccard h4{font-family:var(--h);font-weight:700;font-size:16px;color:var(--navy);margin:5px 0 4px;}
  .ccard p{font-size:13px;color:var(--ink2);margin:0 0 8px;}
  .ccard a{font-family:var(--h);font-weight:700;font-size:14px;color:var(--teald);}
  .cform{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px 26px 28px;box-shadow:0 6px 20px rgba(11,29,45,.06);max-width:620px;}
  .field{margin-bottom:15px;}
  .field label{display:block;font-family:var(--h);font-weight:700;font-size:12.5px;color:var(--navy);margin-bottom:6px;}
  .field input,.field select,.field textarea{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:#fff;font-size:14px;font-family:var(--b);color:var(--ink);}
  .field textarea{min-height:120px;resize:vertical;}
  .formnote{font-size:12px;color:var(--muted);margin-top:12px;}
  @media(max-width:820px){.pagehead h1{font-size:32px;}.cgrid{grid-template-columns:1fr;}}