@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');

/* Site Redify */
:root:where(html:not([data-demo])) { --purple:#7b61ff;--lime:#d4fa7c;--ink:#19191e;--muted:#77777e;--paper:#f7f7f3 }
:where(html:not([data-demo])), :where(html:not([data-demo])) * { box-sizing:border-box }
html:where(html:not([data-demo])) { scroll-behavior:smooth;scroll-padding-top:100px }
:where(html:not([data-demo])) body { margin:0;background:#17171b;color:var(--ink);font-family:'DM Sans',sans-serif }
:where(html:not([data-demo])) button, :where(html:not([data-demo])) input { font:inherit }
:where(html:not([data-demo])) button, :where(html:not([data-demo])) a { -webkit-tap-highlight-color:transparent }
:where(html:not([data-demo])) button { cursor:pointer }
:where(html:not([data-demo])) a { text-decoration:none;color:inherit }
:where(html:not([data-demo])) button:focus-visible, :where(html:not([data-demo])) a:focus-visible, :where(html:not([data-demo])) input:focus-visible { outline:3px solid var(--purple);outline-offset:4px }
:where(html:not([data-demo])) .wrap { width:min(1200px,90%);margin:auto }
:where(html:not([data-demo])) .hero-shell { background:var(--paper);border-radius:0 0 48px 48px;padding-top:24px;overflow:hidden }
:where(html:not([data-demo])) header { height:74px;background:#202024;border-radius:50px;color:#eee;display:flex;align-items:center;justify-content:space-between;padding:0 25px 0 32px;position:relative;z-index:5 }
:where(html:not([data-demo])) .logo { width:112px;height:auto;display:block }
:where(html:not([data-demo])) header nav { display:flex;gap:28px;font-size:12px }
:where(html:not([data-demo])) header nav a:hover { color:var(--lime) }
:where(html:not([data-demo])) .btn { display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:17px 23px;border-radius:30px;border:0;background:var(--purple);color:white;font-size:13px;font-weight:600;transition:transform .2s,background .2s }
:where(html:not([data-demo])) .btn:hover { transform:translateY(-2px);background:#684ce8 }
:where(html:not([data-demo])) .btn.lime { background:var(--lime);color:#242724 }
:where(html:not([data-demo])) .btn.dark { background:#242428;color:white }
:where(html:not([data-demo])) .btn.outline { background:transparent;border:1px solid #d5d4d8;color:inherit }
:where(html:not([data-demo])) .btn.small { padding:12px 20px;font-size:12px }
:where(html:not([data-demo])) .arrow { font-size:20px;font-weight:400 }
:where(html:not([data-demo])) .menu { display:none;background:none;border:0;color:white;font-size:24px }
:where(html:not([data-demo])) .hero { text-align:center;padding:62px 0 0;position:relative }
:where(html:not([data-demo])) .eyebrow { display:flex;align-items:center;gap:9px;font-size:10px;font-weight:700;letter-spacing:2px;text-transform:uppercase }
:where(html:not([data-demo])) .hero .eyebrow { justify-content:center }
:where(html:not([data-demo])) .dot { width:7px;height:7px;background:var(--purple);border-radius:50% }
:where(html:not([data-demo])) h1, :where(html:not([data-demo])) h2, :where(html:not([data-demo])) h3, :where(html:not([data-demo])) p { margin-top:0 }
:where(html:not([data-demo])) h1, :where(html:not([data-demo])) h2, :where(html:not([data-demo])) h3 { font-family:'Manrope',sans-serif }
:where(html:not([data-demo])) h1 { font-size:clamp(42px,5.4vw,74px);letter-spacing:-3.6px;line-height:1.1;font-weight:800;margin:21px 0 }
:where(html:not([data-demo])) h1 span { color:var(--purple) }
:where(html:not([data-demo])) .hero p { font-size:15px;line-height:1.7;color:#72727a;margin:0 auto 24px;max-width:570px }
:where(html:not([data-demo])) .hero-actions { display:flex;gap:12px;justify-content:center }
:where(html:not([data-demo])) .hero .micro { font-size:10px;margin-top:14px;color:#777 }
:where(html:not([data-demo])) .spark { position:absolute;color:var(--purple);font-size:65px;left:6%;top:100px }
:where(html:not([data-demo])) .spark.right { left:auto;right:6%;top:230px;color:#9ac54c;font-size:52px }
:where(html:not([data-demo])) .showcase { height:330px;position:relative;max-width:940px;margin:45px auto 0 }
:where(html:not([data-demo])) .browser { background:#e7e7e7;border:6px solid #26262b;border-bottom:0;border-radius:15px 15px 0 0;overflow:hidden;box-shadow:0 15px 60px #18102525 }
:where(html:not([data-demo])) .browser-top { height:24px;background:#f1f1f1;display:flex;align-items:center;gap:4px;padding:0 10px;color:#aaa;font-size:8px }
:where(html:not([data-demo])) .browser-top i { width:5px;height:5px;border-radius:50%;background:#ccc }
:where(html:not([data-demo])) .browser-top span { margin:auto }
:where(html:not([data-demo])) .showcase .main-browser { width:570px;height:350px;position:absolute;left:50%;transform:translateX(-50%);z-index:2 }
:where(html:not([data-demo])) .mini { height:100%;padding:23px;background:var(--m-bg);color:var(--m-fg,#32352f);text-align:left }
:where(html:not([data-demo])) .mini-nav { display:flex;justify-content:space-between;font-size:7px;align-items:center;margin-bottom:25px }
:where(html:not([data-demo])) .mini-brand { font:600 14px Georgia }
:where(html:not([data-demo])) .mini-grid { display:grid;grid-template-columns:1fr 1fr;gap:15px;align-items:center }
:where(html:not([data-demo])) .mini small { font-size:5px;letter-spacing:1.2px }
:where(html:not([data-demo])) .mini h3 { font:34px/1.08 Georgia;margin:12px 0 }
:where(html:not([data-demo])) .mini p { font-size:7px;line-height:1.6;color:inherit;margin:0 0 15px }
:where(html:not([data-demo])) .mini img { width:100%;height:220px;object-fit:cover;border-radius:60px 60px 2px 2px }
:where(html:not([data-demo])) .mini-cta { display:inline-block;background:var(--m-color);color:white;padding:8px 10px;font-size:6px }
:where(html:not([data-demo])) .side-browser { width:280px;height:250px;position:absolute;top:60px;left:0;transform:rotate(-8deg) }
:where(html:not([data-demo])) .side-browser.right { left:auto;right:0;transform:rotate(8deg) }
:where(html:not([data-demo])) .side-browser .mini { padding:15px }
:where(html:not([data-demo])) .side-browser .mini-grid { display:block }
:where(html:not([data-demo])) .side-browser .mini h3 { font-size:24px }
:where(html:not([data-demo])) .side-browser .mini img { height:110px;border-radius:0 }
:where(html:not([data-demo])) .side-browser .mini-grid>div { position:absolute;z-index:2;padding:8px;background:#fff9 }
:where(html:not([data-demo])) .phone { position:absolute;width:128px;height:250px;border:5px solid #25252b;border-radius:22px;right:165px;top:108px;z-index:3;background:#f4ede5;overflow:hidden;box-shadow:0 8px 30px #0002 }
:where(html:not([data-demo])) .phone .mini { padding:10px }
:where(html:not([data-demo])) .phone .mini-nav { margin:5px 0 15px }
:where(html:not([data-demo])) .phone .mini-grid { display:block }
:where(html:not([data-demo])) .phone .mini h3 { font-size:21px }
:where(html:not([data-demo])) .phone .mini img { height:100px;margin-top:10px }
:where(html:not([data-demo])) .phone .mini p { display:none }
:where(html:not([data-demo])) .floating-note { position:absolute;z-index:4;left:95px;top:220px;background:white;padding:13px 18px;border:1px solid #ececec;border-radius:10px;font-size:10px;box-shadow:0 5px 25px #0001;transform:rotate(-5deg) }
:where(html:not([data-demo])) .floating-note b { color:#62842c;margin-right:7px }
:where(html:not([data-demo])) .benefits { color:white;display:grid;grid-template-columns:repeat(4,1fr);padding:35px 0;border-bottom:1px solid #ffffff20 }
:where(html:not([data-demo])) .benefits>div { text-align:center;border-right:1px solid #ffffff20 }
:where(html:not([data-demo])) .benefits>div:last-child { border:0 }
:where(html:not([data-demo])) .benefits strong { font:700 18px Manrope;display:block;margin-bottom:6px }
:where(html:not([data-demo])) .benefits strong em { color:var(--lime);font-style:normal }
:where(html:not([data-demo])) .benefits small { font-size:10px;color:#a7a6ae }
:where(html:not([data-demo])) .light { background:var(--paper) }
:where(html:not([data-demo])) .catalog { padding:85px 0 }
:where(html:not([data-demo])) .section-head { display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:32px }
:where(html:not([data-demo])) h2 { font-size:39px;line-height:1.2;letter-spacing:-1.6px;margin:15px 0 }
:where(html:not([data-demo])) .section-head p { max-width:310px;line-height:1.7;font-size:13px;color:#787880 }
:where(html:not([data-demo])) .section-head .eyebrow { color:var(--purple) }
:where(html:not([data-demo])) .filters { display:flex;gap:9px;flex-wrap:wrap;margin:20px 0 26px }
:where(html:not([data-demo])) .chip { border:1px solid #dddee0;border-radius:25px;padding:10px 17px;background:transparent;font-size:11px;white-space:nowrap }
:where(html:not([data-demo])) .chip.active { background:#242428;border-color:#242428;color:white }
:where(html:not([data-demo])) .search { display:flex;align-items:center;border:1px solid #dddee0;border-radius:25px;max-width:300px;padding:9px 16px;gap:10px }
:where(html:not([data-demo])) .search input { width:100%;border:0;background:none;outline:0;font-size:12px }
:where(html:not([data-demo])) .catalog-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px 22px }
:where(html:not([data-demo])) .model-card { border:1px solid #dedee1;border-radius:15px;overflow:hidden;background:white;transition:transform .25s,box-shadow .25s }
:where(html:not([data-demo])) .model-card:hover { transform:translateY(-5px);box-shadow:0 15px 35px #00000009 }
:where(html:not([data-demo])) .card-art { padding:23px 20px 0;height:240px;background:var(--canvas,#e9e7ef);overflow:hidden;position:relative }
:where(html:not([data-demo])) .card-art .browser { border:3px solid white;border-bottom:0;border-radius:6px;height:240px;box-shadow:0 8px 25px #0002 }
:where(html:not([data-demo])) .card-art .mini { padding:17px }
:where(html:not([data-demo])) .card-art .mini-nav { margin-bottom:22px }
:where(html:not([data-demo])) .card-art .mini h3 { font-size:25px }
:where(html:not([data-demo])) .card-art .mini img { height:145px }
:where(html:not([data-demo])) .card-art .mini p { font-size:5px }
:where(html:not([data-demo])) .card-art .mini-brand { font-size:10px }
:where(html:not([data-demo])) .card-art .mini-cta { font-size:5px }
:where(html:not([data-demo])) .model-info { padding:20px }
:where(html:not([data-demo])) .model-info .category { font-size:9px;color:#80758f }
:where(html:not([data-demo])) .name-row { display:flex;justify-content:space-between;align-items:center;margin:7px 0 10px }
:where(html:not([data-demo])) .name-row h3 { font-size:18px;margin:0;letter-spacing:-.5px }
:where(html:not([data-demo])) .name-row strong { font-size:16px }
:where(html:not([data-demo])) .model-info p { font-size:11px;color:#7a7a83;line-height:1.6;min-height:35px }
:where(html:not([data-demo])) .card-actions { display:flex;gap:8px }
:where(html:not([data-demo])) .card-actions .btn { padding:11px 10px;font-size:10px;gap:10px;flex:1 }
:where(html:not([data-demo])) .card-actions .outline { flex:1.2 }
:where(html:not([data-demo])) .catalog-foot { display:flex;justify-content:center;align-items:center;gap:12px;margin-top:32px;font-size:12px;color:#777 }
:where(html:not([data-demo])) .text-link { border:0;background:transparent;color:var(--purple);font-weight:600 }
:where(html:not([data-demo])) .how { padding:80px 0 85px;color:white;background:#202024 }
:where(html:not([data-demo])) .how .eyebrow { color:var(--lime) }
:where(html:not([data-demo])) .how h2 span { color:#b7a8ff }
:where(html:not([data-demo])) .steps { display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:50px }
:where(html:not([data-demo])) .step-num { font:500 40px Manrope;color:#b4a3ff;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff20;padding-bottom:20px }
:where(html:not([data-demo])) .step-num span { font-size:22px;color:#707079 }
:where(html:not([data-demo])) .steps h3 { font-size:17px;margin-top:22px;line-height:1.4 }
:where(html:not([data-demo])) .steps p { font-size:12px;color:#a5a4af;line-height:1.8 }
:where(html:not([data-demo])) .included { padding:90px 0 }
:where(html:not([data-demo])) .included-grid { display:grid;grid-template-columns:1.2fr 1fr;gap:90px;align-items:center }
:where(html:not([data-demo])) .included h2 { font-size:43px }
:where(html:not([data-demo])) .included p { font-size:13px;line-height:1.8;color:#777 }
:where(html:not([data-demo])) .checks { display:grid;grid-template-columns:1fr 1fr;gap:22px 20px;margin-top:30px }
:where(html:not([data-demo])) .check { display:flex;gap:10px;font-size:12px;line-height:1.5 }
:where(html:not([data-demo])) .tick { color:var(--purple);font-size:17px }
:where(html:not([data-demo])) .check small { display:block;font-size:10px;color:#999 }
:where(html:not([data-demo])) .offer { background:#eae5ff;border:1px solid #d6ccff;border-radius:24px;padding:34px;position:relative }
:where(html:not([data-demo])) .offer .eyebrow { color:#6952b9 }
:where(html:not([data-demo])) .offer .price { font:800 90px/1.3 Manrope;letter-spacing:-6px }
:where(html:not([data-demo])) .offer .price small { font-size:24px;letter-spacing:0 }
:where(html:not([data-demo])) .offer .price sup { font-size:23px;letter-spacing:0;vertical-align:top;position:relative;top:28px }
:where(html:not([data-demo])) .offer .btn { width:100%;margin-top:14px }
:where(html:not([data-demo])) .offer .stamp { position:absolute;right:25px;top:24px;background:var(--lime);padding:9px 13px;border-radius:30px;font-size:9px;transform:rotate(6deg) }
:where(html:not([data-demo])) .offer ul { padding:20px 0 0;list-style:none;border-top:1px solid #cfc6ea;font-size:12px;line-height:2.1 }
:where(html:not([data-demo])) .offer .fine { font-size:10px;line-height:1.6;margin-top:17px }
:where(html:not([data-demo])) .why { background:#eae8e1;border-radius:24px;padding:45px;display:grid;grid-template-columns:1fr 1fr;gap:65px;margin-top:65px }
:where(html:not([data-demo])) .why h2 { font-size:30px }
:where(html:not([data-demo])) .why p { color:#6c6c73 }
:where(html:not([data-demo])) .why strong { color:#26262c }
:where(html:not([data-demo])) .comparison { display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:22px;font-size:11px }
:where(html:not([data-demo])) .comparison div { border-top:1px solid #bbb;padding-top:13px }
:where(html:not([data-demo])) .comparison b { display:block;margin-bottom:8px }
:where(html:not([data-demo])) .comparison span { display:block;line-height:1.8;color:#777 }
:where(html:not([data-demo])) .marquee { color:#dad9df;padding:32px 0;white-space:nowrap;overflow:hidden;text-align:center;font:800 clamp(24px,4.2vw,58px) Manrope;letter-spacing:-2px;border-bottom:1px solid #ffffff20 }
:where(html:not([data-demo])) .marquee span { color:var(--lime);margin:0 30px }
:where(html:not([data-demo])) .faq { padding:85px 0;display:grid;grid-template-columns:1fr 1.4fr;gap:90px }
:where(html:not([data-demo])) .faq p { color:#777;font-size:13px;line-height:1.7 }
:where(html:not([data-demo])) .faq .eyebrow { color:var(--purple) }
:where(html:not([data-demo])) details { border-bottom:1px solid #dedde1;padding:19px 0 }
:where(html:not([data-demo])) summary { cursor:pointer;font-size:13px;font-weight:500;list-style:none;display:flex;justify-content:space-between;gap:15px }
:where(html:not([data-demo])) summary:after { content:'+';color:var(--purple);font-size:18px }
:where(html:not([data-demo])) details[open] summary:after { content:'−' }
:where(html:not([data-demo])) details p { margin:15px 0 0;font-size:12px!important }
:where(html:not([data-demo])) .more-faq { margin-top:20px }
:where(html:not([data-demo])) .final-cta { background:var(--purple);color:white;border-radius:32px;padding:50px 55px;display:flex;justify-content:space-between;align-items:center;gap:40px;position:relative }
:where(html:not([data-demo])) .final-cta h2 { font-size:42px;max-width:560px;margin-top:0 }
:where(html:not([data-demo])) .final-cta p { font-size:13px;color:#e4ddff;line-height:1.7;margin-bottom:0 }
:where(html:not([data-demo])) .final-cta .cta-price { font:700 59px Manrope;letter-spacing:-3px;margin-bottom:10px }
:where(html:not([data-demo])) .final-cta .cta-price small { font-size:20px;letter-spacing:0 }
:where(html:not([data-demo])) .final-wrap { padding:0 0 70px;background:var(--paper) }
:where(html:not([data-demo])) footer { color:white;padding:55px 0 25px }
:where(html:not([data-demo])) .footer-grid { display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:70px }
:where(html:not([data-demo])) .footer-grid p { max-width:270px;font-size:12px;color:#a1a0a9;line-height:1.8;margin-top:20px }
:where(html:not([data-demo])) .footer-grid h4 { font-size:12px;margin:0 0 20px }
:where(html:not([data-demo])) .footer-grid a { display:block;font-size:12px;color:#aaa9b2;margin-bottom:13px }
:where(html:not([data-demo])) .footer-grid .logo { margin-bottom:20px }
:where(html:not([data-demo])) .footer-bottom { margin-top:45px;padding-top:22px;border-top:1px solid #ffffff15;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#8a8993 }
:where(html:not([data-demo])) .mobile-bar { display:none }
:where(html:not([data-demo])) .empty { text-align:center;grid-column:1/-1;padding:60px }
:where(html:not([data-demo])) .breadcrumb { font-size:11px;color:#8c8997;margin-bottom:25px }
:where(html:not([data-demo])) .product { padding:50px 0 80px }
:where(html:not([data-demo])) .product-layout { display:grid;grid-template-columns:1.3fr 1fr;gap:50px;align-items:start }
:where(html:not([data-demo])) .product .card-art { height:430px;border-radius:15px;padding:35px }
:where(html:not([data-demo])) .product .card-art .browser { height:500px }
:where(html:not([data-demo])) .product .mini h3 { font-size:42px }
:where(html:not([data-demo])) .product .mini img { height:300px }
:where(html:not([data-demo])) .product h1 { font-size:45px;letter-spacing:-2px }
:where(html:not([data-demo])) .product p { color:#777;line-height:1.8;font-size:14px }
:where(html:not([data-demo])) .product .price { font:800 43px Manrope;margin:20px 0 }
:where(html:not([data-demo])) .product .btn { margin:4px 0 }
:where(html:not([data-demo])) .product-info { padding-top:40px }
:where(html:not([data-demo])) .demo-bar { background:#202024;color:white;padding:15px 3%;display:flex;align-items:center;justify-content:space-between;gap:15px }
:where(html:not([data-demo])) .demo-bar .chip { color:white }
:where(html:not([data-demo])) .demo-bar .chip.active { background:var(--purple) }
:where(html:not([data-demo])) .demo-stage { background:#e5e5e8;padding:25px;height:calc(100vh - 80px);display:flex;justify-content:center }
:where(html:not([data-demo])) .demo-stage iframe { height:100%;width:100%;border:0;background:white;transition:width .3s;box-shadow:0 8px 30px #0002 }
:where(html:not([data-demo])) .demo-stage iframe.tablet { width:768px;max-width:100% }
:where(html:not([data-demo])) .demo-stage iframe.mobile { width:390px;max-width:100% }
:where(html:not([data-demo])) .legal { padding:60px 0;min-height:60vh;max-width:800px;line-height:1.9 }
:where(html:not([data-demo])) .legal h1 { font-size:42px }
:where(html:not([data-demo])) .legal p { font-size:14px;color:#666 }
:where(html:not([data-demo])) dialog { border:0;border-radius:22px;padding:35px;width:calc(100% - 32px);max-width:510px;color:#27252d }
:where(html:not([data-demo])) dialog::backdrop { background:#121018b8;backdrop-filter:blur(5px) }
:where(html:not([data-demo])) dialog h2 { font-size:28px }
:where(html:not([data-demo])) dialog p { font-size:13px;color:#777;line-height:1.8 }
:where(html:not([data-demo])) dialog textarea { width:100%;height:130px;font:12px/1.6 Arial;padding:15px;background:#f5f3fa;border:1px solid #ddd;border-radius:10px;resize:vertical }
:where(html:not([data-demo])) .close { float:right;border:0;background:#eee;border-radius:50%;height:30px;width:30px }
:where(html:not([data-demo])) .pending { background:#f4f0ff;border-radius:10px;padding:15px }
:where(html:not([data-demo])) .hidden { display:none!important }
@media(min-width:1500px) {
:where(html:not([data-demo])) .hero { padding-top:75px }
:where(html:not([data-demo])) .showcase { margin-top:55px;height:360px }
}
@media(max-width:1000px) {
:where(html:not([data-demo])) header nav { gap:15px;font-size:10px }
:where(html:not([data-demo])) .catalog-grid { grid-template-columns:repeat(2,1fr) }
:where(html:not([data-demo])) .included-grid { gap:40px }
:where(html:not([data-demo])) .faq { gap:40px }
:where(html:not([data-demo])) .showcase { transform:scale(.9);transform-origin:bottom center;margin-top:10px }
:where(html:not([data-demo])) .spark { left:1% }
:where(html:not([data-demo])) .spark.right { right:1% }
:where(html:not([data-demo])) .steps { gap:20px }
:where(html:not([data-demo])) .phone { right:12% }
:where(html:not([data-demo])) .hero h1 { font-size:60px }
}
@media(max-width:650px) {
:where(html:not([data-demo])) .wrap { width:90% }
:where(html:not([data-demo])) .hero-shell { padding-top:15px;border-radius:0 0 26px 26px }
:where(html:not([data-demo])) header { height:60px;padding:0 20px }
:where(html:not([data-demo])) header .logo { width:90px }
:where(html:not([data-demo])) header>.btn { display:none }
:where(html:not([data-demo])) .menu { display:block }
:where(html:not([data-demo])) header nav { display:none;position:absolute;top:70px;left:0;right:0;background:#242428;border-radius:18px;padding:25px;font-size:14px;flex-direction:column;gap:22px }
:where(html:not([data-demo])) header nav.open { display:flex }
:where(html:not([data-demo])) .hero { padding-top:40px }
:where(html:not([data-demo])) .hero h1 { font-size:42px;letter-spacing:-2px;line-height:1.12 }
:where(html:not([data-demo])) .hero p { font-size:12px;padding:0 8px;max-width:350px }
:where(html:not([data-demo])) .eyebrow { font-size:8px;letter-spacing:1.6px }
:where(html:not([data-demo])) .hero-actions { gap:8px }
:where(html:not([data-demo])) .btn { padding:14px 17px;font-size:11px;gap:13px }
:where(html:not([data-demo])) .hero .micro { font-size:9px }
:where(html:not([data-demo])) .spark { display:none }
:where(html:not([data-demo])) .showcase { transform:none;height:210px;margin-top:32px;width:100% }
:where(html:not([data-demo])) .showcase .main-browser { width:310px;height:250px;left:46% }
:where(html:not([data-demo])) .showcase .mini { padding:14px }
:where(html:not([data-demo])) .showcase .mini h3 { font-size:25px }
:where(html:not([data-demo])) .showcase .mini img { height:160px }
:where(html:not([data-demo])) .showcase .mini-nav { margin-bottom:20px }
:where(html:not([data-demo])) .side-browser { display:none }
:where(html:not([data-demo])) .phone { width:89px;height:176px;right:-3px;top:64px;border-width:4px;border-radius:15px }
:where(html:not([data-demo])) .phone .mini { padding:7px }
:where(html:not([data-demo])) .phone .mini h3 { font-size:14px }
:where(html:not([data-demo])) .phone .mini img { height:64px }
:where(html:not([data-demo])) .phone .mini-nav { margin-bottom:5px }
:where(html:not([data-demo])) .phone .mini-brand { font-size:8px }
:where(html:not([data-demo])) .phone .mini-cta { font-size:4px;padding:5px }
:where(html:not([data-demo])) .phone small { font-size:3px }
:where(html:not([data-demo])) .floating-note { left:0;top:150px;font-size:8px;padding:10px }
:where(html:not([data-demo])) .benefits { grid-template-columns:repeat(2,1fr);row-gap:25px;padding:30px 0 }
:where(html:not([data-demo])) .benefits strong { font-size:15px }
:where(html:not([data-demo])) .benefits small { font-size:9px }
:where(html:not([data-demo])) .benefits>div:nth-child(2) { border:0 }
:where(html:not([data-demo])) .catalog { padding:55px 0 }
:where(html:not([data-demo])) .section-head { display:block;margin-bottom:22px }
:where(html:not([data-demo])) h2 { font-size:31px;letter-spacing:-1.2px }
:where(html:not([data-demo])) .section-head p { font-size:12px;max-width:100%;margin:20px 0 }
:where(html:not([data-demo])) .filters { flex-wrap:nowrap;overflow:auto;margin-right:-5vw;padding-bottom:7px;scrollbar-width:none }
:where(html:not([data-demo])) .chip { font-size:10px;padding:9px 15px }
:where(html:not([data-demo])) .search { max-width:100% }
:where(html:not([data-demo])) .catalog-grid { grid-template-columns:1fr;gap:22px }
:where(html:not([data-demo])) .card-art { height:250px }
:where(html:not([data-demo])) .card-art .mini h3 { font-size:28px }
:where(html:not([data-demo])) .card-art .mini img { height:165px }
:where(html:not([data-demo])) .catalog-foot { flex-direction:column;line-height:1.7;text-align:center }
:where(html:not([data-demo])) .how { padding:55px 0 }
:where(html:not([data-demo])) .steps { grid-template-columns:1fr 1fr;gap:25px }
:where(html:not([data-demo])) .step-num { font-size:32px }
:where(html:not([data-demo])) .steps h3 { font-size:14px }
:where(html:not([data-demo])) .steps p { font-size:11px }
:where(html:not([data-demo])) .included { padding:55px 0 }
:where(html:not([data-demo])) .included-grid { grid-template-columns:1fr;gap:30px }
:where(html:not([data-demo])) .included h2 { font-size:33px }
:where(html:not([data-demo])) .offer { padding:28px }
:where(html:not([data-demo])) .offer .price { font-size:80px }
:where(html:not([data-demo])) .checks { gap:20px 10px }
:where(html:not([data-demo])) .why { padding:27px;grid-template-columns:1fr;gap:15px;margin-top:40px }
:where(html:not([data-demo])) .why h2 { font-size:27px }
:where(html:not([data-demo])) .marquee { font-size:28px;padding:24px 0 }
:where(html:not([data-demo])) .marquee span { margin:0 12px }
:where(html:not([data-demo])) .faq { padding:55px 0;grid-template-columns:1fr;gap:20px }
:where(html:not([data-demo])) .faq h2 br { display:none }
:where(html:not([data-demo])) .final-cta { padding:30px;display:block;border-radius:22px }
:where(html:not([data-demo])) .final-cta h2 { font-size:32px }
:where(html:not([data-demo])) .final-cta .cta-price { font-size:50px;margin-top:25px }
:where(html:not([data-demo])) .final-wrap { padding-bottom:45px }
:where(html:not([data-demo])) .footer-grid { grid-template-columns:1fr 1fr;gap:30px }
:where(html:not([data-demo])) .footer-grid>div:first-child { grid-column:1/-1 }
:where(html:not([data-demo])) .footer-bottom { font-size:9px;flex-wrap:wrap;line-height:1.8 }
:where(html:not([data-demo])) footer { padding-bottom:95px }
:where(html:not([data-demo])) .mobile-bar { display:flex;position:fixed;z-index:8;bottom:0;width:100%;background:#ffffffed;backdrop-filter:blur(12px);padding:12px 5%;justify-content:space-between;align-items:center;border-top:1px solid #ddd }
:where(html:not([data-demo])) .mobile-bar small { display:block;font-size:8px;color:#888 }
:where(html:not([data-demo])) .mobile-bar strong { font-size:21px }
:where(html:not([data-demo])) .product-layout { grid-template-columns:1fr;gap:25px }
:where(html:not([data-demo])) .product .card-art { height:300px;padding:20px }
:where(html:not([data-demo])) .product .mini h3 { font-size:26px }
:where(html:not([data-demo])) .product .mini img { height:180px }
:where(html:not([data-demo])) .product h1 { font-size:35px }
:where(html:not([data-demo])) .demo-bar { flex-wrap:wrap;font-size:10px }
:where(html:not([data-demo])) .demo-bar .devices { order:3;width:100%;text-align:center }
:where(html:not([data-demo])) .demo-stage { height:calc(100dvh - 130px);padding:10px }
:where(html:not([data-demo])) .demo-bar .btn { padding:10px;font-size:10px }
:where(html:not([data-demo])) .legal h1 { font-size:32px }
}
:where(html:not([data-demo])) .phone .mini-nav span { display:none }
:where(html:not([data-demo])) .phone .mini h3 { letter-spacing:-.5px }
@media(prefers-reduced-motion:reduce) {
:where(html:not([data-demo])), :where(html:not([data-demo])) * { scroll-behavior:auto!important;transition:none!important }
}
:where(html:not([data-demo])) .why { gap:30px 60px }
:where(html:not([data-demo])) .why>.comparison { grid-column:1/-1;gap:24px;margin-top:8px }
:where(html:not([data-demo])) .why .comparison-column { padding:26px 28px;border:1px solid #d6d3cd;border-radius:16px;background:#ffffff65 }
:where(html:not([data-demo])) .why .redify-complete { background:#f4f8ee;border-color:#c9d8bc }
:where(html:not([data-demo])) .comparison-column h3 { display:flex;align-items:center;gap:10px;font-size:17px;letter-spacing:-.4px;margin:0 0 20px;padding-bottom:18px;border-bottom:1px solid #d6d3cd }
:where(html:not([data-demo])) .comparison-icon { display:inline-flex;align-items:center;justify-content:center;flex:0 0 22px;width:22px;height:22px;border-radius:50%;font:700 16px Arial;font-style:normal;color:#bd3d3d;background:#f9e3df }
:where(html:not([data-demo])) .redify-complete .comparison-icon { color:#267047;background:#deedd7 }
:where(html:not([data-demo])) .comparison-column ul { list-style:none;padding:0;margin:0;display:grid;gap:16px }
:where(html:not([data-demo])) .comparison-column li { display:flex;gap:10px;align-items:flex-start;min-height:44px }
:where(html:not([data-demo])) .comparison-column li span { font-size:12px;line-height:1.7;color:#63636b }
:where(html:not([data-demo])) .redify-complete li span { color:#35483a }
:where(html:not([data-demo])) .why .comparison-note { grid-column:1/-1;font-size:10px;line-height:1.7;margin:0;color:#777 }
:where(html:not([data-demo])) .comparison-column li .comparison-icon { flex-basis:18px;width:18px;height:18px;font-size:13px;margin-top:2px }
@media(max-width:650px) {
:where(html:not([data-demo])) .why { gap:14px;padding:25px 20px }
:where(html:not([data-demo])) .why>.comparison { grid-template-columns:1fr;gap:16px }
:where(html:not([data-demo])) .why .comparison-column { padding:22px 18px }
:where(html:not([data-demo])) .comparison-column h3 { font-size:16px }
:where(html:not([data-demo])) .comparison-column li { min-height:0 }
:where(html:not([data-demo])) .comparison-column ul { gap:15px }
}
:where(html:not([data-demo])) .payment-badge { display:table;margin:-3px auto 22px;background:#ece7ff;color:#6147c3;border:1px solid #ded4ff;border-radius:25px;padding:9px 17px;font-size:12px;font-weight:600;letter-spacing:.1px }
:where(html:not([data-demo])) .payment-label { font-size:12px;font-weight:600;color:#6547c3;margin:0 0 16px }
:where(html:not([data-demo])) .card-price { text-align:right;flex-shrink:0 }
:where(html:not([data-demo])) .card-price strong { display:block }
:where(html:not([data-demo])) .card-price small { display:block;font-size:9px;font-weight:500;color:#786294;margin-top:3px }
:where(html:not([data-demo])) .name-row { gap:12px }
:where(html:not([data-demo])) .final-cta .payment-label { color:#f2eeff;font-size:11px }
:where(html:not([data-demo])) .product .price { margin-bottom:8px }
@media(max-width:650px) {
:where(html:not([data-demo])) .payment-badge { font-size:11px;margin:0 auto 19px;padding:8px 14px }
:where(html:not([data-demo])) .card-price small { font-size:10px }
}
:where(html:not([data-demo])) .social-proof { padding:85px 0 30px }
:where(html:not([data-demo])) .proof-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px }
:where(html:not([data-demo])) .proof-card { perspective:1400px;min-width:0 }
:where(html:not([data-demo])) .proof-rotator { display:grid;transform-style:preserve-3d;transition:transform .7s cubic-bezier(.2,.65,.25,1) }
:where(html:not([data-demo])) .proof-card.is-flipped .proof-rotator { transform:rotateY(180deg) }
:where(html:not([data-demo])) .proof-face { grid-area:1/1;min-height:410px;border:1px solid #dedbe7;border-radius:22px;padding:28px;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;overflow:hidden }
:where(html:not([data-demo])) .proof-front { background:#fff }
:where(html:not([data-demo])) .proof-top, :where(html:not([data-demo])) .proof-project-head { display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:1.8px;color:#796a97 }
:where(html:not([data-demo])) .proof-quote-mark { font:64px/1 Georgia;color:var(--purple);height:46px }
:where(html:not([data-demo])) .proof-person { display:flex;align-items:center;gap:14px;margin:24px 0 }
:where(html:not([data-demo])) .proof-person img, :where(html:not([data-demo])) .proof-avatar { width:64px;height:64px;border-radius:50%;object-fit:cover;flex-shrink:0 }
:where(html:not([data-demo])) .proof-avatar { display:grid;place-items:center;color:var(--purple);background:#eee9ff }
:where(html:not([data-demo])) .proof-person h3 { font-size:15px;margin:0 0 5px;letter-spacing:-.3px }
:where(html:not([data-demo])) .proof-person span { font-size:11px;color:#85818d }
:where(html:not([data-demo])) .proof-front blockquote { font-size:16px;line-height:1.75;margin:0 0 24px;overflow-wrap:anywhere }
:where(html:not([data-demo])) .proof-pending { color:#817b8e;font-size:15px;line-height:1.8;margin-bottom:14px }
:where(html:not([data-demo])) .proof-pending-label { font-size:10px;color:#96909e;line-height:1.6 }
:where(html:not([data-demo])) .proof-flip { margin-top:auto;width:100%;justify-content:space-between }
:where(html:not([data-demo])) .proof-back { background:#eee9ff;transform:rotateY(180deg) }
:where(html:not([data-demo])) .proof-back h3 { font-size:20px;margin:15px 0 }
:where(html:not([data-demo])) .proof-site-window { border:1px solid #d8d0e9;border-radius:10px;overflow:hidden;background:#faf9fd }
:where(html:not([data-demo])) .proof-browser-dots { font-size:8px;letter-spacing:3px;padding:9px 12px;color:#b5a6d3;border-bottom:1px solid #e0d9eb }
:where(html:not([data-demo])) .proof-site-window>img { width:100%;height:170px;object-fit:cover;object-position:top;display:block }
:where(html:not([data-demo])) .proof-site-placeholder { height:170px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#8b7ca5 }
:where(html:not([data-demo])) .proof-site-placeholder>span { font-size:35px;color:var(--purple) }
:where(html:not([data-demo])) .proof-site-placeholder p { font-size:14px;margin:8px 0 }
:where(html:not([data-demo])) .proof-site-placeholder small { font-size:10px }
:where(html:not([data-demo])) .proof-back-actions { display:flex;align-items:center;flex-direction:column;gap:14px;margin-top:auto;padding-top:22px }
:where(html:not([data-demo])) .proof-back-actions .btn { width:100%;padding:12px }
:where(html:not([data-demo])) .proof-back-actions .text-link { font-size:11px }
:where(html:not([data-demo])) .proof-link-pending { font-size:11px;color:#8b7ca5 }
:where(html:not([data-demo])) .proof-caption { font-size:10px;color:#8a8492;text-align:center;margin:22px 0 0;line-height:1.7 }
@media(max-width:900px) {
:where(html:not([data-demo])) .proof-face { padding:22px }
:where(html:not([data-demo])) .proof-person { flex-direction:column;align-items:flex-start }
}
@media(max-width:650px) {
:where(html:not([data-demo])) .social-proof { padding:55px 0 10px }
:where(html:not([data-demo])) .proof-grid { grid-template-columns:1fr;gap:20px }
:where(html:not([data-demo])) .proof-face { min-height:390px;padding:26px }
:where(html:not([data-demo])) .proof-person { flex-direction:row;align-items:center }
:where(html:not([data-demo])) .proof-front blockquote { font-size:15px }
}
@media(prefers-reduced-motion:reduce) {
:where(html:not([data-demo])) .proof-rotator { transition:none }
}
:where(html:not([data-demo])) .audience { padding:80px 0 0 }
:where(html:not([data-demo])) .audience .section-head { align-items:center;gap:32px }
:where(html:not([data-demo])) .audience h2 { font-size:clamp(28px,3vw,38px) }
:where(html:not([data-demo])) .audience .section-head p { max-width:285px }
:where(html:not([data-demo])) .audience-grid { display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px }
:where(html:not([data-demo])) .audience-card, :where(html:not([data-demo])) .audience-next { border-radius:20px;padding:28px;min-width:0 }
:where(html:not([data-demo])) .audience-card { border:1px solid #e0dce8;background:#fff }
:where(html:not([data-demo])) .audience-icon { display:grid;place-items:center;width:44px;height:44px;background:#eee9ff;color:var(--purple);border-radius:13px;margin-bottom:22px }
:where(html:not([data-demo])) .audience-icon svg { width:24px;height:24px }
:where(html:not([data-demo])) .audience-grid h3 { font-size:18px;line-height:1.4;letter-spacing:-.5px;margin:0 0 12px }
:where(html:not([data-demo])) .audience-grid p { font-size:13px;line-height:1.8;color:#77747e;margin:0 }
:where(html:not([data-demo])) .audience-next { background:#24212d;display:flex;flex-direction:column;align-items:flex-start;color:white }
:where(html:not([data-demo])) .audience-spark { color:var(--lime);font-size:39px;line-height:44px;margin-bottom:22px }
:where(html:not([data-demo])) .audience-next p { color:#bfb9cc }
:where(html:not([data-demo])) .audience-next .btn { font-size:12px;margin-top:22px;padding:13px 18px;gap:16px }
@media(max-width:900px) {
:where(html:not([data-demo])) .audience-grid { grid-template-columns:repeat(2,minmax(0,1fr)) }
:where(html:not([data-demo])) .audience .section-head { display:block }
:where(html:not([data-demo])) .audience .section-head p { max-width:480px }
}
@media(max-width:650px) {
:where(html:not([data-demo])) .audience { padding-top:50px }
:where(html:not([data-demo])) .audience h2 { font-size:29px }
:where(html:not([data-demo])) .audience h2 br { display:none }
:where(html:not([data-demo])) .audience-grid { grid-template-columns:1fr;gap:14px }
:where(html:not([data-demo])) .audience-card, :where(html:not([data-demo])) .audience-next { padding:24px }
:where(html:not([data-demo])) .audience-icon { margin-bottom:16px }
:where(html:not([data-demo])) .audience-grid h3 { font-size:18px }
:where(html:not([data-demo])) .audience-spark { margin-bottom:16px }
}
:where(html:not([data-demo])) .real-site-preview { display:block;width:100%;height:auto;object-fit:cover;object-position:top }
:where(html:not([data-demo])) .card-art .browser>.real-site-preview { height:calc(100% - 24px) }
:where(html:not([data-demo])) .product .card-art .browser>.real-site-preview { height:auto }
:where(html:not([data-demo])) .proof-monogram { font:800 22px Manrope }
:where(html:not([data-demo])) .proof-project-summary { font-size:15px;line-height:1.8;color:#625a70;margin:0 0 16px }
:where(html:not([data-demo])) .proof-project-type { font-size:10px;color:#82768f;margin-bottom:24px }
:where(html:not([data-demo])) .external-demo-link { font-size:11px;color:#d4fa7c }
@media(max-width:650px) {
:where(html:not([data-demo])) .external-demo-link { font-size:10px }
}
:where(html:not([data-demo])) .showcase .side-browser { height:auto;border-bottom:6px solid #26262b;border-radius:15px }
:where(html:not([data-demo])) .showcase .browser > .real-site-preview { height:auto;object-fit:contain;object-position:top center }
@media(min-width:651px) {
:where(html:not([data-demo])) .showcase { height:425px;max-width:1060px;margin-top:55px }
:where(html:not([data-demo])) .showcase .main-browser { width:530px;height:350px;border-bottom:6px solid #26262b;border-radius:15px }
:where(html:not([data-demo])) .showcase .side-browser { width:360px;top:96px;transform:rotate(-6deg) }
:where(html:not([data-demo])) .showcase .side-browser.right { transform:rotate(6deg) }
:where(html:not([data-demo])) .showcase .phone { right:150px;top:160px;height:250px }
:where(html:not([data-demo])) .showcase .floating-note { left:72px;top:335px;transform:rotate(-3deg) }
}
@media(min-width:651px) and (max-width:950px) {
:where(html:not([data-demo])) .showcase .side-browser { width:300px;top:110px }
:where(html:not([data-demo])) .showcase .main-browser { width:460px }
:where(html:not([data-demo])) .showcase .phone { right:35px }
:where(html:not([data-demo])) .showcase .floating-note { left:20px }
}
:where(html:not([data-demo])) .showcase .main-browser:has(> .real-site-preview) { height:auto }
:where(html:not([data-demo])) .external-preview { padding-top:50px;padding-bottom:60px }
:where(html:not([data-demo])) .external-preview h1 { font-size:clamp(28px,4vw,48px);margin-top:25px }
:where(html:not([data-demo])) .external-preview p { margin:15px 0 25px }
:where(html:not([data-demo])) .external-preview img { display:block;width:100%;height:auto;margin-top:30px;border:1px solid #dedbd5;border-radius:18px }
:where(html:not([data-demo])) .showcase .floating-note-whatsapp { left: auto;
  right: 12px;
  top: 40px;
  transform: rotate(3deg);
  white-space: nowrap; }
@media (min-width: 651px) and (max-width: 950px) {
:where(html:not([data-demo])) .showcase .floating-note-whatsapp { right: 0; top: 53px; }
}
@media (max-width: 650px) {
:where(html:not([data-demo])) .showcase .floating-note-whatsapp { right: 0;
    top: -19px;
    padding: 9px 10px;
    transform: rotate(2deg); }
}

/* Demonstração: doce-atelier */
:where(html[data-demo="doce-atelier"]), :where(html[data-demo="doce-atelier"]) * { box-sizing:border-box }
html:where(html[data-demo="doce-atelier"]) { scroll-behavior:smooth }
:where(html[data-demo="doce-atelier"]) body { margin:0;background:#f6eee6;color:#282b29;font-family:Arial,sans-serif }
:where(html[data-demo="doce-atelier"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="doce-atelier"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="doce-atelier"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="doce-atelier"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="doce-atelier"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="doce-atelier"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="doce-atelier"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="doce-atelier"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="doce-atelier"]) .btn { display:inline-block;background:#743e3f;color:white;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="doce-atelier"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="doce-atelier"]) section { padding:60px 7% }
:where(html[data-demo="doce-atelier"]) h2 { font:38px Georgia }
:where(html[data-demo="doce-atelier"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="doce-atelier"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="doce-atelier"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="doce-atelier"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="doce-atelier"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="doce-atelier"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="doce-atelier"]) img { height:300px }
:where(html[data-demo="doce-atelier"]) .grid { grid-template-columns:1fr }
}

/* Demonstração: essencia */
:where(html[data-demo="essencia"]), :where(html[data-demo="essencia"]) * { box-sizing:border-box }
html:where(html[data-demo="essencia"]) { scroll-behavior:smooth }
:where(html[data-demo="essencia"]) body { margin:0;background:#f4ede5;color:#282b29;font-family:Arial,sans-serif }
:where(html[data-demo="essencia"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="essencia"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="essencia"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="essencia"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="essencia"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="essencia"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="essencia"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="essencia"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="essencia"]) .btn { display:inline-block;background:#7e6256;color:white;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="essencia"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="essencia"]) section { padding:60px 7% }
:where(html[data-demo="essencia"]) h2 { font:38px Georgia }
:where(html[data-demo="essencia"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="essencia"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="essencia"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="essencia"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="essencia"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="essencia"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="essencia"]) img { height:300px }
:where(html[data-demo="essencia"]) .grid { grid-template-columns:1fr }
}

/* Demonstração: forma-studio */
:where(html[data-demo="forma-studio"]), :where(html[data-demo="forma-studio"]) * { box-sizing:border-box }
html:where(html[data-demo="forma-studio"]) { scroll-behavior:smooth }
:where(html[data-demo="forma-studio"]) body { margin:0;background:#eeeee6;color:#282b29;font-family:Arial,sans-serif }
:where(html[data-demo="forma-studio"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="forma-studio"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="forma-studio"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="forma-studio"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="forma-studio"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="forma-studio"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="forma-studio"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="forma-studio"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="forma-studio"]) .btn { display:inline-block;background:#333d36;color:white;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="forma-studio"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="forma-studio"]) section { padding:60px 7% }
:where(html[data-demo="forma-studio"]) h2 { font:38px Georgia }
:where(html[data-demo="forma-studio"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="forma-studio"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="forma-studio"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="forma-studio"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="forma-studio"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="forma-studio"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="forma-studio"]) img { height:300px }
:where(html[data-demo="forma-studio"]) .grid { grid-template-columns:1fr }
}

/* Demonstração: movimento */
:where(html[data-demo="movimento"]), :where(html[data-demo="movimento"]) * { box-sizing:border-box }
html:where(html[data-demo="movimento"]) { scroll-behavior:smooth }
:where(html[data-demo="movimento"]) body { margin:0;background:#202522;color:#ffffff;font-family:Arial,sans-serif }
:where(html[data-demo="movimento"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="movimento"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="movimento"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="movimento"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="movimento"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="movimento"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="movimento"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="movimento"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="movimento"]) .btn { display:inline-block;background:#d0ff59;color:#202522;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="movimento"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="movimento"]) section { padding:60px 7% }
:where(html[data-demo="movimento"]) h2 { font:38px Georgia }
:where(html[data-demo="movimento"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="movimento"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="movimento"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="movimento"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="movimento"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="movimento"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="movimento"]) img { height:300px }
:where(html[data-demo="movimento"]) .grid { grid-template-columns:1fr }
}

/* Demonstração: odonto-prime */
:where(html[data-demo="odonto-prime"]), :where(html[data-demo="odonto-prime"]) * { box-sizing:border-box }
html:where(html[data-demo="odonto-prime"]) { scroll-behavior:smooth }
:where(html[data-demo="odonto-prime"]) body { margin:0;background:#edf4f0;color:#282b29;font-family:Arial,sans-serif }
:where(html[data-demo="odonto-prime"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="odonto-prime"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="odonto-prime"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="odonto-prime"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="odonto-prime"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="odonto-prime"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="odonto-prime"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="odonto-prime"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="odonto-prime"]) .btn { display:inline-block;background:#275c58;color:white;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="odonto-prime"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="odonto-prime"]) section { padding:60px 7% }
:where(html[data-demo="odonto-prime"]) h2 { font:38px Georgia }
:where(html[data-demo="odonto-prime"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="odonto-prime"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="odonto-prime"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="odonto-prime"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="odonto-prime"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="odonto-prime"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="odonto-prime"]) img { height:300px }
:where(html[data-demo="odonto-prime"]) .grid { grid-template-columns:1fr }
}

/* Demonstração: vertice */
:where(html[data-demo="vertice"]), :where(html[data-demo="vertice"]) * { box-sizing:border-box }
html:where(html[data-demo="vertice"]) { scroll-behavior:smooth }
:where(html[data-demo="vertice"]) body { margin:0;background:#232c32;color:#ffffff;font-family:Arial,sans-serif }
:where(html[data-demo="vertice"]) nav { padding:26px 7%;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #8883 }
:where(html[data-demo="vertice"]) a { color:inherit;text-decoration:none }
:where(html[data-demo="vertice"]) .brand { font-size:23px;font-family:Georgia;font-weight:bold }
:where(html[data-demo="vertice"]) nav div { display:flex;gap:28px;font-size:12px }
:where(html[data-demo="vertice"]) .hero { display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:570px;padding:60px 7%;gap:30px }
:where(html[data-demo="vertice"]) small { letter-spacing:3px;font-size:10px }
:where(html[data-demo="vertice"]) h1 { font-family:Georgia;font-size:clamp(42px,5.5vw,78px);line-height:1.06;font-weight:400;margin:25px 0 }
:where(html[data-demo="vertice"]) p { line-height:1.7;max-width:410px;opacity:.8 }
:where(html[data-demo="vertice"]) .btn { display:inline-block;background:#ceb789;color:#202522;padding:17px 24px;margin-top:20px;border-radius:3px }
:where(html[data-demo="vertice"]) img { width:100%;height:430px;object-fit:cover;border-radius:130px 130px 4px 4px }
:where(html[data-demo="vertice"]) section { padding:60px 7% }
:where(html[data-demo="vertice"]) h2 { font:38px Georgia }
:where(html[data-demo="vertice"]) .grid { display:grid;grid-template-columns:repeat(3,1fr);gap:30px }
:where(html[data-demo="vertice"]) .grid article { border-top:1px solid #8886;padding-top:25px }
:where(html[data-demo="vertice"]) footer { padding:24px 7%;font-size:11px;border-top:1px solid #8885 }
:where(html[data-demo="vertice"]) .notice { padding:10px;text-align:center;background:#151515;color:white;font:11px Arial }
@media(max-width:600px) {
:where(html[data-demo="vertice"]) nav div a:not(:last-child) { display:none }
:where(html[data-demo="vertice"]) .hero { grid-template-columns:1fr;padding:45px 7% }
:where(html[data-demo="vertice"]) img { height:300px }
:where(html[data-demo="vertice"]) .grid { grid-template-columns:1fr }
}