/* CSS do layout Partners, escopado em #ag para não vazar na moldura do sunara.com.br. :root/html/body viram #ag; @media e @supports mantêm o cabeçalho e escopam o conteúdo; @keyframes e @font-face ficam intactos. Comentário na posição do seletor é separado antes de escopar — deixá-lo colado gera "#ag /*…*\/ :root", que não casa com nada e anula a regra. A nav do site é fixa, daí a folga no topo. */ #ag{padding-top:78px} #ag{--ink:#191a16;--muted:#6d7066;--gold:#aa7d12;--sand:#f6f2e9;--line:#dfdfd5}#ag, #ag *{box-sizing:border-box}#ag{scroll-behavior:smooth;scroll-padding-top:100px}#ag{margin:0;color:var(--ink);background:#fff;font-family:Inter,Arial,sans-serif;font-size:16px;line-height:1.6}#ag button, #ag a{-webkit-tap-highlight-color:transparent}#ag a{color:inherit;text-decoration:none}#ag button{font:inherit;color:inherit;cursor:pointer}#ag button:focus-visible, #ag a:focus-visible, #ag summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}#ag img{display:block;max-width:100%;object-fit:cover}#ag h1, #ag h2, #ag h3, #ag p{margin:0}#ag h1, #ag h2, #ag h3{font-weight:500;line-height:1.08;letter-spacing:-.045em}#ag h1{font-size:clamp(60px,6.6vw,100px)}#ag h2{font-size:clamp(36px,4.1vw,60px)}#ag em{font-style:normal;color:var(--gold)}#ag .wrap{width:min(1280px,calc(100% - 96px));margin:auto}#ag .section{padding-top:110px;padding-bottom:110px}#ag .eyebrow{font-size:12px;letter-spacing:.12em;font-weight:600;margin-bottom:24px}#ag .skip{position:absolute;left:10px;top:-100px;background:white;padding:15px;z-index:100}#ag .skip:focus{top:10px}#ag header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:30px;padding:0 48px;border-bottom:1px solid var(--line);background:#fff;position:relative;z-index:5}#ag .brand{display:flex;align-items:center;gap:16px}#ag .brand img{width:133px;height:auto}#ag .brand>span{border-left:1px solid #bbb;padding-left:16px;font-size:20px;letter-spacing:-.06em}#ag header nav, #ag .nav-actions{display:flex;align-items:center;gap:28px;font-size:14px}#ag header nav a:hover, #ag .text-link:hover{color:var(--gold)}#ag .button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;background:var(--ink);color:white;padding:17px 25px;border-radius:8px;font-weight:500;font-size:15px;min-height:54px;transition:background .2s,transform .2s}#ag .button:hover{background:#3a3c2e;transform:translateY(-2px)}#ag .button.small{padding:12px 18px;min-height:44px}#ag .arrow-icon{width:20px;height:20px;vertical-align:middle;flex-shrink:0}#ag .menu{display:none;background:white;border:1px solid var(--line);border-radius:8px;min-height:44px;padding:8px 14px}#ag #mobile-nav{padding:20px;background:var(--sand)}#ag #mobile-nav:not([hidden]){display:flex;flex-direction:column;gap:18px}#ag .hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:64px;padding-bottom:76px;align-items:center}#ag .hero-copy{padding-bottom:15px}#ag .hero .eyebrow{color:var(--muted)}#ag .intro{font-size:23px;line-height:1.45;margin:28px 0 16px;letter-spacing:-.025em}#ag .hero-detail{color:var(--muted);max-width:420px}#ag .actions{display:flex;align-items:center;gap:30px;margin-top:30px}#ag .text-link{display:inline-flex;align-items:center;gap:18px;font-size:15px;font-weight:500}#ag .micro, #ag .footnote{font-size:12px;line-height:1.7;color:var(--muted);margin-top:16px}#ag .hero-art{position:relative;padding-left:35px;padding-bottom:35px}#ag .portrait{height:630px;position:relative;border-radius:160px 12px 12px 12px;overflow:hidden;background:var(--sand)}#ag .portrait>img{width:100%;height:100%;object-position:center 65%;transition:transform 1.5s}#ag .portrait:hover>img{transform:scale(1.035)}#ag .photo-caption{position:absolute;top:50px;right:34px;font-size:17px;color:#403820;line-height:1.35}#ag .photo-caption strong{font-weight:500}#ag .journey-overlay{position:absolute;bottom:0;left:0;background:#fff;padding:25px 28px;border:1px solid var(--line);border-radius:10px;width:310px;box-shadow:0 20px 50px #29251712}#ag .journey-overlay>div:first-child{display:flex;justify-content:space-between;align-items:center}#ag .mini-label{font-size:11px;letter-spacing:.09em;color:var(--muted)}#ag .gold-dot{width:9px;height:9px;background:#c5972e;border-radius:50%}#ag .journey-overlay strong{display:block;font-size:25px;font-weight:500;line-height:1.2;letter-spacing:-.03em;margin:18px 0}#ag .mini-steps{display:flex;align-items:center;gap:8px;font-size:11px}#ag .mini-steps i{height:1px;background:#d9ccaa;flex:1}#ag .art-index{position:absolute;bottom:0;right:0;font-size:11px;letter-spacing:.12em;color:var(--muted)}#ag .intro-band{display:flex;justify-content:center;gap:70px;background:var(--sand);padding:26px 24px;color:#65685d;font-size:18px;letter-spacing:-.025em}#ag .section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:48px}#ag .section-heading>p{color:var(--muted)}#ag .profiles{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--line);border-radius:10px;overflow:hidden}#ag .profile{text-align:left;border:0;border-right:1px solid var(--line);background:white;padding:30px 25px;display:flex;flex-direction:column;align-items:flex-start;transition:background .3s}#ag .profile:last-child{border-right:0}#ag .profile>span{font-size:12px;color:var(--muted);margin-bottom:45px}#ag .profile h3{font-size:25px;min-height:55px}#ag .profile p{font-size:15px;color:var(--muted);margin:18px 0 28px}#ag .profile b{font-size:12px;font-weight:500;margin-top:auto}#ag .profile.active, #ag .profile:hover{background:var(--sand)}#ag .profile.active{box-shadow:inset 0 -3px var(--gold)}#ag .profile-insight{padding:20px 0;color:var(--muted);font-size:15px;max-width:850px}#ag .solutions{background:var(--sand)}#ag .tabs{display:flex;gap:32px;border-bottom:1px solid #d5d1c7;margin-bottom:32px}#ag .tabs button{border:0;border-bottom:3px solid transparent;background:none;padding:15px 0;font-size:16px}#ag .tabs [aria-selected=true]{border-color:var(--ink);font-weight:600}#ag .solution-panel{height:560px;position:relative;border-radius:12px;overflow:hidden;background:#35362d}#ag .solution-panel>img{width:100%;height:100%;object-position:center;transition:opacity .3s}#ag .solution-shade{position:absolute;inset:0;background:linear-gradient(90deg,#141910bd,transparent 90%),linear-gradient(0deg,#11170d70,transparent)}#ag .solution-content{position:absolute;left:48px;top:42px;bottom:40px;width:440px;display:flex;flex-direction:column;align-items:flex-start;color:#fff}#ag .pill{font-size:11px;letter-spacing:.09em;border:1px solid #ffffff65;border-radius:30px;padding:8px 14px}#ag .solution-content h3{font-size:46px;margin-top:auto;margin-bottom:20px}#ag .solution-content p{max-width:340px;line-height:1.6;margin-bottom:25px}#ag .button.light{background:#fff;color:var(--ink)}#ag .solution-note{position:absolute;bottom:44px;right:40px;color:#fff;border-top:1px solid #ffffff80;padding-top:18px}#ag .solution-note>span{font-size:11px;letter-spacing:.1em}#ag .solution-note p{font-size:17px;line-height:1.45;margin-top:12px}#ag .platform{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}#ag .platform-copy>p:not(.eyebrow){color:var(--muted);margin-top:24px;max-width:440px}#ag .feature-list{margin-top:35px}#ag .feature-list button{display:flex;align-items:flex-start;gap:18px;width:100%;padding:20px 0;border:0;border-top:1px solid var(--line);background:white;text-align:left}#ag .feature-list button>span{font-size:12px;color:var(--muted)}#ag .feature-list h3{font-size:20px}#ag .feature-list p{font-size:14px;color:var(--muted);margin-top:7px}#ag .feature-list b{margin-left:auto;font-weight:400}#ag .feature-list .selected{color:var(--gold)}#ag .platform-visual{background:#eeeee6;padding:48px 30px 25px;border-radius:14px}#ag .mockup{background:white;border-radius:12px;box-shadow:0 18px 40px #2a332018;overflow:hidden;transform:rotate(-2deg)}#ag .mock-header{display:flex;justify-content:space-between;align-items:center;padding:20px 24px;border-bottom:1px solid var(--line);font-size:21px;letter-spacing:-.04em}#ag .mock-header b{font-size:13px;font-weight:400}#ag .avatar{font-size:11px;padding:9px;background:var(--sand);border-radius:50%}#ag .mock-body{padding:30px 24px;min-height:410px}#ag .mock-body h3{font-size:30px;margin:18px 0 26px}#ag .mock-row{display:flex;align-items:center;gap:10px;padding:17px 0;border-bottom:1px solid #eeeee8}#ag .row-icon{width:28px;font-size:20px;color:var(--gold)}#ag .mock-row strong{font-size:13px;font-weight:500;display:block}#ag .mock-row small{display:block;font-size:11px;color:var(--muted)}#ag .status{font-size:10px;background:#edf0e7;padding:5px 8px;border-radius:20px;margin-left:auto}#ag .status.neutral{background:var(--sand)}#ag .mock-tip{font-size:13px;color:var(--muted);margin-top:25px}#ag .platform-visual>.footnote{text-align:center;margin-top:25px}#ag .process{background:#20231b;color:#fff}#ag .process em{color:#c3ad72}#ag .process .eyebrow{color:#c8caba}#ag .process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;margin-top:60px}#ag .step{display:block;font-size:14px;color:#c3ad72;border-bottom:1px solid #ffffff30;padding-bottom:22px;margin-bottom:28px}#ag .process-grid h3{font-size:32px;margin-bottom:18px}#ag .process-grid p{color:#c4c8bc;max-width:320px}#ag .commission{border-top:1px solid #ffffff30;margin-top:65px;padding-top:35px;display:grid;grid-template-columns:1fr 2fr 1fr;gap:40px;align-items:start}#ag .commission h3{font-size:25px}#ag .commission p{font-size:14px;color:#c4c8bc}#ag .commission a{font-size:14px}#ag .networks{display:grid;grid-template-columns:repeat(6,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:36px 0;gap:35px;align-items:center}#ag .networks img{width:100%;height:40px;object-fit:contain;filter:grayscale(1);opacity:.7}#ag .networks>span{font-size:19px;color:var(--gold);line-height:1.2}#ag .faq{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr;gap:65px}#ag .faq .text-link{margin-top:30px}#ag .questions details{border-bottom:1px solid var(--line)}#ag summary{cursor:pointer;padding:24px 26px 24px 0;font-size:17px;list-style:none;position:relative}#ag summary::-webkit-details-marker{display:none}#ag summary:after{content:'+';position:absolute;right:0;font-size:22px;top:18px}#ag details[open] summary:after{content:'−'}#ag details p{color:var(--muted);font-size:15px;padding-bottom:24px}#ag .final-cta{background:var(--sand);padding:90px 0;text-align:center}#ag .final-cta h2{max-width:820px;margin:0 auto 32px}#ag .final-cta .button{min-width:230px}#ag footer{padding-top:55px}#ag .footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:35px;align-items:start;padding-bottom:50px}#ag .footer-top .brand{flex-wrap:wrap;gap:10px}#ag .footer-top .brand>span{font-size:17px}#ag .footer-top p, #ag .footer-top>div{font-size:14px;color:var(--muted)}#ag .footer-top>div{display:flex;flex-direction:column;gap:12px}#ag .legal{display:flex;gap:25px;border-top:1px solid var(--line);padding:25px 0 35px;font-size:11px;color:var(--muted)}#ag .legal p:nth-child(2){flex:1}#ag .whatsapp{position:fixed;bottom:24px;right:24px;width:54px;height:54px;background:#12866f;color:white;display:grid;place-items:center;border-radius:50%;z-index:20;box-shadow:0 6px 25px #0002}#ag .whatsapp svg{width:29px;height:29px}@media(prefers-reduced-motion:no-preference){#ag .hero-copy{animation:enter .8s both}#ag .hero-art{animation:enter 1s .15s both}@keyframes enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}}@media(min-width:801px) and (max-width:1100px){#ag header nav{display:none}#ag .hero{gap:20px}#ag .portrait{height:590px}#ag .hero-art{padding-left:10px}#ag .profiles{grid-template-columns:1fr 1fr}#ag .profile:nth-child(2){border-right:0}#ag .profile{border-bottom:1px solid var(--line)}#ag .platform{gap:30px}#ag .commission{grid-template-columns:1fr 2fr}#ag .footer-top{grid-template-columns:1fr 1fr}} @media(max-width:800px){#ag{scroll-padding-top:20px}#ag .wrap{width:calc(100% - 40px)}#ag header{height:76px;padding:0 20px;gap:12px}#ag .brand{gap:10px}#ag .brand img{width:106px}#ag .brand>span{font-size:17px;padding-left:10px}#ag header nav, #ag .nav-actions .button{display:none}#ag .nav-actions{margin-left:auto;font-size:14px}#ag .menu{display:block;font-size:14px}#ag .hero{grid-template-columns:1fr;gap:35px;padding-top:38px;padding-bottom:45px}#ag .hero-copy{padding:0}#ag .eyebrow{font-size:12px;letter-spacing:.075em;margin-bottom:20px}#ag h1{font-size:clamp(52px,11.8vw,80px)}#ag .intro{font-size:21px;margin-top:24px}#ag .hero-detail{font-size:16px}#ag .actions{gap:22px;flex-wrap:wrap;margin-top:24px}#ag .button{padding:15px 20px}#ag .micro{font-size:12px}#ag .hero-art{padding-left:16px;padding-bottom:32px;max-width:530px;width:100%;margin:auto}#ag .portrait{height:440px;border-radius:100px 10px 10px 10px}#ag .portrait>img{object-position:center 68%}#ag .photo-caption{top:32px;right:24px;font-size:15px}#ag .journey-overlay{padding:20px;width:255px}#ag .journey-overlay strong{font-size:22px;margin:12px 0}#ag .art-index{display:none}#ag .intro-band{gap:8px;flex-direction:column;align-items:center;padding:23px;font-size:16px}#ag .section{padding-top:65px;padding-bottom:65px}#ag h2{font-size:clamp(32px,7.3vw,48px)}#ag .section-heading{display:block;margin-bottom:30px}#ag .section-heading>p, #ag .section-heading>.text-link{margin-top:22px}#ag .profiles{grid-template-columns:1fr 1fr}#ag .profile{padding:23px 18px;border-bottom:1px solid var(--line)}#ag .profile:nth-child(2n){border-right:0}#ag .profile>span{margin-bottom:24px}#ag .profile h3{font-size:23px;min-height:50px}#ag .profile p{font-size:14px;margin:16px 0 22px}#ag .profile b{font-size:12px}#ag .profile-insight{font-size:14px}#ag .tabs{gap:16px;justify-content:space-between}#ag .tabs button{font-size:14px;flex:1;text-align:left;line-height:1.4}#ag .solution-panel{height:580px}#ag .solution-panel>img{object-position:55% center}#ag .solution-shade{background:linear-gradient(0deg,#10170ded,transparent 95%)}#ag .solution-content{left:24px;right:24px;top:25px;bottom:27px;width:auto}#ag .solution-content h3{font-size:36px}#ag .solution-content p{font-size:16px}#ag .solution-content .button{font-size:14px;gap:12px;width:100%;max-width:340px}#ag .solution-note{display:none}#ag .platform{grid-template-columns:1fr;gap:35px}#ag .platform-visual{padding:30px 18px 20px}#ag .mockup{transform:none}#ag .mock-body{padding:25px 18px}#ag .mock-header{padding:20px 18px}#ag .mock-body h3{font-size:28px}#ag .process-grid{grid-template-columns:1fr;gap:35px;margin-top:40px}#ag .step{margin-bottom:20px;padding-bottom:15px}#ag .process-grid p{max-width:none}#ag .commission{grid-template-columns:1fr;gap:20px;margin-top:45px}#ag .commission p{font-size:16px}#ag .networks{grid-template-columns:repeat(3,1fr);gap:28px 20px}#ag .networks img{height:32px}#ag .networks span{font-size:17px}#ag .faq{grid-template-columns:1fr;gap:25px}#ag .final-cta{padding:65px 0}#ag .footer-top{grid-template-columns:1fr 1fr;gap:30px}#ag .footer-top .brand{grid-column:1/-1}#ag .footer-top p{grid-column:1/-1}#ag .legal{flex-wrap:wrap;gap:14px;padding-bottom:95px;font-size:12px}#ag .legal p{width:100%;flex:auto!important}#ag .whatsapp{width:50px;height:50px;right:16px;bottom:calc(16px + env(safe-area-inset-bottom,0px))}}@media(max-width:360px){#ag header{padding:0 16px}#ag .brand img{width:90px}#ag .brand>span{font-size:15px}#ag .nav-actions{display:none}#ag .menu{margin-left:auto}#ag .wrap{width:calc(100% - 32px)}#ag .profiles{grid-template-columns:1fr}#ag .profile{border-right:0}#ag .profile h3{min-height:0}#ag .profile>span{margin-bottom:16px}#ag .portrait{height:400px}#ag .solution-content{left:18px;right:18px}#ag .solution-content h3{font-size:32px}#ag .mock-row{flex-wrap:wrap}#ag .status{margin-left:38px}#ag .actions>.button{width:100%}#ag .footer-top{grid-template-columns:1fr}#ag .footer-top .brand, #ag .footer-top p{grid-column:auto}}@media(prefers-reduced-motion:reduce){#ag{scroll-behavior:auto}#ag, #ag *, #ag *:before, #ag *:after{animation:none!important;transition:none!important}}/* Sunara Partners / Obsidian direction */#ag{--ink:#f3f2ed;--muted:#a2a39e;--gold:#d4ad57;--sand:#111210;--line:#2b2c28;--black:#0b0a08}#ag{background:var(--black);color:var(--ink)}#ag header{background:#0b0a08;border-color:#252520;height:90px}#ag .brand-logo{width:133px;height:auto;display:block;color:#f3f2ed}#ag .brand>span{border-color:#484841;color:#d9d8ce}#ag header nav a{color:#bebfb5}#ag .button{background:#d6b15d;color:#14140f;border-radius:3px}#ag .button:hover{background:#e7c67c}#ag .button.small{border-radius:3px}#ag .menu{background:#161712;color:#f3f2ed;border-color:#383932}#ag .hero{width:100%;max-width:none;min-height:760px;height:min(850px,calc(100svh - 90px));display:flex;align-items:center;position:relative;isolation:isolate;padding:72px max(48px,calc((100vw - 1280px)/2)) 110px;overflow:hidden}#ag .hero-copy{max-width:740px;position:relative;z-index:2;padding:0}#ag .hero h1{font-size:clamp(68px,7.6vw,114px);line-height:1.02;letter-spacing:-.055em}#ag .hero h1 em{color:#dfb967}#ag .hero .eyebrow{color:#c4b58c;letter-spacing:.16em}#ag .hero .intro{font-size:24px;margin:32px 0 14px}#ag .hero-detail{max-width:430px;color:#b6b7ae;font-size:17px}#ag .hero .actions{margin-top:32px}#ag .hero .micro{color:#93958b}#ag .hero-art{position:absolute;inset:0;z-index:-2;padding:0;width:100%;height:100%;max-width:none;margin:0;animation:none}#ag .hero-art>img, #ag .hero-art>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:70% center}#ag .hero-art>video{opacity:0;transition:opacity .6s}#ag .hero-art>video.playing{opacity:1}#ag .hero:after{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#0b0a08f5 0%,#0b0a08d9 27%,#0b0a0840 58%,transparent 80%),linear-gradient(0deg,#0b0a08 0%,transparent 25%)}#ag .hero-bottom{position:absolute;bottom:28px;left:max(48px,calc((100vw - 1280px)/2));right:48px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:11px;letter-spacing:.12em;color:#979a8f}#ag .hero-bottom button{background:#10110dcc;border:1px solid #46483b;padding:10px 16px;border-radius:3px;color:#d7d8d0;min-height:44px;font-size:12px;letter-spacing:0}#ag .intro-band{background:#10110d;border-block:1px solid #27291f;color:#b6baa9;gap:90px;font-size:16px}#ag .profile{background:#10110d;border-color:var(--line);border-radius:0}#ag .profiles{border-radius:4px}#ag .profile.active, #ag .profile:hover{background:#1b1d15}#ag .profile b{color:#d4ad57}#ag .solutions{background:#10110e;border-block:1px solid #25271e}#ag .tabs{border-color:#393b30}#ag .tabs [aria-selected=true]{border-color:var(--gold);color:var(--gold)}#ag .solution-panel{border-radius:4px}#ag .solution-panel>img{filter:brightness(.7) saturate(.65)}#ag .solution-shade{background:linear-gradient(90deg,#090c07e0,#090c0740),linear-gradient(0deg,#090c07b0,transparent)}#ag .button.light{background:#d6b15d;color:#14140f}#ag .feature-list button{background:transparent}#ag .platform-visual{background:radial-gradient(ellipse at 60% 40%,#303025,#11120e 75%);border:1px solid #303126;border-radius:5px;padding:48px 30px 25px}#ag .mockup{background:#171a13;border:1px solid #3e4133;border-radius:8px;box-shadow:0 30px 70px #0008;transform:perspective(1100px) rotateY(-6deg) rotateZ(-2deg)}#ag .mock-header{border-color:#35392c}#ag .avatar{background:#303425;color:#dcc17d}#ag .mock-row{border-color:#333829}#ag .status{background:#313c25;color:#c8d8ae}#ag .status.neutral{background:#3d3523;color:#e3cfa2}#ag .process{background:#15170f;border-block:1px solid #343729}#ag .process em{color:#d4ad57}#ag .networks img{filter:grayscale(1) brightness(0) invert(1);opacity:.65}#ag .final-cta{background:radial-gradient(ellipse at 50% 100%,#2b2818 0%,#10110d 68%);border-block:1px solid #303125}#ag .footer-top .brand-logo{width:133px}#ag .skip{background:#fff;color:#111}#ag .whatsapp{background:#151b14;border:1px solid #606b50;color:#dce8ce}#ag .footnote{color:#9a9d91}#ag .legal{color:#96998c}@media(max-width:1100px) and (min-width:801px){#ag .hero{min-height:710px}#ag .hero h1{font-size:82px}#ag .hero:after{background:linear-gradient(90deg,#0b0a08f0,#0b0a0870 65%,#0b0a0820),linear-gradient(0deg,#0b0a08,transparent 30%)}}@media(max-width:800px){#ag header{height:76px}#ag .brand-logo{width:106px}#ag .hero{height:auto;min-height:900px;display:block;padding:50px 20px 365px}#ag .hero-copy{max-width:600px}#ag .hero h1{font-size:clamp(48px,10vw,76px);line-height:1.05}#ag .hero .eyebrow{font-size:11px;letter-spacing:.1em}#ag .hero .intro{font-size:21px;margin-top:24px}#ag .hero-detail{font-size:16px;max-width:420px}#ag .hero .actions{margin-top:25px}#ag .hero .micro{max-width:260px}#ag .hero-art{top:auto;height:560px;bottom:0}#ag .hero-art>img, #ag .hero-art>video{object-position:76% center}#ag .hero:after{background:linear-gradient(180deg,#0b0a08 0%,#0b0a08 37%,#0b0a08c0 51%,transparent 70%,#0b0a08 100%)}#ag .hero-bottom{left:20px;right:20px;bottom:18px;align-items:flex-end}#ag .hero-bottom>span{max-width:150px;font-size:10px}#ag .hero-bottom button{font-size:11px;padding:9px 12px}#ag .intro-band{gap:10px}#ag .mockup{transform:none}#ag .platform-visual{padding:28px 18px 20px}#ag .solution-shade{background:linear-gradient(0deg,#0b0a08f5,#0b0a0830)}#ag .solution-panel>img{filter:brightness(.65) saturate(.65)}}@media(max-width:360px){#ag .brand-logo{width:90px}#ag .hero{padding-left:16px;padding-right:16px;min-height:930px}#ag .hero h1{font-size:47px}#ag .hero .actions{gap:16px}#ag .hero .eyebrow{font-size:10px}#ag .hero-bottom{left:16px;right:16px}}#ag .signup-section{display:grid;grid-template-columns:1fr 1fr;gap:80px;border-top:1px solid var(--line);align-items:center}#ag .signup-copy>p:not(.eyebrow){max-width:430px;margin-top:25px;color:var(--muted)}#ag .signup-points{display:flex;flex-direction:column;gap:16px;margin-top:36px;color:#cebd91;font-size:14px}#ag .signup-box{background:#141610;border:1px solid #373a2c;padding:36px;border-radius:5px}#ag .signup-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:28px}#ag .signup-title h3{font-size:27px}#ag .signup-title>span{font-size:12px;color:#ddc387}#ag .signup-box form{display:flex;flex-direction:column}#ag .signup-box label{font-size:14px;margin:15px 0 8px}#ag .signup-box input{width:100%;border:1px solid #474a3e;background:#0c0e09;border-radius:4px;color:#fff;font:inherit;padding:15px;min-height:52px}#ag .signup-box input:focus{outline:2px solid var(--gold);outline-offset:2px}#ag .signup-box input::placeholder{color:#818679}#ag .signup-terms{font-size:12px;color:var(--muted);margin:22px 0}#ag .signup-terms a{text-decoration:underline}#ag .signup-box .button{border:0;justify-content:center;width:100%;font:inherit;font-weight:500}#ag .signup-box button:disabled{opacity:.65;cursor:wait}#ag .signup-login{margin-top:24px;font-size:14px;color:var(--muted)}#ag .signup-login a, #ag #signup-fallback{color:var(--gold)}#ag #signup-feedback{font-size:14px;padding-top:20px}#ag #signup-fallback{font-size:14px;margin-top:12px;text-decoration:underline}#ag [hidden]{display:none!important}@media(max-width:800px){#ag .signup-section{grid-template-columns:1fr;gap:30px}#ag .signup-box{padding:25px 20px}#ag .signup-title{flex-wrap:wrap}#ag .signup-section .signup-title h3{font-size:25px}}/* Shared institutional footer and mobile refinements */#ag .compact-footer{background:#10110d;border-top:1px solid var(--line);padding:60px 0 24px}#ag .footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}#ag .footer-grid>div{min-width:0}#ag .footer-grid h3{font-size:16px;letter-spacing:0;margin-bottom:18px}#ag .footer-grid>div>a{display:block;font-size:14px;color:var(--muted);padding:5px 0}#ag .footer-brand .logo{width:145px;height:auto;filter:brightness(0) invert(1)}#ag .footer-brand p{font-size:16px;margin:22px 0}#ag .footer-brand address{font-style:normal;font-size:13px;color:var(--muted);margin-top:10px}#ag .social-icons{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}#ag .social-icons a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:1px solid var(--line);border-radius:50%}#ag .social-icons svg{width:18px;height:18px}#ag .compact-footer .legal{display:flex;justify-content:space-between;gap:24px;margin-top:36px;padding-top:24px;border-top:1px solid var(--line);font-size:12px}#ag .legal-company{display:flex;flex-direction:column;gap:8px;max-width:740px}#ag .legal-links{display:flex;gap:20px}#ag .whatsapp{background:#13866e;color:white;border:1px solid #ffffff40;box-shadow:0 8px 26px #0004;width:56px;height:56px;display:grid;place-items:center;bottom:calc(20px + env(safe-area-inset-bottom));right:20px}#ag .whatsapp svg{width:29px;height:29px}#ag .signup-divider{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:13px;margin:22px 0}#ag .signup-divider:before, #ag .signup-divider:after{content:'';flex:1;height:1px;background:var(--line)}#ag .profile-photo{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:3px;margin-bottom:24px}#ag .profile>span{margin-bottom:18px}#ag .profile h3{font-size:23px}#ag .profile b{font-size:14px}#ag .solution-panel>img{position:absolute;inset:0}#ag .solution-content, #ag .solution-note{z-index:2}#ag .solution-panel>img{filter:brightness(.9) saturate(.8)} @media(max-width:900px){#ag .profiles{grid-template-columns:repeat(2,minmax(0,1fr))}#ag .footer-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}#ag .footer-brand{grid-column:1/-1}#ag .compact-footer .legal{flex-direction:column}#ag .section{padding-top:64px;padding-bottom:64px}} @media(max-width:600px){#ag .wrap{width:calc(100% - 40px)}#ag header{padding:0 20px;gap:12px}#ag .brand{gap:9px}#ag .brand>span{font-size:15px;padding-left:9px}#ag .section-heading{display:block}#ag .section-heading>p{margin-top:22px}#ag .profiles{grid-template-columns:1fr}#ag .profile{padding:22px;border-right:0;border-bottom:1px solid var(--line)}#ag .profile-photo{aspect-ratio:3/2}#ag .profile h3{min-height:0;font-size:26px}#ag .profile p{font-size:16px}#ag .tabs{display:flex;gap:18px;overflow-x:auto}#ag .tabs button{flex:0 0 auto;font-size:14px;padding:14px 0}#ag .solution-panel{height:auto;min-height:650px;display:flex;flex-direction:column;justify-content:flex-end;padding:28px 22px;gap:26px}#ag .solution-content{position:relative;inset:auto;padding:0}#ag .solution-content h3{font-size:34px;margin-top:80px}#ag .solution-content p{font-size:16px;max-width:none}#ag .solution-note{position:relative;inset:auto;width:auto;margin:0}#ag .solution-note p{font-size:16px}#ag .solution-content .button{width:100%;padding:16px;gap:12px;font-size:14px}#ag .solution-shade{background:linear-gradient(0deg,#090c07fa 0%,#090c07b0 65%,#090c0710)}#ag .process-grid{grid-template-columns:1fr;gap:36px}#ag .commission{display:flex;flex-direction:column;gap:20px}#ag .signup-box{padding:24px 20px;min-width:0}#ag .signup-box input{font-size:16px;min-width:0;width:100%}#ag .footer-grid{grid-template-columns:1fr 1fr;gap:28px}#ag .footer-grid .footer-brand{grid-column:1/-1}#ag .legal-links{flex-wrap:wrap}#ag .compact-footer{padding-bottom:90px}#ag .whatsapp{width:52px;height:52px;right:16px}#ag .hero .actions{flex-wrap:wrap}#ag .hero h1{font-size:clamp(44px,11vw,66px)}#ag .hero-bottom>span{font-size:10px}#ag .platform-visual{min-width:0}#ag .mock-row{flex-wrap:wrap}#ag .mockup h3{font-size:27px}}#ag .social-icons a[aria-label="Pinterest"]{color:#E60023}#ag .social-icons a[aria-label="Pinterest"] img{filter:none;width:18px;height:18px}@keyframes city-drift{from{transform:scale(1);filter:brightness(.9)}to{transform:scale(1.06);filter:brightness(1.12)}}#ag{background:#fff;color:#171815}#ag header{background:#fff;border-color:#e6e6e1}#ag header .brand-logo{color:#171815}#ag header .brand>span, #ag header nav a{color:#4f514b}#ag header .button{background:#171815;color:white}#ag .menu{background:#fff;color:#171815}#ag .balanced-hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;height:auto;min-height:720px;padding:64px max(48px,calc((100vw - 1280px)/2)) 74px;isolation:auto}#ag .balanced-hero:after{display:none}#ag .balanced-hero .hero-copy{max-width:640px}#ag .balanced-hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.07}#ag .balanced-hero h1 em{color:#9a7419}#ag .balanced-hero .eyebrow{color:#666a61}#ag .balanced-hero .intro{font-size:21px;color:#30332d}#ag .balanced-hero .hero-detail{color:#666a61}#ag .balanced-hero .hero-art{position:relative;inset:auto;z-index:auto;height:610px;border-radius:140px 8px 8px 8px;overflow:hidden}#ag .balanced-hero .hero-art>img{object-position:center 65%;animation:balanced-zoom 20s ease-in-out infinite alternate}#ag .balanced-hero .hero-bottom{display:none}@keyframes balanced-zoom{to{transform:scale(1.045)}}#ag #oportunidades{--muted:#63665e;--line:#dedfd8}#ag #oportunidades em{color:#917021}#ag .profile{background:#fff;border-color:#ddd;color:#171815}#ag .profile.active, #ag .profile:hover{background:#f5f5f1}#ag .profile b{color:#886414}#ag .solutions, #ag .process, #ag .final-cta{color:#f3f2ed}#ag .solutions{background:#10110e}#ag .process{background:#161713}#ag #plataforma{--muted:#666a61;--line:#dddfd7}#ag #plataforma em{color:#927020}#ag .platform-visual{color:#f3f2ed}#ag .feature-list button{color:#171815}#ag .feature-list button.selected{color:#94701b}#ag .faq{--muted:#666a61;--line:#dedfd8}#ag .faq em, #ag .signup-copy em{color:#94701b}#ag .signup-section{--muted:#666a61}#ag .signup-box{color:#f3f2ed;--muted:#aaa;--line:#3a3c33;background:#151612}#ag .compact-footer{background:#f6f2e9;color:#191a16;--muted:#686a62;--line:#dfdbd1}#ag .compact-footer .brand-logo{color:#191a16}#ag .compact-footer .legal{color:#75766f}#ag .networks{color:#171815}#ag .networks img{filter:grayscale(1);opacity:.7}@media(max-width:800px){#ag .balanced-hero{display:flex;flex-direction:column;align-items:stretch;gap:32px;padding:40px 20px 48px;min-height:0}#ag .balanced-hero h1{font-size:clamp(40px,9.5vw,64px)}#ag .balanced-hero .hero-art{height:420px;width:100%;border-radius:72px 6px 6px 6px;flex-shrink:0}#ag .balanced-hero .hero-art>img{object-position:center 65%}}@media(prefers-reduced-motion:reduce){#ag .balanced-hero .hero-art>img{animation:none}}#ag .range-ends{display:flex;justify-content:space-between;font-size:12px;color:#72746d}@media(max-width:800px){#ag .earnings-grid{grid-template-columns:1fr;gap:32px;margin-top:20px}#ag .earnings-result{padding:32px 24px}#ag .earnings-result>output{font-size:clamp(32px,9vw,58px)}#ag .earnings-result .button{width:100%}}/* Mobile navigation contrast on the balanced theme. */#ag #mobile-nav{background:#fff;color:#191a16;border-bottom:1px solid #dfdfd5}#ag #mobile-nav a{color:#191a16;min-height:44px;display:flex;align-items:center}#ag .signup-points{color:#686b60} /* ── PLATAFORMA: TRÊS CARTÕES COM A TELA REAL ────────────────────────────── Formato escolhido pelo dono (FLORA, via Mobbin): número claro ao lado do título e a FOTO da tela dentro do cartão. Antes eram abas com um palco só — escondia duas das três telas atrás de um clique que ninguém dá. As fotos são do painel real (`scripts/foto-painel.js`), nunca desenho: a versão remontada à mão foi reprovada na primeira olhada. A linha do bônus em shadow sai antes da foto, e a nota de "dados de exemplo" fica no fim da seção. O corte por baixo é de propósito (altura fixa + object-fit): dá a sensação de que tem mais tela ali dentro, em vez de um print espremido. */ /* A seção era de duas colunas (texto | palco). Agora é bloco: título em cima, os três cartões embaixo, ocupando a largura toda. Sem isto o `.pf-grid` cai dentro da coluna direita e os títulos vazam do cartão. */ #ag .platform { display: block; } #ag .platform-copy > p:not(.eyebrow) { max-width: 60ch; } #ag .pf-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 22px; margin-top: 44px; } #ag .pf-card { display: flex; flex-direction: column; background: #14120f; border: 1px solid rgba(255,255,255,.09); border-radius: 18px; padding: 24px 22px 26px; overflow: hidden; } #ag .pf-card h3 { display: flex; align-items: baseline; gap: 12px; font-size: clamp(20px, 2vw, 26px); font-weight: 600; letter-spacing: -.015em; color: #fff; margin: 0; } #ag .pf-card h3 .n { font-size: 26px; font-weight: 300; color: rgba(255,255,255,.28); font-variant-numeric: tabular-nums; } #ag .pf-tela { margin: 22px 0 18px; border-radius: 12px; overflow: hidden; background: #eef1f3; border: 1px solid rgba(255,255,255,.08); box-shadow: 0 20px 44px rgba(0,0,0,.45); height: 268px; } #ag .pf-tela img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: top left; } #ag .pf-card > p { font-size: 14px; line-height: 1.6; color: rgba(255,255,255,.62); margin: auto 0 0; } #ag .pnl-nota { margin: 22px 0 0; font-size: 11.5px; line-height: 1.6; color: rgba(255,255,255,.4); max-width: 68ch; } @media (max-width: 980px) { #ag .pf-grid { grid-template-columns: 1fr 1fr; } } @media (max-width: 680px) { #ag .pf-grid { grid-template-columns: 1fr; gap: 16px; } #ag .pf-tela { height: 220px; } } /* ── OS TRÊS PASSOS (formato Humble) ─────────────────────────────────────── Escolha do dono, via Mobbin: linhas alternadas, texto de um lado e a tela do outro. A tentativa anterior era três colunas com os prints recortados lado a lado — não coube, e o dono viu antes de mim. Aqui cada tela tem largura para ser lida, que era o problema real. Cada passo carrega um pedaço de tela REAL do painel (`scripts/foto-painel.js`), nunca desenho. E os textos de comissão seguem SEM percentual: o split muda por rota (financeiro-helper: 40/60 no `fit`, 50/50 no `serena`, que é o padrão pós-cutover 024), então número aqui vira promessa quebrada. */ #ag .hb-rows { display: flex; flex-direction: column; gap: 76px; margin-top: 56px; } #ag .hb-row { display: grid; grid-template-columns: minmax(0, 0.86fr) minmax(0, 1.14fr); gap: 56px; align-items: center; } /* A segunda linha troca a ordem visual, não a do documento: quem lê por leitor de tela continua ouvindo texto e depois imagem, nas três. */ #ag .hb-row.invertida .hb-copy { order: 2; } #ag .hb-row.invertida .hb-tela { order: 1; } #ag .hb-eyebrow { font-size: 11px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; color: #c2a05a; margin: 0 0 14px; } #ag .hb-row h3 { font-size: clamp(26px, 3vw, 38px); font-weight: 600; letter-spacing: -.025em; line-height: 1.15; color: #fff; margin: 0; text-wrap: balance; } #ag .hb-nota { margin-top: 26px; padding-top: 20px; border-top: 1px solid rgba(255,255,255,.14); } #ag .hb-lead { font-size: 14.5px; font-weight: 700; color: #fff; margin: 0 0 8px; } #ag .hb-nota p:last-child { font-size: 13.5px; line-height: 1.7; color: rgba(255,255,255,.56); margin: 0; } #ag .hb-tela { border-radius: 16px; overflow: hidden; background: #eef1f3; border: 1px solid rgba(255,255,255,.10); box-shadow: 0 26px 60px rgba(0,0,0,.45); } #ag .hb-tela img { display: block; width: 100%; height: auto; } /* O cartão de cliente é retrato (554×900). Esticado na largura da coluna ele engolia a linha inteira e virava o assunto da seção. Aqui a moldura encolhe para o tamanho da imagem em vez de a imagem crescer para a moldura. */ #ag .hb-tela.retrato { max-width: 400px; margin-inline: auto; } @media (max-width: 900px) { #ag .hb-rows { gap: 48px; margin-top: 40px; } #ag .hb-row { grid-template-columns: 1fr; gap: 24px; } /* No celular a ordem volta a ser sempre texto → tela: alternar numa coluna só não cria ritmo nenhum, só confunde quem rola. */ #ag .hb-row.invertida .hb-copy { order: 0; } #ag .hb-row.invertida .hb-tela { order: 0; } #ag .hb-nota { margin-top: 20px; padding-top: 16px; } } /* ── PERFIS COM FOTO ─────────────────────────────────────────────────────── As quatro fotos já existiam: foram geradas nesta mesma linha de trabalho para a versão autônoma do site Partners, na pegada do site de afiliados da Shopify (cartão com pessoa em cima, texto embaixo). Estavam paradas no scratchpad enquanto a seção vivia só de texto — o dono lembrou delas. Retrato 3:4 recortado por `object-fit`, para que trocar a foto não quebre o card. Escala no hover só no dedo do mouse; `prefers-reduced-motion` desliga. */ #ag .profile { overflow: hidden; padding-top: 0; } #ag .pf-foto { display: block; width: calc(100% + 2px); margin: 0 -1px 20px; aspect-ratio: 3 / 4; max-height: 260px; object-fit: cover; object-position: center 22%; border-radius: 12px; transition: transform .45s ease; } #ag .profile:hover .pf-foto { transform: scale(1.03); } @media (prefers-reduced-motion: reduce) { #ag .pf-foto { transition: none; } #ag .profile:hover .pf-foto { transform: none; } } @media (max-width: 680px) { #ag .pf-foto { max-height: 200px; } } /* ── FAIXA DOS TRÊS SERVIÇOS ─────────────────────────────────────────────── Eram três frases soltas — "Energia por assinatura. Mercado Livre. Energia solar." — que nomeavam o produto sem dizer o que é. Agora cada uma carrega ícone e uma linha do que o cliente recebe, no mesmo registro hedge do resto da página (elegibilidade se avalia, não se promete). A faixa tem FUNDO ESCURO. Escrevi a primeira versão com as cores claras da página e os três títulos sumiram no preto, sem erro nenhum — é a segunda vez hoje, e está anotado na skill de design justamente por isso. */ #ag .intro-band { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0; max-width: 1328px; width: calc(100% - 112px); margin: 0 auto; border-top: 1px solid rgba(255,255,255,.12); border-bottom: 1px solid rgba(255,255,255,.12); } #ag .ib-item { display: flex; gap: 14px; align-items: flex-start; padding: 30px 32px 30px 0; } #ag .ib-item + .ib-item { padding-left: 32px; border-left: 1px solid rgba(255,255,255,.10); } #ag .ib-ico { flex: none; width: 38px; height: 38px; display: grid; place-items: center; border-radius: 11px; background: rgba(239,168,23,.14); color: #efa817; } #ag .ib-ico svg { width: 20px; height: 20px; } #ag .ib-item h3 { font-size: 15px; font-weight: 700; color: #fff; margin: 2px 0 6px; letter-spacing: -.01em; } #ag .ib-item p { font-size: 13px; line-height: 1.6; color: rgba(255,255,255,.58); margin: 0; } @media (max-width: 900px) { #ag .intro-band { grid-template-columns: 1fr; width: calc(100% - 40px); } #ag .ib-item { padding: 22px 0; } #ag .ib-item + .ib-item { padding-left: 0; border-left: 0; border-top: 1px solid rgba(255,255,255,.10); } } /* O