/* Refinamentos da prévia: identidade fornecida e telas reais da Criatto. */
.brand.brand-official img{display:block;width:184px;height:auto;max-width:none}
.brand.brand-official:hover img{transform:none}
.site-footer .brand-official{background:#fff;padding:10px 16px;border-radius:14px}
.poster-symbol{display:grid;place-items:center;width:72px;height:82px;margin-bottom:14px;background:#fff;border-radius:17px;box-shadow:0 12px 32px #1a005033}
.poster-symbol img{width:55px;height:66px;object-fit:contain}
.plan-dialog>.dialog-symbol{width:48px;height:58px;object-fit:contain}
.central-layout{grid-template-columns:.9fr 1.2fr;gap:44px}
.tools-visual-expanded{min-height:520px;margin-bottom:20px}
.tools-visual-expanded .tool-chip{padding:12px 14px;gap:9px;font-size:12px;line-height:1.2;border-radius:13px}
.tool-chip>img{width:26px;height:26px;object-fit:contain;flex-shrink:0}
.tool-chip small{display:block;color:var(--muted);font-size:9px;font-weight:400;margin-top:5px}
.sheet-mark{width:26px;height:26px;display:grid;place-items:center;border-radius:5px;background:#e5f4e9;color:#188038;flex-shrink:0}
.sheet-mark .icon{width:20px;height:20px}
.tool-position-0{left:9%;top:1%}.tool-position-1{right:9%;top:0}
.tool-position-2{left:0;top:25%}.tool-position-3{right:0;top:25%}
.tool-position-4{right:0;bottom:22%}.tool-position-5{left:0;bottom:22%}
.tool-position-6{left:9%;bottom:0}.tool-position-7{right:9%;bottom:1%}
.tools-visual-expanded .criatto-hub{width:178px;height:204px;top:50%;border-radius:28px}
.tools-visual-expanded .hub-official-symbol{width:80px;height:96px;object-fit:contain;margin-bottom:10px}
.tools-visual-expanded .criatto-hub strong{font-size:27px}
.tools-visual-expanded .hub-caption{bottom:-36px;font-size:10px}
.tools-visual-expanded .tools-orbit{inset:52px 26px}
.real-demo .flow-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}
.real-capture{position:relative;aspect-ratio:1090/584;background:#fff8f6;overflow:hidden}
.real-capture>img{display:block;width:100%;height:100%;object-fit:contain}
.capture-zoom{position:absolute;right:16px;bottom:16px;box-shadow:0 4px 16px #1a005018;color:var(--deep);border-color:#e6d9f5}
.capture-zoom:hover{background:var(--soft)}
.real-flow-caption{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:24px 28px;border-top:1px solid var(--border)}
.real-flow-caption h3{font-size:19px;letter-spacing:-.035em;line-height:1.3;font-weight:600}
.real-flow-caption p{font-size:12px;line-height:1.65;color:var(--muted);margin-top:7px}
.real-flow-caption>span{font-size:8px;letter-spacing:.08em;color:var(--muted);text-align:right;max-width:160px;line-height:1.7}
.screen-dialog{width:min(1180px,calc(100% - 32px));max-height:calc(100dvh - 32px);border:1px solid var(--border);border-radius:18px;padding:0;background:#fff;box-shadow:0 24px 70px #1a005044;overflow:auto}
.screen-dialog::backdrop{background:#1a0050b3;backdrop-filter:blur(5px)}
.screen-dialog-header{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 18px;background:#fff;border-bottom:1px solid var(--border)}
.screen-dialog-header h2{font-size:17px;letter-spacing:-.025em;line-height:1.4}
.screen-dialog>img{display:block;width:100%;height:auto;max-height:calc(100dvh - 106px);object-fit:contain;object-position:top;background:#fff8f6}
.luzia-capabilities{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:20px}
.luzia-capabilities li{display:flex;align-items:flex-start;gap:12px}
.luzia-capabilities li>span{display:grid;place-items:center;width:34px;height:34px;flex-shrink:0;background:#f4edff;border-radius:9px;color:var(--purple)}
.luzia-capabilities .icon{width:17px;height:17px}
.luzia-capabilities strong{font-size:13px;font-weight:600;line-height:1.5}
.luzia-capabilities p{font-size:11px;line-height:1.7;margin-top:4px;color:var(--muted);max-width:340px}
.start-section{background:#faf8ff;border-top:1px solid #f0e8fb}
.start-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px}
.start-layout h2{font-size:clamp(35px,3.7vw,48px)}
.start-steps{list-style:none;padding:0;display:grid;gap:26px}
.start-steps li{display:flex;gap:18px;align-items:center}
.start-steps li>span{flex-shrink:0;width:47px;height:47px;border:1px solid #e5d8f7;border-radius:14px;background:#fff;display:grid;place-items:center;color:var(--purple);font-size:12px;font-weight:600}
.start-steps strong{font-size:16px;font-weight:550;letter-spacing:-.02em}
.start-steps p{font-size:12px;line-height:1.6;margin-top:6px;color:var(--muted)}
.testimonials-section{padding-bottom:84px}
.testimonials-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:42px}
.testimonial-controls{display:flex;gap:10px;flex-shrink:0}
.testimonial-controls .icon-button{background:#ffffff12;border-color:#ffffff40;color:#fff}
.testimonial-controls .icon-button:hover{background:#ffffff24}
.testimonial-prev .icon{transform:rotate(180deg)}
.testimonials-viewport{overflow-x:auto;overflow-y:hidden;scrollbar-width:none;overscroll-behavior-x:contain;padding:4px 0 12px max(24px,calc((100vw - 1200px)/2));cursor:grab;touch-action:pan-x pan-y;max-width:100%}
.testimonials-viewport::-webkit-scrollbar{display:none}
.testimonials-viewport:focus-visible{outline-offset:-4px}
.testimonials-track{display:flex;width:max-content}
.testimonial-group{display:flex;gap:20px;padding-right:20px;flex-shrink:0}
.testimonial-card{display:flex;flex-direction:column;width:330px;min-height:310px;padding:26px;border-radius:20px;background:#fff;color:var(--deep);box-shadow:0 12px 30px #1a005018}
.quote-mark{height:42px;color:var(--purple);font-size:58px;line-height:1;font-weight:550}
.testimonial-card blockquote{margin:8px 0 28px}
.testimonial-card blockquote p{font-size:14px;line-height:1.8;color:#423354}
.testimonial-person{margin-top:auto;display:flex;align-items:center;gap:11px}
.testimonial-avatar{display:grid;place-items:center;flex-shrink:0;width:37px;height:37px;border-radius:12px;background:#f0e7ff;color:var(--structure);font-size:11px;font-weight:600}
.testimonial-person cite{font-size:12px;line-height:1.5;font-style:normal;font-weight:600}
.plan-benefits{list-style:none;margin:22px 0 26px;padding:0;display:grid;gap:11px;font-size:12px;line-height:1.5;color:#514260}
.plan-benefits li{position:relative;padding-left:17px}
.plan-benefits li::before{content:'✓';position:absolute;left:0;top:0;color:var(--purple);font-size:11px}
.plan-benefits .ai-benefit{font-weight:550;color:var(--structure)}
.plan-benefits .muted-benefit{color:var(--muted)}
.plan-benefits .muted-benefit::before{content:'—';color:var(--muted)}
.plan-proposal-note{margin-top:-26px;margin-bottom:40px;color:var(--muted);font-size:10px;line-height:1.7;text-align:center}
.video-stage iframe{position:absolute;inset:0;display:block;width:100%;height:100%;border:0;z-index:7;background:var(--deep)}
.video-launch{position:absolute;inset:0;z-index:4;display:flex;align-items:flex-end;justify-content:center;padding-bottom:28px;border:0;background:transparent;color:#fff;cursor:pointer}
.video-launch-label{display:flex;align-items:center;gap:10px;padding:12px 20px;border:1px solid #ffffff55;background:#1a0050c9;border-radius:999px;font-size:13px;backdrop-filter:blur(8px)}
.video-launch-label>.icon{width:17px;height:17px;fill:currentColor;stroke-width:1}
.video-launch:hover .video-launch-label{background:var(--structure)}
.video-launch:focus-visible{outline-offset:-6px;outline-color:var(--on-brand)}
.video-stage.video-ready .video-bottomline{display:none}
.video-stage.video-ready .video-poster-content{padding-bottom:90px}
@media(max-width:1000px){.central-layout{grid-template-columns:.85fr 1.15fr;gap:24px}.tools-visual-expanded .tool-chip{padding:10px;font-size:11px}.tools-visual-expanded .criatto-hub{width:146px;height:178px}.tools-visual-expanded .hub-official-symbol{width:65px;height:78px}.tool-position-0{left:0}.tool-position-1{right:0}.tool-position-6{left:0}.tool-position-7{right:0}.start-layout{gap:40px}.plan-benefits{font-size:11px}}
@media(max-width:800px){.central-layout{display:flex;flex-direction:column;align-items:stretch;gap:32px}.tools-visual-expanded{width:100%;max-width:560px;align-self:center;min-height:510px}.tools-visual-expanded .tool-chip{padding:12px 14px;font-size:12px}.tools-visual-expanded .criatto-hub{width:178px;height:204px}.tools-visual-expanded .hub-official-symbol{width:80px;height:96px}.tool-position-0,.tool-position-6{left:9%}.tool-position-1,.tool-position-7{right:9%}.real-flow-caption{padding:20px}.real-flow-caption h3{font-size:17px}.real-flow-caption>span{max-width:120px;font-size:7px}.start-layout{grid-template-columns:1fr;gap:35px}.start-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.start-steps li{display:block}.start-steps li>span{margin-bottom:14px}.start-steps strong{font-size:14px}.start-steps p{font-size:11px}.testimonials-heading h2{font-size:35px}.testimonials-heading{gap:20px}.testimonial-card{width:310px;min-height:315px}}
@media(max-width:600px){.brand.brand-official img{width:142px}.site-footer .brand.brand-official img{width:168px}.poster-symbol{width:43px;height:50px;border-radius:10px;margin-bottom:8px}.poster-symbol img{width:32px;height:39px}.tools-visual-expanded{min-height:470px;margin-top:12px;margin-bottom:34px}.tools-visual-expanded .tool-chip{padding:10px 11px;font-size:11px;gap:8px}.tool-chip>img,.sheet-mark{width:22px;height:22px}.tool-chip small{font-size:8px;margin-top:4px}.tools-visual-expanded .criatto-hub{width:138px;height:168px;border-radius:22px;top:50%}.tools-visual-expanded .hub-official-symbol{width:60px;height:72px;margin-bottom:9px}.tools-visual-expanded .criatto-hub strong{font-size:24px}.tools-visual-expanded .criatto-hub>span{font-size:8px}.tool-position-0,.tool-position-6{left:0}.tool-position-1,.tool-position-7{right:0}.tool-position-2,.tool-position-3{top:19%}.tool-position-4,.tool-position-5{bottom:20%}.tools-visual-expanded .tools-orbit{inset:45px 5px}.tools-visual-expanded .hub-caption{bottom:-34px;font-size:9px}.real-demo .flow-tabs{padding:8px;gap:4px}.real-demo .flow-tab{font-size:10px;gap:5px;padding:10px 7px;min-height:50px;line-height:1.5}.real-demo .flow-tab>.icon{display:none}.real-demo .flow-tab>span{font-size:7px}.real-flow-caption{display:block;padding:18px}.real-flow-caption h3{font-size:16px}.real-flow-caption p{font-size:11px;line-height:1.65}.real-flow-caption>span{display:block;max-width:none;text-align:left;margin-top:13px;font-size:6px}.capture-zoom{right:9px;bottom:9px;min-width:38px;min-height:38px;border-radius:9px}.capture-zoom .icon{width:16px;height:16px}.screen-dialog-header{padding:10px 12px}.screen-dialog-header h2{font-size:14px}.luzia-capabilities{gap:17px;margin-top:23px}.luzia-capabilities strong{font-size:13px}.luzia-capabilities p{font-size:11px;max-width:none}.start-steps{grid-template-columns:1fr;gap:22px}.start-steps li{display:flex;gap:16px}.start-steps li>span{margin-bottom:0}.start-steps strong{font-size:15px}.start-steps p{font-size:12px}.testimonials-section{padding-bottom:52px}.testimonials-heading{display:block;margin-bottom:27px}.testimonials-heading h2{font-size:33px}.testimonials-heading h2 br{display:none}.testimonial-controls{margin-top:22px}.testimonial-group{gap:14px;padding-right:14px}.testimonial-group:first-child{padding-left:20px}.testimonial-card{width:min(300px,calc(100vw - 54px));padding:24px;min-height:320px}.testimonial-card blockquote p{font-size:13px}.testimonial-person cite{font-size:11px}.plan-benefits{font-size:12px;margin:22px 0}.plan-proposal-note{margin-top:-28px;margin-bottom:30px;font-size:9px;text-align:left}.video-launch{padding-bottom:16px}.video-launch-label{padding:10px 14px;font-size:11px}.video-stage.video-ready .video-poster-content{padding-bottom:76px}}
@media(max-width:360px){.brand.brand-official img{width:122px}.header-inner{gap:10px}.tools-visual-expanded .tool-chip{padding:9px;font-size:10px;gap:7px}.tools-visual-expanded .criatto-hub{width:126px}.real-demo .flow-tab{font-size:9px;padding:8px 5px}.testimonial-card{padding:20px}}
@media(prefers-reduced-motion:reduce){.testimonials-viewport{scroll-behavior:auto}.real-capture>img{transition:none}}
@media(max-width:600px){.testimonials-viewport{padding-left:20px}.testimonial-group:first-child{padding-left:0}}
