/* Meu Editor — editorial visual identity */
:root{--bg:#0c0c0e;--panel:#141416;--panel2:#1b1b1e;--line:#2a2a2e;--muted:#a5a5ac;--text:#f3f2ef;--lime:#d2ff5a;--lime-dark:#252b18;font-family:Manrope,Arial,sans-serif}
h1,h2,h3,.brand,.price{font-family:'Space Grotesk',Manrope,sans-serif}
h1,h2,h3{letter-spacing:-.055em}
.btn{border-radius:7px;font-size:12px;font-weight:700}
.btn.primary{color:#14180c;background:var(--lime);border-color:var(--lime)}
.btn:hover{transform:translateY(-2px);background:#29292c}
.btn.primary:hover{background:#e1ff90}
.brand{letter-spacing:-1.3px;font-size:23px}
.brand .dot{margin-left:-8px}
.landing{background:#0c0c0e}
.landing-nav{max-width:1536px;padding:23px 44px;height:91px}
.landing-links{font-size:12px;color:#bdbdc3}
.landing-actions .btn:first-child{background:transparent;border-color:transparent}
.landing-actions .btn{min-height:42px}
.landing-section{max-width:1360px;padding:100px 44px}
.eyebrow{color:#96969e;font-size:12px;letter-spacing:.14em}
.landing-section .eyebrow{color:#aaaab1}
.landing-section h2{font-size:clamp(34px,4vw,57px);line-height:1.06;font-weight:500;letter-spacing:-.055em}
.landing-section h2 span{color:#77777e}
.cinema-hero{margin:0 24px;min-height:650px;height:min(760px,76vw);position:relative;border-radius:12px;overflow:hidden;background:#241f1a}
.cinema-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.cinema-shade{position:absolute;inset:0;background:linear-gradient(90deg,#08080bd9 0%,#08080b85 38%,transparent 75%),linear-gradient(0deg,#0007,transparent 30%)}
.cinema-copy{position:relative;padding:75px 6%;max-width:800px}
.editorial-kicker{font-size:12px;letter-spacing:.17em;display:flex;gap:9px;align-items:center;color:#d0d0ce}
.editorial-kicker i{width:6px;height:6px;background:var(--lime);border-radius:50%}
.cinema-copy h1{font-size:clamp(60px,6.7vw,102px);line-height:.99;font-weight:500;margin:28px 0 24px;letter-spacing:-.065em}
.cinema-copy h1 em{font-style:normal;color:var(--lime)}
.cinema-copy p{color:#d1ceca;font-size:15px;line-height:1.8}
.cinema-actions{display:flex;align-items:center;gap:25px;margin:31px 0 22px}
.cinema-actions .btn{height:52px;padding:0 23px;font-size:13px}
.text-link{display:inline-flex;align-items:center;gap:12px;font-size:12px;font-weight:600}
.text-link .icon{width:16px}
.text-link:hover{color:var(--lime)}
.cinema-foot{font-size:12px;letter-spacing:.12em;color:#bcbab5}
.frame-label{position:absolute;bottom:24px;left:6%;right:6%;display:flex;justify-content:space-between;color:#b7b4ac;font-size:12px;letter-spacing:.2em}
.image-credit{position:absolute;right:26px;top:23px;color:#eee9;font-size:12px}
.capability-strip{max-width:1360px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 44px;margin:auto;border-bottom:1px solid var(--line)}
.capability-strip>span{font-size:12px;letter-spacing:.14em;color:#81818a}
.capability-strip strong{font-size:12px;display:flex;align-items:center;gap:10px;font-weight:500;color:#c0c0c6}
.capability-strip .icon{width:17px;color:#d2ff5a}
.editorial-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:34px}
.editorial-heading h2{margin:20px 0 0}
.editorial-heading>p{font-size:12px;color:var(--muted);line-height:1.9;max-width:350px;margin-bottom:5px}
.editorial-styles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.collection-note{display:flex;justify-content:space-between;margin-top:19px;gap:15px;color:#81818a;font-size:12px}
.collection-note>span:first-child{letter-spacing:.12em;font-size:12px}
.collection-note>span{display:flex;align-items:center;gap:12px}
.collection-note .icon{width:15px}
.comparison-section{background:#111113;border-top:1px solid #242428;border-bottom:1px solid #242428}
.comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.comparison-grid article{padding:40px;border-radius:10px;position:relative}
.manual-edit{background:#19191d;border:1px solid #303036}
.automatic-edit{background:#d2ff5a;color:#14180c}
.comparison-label{font-size:12px;letter-spacing:.15em}
.manual-edit .comparison-label{color:#a1a1ac}
.comparison-grid h3{font-size:43px;line-height:1.03;font-weight:500;margin:27px 0 20px}
.comparison-grid p{font-size:12px;max-width:380px;line-height:1.8;color:#aaaab3}
.automatic-edit p{color:#414b2c}
.comparison-grid ul{list-style:none;margin:25px 0 0;padding:0;display:grid;gap:13px}
.comparison-grid li{display:flex;align-items:center;gap:12px;font-size:12px}
.comparison-grid li .icon{width:16px}
.automatic-edit .btn.primary{background:#171b10;color:#efffd3;border-color:#171b10;margin-top:30px}
.manual-timeline{position:relative;margin:32px 0;height:105px;background:#111114;padding:14px;border-radius:5px;overflow:hidden}
.manual-timeline div{display:flex;gap:6px;margin-bottom:5px;height:20px}
.manual-timeline i{display:block;flex:1;border-radius:3px;background:#55495b}
.manual-timeline div:nth-child(2){margin-left:30px;margin-right:25px}
.manual-timeline div:nth-child(2) i{background:#51544b}
.manual-timeline div:nth-child(3) i{background:#4b505e}
.manual-timeline b{height:100%;width:1px;background:#ddd;position:absolute;left:43%;top:0}
.auto-flow{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 0;margin:22px 0;border-top:1px solid #17200e33;border-bottom:1px solid #17200e33}
.auto-flow span{display:flex;flex-direction:column;align-items:center;gap:9px;font-size:12px}
.auto-flow .icon{width:24px;height:24px}
.auto-flow b{font-weight:400;color:#5b6b35}
.comparison-note{font-size:12px!important;color:#84848d!important;max-width:950px!important;margin-top:19px;line-height:1.8}
.how-editorial{display:grid;grid-template-columns:1fr 1fr;gap:60px}
.how-editorial h2{margin:24px 0 30px}
.how-editorial h2 em{font-style:normal;color:#8b8b95}
.how-list article{display:flex;align-items:flex-start;gap:23px;padding:29px 0;border-bottom:1px solid var(--line)}
.how-list article>span{font-family:'Space Grotesk',sans-serif;font-size:18px;color:#787882}
.how-list article>div{flex:1}
.how-list h3{font-size:18px;font-weight:500;letter-spacing:-.03em;margin-bottom:10px}
.how-list p{font-size:12px;color:var(--muted);line-height:1.8}
.how-list article>.icon{width:19px;color:var(--lime)}
.landing-pricing{border-top:1px solid var(--line)}
.landing-pricing>p{font-size:13px;line-height:1.9}
.pack{background:#151518;border-color:#303035;border-radius:10px}
.pack.featured{background:#1c2114;border-color:#73864a}
.pack .price{font-weight:500}
.pack h3{font-size:18px}
.pack p,.pack li{color:#b0b0b8}
.pack.featured p,.pack.featured li{color:#bdc7aa}
.recommended{background:var(--lime);color:#18200d}
.faq summary{font-size:14px}
.faq details p{font-size:13px}
.final-cta{background:linear-gradient(90deg,#0a0a0aee,#0a0a0a80),url('/assets/editorial-hero.png') center 40%/cover;border-color:#3b3b3e;margin:0 0 70px;padding:80px 25px}
.landing-footer{max-width:1360px}
.landing-footer small{color:#888890}
@media(min-width:1500px){.cinema-copy{padding-top:90px}
.cinema-hero{height:760px}
}
@media(max-width:1100px){.landing-nav{padding:20px 28px}
.cinema-hero{min-height:620px}
.cinema-copy{padding:65px 5%}
.cinema-copy h1{font-size:76px}
.landing-section{padding:75px 28px}
.capability-strip{padding:28px}
.capability-strip>span{display:none}
.editorial-heading>p{max-width:280px}
.comparison-grid article{padding:30px}
.how-editorial{gap:35px}
.how-list h3{font-size:16px}
}
@media(max-width:800px){.landing-nav{height:80px}
.cinema-hero{margin:0 16px;min-height:590px}
.cinema-copy h1{font-size:66px}
.cinema-copy{padding:60px 30px}
.cinema-image{object-position:60% center}
.cinema-shade{background:linear-gradient(90deg,#08080bcc,#08080b44),linear-gradient(0deg,#0008,transparent)}
.cinema-copy p{font-size:13px}
.cinema-actions{gap:16px}
.cinema-actions .btn{font-size:12px}
.editorial-heading{align-items:flex-start;flex-direction:column;gap:16px}
.editorial-heading>p{max-width:100%}
.editorial-styles{grid-template-columns:repeat(2,minmax(0,1fr))}
.how-editorial{grid-template-columns:1fr}
.comparison-grid h3{font-size:36px}
.comparison-grid article{padding:25px}
.comparison-grid li{font-size:12px}
.comparison-grid .btn{font-size:12px;padding:0 12px}
.capability-strip{flex-wrap:wrap;justify-content:center;gap:20px 35px}
.capability-strip strong{font-size:12px}
}
@media(max-width:560px){.landing-nav{height:74px;padding:17px 20px}
.landing-nav .brand{font-size:20px}
.landing-actions .btn:first-child{display:none}
.landing-actions .btn{font-size:12px;min-height:37px;padding:0 12px}
.cinema-hero{margin:0 10px;min-height:660px;height:auto;border-radius:9px}
.cinema-image{object-position:66% center}
.cinema-shade{background:linear-gradient(0deg,#08080bf5 0%,#08080b70 65%,#08080b40)}
.cinema-copy{padding:65px 24px 100px}
.editorial-kicker{font-size:12px}
.cinema-copy h1{font-size:58px;margin-top:110px;line-height:1}
.cinema-copy p{font-size:12px}
.cinema-actions{align-items:flex-start;gap:18px;flex-direction:column;margin:25px 0 18px}
.cinema-actions .btn{height:48px}
.cinema-foot{font-size:12px}
.frame-label{bottom:22px;left:24px;font-size:12px}
.frame-label span:last-child{display:none}
.image-credit{top:18px;right:17px;font-size:12px}
.capability-strip{display:grid;grid-template-columns:1fr 1fr;padding:25px 22px;gap:18px 12px}
.capability-strip strong{font-size:12px;gap:7px}
.capability-strip .icon{width:15px}
.landing-section{padding:60px 22px}
.landing-section h2{font-size:36px}
.editorial-heading{gap:14px;margin-bottom:28px}
.editorial-heading>p{font-size:12px}
.editorial-styles{gap:12px}
.collection-note{flex-direction:column;gap:8px;font-size:12px}
.comparison-grid{grid-template-columns:1fr;gap:16px}
.comparison-grid article{padding:29px}
.comparison-grid h3{font-size:39px}
.comparison-grid li{font-size:12px}
.comparison-grid .btn{font-size:12px}
.comparison-note{font-size:12px!important}
.how-editorial{gap:20px}
.how-list article{gap:16px}
.how-list h3{font-size:16px}
.how-list p{font-size:12px}
.how-list article>span{font-size:15px}
.landing-pricing>p{font-size:12px}
.pack li{font-size:12px}
.final-cta{padding:50px 22px;margin:0 0 40px}
.landing-footer .brand{font-size:18px}
.landing-footer small{font-size:12px}
}