/* ============================== THEME ============================== */
	  :root{
		--primary: #2f6bff;
		--primary-dark: #1c3faa;
		--accent: #22c1c3;
		--ink: #12224a;
		--muted: #5c6b8a;
		--bg: #fbf3e7;
		--panel-tint: #f2e3c9;
		--card: #ffffff;
		--border: #e3e8f7;
		--success: #1fae6b;
		--radius: 16px;
		--shadow: 0 20px 45px -20px rgba(28, 63, 170, 0.35);
	  }

	  *{ box-sizing: border-box; }
	  html,body{ margin:0; padding:0; }
	  body{
		font-family: 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
		background: var(--bg);
		color: var(--ink);
		line-height: 1.5;
		overflow-x: hidden;
	  }
	  img{ max-width:100%; display:block; }
	  a{ color: inherit; }
	  button{ font-family: inherit; cursor:pointer; }
	  input, select{ font-family: inherit; }

	  .wrap{ max-width: 1180px; margin: 0 auto; padding: 0 24px; }

	  /* ============================== HEADER ============================== */
	  .topbar{
		display:flex; align-items:center; justify-content:space-between;
		padding: 18px 0;
	  }
	  .logo{
		display:flex; align-items:center;
	  }
	  .logo-mark{ height:46px; width:auto; }
	  .phone-badge{
		display:flex; align-items:center; gap:10px;
		background: linear-gradient(135deg, var(--primary), var(--accent));
		color:#fff; padding:10px 18px; border-radius:999px;
		font-weight:700; box-shadow: var(--shadow);
		text-decoration:none; font-size:0.95rem;
	  }

	  /* ============================== HERO ============================== */
	  .hero{
		position:relative;
		display:grid;
		grid-template-columns: 1fr 1.05fr;
		gap: 50px;
		align-items:center;
		padding: 56px 0 100px;
	  }
	  .hero-copy h1{
		font-family: 'Playfair Display', Georgia, 'Times New Roman', serif;
		font-size: 3rem;
		line-height:1.15;
		margin:0 0 20px;
		color: var(--ink);
		font-weight: 800;
	  }
	  .hero-copy h1 em{ font-style:normal; color: var(--primary); }
	  .hero-copy > p{
		color: var(--muted);
		font-size: 1.05rem;
		max-width: 440px;
		margin: 0 0 28px;
	  }
	  .checklist{ list-style:none; margin:0 0 34px; padding:0; display:flex; flex-direction:column; gap:14px; }
	  .checklist li{ display:flex; align-items:center; gap:12px; font-size:1rem; font-weight:600; color:var(--ink); }
	  .checklist .check{
		width:26px; height:26px; border-radius:50%; flex-shrink:0;
		background: rgba(47,107,255,0.12); color:var(--primary);
		display:flex; align-items:center; justify-content:center; font-size:0.8rem; font-weight:800;
	  }
	  .btn{
		display:inline-block; border:none; border-radius: 999px; padding: 13px 26px;
		font-weight:700; font-size:0.95rem; text-decoration:none;
		transition: transform .15s ease, opacity .15s ease;
	  }
	  .btn-primary{
		background: linear-gradient(135deg, var(--primary), var(--accent));
		color:#fff; box-shadow: var(--shadow);
	  }
	  .btn-primary:hover{ transform: translateY(-1px); }
	  .btn-lg{ padding:16px 34px; font-size:1rem; }

	  .social-proof{ display:flex; align-items:center; gap:14px; margin-top:28px; }
	  .avatar-stack{ display:flex; }
	  .avatar-stack .stack-avatar{
		width:40px; height:40px; border-radius:50%; border:3px solid var(--bg);
		display:flex; align-items:center; justify-content:center;
		color:#fff; font-weight:700; font-size:0.72rem; margin-left:-12px;
		box-shadow: var(--shadow); overflow:hidden; background:#dbe3f5;
	  }
	  .avatar-stack .stack-avatar:first-child{ margin-left:0; }
	  .avatar-stack .stack-avatar img{ width:100%; height:100%; object-fit:cover; display:block; }
	  .avatar-stack .stack-avatar.count{
		background: linear-gradient(135deg, var(--primary), var(--primary-dark));
		font-size:0.68rem; position:relative; z-index:5;
	  }
	  .social-proof .sp-label{ font-size:0.95rem; font-weight:800; color: var(--ink); line-height:1.3; }
	  .social-proof .sp-label small{ display:block; font-weight:500; color: var(--muted); font-size:0.8rem; }

	  .hero-visual{ position:relative; padding: 24px; }
	  .visual-backdrop{
		position:absolute; inset:0;
		background: var(--panel-tint);
		border-radius: 32px;
	  }
	  .hero-visual img.mockup{
		position:relative; z-index:1; display:block;
		width:100%; max-width:420px; margin:0 auto;
	  }

	  .floating-card{
		position:absolute; top:16%; right:-4%;
		background:#fff; border-radius:16px; box-shadow: var(--shadow);
		padding:14px 18px; display:flex; align-items:center; gap:12px;
		z-index:2; max-width:210px;
	  }
	  .floating-card .fc-icon{ font-size:1.4rem; }
	  .floating-card .fc-label{ font-size:0.7rem; color:var(--muted); font-weight:700; text-transform:uppercase; letter-spacing:0.5px; }
	  .floating-card .fc-value{ font-size:1.05rem; font-weight:800; color: var(--success); }

	  .floating-photo{
		position:absolute; left:-4%; bottom:10%;
		width:120px; height:120px; border-radius:50%;
		overflow:hidden; border:5px solid #fff; box-shadow: var(--shadow);
		z-index:2;
	  }
	  .floating-photo img{ width:100%; height:100%; object-fit:cover; display:block; }

	  /* ============================== BENEFITS ============================== */
	  .benefits{ padding: 50px 0; }
	  .benefits h3{ text-align:center; color:var(--primary-dark); font-size:1.5rem; margin-bottom:32px; }
	  .benefits-grid{
		display:grid; grid-template-columns: repeat(5, 1fr); gap:18px;
	  }
	  .benefit{ text-align:center; }
	  .benefit .icon{
		width:56px; height:56px; margin:0 auto 12px; border-radius:16px;
		background: linear-gradient(135deg, var(--primary), var(--accent));
		display:flex; align-items:center; justify-content:center; color:#fff; font-size:1.4rem;
	  }
	  .benefit p{ font-size:0.85rem; font-weight:700; color:var(--ink); margin:0; }

	  /* ============================== TESTIMONIALS CAROUSEL ============================== */
	  .testimonials{ padding: 50px 0 60px; }
	  .testimonials h3{ text-align:center; color:var(--primary-dark); font-size:1.5rem; margin-bottom:32px; }

	  .testi-outer{ display:flex; align-items:center; gap:16px; }
	  .t-arrow{
		flex-shrink:0; width:40px; height:40px; border-radius:50%; border:1.5px solid var(--border);
		background:#fff; color: var(--primary); font-size:1.3rem; line-height:1;
		display:flex; align-items:center; justify-content:center; box-shadow: var(--shadow);
	  }
	  .t-arrow:hover{ background: var(--panel-tint); }
	  .t-arrow:disabled{ opacity:0.35; cursor:default; }

	  .testi-viewport{ overflow:hidden; flex:1; }
	  .testi-track{ display:flex; gap:22px; transition: transform .45s ease; }

	  .testi-card{
		flex: 0 0 clamp(260px, 82vw, 330px);
		background:#fff; border:1px solid var(--border); border-radius:16px;
		box-shadow: var(--shadow); padding:26px; display:flex; flex-direction:column; gap:14px;
		min-height: 230px;
	  }
	  .testi-card .avatar{
		width:42px; height:42px; border-radius:50%; flex-shrink:0;
		background: linear-gradient(135deg, var(--primary), var(--accent)); color:#fff;
		display:flex; align-items:center; justify-content:center; font-weight:800;
	  }
	  .testi-card blockquote{
		margin:0; font-size:0.9rem; font-style:italic; color: var(--ink); line-height:1.55;
		flex:1;
		display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; overflow:hidden;
	  }
	  .testi-card cite{ font-weight:700; font-style:normal; color: var(--muted); font-size:0.85rem; }

	  footer{ text-align:center; padding: 26px 0; color: var(--muted); font-size:0.85rem; }

	  @media (max-width: 880px){
		.hero{ grid-template-columns: 1fr; padding: 24px 0 70px; }
		.hero-visual{ order:-1; padding: 30px 16px 56px; }
		.hero-copy h1{ font-size:2.1rem; }
		.floating-card{ top:auto; bottom:-16px; right:6%; }
		.floating-photo{ width:88px; height:88px; left:4%; bottom:-12px; }
		.benefits-grid{ grid-template-columns: repeat(2, 1fr); }
	  }
	  
	      .simulation-success {
        max-width: 650px;
        margin: 40px auto;
        padding: 25px 30px;
        background: #f0fff4;
        border: 1px solid #38c172;
        border-left: 6px solid #28a745;
        border-radius: 8px;
        font-family: Arial, sans-serif;
        color: #155724;
        box-shadow: 0 2px 8px rgba(0,0,0,0.08);
    }

    .simulation-success h3 {
        margin-top: 0;
        margin-bottom: 12px;
        font-size: 22px;
        color: #1e7e34;
    }

    .simulation-success p {
        margin: 0;
        line-height: 1.6;
        font-size: 16px;
    }