:root{
    --white:#ffffff;
    --paper:#fafafa;
    --ink:#111111;
    --coral:#ff5a36;
    --yellow:#ffd639;
    --blue:#3b5bff;
    --gray:#6a6a6a;
    --line:#111111;
    --ease:cubic-bezier(.16,1,.3,1);
  }
.reveal {
    opacity: unset !important;
    transform: translateY(26px);
    transition: opacity .6s var(--ease), transform .6s var(--ease);
}

  *{margin:0;padding:0;box-sizing:border-box;}
  html{scroll-behavior:smooth;}
  body{background:var(--white);color:var(--ink);font-family:'Inter',sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;}
  .display{font-family:'Archivo Black','Inter',sans-serif;}
  .mono{font-family:'JetBrains Mono',monospace;}
  a{color:inherit;text-decoration:none;}
  .wrap{max-width:1180px;margin:0 auto;padding:0 32px;}
  a:focus-visible, button:focus-visible{outline:3px solid var(--blue);outline-offset:3px;}
  @media (prefers-reduced-motion: reduce){ *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;} }

  .skip-link{position:absolute;left:-999px;background:var(--ink);color:var(--white);padding:12px 18px;z-index:999;}
  .skip-link:focus{left:16px;top:16px;}

  /* hard-shadow building block used everywhere */
  .hardcard{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--white);}
  .hardbtn{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);transition:transform .15s var(--ease), box-shadow .15s var(--ease);}
  .hardbtn:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink);}
  .hardbtn:active{transform:translate(6px,6px);box-shadow:0 0 0 var(--ink);}

  /* ---------- NAV ---------- */
  header{position:fixed;top:0;left:0;right:0;z-index:100;background:var(--white);border-bottom:3px solid var(--ink);}
  nav{display:flex;align-items:center;justify-content:space-between;padding:16px 32px;max-width:1180px;margin:0 auto;}
  .logo{display:flex;align-items:center;gap:10px;font-family:'Archivo Black',sans-serif;font-size:16px;}
  .logo-mark{width:34px;height:34px;background:var(--ink);color:var(--yellow);display:flex;align-items:center;justify-content:center;font-family:'Archivo Black',sans-serif;font-size:16px;border:3px solid var(--ink);transform:rotate(-6deg);}
  .nav-links{display:flex;align-items:center;gap:28px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;}
  .nav-links a:not(.nav-cta){transition:color .15s;}
  .nav-links a:not(.nav-cta):hover{color:var(--coral);}
  .nav-item{position:relative;}
  .nav-dropdown{
    position:absolute;top:calc(100% + 14px);left:50%;transform:translateX(-50%);
    background:var(--white);border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);
    min-width:250px;padding:8px;display:none;z-index:50;
  }
  .nav-item:hover .nav-dropdown, .nav-item:focus-within .nav-dropdown{display:block;}
  .nav-dropdown a{
    display:flex;justify-content:space-between;gap:10px;padding:11px 12px;font-size:13px;
    font-weight:700;text-transform:none;letter-spacing:0;border-bottom:2px solid #eee;
  }
  .nav-dropdown a:last-child{border-bottom:none;}
  .nav-dropdown a:hover{background:var(--paper);color:var(--coral);}
  .nav-dropdown a .soon{font-family:'JetBrains Mono',monospace;font-size:10px;color:var(--gray);font-weight:700;}
  .nav-cta{background:var(--yellow);color:var(--ink);padding:9px 18px;font-size:13px;font-weight:700;text-transform:uppercase;}
  .menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:8px;}
  .menu-btn span{width:22px;height:3px;background:var(--ink);}
  .menu-btn.active span:nth-child(1){transform:translateY(8px) rotate(45deg);}
  .menu-btn.active span:nth-child(2){opacity:0;}
  .menu-btn.active span:nth-child(3){transform:translateY(-8px) rotate(-45deg);}
  .mobile-panel{display:none;max-height:0;overflow:hidden;background:var(--white);border-bottom:3px solid var(--ink);transition:max-height .3s var(--ease);}
  .mobile-panel.open{max-height:360px;}
  .mobile-panel .wrap{display:flex;flex-direction:column;gap:2px;padding:6px 32px 20px;}
  .mobile-panel a{padding:12px 4px;font-size:15px;font-weight:700;border-bottom:2px solid #eee;}
  @media (max-width:860px){ .nav-links a:not(.nav-cta){display:none;} .menu-btn{display:flex;} .mobile-panel{display:block;} }

  /* ---------- HERO ---------- */
  .hero{padding:150px 0 70px;display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;}
  @media (max-width:980px){ .hero{grid-template-columns:1fr;padding:130px 0 40px;} }
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;text-transform:uppercase;background:var(--ink);color:var(--yellow);padding:7px 14px;margin-bottom:20px;}
  .eyebrow .dot{width:7px;height:7px;background:var(--coral);animation:pulse 1.6s infinite;}
  @keyframes pulse{0%,100%{opacity:1;}50%{opacity:.2;}}
  .hero h1{font-family:'Archivo Black',sans-serif;font-size:clamp(36px,6.4vw,84px);line-height:.98;letter-spacing:-.01em;}
  .hero h1 .hl-coral{color:var(--coral);}
  .hero h1 .hl-blue{color:var(--blue);}
  .hero h1 .hl-mark{background:var(--yellow);padding:0 8px;}
  .hero p{margin-top:22px;font-size:17px;line-height:1.6;color:var(--gray);max-width:480px;font-weight:500;}
  .service-pills{display:flex;flex-wrap:wrap;gap:9px;margin-top:22px;}
  .service-pills span{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11.5px;border:2px solid var(--ink);padding:6px 12px;background:var(--white);}
  .service-pills span:nth-child(2n){background:var(--yellow);}
  .service-pills span:nth-child(3n){background:var(--blue);color:var(--white);}
  .hero-ctas{display:flex;gap:16px;margin-top:34px;flex-wrap:wrap;}
  .btn-primary{background:var(--coral);color:var(--white);padding:16px 28px;font-size:15px;font-weight:700;text-transform:uppercase;display:inline-flex;align-items:center;gap:8px;}
  .btn-secondary{background:var(--white);color:var(--ink);padding:16px 24px;font-size:15px;font-weight:700;text-transform:uppercase;}

  /* ---------- STICKER DECK (signature) ---------- */
  .deck-stage{perspective:1300px;height:440px;position:relative;display:flex;align-items:center;justify-content:center;}
  .deck{position:relative;width:250px;height:320px;transform-style:preserve-3d;transition:transform .12s ease-out;}
  .card{position:absolute;inset:0;background:var(--white);border:3px solid var(--ink);box-shadow:8px 8px 0 var(--ink);padding:18px;display:flex;flex-direction:column;justify-content:space-between;animation:float 6s ease-in-out infinite;}
  .card .tag{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;display:flex;justify-content:space-between;}
  .card .body-mark{width:32px;height:32px;background:var(--yellow);border:2px solid var(--ink);}
  .card .platform{font-family:'Archivo Black',sans-serif;font-size:15px;}
  .card .stat{font-family:'JetBrains Mono',monospace;font-size:12px;color:var(--coral);font-weight:700;}
  .card:nth-child(1){transform:translateZ(0) rotate(-2deg); z-index:6;}
  .card:nth-child(2){transform:translateZ(-40px) rotate(-11deg) translateX(-50px) translateY(16px); z-index:5; background:var(--yellow); animation-delay:.3s;}
  .card:nth-child(3){transform:translateZ(-80px) rotate(8deg) translateX(50px) translateY(28px); z-index:4; background:var(--blue); color:var(--white); animation-delay:.6s;}
  .card:nth-child(3) .stat{color:var(--yellow);}
  .card:nth-child(4){transform:translateZ(-120px) rotate(-17deg) translateX(-92px) translateY(48px); z-index:3; background:var(--coral); color:var(--white); animation-delay:.9s;}
  .card:nth-child(4) .stat{color:var(--ink);}
  .card:nth-child(5){transform:translateZ(-160px) rotate(18deg) translateX(96px) translateY(60px); z-index:2; animation-delay:1.2s;}
  @keyframes float{0%,100%{margin-top:0;}50%{margin-top:-10px;}}
  .deck-caption{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;white-space:nowrap;background:var(--ink);color:var(--white);padding:5px 12px;}

  /* ---------- TICKER ---------- */
  .ticker-wrap{background:var(--ink);border-top:3px solid var(--ink);border-bottom:3px solid var(--ink);overflow:hidden;padding:16px 0;}
  .ticker{display:flex;gap:50px;white-space:nowrap;animation:scroll 20s linear infinite;width:max-content;}
  .ticker span{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:14px;color:var(--white);display:flex;align-items:center;gap:50px;text-transform:uppercase;}
  .ticker span::after{content:'●';color:var(--yellow);}
  @keyframes scroll{from{transform:translateX(0);}to{transform:translateX(-50%);}}

  section{padding:100px 0;}
  .section-head{max-width:640px;margin-bottom:56px;}
  .section-head h2{font-family:'Archivo Black',sans-serif;font-size:clamp(28px,3.6vw,46px);line-height:1.05;}
  .section-head p{margin-top:16px;color:var(--gray);font-size:16px;line-height:1.6;font-weight:500;}
  .reveal{opacity:0;transform:translateY(26px);transition:opacity .6s var(--ease), transform .6s var(--ease);}
  .reveal.in{opacity:1;transform:translateY(0);}

  /* ---------- TRUST ---------- */
  .trust-strip{padding:50px 0;}
  .trust-label{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;text-align:center;margin-bottom:24px;text-transform:uppercase;}
  .trust-logos{display:flex;justify-content:center;align-items:center;gap:20px;flex-wrap:wrap;}
  .trust-logos span{font-family:'Archivo Black',sans-serif;font-size:15px;border:2px solid var(--ink);padding:8px 16px;}

  /* ---------- SERVICES ---------- */
  .services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}
  @media (max-width:900px){ .services-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:600px){ .services-grid{grid-template-columns:1fr;} }
  .service-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--white);padding:26px 22px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);}
  .service-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink);}
  .service-card:nth-child(3n+2){transform:rotate(-1deg);}
  .service-card:nth-child(3n+2):hover{transform:rotate(-1deg) translate(-3px,-3px);}
  .service-card:nth-child(3n){transform:rotate(1deg);}
  .service-card:nth-child(3n):hover{transform:rotate(1deg) translate(-3px,-3px);}
  .service-card.flagship{background:var(--ink);color:var(--white);}
  .service-card.flagship p{color:#cfcfcf;}
  .service-icon{width:44px;height:44px;background:var(--yellow);border:2px solid var(--ink);display:flex;align-items:center;justify-content:center;margin-bottom:16px;}
  .service-card.flagship .service-icon{background:var(--coral);border-color:var(--white);}
  .service-icon svg{width:20px;height:20px;stroke:var(--ink);fill:none;}
  .service-card.flagship .service-icon svg{stroke:var(--white);}
  .service-card h3{font-family:'Archivo Black',sans-serif;font-size:17px;margin-bottom:8px;}
  .service-card p{font-size:14px;color:var(--gray);line-height:1.55;font-weight:500;}
  .service-tag{display:inline-block;margin-top:14px;font-family:'JetBrains Mono',monospace;font-weight:700;font-size:11px;background:var(--yellow);color:var(--ink);padding:5px 10px;}

  /* ---------- ABOUT ---------- */
  .about{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center;}
  @media (max-width:900px){ .about{grid-template-columns:1fr;} }
  .about-visual{aspect-ratio:1/1;background:var(--yellow);border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);display:flex;align-items:center;justify-content:center;perspective:900px;}
  .about-visual .ring{width:58%;aspect-ratio:1/1;border:3px solid var(--ink);border-radius:50%;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;animation:spin 12s linear infinite;background:var(--white);}
  .about-visual .ring::before{content:'N';font-family:'Archivo Black',sans-serif;font-size:52px;color:var(--ink);}
  @keyframes spin{from{transform:rotateY(0) rotateX(8deg);}to{transform:rotateY(360deg) rotateX(8deg);}}
  .about h2{font-family:'Archivo Black',sans-serif;font-size:clamp(24px,3vw,34px);line-height:1.1;}
  .about p{margin-top:16px;color:var(--gray);font-size:15.5px;line-height:1.65;max-width:520px;font-weight:500;}
  .about-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
  .about-tags span{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:12px;border:2px solid var(--ink);padding:6px 12px;}

  /* ---------- PROCESS ---------- */
  .process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;}
  @media (max-width:900px){ .process{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .process{grid-template-columns:1fr;} }
  .step{border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);padding:30px 22px;background:var(--white);}
  .step:nth-child(1){background:var(--white);}
  .step:nth-child(2){background:var(--yellow);}
  .step:nth-child(3){background:var(--blue);color:var(--white);}
  .step:nth-child(4){background:var(--ink);color:var(--white);}
  .step .num{font-family:'Archivo Black',sans-serif;font-size:26px;}
  .step h3{margin-top:14px;font-family:'Archivo Black',sans-serif;font-size:18px;}
  .step p{margin-top:10px;font-size:14px;line-height:1.55;font-weight:500;}
  .step:nth-child(1) p, .step:nth-child(2) p{color:var(--gray);}
  .step:nth-child(3) p, .step:nth-child(4) p{color:#e4e4e4;}

  /* ---------- RESULTS ---------- */
  .results-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
  @media (max-width:900px){ .results-grid{grid-template-columns:1fr 1fr;} }
  @media (max-width:560px){ .results-grid{grid-template-columns:1fr;} }
  .stat-card{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--white);padding:26px 22px;transition:transform .2s var(--ease), box-shadow .2s var(--ease);}
  .stat-card:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--ink);}
  .stat-card .num{font-family:'Archivo Black',sans-serif;font-size:36px;color:var(--coral);}
  .stat-card .label{margin-top:8px;font-size:13px;color:var(--gray);font-weight:600;}

  /* ---------- TESTIMONIALS ---------- */
  .testi-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}
  @media (max-width:900px){ .testi-grid{grid-template-columns:1fr;} }
  .testi{border:3px solid var(--ink);box-shadow:7px 7px 0 var(--ink);background:var(--white);padding:26px;}
  .testi .quote{font-size:15.5px;line-height:1.6;font-weight:600;}
  .testi .who{margin-top:16px;font-size:13px;color:var(--gray);font-family:'JetBrains Mono',monospace;font-weight:700;}

  /* ---------- CALCULATOR ---------- */
  .calc-card{border:3px solid var(--ink);box-shadow:9px 9px 0 var(--ink);padding:40px;background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:44px;}
  @media (max-width:900px){ .calc-card{grid-template-columns:1fr;padding:26px;} }
  .calc-field{margin-bottom:24px;}
  .calc-field:last-child{margin-bottom:0;}
  .calc-field label{display:flex;justify-content:space-between;font-size:13px;font-weight:700;margin-bottom:10px;}
  .calc-field label .val{font-family:'JetBrains Mono',monospace;background:var(--ink);color:var(--yellow);padding:2px 8px;}
  .calc-field input[type=range]{width:100%;height:6px;appearance:none;background:var(--ink);outline:none;}
  .calc-field input[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;background:var(--coral);border:3px solid var(--ink);cursor:pointer;}
  .calc-field input[type=range]::-moz-range-thumb{width:22px;height:22px;background:var(--coral);border:3px solid var(--ink);cursor:pointer;}
  .calc-output{background:var(--white);border:3px solid var(--ink);padding:24px;}
  .calc-row{margin-bottom:22px;}
  .calc-row:last-child{margin-bottom:0;}
  .calc-row-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:8px;}
  .calc-row-head .name{font-size:13px;font-weight:700;}
  .calc-row-head .figures{font-family:'JetBrains Mono',monospace;font-size:12.5px;font-weight:700;}
  .calc-row-head .figures .now{color:var(--gray);}
  .calc-row-head .figures .then{color:var(--coral);}
  .bar-track{height:12px;background:#eee;border:2px solid var(--ink);overflow:hidden;position:relative;margin-bottom:5px;}
  .bar-fill{height:100%;background:var(--ink);width:0%;transition:width .4s var(--ease);}
  .bar-fill.projected{background:var(--coral);}
  .calc-disclaimer{margin-top:18px;font-size:11.5px;color:var(--gray);line-height:1.5;font-weight:600;}

  /* ---------- FAQ ---------- */
  .faq{max-width:760px;}
  .faq-item{border:3px solid var(--ink);margin-bottom:12px;background:var(--white);}
  .faq-item summary{list-style:none;cursor:pointer;padding:20px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-family:'Archivo Black',sans-serif;font-size:15px;}
  .faq-item summary::-webkit-details-marker{display:none;}
  .faq-item summary .plus{font-family:'JetBrains Mono',monospace;font-weight:700;font-size:20px;background:var(--yellow);border:2px solid var(--ink);width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .25s var(--ease);}
  .faq-item[open] summary .plus{transform:rotate(45deg);}
  .faq-item p{padding:0 20px 20px;color:var(--gray);font-size:14.5px;line-height:1.6;font-weight:500;}

  /* ---------- CTA ---------- */
  .cta-band{border:3px solid var(--ink);background:var(--blue);color:var(--white);padding:70px 40px;text-align:center;position:relative;overflow:hidden;}
  .cta-band h2{font-family:'Archivo Black',sans-serif;font-size:clamp(28px,4.4vw,50px);max-width:640px;margin:0 auto;line-height:1.05;}
  .cta-band p{margin-top:16px;color:#dfe3ff;font-size:16px;font-weight:600;}
  .cta-band .btn-primary{margin-top:30px;background:var(--yellow);color:var(--ink);border:3px solid var(--ink);box-shadow:6px 6px 0 var(--ink);}
  .cta-band .btn-primary:hover{transform:translate(3px,3px);box-shadow:3px 3px 0 var(--ink);}

  footer{padding:40px 0 60px;border-top:3px solid var(--ink);}
  .foot-top{display:flex;justify-content:space-between;flex-wrap:wrap;gap:32px;padding-bottom:32px;margin-bottom:24px;border-bottom:3px solid var(--ink);}
  .foot-links{display:flex;gap:56px;flex-wrap:wrap;}
  .foot-col h4{font-family:'JetBrains Mono',monospace;font-size:12px;text-transform:uppercase;margin-bottom:14px;font-weight:700;}
  .foot-col a{display:block;font-size:14px;font-weight:600;margin-bottom:10px;}
  .foot-col a:hover{color:var(--coral);}
  .foot-row{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px;font-size:13px;font-weight:600;color:var(--gray);}
  .easter-egg{cursor:help;border-bottom:2px dashed var(--ink);}