:root {
  --blue: #41ade2;
  --blue-dark: #2490cc;
  --blue-light: #e8f5fd;
  --blue-mid: #bde3f6;
  --green: #76d84c;
  --green-dark: #58b833;
  --green-light: #edfae4;
  --bg: #f7fafc;
  --white: #ffffff;
  --ink: #0f1923;
  --ink2: #2d3f4e;
  --muted: #7a92a3;
  --border: #dde9f2;
  --radius: 20px;
  --font-display: 'Bricolage Grotesque', sans-serif;
  --font-body: 'Instrument Sans', sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}
html{scroll-behavior:smooth;}
body{background:var(--bg);color:var(--ink);font-family:var(--font-body);overflow-x:hidden;}
.modal h3 {color:#333 !important}
.privacy-consents {font-size:14px;}

/* ── CURSOR ── */
.cur{width:8px;height:8px;background:var(--blue);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);transition:transform .1s;}
.cur-ring{width:34px;height:34px;border:1.5px solid rgba(65,173,226,.45);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9998;transform:translate(-50%,-50%);transition:all .22s cubic-bezier(.16,1,.3,1);}

/* ── NOISE ── */
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");opacity:.018;pointer-events:none;z-index:9990;}

/* ── NAV ── */
nav{position:fixed;top:32;left:0;right:0;z-index:100;display:flex;align-items:center;justify-content:space-between;padding:18px 56px;background:rgba(247,250,252,.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.logo-img{height:102px;width:auto;float:left}
.nav img {float:left}
.nav-right{display:flex;align-items:center;gap:12px;float:right;margin-top: 20px;}
.nav-link{font-size:14px;color:var(--muted);font-weight:500;text-decoration:none;transition:color .2s;cursor:pointer;}
.nav-link:hover{color:var(--blue);}
.nav-btn{display:inline-flex;align-items:center;gap:7px;background:var(--blue);color:#fff;font-family:var(--font-body);font-size:14px;font-weight:600;padding:11px 22px;border-radius:100px;border:none;cursor:pointer;transition:all .22s cubic-bezier(.16,1,.3,1);}
.nav-btn:hover{background:var(--blue-dark);transform:scale(1.03);box-shadow:0 8px 24px rgba(65,173,226,.35);}

/* ── HERO ── */
.hero{min-height:100vh;display:grid;grid-template-columns:1fr 540px;gap:16px;align-items:center;padding:120px 32px 80px 48px;position:relative;overflow:hidden;}

/* diagonal split bg */
.hero::before{content:'';position:absolute;top:0;right:0;width:48%;height:100%;background:linear-gradient(160deg,var(--blue-light) 0%,#ddf0fb 100%);clip-path:polygon(4% 0,100% 0,100% 100%,0% 100%);z-index:0;}
/* dot pattern */
.hero::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;background-image:radial-gradient(var(--border) 1px,transparent 1px);background-size:32px 32px;opacity:.6;z-index:0;}

.hero-left{position:relative;z-index:1;order: 1}
.hero-right{position:relative;z-index:1; order: 2}

.badge{display:inline-flex;align-items:center;gap:8px;background:var(--white);border:1.5px solid var(--blue-mid);border-radius:100px;padding:7px 16px;font-size:12px;font-weight:600;color:var(--blue);letter-spacing:.06em;text-transform:uppercase;margin-bottom:32px;animation:fadeUp .5s ease both;}
.badge::before{content:'';width:7px;height:7px;background:var(--green);border-radius:50%;animation:blink 2s infinite;}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}

h1{font-family:var(--font-display);font-size:clamp(42px,4.8vw,66px) !important;font-weight:800 !important;line-height:1.04 !important;letter-spacing:-.04em !important ;color:var(--ink) !important;margin-bottom:22px !important;animation:fadeUp .5s .08s ease both !important;}
h1 .blue{color:var(--blue);}
h1 .green{color:var(--green);}
h1 em{font-style:normal;position:relative;display:inline-block;}
h1 em::after{content:'';position:absolute;bottom:2px;left:0;right:0;height:4px;background:var(--green);border-radius:2px;transform:scaleX(0);transform-origin:left;animation:lineIn .5s 1s ease forwards;}
@keyframes lineIn{to{transform:scaleX(1)}}

.hero-sub{font-size:17px;line-height:1.68;color:var(--ink2);max-width:480px;margin-bottom:38px;animation:fadeUp .5s .16s ease both;}
.hero-sub strong{color:var(--blue);font-weight:600;}

.cta-row{display:flex;align-items:center;gap:14px;animation:fadeUp .5s .24s ease both;}
.btn-main{display:inline-flex;align-items:center;gap:9px;background:var(--blue);color:#fff;font-family:var(--font-body);font-size:15px;font-weight:600;padding:15px 30px;border-radius:100px;border:none;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);text-decoration:none;position:relative;overflow:hidden;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.btn-main::before{content:'';position:absolute;inset:0;background:rgba(255,255,255,.15);transform:translateX(-110%) skewX(-15deg);transition:transform .4s cubic-bezier(.16,1,.3,1);}
.btn-main:hover::before{transform:translateX(110%) skewX(-15deg);}
.btn-main:hover{background:var(--blue-dark);transform:scale(1.03);box-shadow:0 12px 32px rgba(65,173,226,.4);}

.btn-sec{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:14px;font-weight:500;color:var(--muted);background:none;border:none;cursor:pointer;transition:color .2s;text-decoration:none;}
.btn-sec:hover{color:var(--blue);}

.stats{display:flex;gap:36px;margin-top:52px;animation:fadeUp .5s .32s ease both;}
.stat-v{font-family:var(--font-display);font-size:40px;font-weight:800;letter-spacing:-.04em;color:var(--blue);}
.stat-v.green{color:var(--green);}
.stat-l{font-size:13px;color:var(--muted);margin-top:4px;font-weight:500;}

@keyframes fadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}

/* ── SARA CARD ── */
.sara-card{background:var(--white);border-radius:28px;overflow:hidden;box-shadow:0 32px 80px rgba(15,25,35,.14),0 0 0 1px rgba(65,173,226,.12);animation:fadeUp .6s .18s ease both;position:relative;}

.sara-topbar{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;background:var(--blue);color:#fff;}
.sara-id{display:flex;align-items:center;gap:10px;}
.sara-av{width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.2);border:2px solid rgba(255,255,255,.5);display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:14px;}
.sara-name{font-family:var(--font-display);font-weight:700;font-size:14px;}
.sara-online{font-size:11px;opacity:.8;display:flex;align-items:center;gap:4px;}
.sara-online::before{content:'';width:5px;height:5px;background:var(--green);border-radius:50%;animation:blink 2s infinite;}
.sara-chip{font-size:10px;font-weight:600;letter-spacing:.06em;background:rgba(255,255,255,.18);padding:4px 10px;border-radius:100px;}

.video-box{position:relative;background:#0a1520;}
.video-box video{width:100%;display:block;max-height:340px;object-fit:cover;}
.video-grad{position:absolute;inset:0;background:linear-gradient(to bottom,transparent 55%,rgba(10,21,32,.75) 100%);}



.play-overlay {
  position: absolute; inset: 0;
  display: flex; align-items: center; justify-content: center;
  z-index: 10;
  cursor: pointer;
  transition: opacity .3s;
  background: rgba(10,21,32,.28);
}
.play-overlay.hidden { opacity: 0; pointer-events: none; }
.play-circle {
  width: 64px; height: 64px;
  border-radius: 50%;
  background: rgba(255,255,255,.92);
  display: flex; align-items: center; justify-content: center;
  transition: transform .2s cubic-bezier(.16,1,.3,1), box-shadow .2s;
  box-shadow: 0 8px 32px rgba(0,0,0,.3);
}
.play-circle svg { margin-left: 4px; }
.play-overlay:hover .play-circle { transform: scale(1.1); box-shadow: 0 12px 40px rgba(65,173,226,.4); }

.video-progress {
  position: absolute; bottom: 0; left: 0; right: 0; height: 3px;
  background: rgba(255,255,255,.15); z-index: 11;
}
.video-progress-fill {
  height: 100%; width: 0%;
  background: linear-gradient(90deg, var(--blue), var(--green));
  transition: width .1s linear;
}

.wave{position:absolute;bottom:14px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:3px;height:24px;}
.wb{width:3px;border-radius:2px;background:var(--green);animation:wa 1.1s ease-in-out infinite;}
.wb:nth-child(1){height:6px;animation-delay:0s}
.wb:nth-child(2){height:16px;animation-delay:.1s}
.wb:nth-child(3){height:22px;animation-delay:.2s}
.wb:nth-child(4){height:12px;animation-delay:.3s}
.wb:nth-child(5){height:20px;animation-delay:.4s}
.wb:nth-child(6){height:16px;animation-delay:.5s}
.wb:nth-child(7){height:8px;animation-delay:.6s}
.wb:nth-child(8){height:18px;animation-delay:.7s}
.wb:nth-child(9){height:12px;animation-delay:.8s}
@keyframes wa{0%,100%{transform:scaleY(.35)}50%{transform:scaleY(1)}}

.sara-bot{padding:18px 18px 20px;display:flex;align-items:center;justify-content:space-between;gap:12px;}
.sara-msg{font-size:13px;line-height:1.55;color:var(--ink2);max-width:200px;}
.sara-msg strong{color:var(--blue);font-weight:600;}
.sara-call{display:inline-flex;align-items:center;gap:7px;background:var(--green);color:#1a3a0a;font-size:12px;font-weight:700;padding:10px 18px;border-radius:100px;border:none;cursor:pointer;white-space:nowrap;transition:all .2s;-webkit-tap-highlight-color:transparent;touch-action:manipulation;}
.sara-call:hover{background:var(--green-dark);color:#fff;transform:scale(1.04);box-shadow:0 8px 20px rgba(118,216,76,.4);}

/* floating chips */
.fchip{position:absolute;background:var(--white);border:1.5px solid var(--border);border-radius:100px;padding:8px 14px;font-size:12px;font-weight:500;color:var(--ink2);display:flex;align-items:center;gap:6px;box-shadow:0 8px 24px rgba(15,25,35,.1);animation:cf 5s ease-in-out infinite;z-index:2;white-space:nowrap;}
@keyframes cf{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)}}
.fc1{top:-16px;left:-20px;animation-delay:0s}
.fc2{top:30%;right:-28px;animation-delay:-2s}
.fc3{bottom:80px;left:-28px;animation-delay:-3.5s}
.fchip .dot{width:7px;height:7px;border-radius:50%;}

/* ── FEATURES STRIP ── */
.strip{padding:40px 56px;background:var(--white);border-top:1px solid var(--border);border-bottom:1px solid var(--border);overflow:hidden;}
.strip-inner{display:flex;gap:0;animation:marquee 22s linear infinite;width:max-content;}
.strip-item{display:flex;align-items:center;gap:10px;padding:0 40px;font-size:14px;font-weight:500;color:var(--muted);white-space:nowrap;}
.strip-item strong{color:var(--blue);}
.strip-sep{color:var(--border);font-size:18px;}
@keyframes marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ── BENEFITS ── */
.benefits{padding:100px 56px;position:relative;}
.sec-label{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:12px;}
h2{font-family:var(--font-display) !important;font-size:clamp(32px,3.8vw,52px)!important;font-weight:800 !important;letter-spacing:-.04em !important;line-height:1.06 !important;margin-bottom:16px !important;}
h2 .blue{color:var(--blue);}h2 .green{color:var(--green);}
.sec-sub{font-size:16px;color:var(--muted);line-height:1.65;max-width:520px;margin-bottom:60px;}

.ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}.ben-chart{}
.ben-card{background:var(--white);border:1.5px solid var(--border);border-radius:var(--radius);padding:28px;position:relative;overflow:hidden;transition:all .28s cubic-bezier(.16,1,.3,1);}
.ben-card:hover{border-color:var(--blue-mid);transform:translateY(-5px);box-shadow:0 24px 48px rgba(65,173,226,.12);}
.ben-card::after{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--blue),var(--green));opacity:0;transition:opacity .28s;}
.ben-card:hover::after{opacity:1;}
.ben-n{position:absolute;top:20px;right:20px;font-family:var(--font-display);font-size:11px;font-weight:700;color:var(--border);letter-spacing:.04em;}
.ben-ico{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:18px;}
.ben-ico.blue{background:var(--blue-light);}
.ben-ico.green{background:var(--green-light);}
.ben-card h3{font-family:var(--font-display);font-size:17px;font-weight:700;letter-spacing:-.025em;margin-bottom:8px; color:#333 !important}
.ben-card p{font-size:14px;color:var(--muted);line-height:1.65;}
.ben-pct{display:inline-block;margin-top:14px;font-family:var(--font-display);font-weight:800;font-size:28px;letter-spacing:-.04em;color:var(--blue);}
.ben-card:nth-child(even) .ben-pct{color:var(--green);}
#trenergy-landing h2 { color:#333 !important}
.how h2 { color:#fff !important}
/* big card */
.ben-card.wide{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:center;}
.pbar-section{background:var(--bg);border-radius:12px;padding:20px;}
.prow{margin-bottom:14px;}
.prow:last-child{margin-bottom:0;}
.plabel{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin-bottom:6px;font-weight:500;}
.plabel span:last-child{color:var(--blue);font-weight:700;}
.pbar{height:8px;background:var(--blue-light);border-radius:4px;overflow:hidden;}
.pfill{height:100%;background:linear-gradient(90deg,var(--blue),var(--green));border-radius:4px;width:0;transition:width 1.4s cubic-bezier(.16,1,.3,1);}

/* ── HOW ── */
.how{padding:100px 56px;background:var(--ink);color:#fff;position:relative;overflow:hidden;}
.how::before{content:'';position:absolute;top:-200px;right:-200px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(65,173,226,.12) 0%,transparent 70%);}
.how h2{color:#fff;}
.how .sec-sub{color:rgba(255,255,255,.5);}
.how-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;margin-top:64px;align-items:start;}

.steps{display:flex;flex-direction:column;gap:0;}
.step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.07);transition:all .2s;}
.step:first-child{padding-top:0;}
.step:last-child{border-bottom:none;}
.step:hover .snum{background:var(--blue);border-color:var(--blue);color:#fff;}
.snum{width:38px;height:38px;border:1.5px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-family:var(--font-display);font-weight:800;font-size:13px;color:var(--blue);transition:all .2s;flex-shrink:0;margin-top:2px;}
.sc h4{font-family:var(--font-display);font-weight:700;font-size:16px;margin-bottom:6px;letter-spacing:-.02em;color:#fff;}
.sc p{font-size:14px;color:rgba(255,255,255,.5);line-height:1.6;}

.rimb-card{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);border-radius:24px;padding:32px;backdrop-filter:blur(10px);position:sticky;top:120px;}
.rimb-title{font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:rgba(255,255,255,.4);margin-bottom:20px;}
.rimb-big{text-align:center;padding:20px 0;}
.rimb-pct{font-family:var(--font-display);font-size:80px;font-weight:800;letter-spacing:-.06em;line-height:1;background:linear-gradient(135deg,var(--blue),var(--green));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
.rimb-sub{font-size:13px;color:rgba(255,255,255,.4);margin-top:4px;}
.rimb-div{height:1px;background:rgba(255,255,255,.08);margin:20px 0;}
.rimb-rows{display:flex;flex-direction:column;gap:10px;}
.rimb-row{display:flex;justify-content:space-between;font-size:13px;}
.rimb-row span{color:rgba(255,255,255,.4);}
.rimb-row strong{color:#fff;font-weight:500;}
.rimb-row.total strong{color:var(--green);font-size:16px;}
.rimb-cta{margin-top:24px;}
.rimb-cta .btn-main{width:100%;justify-content:center;}

/* ── SARA SECTION ── */
.sara-sec{padding:100px 56px;display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;}
.sara-text .sec-label{margin-bottom:12px;}
.sara-text h2{margin-bottom:18px;}
.sara-text p{font-size:16px;color:var(--muted);line-height:1.7;max-width:420px;margin-bottom:32px;}
.sara-feats{display:flex;flex-direction:column;gap:10px;margin-bottom:36px;}
.sft{display:flex;align-items:center;gap:12px;font-size:14px;color:var(--ink2);}
.sft::before{content:'✓';width:22px;height:22px;flex-shrink:0;background:var(--green-light);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;color:var(--green-dark);font-weight:700;text-align:center;line-height:22px;}

.sara-vid2{border-radius:24px;overflow:hidden;box-shadow:0 40px 80px rgba(15,25,35,.15);position:relative;}
.sara-vid2 video{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;}
.sara-vid2-ov{position:absolute;bottom:0;left:0;right:0;padding:24px;background:linear-gradient(transparent,rgba(10,21,32,.9));}
.sara-vid2-ov .btn-main{width:100%;justify-content:center;}

/* ── FOOTER ── */
footer{padding:40px 56px;border-top:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;}
.fc{font-size:13px;color:var(--muted);}
.fl{display:flex;gap:24px;}
.fl a{font-size:13px;color:var(--muted);text-decoration:none;transition:color .2s;}
.fl a:hover{color:var(--blue);}

/* ── MODAL ── */
.moverlay{position:fixed;inset:0;top:0;left:0;right:0;bottom:0;z-index:1000;background:rgba(15,25,35,.82);display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .3s;-webkit-overflow-scrolling:touch;overflow-y:auto;}
.moverlay.open{opacity:1;pointer-events:all;} .moverlay.open .modal{transform:scale(1) translateY(0);}
.modal{background:var(--white);border-radius:20px;padding:32px 24px;max-width:440px;width:92%;position:relative;margin:auto;box-shadow:0 20px 60px rgba(15,25,35,.3);max-height:90vh;overflow-y:auto;-webkit-overflow-scrolling:touch;}
.moverlay.open .modal{transform:scale(1) translateY(0);}
.mcl{position:absolute;top:16px;right:16px;background:var(--bg);border:none;border-radius:50%;width:32px;height:32px;cursor:pointer;color:var(--muted);font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s;}
.mcl:hover{background:var(--border);color:var(--ink);}
.m-ico{width:56px;height:56px;background:var(--blue-light);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:24px;margin-bottom:20px;}
.modal h3{font-family:var(--font-display);font-weight:800;font-size:24px;letter-spacing:-.03em;margin-bottom:8px;}
.modal p{font-size:14px;color:var(--muted);line-height:1.6;margin-bottom:24px;}
.fi{background:var(--bg);border:1.5px solid var(--border);border-radius:12px;padding:13px 16px;font-family:var(--font-body);font-size:14px;color:var(--ink);width:100%;outline:none;transition:border-color .2s;margin-bottom:10px;}
.fi::placeholder{color:var(--muted);}
.fi:focus{border-color:var(--blue);}
.fnote{font-size:11px;color:var(--muted);text-align:center;margin-top:12px;}

/* ── REVEAL ── */
.rev{transition:opacity .5s ease;}.rev.vis{opacity:1;}
.rev.vis{opacity:1;transform:none;}

/* ── RESPONSIVE ── */

/* ── TABLET (max 940px) ── */
@media(max-width:940px){
  .cur,.cur-ring{display:none;}
  .hero,.sara-sec{grid-template-columns:1fr;gap:32px;}
  .hero{padding:100px 28px 60px;}
  .hero::before{width:100%;height:340px;top:auto;bottom:0;clip-path:polygon(0 20%,100% 0,100% 100%,0 100%);}
  h1{font-size:42px;}
  .hero-right{order:1;}
  .ben-grid{grid-template-columns:1fr 1fr;}
  .ben-card.ben-chart{grid-column:span 2;}
  .how-grid{grid-template-columns:1fr;gap:40px;}
  .benefits,.how,.sara-sec{padding:70px 28px;}
  nav{padding:14px 24px;}
  footer{padding:28px;flex-direction:column;gap:14px;text-align:center;}
  .stats{gap:24px;}
  .fc1,.fc2,.fc3{display:none;}
  .strip{padding:20px;}
}

/* ── MOBILE (max 600px) ── */
@media(max-width:600px){
  /* Nav */
  nav{padding:12px 16px;}
  .logo-img{height:50px !important;}
  .nav-link{display:none;}
  .nav-btn{font-size:13px;padding:10px 16px;display: none;}
.hero-right{ order: 1}
	.hero-left{ order: 2}
  /* Hero */
  .hero{
    grid-template-columns:1fr;
    gap:28px;
    padding:90px 16px 48px;
    min-height:auto;
  }
  .hero::before{
    width:100%; height:300px;
    top:auto; bottom:0; right:0;
    clip-path:polygon(0 25%,100% 0,100% 100%,0 100%);
  }
  h1{
    font-size:36px;
    letter-spacing:-.035em;
    margin-bottom:16px;
  }
  h1 em::after{display:none;}
  .badge{font-size:11px;padding:6px 12px;margin-bottom:20px;}
  .hero-sub{font-size:16px;margin-bottom:28px;max-width:100%;}
  .cta-row{flex-direction:column;align-items:flex-start;gap:12px;}
  .btn-main{width:100%;justify-content:center;padding:15px 20px;font-size:15px;}
  .btn-sec{font-size:14px;}
  .stats{gap:20px;margin-top:32px;flex-wrap:wrap;}
  .stat-v{font-size:32px !important;}
  .stat-l{font-size:12px !important;}

  /* Sara hero card */
  .sara-card{border-radius:20px;}
  .video-box video{max-height:260px;}
  .sara-topbar{padding:12px 14px;}
  .sara-name{font-size:13px;}
  .sara-bot{flex-direction:column;gap:10px;align-items:flex-start;padding:14px;}
  .sara-msg{max-width:100%;font-size:13px;}
  .sara-call{width:100%;justify-content:center;}
  .fc1,.fc2,.fc3{display:none;}

  /* Strip */
  .strip{padding:16px;}
  .strip-item{font-size:13px;padding:0 24px;}

  /* Benefits */
  .benefits{padding:56px 16px;}
  .benefits h2{font-size:32px;margin-bottom:12px;}
  .sec-sub{font-size:14px;margin-bottom:40px;}
  .ben-grid{grid-template-columns:1fr;gap:12px;}
  .ben-card.ben-chart{grid-column:span 1;}
  .ben-card{padding:22px;}
  .ben-card h3{font-size:16px;}
  .ben-pct{font-size:26px;}
  .ben-chart .pbar-section{padding:14px;}

  /* How it works */
  .how{padding:56px 16px;}
  .how h2{font-size:32px;}
  .how-grid{grid-template-columns:1fr;gap:32px;}
  .step{grid-template-columns:44px 1fr;gap:14px;padding:20px 0;}
  .sc h4{font-size:15px;}
  .sc p{font-size:13px;}
  .rimb-card{padding:24px;}
  .rimb-pct{font-size:64px;}
  .rimb-row{font-size:12px;}
  .rimb-row.total strong{font-size:15px;}

  /* Sara section */
  .sara-sec{padding:56px 16px;gap:32px;}
  .sara-text h2{font-size:32px;}
  .sara-text p{font-size:15px;max-width:100%;}
  .sft{font-size:13px;}
  .sara-vid2 video{aspect-ratio:4/4;}
  .sara-vid2-ov{padding:16px;}

  /* Modal */
  .modal{padding:28px 20px;border-radius:20px;}
  .modal h3{font-size:21px;}
  .fi{padding:13px 14px;font-size:15px;}
  .modal .btn-main{padding:15px;font-size:15px;}
  /* Stack nome/cognome on mobile */
  .modal [style*="grid-template-columns:1fr 1fr"]{
    display:flex !important;
    flex-direction:column !important;
    gap:10px !important;
  }

  /* Footer */
  footer{padding:20px 16px;gap:12px;}
  footer img{height:44px !important;}
  .fl{justify-content:center;gap:16px;}
}

/* ── SMALL MOBILE (max 380px) ── */
@media(max-width:380px){
  h1{font-size:30px;}
  .hero{padding:80px 14px 40px;}
  .benefits,.how,.sara-sec{padding:48px 14px;}
}