:root{--ink:#20392f;--muted:#738078;--green:#316c4f;--deep:#234d39;--mint:#e5f0e8;--paper:#f6f5ef;--line:#e6e8e1;--sun:#e1a84f;--red:#a64238;--shadow:0 18px 50px #20392f12}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 system-ui,-apple-system,'Segoe UI',sans-serif}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{height:76px;padding:0 clamp(20px,5vw,72px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dfe3da;background:#f9f8f3}.brand{display:flex;align-items:center;gap:10px;color:var(--ink);font:800 22px system-ui,sans-serif;text-decoration:none;letter-spacing:-1px}.brand-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:12px 12px 12px 4px;background:var(--green);color:#fff;font:800 22px Georgia}.brand-dot{color:var(--sun)}.header-actions{display:flex;align-items:center;gap:12px}.main-content{width:min(1120px,calc(100% - 40px));margin:0 auto;flex:1;padding:46px 0 70px}.site-footer{display:flex;justify-content:space-between;padding:20px clamp(20px,5vw,72px);color:var(--muted);font-size:12px;border-top:1px solid var(--line)}h1,h2,h3{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;letter-spacing:-.04em;line-height:1.15}h1{font-size:clamp(34px,5vw,56px);margin:10px 0 16px}h2{font-size:28px;margin:0 0 10px}h3{font-size:18px;margin:0 0 8px}p{margin:0 0 14px}.muted{color:var(--muted)}.eyebrow{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:700;color:var(--green)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:0 18px;border:1px solid transparent;border-radius:10px;background:var(--green);color:#fff;text-decoration:none;font:700 14px system-ui,sans-serif;cursor:pointer;transition:.15s}.btn:hover{background:var(--deep);transform:translateY(-1px)}.btn.secondary{background:#fff;color:var(--ink);border-color:var(--line)}.btn.ghost{background:transparent;color:var(--green);padding:0 10px}.btn.small{min-height:36px;padding:0 12px;font-size:13px}.icon-btn{border:0;background:transparent;color:var(--muted);font-size:14px;cursor:pointer}.hero{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center;min-height:550px}.hero-copy{max-width:610px}.hero-copy h1 span{color:var(--green)}.hero-copy p{font-size:18px;color:#66756b;max-width:550px}.hero-actions{display:flex;gap:12px;margin:27px 0 20px}.privacy-note{font-size:12px;color:var(--muted)}.hero-art{position:relative;min-height:440px;border-radius:26px;background:#e7efe4;overflow:hidden;display:grid;place-items:center}.sun-disc{position:absolute;width:300px;height:300px;background:#e7c681;border-radius:50%;top:35px;right:40px;opacity:.72}.field{position:absolute;bottom:-100px;left:-10%;width:120%;height:280px;background:#9dbb8e;border-radius:50% 50% 0 0;transform:rotate(-9deg)}.field.two{bottom:-160px;left:-20%;background:#648c6e;transform:rotate(8deg)}.art-card{position:absolute;z-index:2;background:#fff;padding:18px;border-radius:15px;box-shadow:var(--shadow)}.art-card.one{width:220px;left:7%;top:90px;transform:rotate(-5deg)}.art-card.two{width:200px;right:5%;bottom:76px;transform:rotate(5deg)}.art-line{height:8px;border-radius:8px;background:#e9eee7;margin:10px 0}.art-line.short{width:56%}.art-chart{height:55px;display:flex;align-items:end;gap:7px;margin-top:12px}.art-chart i{width:20%;background:#78a17e;border-radius:5px 5px 0 0}.art-chart i:nth-child(1){height:38%}.art-chart i:nth-child(2){height:70%}.art-chart i:nth-child(3){height:51%}.art-chart i:nth-child(4){height:92%;background:#dfa94e}.art-label{font-size:11px;color:#647369;font-weight:700}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:25px 0 0}.feature{padding:22px;border:1px solid var(--line);border-radius:16px;background:#fbfaf6}.feature-icon{width:34px;height:34px;display:grid;place-items:center;border-radius:10px;background:var(--mint);color:var(--green);font-size:18px;margin-bottom:15px}.feature p{font-size:13px;color:var(--muted);margin:0}.auth-wrap{max-width:460px;margin:32px auto}.auth-card,.panel{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow)}.auth-card{padding:34px}.auth-card h1{font-size:34px}.auth-card .muted{margin-bottom:24px}.field-wrap{margin:16px 0}.field-wrap label{display:block;font-weight:700;font-size:13px;margin-bottom:7px}.field-wrap input{width:100%;border:1px solid #d8ded6;border-radius:9px;background:#fff;padding:12px 13px;color:var(--ink);font:15px system-ui,sans-serif;outline:none}.field-wrap input:focus,.question textarea:focus,.question input:focus,.question select:focus{border-color:#6b9b76;box-shadow:0 0 0 3px #6b9b7622}.full{width:100%}.switch-auth{text-align:center;font-size:13px;margin-top:18px}.link-button{border:0;background:transparent;color:var(--green);font:700 13px system-ui,sans-serif;cursor:pointer}.error{color:var(--red);font-size:13px;margin:12px 0}.dashboard-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.dashboard-head h1{font-size:40px}.plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.plan-card{padding:21px;background:#fff;border:1px solid var(--line);border-radius:15px;min-height:190px;display:flex;flex-direction:column}.plan-card h3{margin:12px 0 6px}.plan-card p{font-size:13px;color:var(--muted);margin-bottom:18px}.card-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.status-pill{display:inline-flex;align-items:center;gap:6px;color:var(--green);background:var(--mint);padding:5px 9px;border-radius:20px;font-size:11px;font-weight:700}.empty{padding:60px 24px;text-align:center;border:1px dashed #cbd4ca;border-radius:18px;background:#fbfaf6}.empty .feature-icon{margin:0 auto 12px}.editor-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:24px}.editor-head h1{font-size:30px;margin:4px 0}.save-state{font-size:12px;color:var(--muted)}.editor-layout{display:grid;grid-template-columns:245px 1fr;gap:20px;align-items:start}.steps{padding:14px;position:sticky;top:16px}.step-link{display:flex;width:100%;align-items:center;gap:11px;padding:11px 10px;margin:2px 0;border:0;border-radius:10px;background:transparent;color:#68766d;text-align:left;font:600 13px system-ui,sans-serif;cursor:pointer}.step-link.active{background:#e8f1e9;color:var(--deep)}.step-number{display:grid;place-items:center;width:25px;height:25px;border:1px solid #d7dfd6;border-radius:50%;font-size:11px;flex:0 0 auto}.step-link.active .step-number{border-color:var(--green);background:var(--green);color:white}.step-content{padding:28px}.step-content h2{font-size:27px}.step-intro{color:var(--muted);margin-bottom:24px}.question{padding:18px 0;border-top:1px solid var(--line)}.question label{display:block;font-weight:700;margin:0 0 6px}.question .hint{font-size:12px;color:var(--muted);margin-bottom:10px}.question textarea,.question input,.question select{width:100%;border:1px solid #dce1da;border-radius:9px;padding:11px 12px;font:14px system-ui,sans-serif;color:var(--ink);background:#fff}.question textarea{min-height:106px;resize:vertical}.editor-controls{display:flex;justify-content:space-between;margin-top:24px;padding-top:18px;border-top:1px solid var(--line)}.progress{height:6px;background:#e9eee7;border-radius:6px;margin:14px 0 24px;overflow:hidden}.progress span{display:block;height:100%;background:#72a07b;border-radius:6px;transition:width .2s}.summary-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:20px 0}.metric{padding:16px;border-radius:13px;background:#f2f6f0}.metric strong{display:block;font:700 24px system-ui,sans-serif;color:var(--deep)}.metric span{color:var(--muted);font-size:12px}.notice{padding:13px 15px;border-radius:10px;background:#f5f1df;color:#716044;font-size:12px;margin-top:18px}.hidden{display:none!important}.check-row{display:flex;gap:9px;align-items:flex-start;color:var(--muted);font-size:12px;margin:13px 0}@media(max-width:800px){.hero{grid-template-columns:1fr;gap:10px;padding-top:24px}.hero-art{min-height:330px}.features{grid-template-columns:1fr}.plan-grid{grid-template-columns:repeat(2,1fr)}.editor-layout{grid-template-columns:1fr}.steps{position:static;display:flex;overflow:auto;gap:4px;padding:8px}.step-link{min-width:max-content;width:auto}.step-link span:last-child{display:none}.step-content{padding:20px}.site-footer{gap:10px;flex-direction:column}.dashboard-head{align-items:start;flex-direction:column}}@media(max-width:520px){.main-content{width:calc(100% - 28px);padding-top:28px}.topbar{height:64px;padding:0 16px}.hero-copy p{font-size:16px}.hero-actions{flex-direction:column}.plan-grid{grid-template-columns:1fr}.auth-card{padding:24px}.editor-head{align-items:start;flex-direction:column}.summary-grid{grid-template-columns:1fr}.step-content h2{font-size:23px}}
.account-tools{margin-top:34px;padding:18px 0;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:18px}.account-tools p{font-size:12px;margin:0}button:disabled{opacity:.45;cursor:not-allowed}.btn:focus-visible,.step-link:focus-visible,.icon-btn:focus-visible,.link-button:focus-visible{outline:3px solid #d1a24e;outline-offset:2px}#auth-error:empty{display:none}@media(max-width:650px){.account-tools{align-items:flex-start;flex-direction:column}}
@media print{.topbar,.site-footer,.editor-head,.steps,.progress,.editor-controls{display:none!important}.main-content{width:100%;padding:0}.step-content{box-shadow:none;border:0;padding:0}.editor-layout{display:block}.question textarea,.question input,.question select{border:0;padding:0;resize:none}.question{break-inside:avoid}}
/* Planos de Negócios Ecoa: visual identity and responsive illustration */
:root{--ink:#193b30;--green:#24714f;--deep:#18573c;--mint:#e6f2e8;--paper:#f8f7f1;--sun:#e8b34f;--line:#e1e7dd;--shadow:0 18px 48px #193b3013}
.brand{gap:12px;font-size:clamp(16px,2vw,20px);letter-spacing:-.6px}.brand-mark{width:38px;height:38px;border-radius:13px 13px 13px 4px;font:800 23px Georgia;background:var(--green)}.brand-eco{color:var(--green);font-weight:850}
.hero{min-height:520px;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,64px);padding:28px 0 38px}.hero-copy h1{max-width:630px}.hero-copy p{line-height:1.7}.hero-art{margin:0;min-height:0;aspect-ratio:1.25;position:relative;border-radius:30px;background:#e9e3d2;overflow:hidden;box-shadow:0 26px 70px #193b301c;isolation:isolate}.hero-art:before{content:"";position:absolute;inset:12px;border:1px solid #ffffff80;border-radius:22px;z-index:1;pointer-events:none}.hero-art img{display:block;width:100%;height:100%;object-fit:cover}.hero-art figcaption{position:absolute;z-index:2;left:18px;right:18px;bottom:18px;display:flex;gap:12px;align-items:center;padding:14px 16px;border:1px solid #ffffff9c;border-radius:16px;background:#fffefaed;box-shadow:0 10px 28px #1c352624;backdrop-filter:blur(8px)}.hero-art figcaption strong,.hero-art figcaption small{display:block}.hero-art figcaption strong{font-size:13px;color:var(--ink)}.hero-art figcaption small{font-size:11px;color:var(--muted);margin-top:2px}.art-spark{width:36px;height:36px;display:grid;place-items:center;flex:0 0 auto;border-radius:12px;background:#f7e9c8;color:#966b1c;font-size:22px}.hero-actions{margin-top:25px}.privacy-note{display:flex;align-items:center;gap:7px;line-height:1.6}.features{gap:14px;margin-top:26px}.feature{padding:23px;border-radius:18px;transition:transform .18s,border-color .18s,box-shadow .18s}.feature:hover{transform:translateY(-3px);border-color:#c9d9ca;box-shadow:0 14px 30px #193b3010}.feature-icon{width:42px;height:42px;border-radius:13px;font-size:20px}.panel,.auth-card,.plan-card{box-shadow:0 8px 28px #193b300a}.step-content{border-radius:20px}.steps{border-radius:18px}.step-link{min-height:46px}.step-link.active{box-shadow:inset 3px 0 var(--green)}.progress{height:7px;background:#e5eadf}.progress span{background:linear-gradient(90deg,#317c54,#90b878)}.question{padding:20px 0}.question textarea,.question input,.question select{min-height:46px;border-radius:11px}.question textarea{min-height:116px}
@media(max-width:800px){.hero{grid-template-columns:1fr;gap:22px;min-height:0;padding:26px 0 18px}.hero-copy{max-width:680px}.hero-art{width:100%;aspect-ratio:1.55;max-height:440px}.features{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.feature{padding:18px}.feature h3{font-size:16px}}
@media(max-width:600px){.topbar{height:62px}.brand{gap:9px;font-size:15px;letter-spacing:-.45px}.brand-mark{width:34px;height:34px;font-size:21px}.main-content{padding-top:20px;padding-bottom:42px}.hero{padding-top:16px;gap:18px}.hero-copy h1{font-size:clamp(34px,10vw,46px);margin:9px 0 12px}.hero-copy p{font-size:15px;line-height:1.65}.hero-actions{margin:20px 0 14px;flex-direction:row}.hero-actions .btn{flex:1;padding:0 12px;font-size:13px}.privacy-note{font-size:11px}.hero-art{aspect-ratio:1.12;border-radius:22px}.hero-art figcaption{left:12px;right:12px;bottom:12px;padding:11px 12px}.features{grid-template-columns:1fr;margin-top:16px}.feature{display:grid;grid-template-columns:42px 1fr;column-gap:12px;align-items:center;padding:15px 16px}.feature-icon{grid-row:span 2;margin:0}.feature h3{margin:0}.feature p{font-size:12px}.editor-layout{gap:10px}.steps{position:sticky;top:0;z-index:5;margin:0 -2px;padding:8px 4px;background:#f8f7f1ed;border:1px solid #e1e7dd;box-shadow:0 5px 14px #193b300b;scrollbar-width:none}.steps::-webkit-scrollbar{display:none}.step-link{min-height:42px;padding:7px 10px;border-radius:12px}.step-link.active{box-shadow:none}.step-content{padding:20px 17px;border-radius:17px}.step-content h2{font-size:23px}.step-intro{font-size:14px}.question{padding:17px 0}.editor-controls .btn{min-height:46px;padding:0 14px}.dashboard-head h1{font-size:34px}}
@media(max-width:360px){.brand{font-size:13px}.hero-actions{flex-direction:column}.hero-art{aspect-ratio:1}.editor-head .hero-actions{width:100%;flex-wrap:wrap}.editor-head .hero-actions .btn,.editor-head .hero-actions label{flex:1;font-size:12px;padding:0 8px}}
