:root{
  --bg:#020812;
  --bg2:#061522;
  --panel:#071827;
  --panel2:#0a2338;
  --line:rgba(64,176,220,.28);
  --line2:rgba(87,220,196,.24);
  --text:#edf7ff;
  --muted:#aac3d8;
  --soft:#dff7ff;
  --cyan:#26d4ff;
  --green:#42e6bd;
  --danger:#ffbd7a;
  --shadow:0 24px 70px rgba(0,0,0,.35);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:
    radial-gradient(circle at 16% 0%,rgba(38,212,255,.13),transparent 32%),
    radial-gradient(circle at 86% 8%,rgba(66,230,189,.10),transparent 30%),
    linear-gradient(180deg,#020812 0%,#030b16 56%,#061522 100%);
  color:var(--text);
}
a{color:inherit;text-decoration:none}
.page{min-height:100vh}
.hero,.section,.contact,.footer{
  max-width:1180px;
  margin:0 auto;
  padding-left:18px;
  padding-right:18px;
}
.hero{padding-top:22px;padding-bottom:72px}
.nav{
  display:flex;
  align-items:center;
  gap:18px;
  min-height:72px;
  margin-bottom:42px;
}
.brand{
  display:flex;
  align-items:center;
  gap:10px;
  font-weight:950;
  letter-spacing:-.02em;
  white-space:nowrap;
}
.logo{
  display:inline-flex;
  width:42px;
  height:42px;
  border-radius:14px;
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.08);
}
.logo img{display:block;width:100%;height:100%}
.navlinks{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  flex:1;
}
.navlinks a{
  padding:9px 11px;
  border-radius:999px;
  color:#c4d8e8;
  font-size:.92rem;
  font-weight:750;
}
.navlinks a:hover{background:rgba(255,255,255,.055);color:#fff}
.menu-toggle{display:none}
.cta{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  padding:12px 17px;
  border:1px solid rgba(38,212,255,.42);
  border-radius:999px;
  background:linear-gradient(135deg,var(--cyan),#56eccd);
  color:#02121d;
  font-weight:950;
  box-shadow:0 18px 45px rgba(38,212,255,.18);
  cursor:pointer;
}
.cta.secondary{
  background:rgba(255,255,255,.035);
  color:#e8f8ff;
  box-shadow:none;
}
.hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(340px,.88fr);
  gap:34px;
  align-items:stretch;
}
.hero-copy,.health-console,.panel,.card,.contact,.footer{
  border:1px solid var(--line);
  background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,14,25,.98));
  border-radius:28px;
  box-shadow:var(--shadow);
}
.hero-copy{padding:42px}
.badge{
  display:inline-flex;
  width:max-content;
  max-width:100%;
  padding:8px 13px;
  border:1px solid rgba(38,212,255,.42);
  border-radius:999px;
  background:rgba(38,212,255,.08);
  color:#c8f4ff;
  font-size:.78rem;
  font-weight:900;
  letter-spacing:.04em;
  text-transform:uppercase;
}
h1,h2,h3,p{margin-top:0}
h1{
  margin:22px 0 16px;
  max-width:850px;
  color:#fff;
  font-size:clamp(2.25rem,5vw,4.9rem);
  line-height:.98;
  letter-spacing:-.065em;
}
.lead{
  max-width:780px;
  color:#c4d8e8;
  font-size:1.1rem;
  line-height:1.72;
}
.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.proof{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:28px;
}
.proof span{
  border:1px solid var(--line2);
  border-radius:999px;
  padding:9px 12px;
  background:rgba(255,255,255,.035);
  color:#d8f5ff;
  font-weight:800;
  font-size:.92rem;
}
.health-console{
  padding:26px;
  display:flex;
  flex-direction:column;
  gap:18px;
}
.console-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  padding-bottom:14px;
  border-bottom:1px solid rgba(255,255,255,.08);
}
.console-head strong{font-size:1.15rem}
.console-head span{
  color:#04141d;
  background:var(--green);
  border-radius:999px;
  padding:7px 10px;
  font-weight:950;
  font-size:.78rem;
}
.metric-row{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:10px;
}
.metric-row div{
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:14px;
  background:rgba(255,255,255,.035);
}
.metric-row span,.timeline span{display:block;color:var(--muted);font-size:.86rem}
.metric-row strong{display:block;margin-top:6px;color:#fff;font-size:1.15rem}
.timeline{display:grid;gap:10px}
.timeline div{
  border-left:3px solid var(--cyan);
  padding:12px 14px;
  border-radius:0 16px 16px 0;
  background:rgba(38,212,255,.055);
}
.timeline b{display:block;margin-bottom:4px;color:#fff}
.console-note{
  margin:auto 0 0;
  padding:13px;
  border-radius:16px;
  background:rgba(255,189,122,.08);
  border:1px solid rgba(255,189,122,.22);
  color:#ffd9b5;
  line-height:1.55;
}
.section{padding-top:44px;padding-bottom:44px}
.section-title{max-width:850px;margin-bottom:24px}
.section-title h2,.panel h2,.contact h2{
  margin:16px 0 12px;
  color:#fff;
  font-size:clamp(1.75rem,3.2vw,3rem);
  line-height:1.06;
  letter-spacing:-.045em;
}
.section-title p,.panel p,.card p,.contact p,.footer p{
  color:var(--muted);
  line-height:1.65;
}
.cards{display:grid;gap:28px}
.cards.three{grid-template-columns:repeat(3,1fr)}
.cards.four{grid-template-columns:repeat(4,1fr)}
.card{
  padding:24px;
  min-height:100%;
}
.card b{
  display:block;
  margin-bottom:13px;
  color:var(--green);
  font-size:.88rem;
}
.card h3{
  margin-bottom:10px;
  color:#fff;
  font-size:1.22rem;
}
.split{
  display:grid;
  grid-template-columns:1.08fr .92fr;
  gap:32px;
  align-items:stretch;
}
.panel,.alert-card{
  border:1px solid var(--line);
  border-radius:28px;
  padding:30px;
  background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,14,25,.98));
}
.clean-list{
  display:grid;
  gap:11px;
  margin:18px 0 0;
  padding:0;
  list-style:none;
}
.clean-list li{
  position:relative;
  padding-left:24px;
  color:var(--muted);
  line-height:1.55;
}
.clean-list li:before{
  content:"";
  position:absolute;
  left:0;
  top:.62em;
  width:7px;
  height:7px;
  border-radius:999px;
  background:var(--cyan);
}
.alert-card{
  background:
    radial-gradient(circle at 80% 0%,rgba(66,230,189,.12),transparent 34%),
    linear-gradient(145deg,#082337,#061522);
}
.alert-card h3{margin:0 0 18px;color:#fff;font-size:1.45rem}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:18px}
.steps div{
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  padding:14px 10px;
  background:rgba(255,255,255,.035);
}
.steps b{display:block;color:var(--green);margin-bottom:5px}
.steps span{color:#c9dfef;font-weight:800;font-size:.86rem}
.timeline-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
}
.timeline-grid article{
  border:1px solid var(--line);
  border-radius:22px;
  padding:22px;
  background:#071827;
}
.timeline-grid b{display:block;color:#fff;margin-bottom:8px}
.timeline-grid span{color:var(--muted);line-height:1.55}
.contact{
  display:grid;
  grid-template-columns:.9fr 1.1fr;
  gap:32px;
  margin-top:50px;
  margin-bottom:50px;
  padding:34px;
}
.contact-form{
  display:grid;
  gap:14px;
}
label{
  display:grid;
  gap:7px;
  color:#d8ecf8;
  font-weight:850;
}
input,select,textarea{
  width:100%;
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:13px 14px;
  background:rgba(255,255,255,.045);
  color:#fff;
  font:inherit;
}
select option{background:#071827;color:#fff}
textarea{resize:vertical}
.form-note{font-size:.9rem}
.footer{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  margin-bottom:28px;
  padding:24px;
}
.footer div{display:flex;align-items:center;gap:10px}
.footer p{max-width:520px;margin:0}
.footer nav{display:flex;gap:12px;flex-wrap:wrap}
.footer a{color:#dff7ff;font-weight:800}
.mobile-sticky-cta{display:none}

@media(max-width:1040px){
  .nav-cta{display:none}
  .navlinks{justify-content:flex-end}
  .hero-grid,.split,.contact{grid-template-columns:1fr}
  .cards.three,.cards.four,.timeline-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:760px){
  .hero{padding-top:12px}
  .nav{position:relative}
  .menu-toggle{
    display:inline-flex;
    flex-direction:column;
    gap:5px;
    margin-left:auto;
    width:44px;
    height:44px;
    align-items:center;
    justify-content:center;
    border:1px solid var(--line);
    border-radius:14px;
    background:rgba(255,255,255,.04);
  }
  .menu-toggle span{width:20px;height:2px;background:#fff;border-radius:99px}
  .navlinks{
    position:absolute;
    left:0;
    right:0;
    top:62px;
    z-index:20;
    display:none;
    flex-direction:column;
    align-items:stretch;
    padding:14px;
    border:1px solid var(--line);
    border-radius:20px;
    background:#061522;
  }
  .navlinks.is-open{display:flex}
  .hero-copy,.health-console,.panel,.alert-card,.contact{padding:24px}
  .cards.three,.cards.four,.timeline-grid,.metric-row,.steps{grid-template-columns:1fr}
  .footer{flex-direction:column;align-items:flex-start}
  .mobile-sticky-cta{
    display:inline-flex;
    position:fixed;
    left:14px;
    right:14px;
    bottom:14px;
    z-index:50;
    justify-content:center;
    padding:13px 16px;
    border-radius:999px;
    background:linear-gradient(135deg,var(--cyan),var(--green));
    color:#02121d;
    font-weight:950;
    box-shadow:0 18px 45px rgba(0,0,0,.35);
  }
}

/* ITSANTE_DEMO_REGISTER_V1_20260603 */
.demo-shell{
  border:1px solid var(--line);
  border-radius:28px;
  padding:28px;
  background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,14,25,.98));
  box-shadow:var(--shadow);
}
.demo-tabs{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:22px;
}
.demo-tab{
  border:1px solid rgba(38,212,255,.28);
  border-radius:999px;
  padding:10px 14px;
  background:rgba(255,255,255,.035);
  color:#dff7ff;
  font:inherit;
  font-weight:850;
  cursor:pointer;
}
.demo-tab.is-active{
  background:linear-gradient(135deg,var(--cyan),var(--green));
  color:#02121d;
}
.demo-panels{
  display:grid;
}
.demo-panel{
  display:none;
  border:1px solid rgba(51,173,226,.24);
  border-radius:22px;
  padding:24px;
  background:#071827;
}
.demo-panel.is-active{
  display:block;
}
.demo-panel h3{
  margin:0 0 10px;
  color:#fff;
  font-size:1.35rem;
}
.demo-panel p{
  color:var(--muted);
  line-height:1.65;
}
.demo-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:22px;
}
.inscription-zone{
  margin-top:30px;
}

/* ITSANTE_WATCH_SECTION_V1_20260603 */
#montre .panel,
#montre .alert-card{
  min-height:100%;
}

#montre .clean-list li strong{
  color:#fff;
}

@media(min-width:1041px){
  #roadmap .cards.four{
    grid-template-columns:repeat(3,1fr);
  }
}

/* ITSANTE_HERO_READABILITY_FIX_20260603 */
.hero-grid{
  display:grid !important;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr) !important;
  gap:56px !important;
  align-items:center !important;
}

.hero-copy{
  padding:54px !important;
}

.hero-copy .lead{
  margin-bottom:0 !important;
}

.proof{
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
  margin-top:34px !important;
  max-width:760px !important;
}

.proof span{
  display:inline-flex !important;
  align-items:center !important;
  width:auto !important;
  max-width:100% !important;
  padding:10px 14px !important;
  border:1px solid rgba(66,230,189,.28) !important;
  border-radius:999px !important;
  background:rgba(66,230,189,.07) !important;
  color:#dffaf4 !important;
  font-weight:850 !important;
  line-height:1.25 !important;
}

.health-console{
  display:flex !important;
  flex-direction:column !important;
  gap:22px !important;
  padding:32px !important;
  border:1px solid rgba(64,176,220,.32) !important;
  border-radius:30px !important;
  background:
    radial-gradient(circle at 80% 0%,rgba(66,230,189,.12),transparent 34%),
    linear-gradient(145deg,#081f31,#061522) !important;
  box-shadow:0 28px 80px rgba(0,0,0,.38) !important;
}

.console-head{
  display:flex !important;
  justify-content:space-between !important;
  align-items:center !important;
  gap:16px !important;
  padding-bottom:18px !important;
  border-bottom:1px solid rgba(255,255,255,.10) !important;
}

.console-head strong{
  font-size:1.18rem !important;
  color:#fff !important;
}

.metric-row{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:14px !important;
}

.metric-row div{
  padding:18px !important;
  border-radius:20px !important;
}

.timeline{
  display:grid !important;
  gap:14px !important;
}

.timeline div{
  padding:15px 16px !important;
  border-radius:0 18px 18px 0 !important;
}

.console-note{
  margin-top:4px !important;
  padding:16px !important;
  line-height:1.6 !important;
}

.section{
  padding-top:64px !important;
  padding-bottom:64px !important;
}

.cards{
  gap:34px !important;
}

.split{
  gap:42px !important;
}

@media(max-width:1040px){
  .hero-grid{
    grid-template-columns:1fr !important;
    gap:34px !important;
  }
  .hero-copy{
    padding:34px !important;
  }
}

@media(max-width:760px){
  .hero-copy,
  .health-console{
    padding:26px !important;
  }
  .metric-row{
    grid-template-columns:1fr !important;
  }
}

/* ITSANTE_DESKTOP_WIDE_FIX_20260603 */
@media(min-width:1100px){
  .hero,
  .section,
  .contact,
  .footer{
    max-width:1380px !important;
  }

  .nav{
    max-width:1380px !important;
    margin-left:auto !important;
    margin-right:auto !important;
    gap:18px !important;
  }

  .navlinks{
    gap:4px !important;
  }

  .navlinks a{
    padding:8px 10px !important;
    font-size:.86rem !important;
    white-space:nowrap !important;
  }

  .nav-cta{
    min-width:132px !important;
    white-space:nowrap !important;
    border-radius:999px !important;
    padding:12px 18px !important;
    line-height:1 !important;
  }

  .hero{
    padding-top:34px !important;
    padding-bottom:90px !important;
  }

  .hero-grid{
    grid-template-columns:minmax(680px,1.35fr) minmax(430px,.75fr) !important;
    gap:70px !important;
    align-items:center !important;
  }

  .hero-copy{
    padding:48px !important;
  }

  .hero-copy h1{
    max-width:850px !important;
    font-size:clamp(3.2rem,4.4vw,5.6rem) !important;
    line-height:1.01 !important;
    letter-spacing:-.065em !important;
  }

  .hero-copy .lead{
    max-width:780px !important;
    font-size:1.08rem !important;
  }

  .health-console{
    max-width:470px !important;
    justify-self:start !important;
  }
}

@media(min-width:1500px){
  .hero,
  .section,
  .contact,
  .footer,
  .nav{
    max-width:1460px !important;
  }

  .hero-grid{
    grid-template-columns:minmax(760px,1.45fr) minmax(460px,.75fr) !important;
    gap:82px !important;
  }

  .hero-copy h1{
    max-width:940px !important;
    font-size:clamp(3.6rem,4.7vw,6.2rem) !important;
  }

  .health-console{
    max-width:500px !important;
  }
}

/* ITSANTE_HERO_VISUAL_V2_20260603 */
.its-hero-v2{
  max-width:none !important;
  padding-left:0 !important;
  padding-right:0 !important;
  padding-top:0 !important;
  padding-bottom:0 !important;
}

.its-hero-v2 .nav{
  max-width:1540px !important;
  margin:0 auto !important;
  padding:20px 28px !important;
}

.its-hero-stage{
  max-width:1540px;
  margin:0 auto;
  padding:64px 28px 54px;
  display:grid;
  grid-template-columns:minmax(500px,.95fr) minmax(270px,.52fr) minmax(450px,.78fr);
  gap:34px;
  align-items:center;
  position:relative;
}

.its-hero-stage:before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 62% 48%,rgba(38,212,255,.12),transparent 30%),
    radial-gradient(circle at 92% 35%,rgba(66,230,189,.10),transparent 26%);
  pointer-events:none;
}

.its-hero-copy{
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  padding:0 !important;
}

.its-hero-copy h1{
  margin:24px 0 20px !important;
  max-width:720px !important;
  color:#fff !important;
  font-size:clamp(3.2rem,4.25vw,5.35rem) !important;
  line-height:1.03 !important;
  letter-spacing:-.065em !important;
}

.its-hero-copy .lead{
  max-width:690px !important;
  color:#c4d8e8 !important;
  font-size:1.08rem !important;
  line-height:1.72 !important;
}

.its-proof-v2{
  margin-top:34px !important;
  display:flex !important;
  flex-wrap:wrap !important;
  gap:14px !important;
}

.its-proof-v2 span{
  padding:12px 15px !important;
  border-radius:14px !important;
  border:1px solid rgba(38,212,255,.28) !important;
  background:rgba(7,24,39,.78) !important;
  color:#dff7ff !important;
  font-size:.9rem !important;
  font-weight:900 !important;
}

.its-flow-v2{
  position:relative;
  min-height:540px;
  display:grid;
  grid-template-areas:
    "watch phone"
    ". file"
    ". alert"
    "video action";
  gap:26px 34px;
  align-content:center;
  justify-content:center;
}

.its-flow-v2:before{
  content:"";
  position:absolute;
  inset:80px 34px 82px;
  border:1px dashed rgba(38,212,255,.34);
  border-radius:90px;
  opacity:.85;
}

.flow-node{
  position:relative;
  z-index:2;
  min-width:118px;
  min-height:118px;
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:10px;
  border:1px solid rgba(38,212,255,.32);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(7,24,39,.92),rgba(5,17,29,.96));
  box-shadow:0 18px 60px rgba(0,0,0,.28);
  text-align:center;
}

.flow-watch{grid-area:watch}
.flow-phone{grid-area:phone}
.flow-file{grid-area:file}
.flow-alert{grid-area:alert}
.flow-video{grid-area:video}
.flow-action{grid-area:action}

.flow-ico{
  display:flex;
  align-items:center;
  justify-content:center;
  width:48px;
  height:48px;
  border-radius:16px;
  color:var(--cyan);
  border:1px solid rgba(38,212,255,.28);
  background:rgba(38,212,255,.08);
  font-size:1.4rem;
}

.flow-node strong{
  color:#fff;
  line-height:1.2;
}

.its-dashboard-v2{
  padding:28px;
  border:1px solid rgba(64,176,220,.34);
  border-radius:30px;
  background:
    radial-gradient(circle at 82% 0%,rgba(66,230,189,.12),transparent 34%),
    linear-gradient(145deg,#081f31,#061522);
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}

.dash-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin-bottom:20px;
}

.dash-head strong{
  color:#fff;
  font-size:1.35rem;
}

.dash-head span{
  padding:8px 12px;
  border-radius:999px;
  background:var(--green);
  color:#02121d;
  font-size:.82rem;
  font-weight:950;
}

.dash-metrics{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  margin-bottom:16px;
}

.dash-metrics div{
  min-height:110px;
  padding:18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  background:rgba(255,255,255,.035);
}

.dash-metrics small{
  display:block;
  color:#a9c1d7;
  margin-bottom:8px;
}

.dash-metrics strong{
  display:block;
  color:#fff;
  font-size:1.45rem;
}

.dash-metrics i{
  display:block;
  width:70px;
  height:7px;
  margin-top:15px;
  border-radius:99px;
  background:linear-gradient(90deg,var(--cyan) 30%,rgba(255,255,255,.08) 30%);
}

.dash-metrics svg{
  width:100%;
  height:32px;
  margin-top:10px;
}

.dash-metrics path{
  fill:none;
  stroke:var(--cyan);
  stroke-width:4;
  stroke-linecap:round;
}

.dash-metrics em{
  display:block;
  margin-top:10px;
  color:var(--cyan);
  font-style:normal;
  font-size:1.8rem;
}

.dash-chart{
  border:1px solid rgba(255,255,255,.08);
  border-radius:20px;
  padding:18px;
  background:rgba(255,255,255,.025);
  margin-bottom:16px;
}

.dash-chart-title{
  color:#fff;
  font-weight:900;
  margin-bottom:8px;
}

.dash-chart-title span{
  color:#9eb8cf;
  font-weight:700;
}

.dash-chart svg{
  width:100%;
  height:auto;
}

.dash-chart line,
.dash-chart .grid-line{
  stroke:rgba(255,255,255,.10);
  stroke-width:1;
  fill:none;
}

.dash-chart .trend-fill{
  fill:rgba(38,212,255,.14);
}

.dash-chart .trend-line{
  fill:none;
  stroke:var(--cyan);
  stroke-width:5;
  stroke-linecap:round;
}

.dash-chart circle{
  fill:var(--cyan);
}

.dash-chart text{
  fill:#fff;
  font-size:22px;
  font-weight:900;
}

.dash-events{
  display:grid;
  gap:12px;
}

.dash-events div{
  position:relative;
  padding:15px 70px 15px 18px;
  border:1px solid rgba(255,255,255,.08);
  border-radius:16px;
  background:rgba(38,212,255,.055);
}

.dash-events b{
  display:block;
  color:#fff;
}

.dash-events span{
  display:block;
  color:#a9c1d7;
  margin-top:3px;
}

.dash-events time{
  position:absolute;
  right:18px;
  top:18px;
  color:#cfe5f4;
}

.dash-warning{
  margin:16px 0 0 !important;
  padding:16px !important;
  border:1px solid rgba(255,189,122,.24) !important;
  border-radius:16px !important;
  background:rgba(255,189,122,.08) !important;
  color:#ffd9b5 !important;
  line-height:1.55 !important;
}

.its-how-v2{
  max-width:1540px !important;
  margin:0 auto !important;
  padding-top:48px !important;
}

.its-how-v2 .section-title{
  text-align:center !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

.its-how-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:28px;
}

.its-how-grid article{
  border:1px solid rgba(64,176,220,.28);
  border-radius:24px;
  padding:28px;
  background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,14,25,.98));
  min-height:230px;
}

.its-how-grid span{
  color:var(--cyan);
  font-size:1.35rem;
  font-weight:950;
}

.its-how-grid h3{
  margin:12px 0 10px;
  color:#fff;
  font-size:1.35rem;
}

.its-how-grid p{
  color:var(--muted);
  line-height:1.62;
}

@media(max-width:1250px){
  .its-hero-stage{
    grid-template-columns:1fr;
  }
  .its-flow-v2{
    min-height:auto;
    grid-template-areas:
      "watch phone file"
      "alert video action";
  }
  .its-flow-v2:before{
    display:none;
  }
  .its-how-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:760px){
  .its-hero-v2 .nav{
    padding:14px;
  }
  .its-hero-stage{
    padding:34px 14px 44px;
  }
  .its-hero-copy h1{
    font-size:clamp(2.35rem,11vw,3.4rem) !important;
  }
  .its-flow-v2,
  .dash-metrics,
  .its-how-grid{
    grid-template-columns:1fr;
  }
  .its-flow-v2{
    display:none;
  }
  .its-dashboard-v2{
    padding:22px;
  }
}

/* ITSANTE_HERO_DESKTOP_BALANCE_20260603 */
.its-hero-v2 a,
.its-hero-v2 a:visited,
.its-hero-v2 a:hover,
.its-hero-v2 a:focus,
.nav a,
.nav a:visited,
.nav a:hover,
.nav a:focus,
.cta,
.cta:visited,
.cta:hover,
.cta:focus{
  text-decoration:none !important;
  text-decoration-line:none !important;
  border-bottom:0 !important;
  box-shadow:none;
}

@media(min-width:1100px){
  .its-hero-stage{
    grid-template-columns:minmax(440px,.82fr) minmax(250px,.42fr) minmax(420px,.76fr) !important;
    gap:38px !important;
    padding-top:54px !important;
    padding-bottom:42px !important;
    align-items:center !important;
  }

  .its-hero-copy h1{
    max-width:650px !important;
    font-size:clamp(2.95rem,3.65vw,4.65rem) !important;
    line-height:1.06 !important;
    letter-spacing:-.052em !important;
    margin-bottom:18px !important;
  }

  .its-hero-copy .lead{
    max-width:620px !important;
    font-size:1.03rem !important;
    line-height:1.68 !important;
  }

  .its-flow-v2{
    min-height:500px !important;
    transform:scale(.92);
    transform-origin:center;
  }

  .flow-node{
    min-width:104px !important;
    min-height:104px !important;
    border-radius:22px !important;
  }

  .flow-ico{
    width:42px !important;
    height:42px !important;
    font-size:1.15rem !important;
  }

  .its-dashboard-v2{
    max-width:500px !important;
    justify-self:end !important;
    padding:26px !important;
  }

  .dash-metrics div{
    min-height:96px !important;
    padding:15px !important;
  }

  .dash-chart{
    padding:15px !important;
  }

  .dash-events div{
    padding-top:13px !important;
    padding-bottom:13px !important;
  }

  .its-proof-v2{
    gap:12px !important;
    margin-top:28px !important;
  }

  .its-proof-v2 span{
    padding:10px 13px !important;
    font-size:.84rem !important;
  }
}

@media(min-width:1500px){
  .its-hero-stage{
    grid-template-columns:minmax(520px,.82fr) minmax(290px,.42fr) minmax(500px,.76fr) !important;
    gap:46px !important;
  }

  .its-hero-copy h1{
    max-width:720px !important;
    font-size:clamp(3.25rem,3.7vw,5rem) !important;
  }

  .its-flow-v2{
    transform:scale(.96);
  }

  .its-dashboard-v2{
    max-width:540px !important;
  }
}

@media(max-width:1099px){
  .its-hero-copy h1{
    font-size:clamp(2.5rem,7vw,4rem) !important;
    line-height:1.05 !important;
  }
}

/* ITSANTE_HERO_V2_COPY_LAYOUT_FIX_20260603 */
@media(min-width:1100px){
  .its-hero-stage{
    max-width:1500px !important;
    grid-template-columns:minmax(440px,.72fr) minmax(250px,.38fr) minmax(520px,.82fr) !important;
    gap:44px !important;
    padding-top:44px !important;
    padding-bottom:52px !important;
  }

  .its-hero-copy h1{
    max-width:620px !important;
    font-size:clamp(2.8rem,3.25vw,4.15rem) !important;
    line-height:1.08 !important;
    letter-spacing:-.045em !important;
  }

  .its-hero-copy .lead{
    max-width:640px !important;
    font-size:1.02rem !important;
    line-height:1.7 !important;
  }

  .its-flow-v2{
    min-height:455px !important;
    transform:scale(.9) !important;
  }

  .its-dashboard-v2{
    max-width:570px !important;
    width:100% !important;
    justify-self:end !important;
  }

  .dash-chart svg{
    max-height:150px !important;
  }

  .its-proof-v2{
    max-width:650px !important;
  }
}

@media(min-width:1500px){
  .its-hero-stage{
    grid-template-columns:minmax(520px,.75fr) minmax(280px,.38fr) minmax(560px,.85fr) !important;
    gap:52px !important;
  }

  .its-hero-copy h1{
    max-width:700px !important;
    font-size:clamp(3.05rem,3.35vw,4.55rem) !important;
  }

  .its-dashboard-v2{
    max-width:600px !important;
  }
}

/* ITSANTE_DREPANOCYTOSE_LAYER_V1_20260603 */
.its-drepa-v1{
  max-width:1540px !important;
  margin:0 auto !important;
  padding-top:28px !important;
  padding-bottom:54px !important;
}

.drepa-hero-grid{
  display:grid;
  grid-template-columns:1.15fr .85fr;
  gap:28px;
  margin-top:10px;
}

.drepa-main-card,
.drepa-side-card,
.drepa-feature,
.drepa-note{
  border:1px solid rgba(64,176,220,.28);
  border-radius:24px;
  background:linear-gradient(145deg,rgba(7,24,39,.96),rgba(4,14,25,.98));
  box-shadow:0 20px 60px rgba(0,0,0,.24);
}

.drepa-main-card,
.drepa-side-card{
  padding:28px;
}

.drepa-main-head{
  display:flex;
  align-items:flex-start;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}

.drepa-main-head b{
  display:block;
  margin-bottom:8px;
  color:var(--cyan);
  font-size:.9rem;
}

.drepa-main-head h3,
.drepa-side-card h3,
.drepa-feature h3{
  margin:0;
  color:#fff;
}

.drepa-main-head h3{
  font-size:1.7rem;
  line-height:1.15;
}

.drepa-pill{
  padding:9px 12px;
  border-radius:999px;
  background:rgba(66,230,189,.12);
  border:1px solid rgba(66,230,189,.28);
  color:#dffaf4;
  font-weight:900;
  white-space:nowrap;
}

.drepa-tags{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:16px 0 18px;
}

.drepa-tags span{
  padding:10px 12px;
  border-radius:14px;
  border:1px solid rgba(38,212,255,.24);
  background:rgba(255,255,255,.035);
  color:#dff7ff;
  font-weight:850;
  font-size:.92rem;
}

.drepa-side-card p{
  color:var(--muted);
  line-height:1.65;
}

.drepa-feature-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:22px;
  margin-top:24px;
}

.drepa-feature{
  padding:24px;
  min-height:100%;
}

.drepa-feature span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:14px;
  background:rgba(38,212,255,.10);
  border:1px solid rgba(38,212,255,.24);
  color:var(--cyan);
  font-weight:950;
  margin-bottom:14px;
}

.drepa-feature p{
  margin:12px 0 0;
  color:var(--muted);
  line-height:1.65;
}

.drepa-note{
  margin-top:22px;
  padding:20px 24px;
  background:linear-gradient(145deg,rgba(20,23,27,.95),rgba(13,18,22,.98));
  border-color:rgba(255,189,122,.22);
}

.drepa-note strong{
  display:block;
  margin-bottom:8px;
  color:#ffd9b5;
}

.drepa-note p{
  margin:0;
  color:#f0d5b7;
  line-height:1.6;
}

@media(max-width:1180px){
  .drepa-hero-grid,
  .drepa-feature-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media(max-width:760px){
  .drepa-hero-grid,
  .drepa-feature-grid{
    grid-template-columns:1fr;
  }

  .drepa-main-head{
    flex-direction:column;
  }

  .drepa-main-card,
  .drepa-side-card,
  .drepa-feature,
  .drepa-note{
    padding:22px;
  }
}