:root{
    --ink:#15171C;--ink2:#5B5852;--coral:#FF5A3C;--coralD:#FF5A3C;--coralT:#FAECE7;
    --cream:#F7F5F1;--bg:#EDEAE3;--paper:#FFFFFF;--border:#E7E3DB;--line:#EFEBE3;--muted:#8C887F;--muted2:#B4B0A8;
    --green:#0F8A5F;--blue:#3B6FB0;--violet:#7A5CC0;
    --maxw:1180px;
  }
  *{box-sizing:border-box;margin:0;padding:0;}
  html{scroll-behavior:smooth;}
  body{font-family:'Inter',system-ui,Arial,sans-serif;color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden;}
  svg.lucide{width:1em;height:1em;}
  a{text-decoration:none;color:inherit;}
  .wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
  section{position:relative;}
  .eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--coralD);}
  .eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px var(--coralT);}
  h2.sec{font-size:clamp(28px,4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin:14px 0 0;}
  .lead{font-size:clamp(15px,1.4vw,18px);color:var(--ink2);line-height:1.6;margin-top:14px;max-width:640px;}
  .center{text-align:center;} .center .lead{margin-left:auto;margin-right:auto;}

  /* buttons */
  .btn{display:inline-flex;align-items:center;gap:9px;font-weight:600;font-size:15px;border-radius:12px;padding:13px 22px;border:1px solid transparent;cursor:pointer;transition:.18s;white-space:nowrap;}
  .btn i{width:17px;height:17px;}
  .btn-primary{background:var(--coral);color:#fff;box-shadow:0 10px 24px -10px rgba(255,90,60,.7);}
  .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 30px -12px rgba(255,90,60,.8);}
  .btn-ghost{background:transparent;border-color:var(--border);color:var(--ink);}
  .btn-ghost:hover{border-color:var(--ink);background:var(--ink);color:#fff;}
  .btn-light{background:#fff;color:var(--ink);border-color:var(--border);}
  .btn-light:hover{transform:translateY(-2px);box-shadow:0 12px 26px -14px rgba(21,23,28,.5);}
  .btn-onink{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.22);}
  .btn-onink:hover{background:#fff;color:var(--ink);}

  /* ---------- NAV ---------- */
  header.nav{position:fixed;top:0;left:0;right:0;z-index:100;transition:.28s;}
  header.nav .bar{display:flex;align-items:center;gap:18px;height:70px;transition:.28s;}
  header.nav.scrolled{background:rgba(255,255,255,.82);backdrop-filter:blur(14px);border-bottom:1px solid var(--line);box-shadow:0 6px 24px -18px rgba(21,23,28,.4);}
  header.nav.scrolled .bar{height:60px;}
  .nav .logo{height:34px;display:flex;align-items:center;}
  .nav .logo img{height:34px;width:auto;}
  .nav .links{display:flex;gap:6px;margin:0 auto;}
  .nav .links a{font-size:14.5px;font-weight:500;color:var(--ink2);padding:9px 13px;border-radius:9px;transition:.15s;}
  .nav .links a:hover{color:var(--ink);background:rgba(21,23,28,.05);}
  .nav .ncta{display:flex;align-items:center;gap:10px;}
  .nav .signin{font-size:14.5px;font-weight:600;color:var(--ink);padding:9px 12px;}
  @media(max-width:900px){.nav .links{display:none;}}

  /* ---------- HERO ---------- */
  .hero{padding:150px 0 60px;background:
     radial-gradient(60% 50% at 80% 0%, rgba(255,90,60,.16), rgba(255,90,60,0) 70%),
     radial-gradient(50% 40% at 5% 30%, rgba(122,92,192,.10), rgba(122,92,192,0) 70%),
     linear-gradient(180deg,var(--cream),var(--paper) 78%);overflow:hidden;}
  .hero .grid{display:grid;grid-template-columns:1.05fr .95fr;gap:44px;align-items:center;}
  @media(max-width:940px){.hero .grid{grid-template-columns:1fr;gap:34px;}}
  .hero h1{font-size:clamp(38px,5.4vw,62px);font-weight:900;letter-spacing:-.035em;line-height:1.02;}
  .hero h1 .hl{position:relative;color:var(--coral);white-space:nowrap;}
  .hero h1 .hl::after{content:"";position:absolute;left:0;right:0;bottom:6%;height:26%;background:var(--coralT);z-index:-1;border-radius:4px;transform:scaleX(0);transform-origin:left;animation:swipe 1s .5s cubic-bezier(.2,.7,.2,1) forwards;}
  @keyframes swipe{to{transform:scaleX(1);}}
  .hero .sub{font-size:clamp(16px,1.5vw,19px);color:var(--ink2);line-height:1.6;margin-top:22px;max-width:520px;}
  .hero .cta{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap;}
  .hero .trust{display:flex;align-items:center;gap:18px;margin-top:26px;font-size:13px;color:var(--muted);flex-wrap:wrap;}
  .hero .trust b{color:var(--ink);}
  .hero .trust .sep{width:1px;height:16px;background:var(--border);}
  .hero .stars{color:#E0A400;letter-spacing:2px;}

  /* hero product visual */
  .stage{position:relative;perspective:1400px;}
  .board{position:relative;background:var(--ink);color:#fff;border-radius:22px;padding:26px;box-shadow:0 40px 80px -30px rgba(21,23,28,.55);overflow:hidden;transform:rotateY(-9deg) rotateX(3deg);transition:transform .5s;}
  .stage:hover .board{transform:rotateY(-4deg) rotateX(1deg);}
  .board::before{content:"";position:absolute;top:-40px;right:-30px;width:220px;height:220px;background:radial-gradient(circle,rgba(255,90,60,.5),rgba(255,90,60,0) 66%);animation:pulse 4s ease-in-out infinite;}
  @keyframes pulse{0%,100%{opacity:.7;transform:scale(1);}50%{opacity:1;transform:scale(1.12);}}
  .board .bhead{display:flex;align-items:center;justify-content:space-between;position:relative;}
  .board .bhead .live{display:inline-flex;align-items:center;gap:7px;font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#8A8F9E;}
  .board .bhead .live .d{width:7px;height:7px;border-radius:50%;background:#2BD48F;box-shadow:0 0 0 0 rgba(43,212,143,.7);animation:blip 1.6s infinite;}
  @keyframes blip{0%{box-shadow:0 0 0 0 rgba(43,212,143,.6);}70%{box-shadow:0 0 0 8px rgba(43,212,143,0);}100%{box-shadow:0 0 0 0 rgba(43,212,143,0);}}
  .board .now{position:relative;text-align:center;padding:16px 0 8px;}
  .board .now .lbl{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#8A8F9E;}
  .board .now .num{font-size:64px;font-weight:900;letter-spacing:-.03em;line-height:1;margin-top:6px;font-variant-numeric:tabular-nums;}
  .board .now .win{font-size:13px;color:#C9C5BD;margin-top:6px;}
  .board .now .win b{color:var(--coral);}
  .board .q{position:relative;margin-top:14px;border-top:1px solid rgba(255,255,255,.1);padding-top:12px;display:flex;flex-direction:column;gap:7px;}
  .board .qi{display:flex;align-items:center;gap:11px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);border-radius:11px;padding:9px 12px;transition:.4s;}
  .board .qi .tk{font-weight:800;font-size:13px;font-variant-numeric:tabular-nums;width:52px;}
  .board .qi .sv{font-size:12px;color:#C9C5BD;flex:1;}
  .board .qi .wt{font-size:11px;color:#8A8F9E;}
  .board .qi.callnext{background:rgba(255,90,60,.16);border-color:rgba(255,90,60,.4);}
  .board .qi.callnext .tk{color:var(--coral);}
  /* floating chips */
  .chip{position:absolute;background:#fff;border:1px solid var(--border);border-radius:14px;padding:11px 14px;box-shadow:0 20px 40px -20px rgba(21,23,28,.4);display:flex;align-items:center;gap:10px;font-size:13px;font-weight:600;}
  .chip .ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex:none;}
  .chip.c1{top:8%;left:-6%;animation:float 5s ease-in-out infinite;}
  .chip.c2{bottom:12%;right:-7%;animation:float 6s ease-in-out infinite .8s;}
  .chip small{display:block;font-size:10.5px;color:var(--muted);font-weight:500;}
  @keyframes float{0%,100%{transform:translateY(0);}50%{transform:translateY(-12px);}}
  @media(max-width:940px){.chip.c1{left:2%;} .chip.c2{right:2%;} .board{transform:none;}}

  /* ---------- MARQUEE ---------- */
  .marq{padding:34px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--paper);}
  .marq .cap{text-align:center;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-bottom:18px;}
  .marq .track{display:flex;gap:56px;align-items:center;animation:scrollx 26s linear infinite;width:max-content;}
  .marq .track span{font-size:20px;font-weight:800;color:#C4BFB6;letter-spacing:-.02em;white-space:nowrap;display:inline-flex;align-items:center;gap:8px;}
  .marq .track span i{width:20px;height:20px;}
  @keyframes scrollx{to{transform:translateX(-50%);}}
  .marqmask{position:relative;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);}

  /* ---------- STATS ---------- */
  .stats{padding:56px 0;}
  .stats .row{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;}
  @media(max-width:800px){.stats .row{grid-template-columns:1fr 1fr;}}
  .stat{text-align:center;padding:10px;}
  .stat .v{font-size:clamp(30px,4vw,44px);font-weight:900;letter-spacing:-.03em;line-height:1;}
  .stat .v .u{color:var(--coral);}
  .stat .k{font-size:13px;color:var(--muted);margin-top:8px;font-weight:500;}

  /* ---------- FEATURES ---------- */
  .features{padding:70px 0 40px;background:linear-gradient(180deg,var(--paper),var(--cream));}
  .fgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
  @media(max-width:900px){.fgrid{grid-template-columns:1fr 1fr;}}
  @media(max-width:600px){.fgrid{grid-template-columns:1fr;}}
  .fcard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:24px;transition:.22s;position:relative;overflow:hidden;}
  .fcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(21,23,28,.45);border-color:#DAD4C9;}
  .fcard .ic{width:46px;height:46px;border-radius:13px;background:var(--coralT);color:var(--coralD);display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;transition:.22s;}
  .fcard:hover .ic{background:var(--coral);color:#fff;transform:rotate(-6deg);}
  .fcard h3{font-size:17px;font-weight:700;letter-spacing:-.01em;}
  .fcard p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin-top:8px;}

  /* ---------- HOW ---------- */
  .how{padding:70px 0;}
  .steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:44px;position:relative;}
  @media(max-width:820px){.steps{grid-template-columns:1fr;}}
  .step{background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:26px;position:relative;}
  .step .n{width:40px;height:40px;border-radius:11px;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;}
  .step h3{font-size:18px;font-weight:700;margin-top:16px;letter-spacing:-.01em;}
  .step p{font-size:13.5px;color:var(--ink2);line-height:1.55;margin-top:8px;}
  .step .ar{position:absolute;right:-20px;top:44px;color:var(--muted2);z-index:2;}
  @media(max-width:820px){.step .ar{display:none;}}

  /* ---------- SHOWCASE (dark) ---------- */
  .showcase{padding:80px 0;background:var(--ink);color:#fff;overflow:hidden;}
  .showcase::before{content:"";position:absolute;top:-10%;left:-5%;width:400px;height:400px;background:radial-gradient(circle,rgba(255,90,60,.22),transparent 66%);}
  .showcase .grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;position:relative;}
  @media(max-width:900px){.showcase .grid{grid-template-columns:1fr;}}
  .showcase h2.sec{color:#fff;}
  .showcase .lead{color:#C9C5BD;}
  .showcase .clist{margin-top:22px;display:flex;flex-direction:column;gap:12px;}
  .showcase .clist div{display:flex;align-items:flex-start;gap:11px;font-size:14.5px;color:#EDEAE4;}
  .showcase .clist i{color:#2BD48F;flex:none;margin-top:2px;width:18px;height:18px;}
  .dash{background:#1C1F27;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:16px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);}
  .dash .dtop{display:flex;align-items:center;gap:8px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);}
  .dash .dtop .dot{width:10px;height:10px;border-radius:50%;}
  .dash .dkpis{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:14px 0;}
  .dash .dk{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.06);border-radius:12px;padding:12px;}
  .dash .dk .n{font-size:22px;font-weight:800;letter-spacing:-.02em;}
  .dash .dk .l{font-size:10.5px;color:#8A8F9E;margin-top:3px;text-transform:uppercase;letter-spacing:.06em;}
  .dash .bars{display:flex;align-items:flex-end;gap:8px;height:96px;padding:6px 4px 0;}
  .dash .bars .b{flex:1;background:linear-gradient(180deg,var(--coral),#B3441F);border-radius:6px 6px 3px 3px;transition:height 1s cubic-bezier(.2,.7,.2,1);}
  .dash .cap{font-size:11px;color:#8A8F9E;margin-top:8px;}

  /* ---------- PRICING ---------- */
  .pricing{padding:74px 0;background:linear-gradient(180deg,var(--cream),var(--paper));}
  .ptoggle{display:inline-flex;gap:4px;background:#fff;border:1px solid var(--border);border-radius:999px;padding:4px;margin:22px auto 0;}
  .ptoggle button{font:inherit;font-size:13.5px;font-weight:600;border:0;background:transparent;color:var(--ink2);padding:9px 18px;border-radius:999px;cursor:pointer;transition:.15s;}
  .ptoggle button.on{background:var(--coral);color:#fff;}
  .pgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:36px;align-items:stretch;}
  @media(max-width:860px){.pgrid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto;}}
  .plan{background:#fff;border:1px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;transition:.2s;}
  .plan:hover{transform:translateY(-5px);box-shadow:0 26px 50px -28px rgba(21,23,28,.4);}
  .plan.feat{border:2px solid var(--coral);position:relative;box-shadow:0 26px 60px -30px rgba(255,90,60,.5);}
  .plan .tag{position:absolute;top:-13px;left:24px;background:var(--coral);color:#fff;font-size:11px;font-weight:700;padding:5px 13px;border-radius:999px;letter-spacing:.02em;}
  .plan h3{font-size:19px;font-weight:800;}
  .plan .price{font-size:40px;font-weight:900;letter-spacing:-.03em;margin:10px 0 2px;font-variant-numeric:tabular-nums;}
  .plan .price .u{font-size:15px;font-weight:500;color:var(--muted);}
  .plan .psub{font-size:13.5px;color:var(--ink2);min-height:40px;}
  .plan ul{list-style:none;margin:16px 0 22px;display:flex;flex-direction:column;gap:10px;flex:1;}
  .plan li{font-size:13.5px;display:flex;gap:9px;color:var(--ink);align-items:flex-start;}
  .plan li i{color:var(--coralD);flex:none;width:17px;height:17px;margin-top:2px;}
  .plan .btn{justify-content:center;}
  .pnote{text-align:center;font-size:13px;color:var(--muted);margin-top:22px;}

  /* ---------- FAQ ---------- */
  .faq{padding:70px 0;}
  .faqlist{max-width:760px;margin:38px auto 0;display:flex;flex-direction:column;gap:12px;}
  .qa{background:#fff;border:1px solid var(--border);border-radius:14px;overflow:hidden;transition:.2s;}
  .qa summary{list-style:none;cursor:pointer;padding:18px 20px;display:flex;align-items:center;justify-content:space-between;gap:14px;font-weight:600;font-size:15.5px;}
  .qa summary::-webkit-details-marker{display:none;}
  .qa summary i{color:var(--coralD);transition:.25s;flex:none;}
  .qa[open] summary i{transform:rotate(45deg);}
  .qa .ans{padding:0 20px 18px;font-size:14px;color:var(--ink2);line-height:1.6;}
  .qa[open]{box-shadow:0 16px 34px -24px rgba(21,23,28,.4);border-color:#DAD4C9;}

  /* ---------- CTA ---------- */
  .cta{padding:20px 0 80px;}
  .ctaband{background:var(--ink);color:#fff;border-radius:26px;padding:56px 40px;text-align:center;position:relative;overflow:hidden;}
  .ctaband::before{content:"";position:absolute;top:-30%;left:50%;transform:translateX(-50%);width:560px;height:360px;background:radial-gradient(circle,rgba(255,90,60,.32),transparent 66%);}
  .ctaband h2{font-size:clamp(26px,3.6vw,40px);font-weight:800;letter-spacing:-.03em;position:relative;line-height:1.1;}
  .ctaband p{color:#C9C5BD;margin-top:12px;position:relative;font-size:16px;}
  .ctaband .cbtns{display:flex;gap:12px;justify-content:center;margin-top:26px;position:relative;flex-wrap:wrap;}

  /* ---------- FOOTER ---------- */
  footer.ft{background:var(--ink);color:#C9C5BD;padding:56px 0 30px;}
  footer.ft .grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:30px;}
  @media(max-width:800px){footer.ft .grid{grid-template-columns:1fr 1fr;gap:26px;}}
  footer.ft .fl img{height:30px;margin-bottom:14px;}
  footer.ft .fl p{font-size:13px;line-height:1.6;max-width:260px;color:#9A968E;}
  footer.ft h4{color:#fff;font-size:12px;text-transform:uppercase;letter-spacing:.08em;margin-bottom:14px;}
  footer.ft ul{list-style:none;display:flex;flex-direction:column;gap:9px;}
  footer.ft ul a{font-size:13.5px;color:#C9C5BD;transition:.15s;}
  footer.ft ul a:hover{color:var(--coral);}
  footer.ft .fbot{margin-top:40px;padding-top:20px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;font-size:12.5px;color:#8A8F9E;flex-wrap:wrap;gap:10px;}

  /* ---------- reveal (graceful: only active when JS adds body.js) ---------- */
  body.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);}
  body.js .reveal.in{opacity:1;transform:none;}
  body.js .reveal.d1{transition-delay:.08s;} body.js .reveal.d2{transition-delay:.16s;} body.js .reveal.d3{transition-delay:.24s;} body.js .reveal.d4{transition-delay:.32s;}

/* ===== shared nav language switcher ===== */
.nav .lang-switch{appearance:none;-webkit-appearance:none;border:1px solid var(--border);background:#fff;border-radius:9px;padding:7px 26px 7px 11px;font:inherit;font-size:13px;font-weight:600;color:var(--ink2);cursor:pointer;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%238C887F' stroke-width='2.5'><path d='m6 9 6 6 6-6'/></svg>");background-repeat:no-repeat;background-position:right 9px center;}
@media(max-width:900px){.nav .lang-switch{display:none;}}

/* ===== sub-page hero ===== */
.subhero{padding:140px 0 40px;background:radial-gradient(60% 60% at 80% 0%,rgba(255,90,60,.13),rgba(255,90,60,0) 70%),linear-gradient(180deg,var(--cream),var(--paper));text-align:center;}
/* Inner-page headers carry the same word-spacing as the homepage hero
   (.hero h1 below) so every page title breathes identically. */
.subhero h1{font-size:clamp(32px,5vw,52px);font-weight:900;letter-spacing:-.03em;line-height:1.05;word-spacing:.22em;margin-top:14px;}
.subhero .lead{margin:16px auto 0;}

/* ===== prose (legal / long content) ===== */
.prose{max-width:760px;margin:0 auto;padding:20px 0 40px;}
/* Opt-in: keep the comfortable 760px measure but sit flush with the page
   grid instead of centred, so the block lines up with the sections above
   and below it. Used by the About page's story. */
.prose.flush{margin-left:0;margin-right:auto;}
.prose h2{font-size:22px;font-weight:800;letter-spacing:-.02em;margin:30px 0 10px;padding-left:11px;border-left:3px solid var(--coral);}
.prose h3{font-size:16px;font-weight:700;margin:20px 0 6px;color:var(--coralD);}
.prose p{font-size:15px;color:var(--ink2);line-height:1.7;margin:0 0 12px;}
.prose ul,.prose ol{margin:0 0 14px 20px;} .prose li{font-size:15px;color:var(--ink2);line-height:1.7;margin:0 0 6px;}
.prose a{color:var(--coralD);font-weight:600;}
.prose .updated{font-size:13px;color:var(--muted);}

/* ===== contact form ===== */
.cform{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:14px;background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:0 20px 50px -34px rgba(21,23,28,.4);}
.cform label{font-size:13px;font-weight:600;color:var(--ink2);margin-bottom:6px;display:block;}
.cform input,.cform textarea,.cform select{width:100%;border:1px solid var(--border);background:var(--cream);border-radius:11px;padding:12px 13px;font:inherit;font-size:14.5px;color:var(--ink);outline:none;transition:.15s;}
.cform input:focus,.cform textarea:focus,.cform select:focus{border-color:var(--coral);background:#fff;box-shadow:0 0 0 3px var(--coralT);}
.cform textarea{min-height:120px;resize:vertical;}
.crow{display:grid;grid-template-columns:1fr 1fr;gap:14px;} @media(max-width:560px){.crow{grid-template-columns:1fr;}}

/* ===== detailed feature rows ===== */
.frow{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;padding:50px 0;border-bottom:1px solid var(--line);}
.frow:nth-child(even) .ftxt{order:2;} 
@media(max-width:820px){.frow{grid-template-columns:1fr;gap:24px;}.frow:nth-child(even) .ftxt{order:0;}}
.frow .ic{width:48px;height:48px;border-radius:13px;background:var(--coralT);color:var(--coralD);display:flex;align-items:center;justify-content:center;font-size:23px;margin-bottom:16px;}
.frow h3{font-size:24px;font-weight:800;letter-spacing:-.02em;}
.frow p{font-size:15px;color:var(--ink2);line-height:1.6;margin-top:10px;}
.frow .fvis{background:var(--ink);border-radius:18px;min-height:220px;display:flex;align-items:center;justify-content:center;color:#fff;position:relative;overflow:hidden;box-shadow:0 30px 60px -34px rgba(21,23,28,.5);}
.frow .fvis::before{content:"";position:absolute;top:-30px;right:-20px;width:200px;height:200px;background:radial-gradient(circle,rgba(255,90,60,.4),transparent 66%);}
.frow .fvis i{width:64px;height:64px;opacity:.9;position:relative;color:var(--coral);}

/* ===== team / values ===== */
.vgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
@media(max-width:760px){.vgrid{grid-template-columns:1fr;}}
.nav .links a.active{color:var(--ink);background:rgba(21,23,28,.06);}

/* ===== feature-panel mini product visuals ===== */
.fvis .mini{position:relative;z-index:1;width:84%;max-width:290px;background:#fff;color:var(--ink);border-radius:14px;padding:15px;box-shadow:0 24px 50px -24px rgba(0,0,0,.55);}
.fvis .mini.dark{background:#1C1F27;color:#fff;border:1px solid rgba(255,255,255,.08);}
.fvis .m-top{display:flex;align-items:center;justify-content:space-between;font-size:9.5px;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em;}
.fvis .mini.dark .m-top{color:#8A8F9E;}
.fvis .tk-num{font-size:30px;font-weight:900;letter-spacing:-.02em;margin:8px 0 2px;font-variant-numeric:tabular-nums;}
.fvis .tk-sv{font-size:12px;color:var(--ink2);}
.fvis .tk-qr{width:52px;height:52px;border-radius:6px;margin-top:11px;background:repeating-conic-gradient(#15171C 0 25%,#fff 0 50%) 0 0/12px 12px;border:3px solid #15171C;}
.fvis .tk-cap{font-size:10px;color:var(--muted);margin-top:7px;}
.fvis .ns-num{font-size:34px;font-weight:900;text-align:center;margin:8px 0 2px;color:#fff;}
.fvis .ns-win{font-size:11px;text-align:center;color:#C9C5BD;}
.fvis .ns-win b{color:var(--coral);}
.fvis .ns-row{display:flex;justify-content:space-between;font-size:11px;background:rgba(255,255,255,.06);border-radius:8px;padding:6px 9px;margin-top:6px;color:#C9C5BD;}
.fvis .ns-row b{color:#fff;font-weight:800;}
.fvis .phone{position:relative;z-index:1;width:140px;background:#1C1F27;border:5px solid #0E1014;border-radius:24px;padding:18px 14px;text-align:center;color:#fff;box-shadow:0 26px 54px -24px rgba(0,0,0,.65);}
.fvis .phone .p-lbl{font-size:9.5px;color:#8A8F9E;text-transform:uppercase;letter-spacing:.08em;}
.fvis .phone .p-pos{font-size:34px;font-weight:900;color:var(--coral);line-height:1.1;}
.fvis .phone .p-bar{height:6px;border-radius:6px;background:rgba(255,255,255,.12);margin-top:12px;overflow:hidden;}
.fvis .phone .p-bar span{display:block;height:100%;width:66%;background:var(--coral);border-radius:6px;}
.fvis .phone .p-eta{font-size:11px;color:#C9C5BD;margin-top:9px;}
.fvis .cc-cur{font-size:18px;font-weight:900;margin:8px 0 2px;}
.fvis .cc-cur .g{color:var(--green);font-size:12px;font-weight:700;}
.fvis .cc-btns{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap;}
.fvis .cc-btns span{font-size:10.5px;font-weight:700;padding:6px 10px;border-radius:8px;background:var(--cream);border:1px solid var(--border);}
.fvis .cc-btns span.hot{background:var(--coral);color:#fff;border-color:var(--coral);}
.fvis .flow{display:flex;align-items:center;gap:7px;font-size:11px;font-weight:700;margin-top:10px;}
.fvis .flow .node{background:var(--cream);border:1px solid var(--border);border-radius:9px;padding:8px 6px;text-align:center;flex:1;}
.fvis .flow .node.coral{background:var(--coralT);color:var(--coralD);border-color:transparent;}
.fvis .flow i{width:13px;height:13px;color:var(--muted);flex:none;}
.fvis .ap{display:flex;align-items:center;gap:11px;margin-top:10px;}
.fvis .ap .cal{width:46px;height:50px;border-radius:10px;background:var(--coral);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;flex:none;}
.fvis .ap .cal .d{font-size:19px;font-weight:900;line-height:1;}
.fvis .ap .cal .m{font-size:9px;text-transform:uppercase;letter-spacing:.05em;}
.fvis .ap .ok{font-size:10.5px;font-weight:700;color:var(--green);background:#E3F5EC;border-radius:999px;padding:3px 9px;display:inline-block;margin-top:5px;}
.fvis .an-kpi{display:flex;justify-content:space-between;font-size:11px;font-weight:800;}
.fvis .an-kpi .g{color:var(--green);}
.fvis .an-bars{display:flex;align-items:flex-end;gap:5px;height:70px;margin-top:10px;}
.fvis .an-bars i{flex:1;background:linear-gradient(180deg,var(--coral),#B3441F);border-radius:4px 4px 2px 2px;}
.fvis .sec{text-align:center;}
.fvis .sec .lk{width:46px;height:46px;border-radius:13px;background:var(--coralT);color:var(--coralD);display:inline-flex;align-items:center;justify-content:center;margin-bottom:9px;}
.fvis .sec .lk i{width:22px;height:22px;}
.fvis .sec .pin{display:flex;gap:7px;justify-content:center;margin-top:10px;}
.fvis .sec .pin span{width:11px;height:11px;border-radius:50%;background:var(--ink);}
.fvis .sec .pin span.o{background:var(--border);}

/* ================= home redesign: new sections ================= */
/* keep the Now-Serving board facing forward (no 3D twist) */
.board{transform:none !important;}
.stage:hover .board{transform:none !important;}

/* hero brand wordmark (slogan) */
.bw .bin{color:var(--coral);} .bw .bqu{color:var(--ink);}
.hero h1{word-spacing:.22em;}

/* full-height first fold (hero + marquee) */
.fold{min-height:calc(100vh - 24px);min-height:calc(100dvh - 24px);display:flex;flex-direction:column;}
.fold>.hero{flex:1 0 auto;}
.fold>.marq{margin-top:0;}

/* persona value, one line, three wins */
.persona{padding:74px 0 34px;}
.pcards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:44px;}
@media(max-width:860px){.pcards{grid-template-columns:1fr;}}
.pcard{background:#fff;border:1px solid var(--border);border-radius:18px;padding:26px;transition:.22s;}
.pcard:hover{transform:translateY(-6px);box-shadow:0 26px 50px -28px rgba(21,23,28,.45);border-color:#DAD4C9;}
.pcard .big{width:48px;height:48px;border-radius:13px;background:var(--coralT);color:var(--coralD);display:flex;align-items:center;justify-content:center;margin-bottom:14px;}
.pcard .big i{width:24px;height:24px;}
.pcard .tag{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--coralD);}
.pcard h3{font-size:20px;font-weight:800;letter-spacing:-.02em;margin:4px 0 8px;}
.pcard p{font-size:14px;color:var(--ink2);line-height:1.6;}
.pcard ul{list-style:none;margin:14px 0 0;display:flex;flex-direction:column;gap:9px;}
.pcard li{font-size:13.5px;display:flex;gap:9px;align-items:flex-start;color:var(--ink);}
.pcard li i{color:var(--coralD);width:16px;height:16px;flex:none;margin-top:3px;}
.seccta{text-align:center;margin-top:34px;}

/* industries */
.inds{padding:66px 0;background:linear-gradient(180deg,var(--paper),var(--cream));}
.indgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:40px;}
@media(max-width:860px){.indgrid{grid-template-columns:1fr 1fr;}}
@media(max-width:560px){.indgrid{grid-template-columns:1fr;}}
.indcard{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--border);border-radius:14px;padding:17px 18px;transition:.2s;}
.indcard:hover{transform:translateY(-4px);box-shadow:0 20px 40px -26px rgba(21,23,28,.4);border-color:#DAD4C9;}
.indcard .ic{width:44px;height:44px;border-radius:12px;background:var(--coralT);color:var(--coralD);display:flex;align-items:center;justify-content:center;flex:none;}
.indcard .ic i{width:21px;height:21px;}
.indcard h4{font-size:15px;font-weight:700;letter-spacing:-.01em;}
.indcard p{font-size:12.5px;color:var(--muted);margin-top:2px;}

/* testimonials */
.tms{padding:72px 0;}
.tmgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;}
@media(max-width:860px){.tmgrid{grid-template-columns:1fr;}}
.tm{background:var(--cream);border:1px solid var(--border);border-radius:18px;padding:24px;display:flex;flex-direction:column;}
.tm .stars{color:#E0A400;letter-spacing:2px;font-size:13px;}
.tm p{font-size:14.5px;color:var(--ink);line-height:1.6;margin:12px 0 16px;font-weight:500;flex:1;}
.tm .who{display:flex;align-items:center;gap:11px;}
.tm .av{width:38px;height:38px;border-radius:50%;background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:13px;flex:none;}
.tm .nm{font-size:13.5px;font-weight:700;}
.tm .rl{font-size:12px;color:var(--muted);}

/* pricing teaser -> plan comparison (no prices) */
.ptease{padding:72px 0;background:linear-gradient(180deg,var(--cream),var(--paper));}
.cmp-wrap{margin-top:38px;overflow-x:auto;border:1px solid var(--border);border-radius:16px;background:#fff;}
.cmp{width:100%;min-width:620px;border-collapse:separate;border-spacing:0;font-size:13.5px;}
.cmp th,.cmp td{padding:13px 16px;border-bottom:1px solid var(--line);text-align:center;}
.cmp thead th{background:var(--cream);font-weight:800;font-size:14px;letter-spacing:-.01em;}
.cmp thead th .pop{display:block;font-size:9.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--coralD);margin-top:2px;}
.cmp thead th.mid{background:rgba(255,90,60,.06);}
.cmp tbody th{text-align:left;font-weight:600;color:var(--ink);}
.cmp td.mid{background:rgba(255,90,60,.04);}
.cmp td i{color:var(--coralD);width:17px;height:17px;}
.cmp td .no{color:var(--muted2);font-weight:700;}
.cmp tbody tr:last-child th,.cmp tbody tr:last-child td{border-bottom:0;}
.pt-cta{text-align:center;margin-top:28px;display:flex;gap:14px;justify-content:center;align-items:center;flex-wrap:wrap;}
.pt-cta a.link{font-size:13.5px;font-weight:600;color:var(--coralD);}
.pt-note{text-align:center;font-size:13px;color:var(--muted);margin-top:16px;}

/* light CTA that blends (no dark box) */
.cta2{padding:88px 0;text-align:center;background:
  radial-gradient(55% 80% at 50% 0%, var(--coralT), rgba(255,90,60,0) 68%),
  linear-gradient(180deg,var(--paper),var(--cream));}
/* The section directly above .cta2 must end white so .cta2's white top blends in
   with no cream/white seam, mirrors the home page, where a plain-white .faq sits
   above the CTA. Targets only a section immediately followed by .cta2. */
.features:has(+ .cta2),
.stats:has(+ .cta2){background:var(--paper);}
.cta2 h2{font-size:clamp(30px,4.4vw,48px);font-weight:900;letter-spacing:-.03em;line-height:1.05;}
.cta2 p{font-size:16.5px;color:var(--ink2);margin:16px auto 0;max-width:540px;line-height:1.6;}
.cta2 .cbtns{display:flex;gap:12px;justify-content:center;margin-top:30px;flex-wrap:wrap;}
.cta2 .microtrust{margin-top:20px;font-size:13px;color:var(--muted);}

/* FAQ widened to full section width (still collapsible) */
.faqlist.wide{max-width:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start;}
@media(max-width:760px){.faqlist.wide{grid-template-columns:1fr;}}