/* ============================================================
   Nereon — commercial website styles
   Light, fresh commercial surface using Nereon brand accents.
   ============================================================ */
:root{
  --navy:#071a2c; --navy2:#0b2740; --navy3:#0e3350;
  --teal:#1ABC9C; --teal-ink:#0e8f78; --teal-soft:#e7f7f3;
  --roro:#F5872E; --roro-ink:#cf6c18; --roro-soft:#fdeede;
  --tank:#d6478f; --tank-ink:#b62e72; --tank-soft:#fbe9f2;
  --ink:#0c2233; --ink2:#34495a; --muted:#5d7080; --muted2:#8194a1;
  --bg:#ffffff; --bg2:#f4f8fa; --bg3:#eef3f6;
  --line:#e4ebf0; --line2:#d3dde4;
  --green:#19a06b; --amber:#e3a008; --red:#e0503a;
  --radius:16px; --radius-sm:11px;
  --shadow-sm:0 1px 2px rgba(13,42,64,.06), 0 4px 14px -6px rgba(13,42,64,.12);
  --shadow-md:0 10px 30px -12px rgba(13,42,64,.28);
  --shadow-lg:0 30px 60px -22px rgba(7,26,44,.45);
  --maxw:1180px;
  --font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",sans-serif;
  --display:"Space Grotesk",var(--font);
}
*{box-sizing:border-box;}
html{scroll-behavior:smooth;scroll-padding-top:84px;}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);
  font-size:16px;line-height:1.62;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
h1,h2,h3,h4{font-family:var(--display);font-weight:700;margin:0;line-height:1.08;letter-spacing:-.02em;text-wrap:balance;}
p{margin:0;text-wrap:pretty;}
::selection{background:rgba(26,188,156,.25);}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);}

/* ---------- buttons ---------- */
.btn{display:inline-flex;align-items:center;gap:9px;font-family:var(--font);font-weight:600;font-size:.95rem;
  padding:.72rem 1.25rem;border-radius:99px;border:1px solid transparent;cursor:pointer;transition:all .18s ease;white-space:nowrap;}
.btn i{font-size:.9em;}
.btn-primary{background:var(--teal);color:#04241c;box-shadow:0 6px 18px -6px rgba(26,188,156,.7);}
.btn-primary:hover{background:#16a98b;transform:translateY(-1px);box-shadow:0 10px 24px -8px rgba(26,188,156,.8);}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.22);}
.btn-ghost:hover{background:rgba(255,255,255,.12);}
.btn-dark{background:var(--navy);color:#fff;}
.btn-dark:hover{background:#0d2c46;transform:translateY(-1px);}
.btn-outline{background:transparent;color:var(--ink);border-color:var(--line2);}
.btn-outline:hover{border-color:var(--teal);color:var(--teal-ink);}
.btn-lg{padding:.92rem 1.6rem;font-size:1.02rem;}
.btn-block{width:100%;justify-content:center;}

/* ---------- eyebrow / pills ---------- */
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.74rem;font-weight:700;letter-spacing:.14em;
  text-transform:uppercase;color:var(--teal-ink);}
.eyebrow.on-dark{color:var(--teal);}
.badge-ea{display:inline-flex;align-items:center;gap:8px;font-size:.76rem;font-weight:600;letter-spacing:.02em;
  padding:.36rem .8rem .36rem .6rem;border-radius:99px;background:rgba(26,188,156,.14);color:#bff3e6;
  border:1px solid rgba(26,188,156,.34);}
.badge-ea .dot{width:7px;height:7px;border-radius:99px;background:var(--teal);box-shadow:0 0 0 3px rgba(26,188,156,.25);
  animation:pulse 2.2s ease-in-out infinite;}
@keyframes pulse{0%,100%{opacity:1;}50%{opacity:.4;}}

/* section heading block */
.shead{max-width:62ch;}
.shead.center{margin:0 auto;text-align:center;}
.shead h2{font-size:clamp(1.9rem,3.4vw,2.7rem);margin:.5rem 0 .7rem;}
.shead p{font-size:1.08rem;color:var(--muted);}
section.block{padding:clamp(64px,9vw,112px) 0;}
.section-tint{background:var(--bg2);}
.section-dark{background:var(--navy);color:#fff;}
.section-dark .shead p{color:rgba(255,255,255,.66);}

/* ============================================================ HEADER */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.82);backdrop-filter:saturate(180%) blur(14px);
  border-bottom:1px solid var(--line);}
.nav-in{display:flex;align-items:center;gap:18px;height:68px;max-width:var(--maxw);margin:0 auto;padding:0 24px;}
.logo{display:flex;align-items:center;gap:10px;font-family:var(--display);font-weight:700;font-size:1.28rem;letter-spacing:-.01em;}
.logo .mk{width:32px;height:32px;border-radius:9px;background:linear-gradient(135deg,var(--teal),var(--tank));
  display:flex;align-items:center;justify-content:center;color:#04241c;font-size:.95rem;box-shadow:0 4px 14px -4px rgba(26,188,156,.6);}
.nav-links{display:flex;gap:4px;margin-left:14px;}
.nav-links a{padding:.5rem .8rem;border-radius:8px;font-size:.93rem;font-weight:500;color:var(--ink2);transition:all .15s;white-space:nowrap;}
.nav-links a:hover{background:var(--bg3);color:var(--ink);}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:12px;}
.lang{display:flex;border:1px solid var(--line2);border-radius:99px;overflow:hidden;font-size:.78rem;font-weight:700;}
.lang button{padding:.34rem .62rem;border:none;background:transparent;cursor:pointer;color:var(--muted);font-family:var(--font);font-weight:700;transition:all .15s;}
.lang button.on{background:var(--navy);color:#fff;}
.nav-toggle{display:none;background:none;border:none;font-size:1.3rem;color:var(--ink);cursor:pointer;padding:6px;}

/* ============================================================ HERO */
.hero{position:relative;background:radial-gradient(120% 90% at 80% -10%, #11406a 0%, var(--navy2) 42%, var(--navy) 100%);
  color:#fff;overflow:hidden;}
.hero::before{content:"";position:absolute;inset:0;
  background:radial-gradient(50% 50% at 12% 8%, rgba(26,188,156,.20), transparent 60%),
             radial-gradient(46% 46% at 92% 88%, rgba(214,71,143,.18), transparent 62%);
  pointer-events:none;}
.hero-in{position:relative;max-width:var(--maxw);margin:0 auto;padding:clamp(56px,8vw,96px) 24px clamp(60px,8vw,90px);
  display:grid;grid-template-columns:1.05fr .95fr;gap:54px;align-items:center;}
.hero h1{font-size:clamp(2.5rem,5.2vw,4rem);line-height:1.02;margin:1.3rem 0 1.2rem;}
.hero h1 .g{background:linear-gradient(100deg,var(--teal),#7fe7d0 60%,var(--tank));-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero .sub{font-size:1.2rem;line-height:1.55;color:rgba(255,255,255,.78);max-width:46ch;margin-bottom:1.9rem;}
.hero-cta{display:flex;gap:12px;flex-wrap:wrap;}
.hero-meta{display:flex;gap:26px;margin-top:2.2rem;flex-wrap:wrap;}
.hero-meta .m{display:flex;flex-direction:column;}
.hero-meta .m b{font-family:var(--display);font-size:1.5rem;font-weight:700;}
.hero-meta .m span{font-size:.82rem;color:rgba(255,255,255,.55);}
.hero-visual{position:relative;}
.browser{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:var(--shadow-lg);
  background:#0a1f33;transform:perspective(1600px) rotateY(-9deg) rotateX(2deg);transition:transform .5s ease;}
.hero-visual:hover .browser{transform:perspective(1600px) rotateY(-4deg) rotateX(1deg);}
.browser .bar{display:flex;align-items:center;gap:7px;padding:10px 13px;background:#0d2540;border-bottom:1px solid rgba(255,255,255,.08);}
.browser .bar .d{width:10px;height:10px;border-radius:99px;}
.browser .bar .url{margin-left:10px;font-size:.7rem;color:rgba(255,255,255,.5);background:rgba(255,255,255,.06);
  padding:.2rem .7rem;border-radius:99px;font-family:var(--display);}
.browser img{width:100%;display:block;}
.hero-glow{position:absolute;inset:-12% -8%;background:radial-gradient(closest-side,rgba(26,188,156,.35),transparent);
  filter:blur(36px);z-index:-1;}
.float-card{position:absolute;display:flex;align-items:center;gap:10px;padding:.7rem .9rem;border-radius:12px;
  background:rgba(11,30,49,.92);border:1px solid rgba(255,255,255,.13);box-shadow:var(--shadow-md);font-size:.8rem;
  backdrop-filter:blur(8px);}
.float-card .ic{width:30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:.9rem;flex:none;}
.float-card b{display:block;font-size:.86rem;}
.float-card span{color:rgba(255,255,255,.6);font-size:.72rem;}
.fc-1{left:-32px;top:24%;animation:floaty 5s ease-in-out infinite;}
.fc-2{right:-26px;bottom:16%;animation:floaty 6s ease-in-out .8s infinite;}
@keyframes floaty{0%,100%{transform:translateY(0);}50%{transform:translateY(-10px);}}
.trust{border-top:1px solid rgba(255,255,255,.1);}
.trust-in{max-width:var(--maxw);margin:0 auto;padding:20px 24px;display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  font-size:.84rem;color:rgba(255,255,255,.55);}
.trust-in .tlabel{font-weight:600;letter-spacing:.04em;}
.trust-tags{display:flex;gap:10px;flex-wrap:wrap;}
.trust-tags span{display:inline-flex;align-items:center;gap:7px;padding:.3rem .8rem;border-radius:99px;
  border:1px solid rgba(255,255,255,.16);font-size:.78rem;color:rgba(255,255,255,.8);}

/* ============================================================ PROBLEM */
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;margin-top:46px;}
.prob-col h3{font-size:1.15rem;margin-bottom:16px;display:flex;align-items:center;gap:10px;}
.prob-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px;}
.prob-list li{display:flex;gap:12px;align-items:flex-start;font-size:.98rem;color:var(--ink2);}
.prob-list li i{margin-top:3px;flex:none;}
.prob-before li i{color:var(--red);}
.prob-after{background:linear-gradient(160deg,#fff,var(--teal-soft));border:1px solid #cdeee5;border-radius:var(--radius);padding:28px;}
.prob-after li i{color:var(--teal-ink);}
.prob-after h3{color:var(--teal-ink);}

/* ============================================================ FEATURES */
.feat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:48px;}
.feat{background:var(--bg);border:1px solid var(--line);border-radius:var(--radius);padding:26px;transition:all .2s ease;}
.feat:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--line2);}
.feat .fic{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;margin-bottom:16px;}
.feat h3{font-size:1.2rem;margin-bottom:8px;}
.feat p{font-size:.95rem;color:var(--muted);}
.ic-teal{background:var(--teal-soft);color:var(--teal-ink);}
.ic-roro{background:var(--roro-soft);color:var(--roro-ink);}
.ic-tank{background:var(--tank-soft);color:var(--tank-ink);}
.ic-navy{background:#e9eff4;color:var(--navy2);}
.ic-blue{background:#e7f1fb;color:#2b6cb0;}
.ic-amber{background:#fdf4dd;color:#a9760a;}

/* ============================================================ AUDIENCES */
.aud-tabs{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin:38px 0 30px;}
.aud-tab{display:inline-flex;align-items:center;gap:9px;padding:.62rem 1.15rem;border-radius:99px;border:1px solid var(--line2);
  background:#fff;font-weight:600;font-size:.94rem;cursor:pointer;color:var(--ink2);transition:all .16s;font-family:var(--font);}
.aud-tab:hover{border-color:var(--teal);}
.aud-tab.on{background:var(--navy);color:#fff;border-color:var(--navy);}
.aud-panel{display:none;}
.aud-panel.on{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;
  animation:fade .35s ease;}
@keyframes fade{from{opacity:0;transform:translateY(8px);}to{opacity:1;transform:none;}}
.aud-copy .role-tag{font-size:.78rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--teal-ink);}
.aud-copy h3{font-size:1.7rem;margin:.5rem 0 .9rem;}
.aud-copy p{color:var(--muted);font-size:1.04rem;margin-bottom:1.3rem;}
.aud-points{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
.aud-points li{display:flex;gap:11px;align-items:flex-start;font-size:.98rem;color:var(--ink2);}
.aud-points li i{color:var(--teal-ink);margin-top:4px;flex:none;}
.aud-visual{border-radius:var(--radius);overflow:hidden;border:1px solid var(--line2);box-shadow:var(--shadow-md);}
.aud-visual img{width:100%;}

/* ============================================================ TERMINALS */
.term-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px;}
.term-card{position:relative;border-radius:var(--radius);overflow:hidden;background:var(--navy2);
  border:1px solid rgba(255,255,255,.1);transition:transform .2s;}
.term-card:hover{transform:translateY(-5px);}
.term-card .tc-top{height:5px;}
.term-card .tc-body{padding:26px;}
.term-card .tc-ic{width:48px;height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:16px;}
.term-card h3{font-size:1.4rem;color:#fff;margin-bottom:6px;}
.term-card .tc-sub{font-size:.82rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase;margin-bottom:14px;}
.term-card p{font-size:.92rem;color:rgba(255,255,255,.7);}
.term-card .tc-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:16px;}
.term-card .tc-tags span{font-size:.74rem;padding:.26rem .66rem;border-radius:99px;background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.13);color:rgba(255,255,255,.82);}

/* ============================================================ SHOWCASE */
.show-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:48px;}
.shot{border-radius:13px;overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#0a1f33;
  position:relative;transition:transform .22s, box-shadow .22s;}
.shot:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);}
.shot img{width:100%;display:block;}
.shot .cap{position:absolute;left:0;right:0;bottom:0;padding:22px 14px 11px;font-size:.8rem;font-weight:600;color:#fff;
  background:linear-gradient(transparent,rgba(5,18,31,.88));}
.shot.lg{grid-column:span 4;}
.shot.sm{grid-column:span 2;}
.shot.half{grid-column:span 3;}

/* ============================================================ SCAN */
.scan{position:relative;overflow:hidden;}
.scan::before{content:"";position:absolute;inset:0;background:radial-gradient(60% 60% at 85% 10%,rgba(26,188,156,.16),transparent 60%),radial-gradient(50% 50% at 5% 95%,rgba(214,71,143,.13),transparent 60%);}
.scan-in{position:relative;display:grid;grid-template-columns:.9fr 1.1fr;gap:50px;align-items:center;}
.scan-copy h2{font-size:clamp(2rem,3.6vw,2.9rem);margin:.6rem 0 1rem;color:#fff;}
.scan-copy p{color:rgba(255,255,255,.72);font-size:1.08rem;margin-bottom:1.4rem;}
.scan-feats{list-style:none;padding:0;margin:1.4rem 0 0;display:flex;flex-direction:column;gap:12px;}
.scan-feats li{display:flex;gap:11px;align-items:center;color:rgba(255,255,255,.86);font-size:.97rem;}
.scan-feats li i{color:var(--teal);}
.scan-panel{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:20px;
  padding:32px;box-shadow:var(--shadow-lg);backdrop-filter:blur(8px);min-height:430px;display:flex;flex-direction:column;}
/* intro */
.scan-intro{text-align:center;margin:auto 0;}
.scan-intro .big{width:84px;height:84px;border-radius:22px;margin:0 auto 20px;display:flex;align-items:center;justify-content:center;
  font-size:2.2rem;background:linear-gradient(135deg,var(--teal),var(--tank));color:#04241c;box-shadow:0 14px 34px -10px rgba(26,188,156,.6);}
.scan-intro h3{color:#fff;font-size:1.5rem;margin-bottom:10px;}
.scan-intro p{color:rgba(255,255,255,.66);font-size:.96rem;max-width:38ch;margin:0 auto 22px;}
.scan-intro .meta{display:flex;gap:22px;justify-content:center;margin-bottom:24px;color:rgba(255,255,255,.55);font-size:.82rem;}
.scan-intro .meta b{color:#fff;font-family:var(--display);}
/* question */
.scan-q{display:none;flex-direction:column;height:100%;}
.scan-q.on{display:flex;animation:fade .3s ease;}
.q-prog{height:6px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;margin-bottom:20px;}
.q-prog .bar{height:100%;background:linear-gradient(90deg,var(--teal),var(--tank));border-radius:99px;transition:width .35s ease;}
.q-meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px;}
.q-cat{font-size:.74rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--teal);}
.q-count{font-size:.8rem;color:rgba(255,255,255,.5);font-variant-numeric:tabular-nums;}
.q-text{color:#fff;font-family:var(--display);font-size:1.32rem;line-height:1.25;margin-bottom:20px;}
.q-opts{display:flex;flex-direction:column;gap:10px;}
.q-opt{display:flex;align-items:center;gap:13px;width:100%;text-align:left;padding:.85rem 1.05rem;border-radius:12px;
  border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.04);color:#fff;cursor:pointer;font-family:var(--font);
  font-size:.96rem;transition:all .15s;}
.q-opt:hover{border-color:var(--teal);background:rgba(26,188,156,.12);transform:translateX(3px);}
.q-opt .mk{width:22px;height:22px;border-radius:99px;border:2px solid rgba(255,255,255,.3);flex:none;transition:all .15s;}
.q-opt:hover .mk{border-color:var(--teal);}
.q-back{margin-top:auto;padding-top:18px;}
.q-back button{background:none;border:none;color:rgba(255,255,255,.55);font-family:var(--font);font-size:.86rem;cursor:pointer;display:inline-flex;align-items:center;gap:7px;}
.q-back button:hover{color:#fff;}
/* result */
.scan-res{display:none;flex-direction:column;height:100%;}
.scan-res.on{display:flex;animation:fade .4s ease;}
.gauge-row{display:flex;align-items:center;gap:22px;margin-bottom:22px;}
.gauge{position:relative;width:128px;height:128px;flex:none;}
.gauge svg{transform:rotate(-90deg);}
.gauge .val{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;}
.gauge .val b{font-family:var(--display);font-size:2.1rem;color:#fff;line-height:1;}
.gauge .val span{font-size:.68rem;color:rgba(255,255,255,.5);text-transform:uppercase;letter-spacing:.08em;}
.res-band h3{color:#fff;font-size:1.5rem;margin-bottom:6px;}
.res-band p{color:rgba(255,255,255,.7);font-size:.92rem;}
.pillars{display:flex;flex-direction:column;gap:12px;margin-bottom:8px;}
.pillar .pl-top{display:flex;justify-content:space-between;font-size:.84rem;margin-bottom:5px;color:rgba(255,255,255,.82);}
.pillar .pl-top b{font-weight:600;}
.pillar .pl-top .pct{color:#fff;font-variant-numeric:tabular-nums;font-weight:700;}
.pillar .track{height:8px;border-radius:99px;background:rgba(255,255,255,.1);overflow:hidden;}
.pillar .fill{height:100%;border-radius:99px;transition:width .8s cubic-bezier(.2,.7,.2,1);}
.res-advice{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:16px;}
.res-advice h4{color:#fff;font-size:1rem;margin-bottom:10px;display:flex;align-items:center;gap:8px;}
.res-advice ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:9px;}
.res-advice li{display:flex;gap:10px;font-size:.9rem;color:rgba(255,255,255,.8);}
.res-advice li i{color:var(--teal);margin-top:3px;flex:none;}
/* lead */
.scan-lead{margin-top:18px;border-top:1px solid rgba(255,255,255,.12);padding-top:18px;}
.scan-lead h4{color:#fff;font-size:1.04rem;margin-bottom:4px;}
.scan-lead p{color:rgba(255,255,255,.62);font-size:.86rem;margin-bottom:14px;}
.lead-row{display:flex;gap:10px;flex-wrap:wrap;}
.scan-input{flex:1;min-width:160px;padding:.78rem 1rem;border-radius:11px;border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);color:#fff;font-family:var(--font);font-size:.94rem;}
.scan-input::placeholder{color:rgba(255,255,255,.4);}
.scan-input:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,188,156,.2);}
.scan-done{text-align:center;margin:auto 0;display:none;}
.scan-done.on{display:block;animation:fade .4s ease;}
.scan-done .chk{width:72px;height:72px;border-radius:99px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;
  font-size:1.9rem;background:rgba(25,160,107,.18);color:#5fe0a8;border:1px solid rgba(25,160,107,.4);}
.scan-done h3{color:#fff;font-size:1.5rem;margin-bottom:8px;}
.scan-done p{color:rgba(255,255,255,.66);max-width:34ch;margin:0 auto 20px;}
.res-actions{display:flex;gap:10px;margin-top:18px;flex-wrap:wrap;}

/* ============================================================ ROADMAP */
.road{position:relative;margin-top:50px;}
.road-line{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;}
.road-step{position:relative;padding:26px 22px;border-radius:var(--radius);border:1px solid var(--line);background:#fff;}
.road-step .rs-dot{width:14px;height:14px;border-radius:99px;border:3px solid #fff;box-shadow:0 0 0 2px var(--line2);margin-bottom:14px;}
.road-step.now{border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,188,156,.12);}
.road-step.now .rs-dot{background:var(--teal);box-shadow:0 0 0 2px var(--teal);}
.road-step .rs-phase{font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);margin-bottom:6px;}
.road-step.now .rs-phase{color:var(--teal-ink);}
.road-step h4{font-size:1.12rem;margin-bottom:8px;}
.road-step p{font-size:.9rem;color:var(--muted);}
.road-step .rs-pill{display:inline-block;margin-top:12px;font-size:.72rem;font-weight:700;padding:.22rem .6rem;border-radius:99px;}
.rs-pill.live{background:var(--teal-soft);color:var(--teal-ink);}
.rs-pill.soon{background:#fdf4dd;color:#a9760a;}
.rs-pill.plan{background:var(--bg3);color:var(--muted);}

/* ============================================================ TEAM */
.team-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:46px;}
.team-col{border-radius:var(--radius);padding:34px;border:1px solid var(--line);background:#fff;}
.team-col.biz{background:linear-gradient(165deg,#fff,var(--roro-soft));border-color:#f5dcc4;}
.team-col.tech{background:linear-gradient(165deg,#fff,var(--teal-soft));border-color:#cdeee5;}
.team-col .tcl-ic{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:1.4rem;margin-bottom:18px;}
.team-col h3{font-size:1.45rem;margin-bottom:8px;}
.team-col>p{color:var(--muted);margin-bottom:20px;}
.team-col ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px;}
.team-col li{display:flex;gap:11px;align-items:flex-start;font-size:.96rem;color:var(--ink2);}
.team-col li i{margin-top:4px;flex:none;}
.biz li i{color:var(--roro-ink);}
.tech li i{color:var(--teal-ink);}
.team-note{text-align:center;margin-top:30px;color:var(--muted);font-size:.98rem;}

/* ============================================================ DEMO */
.demo{position:relative;overflow:hidden;}
.demo-in{display:grid;grid-template-columns:1fr 1.05fr;gap:50px;align-items:center;}
.demo-copy h2{font-size:clamp(2rem,3.6vw,2.8rem);color:#fff;margin:.6rem 0 1rem;}
.demo-copy p{color:rgba(255,255,255,.72);font-size:1.08rem;margin-bottom:1.5rem;}
.demo-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:13px;}
.demo-list li{display:flex;gap:12px;align-items:center;color:rgba(255,255,255,.86);}
.demo-list li i{color:var(--teal);}
.demo-form{background:#fff;border-radius:20px;padding:32px;box-shadow:var(--shadow-lg);}
.demo-form h3{font-size:1.3rem;margin-bottom:6px;}
.demo-form .fsub{color:var(--muted);font-size:.92rem;margin-bottom:20px;}
.field{margin-bottom:14px;}
.field label{display:block;font-size:.82rem;font-weight:600;color:var(--ink2);margin-bottom:6px;}
.field input,.field select,.field textarea{width:100%;padding:.74rem .9rem;border-radius:11px;border:1px solid var(--line2);
  font-family:var(--font);font-size:.95rem;color:var(--ink);background:#fff;transition:all .15s;}
.field textarea{resize:vertical;min-height:84px;}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--teal);box-shadow:0 0 0 3px rgba(26,188,156,.18);}
.field-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;}
.demo-success{display:none;text-align:center;padding:20px 0;}
.demo-success.on{display:block;animation:fade .4s ease;}
.demo-success .chk{width:66px;height:66px;border-radius:99px;margin:0 auto 16px;display:flex;align-items:center;justify-content:center;
  font-size:1.7rem;background:var(--teal-soft);color:var(--teal-ink);}
.demo-success h3{margin-bottom:8px;}
.demo-success p{color:var(--muted);}

/* ============================================================ FAQ */
.faq{max-width:820px;margin:46px auto 0;}
.faq-item{border-bottom:1px solid var(--line);}
.faq-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:22px 4px;
  background:none;border:none;cursor:pointer;font-family:var(--display);font-weight:600;font-size:1.12rem;color:var(--ink);text-align:left;}
.faq-q i{transition:transform .25s;color:var(--teal-ink);flex:none;}
.faq-item.open .faq-q i{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;}
.faq-a p{padding:0 4px 22px;color:var(--muted);font-size:1rem;}

/* ============================================================ FOOTER */
.footer{background:var(--navy);color:rgba(255,255,255,.6);padding:60px 0 34px;}
.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap;margin-bottom:40px;}
.footer .logo{color:#fff;margin-bottom:14px;}
.footer-brand p{max-width:34ch;font-size:.92rem;}
.footer-cols{display:flex;gap:60px;flex-wrap:wrap;}
.footer-col h5{color:#fff;font-family:var(--font);font-size:.82rem;letter-spacing:.06em;text-transform:uppercase;margin:0 0 14px;}
.footer-col a{display:block;font-size:.92rem;padding:4px 0;color:rgba(255,255,255,.6);transition:color .15s;cursor:pointer;}
.footer-col a:hover{color:#fff;}
.footer-bottom{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;font-size:.82rem;}
.footer-ea{display:inline-flex;align-items:center;gap:8px;}

/* ============================================================ RESPONSIVE */
@media (max-width:980px){
  .hero-in{grid-template-columns:1fr;gap:40px;}
  .hero-visual{order:-1;}
  .browser{transform:none;}
  .float-card{display:none;}
  .scan-in,.demo-in,.prob-grid,.aud-panel.on,.team-grid{grid-template-columns:1fr;gap:30px;}
  .feat-grid,.term-grid{grid-template-columns:1fr 1fr;}
  .road-line{grid-template-columns:1fr 1fr;}
  .show-grid{grid-template-columns:repeat(4,1fr);}
  .shot.lg{grid-column:span 4;} .shot.sm{grid-column:span 2;} .shot.half{grid-column:span 2;}
}
@media (max-width:1080px){
  .nav-links{display:none;position:absolute;top:68px;left:0;right:0;flex-direction:column;background:#fff;
    border-bottom:1px solid var(--line);padding:10px 16px;gap:2px;box-shadow:var(--shadow-md);}
  .nav-links.open{display:flex;}
  .nav-links a{padding:.7rem .6rem;}
  .nav-toggle{display:block;}
}
@media (max-width:680px){
  .feat-grid,.term-grid,.field-row{grid-template-columns:1fr;}
  .show-grid{grid-template-columns:1fr 1fr;}
  .shot.lg,.shot.sm,.shot.half{grid-column:span 2;}
  .road-line{grid-template-columns:1fr;}
  .hero-meta{gap:18px;}
  .scan-panel{padding:22px;}
  .aud-tabs{gap:6px;}
  .aud-tab{padding:.5rem .8rem;font-size:.84rem;}
}

.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.form-err{display:none;margin:10px 0 0;font-size:13px;line-height:1.5;color:#ffb4a8;background:rgba(255,90,71,.1);border:1px solid rgba(255,90,71,.3);border-radius:8px;padding:9px 11px}
.form-err.on{display:block}
.form-err a{color:#ffd9d2;text-decoration:underline}
.btn.busy{opacity:.6;pointer-events:none}

/* ============================================================ MOBILE HARDENING */
html,body{overflow-x:hidden}
img,svg{max-width:100%}
.nav-cta-m{display:none}
@media (max-width:600px){
  .nav-in{padding:0 16px;gap:10px;height:62px}
  .nav-links{top:62px}
  .nav-right{gap:8px}
  .nav-right .btn-dark{display:none}
  .nav-cta-m{display:flex;justify-content:center;margin-top:6px;background:var(--teal);color:#04241c;
    font-weight:700;border-radius:10px;padding:.8rem 1rem !important}
  .nav-cta-m:hover{background:#16a98b;color:#04241c}
  .lang button{padding:.6rem .8rem;font-size:.8rem}
  .logo{font-size:1.12rem}
  .logo .mk{width:28px;height:28px;border-radius:8px}
  .hero .sub{font-size:1.06rem}
  .btn-lg{padding:.85rem 1.25rem;font-size:.96rem}
  .hero-cta .btn{width:100%;justify-content:center}
  .hero-meta{gap:14px 22px}
  .show-grid{grid-template-columns:1fr}
  .shot.lg,.shot.sm,.shot.half{grid-column:span 1}
  .scan-panel{padding:18px;min-height:0}
  .scan-intro .big{width:66px;height:66px;border-radius:18px;font-size:1.8rem}
  .scan-intro .meta{gap:16px}
  .gauge-row{flex-direction:column;align-items:flex-start;gap:16px}
  .gauge{width:112px;height:112px}
  .lead-row{flex-direction:column}
  .lead-row .btn{width:100%;justify-content:center}
  .scan-input{min-width:0;width:100%}
  .res-actions .btn,.scan-done .btn{width:100%;justify-content:center}
  .res-actions{flex-direction:column}
  .q-opt{min-height:44px}
  .aud-tab{min-height:44px}
  .faq-q{min-height:44px}
  .footer-top{gap:26px}
}