/* Diagramas editoriais da landing: não representam telas do aplicativo. */
.nav,.hero{background:#fff;color:#151719}
.nav{border-color:#15171920}.nav-login{color:#52575e}
.hero{padding:76px 0 64px}.hero-grid{grid-template-columns:1.05fr 1fr;gap:50px}
.hero h1{font-size:clamp(2.6rem,4.5vw,4.4rem);letter-spacing:-.055em}
.hero h1 em,.hero .eyebrow{color:#008980}.hero-copy{color:#52575e;font-size:1rem}
.hero .button{background:#151719;color:#fff;border-color:#151719}.hero .button:hover{background:#008980;border-color:#008980}
.hero .button.secondary{background:transparent;color:#151719;border-color:#15171940}.hero .button.secondary:hover{background:#effaf8}
.hero-action small,.hero-trust{color:#62686d}.hero-trust strong{color:#151719}
.show-motion{min-width:0;background:#151719;color:#fff;position:relative;overflow:hidden}
.motion-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 22px;border-bottom:1px solid #ffffff20}
.motion-top>span{font-size:.58rem;letter-spacing:.13em;font-weight:700}
.motion-toggle{background:none;border:0;color:#b7bfc3;font:500 .65rem var(--body);cursor:pointer;min-height:44px;padding:0}.motion-toggle:hover{color:#74e5de}.motion-toggle[hidden]{display:none}.motion-toggle span{margin-left:6px;color:#74e5de}
.ticket-scene{height:365px;position:relative;display:grid;place-items:center;isolation:isolate}
.orbit{position:absolute;border:1px solid #74e5de38;border-radius:50%;width:300px;height:300px;transform:rotate(-24deg)}
.orbit-two{width:440px;height:215px;transform:rotate(-35deg)}
.orbit-one:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#74e5de;top:42px;left:37px;box-shadow:0 0 0 7px #74e5de15}
.scene-word{position:absolute;font-size:118px;font-weight:800;letter-spacing:-.08em;color:#ffffff06;transform:rotate(-90deg);left:-110px}
.show-ticket{position:relative;width:278px;background:#74e5de;color:#151719;padding:22px 24px 18px;transform:rotate(-7deg);box-shadow:14px 18px 0 #0004}
.ticket-top{display:flex;justify-content:space-between;font-size:.52rem;letter-spacing:.09em;font-weight:800}.ticket-top>span:last-child{font-size:1.3rem;line-height:1}
.ticket-title{display:block;font-size:2.7rem;line-height:1.03;font-weight:800;letter-spacing:-.065em;margin:20px 0 24px}
.ticket-rule{border-top:1px dashed #15171965;position:relative;margin:0 -24px 16px}
.ticket-rule:before,.ticket-rule:after{content:"";position:absolute;top:-10px;background:#151719;width:20px;height:20px;border-radius:50%}.ticket-rule:before{left:-10px}.ticket-rule:after{right:-10px}
.ticket-bottom{display:flex;justify-content:space-between;align-items:center;gap:8px}.ticket-caption{display:block;font-size:.48rem;letter-spacing:.12em;margin-bottom:3px}.ticket-bottom strong{font-size:1.1rem;letter-spacing:-.03em}.ticket-index{font-size:2.2rem;font-weight:800;line-height:1}
.ticket-barcode{height:19px;margin-top:20px;opacity:.6;background:repeating-linear-gradient(90deg,#151719 0 2px,transparent 2px 5px,#151719 5px 6px,transparent 6px 10px)}
.scene-note{position:absolute;bottom:12px;right:20px;color:#a7adb3;font-size:.5rem;letter-spacing:.14em}
.motion-stages{list-style:none;display:grid;grid-template-columns:repeat(5,1fr);margin:12px 22px 0;padding:0;gap:5px}
.motion-stages li{font-size:.53rem;color:#a7adb3;border-top:2px solid #ffffff24;padding-top:11px;text-align:center;transition:color .4s,border-color .4s}
.motion-stages li.is-active{color:#74e5de;border-color:#74e5de}
.motion-caption{text-align:center;font-size:.66rem;color:#a7adb3;margin:20px 12px}
.show-motion.is-playing .show-ticket{animation:ticket-float 6s ease-in-out infinite}.show-motion.is-playing .orbit-one{animation:orbit-turn 24s linear infinite}
.show-motion:not(.is-playing) .show-ticket,.show-motion:not(.is-playing) .orbit-one{animation-play-state:paused}
@keyframes ticket-float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-3deg)}}
@keyframes orbit-turn{from{transform:rotate(-24deg)}to{transform:rotate(336deg)}}
.workflow{margin:42px 0 28px;border:1px solid #ffffff24;background:#1b1e20}
.workflow-heading{padding:22px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px}.workflow-heading p{margin:0}.workflow-heading>p:last-child{font-size:.74rem;color:#a7adb3}.workflow-heading>p:last-child span{color:#74e5de;margin-left:12px}
.workflow-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-block:1px solid #ffffff24}
.workflow-tabs button{cursor:pointer;text-align:left;padding:18px 20px;min-height:72px;background:transparent;border:0;border-right:1px solid #ffffff24;color:#c5cbce;font:700 .84rem var(--body);transition:background .2s,color .2s}.workflow-tabs button:last-child{border-right:0}.workflow-tabs button span{display:block;font-size:.58rem;font-weight:500;margin-bottom:5px;opacity:.7}.workflow-tabs button:hover{background:#ffffff08}.workflow-tabs button[aria-expanded="true"]{background:#74e5de;color:#151719}
.workflow-panel{padding:44px 36px;display:grid;grid-template-columns:1.25fr 1fr;gap:44px;align-items:center}.workflow-panel[hidden]{display:none}
.workflow-copy{display:flex;align-items:start;gap:24px}.workflow-number{font-size:3.5rem;line-height:1;font-weight:800;color:#74e5de45;letter-spacing:-.07em}.workflow-copy h3{font-size:2rem;margin-bottom:16px}.workflow-copy p{color:#a7adb3;font-size:.9rem;max-width:39ch;margin:0}
.workflow-diagram{border-left:1px solid #74e5de60;padding-left:24px;display:grid;gap:10px}.diagram-label{font-size:.6rem;letter-spacing:.14em;color:#74e5de;margin-bottom:4px}.diagram-node{display:flex;align-items:center;gap:16px;padding:10px 16px;background:#ffffff05;font-size:.82rem}.diagram-node i{font-style:normal;color:#74e5de;font-size:.63rem}
.workflow[data-enhanced] .workflow-panel:not([hidden]) .diagram-node{animation:node-enter .45s both}.workflow[data-enhanced] .diagram-node:nth-child(3){animation-delay:.08s}.workflow[data-enhanced] .diagram-node:nth-child(4){animation-delay:.16s}
@keyframes node-enter{from{opacity:0;transform:translateX(12px)}to{opacity:1;transform:translateX(0)}}
.workflow-note{border-top:1px solid #ffffff14;padding:14px 28px;margin:0;font-size:.68rem;color:#a7adb3}
@media(max-width:1000px){.hero-grid{gap:30px}.motion-top{padding:12px 16px}.motion-top>span{font-size:.5rem}.motion-toggle{font-size:.6rem}.motion-stages{margin-inline:12px}.ticket-scene{height:340px}.show-ticket{width:240px}.ticket-title{font-size:2.4rem}.workflow-tabs button{padding:16px 12px}}
@media(max-width:700px){.hero{padding:36px 0 32px}.hero-grid{grid-template-columns:1fr;gap:32px}.hero h1{font-size:clamp(2.5rem,10vw,3.6rem);max-width:16ch}.hero-copy{font-size:.95rem}.show-motion{max-width:480px;width:100%;justify-self:center}.motion-top{padding:12px 18px}.motion-top>span{font-size:.55rem}.ticket-scene{height:330px}.show-ticket{width:244px}.motion-stages li{font-size:.55rem}.workflow-heading{padding:20px;display:block}.workflow-heading .eyebrow{margin-bottom:6px}.workflow-tabs{grid-template-columns:repeat(3,1fr)}.workflow-tabs button{font-size:.76rem;border-bottom:1px solid #ffffff24;min-height:68px}.workflow-tabs button:nth-child(3){border-right:0}.workflow-panel{grid-template-columns:1fr;gap:26px;padding:28px 20px}.workflow-copy{gap:16px}.workflow-number{font-size:2.5rem}.workflow-copy h3{font-size:1.65rem}.workflow-copy p{font-size:.85rem}.workflow-diagram{margin-left:5px;padding-left:16px}.workflow-note{padding:14px 20px}.workflow{margin-top:28px}}
@media(prefers-reduced-motion:reduce){.show-motion *,.workflow *{animation:none!important;transition:none!important}}