@font-face{font-family:'Roboto';font-weight:400;font-style:normal;src:url('fonts/Roboto-400.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Roboto';font-weight:500;font-style:normal;src:url('fonts/Roboto-500.woff2') format('woff2');font-display:swap}
@font-face{font-family:'Roboto';font-weight:700;font-style:normal;src:url('fonts/Roboto-700.woff2') format('woff2');font-display:swap}
*{box-sizing:border-box}
body{margin:0;font-family:'Roboto',Helvetica,Arial,sans-serif;color:#3d3232;background:#E8DFDF;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:#4A3838;text-decoration:none}
a:hover{color:#362828}
img,video{max-width:100%}
.wrap{max-width:1240px;margin:0 auto;padding:0 28px}
.wrap-md{max-width:1100px;margin:0 auto;padding:0 28px}
.wrap-sm{max-width:860px;margin:0 auto;padding:0 28px}
.btn{display:inline-block;padding:15px 28px;border-radius:11px;font-weight:600;font-size:16px}
.btn-primary{background:#4A3838;color:#fff}
.btn-primary:hover{color:#fff;background:#362828}
.btn-ghost{border:1.5px solid #cbb;color:#3d3232}
.eyebrow{font-size:13.5px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:#4A3838;margin-bottom:12px}
h1,h2,h3{font-family:'Roboto',sans-serif;color:#4A3838;margin:0}
h1{font-size:clamp(34px,5vw,54px);line-height:1.08;font-weight:700}
h2{font-size:clamp(28px,4vw,40px);font-weight:700}
h3{font-size:clamp(20px,3vw,24px);font-weight:700}
p{line-height:1.65;color:#4d4141}
header.site{position:sticky;top:0;z-index:50;background:rgba(232,223,223,.92);backdrop-filter:blur(10px);border-bottom:1px solid #d8cccc}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 28px}
.logo{display:flex;align-items:center;gap:10px}
.logo-mark{width:34px;height:34px;border-radius:9px;background:#4A3838;display:inline-flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:17px;flex-shrink:0}
.logo img{height:16px;display:block}
nav.main{display:flex;align-items:center;gap:30px;font-size:15px;font-weight:500}
.header-ctas{display:flex;align-items:center;gap:12px}
.menu-btn{display:none;background:none;border:0;width:40px;height:40px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}
.menu-btn span{width:22px;height:2px;background:#3d3232;border-radius:2px}
.mobile-menu{display:none;flex-direction:column;gap:14px;padding:10px 28px 22px;font-size:16px;font-weight:500;border-top:1px solid #d8cccc}
.mobile-menu.open{display:flex}
section{padding:0}
.section-pad{padding:96px 28px}
.hero{padding:clamp(48px,8vw,96px) 28px 40px;display:grid;grid-template-columns:minmax(320px,1fr) minmax(320px,1fr);gap:56px;align-items:center}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:#F0E8E6;color:#4A3838;font-size:13.5px;font-weight:600;margin-bottom:22px}
.hero-img-wrap{position:relative}
.hero-img-blob{position:absolute;inset:-20px;background:#E8DAD7;border-radius:28px;transform:rotate(-2deg);z-index:0}
.hero-img{position:relative;z-index:1;border-radius:20px;overflow:hidden;box-shadow:0 30px 60px -20px rgba(74,56,56,.35);border:1px solid #ddd0d0}
.problem-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1.4fr);gap:48px;padding:60px 28px 80px;max-width:1240px;margin:0 auto}
.stat{display:inline-flex;align-items:baseline;gap:10px;padding:18px 22px;border-radius:14px;background:#faeee4;border:1px solid #eccdae;margin-top:20px}
.stat b{font-size:34px;font-weight:700;color:#a15b2c}
.stat span{font-size:14.5px;color:#7a4a28;max-width:200px}
.problem-list{display:grid;gap:14px}
.problem-item{display:flex;gap:14px;align-items:flex-start;padding:18px 20px;background:#fff;border:1px solid #e6dcdc;border-radius:14px}
.num{flex-shrink:0;width:26px;height:26px;border-radius:50%;background:#F0E8E6;color:#4A3838;font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center}
.dark{background:#4A3838;color:#fff}
.video-wrap{border-radius:20px;overflow:hidden;border:1px solid #d8cccc;box-shadow:0 30px 60px -20px rgba(74,56,56,.25);background:#4A3838}
.video-wrap video{width:100%;display:block}
.feature-row{display:grid;grid-template-columns:minmax(300px,1fr) minmax(300px,1fr);gap:56px;align-items:center;margin-bottom:88px}
.feature-row ul{list-style:none;margin:0;padding:0;display:grid;gap:11px}
.feature-row li{display:flex;gap:10px;align-items:flex-start;font-size:15px;color:#3a2f2f}
.feature-row li::before{content:'';flex-shrink:0;width:7px;height:7px;border-radius:50%;background:#4A3838;margin-top:8px}
.feature-img{border-radius:18px;overflow:hidden;border:1px solid #e6dcdc;box-shadow:0 20px 40px -20px rgba(74,56,56,.2)}
.compare-grid{display:grid;grid-template-columns:minmax(280px,1fr) minmax(280px,1fr);gap:24px;max-width:1100px;margin:0 auto}
.compare-card{border-radius:18px;padding:34px}
.compare-card.light{background:#fff;border:1px solid #e6dcdc}
.compare-card ul{list-style:none;margin:0;padding:0;display:grid;gap:15px}
.compare-card li{display:flex;gap:12px;font-size:15px;line-height:1.5}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:28px;max-width:1100px;margin:0 auto}
.step-card{padding:32px 26px;background:#fff;border-radius:16px;border:1px solid #e6dcdc}
.step-num{width:44px;height:44px;border-radius:12px;background:#F0E8E6;color:#4A3838;font-weight:700;font-size:18px;display:flex;align-items:center;justify-content:center;margin-bottom:18px}
.benefit-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:24px;max-width:1200px;margin:0 auto}
.benefit-card{padding:28px 24px;background:#fff;border-radius:16px;border:1px solid #e6dcdc}
.benefit-mono{width:40px;height:40px;border-radius:10px;background:#4A3838;color:#fff;font-weight:700;font-size:15px;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.audience-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:1200px;margin:0 auto}
.audience-card{padding:32px 26px;border-radius:16px;background:#fff;border:1px solid #e6dcdc;border-top:3px solid #4A3838}
.security-grid{display:grid;grid-template-columns:minmax(280px,.9fr) minmax(280px,1.3fr);gap:48px;align-items:center;max-width:1100px;margin:0 auto}
.security-icon{width:52px;height:52px;border-radius:14px;background:#6b5555;display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.security-points{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
.security-points div{padding:22px;background:#5c4747;border-radius:14px}
.faq-item{background:#fff;border:1px solid #e6dcdc;border-radius:14px;overflow:hidden;margin-bottom:12px}
.faq-item summary{cursor:pointer;padding:20px 24px;font-size:16px;font-weight:600;color:#4A3838;list-style:none;display:flex;justify-content:space-between;align-items:center}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:'+';font-size:20px;font-weight:400;color:#4A3838}
.faq-item[open] summary::after{content:'\2212'}
.faq-item p{padding:0 24px 22px;margin:0;font-size:15px}
.faq-wrap{max-width:860px;margin:0 auto}
.final-cta{padding:96px 28px;text-align:center;max-width:640px;margin:0 auto}
footer.site{border-top:2px solid #4A3838;padding:56px 28px 32px}
.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:40px;margin-bottom:40px;max-width:1240px;margin-left:auto;margin-right:auto}
.footer-col div.head{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:#4d4141;margin-bottom:14px}
.footer-col a,.footer-col span{display:block;font-size:14.5px;color:#5a4d4d;margin-bottom:10px}
.footer-bottom{border-top:1px solid #e6dcdc;padding-top:24px;font-size:13.5px;color:#8a7d7d;max-width:1240px;margin:0 auto}
@media (max-width:860px){
  nav.main,.header-ctas{display:none}
  .menu-btn{display:flex}
  .hero,.problem-grid,.feature-row,.compare-grid,.security-grid{grid-template-columns:1fr}
}
.legal h2{font-size:19px;margin-bottom:12px}
.legal section{margin-bottom:32px}
.legal p{font-size:16px;color:#3d3232}