:root{--bg:#080b11;--bg2:#0c1018;--surface:#111722;--surface2:#171e2a;--border:#252e3d;--border2:#344155;--text:#f4f7fb;--muted:#8e9aaa;--muted2:#667386;--accent:#4ee3df;--blue:#5685ff;--green:#7be7aa;--amber:#efbd64;--red:#ff746f;--shadow:0 35px 100px rgba(0,0,0,.42);color-scheme:dark}
:root[data-theme=light]{--bg:#f6f8fa;--bg2:#eef3f6;--surface:#fff;--surface2:#f2f5f7;--border:#dce3e8;--border2:#c6d0d8;--text:#172128;--muted:#64727c;--muted2:#929da5;--accent:#079aa3;--blue:#3468e8;--green:#13874c;--amber:#ae680d;--red:#d84944;--shadow:0 28px 80px rgba(25,48,65,.14);color-scheme:light}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;overflow-x:hidden;background:radial-gradient(circle at 50% 12%,color-mix(in srgb,var(--blue) 9%,transparent),transparent 34rem),var(--bg);color:var(--text);font:14px/1.55 Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;transition:background .3s,color .3s}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}.site-header{position:fixed;z-index:90;top:0;right:0;left:0;display:flex;height:76px;align-items:center;padding:0 max(26px,calc((100vw - 1220px)/2));border-bottom:1px solid color-mix(in srgb,var(--border) 78%,transparent);background:color-mix(in srgb,var(--bg) 84%,transparent);backdrop-filter:blur(22px)}.marketing-brand{display:flex;align-items:center;gap:10px}.marketing-brand strong{font-size:20px;letter-spacing:-.7px}.marketing-brand strong span{color:var(--accent)}.marketing-logo{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(170,255,250,.55);border-radius:12px;background:linear-gradient(145deg,#a0fff8,#46dfe9 48%,#1d7fcd);color:#062c38;box-shadow:0 8px 25px rgba(41,197,215,.22)}.site-nav{display:flex;align-items:center;gap:32px;margin:auto}.site-nav>a,.header-login{color:var(--muted);font-size:12px;transition:.18s}.site-nav>a:hover,.header-login:hover{color:var(--text)}.drawer-head,.mobile-nav-actions,.nav-scrim,.mobile-menu{display:none}.header-actions{display:flex;align-items:center;gap:13px}.primary-cta,.secondary-cta{display:inline-flex;min-height:42px;align-items:center;justify-content:center;gap:10px;padding:0 18px;border:1px solid var(--border2);border-radius:11px;font-size:12px;font-weight:750;transition:transform .18s,border-color .18s,box-shadow .18s}.primary-cta{border-color:rgba(157,255,249,.48);background:linear-gradient(135deg,#7af4ed,#33c7d3);color:#06313a;box-shadow:0 10px 28px rgba(42,201,210,.17),inset 0 1px rgba(255,255,255,.7)}.primary-cta:hover,.secondary-cta:hover{transform:translateY(-2px);border-color:var(--accent)}.primary-cta:hover{box-shadow:0 14px 36px rgba(42,201,210,.28)}.large{min-height:52px;padding:0 24px}.marketing-theme{display:flex;width:67px;height:35px;align-items:center;justify-content:space-between;padding:4px 7px;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:12px}.marketing-theme i{width:19px;height:19px;border-radius:6px;background:var(--surface2);box-shadow:inset 0 0 0 1px var(--border)}
.hero-section{position:relative;padding:170px max(24px,calc((100vw - 1220px)/2)) 0;text-align:center}.hero-glow{position:absolute;border-radius:50%;filter:blur(90px);pointer-events:none}.hero-glow-one{top:70px;left:10%;width:340px;height:250px;background:rgba(60,207,219,.12)}.hero-glow-two{top:90px;right:8%;width:360px;height:290px;background:rgba(83,107,246,.13)}.hero-copy{position:relative;z-index:2;max-width:920px;margin:auto}.marketing-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-size:9px;font-weight:800;letter-spacing:.17em}.marketing-eyebrow i{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 12px var(--accent)}.hero-copy h1{margin:23px 0 20px;font-size:clamp(46px,6.4vw,80px);font-weight:620;letter-spacing:-4.7px;line-height:1.02}.hero-copy h1 em,.final-cta h2 em{color:var(--accent);font-style:normal}.hero-copy>p{max-width:720px;margin:auto;color:var(--muted);font-size:17px;line-height:1.72}.hero-actions{display:flex;justify-content:center;gap:11px;margin-top:30px}.hero-trust{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:19px;color:var(--muted2);font-size:10px}.hero-trust i{width:3px;height:3px;border-radius:50%;background:var(--muted2)}
.product-stage{position:relative;z-index:2;width:min(1160px,100%);margin:70px auto 0;overflow:hidden;border:1px solid var(--border2);border-radius:22px;background:var(--surface);box-shadow:var(--shadow);text-align:left}.stage-top{display:flex;height:42px;align-items:center;gap:6px;padding:0 14px;border-bottom:1px solid var(--border);background:var(--surface2)}.stage-top>span{width:8px;height:8px;border-radius:50%;background:var(--red)}.stage-top>span:nth-child(2){background:var(--amber)}.stage-top>span:nth-child(3){background:var(--green)}.stage-top b{margin:auto;color:var(--muted2);font-size:7px;font-weight:500}.stage-body{display:grid;min-height:590px;grid-template-columns:190px 1fr}.stage-sidebar{display:flex;flex-direction:column;padding:20px 14px;border-right:1px solid var(--border);background:var(--bg2)}.stage-brand{display:flex;align-items:center;gap:8px}.stage-brand i{display:grid;width:29px;height:29px;place-items:center;border-radius:9px;background:var(--accent);color:#073139;font-style:normal}.stage-brand strong{font-size:12px}.stage-brand strong span{color:var(--accent)}.stage-sidebar nav{display:grid;gap:5px;margin-top:35px}.stage-sidebar nav b{display:flex;height:38px;align-items:center;gap:10px;padding:0 10px;border-radius:8px;color:var(--muted);font-size:8px;font-weight:550}.stage-sidebar nav b.active{border:1px solid var(--border);background:var(--surface2);color:var(--text);box-shadow:inset 2px 0 var(--accent)}.stage-user{display:flex;align-items:center;gap:8px;margin-top:auto;padding:10px;border:1px solid var(--border);border-radius:10px;background:var(--surface)}.stage-user>i{display:grid;width:31px;height:31px;place-items:center;border-radius:9px;background:color-mix(in srgb,var(--blue) 15%,transparent);color:var(--blue);font-size:8px;font-style:normal;font-weight:800}.stage-user span{display:grid}.stage-user strong{font-size:8px}.stage-user small{color:var(--muted);font-size:6px}.stage-main{padding:26px;background:radial-gradient(circle at 90% 0,color-mix(in srgb,var(--accent) 5%,transparent),transparent 17rem),var(--bg)}.stage-main>header{display:flex;align-items:center;justify-content:space-between}.stage-main>header small,.stage-panels header small{color:var(--muted2);font-size:6px;letter-spacing:.14em}.stage-main h2{margin:4px 0;font-size:22px}.stage-main>header button{padding:10px 14px;border:1px solid rgba(145,255,249,.35);border-radius:8px;background:var(--accent);color:#073139;font-size:7px;font-weight:800}.stage-alert{display:flex;gap:8px;margin-top:18px;padding:11px;border:1px solid var(--border);border-radius:10px;background:var(--surface2);color:var(--amber);font-size:8px}.stage-alert span{color:var(--muted)}.stage-alert strong{color:var(--text)}.stage-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:10px}.stage-stats article{padding:15px;border:1px solid var(--border);border-radius:11px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.stage-stats small,.stage-stats span{display:block;color:var(--muted);font-size:7px}.stage-stats strong{display:block;margin:10px 0;font-size:18px}.stage-stats span{color:var(--green)}.stage-panels{display:grid;grid-template-columns:1.45fr .75fr;gap:9px;margin-top:10px}.stage-panels>article{min-height:300px;overflow:hidden;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.stage-panels header{display:grid;padding:15px;border-bottom:1px solid var(--border)}.stage-panels header strong{margin-top:4px;font-size:10px}.stage-panels svg{width:100%;height:215px;padding:20px}.stage-panels polyline{fill:none;stroke:var(--accent);stroke-width:3}.stage-panels polyline.expense{stroke:var(--amber);stroke-dasharray:7}.stage-focus>div{display:flex;align-items:center;gap:10px;margin:15px;padding:11px;border:1px solid var(--border);border-radius:9px;background:var(--surface2)}.stage-focus>div>b{display:grid;width:45px;height:45px;place-items:center;border-radius:50%;background:conic-gradient(var(--accent) 72%,var(--surface) 0);font-size:8px}.stage-focus>div span{display:grid}.stage-focus>div strong{font-size:8px}.stage-focus>div small{color:var(--muted);font-size:6px}.stage-focus p{margin:0 14px;padding:11px 2px;border-bottom:1px solid var(--border);font-size:8px}.proof-strip{display:flex;justify-content:center;gap:70px;width:min(1000px,100%);margin:40px auto 0;padding:24px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);color:var(--muted);font-size:10px}.proof-strip strong{color:var(--text)}
.content-section{max-width:1220px;margin:auto;padding:120px 24px}.section-heading{max-width:720px;margin:0 auto 48px;text-align:center}.section-heading h2,.capture-copy h2{margin:16px 0;font-size:clamp(34px,4.6vw,54px);font-weight:620;letter-spacing:-2.5px;line-height:1.1}.section-heading p,.capture-copy p{color:var(--muted);font-size:15px;line-height:1.75}.promise-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.promise-card{position:relative;min-height:440px;padding:30px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(145deg,var(--surface2),var(--surface));transition:.22s}.promise-card:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--border));transform:translateY(-4px);box-shadow:var(--shadow)}.promise-card.featured{border-color:color-mix(in srgb,var(--blue) 50%,var(--border));background:radial-gradient(circle at 80% 0,color-mix(in srgb,var(--blue) 13%,transparent),transparent 18rem),linear-gradient(145deg,var(--surface2),var(--surface))}.promise-card>span{position:absolute;top:26px;right:27px;color:var(--border2);font-size:25px;font-weight:800}.promise-card>i{display:grid;width:48px;height:48px;place-items:center;margin-bottom:55px;border-radius:14px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:20px;font-style:normal}.promise-card h3{margin:0 0 10px;font-size:23px;letter-spacing:-.8px}.promise-card p{color:var(--muted);line-height:1.72}.promise-card ul{display:grid;gap:11px;margin:25px 0 0;padding:22px 0 0;border-top:1px solid var(--border);list-style:none;color:var(--muted);font-size:11px}.promise-card li:before{margin-right:8px;color:var(--green);content:"✓"}
.capture-section{padding:115px max(24px,calc((100vw - 1220px)/2));background:var(--bg2)}.capture-shell{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:85px}.capture-copy p{max-width:610px}.capture-points{display:grid;gap:12px;margin-top:28px}.capture-points span{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:12px}.capture-points i{display:grid;width:24px;height:24px;place-items:center;border-radius:7px;background:color-mix(in srgb,var(--green) 12%,transparent);color:var(--green);font-style:normal}.capture-phone{display:flex;min-height:520px;align-items:center;justify-content:center;flex-direction:column;padding:36px;border:1px solid var(--border2);border-radius:34px;background:radial-gradient(circle at 50% 28%,rgba(73,96,244,.2),transparent 15rem),var(--surface);box-shadow:var(--shadow);text-align:center}.voice-orb{position:relative;display:grid;width:155px;height:155px;place-items:center;margin-bottom:36px}.voice-orb:before,.voice-orb:after{position:absolute;border:1px solid rgba(159,192,255,.5);border-radius:50%;content:"";animation:spin 7s linear infinite}.voice-orb:before{width:175px;height:115px}.voice-orb:after{width:120px;height:180px;animation-direction:reverse}.voice-orb i{position:absolute;inset:10px;border-radius:45% 55% 40% 60%;background:conic-gradient(#416fff,#8e47ef,#4ce2df,#416fff);filter:blur(6px);animation:morph 2.2s ease-in-out infinite alternate}.voice-orb b{position:relative;z-index:1;display:grid;width:65px;height:65px;place-items:center;border-radius:22px;background:rgba(5,11,23,.72);font-size:27px}.capture-phone>small{color:var(--muted);font-size:10px}.capture-phone>strong{margin:12px 0 25px;font-size:22px;line-height:1.35}.capture-result{display:grid;width:100%;padding:15px;border:1px solid var(--border);border-radius:13px;background:color-mix(in srgb,var(--surface2) 90%,transparent);text-align:left}.capture-result span{color:var(--red);font-size:8px;font-weight:800;letter-spacing:.12em}.capture-result b{margin:3px 0;font-size:20px}.capture-result small{color:var(--muted)}
.security-strip{display:flex;max-width:1172px;align-items:center;justify-content:space-between;gap:30px;margin:90px auto 0;padding:30px 34px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(120deg,var(--surface),color-mix(in srgb,var(--surface) 92%,var(--accent)))}.security-strip>div{display:flex;align-items:center;gap:16px}.security-strip>div>span{display:grid;width:55px;height:55px;place-items:center;border-radius:16px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent);font-size:25px}.security-strip p{margin:0;color:var(--muted);font-size:11px}.security-strip>p{max-width:430px}.security-strip small,.security-strip strong{display:block}.security-strip small{color:var(--muted2);font-size:7px;letter-spacing:.14em}.security-strip strong{margin-top:4px;color:var(--text);font-size:16px}
.billing-toggle{display:flex;width:max-content;margin:0 auto 34px;padding:4px;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.billing-toggle button{height:37px;padding:0 17px;cursor:pointer;border:0;border-radius:8px;background:transparent;color:var(--muted);font-size:10px}.billing-toggle button.active{background:var(--surface2);color:var(--text);box-shadow:inset 0 0 0 1px var(--border)}.billing-toggle span{margin-left:4px;color:var(--green);font-size:7px}.pricing-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pricing-card{position:relative;display:flex;min-height:470px;flex-direction:column;padding:26px;border:1px solid var(--border);border-radius:18px;background:linear-gradient(145deg,var(--surface2),var(--surface))}.pricing-card.popular{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:0 20px 60px rgba(33,193,203,.1)}.popular-ribbon{position:absolute;top:-11px;left:50%;padding:6px 11px;border-radius:6px;background:var(--accent);color:#073139;font-size:7px;font-weight:850;letter-spacing:.08em;transform:translateX(-50%);white-space:nowrap}.pricing-card>small{color:var(--accent);font-size:8px;letter-spacing:.14em}.pricing-card h3{margin:13px 0 7px;font-size:22px}.pricing-card>p{min-height:43px;color:var(--muted);font-size:11px}.public-price{display:flex;align-items:baseline;margin:17px 0;padding:18px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.public-price strong{font-size:26px}.public-price span{margin-left:5px;color:var(--muted);font-size:9px}.pricing-card ul{display:grid;flex:1;gap:10px;margin:0 0 22px;padding:0;list-style:none;color:var(--muted);font-size:10px}.pricing-card li{line-height:1.45}.pricing-card>a{width:100%}.final-cta{position:relative;overflow:hidden;padding:120px 24px;text-align:center;background:radial-gradient(circle at 50% 80%,rgba(60,208,218,.12),transparent 20rem),var(--bg2)}.final-cta .marketing-logo{margin:auto}.final-cta h2{margin:24px 0 14px;font-size:clamp(39px,5.3vw,64px);font-weight:620;letter-spacing:-3px;line-height:1.07}.final-cta p{margin:0 0 28px;color:var(--muted)}.site-footer{display:grid;grid-template-columns:2fr 1fr 1fr;gap:50px;padding:60px max(24px,calc((100vw - 1220px)/2)) 28px;border-top:1px solid var(--border)}.site-footer>div>p{color:var(--muted);font-size:10px}.site-footer nav{display:grid;align-content:start;gap:11px}.site-footer nav strong{margin-bottom:4px;font-size:10px}.site-footer nav a{color:var(--muted);font-size:10px}.footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;padding-top:25px;border-top:1px solid var(--border);color:var(--muted2);font-size:8px}
.reveal,.marketing-motion .reveal{opacity:1;transform:none}.marketing-motion .reveal.visible{animation:revealIn .62s cubic-bezier(.2,.8,.2,1) both}.marketing-motion .reveal.delay.visible{animation-delay:.1s}@keyframes revealIn{from{opacity:0;transform:translateY(16px)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes morph{to{border-radius:60% 40% 57% 43%;transform:rotate(25deg) scale(1.06)}}
@media(max-width:980px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.promise-grid{grid-template-columns:1fr}.promise-card{min-height:auto}.promise-card>i{margin-bottom:35px}.capture-shell{grid-template-columns:1fr;gap:45px}.capture-copy{text-align:center}.capture-copy p{margin-right:auto;margin-left:auto}.capture-points{width:max-content;max-width:100%;margin-right:auto;margin-left:auto;text-align:left}.security-strip{margin-right:24px;margin-left:24px}.stage-body{grid-template-columns:150px 1fr}.stage-sidebar{padding:15px 10px}}
@media(max-width:760px){
  body.nav-open{overflow:hidden}.site-header{height:78px;padding:0 18px}.marketing-brand strong{font-size:19px}.marketing-logo{width:37px;height:37px}.header-login,.header-start{display:none}.header-actions{margin-left:auto;gap:9px}.marketing-theme{width:64px;height:38px}.mobile-menu{display:grid;width:42px;height:42px;place-content:center;gap:4px;cursor:pointer;border:1px solid var(--border);border-radius:11px;background:var(--surface)}.mobile-menu i{display:block;width:18px;height:2px;border-radius:2px;background:var(--text)}
  .nav-scrim{position:fixed;z-index:94;inset:0;display:block;pointer-events:none;border:0;background:rgba(2,5,10,.66);opacity:0;transition:opacity .25s}.nav-scrim.open{pointer-events:auto;opacity:1}.site-nav{position:fixed;z-index:95;top:0;right:0;bottom:0;display:flex;width:min(84vw,340px);align-items:stretch;gap:0;margin:0;padding:calc(18px + env(safe-area-inset-top)) 18px calc(20px + env(safe-area-inset-bottom));flex-direction:column;border-left:1px solid var(--border);background:var(--bg2);box-shadow:-25px 0 70px rgba(0,0,0,.45);transform:translateX(105%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.site-nav.open{transform:translateX(0)}.drawer-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px;padding-bottom:16px;border-bottom:1px solid var(--border);font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.drawer-head button{display:grid;width:38px;height:38px;place-items:center;cursor:pointer;border:1px solid var(--border);border-radius:10px;background:var(--surface);font-size:23px}.site-nav>a{display:flex;min-height:53px;align-items:center;padding:0 12px;border-bottom:1px solid var(--border);color:var(--text);font-size:14px;font-weight:650}.mobile-nav-actions{display:grid;gap:9px;margin-top:auto}.mobile-nav-actions a{width:100%}
  .hero-section{padding:128px 18px 0}.hero-glow-one{left:-150px}.hero-glow-two{right:-170px}.hero-copy h1{margin-top:18px;font-size:clamp(38px,11vw,52px);letter-spacing:-2.7px}.hero-copy h1 br{display:none}.hero-copy>p{font-size:14px;line-height:1.65}.hero-actions{gap:9px;flex-direction:column}.hero-actions a{width:100%}.hero-trust{gap:8px;font-size:8px}.product-stage{margin-top:45px;border-radius:16px}.stage-top{height:35px}.stage-body{display:block;min-height:390px}.stage-sidebar{display:none}.stage-main{min-height:390px;padding:15px}.stage-main h2{font-size:17px}.stage-main>header button{padding:8px 10px}.stage-alert{margin-top:12px}.stage-stats{grid-template-columns:1fr 1fr}.stage-stats article:nth-child(3){display:none}.stage-stats article{padding:12px}.stage-stats strong{font-size:14px}.stage-panels{grid-template-columns:1fr}.stage-panels>article{min-height:190px}.stage-panels svg{height:160px;padding:12px}.stage-focus{display:none}.proof-strip{display:grid;grid-template-columns:1fr;gap:9px;margin-top:25px;padding:18px 0;font-size:9px}.content-section{padding:88px 18px}.section-heading{margin-bottom:34px}.section-heading h2,.capture-copy h2{font-size:35px;letter-spacing:-1.7px}.section-heading h2 br{display:none}.section-heading p,.capture-copy p{font-size:13px}.promise-grid{gap:11px}.promise-card{padding:24px;border-radius:16px}.promise-card>i{margin-bottom:30px}.promise-card h3{font-size:21px}.capture-section{padding:85px 18px}.capture-shell{gap:35px}.capture-points{width:100%}.capture-phone{min-height:450px;padding:26px 20px;border-radius:25px}.voice-orb{transform:scale(.9)}.security-strip{align-items:flex-start;flex-direction:column;margin:60px 18px 0;padding:22px}.security-strip>p{padding-top:17px;border-top:1px solid var(--border)}.pricing-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;overflow-x:auto;margin-right:-18px;padding:12px 18px 18px 0;scroll-snap-type:x mandatory}.pricing-card{min-height:450px;scroll-snap-align:start}.final-cta{padding:90px 18px}.final-cta h2{font-size:40px;letter-spacing:-2px}.site-footer{grid-template-columns:1fr 1fr;gap:35px;padding:48px 18px 25px}.site-footer>div:first-child{grid-column:1/-1}.footer-bottom{align-items:flex-start;gap:7px;flex-direction:column}
}
@media(max-width:370px){.site-header{padding:0 12px}.marketing-brand{gap:7px}.marketing-brand strong{font-size:17px}.marketing-theme{width:57px;padding:4px}.hero-section{padding-right:14px;padding-left:14px}.hero-copy h1{font-size:36px}.hero-trust{flex-wrap:wrap}.content-section,.capture-section{padding-right:14px;padding-left:14px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition-duration:.01ms!important}.reveal,.marketing-motion .reveal,.marketing-motion .reveal.visible{opacity:1!important;transform:none!important}}
.stage-add{padding:10px 14px;border:1px solid rgba(145,255,249,.35);border-radius:8px;background:var(--accent);color:#073139;font-size:7px;font-weight:800}@media(max-width:760px){.stage-add{padding:8px 10px}}

/* v2.20 — seletor de tema em cápsula, sem elemento quadrado central */
.marketing-theme{position:relative;isolation:isolate;display:grid;width:68px;height:36px;grid-template-columns:1fr 1fr;align-items:center;justify-items:center;padding:3px;overflow:hidden;border:1px solid color-mix(in srgb,var(--border2) 78%,transparent);border-radius:999px;background:color-mix(in srgb,var(--surface2) 88%,transparent);box-shadow:inset 0 1px 2px rgba(0,0,0,.12),0 7px 20px rgba(0,0,0,.08);transition:border-color .2s,background .2s,box-shadow .2s}
.marketing-theme:before{position:absolute;z-index:0;top:3px;left:3px;width:28px;height:28px;border-radius:50%;background:var(--surface);box-shadow:0 2px 9px rgba(0,0,0,.2),inset 0 0 0 1px color-mix(in srgb,var(--border) 80%,transparent);content:"";transition:transform .28s cubic-bezier(.2,.8,.2,1),background .2s}
:root[data-theme=dark] .marketing-theme:before{transform:translateX(32px)}
.marketing-theme span{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;color:var(--muted2);font-size:14px;line-height:1;opacity:.55;transition:color .2s,opacity .2s,transform .2s}
:root[data-theme=light] .marketing-theme span:first-child,:root[data-theme=dark] .marketing-theme span:last-child{color:var(--accent);opacity:1;transform:scale(1.05)}
.marketing-theme:hover{border-color:color-mix(in srgb,var(--accent) 55%,var(--border));box-shadow:inset 0 1px 2px rgba(0,0,0,.1),0 8px 24px color-mix(in srgb,var(--accent) 12%,transparent)}
.marketing-theme:focus-visible{outline:3px solid color-mix(in srgb,var(--accent) 30%,transparent);outline-offset:3px}
@media(max-width:760px){.marketing-theme{width:68px;height:36px}}
@media(max-width:370px){.marketing-theme{width:64px}.marketing-theme:before{width:27px;height:27px}:root[data-theme=dark] .marketing-theme:before{transform:translateX(29px)}}