:root {
  --teal: #0fb9b1;
  --teal-dark: #078f8a;
  --coral: #fb776a;
  --yellow: #f8b933;
  --lavender: #9389cd;
  --ink: #29363a;
  --muted: #66777b;
  --snow: #fff9f2;
  --white: #fff;
  --line: #dce8e7;
  --radius: 28px;
  --shadow: 0 22px 60px rgba(41,54,58,.12);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: "Nunito", system-ui, sans-serif; color: var(--ink); background: var(--snow); -webkit-font-smoothing: antialiased; }
button, input, select { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
img { max-width: 100%; display: block; }
.section { padding: 110px max(6vw, 24px); }
.announcement { min-height: 38px; padding: 7px 6vw; display: flex; justify-content: center; align-items: center; gap: 15px; background: var(--ink); color: #fff; font-size: 13px; }
.announcement p { margin: 0; color: #e9eeee; }
.announcement > span { padding: 3px 9px; border-radius: 20px; color: var(--ink); background: var(--yellow); font-weight: 900; font-size: 10px; letter-spacing: .08em; text-transform: uppercase; }
.announcement a { color: #fff; font-weight: 800; border-bottom: 1px solid rgba(255,255,255,.4); }

.site-header { height: 84px; padding: 8px 6vw; display: flex; align-items: center; gap: 34px; background: rgba(255,249,242,.92); backdrop-filter: blur(15px); position: sticky; top: 0; z-index: 30; border-bottom: 1px solid rgba(41,54,58,.06); }
.logo img { width: 148px; height: 64px; object-fit: contain; }
.desktop-nav { display: flex; align-items: center; justify-content: center; gap: 30px; margin-left: auto; }
.desktop-nav a { font-size: 14px; font-weight: 800; transition: color .2s; }
.desktop-nav a:hover { color: var(--teal-dark); }
.button { border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 13px; padding: 16px 23px; border-radius: 15px; background: var(--teal); color: #fff; font-weight: 900; box-shadow: 0 10px 24px rgba(15,185,177,.22); transition: transform .2s, box-shadow .2s, background .2s; }
.button:hover { transform: translateY(-2px); background: var(--teal-dark); box-shadow: 0 14px 28px rgba(15,185,177,.28); }
.button-small { padding: 12px 18px; border-radius: 12px; font-size: 13px; box-shadow: none; }
.button-coral { background: var(--coral); box-shadow: 0 10px 24px rgba(251,119,106,.25); }
.button-coral:hover { background: #eb685c; }
.button-white { color: var(--teal-dark); background: #fff; box-shadow: none; }
.button-white:hover { color: var(--ink); background: var(--snow); }
.full-width { width: 100%; }
.menu-button { display: none; margin-left: auto; border: 0; background: none; padding: 8px; }
.menu-button span { display: block; width: 25px; height: 3px; margin: 4px; background: var(--ink); border-radius: 2px; }

.hero { position: relative; overflow: hidden; min-height: calc(100vh - 122px); padding: 65px 6vw 80px; display: grid; grid-template-columns: .9fr 1.1fr; align-items: center; gap: 4vw; }
.hero:before { content:""; width: 38vw; height: 38vw; position: absolute; right: -6vw; top: 3vw; border-radius: 50%; background: #dff5f2; opacity: .7; z-index: -1; }
.eyebrow { display: inline-flex; align-items: center; gap: 9px; font-size: 12px; font-weight: 900; letter-spacing: .12em; text-transform: uppercase; color: var(--teal-dark); }
.eyebrow i { width: 25px; height: 3px; border-radius: 3px; background: var(--yellow); }
.eyebrow.light { color: #c7fffb; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin-bottom: 24px; max-width: 720px; font-size: clamp(48px, 5.5vw, 78px); line-height: .99; letter-spacing: -.045em; }
h1 em, h2 em { color: var(--coral); font-style: normal; }
.hero-subtitle { max-width: 630px; margin-bottom: 32px; color: #536468; font-size: clamp(17px, 1.45vw, 21px); line-height: 1.55; }
.hero-actions { display: flex; align-items: center; gap: 26px; }
.text-link { display: inline-flex; gap: 10px; align-items: center; font-weight: 900; border-bottom: 2px solid var(--ink); padding-bottom: 4px; }
.text-link.teal { color: var(--teal-dark); border-color: var(--teal); }
.trust-row { display: flex; align-items: center; gap: 15px; margin-top: 42px; }
.trust-row p { margin: 0; color: var(--muted); font-size: 13px; line-height: 1.35; }
.trust-row strong { color: var(--ink); }
.avatar-stack { display: flex; }
.avatar-stack b { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; border: 3px solid var(--snow); margin-left: -7px; color: #fff; background: var(--teal); font-size: 11px; }
.avatar-stack b:nth-child(2) { background: var(--coral); }.avatar-stack b:nth-child(3) { background: var(--lavender); }

.hero-visual { height: 560px; position: relative; }
.club-box { position: absolute; width: 370px; height: 330px; left: 12%; top: 17%; border-radius: 32px 32px 23px 23px; background: #fff; box-shadow: 0 35px 70px rgba(41,54,58,.18); border: 1px solid #e8efed; transform: rotate(-3deg); z-index: 4; overflow: hidden; }
.club-box:after { content:""; position:absolute; width: 130px; height: 100%; right: 0; top: 0; background: #ffe9e4; clip-path: polygon(35% 0,100% 6%,100% 100%,0 100%); z-index:-1; }
.club-box img { width: 210px; height: 165px; margin: 30px 0 0 42px; object-fit: contain; }
.box-top { height: 34px; padding: 11px 22px; color: #66777b; background: #fff2cc; font-size: 9px; font-weight: 900; letter-spacing: .1em; }
.club-box p { margin: 4px 25px; max-width: 210px; font-size: 14px; font-weight: 900; }
.box-stamp { position: absolute; right: 20px; bottom: 25px; width: 65px; height: 65px; padding-top: 13px; text-align: center; border-radius: 50%; background: var(--teal); color: #fff; font-size: 8px; line-height: 1.1; transform: rotate(7deg); }
.box-stamp strong { font-size: 23px; }
.guide-card { position: absolute; width: 190px; height: 255px; right: 1%; bottom: 4%; padding: 24px; border-radius: 23px; background: var(--yellow); box-shadow: 0 20px 45px rgba(41,54,58,.18); transform: rotate(7deg); z-index: 5; }
.guide-card > span { font-size: 9px; letter-spacing: .12em; font-weight: 900; }
.guide-card h3 { margin: 10px 0 12px; font-size: 24px; line-height: 1; }
.guide-card ul { margin: 0; padding-left: 18px; font-size: 12px; font-weight: 700; }
.qr { width: 49px; height: 49px; position: absolute; right: 18px; bottom: 17px; border: 5px dotted var(--ink); background: repeating-linear-gradient(45deg,var(--ink) 0 3px,#fff 3px 6px); }
.speech-tag { position: absolute; right: 5%; top: 1%; z-index: 7; padding: 17px 22px; background: var(--coral); color: #fff; border-radius: 20px 20px 20px 3px; transform: rotate(4deg); font-size: 12px; line-height: 1.05; box-shadow: 0 13px 30px rgba(251,119,106,.25); }
.speech-tag strong { font-size: 17px; }
.floating-note { position: absolute; left: 4%; bottom: 3%; z-index: 7; padding: 14px 20px; border-radius: 17px; background: var(--lavender); color: #fff; font-size: 12px; line-height: 1.35; font-weight: 700; box-shadow: var(--shadow); transform: rotate(-4deg); }
.floating-note b { display: inline-grid; place-items: center; width: 27px; height: 27px; margin-left: 8px; border-radius: 50%; background: #fff; color: var(--lavender); }
.toy { display:grid; place-items:center; position: absolute; border-radius: 16px; color: #fff; font-size: 24px; font-weight: 900; box-shadow: var(--shadow); z-index: 6; }
.toy-a { width: 80px; height: 80px; left: 4%; top: 10%; background: var(--teal); transform: rotate(-13deg); }
.toy-b { width: 66px; height: 66px; left: 20%; bottom: 2%; background: var(--coral); transform: rotate(14deg); }
.spark { position:absolute; width: 45px; height: 8px; border-radius: 5px; background: var(--teal); }
.spark-one { right: 1%; top: 35%; transform: rotate(-50deg); }.spark-two { right: 7%; top: 29%; background:var(--yellow); transform:rotate(-70deg); }.spark-three { right: 0; top: 44%; width:35px; background:var(--lavender); transform:rotate(-10deg); }

.proof-bar { padding: 20px 6vw; display: flex; justify-content: center; gap: 4.5vw; background: var(--teal); color: #fff; }
.proof-bar p { margin: 0; font-size: 13px; font-weight: 800; }.proof-bar span { color: var(--yellow); margin-right: 8px; }
.section-heading { max-width: 760px; margin-bottom: 50px; }
.section-heading.centered { text-align: center; margin-left: auto; margin-right: auto; }
.section h2 { margin: 13px 0 16px; font-size: clamp(38px, 4vw, 58px); line-height: 1.05; letter-spacing: -.035em; }
.section-heading > p { color: var(--muted); font-size: 18px; }
.audiences { background: #fff; }
.audience-grid { max-width: 1160px; margin: auto; display: grid; grid-template-columns: 1fr 1fr; gap: 25px; }
.audience-card { overflow: hidden; min-height: 570px; display: grid; grid-template-columns: .8fr 1.2fr; border-radius: var(--radius); border: 1px solid var(--line); background: var(--snow); transition: transform .25s, box-shadow .25s; }
.audience-card:hover { transform: translateY(-5px); box-shadow: var(--shadow); }
.audience-card.pro { background: #f6f4ff; }
.audience-art { position: relative; overflow:hidden; min-height: 100%; background: #dff5f2; }
.audience-card.pro .audience-art { background:#eae6ff; }
.audience-art .blob { width: 260px; height: 330px; position:absolute; bottom:-40px; left:-55px; border-radius: 45% 55% 35% 65%; background:var(--teal); transform:rotate(10deg); }
.pro .audience-art .blob { background:var(--lavender); }
.figure { position:absolute; display:block; color:var(--ink); font-size:30px; text-align:center; }
.figure:after { content:""; display:block; width:65px; height:145px; margin-top:3px; border-radius:50px 50px 12px 12px; background:var(--coral); }
.figure.adult { left:60px; bottom:80px; }.figure.child { left:150px; bottom:45px; transform:scale(.72); transform-origin:bottom; }
.figure.child:after { background:var(--yellow); }.pro .figure.adult:after { background:var(--teal); }.pro .figure.child:after { background:var(--coral); }
.heart { position:absolute; left:130px; top:85px; color:var(--coral); font-size:38px; transform:rotate(10deg); }
.therapy-card { position:absolute; top:75px; left:48px; width:150px; height:110px; padding:18px; border-radius:18px; background:#fff; box-shadow:var(--shadow); transform:rotate(-6deg); }
.therapy-card i { display:block; width:70%; height:8px; margin:9px; background:var(--teal); border-radius:6px; }.therapy-card i:nth-child(2){width:45%;background:var(--coral)}.therapy-card i:nth-child(3){width:60%;background:var(--yellow)}
.audience-content { padding: 48px 35px 40px; }
.card-label { font-size: 10px; letter-spacing: .13em; font-weight: 900; color: var(--teal-dark); }
.pro .card-label { color:#7165b2; }
.audience-content h3 { margin: 12px 0 15px; font-size: 34px; line-height: 1.04; }
.audience-content p { color:var(--muted); line-height:1.55; font-size:15px; }
.audience-content ul { padding:0; margin:25px 0 30px; list-style:none; }
.audience-content li { margin:10px 0; font-size:14px; font-weight:700; }.audience-content li:before { content:"✓"; margin-right:10px; color:var(--teal); font-weight:900; }
.card-link { border:0; border-bottom:2px solid currentColor; padding:0 0 4px; color:var(--ink); background:none; font-weight:900; cursor:pointer; text-align:left; }
.card-link span { color:var(--teal); margin-left:8px; }

.how { color:#fff; background:var(--teal-dark); display:grid; grid-template-columns:.75fr 1.25fr; gap:8vw; align-items:center; }
.how-intro p { color:#cbe7e5; font-size:17px; line-height:1.65; max-width:500px; }
.how-intro .button { margin-top:15px; }
.steps { display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.steps article { position:relative; padding:28px; min-height:230px; border-radius:24px; background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.12); }
.steps article b { position:absolute; right:20px; top:16px; color:rgba(255,255,255,.23); font-size:25px; }
.step-icon { width:53px; height:53px; display:grid; place-items:center; margin-bottom:25px; border-radius:17px; color:var(--ink); background:var(--yellow); font-size:25px; font-weight:900; }
.steps article:nth-child(2) .step-icon { background:var(--coral);color:#fff}.steps article:nth-child(3) .step-icon { background:#fff;color:var(--teal-dark)}.steps article:nth-child(4) .step-icon { background:var(--lavender);color:#fff}
.steps h3 { margin-bottom:9px; font-size:20px; }.steps p { color:#d8edeb; line-height:1.5; font-size:14px; }

.product { display:grid; grid-template-columns:1fr 1fr; gap:8vw; align-items:center; background:#fff; }
.product-visual { min-height:590px; position:relative; display:grid; place-items:center; border-radius:50px; background:#fff4d6; overflow:hidden; }
.product-halo { position:absolute; width:430px; height:430px; border-radius:50%; background:#ffdf8a; }
.product-piece { position:absolute; z-index:2; box-shadow:0 20px 35px rgba(41,54,58,.18); }
.main-piece { width:250px; height:290px; padding:55px 25px; text-align:center; border-radius:55px 55px 25px 25px; color:#fff; background:var(--teal); transform:rotate(-4deg); border:8px solid #fff; }
.main-piece:before { content:""; position:absolute; width:70px;height:35px;top:-16px;left:82px;border-radius:20px;background:var(--yellow);border:6px solid #fff; }
.main-piece .face { display:block; font-size:55px; font-weight:900; }.main-piece small { display:block; margin-top:30px; padding:10px; border-radius:20px; background:#fff; color:var(--ink); font-weight:900; }
.small-piece { width:78px;height:78px;display:grid;place-items:center;border:6px solid #fff;border-radius:22px;color:#fff;font-size:30px;font-weight:900;}
.p1{left:7%;top:18%;background:var(--coral);transform:rotate(-14deg)}.p2{right:7%;top:25%;background:var(--lavender);transform:rotate(12deg)}.p3{right:14%;bottom:16%;background:var(--yellow);transform:rotate(-8deg)}
.product-badge { position:absolute; top:28px; left:30px; z-index:3; width:86px;height:86px;display:grid;place-items:center;text-align:center;border-radius:50%;color:#fff;background:var(--coral);font-size:10px;font-weight:900;letter-spacing:.08em;transform:rotate(-10deg);}
.image-note { position:absolute; bottom:12px; color:#8c7a54; font-size:10px; }
.product-copy > p { color:var(--muted); max-width:580px; font-size:17px; line-height:1.65; }
.skill-tags { display:flex; flex-wrap:wrap; gap:9px; margin:25px 0 32px; }.skill-tags span { padding:9px 13px;border-radius:30px;background:#e5f6f4;color:var(--teal-dark);font-size:12px;font-weight:900;}
.use-cases { display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-bottom:30px; }
.use-cases article { display:flex;gap:13px;padding:18px;border-radius:18px;background:var(--snow);border:1px solid #eee5dc; }
.use-cases b { width:38px;height:38px;flex:0 0 38px;display:grid;place-items:center;border-radius:12px;background:var(--yellow);}
.use-cases h3 { margin:0 0 4px;font-size:15px; }.use-cases p { margin:0;color:var(--muted);font-size:12px;line-height:1.4; }

.founder { display:grid;grid-template-columns:1fr .75fr;gap:8vw;align-items:center;background:#f1eeff; }
.pill { display:inline-block;padding:7px 12px;border-radius:30px;color:#fff;background:var(--lavender);font-size:10px;font-weight:900;letter-spacing:.1em; }
.founder-copy > p { max-width:600px;color:var(--muted);font-size:17px;line-height:1.6; }
.founder-perks { display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:35px; }
.founder-perks > div { display:flex;gap:13px; }.founder-perks span { flex:0 0 27px;width:27px;height:27px;display:grid;place-items:center;border-radius:50%;background:var(--teal);color:#fff;font-weight:900;}
.founder-perks p { margin:0;color:var(--muted);font-size:13px;line-height:1.45; }.founder-perks strong { color:var(--ink);font-size:14px; }
.pricing-card { padding:36px;border-radius:30px;background:#fff;box-shadow:0 28px 70px rgba(89,77,143,.2);border:1px solid #e6e1ff; }
.pricing-top { text-align:center; }.pricing-top span { display:block;font-size:9px;letter-spacing:.12em;color:var(--lavender);font-weight:900; }.pricing-top strong { font-size:21px; }
.profile-toggle { display:grid;grid-template-columns:1fr 1fr;margin:24px 0;padding:5px;border-radius:14px;background:#f1eff8; }
.profile-toggle button { border:0;padding:10px;border-radius:10px;background:none;color:var(--muted);font-size:12px;font-weight:900;cursor:pointer; }.profile-toggle button.active { background:#fff;color:var(--ink);box-shadow:0 4px 12px rgba(41,54,58,.08);}
.price { text-align:center;padding:4px 0 22px;border-bottom:1px solid var(--line); }.price small { color:var(--muted);font-size:11px; }.price p { margin:0;display:flex;align-items:baseline;justify-content:center; }.price sup { font-size:15px;font-weight:900; }.price strong { font-size:65px;line-height:1;color:var(--teal-dark); }.price span { font-size:13px;font-weight:800; }
.pricing-card ul { list-style:none;padding:12px 0;margin:0 0 18px; }.pricing-card li { padding:8px 0;font-size:14px;font-weight:700; }.pricing-card li span { margin-right:9px;color:var(--teal); }
.pricing-note { margin:12px 0 0;text-align:center;color:var(--muted);font-size:11px; }

.quiz { margin:0 6vw; padding:65px 8vw; border-radius:35px; display:grid;grid-template-columns:.55fr 1fr;align-items:center;gap:6vw;color:#fff;background:var(--teal);overflow:hidden; }
.quiz-art { min-height:280px;display:grid;place-items:center; }
.quiz-orbit { width:230px;height:230px;display:grid;place-items:center;position:relative;border:3px dashed rgba(255,255,255,.45);border-radius:50%; }
.quiz-orbit:before { content:"";width:135px;height:135px;border-radius:40px;background:#fff;transform:rotate(10deg);box-shadow:var(--shadow);}
.quiz-orbit > span { position:absolute;z-index:2;color:var(--coral);font-size:80px;font-weight:900; }.quiz-orbit b,.quiz-orbit i { position:absolute;display:grid;place-items:center;width:58px;height:58px;border-radius:18px;color:#fff;background:var(--coral);font-style:normal;font-size:25px;box-shadow:var(--shadow)}.quiz-orbit b{top:-5px;right:0;transform:rotate(12deg)}.quiz-orbit i{bottom:0;left:-10px;background:var(--yellow);transform:rotate(-10deg)}
.quiz-copy h2 { font-size:clamp(35px,3.5vw,52px); }.quiz-copy p { max-width:600px;color:#ddfffc;font-size:17px;line-height:1.55; }.quiz-copy small { margin-left:16px;color:#c5efec; }

.about { display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:center;background:#fff; }
.about-photo { position:relative;max-width:550px; }.portrait-placeholder { overflow:hidden;border-radius:40% 40% 25px 25px;background:#e5f6f4;box-shadow:var(--shadow); }.portrait-placeholder img { width:100%;aspect-ratio:1/1.05;object-fit:cover; }
.signature-card { position:absolute;right:-30px;bottom:25px;padding:17px 25px;border-radius:16px;background:#fff;box-shadow:var(--shadow);transform:rotate(-3deg); }.signature-card strong,.signature-card span { display:block; }.signature-card strong{font-size:19px}.signature-card span{font-size:11px;color:var(--muted)}
.about-copy > p { color:var(--muted);font-size:16px;line-height:1.7; }.about-copy blockquote { margin:28px 0;padding:4px 0 4px 23px;border-left:4px solid var(--yellow);font-size:20px;line-height:1.5;font-weight:900;color:var(--teal-dark); }

.faq { background:var(--snow); }.accordion { max-width:900px;margin:auto; }.accordion details { border-bottom:1px solid #dcded9; }.accordion summary { list-style:none;cursor:pointer;padding:23px 5px;display:flex;justify-content:space-between;gap:20px;font-size:17px;font-weight:900; }.accordion summary::-webkit-details-marker{display:none}.accordion summary span{color:var(--teal);font-size:24px}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{padding:0 50px 23px 5px;color:var(--muted);line-height:1.6}
.final-cta { position:relative;overflow:hidden;padding:65px 8vw;display:flex;align-items:center;justify-content:space-between;gap:30px;color:#fff;background:var(--ink); }.final-cta p{margin-bottom:6px;color:#c9d4d5}.final-cta h2{margin:0;font-size:clamp(35px,4vw,55px)}.final-cta h2 em{color:var(--yellow);font-style:normal}.final-spark-one{left:3%;top:20%;transform:rotate(50deg)}.final-spark-two{right:35%;bottom:15%;background:var(--lavender);transform:rotate(-30deg)}

footer { padding:65px 6vw 25px;background:#fff; }.footer-brand img{width:160px;height:90px;object-fit:contain}.footer-brand p{max-width:380px;color:var(--muted);font-size:14px;line-height:1.5}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:45px 0 50px;padding-left:42%}.footer-links div{display:flex;flex-direction:column;gap:10px}.footer-links strong{margin-bottom:7px}.footer-links a,.footer-links button{border:0;padding:0;background:none;color:var(--muted);font-size:13px;text-align:left;cursor:pointer}.footer-links a:hover,.footer-links button:hover{color:var(--teal-dark)}.footer-bottom{display:flex;justify-content:space-between;padding-top:20px;border-top:1px solid var(--line);color:#879497;font-size:11px}.footer-bottom b{color:var(--coral)}
.whatsapp-float { position:fixed;right:22px;bottom:22px;z-index:20;display:flex;align-items:center;gap:9px;padding:9px 14px 9px 9px;border-radius:30px;color:#fff;background:var(--teal-dark);box-shadow:0 10px 25px rgba(41,54,58,.22);font-size:12px}.whatsapp-float span{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;background:#fff;color:var(--teal-dark);font-size:21px}

.modal { display:none;position:fixed;inset:0;z-index:100;align-items:center;justify-content:center;padding:20px; }.modal.open{display:flex}.modal-backdrop{position:absolute;inset:0;background:rgba(25,35,38,.72);backdrop-filter:blur(7px)}.modal-card{position:relative;width:min(500px,100%);max-height:90vh;overflow:auto;padding:40px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.modal-close{position:absolute;right:18px;top:14px;border:0;background:none;font-size:30px;color:var(--muted);cursor:pointer}.modal-card h2{margin:15px 0 10px;font-size:32px;line-height:1.1}.modal-card>p{color:var(--muted);line-height:1.5}.modal-card label:not(.choice){display:block;margin:14px 0;color:var(--ink);font-size:12px;font-weight:900}.modal-card input:not([type=radio]),.modal-card select{width:100%;margin-top:5px;padding:14px;border:1px solid #d9e1e0;border-radius:12px;background:#fbfdfc;outline:none}.modal-card input:focus,.modal-card select:focus{border-color:var(--teal)}.modal-card form>small{display:block;margin-top:12px;text-align:center;color:var(--muted);font-size:10px}.success-message{text-align:center;padding:30px 0}.success-message span{width:65px;height:65px;display:grid;place-items:center;margin:auto;border-radius:50%;background:var(--teal);color:#fff;font-size:30px}.success-message h3{font-size:28px;margin:18px 0 8px}.success-message p{color:var(--muted)}
.quiz-modal-card{width:min(580px,100%)}.quiz-progress{height:6px;margin:-5px 35px 30px 0;border-radius:6px;background:#e7efee}.quiz-progress span{display:block;width:33%;height:100%;border-radius:6px;background:var(--teal);transition:width .3s}.quiz-step{display:none}.quiz-step.active{display:block}.quiz-step>small,.quiz-result>small{color:var(--teal-dark);font-weight:900;letter-spacing:.1em}.choice{position:relative;display:grid;grid-template-columns:45px 1fr;column-gap:12px;align-items:center;margin:11px 0;padding:14px 18px;border:2px solid var(--line);border-radius:16px;cursor:pointer;transition:border-color .2s,background .2s}.choice:hover{border-color:var(--teal);background:#f2fbfa}.choice input{position:absolute;opacity:0}.choice>span{grid-row:1/3;width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:#e5f6f4;color:var(--teal-dark);font-size:20px}.choice>b{font-size:15px}.choice>small{color:var(--muted)}.choice:has(input:checked){border-color:var(--teal);background:#f2fbfa}.quiz-result{text-align:center}.result-icon{width:70px;height:70px;display:grid;place-items:center;margin:5px auto 20px;border-radius:22px;color:#fff;background:var(--coral);font-size:30px;transform:rotate(5deg)}.quiz-result p{color:var(--muted);line-height:1.5}

@media (max-width: 1050px) {
  .desktop-nav { display:none; }.desktop-cta{margin-left:auto}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding-top:20px;max-width:800px}.hero-visual{max-width:720px;width:100%;margin:auto}.audience-card{grid-template-columns:1fr}.audience-art{min-height:300px}.how{grid-template-columns:1fr}.product{gap:5vw}.founder{grid-template-columns:1fr 1fr;gap:4vw}.footer-links{padding-left:30%}
}
@media (max-width: 760px) {
  .section{padding:75px 22px}.announcement p{display:none}.site-header{height:70px;padding:6px 20px}.logo img{width:120px;height:55px}.desktop-cta{display:none}.menu-button{display:block}.site-header.mobile-open{height:auto;flex-wrap:wrap;padding-bottom:18px}.site-header.mobile-open .desktop-nav{width:100%;display:flex;flex-direction:column;align-items:flex-start;gap:15px;order:3;padding:10px 5px}.hero{padding:45px 22px 65px}.hero-actions{align-items:flex-start;flex-direction:column}.hero-visual{height:430px;margin-top:15px}.club-box{width:280px;height:250px;left:5%;top:19%}.club-box img{width:155px;height:115px;margin:24px 0 0 25px}.club-box p{font-size:11px}.guide-card{width:145px;height:195px;padding:17px;right:0}.guide-card h3{font-size:19px}.guide-card ul{font-size:9px}.qr{width:36px;height:36px}.speech-tag{right:0}.floating-note{left:0}.toy-a{width:60px;height:60px}.toy-b{display:none}.proof-bar{overflow:auto;justify-content:flex-start;padding-left:22px}.proof-bar p{white-space:nowrap}.audience-grid,.product,.about{grid-template-columns:1fr}.audience-card{min-height:0}.audience-content{padding:35px 28px}.steps{grid-template-columns:1fr}.product-visual{min-height:470px}.founder{grid-template-columns:1fr}.founder-perks{grid-template-columns:1fr}.quiz{margin:0;border-radius:0;padding:65px 25px;grid-template-columns:1fr}.quiz-art{min-height:220px}.quiz-copy small{display:block;margin:14px 0 0}.about-photo{margin-right:20px}.signature-card{right:-20px}.use-cases{grid-template-columns:1fr}.final-cta{padding:55px 25px;align-items:flex-start;flex-direction:column}.footer-links{padding-left:0;grid-template-columns:1fr 1fr}.footer-bottom{gap:12px;flex-direction:column}.modal-card{padding:32px 22px}.whatsapp-float b{display:none}.whatsapp-float{padding:8px;right:14px;bottom:14px}
}
@media (max-width: 420px) {
  h1{font-size:44px}.hero-visual{height:390px}.club-box{width:245px;height:230px}.guide-card{width:125px;right:-8px}.speech-tag{top:0}.floating-note{bottom:0}.footer-links{grid-template-columns:1fr}
}

/* Refinamento visual 2026 */
:root{--shadow-soft:0 12px 38px rgba(27,71,70,.08)}
body{overflow-x:hidden}
.site-header{width:calc(100% - 32px);max-width:1420px;height:76px;padding:7px 22px;margin:12px auto 0;background:rgba(255,255,255,.78);backdrop-filter:blur(22px) saturate(160%);top:12px;border:1px solid rgba(255,255,255,.8);border-radius:22px;box-shadow:0 8px 30px rgba(41,54,58,.08)}
.button{border-radius:999px;background:linear-gradient(135deg,var(--teal),#079c96);box-shadow:0 10px 24px rgba(15,185,177,.2);transition:transform .25s,box-shadow .25s,background .25s}
.button-small{border-radius:999px}
.hero{min-height:calc(100vh - 126px);padding-top:80px;padding-bottom:100px;grid-template-columns:.92fr 1.08fr;isolation:isolate}
.hero:before{width:48vw;height:48vw;right:-8vw;top:-5vw;background:radial-gradient(circle at 35% 35%,rgba(255,255,255,.9),rgba(196,240,236,.72) 45%,rgba(15,185,177,.12) 72%,transparent 73%);z-index:-1}
.hero:after{content:"";position:absolute;inset:0;z-index:-2;background:linear-gradient(120deg,#fffaf4 0%,#fffaf4 43%,#f5fbfa 100%)}
h1{letter-spacing:-.052em;text-wrap:balance}
.club-box{border-radius:36px 36px 25px 25px;background:rgba(255,255,255,.94);box-shadow:0 40px 90px rgba(41,54,58,.17);border-color:rgba(255,255,255,.9)}
.proof-bar{width:min(1180px,calc(100% - 40px));margin:-30px auto 0;position:relative;z-index:8;padding:19px 32px;background:rgba(7,143,138,.96);backdrop-filter:blur(12px);border-radius:22px;box-shadow:0 18px 44px rgba(7,143,138,.18)}
.audiences{background:linear-gradient(#fff,#fcfdfc)}
.audience-card{border-radius:36px;border-color:rgba(41,54,58,.07);box-shadow:var(--shadow-soft);transition:transform .3s,box-shadow .3s}
.how{margin:0 24px;border-radius:48px;background:linear-gradient(140deg,#087f7b,#075e5c);overflow:hidden}
.steps article{border-radius:28px;background:rgba(255,255,255,.09);backdrop-filter:blur(12px);transition:transform .25s,background .25s}
.steps article:hover{transform:translateY(-4px);background:rgba(255,255,255,.14)}
.product-visual{background:radial-gradient(circle at 50% 42%,#fff8e8 0 24%,#ffe9af 25% 57%,#fff4d6 58%);box-shadow:var(--shadow-soft)}
.founder{background:linear-gradient(135deg,#f5f3ff,#ede9ff)}
.pricing-card{padding:38px;border-radius:36px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 28px 70px rgba(89,77,143,.17);border-color:rgba(255,255,255,.9)}
.quiz{border-radius:48px;background:linear-gradient(135deg,#0fb9b1,#087d79);box-shadow:0 28px 70px rgba(15,185,177,.2)}
.accordion details{margin-bottom:12px;padding:0 22px;border:1px solid rgba(41,54,58,.08);border-radius:20px;background:rgba(255,255,255,.72);box-shadow:0 8px 24px rgba(41,54,58,.04)}
.modal-backdrop{background:rgba(25,35,38,.68);backdrop-filter:blur(12px)}
.modal-card{width:min(560px,100%);border-radius:32px;background:rgba(255,255,255,.96);box-shadow:0 35px 90px rgba(15,35,37,.25);border:1px solid rgba(255,255,255,.8)}
.modal-card label:not(.choice):not(.consent){display:block;margin:14px 0;color:var(--ink);font-size:12px;font-weight:900}
.modal-card input:not([type=radio]):not([type=checkbox]),.modal-card select{width:100%;margin-top:5px;padding:14px;border:1px solid #d9e1e0;border-radius:14px;background:#fbfdfc;outline:none;transition:border-color .2s,box-shadow .2s}
.modal-card input:focus,.modal-card select:focus{border-color:var(--teal);box-shadow:0 0 0 4px rgba(15,185,177,.1)}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.consent{display:flex;align-items:flex-start;gap:10px;margin:18px 0;color:var(--muted);font-size:11px;line-height:1.45;cursor:pointer}
.consent input{width:17px;height:17px;margin:1px 0 0;accent-color:var(--teal);flex:0 0 auto}
.honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-error{margin:0 0 12px;padding:11px 13px;border-radius:12px;color:#a13b32;background:#fff0ee;font-size:12px;font-weight:800}
.submit-waitlist:disabled{opacity:.65;cursor:wait}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}
.reveal.revealed{opacity:1;transform:none}

@media(max-width:760px){
  .site-header{width:calc(100% - 20px);height:66px;padding:5px 14px;top:8px;margin-top:8px;border-radius:18px}
  .hero{padding-top:55px;padding-bottom:80px}
  .proof-bar{width:calc(100% - 28px);margin:-25px auto 0;border-radius:18px}
  .how{margin:0;border-radius:0}
  .form-grid{grid-template-columns:1fr}
}

@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}
  .reveal{opacity:1;transform:none}
}