/* Second public layer: avoids inheriting the old marketing composition. */
.site-page-hero{padding-block:clamp(118px,14vw,190px) clamp(64px,8vw,112px);border:0;background:linear-gradient(118deg,#f8fbff 0%,#eff5ff 55%,#dceafd 100%)}
.site-page-hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(31,87,183,.14) 1px,transparent 1.2px);background-size:24px 24px;mask-image:linear-gradient(90deg,#000,transparent 62%);opacity:.55}.site-page-hero::after{top:auto;right:-12rem;bottom:-19rem;width:55rem;height:55rem;background:radial-gradient(circle,rgba(52,110,211,.18),transparent 67%)}
.site-page-hero .site-title{max-width:760px;margin-block:18px 19px}.site-page-hero .site-lead{max-width:625px}.site-breadcrumb{display:inline-flex;gap:8px;margin-bottom:30px;color:#5b7094;font-weight:750}.site-breadcrumb::before{content:"Cofreteka";color:#285fbe}
.billing-center .site-title,.billing-center .site-lead{margin-inline:auto}.billing-center .site-tabs{margin-top:32px;padding:5px;border-radius:999px;background:rgba(255,255,255,.7);box-shadow:0 16px 40px rgba(50,91,155,.1)}.billing-center .site-tabs button{border-radius:999px}.plan-intro-strip{width:min(1100px,calc(100% - 48px));margin:-45px auto 0;border:0;border-radius:24px;box-shadow:0 22px 60px rgba(37,70,128,.13)}.plan-intro-strip article{padding:29px;background:rgba(255,255,255,.88)}.site-plans{max-width:1030px;gap:22px}.site-plan{min-height:570px;padding:clamp(26px,4vw,42px);border:1px solid #d9e5f7;border-radius:28px;box-shadow:0 18px 46px rgba(45,75,128,.07)}.site-plan.featured{transform:translateY(-18px);border-color:#6e96e5;background:linear-gradient(160deg,#fff,#f1f5ff);box-shadow:0 30px 70px rgba(40,77,152,.19)}.site-plan h2{font-size:31px}.site-plan .site-price{color:#1a407f}.plan-decision{gap:24px}.plan-decision-copy{border-radius:28px;background:linear-gradient(145deg,#102b5d,#1d59b7)}.plan-decision-list article{border-radius:22px}.site-compare{border:0;border-radius:22px;box-shadow:0 18px 45px rgba(40,68,112,.08)}
.video-hero{background:linear-gradient(118deg,#fbfdff,#edf4ff 55%,#dce9fb)}.video-roadmap{width:min(1120px,calc(100% - 48px));margin:-46px auto 0}.video-roadmap .site-grid{gap:0;border-radius:25px;overflow:hidden;box-shadow:0 24px 58px rgba(37,71,128,.13)}.video-roadmap .site-card{min-height:210px;border:0;border-right:1px solid #dce7f6;border-radius:0}.video-roadmap .site-card:last-child{border:0}.video-guide{align-items:stretch}.video-guide-main{position:relative;overflow:hidden;border-radius:28px;background:linear-gradient(135deg,#112c5f,#2665c9)}.video-guide-main::after{content:"";position:absolute;right:-110px;bottom:-150px;width:420px;height:420px;border:1px solid rgba(255,255,255,.2);border-radius:50%;box-shadow:0 0 0 55px rgba(255,255,255,.06),0 0 0 110px rgba(255,255,255,.04)}.video-guide-main>*{position:relative;z-index:1}.site-search{display:block;max-width:590px;margin:0 0 9px}.site-search input{width:100%;min-height:55px;padding:0 18px;border:1px solid #d6e1f2;border-radius:16px;background:#fff;box-shadow:0 10px 25px rgba(40,70,118,.07);outline:0}.site-search input:focus{border-color:#4d7ed8;box-shadow:0 0 0 4px rgba(77,126,216,.14)}.site-video-grid{gap:20px}.site-video-card{border-radius:20px;box-shadow:0 10px 25px rgba(32,58,100,.06)}.site-video-thumb{background:linear-gradient(135deg,#11306a,#3b79d8)!important}.site-video-card:nth-child(3n+2) .site-video-thumb{background:linear-gradient(135deg,#2655a7,#7aa8ee)!important}.site-video-card:nth-child(3n) .site-video-thumb{background:linear-gradient(135deg,#17274d,#345b9d)!important}.site-video-body{padding:21px!important}
.acct-shell{padding-top:58px}.acct-topbar{padding:30px 32px;margin:0;border-radius:28px 28px 0 0;background:linear-gradient(123deg,#122d60,#316fc9);color:#fff}.acct-topbar .site-eyebrow,.acct-topbar-email{color:#dce9ff!important}.acct-status{border:0;background:rgba(255,255,255,.16);color:#fff}.acct-layout{border:0;border-radius:0 0 28px 28px;box-shadow:0 26px 70px rgba(30,57,104,.13)}.acct-sidebar{padding:22px 14px;background:#f3f7ff}.acct-nav-item{border-radius:14px}.acct-nav-item.active{border-color:#cadbfa;background:#fff;box-shadow:0 10px 26px rgba(48,82,139,.11)}.acct-nav-icone{background:#e3edff!important}.acct-content{padding:34px}.acct-panel-head{padding-bottom:20px}.acct-secao{border-color:#dce6f6;background:#f8fbff}.acct-overview-stats article,.acct-atalho{border-color:#dce6f6}.acct-atalho{border-radius:16px;background:#fff}.acct-atalho-icone{background:#eef4ff}
.site-legal-layout{gap:72px}.site-legal-nav{padding:22px;border:1px solid #dce6f4;border-radius:18px;background:#fff;box-shadow:0 13px 31px rgba(39,68,112,.07)}.site-legal-nav strong{display:block;margin-bottom:12px;color:#1d4f9e;font:800 11px var(--display);letter-spacing:.1em;text-transform:uppercase}.site-legal-nav a{padding:10px 0;border-top:1px solid #edf1f7}.site-legal-content{max-width:800px}.site-faq-group{padding:20px 0 42px}.site-faq-group h2{margin-bottom:22px}.site-legal-content details{padding:18px 0}.site-legal-content summary{display:flex;align-items:center;justify-content:space-between;gap:22px}.site-legal-content summary::after{content:"+";color:#2860bf;font-size:22px;font-weight:400}.site-legal-content details[open] summary::after{content:"−"}
@media(max-width:800px){.plan-intro-strip,.video-roadmap{width:min(100% - 28px,1120px);margin-top:0}.site-plan.featured{transform:none}.video-roadmap .site-grid{border-radius:20px}.video-roadmap .site-card{border-right:0;border-bottom:1px solid #dce7f6}.video-roadmap .site-card:last-child{border-bottom:0}.acct-topbar{padding:25px 20px}.acct-content{padding:24px 18px}.site-legal-layout{gap:28px}.site-legal-nav{padding:15px}}

/* Hero atmosphere: the visual reference lives through depth and motion, not static decoration. */
.mk-atmosphere{position:absolute;z-index:1;inset:0;overflow:hidden;pointer-events:none}.mk-atmosphere::before{content:"";position:absolute;inset:-18%;background:conic-gradient(from 225deg at 72% 51%,transparent 0 13%,rgba(102,158,255,.24) 16%,transparent 23% 53%,rgba(98,214,188,.12) 57%,transparent 64%);filter:blur(2px);animation:mk-aurora 16s ease-in-out infinite alternate}.mk-atmosphere::after{content:"";position:absolute;right:13%;top:17%;width:300px;height:300px;border:1px solid rgba(55,118,221,.25);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.14),0 0 0 90px rgba(42,101,206,.07),0 0 0 150px rgba(42,101,206,.035);animation:mk-orbit 13s ease-in-out infinite}.mk-atmosphere i,.mk-atmosphere b{position:absolute;display:block;border-radius:50%}.mk-atmosphere i{width:5px;height:5px;background:#fff;box-shadow:0 0 18px 4px rgba(115,177,255,.4);animation:mk-drift var(--t) ease-in-out infinite alternate}.mk-atmosphere i:nth-child(1){left:11%;top:25%;--t:5.2s}.mk-atmosphere i:nth-child(2){left:49%;top:14%;--t:7.1s}.mk-atmosphere i:nth-child(3){left:68%;top:33%;--t:4.8s}.mk-atmosphere i:nth-child(4){left:82%;top:18%;--t:6.3s}.mk-atmosphere i:nth-child(5){left:56%;top:70%;--t:5.7s}.mk-atmosphere i:nth-child(6){left:29%;top:57%;--t:7.7s}.mk-atmosphere b{width:9px;height:9px;border:1px solid rgba(49,108,207,.38);background:rgba(255,255,255,.3);animation:mk-drift var(--t) ease-in-out infinite alternate-reverse}.mk-atmosphere b:nth-of-type(1){left:42%;top:31%;--t:8s}.mk-atmosphere b:nth-of-type(2){left:75%;top:58%;--t:6.5s}.mk-atmosphere b:nth-of-type(3){left:19%;top:72%;--t:9.1s}.mk-hero-copy,.mk-hero-shot{will-change:transform,opacity}.mk-enter{animation:mk-reveal .8s .08s both cubic-bezier(.16,.8,.28,1)}.mk-enter-shot{animation:mk-shot .9s .2s both cubic-bezier(.16,.8,.28,1)}
@keyframes mk-aurora{from{transform:translate3d(-2%,-1%,0) rotate(-4deg);opacity:.45}to{transform:translate3d(3%,2%,0) rotate(5deg);opacity:.9}}@keyframes mk-orbit{0%,100%{transform:scale(.95);opacity:.55}50%{transform:scale(1.08);opacity:1}}@keyframes mk-drift{from{transform:translate3d(-9px,-13px,0);opacity:.35}to{transform:translate3d(13px,17px,0);opacity:1}}@keyframes mk-reveal{from{opacity:0;transform:translate3d(0,28px,0)}to{opacity:1;transform:translate3d(0,0,0)}}@keyframes mk-shot{from{opacity:0;transform:translate3d(45px,38px,0) rotate(-7deg) scale(.96)}to{opacity:1;transform:translate3d(0,0,0) rotate(-3deg) scale(1)}}
@media(prefers-reduced-motion:reduce){.mk-atmosphere{display:none}.mk-enter,.mk-enter-shot{animation:none}}

/* The web access page shares the same living atmosphere; the native desktop login is untouched. */
.login-story::before{animation:login-stars 13s linear infinite}.login-story::after{animation:login-glow 10s ease-in-out infinite alternate}.login-story .site-brand,.login-story .site-eyebrow,.login-story h1,.login-story p,.login-points,.login-signal{animation:login-rise .7s both cubic-bezier(.16,.8,.28,1)}.login-story .site-eyebrow{animation-delay:.08s}.login-story h1{animation-delay:.14s}.login-story p{animation-delay:.2s}.login-points{animation-delay:.27s}.login-signal{animation-delay:.36s}.login-signal article{animation:login-card 5.6s ease-in-out infinite}.login-signal article:nth-child(2){animation-delay:1.1s}.login-signal article:nth-child(3){animation-delay:2.2s}@keyframes login-stars{from{background-position:0 0}to{background-position:62px 62px}}@keyframes login-glow{from{transform:translate3d(-18px,-8px,0) scale(.96);opacity:.55}to{transform:translate3d(24px,20px,0) scale(1.08);opacity:1}}@keyframes login-rise{from{opacity:0;transform:translate3d(0,18px,0)}to{opacity:1;transform:none}}@keyframes login-card{0%,100%{transform:translateY(0);border-color:rgba(255,255,255,.11)}50%{transform:translateY(-5px);border-color:rgba(174,194,255,.34)}}
@media(prefers-reduced-motion:reduce){.login-story::before,.login-story::after,.login-story .site-brand,.login-story .site-eyebrow,.login-story h1,.login-story p,.login-points,.login-signal,.login-signal article{animation:none}}

/* Scroll choreography inspired by the two scroll-container references. */
.mk-scroll-stage{--mk-scroll-progress:0}.mk-scroll-stage .mk-scroll-screen{transform:perspective(1400px) translate3d(calc(var(--mk-scroll-progress) * -18px),calc(var(--mk-scroll-progress) * -84px),0) rotateX(calc(15deg - (var(--mk-scroll-progress) * 15deg))) rotateZ(calc(-3deg + (var(--mk-scroll-progress) * 3deg))) scale(calc(.93 + (var(--mk-scroll-progress) * .07)));transform-origin:center bottom;transition:transform .06s linear}.mk-scroll-stage .mk-hero-copy{transform:translate3d(0,calc(var(--mk-scroll-progress) * -56px),0);transition:transform .08s linear}.mk-scroll-stage .mk-hero-shot::after{content:"";position:absolute;z-index:-1;left:12%;right:12%;bottom:-34px;height:62px;border-radius:50%;background:rgba(17,48,102,.25);filter:blur(24px);transform:scale(calc(.85 + (var(--mk-scroll-progress) * .2)));transition:transform .08s linear}.mk-scroll-stage .mk-hero-shot img{transform:translateZ(0);transition:filter .3s ease}.mk-scroll-stage .mk-hero-shot:hover img{filter:saturate(1.06) contrast(1.02)}.mk-enter{animation:mk-reveal .8s .08s backwards cubic-bezier(.16,.8,.28,1)}.mk-enter-shot{animation:mk-shot-fade .9s .2s backwards cubic-bezier(.16,.8,.28,1)}@keyframes mk-shot-fade{from{opacity:0}to{opacity:1}}
@media(max-width:720px){.mk-scroll-stage .mk-scroll-screen{transform:translate3d(0,calc(var(--mk-scroll-progress) * -18px),0) rotateX(calc(7deg - (var(--mk-scroll-progress) * 7deg))) rotateZ(calc(-1.5deg + (var(--mk-scroll-progress) * 1.5deg))) scale(calc(.96 + (var(--mk-scroll-progress) * .04)))}}

.mk-spark-canvas{position:absolute;z-index:1;inset:0;width:100%;height:100%;pointer-events:none;mix-blend-mode:screen;opacity:.92}.mk-hero-copy{position:relative;z-index:2}.mk-hero-shot{z-index:3}
@media(prefers-reduced-motion:reduce){.mk-spark-canvas{display:none}}

/* Confirmation is a calm product moment, rather than a blank transactional card. */
.chk-shell{position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fbff,#edf4ff)}.chk-shell::before,.chk-shell::after{content:"";position:absolute;border-radius:50%;pointer-events:none}.chk-shell::before{width:560px;height:560px;right:-210px;top:-260px;background:radial-gradient(circle,rgba(57,123,224,.2),transparent 68%)}.chk-shell::after{width:220px;height:220px;left:-70px;bottom:-80px;border:1px solid #cfe0fa;box-shadow:0 0 0 34px rgba(207,224,250,.46),0 0 0 80px rgba(207,224,250,.22)}.chk-card{position:relative;z-index:1;border:1px solid #d7e4f6!important;border-radius:28px!important;box-shadow:0 28px 76px rgba(35,70,130,.16)!important}.chk-spin{border-color:#d7e5ff!important;border-top-color:#2861c4!important}