:root{
  --ink:#271f2a;
  --muted:#766b77;
  --paper:#fbf7f8;
  --card:#ffffff;
  --rose:#b74f77;
  --rose-dark:#7d3555;
  --lilac:#7661d8;
  --mint:#c6e9b4;
  --line:#efdee7;
  --shadow:0 18px 50px rgba(74,34,61,.08);
  --shadow-strong:0 22px 60px rgba(74,34,61,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:128px}
body{margin:0;background:linear-gradient(180deg,#fff 0%,var(--paper) 100%);color:var(--ink);font-family:"DM Sans",sans-serif}
body.nav-open{overflow:hidden}
a{color:inherit;text-decoration:none}
.site-header{position:sticky;top:0;z-index:20;margin:18px auto 0;width:min(1180px,calc(100% - 32px));display:flex;align-items:center;justify-content:space-between;gap:24px;padding:12px 14px;border:1px solid var(--line);border-radius:18px;background:rgba(255,255,255,.92);box-shadow:0 8px 30px rgba(74,34,61,.06);backdrop-filter:blur(16px);transition:box-shadow .25s ease}
.site-header:hover{box-shadow:0 12px 38px rgba(74,34,61,.09)}
.brand{display:flex;align-items:center;gap:12px}
.brand-logo{display:block;width:210px;height:auto}
.brand-mark{width:46px;height:46px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,var(--rose),var(--lilac));color:#fff;font-weight:800;box-shadow:0 10px 24px rgba(183,79,119,.28)}
.brand strong,.brand small{display:block}
.brand strong{font-size:16px}
.brand small{color:var(--muted);font-size:11px;margin-top:2px}
.site-nav{display:flex;align-items:center;gap:6px}
.site-nav a{position:relative;padding:10px 13px;border-radius:14px;color:var(--muted);font-size:13px;font-weight:700;transition:.22s ease}
.site-nav a:hover{background:#fff;color:var(--rose-dark);transform:translateY(-1px)}
.site-nav .nav-cta{background:var(--ink);color:#fff;box-shadow:0 10px 24px rgba(39,31,42,.16)}
.menu-toggle{display:none;width:44px;height:44px;border:0;border-radius:14px;background:var(--ink);padding:12px;cursor:pointer}
.menu-toggle span{display:block;height:2px;background:#fff;border-radius:3px;margin:5px 0}
main{overflow:hidden}
.hero{position:relative;width:min(1180px,calc(100% - 32px));margin:74px auto 34px;display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}
.hero:before{content:"";position:absolute;left:0;right:0;bottom:-26px;height:1px;background:var(--line);z-index:-1}
.eyebrow{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;color:var(--rose);font-size:11px;font-weight:800}
h1,h2{font-family:"Playfair Display",serif;line-height:1.02;margin:0;color:var(--ink)}
h1{font-size:clamp(46px,7vw,82px);letter-spacing:-.045em;color:var(--ink)}
h2{font-size:clamp(34px,4.4vw,58px);letter-spacing:-.035em}
h3{margin:0 0 10px;font-size:20px}
.hero-text{max-width:650px;margin:24px 0 0;color:var(--muted);font-size:19px;line-height:1.75}
.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:32px}
.button{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:14px 20px;border-radius:16px;font-weight:800;transition:transform .22s ease,box-shadow .22s ease,background .22s ease}
.button:hover{transform:translateY(-3px)}
.button.primary{background:var(--rose-dark);color:#fff;box-shadow:0 12px 28px rgba(125,53,85,.22)}
.button.primary:hover{box-shadow:0 18px 36px rgba(125,53,85,.26)}
.button.secondary{background:rgba(255,255,255,.82);color:var(--rose-dark);border:1px solid var(--line);box-shadow:0 10px 24px rgba(74,34,61,.06)}
.trust-row{display:flex;flex-wrap:wrap;gap:9px;margin-top:30px}
.trust-row span{padding:8px 11px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72);color:var(--muted);font-size:12px;font-weight:700;box-shadow:0 8px 20px rgba(74,34,61,.05);transition:.22s ease}
.trust-row span:hover{transform:translateY(-2px);color:var(--rose-dark);background:#fff}
.hero-card{position:relative}
.hero-card:before{content:"";position:absolute;inset:38px -16px -18px 34px;border-radius:28px;background:#efe2e8}
.mock-window{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:var(--shadow)}
.mock-top{height:54px;display:flex;align-items:center;gap:7px;padding:0 20px;border-bottom:1px solid var(--line)}
.mock-top span{width:11px;height:11px;border-radius:50%;background:#f0becd}
.mock-content{display:grid;grid-template-columns:150px 1fr;min-height:430px}
.mock-sidebar{padding:24px;background:#332633;color:#fff}
.mock-sidebar strong{display:block;margin-bottom:42px}
.mock-sidebar i{display:block;height:12px;width:88%;margin:18px 0;border-radius:20px;background:rgba(255,255,255,.22)}
.mock-panel{padding:28px;display:grid;gap:14px;align-content:start}
.mock-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:10px}
.mock-title span{font-size:22px;font-weight:800}
.mock-title b{padding:7px 10px;border-radius:999px;background:#e0f5dc;color:#39745c;font-size:11px}
.appointment{position:relative;z-index:1;display:flex;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;transition:.22s ease}
.appointment:hover{transform:translateX(5px);box-shadow:0 14px 30px rgba(74,34,61,.08)}
.appointment time{width:56px;height:56px;border-radius:17px;display:grid;place-items:center;background:#fae6ee;color:var(--rose-dark);font-weight:800}
.appointment strong,.appointment small{display:block}
.appointment small{margin-top:4px;color:var(--muted)}
.appointment.active{border-color:#efbad0;box-shadow:0 12px 30px rgba(183,79,119,.11)}
.appointment.special time{background:#ece8ff;color:#5a46bd}
.stats-mini{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:8px}
.stats-mini span{padding:15px;border-radius:18px;background:#fbf1f5;color:var(--muted);font-size:12px}
.stats-mini b{display:block;color:var(--ink);font-size:22px}
.logo-strip{width:min(1180px,calc(100% - 32px));margin:0 auto 24px;display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
.logo-strip span{padding:12px 18px;border-radius:18px;background:rgba(255,255,255,.68);border:1px solid var(--line);color:var(--muted);font-weight:800;transition:.22s ease}
.logo-strip span:hover{background:#fff;color:var(--rose-dark);transform:translateY(-3px)}
.section,.split-section,.cta-section{width:min(1180px,calc(100% - 32px));margin:0 auto 92px}
#inicio,#recursos,#planos,#whatsapp,#demo,#gestao,#contato{scroll-margin-top:128px}
.proof-band{width:min(1180px,calc(100% - 32px));margin:0 auto 92px;display:grid;grid-template-columns:1.1fr .9fr;gap:28px;align-items:center;padding:30px 34px;border:1px solid var(--line);border-radius:28px;background:#fff;box-shadow:0 12px 36px rgba(74,34,61,.05)}
.proof-band h2{font-size:clamp(30px,3.6vw,48px)}
.proof-band p:not(.eyebrow){margin:0;color:var(--muted);line-height:1.75;font-size:17px}
.section-heading{max-width:760px;margin-bottom:34px}
.section-heading p:not(.eyebrow){color:var(--muted);font-size:17px;line-height:1.75}
.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.feature-card,.metric-card,.phone-card,.cta-section{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 36px rgba(74,34,61,.05)}
.feature-card{position:relative;overflow:hidden;padding:28px;min-height:260px}
.feature-card:before{content:"";position:absolute;inset:auto -30px -55px auto;width:140px;height:140px;border-radius:50%;background:#f6e9ee;opacity:.9;transition:.3s ease}
.feature-card:after,.metric-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(255,255,255,.48),transparent 45%);opacity:0;transition:.25s ease;pointer-events:none}
.feature-card,.metric-card{transition:transform .24s ease,box-shadow .24s ease,border-color .24s ease}
.feature-card:hover,.metric-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-strong);border-color:#fff}
.feature-card:hover:before{transform:scale(1.18) translate(-8px,-8px);opacity:1}
.feature-card:hover:after,.metric-card:hover:after{opacity:1}
.feature-card .icon{position:relative;display:inline-flex;align-items:center;min-height:34px;padding:8px 12px;margin-bottom:34px;border-radius:999px;background:var(--ink);color:#fff;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}
.feature-card h3,.feature-card p,.feature-card small{position:relative}
.feature-card small{display:inline-flex;margin-top:12px;padding:8px 10px;border-radius:999px;background:#fbedf3;color:var(--rose-dark);font-weight:800;font-size:11px}
.feature-card p,.split-section p,.metric-card span,.cta-section p{color:var(--muted);line-height:1.7}
.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.pricing-card{position:relative;overflow:hidden;display:grid;gap:18px;align-content:start;min-height:430px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(74,34,61,.05);transition:.24s ease}
.pricing-card:hover{transform:translateY(-7px);box-shadow:var(--shadow-strong);border-color:#fff}
.pricing-card.featured{border-color:#e6b9ca;box-shadow:0 18px 48px rgba(183,79,119,.12)}
.pricing-card:before{content:"";position:absolute;right:-50px;top:-60px;width:170px;height:170px;border-radius:50%;background:#f8e7ee}
.pricing-card>*{position:relative}
.pricing-top span{display:inline-flex;margin-bottom:16px;padding:8px 10px;border-radius:999px;background:#fbedf3;color:var(--rose-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.pricing-top h3{font-size:28px;margin:0 0 8px}
.pricing-top strong{display:block;font-size:40px;letter-spacing:-.04em}
.pricing-top small{font-size:15px;color:var(--muted);letter-spacing:0}
.pricing-card p{margin:0;color:var(--muted);line-height:1.65}
.pricing-card ul{display:grid;gap:12px;list-style:none;margin:0;padding:0}
.pricing-card li{position:relative;padding-left:28px;font-weight:700;color:var(--ink)}
.pricing-card li:before{content:"";position:absolute;left:0;top:2px;width:18px;height:18px;border-radius:50%;background:var(--mint)}
.pricing-card li:after{content:"";position:absolute;left:6px;top:6px;width:5px;height:8px;border-right:2px solid #39745c;border-bottom:2px solid #39745c;transform:rotate(45deg)}
.pricing-card .button{align-self:end}
.empty-plans{padding:28px;border:1px solid var(--line);border-radius:22px;background:#fff;color:var(--muted);font-weight:800}
.split-section{display:grid;grid-template-columns:1fr 420px;gap:44px;align-items:center;padding:44px;border-radius:28px;background:#fff;border:1px solid var(--line);box-shadow:0 12px 36px rgba(74,34,61,.05)}
.check-list{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:13px}
.check-list li{position:relative;padding-left:32px;color:var(--ink);font-weight:700}
.check-list li:before{content:"";position:absolute;left:0;top:1px;width:20px;height:20px;border-radius:50%;background:var(--mint)}
.check-list li:after{content:"";position:absolute;left:7px;top:6px;width:5px;height:9px;border-right:2px solid #39745c;border-bottom:2px solid #39745c;transform:rotate(45deg)}
.phone-card{position:relative;overflow:hidden;padding:28px;min-height:460px;background:#fbf7f8}
.phone-card:before{content:"";position:absolute;inset:18px;border:1px solid rgba(255,255,255,.9);border-radius:22px;pointer-events:none}
.phone-top{width:82px;height:6px;margin:0 auto 30px;border-radius:20px;background:#d9cbd3}
.chat-bubble{position:relative;width:max-content;max-width:82%;padding:13px 15px;margin:12px 0;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(74,34,61,.08);font-weight:700;animation:chatIn .55s ease both}
.chat-bubble:nth-of-type(2){animation-delay:.12s}.chat-bubble:nth-of-type(3){animation-delay:.24s}.chat-bubble:nth-of-type(4){animation-delay:.36s}
.chat-bubble.user{margin-left:auto;background:linear-gradient(135deg,var(--rose),var(--rose-dark));color:#fff}
.time-pills{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.time-pills span{padding:10px 13px;border-radius:14px;background:#e9f7df;color:#39745c;font-weight:800;transition:.2s ease}
.time-pills span:hover{transform:translateY(-2px);background:#dcf2cf}
.alt{padding:46px;border-radius:28px;background:#fff;border:1px solid var(--line)}
.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.metric-card{position:relative;overflow:hidden;padding:26px}
.metric-card strong{display:block;margin-bottom:10px;font-size:22px}
.demo-section{width:min(1180px,calc(100% - 32px));margin:0 auto 92px}
.demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:stretch}
.demo-card{position:relative;overflow:hidden;min-height:300px;padding:30px;border:1px solid var(--line);border-radius:26px;background:#fff;box-shadow:0 12px 36px rgba(74,34,61,.05);display:grid;align-content:start;gap:14px}
.demo-card span{color:var(--rose);font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.demo-card h3{font-size:30px;line-height:1.08;margin:0}
.demo-card p{margin:0;color:var(--muted);line-height:1.7}
.demo-card .button{justify-self:start;margin-top:10px}
.dark-demo{background:#302431;color:#fff}
.dark-demo h3,.dark-demo span{color:#fff}
.dark-demo p{color:#f5dce5}
.demo-grid .demo-access.polished{grid-column:1/-1;background:#fff;color:var(--ink);border-color:var(--line);box-shadow:0 12px 36px rgba(74,34,61,.05);display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;align-items:center}
.demo-grid .demo-access.polished span{color:var(--rose-dark)}
.demo-grid .demo-access.polished strong{color:var(--ink);margin-top:0}
.demo-grid .demo-access.polished small{color:var(--muted);margin-top:0}
.cta-section{position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:36px;padding:42px;background:#302431;color:#fff}
.cta-section:before{content:"";position:absolute;right:-80px;top:-100px;width:290px;height:290px;border-radius:50%;background:rgba(255,255,255,.1);filter:blur(3px)}
.cta-section>*{position:relative}
.cta-section h2,.cta-section .eyebrow{color:#fff}
.cta-section p{max-width:620px;color:#f5dce5}
.contact-phone{display:inline-flex;margin-top:18px;padding:10px 13px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);color:#fff;font-weight:800}
.contact-phone:hover{background:rgba(255,255,255,.18)}
.cta-section .button.secondary{background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.28);color:#fff}
.demo-access{min-width:285px;padding:12px 14px;border:1px solid rgba(255,255,255,.22);border-radius:16px;background:rgba(255,255,255,.1)}
.demo-access span,.demo-access strong,.demo-access small{display:block}
.demo-access span{color:#f5dce5;font-size:11px;text-transform:uppercase;letter-spacing:.12em;font-weight:800}
.demo-access strong{margin-top:5px;color:#fff;font-size:13px}
.demo-access small{margin-top:6px;color:#f5dce5;font-weight:800}
.site-footer{width:min(1180px,calc(100% - 32px));margin:0 auto 26px;padding:22px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font-size:14px}
.site-footer strong,.site-footer span{display:block}
.site-footer strong{color:var(--ink)}
.site-footer a{font-weight:800;color:var(--rose-dark)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1)}
.reveal.is-visible{opacity:1;transform:none}
.feature-card.reveal:nth-child(2){transition-delay:.06s}.feature-card.reveal:nth-child(3){transition-delay:.12s}.feature-card.reveal:nth-child(4){transition-delay:.18s}.feature-card.reveal:nth-child(5){transition-delay:.24s}.feature-card.reveal:nth-child(6){transition-delay:.3s}
@keyframes chatIn{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .reveal{opacity:1;transform:none}
}
@media(max-width:900px){
  .menu-toggle{display:block}
  .site-nav{position:fixed;left:16px;right:16px;top:92px;display:grid;padding:18px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow);transform:translateY(-16px);opacity:0;pointer-events:none;transition:.2s}
  .nav-open .site-nav{transform:translateY(0);opacity:1;pointer-events:auto}
  .hero,.split-section{grid-template-columns:1fr}
  .hero{margin-top:44px}
  .feature-grid,.metrics-grid,.pricing-grid,.proof-band,.demo-grid{grid-template-columns:1fr}
  .demo-grid .demo-access.polished{grid-template-columns:1fr}
  .mock-content{grid-template-columns:1fr}
  .mock-sidebar{display:none}
  .split-section{padding:28px}
  .cta-section,.site-footer{display:grid}
}
@media(max-width:560px){
  .site-header,.hero,.logo-strip,.section,.split-section,.cta-section,.site-footer{width:min(100% - 22px,1180px)}
  h1{font-size:44px}
  h2{font-size:34px}
  .hero-text{font-size:16px}
  .button{width:100%}
  .hero-actions,.cta-actions{width:100%}
  .mock-window{border-radius:24px}
  .mock-panel{padding:18px}
  .stats-mini{grid-template-columns:1fr}
  .phone-card{min-height:auto}
}

/* Professional refresh */
:root{
  --ink:#18161b;
  --muted:#615b65;
  --paper:#f7f3f5;
  --card:#ffffff;
  --rose:#b83f73;
  --rose-dark:#8f2f59;
  --lilac:#6f5ab8;
  --mint:#d8eee1;
  --line:#e6dde2;
  --shadow:0 16px 40px rgba(31,22,30,.07);
  --shadow-strong:0 20px 46px rgba(31,22,30,.11);
}
body{background:#f8f5f6;color:var(--ink)}
.site-header{margin-top:14px;border-radius:12px;padding:10px 12px;box-shadow:0 10px 28px rgba(31,22,30,.06)}
.brand-logo{width:178px}
.site-nav a{border-radius:10px;font-size:13px}
.site-nav .nav-cta{background:#201a22}
.hero{margin-top:58px;grid-template-columns:1fr 520px;gap:56px}
.hero:before,.hero-card:before,.feature-card:before,.pricing-card:before,.cta-section:before{display:none}
h1,h2{font-family:"DM Sans",Arial,sans-serif;letter-spacing:-.04em}
h1{font-size:clamp(42px,5.8vw,72px);line-height:.98;max-width:760px}
h2{font-size:clamp(30px,3.6vw,48px);line-height:1.04}
.eyebrow{letter-spacing:.12em;color:var(--rose-dark)}
.hero-text{font-size:18px;line-height:1.65;max-width:620px}
.button{border-radius:10px;min-height:46px;padding:13px 18px;box-shadow:none}
.button:hover{transform:none}
.button.primary{background:#201a22;color:#fff;box-shadow:none}
.button.primary:hover{background:#342935;box-shadow:none}
.button.secondary{background:#fff;color:#201a22;border:1px solid var(--line);box-shadow:none}
.trust-row span,.logo-strip span{border-radius:10px;box-shadow:none;background:#fff}
.hero-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow)}
.mock-window{border-radius:12px;box-shadow:none}
.mock-top{height:42px}
.mock-content{min-height:390px}
.mock-sidebar{background:#201a22}
.appointment{border-radius:12px;padding:14px}
.appointment:hover{transform:none}
.appointment time{border-radius:10px}
.stats-mini span{border-radius:12px;background:#f8f3f5}
.logo-strip{margin-bottom:56px}
.proof-band,.feature-card,.metric-card,.phone-card,.pricing-card,.split-section,.alt,.demo-card,.cta-section{border-radius:16px;box-shadow:var(--shadow)}
.proof-band{margin-bottom:78px;padding:28px 30px}
.section,.split-section,.cta-section,.demo-section{margin-bottom:82px}
.feature-grid{gap:16px}
.feature-card{min-height:230px;padding:24px}
.feature-card:after,.metric-card:after{display:none}
.feature-card:hover,.metric-card:hover,.pricing-card:hover{transform:none;box-shadow:var(--shadow-strong);border-color:var(--line)}
.feature-card .icon{border-radius:8px;margin-bottom:28px;background:#201a22}
.feature-card small{border-radius:8px;background:#f7e8ef;color:var(--rose-dark)}
.pricing-grid{gap:16px}
.pricing-card{min-height:390px;border-radius:16px;padding:26px}
.pricing-card.featured{border-color:#d9c7d0;box-shadow:var(--shadow)}
.pricing-top span{border-radius:8px;margin-bottom:14px}
.pricing-top h3{font-size:24px}
.pricing-top strong{font-size:34px}
.pricing-card .button{align-self:end}
.split-section{padding:34px}
.phone-card{border-radius:16px;background:#fff;min-height:410px}
.phone-card:before{display:none}
.chat-bubble{border-radius:12px;box-shadow:0 8px 20px rgba(31,22,30,.06)}
.chat-bubble.user{background:#201a22}
.time-pills span{border-radius:10px}
.demo-grid{gap:16px}
.demo-card{min-height:260px;border-radius:16px;padding:26px}
.dark-demo{background:#201a22}
.cta-section{background:#201a22;padding:36px}
.cta-actions{align-items:flex-start}
.contact-phone{border-radius:10px}
.demo-access{display:none}
.site-footer{border-top:1px solid var(--line);padding-top:24px}
.reveal{transition:opacity .45s ease,transform .45s ease}
@media(max-width:900px){
  .hero{grid-template-columns:1fr;gap:28px}
  .site-nav{border-radius:14px}
}
@media(max-width:560px){
  h1{font-size:38px}
  h2{font-size:30px}
  .hero{margin-top:34px}
  .site-header,.hero,.logo-strip,.section,.split-section,.cta-section,.site-footer,.proof-band,.demo-section{width:min(100% - 22px,1180px)}
}

/* SISBSD-inspired editorial system */
:root{
  --ink:#161217;
  --muted:#746c75;
  --paper:#f5f1f3;
  --card:#ffffff;
  --rose:#d9467f;
  --rose-dark:#a62f61;
  --aubergine:#211822;
  --aubergine-2:#332333;
  --line:#e5d9df;
  --mint:#dff2e5;
  --shadow:0 18px 48px rgba(24,18,24,.09);
  --shadow-strong:0 26px 70px rgba(24,18,24,.16);
}
html{scroll-padding-top:112px}
body{background:var(--paper);color:var(--ink)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(22,18,23,.035) 1px,transparent 1px),linear-gradient(180deg,rgba(22,18,23,.028) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.8),transparent 72%);z-index:-1}
.site-header{width:min(1220px,calc(100% - 28px));margin-top:16px;padding:12px 14px;border:1px solid rgba(255,255,255,.12);background:rgba(33,24,34,.86);backdrop-filter:blur(18px);box-shadow:0 18px 50px rgba(17,11,18,.22)}
.brand-logo{width:186px;filter:none}
.site-nav a{color:#e7dde3;border:1px solid transparent}
.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff;transform:none}
.site-nav .nav-cta{background:#fff;color:var(--aubergine)}
.menu-toggle{background:#fff}
.menu-toggle span{background:var(--aubergine)}
.hero{width:min(1220px,calc(100% - 28px));margin-top:18px;min-height:690px;padding:72px 58px;border-radius:34px;background:radial-gradient(circle at 78% 16%,rgba(217,70,127,.34),transparent 30%),linear-gradient(135deg,#1a131b 0%,#2a1d2b 54%,#120e14 100%);color:#fff;overflow:hidden;box-shadow:0 34px 90px rgba(24,18,24,.28)}
.hero:after{content:"";position:absolute;right:36px;bottom:28px;width:38%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.42),transparent)}
.hero h1,.hero h2{color:#fff}
.hero h1{font-size:clamp(44px,6.4vw,82px);max-width:790px}
.hero-text{color:#eadde4;max-width:650px}
.kicker{display:inline-flex;align-items:center;gap:10px;margin-bottom:20px;color:#f5dce7;font-size:13px;font-weight:800;letter-spacing:.02em}
.kicker i{width:9px;height:9px;border-radius:50%;background:#ef6b9f;box-shadow:0 0 0 8px rgba(239,107,159,.13)}
.hero-actions .button.primary{background:#fff;color:var(--aubergine)}
.hero-actions .button.demo-button{background:#0b6b5f;color:#fff;border:1px solid rgba(255,255,255,.16)}
.hero-actions .button.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.hero-notes{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px;color:#eadde4;font-weight:700;font-size:14px}
.hero-notes span{display:inline-flex;align-items:center;gap:8px}
.hero-notes i{display:grid;place-items:center;width:19px;height:19px;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;font-style:normal;font-size:12px}
.hero-card{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:0 30px 70px rgba(0,0,0,.2);transform:rotate(1deg)}
.mock-window{background:#fbf8fa;border-color:rgba(255,255,255,.2);transform:rotate(-1deg)}
.mock-sidebar{background:#241a25}
.mock-title span{color:#241a25}
.live-pill{position:absolute;right:30px;bottom:32px}
.capability-bar{width:min(1220px,calc(100% - 28px));margin:18px auto 92px;display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;padding:18px 22px;border-radius:18px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow);font-weight:800;color:var(--muted)}
.capability-bar i{width:5px;height:5px;border-radius:50%;background:var(--rose)}
.section,.split-section,.cta-section,.demo-section,.proof-band{width:min(1220px,calc(100% - 28px))}
.section-label{display:inline-flex;align-items:center;gap:12px;margin-bottom:22px;color:var(--muted);font-size:12px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.section-label span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--aubergine);color:#fff;letter-spacing:0}
.section-label.compact{margin-bottom:18px}
.proof-band{grid-template-columns:1fr 420px;align-items:stretch;padding:0;background:transparent;border:0;box-shadow:none}
.proof-band>div,.proof-band>p{padding:34px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.proof-band>p{display:flex;align-items:center;margin:0;font-size:18px}
.stats-band{width:min(1220px,calc(100% - 28px));margin:-50px auto 92px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.stats-band div{padding:24px;border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow)}
.stats-band span{display:block;color:var(--rose-dark);font-size:11px;font-weight:900;text-transform:uppercase;letter-spacing:.12em}
.stats-band strong{display:block;margin:10px 0 6px;font-size:clamp(34px,4vw,52px);line-height:1;letter-spacing:-.05em;color:var(--aubergine)}
.stats-band small{display:block;color:var(--muted);font-weight:700;line-height:1.45}
.section-heading{max-width:850px}
.section-heading h2{max-width:820px}
.feature-grid{grid-template-columns:1.2fr .9fr .9fr;grid-auto-rows:minmax(230px,auto)}
.feature-card:first-child{grid-row:span 2;background:#221923;color:#fff}
.feature-card:first-child h3,.feature-card:first-child p{color:#fff}
.feature-card:first-child small{background:rgba(255,255,255,.12);color:#fff}
.feature-card{padding:28px;border-radius:22px}
.feature-card .icon{background:var(--aubergine)}
.feature-card:first-child .icon{background:#fff;color:var(--aubergine)}
.resource-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:22px;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:var(--line);box-shadow:var(--shadow)}
.resource-matrix article{min-height:190px;padding:26px;background:#fff}
.resource-matrix span{display:inline-flex;margin-bottom:24px;color:var(--rose-dark);font-size:12px;font-weight:900;letter-spacing:.12em}
.resource-matrix h3{font-size:21px;margin:0 0 10px;letter-spacing:-.02em}
.resource-matrix p{margin:0;color:var(--muted);line-height:1.65}
.product-showcase{display:grid;grid-template-columns:.9fr 1fr;gap:18px;margin-top:24px;align-items:stretch}
.showcase-copy,.module-list,.screen-preview{border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:0 12px 30px rgba(31,22,30,.055)}
.showcase-copy{padding:30px;display:grid;align-content:center}
.showcase-copy .tag{display:inline-flex;width:max-content;margin-bottom:18px;padding:8px 10px;border-radius:999px;background:#f7e8ef;color:var(--rose-dark);font-size:11px;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.showcase-copy h3{font-size:30px;line-height:1.08;margin:0 0 14px;letter-spacing:-.03em}
.showcase-copy p{margin:0;color:var(--muted);line-height:1.7}
.module-list{display:grid;grid-template-columns:1fr 1fr;gap:1px;overflow:hidden;background:var(--line)}
.module-list article{padding:22px;background:#fff;transition:.2s ease}
.module-list article:hover{background:#fbf5f8}
.module-list b,.module-list span{display:block}
.module-list b{font-size:18px;margin-bottom:7px}
.module-list span{color:var(--muted);line-height:1.45}
.screen-preview{grid-column:1/-1;overflow:hidden;background:#fbf8f9}
.screen-bar{height:48px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);background:#fff}
.screen-bar span{width:10px;height:10px;border-radius:50%;background:#eab5c9}
.screen-bar strong{margin-left:10px;color:var(--aubergine)}
.screen-body{display:grid;grid-template-columns:170px 1fr;min-height:310px}
.screen-body aside{padding:24px;background:#231923;display:grid;align-content:start;gap:15px}
.screen-body aside i{height:12px;border-radius:999px;background:rgba(255,255,255,.22)}
.screen-body main{padding:26px;display:grid;gap:12px;align-content:start}
.screen-head{display:flex;justify-content:space-between;gap:16px;align-items:center;margin-bottom:8px}
.screen-head b{font-size:24px}.screen-head small{color:var(--muted);font-weight:800}
.screen-row{display:grid;grid-template-columns:82px 1fr auto;gap:14px;align-items:center;padding:16px;border:1px solid var(--line);border-radius:16px;background:#fff;transition:.2s ease}
.screen-row:hover{transform:translateX(4px)}
.screen-row time{font-weight:900;color:var(--rose-dark)}
.screen-row em{font-style:normal;color:#39745c;font-size:12px;font-weight:900}
.screen-row.active{border-color:#edbdd0}
.pricing-card{border-radius:24px;background:#fff}
.pricing-card.featured{background:linear-gradient(180deg,#fff,#fbf5f8)}
.pricing-top strong{font-size:42px}
.split-section{position:relative;overflow:hidden;border-radius:28px;background:#fff;padding:46px}
.split-section:after{content:"";position:absolute;right:0;top:0;width:42%;height:100%;background:linear-gradient(135deg,rgba(217,70,127,.08),transparent);pointer-events:none}
.phone-card{box-shadow:none;border-color:#eadfe4}
.wa-header-demo{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding:12px;border-radius:14px;background:#211822;color:#fff}
.wa-header-demo span{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:linear-gradient(135deg,var(--rose),#8c78ff);font-weight:900}
.wa-header-demo strong,.wa-header-demo small{display:block}
.wa-header-demo small{color:#eadde4;font-size:12px;margin-top:2px}
.chat-bubble.compact{padding:10px 14px}
.demo-grid{grid-template-columns:1fr 1fr}
.demo-card{border-radius:24px;min-height:280px}
.demo-card:not(.dark-demo){background:#fff}
.dark-demo{background:linear-gradient(135deg,#211822,#3b2739)}
.alt{border-radius:28px}
.metric-card{border-radius:20px}
.testimonials-section{width:min(1220px,calc(100% - 28px));margin:0 auto 92px}
.testimonial-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.testimonial-grid article{padding:30px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow)}
.testimonial-grid p{margin:0 0 22px;color:var(--ink);font-size:20px;line-height:1.55;letter-spacing:-.015em}
.testimonial-grid strong,.testimonial-grid span{display:block}
.testimonial-grid strong{color:var(--aubergine);font-size:15px}
.testimonial-grid span{margin-top:4px;color:var(--muted);font-size:13px;font-weight:800}
.demo-rich{display:grid;grid-template-columns:1fr 190px;gap:18px;align-items:center}
.mini-dashboard,.mini-phone{min-height:190px;border-radius:20px;background:#fbf5f8;border:1px solid var(--line);padding:20px;display:grid;align-content:center;gap:14px}
.mini-dashboard b{font-size:22px}.mini-dashboard i{height:13px;border-radius:999px;background:#dcc9d3;display:block}
.mini-phone{background:#075e54;color:#fff;text-align:center}
.mini-phone b{font-size:44px;line-height:1}.mini-phone span{color:#cde9e3;font-weight:800}
.cta-section{border-radius:30px;background:radial-gradient(circle at 86% 0%,rgba(217,70,127,.28),transparent 32%),linear-gradient(135deg,#211822,#120e14);padding:52px}
.site-footer{width:min(1220px,calc(100% - 28px))}
@media(max-width:980px){
  .hero{padding:44px 28px;min-height:auto}
  .feature-grid{grid-template-columns:1fr}
  .feature-card:first-child{grid-row:auto}
  .proof-band{grid-template-columns:1fr}
  .stats-band,.resource-matrix,.testimonial-grid{grid-template-columns:1fr}
}
@media(max-width:560px){
  .site-header,.hero,.capability-bar,.section,.split-section,.cta-section,.site-footer,.proof-band,.demo-section,.stats-band,.testimonials-section{width:min(100% - 22px,1220px)}
  .hero{border-radius:24px;padding:34px 22px}
  .hero h1{font-size:39px}
  .capability-bar{justify-content:flex-start}
  .stats-band{margin-top:-58px}
}

/* Hero cleanup with WhatsApp scheduling preview */
.brand-logo{width:142px!important;filter:none!important}
.hero{grid-template-columns:minmax(0,1fr) 430px!important;min-height:640px!important;padding:64px 58px!important}
.hero h1{font-size:clamp(42px,5.2vw,66px)!important;line-height:1.02!important;max-width:690px!important}
.rotating-copy{position:relative;display:inline-block;color:#fff}
.rotating-copy:after{content:"";position:absolute;left:0;right:0;bottom:.04em;height:.16em;border-radius:999px;background:linear-gradient(90deg,#ef6b9f,#8c78ff);opacity:.8;z-index:-1}
.rotating-copy.is-changing{animation:wordSwap .42s ease both}
@keyframes wordSwap{
  0%{opacity:1;transform:translateY(0)}
  45%{opacity:0;transform:translateY(-10px)}
  55%{opacity:0;transform:translateY(10px)}
  100%{opacity:1;transform:translateY(0)}
}
.hero-text{max-width:610px!important}
.hero-phone{position:relative;justify-self:end;width:min(100%,410px)}
.phone-shell{position:relative;padding:14px;border:1px solid rgba(255,255,255,.18);border-radius:36px;background:rgba(255,255,255,.08);box-shadow:0 30px 70px rgba(0,0,0,.22)}
.phone-speaker{width:74px;height:6px;margin:4px auto 14px;border-radius:999px;background:rgba(255,255,255,.28)}
.whatsapp-card{overflow:hidden;border-radius:26px;background:#efe7df;color:#202020;box-shadow:inset 0 0 0 1px rgba(255,255,255,.32)}
.wa-top{display:flex;align-items:center;gap:12px;padding:15px;background:#075e54;color:#fff}
.wa-avatar{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#075e54;font-weight:900}
.wa-top strong,.wa-top small{display:block}
.wa-top small{color:#cde9e3;font-size:12px;margin-top:2px}
.wa-chat{min-height:470px;padding:18px;display:flex;flex-direction:column;gap:10px;background:linear-gradient(rgba(239,231,223,.9),rgba(239,231,223,.9)),repeating-linear-gradient(45deg,rgba(0,0,0,.035) 0 1px,transparent 1px 14px)}
.wa-date{align-self:center;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.7);color:#66706d;font-size:11px;font-weight:800}
.wa-msg{max-width:82%;padding:10px 12px;border-radius:14px;font-size:14px;line-height:1.45;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.wa-msg.bot{align-self:flex-start;background:#fff;border-top-left-radius:4px}
.wa-msg.user{align-self:flex-end;background:#dcf8c6;border-top-right-radius:4px}
.wa-msg.short{max-width:max-content}
.wa-slots{display:flex;gap:8px;flex-wrap:wrap;margin:2px 0}
.wa-slots span{padding:8px 11px;border-radius:999px;background:#fff;color:#075e54;font-weight:900;font-size:13px;box-shadow:0 4px 12px rgba(0,0,0,.06)}
.wa-input-demo{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px;background:#f7f2ee}
.wa-input-demo span{flex:1;padding:11px 13px;border-radius:999px;background:#fff;color:#9a928d;font-size:13px}
.wa-input-demo b{width:42px;height:42px;display:grid;place-items:center;border-radius:50%;background:#075e54;color:#fff}
@media(max-width:980px){
  .hero{grid-template-columns:1fr!important;padding:44px 28px!important}
  .hero-phone{justify-self:start;width:min(100%,410px)}
}
@media(max-width:560px){
  .brand-logo{width:124px!important}
  .hero{padding:34px 22px!important}
  .hero h1{font-size:37px!important}
  .wa-chat{min-height:390px}
}

/* Lighten visual density */
body{background:#fbf8f9}
body:before{opacity:.34;mask-image:linear-gradient(to bottom,rgba(0,0,0,.45),transparent 58%)}
.site-header{background:rgba(255,255,255,.9);border-color:var(--line);box-shadow:0 12px 34px rgba(31,22,30,.08)}
.brand-logo{filter:none!important}
.text-brand{gap:10px;color:var(--ink)}
.brand-symbol{width:42px;height:42px;display:block}
.text-brand strong{font-size:18px;line-height:1;color:var(--ink)}
.text-brand small{margin-top:4px;color:var(--muted);font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}
.site-nav a{color:#4a414d}
.site-nav a:hover{background:#f5eef2;color:var(--rose-dark)}
.site-nav .nav-cta{background:var(--aubergine);color:#fff}
.hero{background:radial-gradient(circle at 84% 12%,rgba(217,70,127,.18),transparent 31%),linear-gradient(135deg,#fff 0%,#fbf4f7 52%,#f1e8ee 100%)!important;color:var(--ink)!important;box-shadow:0 22px 58px rgba(31,22,30,.1)!important;border:1px solid var(--line)}
.hero:after{background:linear-gradient(90deg,transparent,rgba(143,47,89,.2),transparent)}
.hero h1,.hero h2{color:var(--ink)!important}
.hero-text{color:var(--muted)!important}
.kicker{color:var(--rose-dark)}
.hero-actions .button.primary{background:var(--aubergine);color:#fff}
.hero-actions .button.secondary{background:#fff;color:var(--aubergine);border-color:var(--line)}
.hero-notes{color:#4e4650}
.hero-notes i{background:#f0dfe8;color:var(--rose-dark)}
.rotating-copy{color:var(--rose-dark)}
.rotating-copy:after{opacity:.22;bottom:.02em}
.phone-shell{background:#fff;border-color:var(--line);box-shadow:0 22px 48px rgba(31,22,30,.13)}
.phone-speaker{background:#d9cdd4}
.capability-bar{box-shadow:0 12px 30px rgba(31,22,30,.06);margin-bottom:76px}
.proof-band,.section,.split-section,.demo-section,.testimonials-section,.cta-section{margin-bottom:76px}
.proof-band>div,.proof-band>p,.stats-band div,.feature-card,.pricing-card,.split-section,.demo-card,.metric-card,.testimonial-grid article{box-shadow:0 12px 30px rgba(31,22,30,.055)}
.stats-band{margin-top:-38px;margin-bottom:76px}
.feature-card:first-child{background:#fff;color:var(--ink)}
.feature-card:first-child h3,.feature-card:first-child p{color:inherit}
.feature-card:first-child small{background:#f7e8ef;color:var(--rose-dark)}
.feature-card:first-child .icon{background:var(--aubergine);color:#fff}
.split-section:after{opacity:.55}
.dark-demo{background:#fff;color:var(--ink)}
.dark-demo h3,.dark-demo span{color:var(--ink)}
.dark-demo p{color:var(--muted)}
.dark-demo .button.primary{background:var(--aubergine);color:#fff}
.cta-section{background:linear-gradient(135deg,#2a202c,#171219);box-shadow:0 20px 52px rgba(31,22,30,.16)}
@media(max-width:560px){
  .stats-band{margin-top:-42px}
}

/* Restore stronger dark first fold, keeping the cleaner layout */
.site-header{background:rgba(33,24,34,.9);border-color:rgba(255,255,255,.12);box-shadow:0 18px 50px rgba(17,11,18,.2)}
.text-brand strong{color:#fff}
.text-brand small{color:#eadde4}
.site-nav a{color:#eadde4}
.site-nav a:hover{background:rgba(255,255,255,.08);color:#fff}
.site-nav .nav-cta{background:#fff;color:var(--aubergine)}
.hero{background:radial-gradient(circle at 82% 14%,rgba(217,70,127,.34),transparent 31%),linear-gradient(135deg,#1a131b 0%,#2a1d2b 55%,#120e14 100%)!important;color:#fff!important;box-shadow:0 34px 90px rgba(24,18,24,.26)!important;border-color:rgba(255,255,255,.08)}
.hero h1,.hero h2{color:#fff!important}
.hero-text{color:#eadde4!important}
.kicker{color:#f5dce7}
.hero-actions .button.primary{background:#fff;color:var(--aubergine)}
.hero-actions .button.secondary{background:rgba(255,255,255,.08);color:#fff;border-color:rgba(255,255,255,.18)}
.hero-notes{color:#eadde4}
.hero-notes i{background:rgba(255,255,255,.12);color:#fff}
.rotating-copy{color:#fff}
.rotating-copy:after{opacity:.8;background:linear-gradient(90deg,#ef6b9f,#8c78ff)}
.phone-shell{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.18);box-shadow:0 30px 70px rgba(0,0,0,.22)}
.phone-speaker{background:rgba(255,255,255,.28)}
.button{transition:transform .18s ease,background .18s ease,border-color .18s ease!important}
.button:hover{transform:translateY(-2px)!important}
.feature-card,.pricing-card,.demo-card,.metric-card,.testimonial-grid article{transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.feature-card:hover,.pricing-card:hover,.demo-card:hover,.metric-card:hover,.testimonial-grid article:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(31,22,30,.09)}
.wa-msg{animation:chatFloat .5s ease both}
.wa-msg:nth-of-type(2){animation-delay:.08s}.wa-msg:nth-of-type(3){animation-delay:.16s}.wa-msg:nth-of-type(4){animation-delay:.24s}.wa-msg:nth-of-type(5){animation-delay:.32s}
@keyframes chatFloat{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-width:980px){
  .product-showcase,.demo-rich{grid-template-columns:1fr}
  .screen-body{grid-template-columns:1fr}
  .screen-body aside{display:none}
}
@media(max-width:560px){
  .module-list,.screen-row{grid-template-columns:1fr}
}

/* Compact resources section */
.feature-grid{display:none!important}
.product-showcase{grid-template-columns:360px 1fr!important;gap:14px!important;margin-top:18px!important}
.showcase-copy{padding:24px!important;border-radius:18px!important}
.showcase-copy h3{font-size:25px!important;line-height:1.12!important}
.module-list.compact-modules{display:grid!important;grid-template-columns:1fr 1fr!important;border-radius:18px!important;box-shadow:0 12px 30px rgba(31,22,30,.055)}
.compact-modules article{display:grid;grid-template-columns:auto 1fr;column-gap:12px;align-items:start;padding:18px!important;min-height:auto}
.compact-modules article:before{content:"";width:10px;height:10px;margin-top:7px;border-radius:50%;background:var(--rose)}
.compact-modules b{font-size:16px!important;margin-bottom:4px!important}
.compact-modules span{font-size:14px!important}
.screen-preview{border-radius:20px!important}
.screen-body{min-height:250px!important}
.screen-body main{padding:22px!important}
.screen-row{padding:13px 14px!important;border-radius:12px!important}
@media(max-width:980px){
  .product-showcase{grid-template-columns:1fr!important}
}
@media(max-width:620px){
  .module-list.compact-modules{grid-template-columns:1fr!important}
}
.logo-brand{width:210px;min-width:210px}
.logo-brand .brand-logo{width:210px!important;height:auto;display:block;filter:none!important}
@media(max-width:560px){
  .logo-brand{width:168px;min-width:168px}
  .logo-brand .brand-logo{width:168px!important}
}