:root{
  --creci:#075ca8;--creci-deep:#063d78;--creci-navy:#052e5d;--creci-soft:#eaf3ff;
  --green:#09885f;--green2:#20b84b;--yellow:#ffd218;--gold:#e7af24;--ink:#092f2b;--muted:#6a7679;
  --line:#dce5ea;--bg:#f8fbfa;--white:#fff;--shadow:0 8px 26px rgba(5,54,91,.10);
  --f1:8px;--f2:13px;--f3:21px;--f4:34px;--f5:55px;--f6:89px;
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:var(--bg)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:linear-gradient(#fbfdfc,#f4f9f7);color:var(--ink)}button,input{font:inherit}.app-shell{max-width:820px;margin:0 auto;min-height:100vh;padding:var(--f3)}
.topbar{display:flex;justify-content:space-between;align-items:center;gap:var(--f3);min-height:110px;padding:var(--f1) 0 var(--f3)}.brand-stack{display:flex;align-items:flex-start;gap:var(--f2)}.creci-badge{width:82px;height:45px;object-fit:contain;border-radius:6px}.brand-logo{width:260px;max-height:96px;object-fit:contain;object-position:left center}.top-actions{display:flex;gap:var(--f2);align-items:center}.verified{display:flex;align-items:center;gap:10px;border:1.5px solid #78a7de;background:#fff;color:var(--creci-deep);padding:11px 15px;border-radius:17px;font-weight:800;box-shadow:0 4px 12px rgba(5,92,168,.05)}.verified-shield{width:30px;height:34px;display:grid;place-items:center;border:3px solid var(--creci);border-radius:10px 10px 14px 14px}.square-btn{width:58px;height:58px;border:1px solid #dce4ea;border-radius:18px;background:#fff;color:var(--creci);font-size:26px;box-shadow:var(--shadow)}
.hero{position:relative;overflow:hidden;min-height:210px;border-radius:34px;background:linear-gradient(125deg,var(--creci-navy),#075ca8 62%,#0a4d85);color:#fff;padding:var(--f4);box-shadow:var(--shadow);isolation:isolate}.hero-copy{position:relative;z-index:4;width:60%}.eyebrow{font-size:13px;font-weight:900;letter-spacing:.22em}.hero h1{font-size:clamp(30px,5.2vw,48px);line-height:1.05;margin:var(--f2) 0 0;max-width:510px}.flag-watermark{position:absolute;inset:0;opacity:.13;z-index:1}.flag-watermark:before{content:"";position:absolute;width:320px;height:220px;background:#f4d31d;transform:rotate(-8deg) skewX(-10deg);right:110px;top:0;clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.flag-watermark span{position:absolute;width:120px;height:120px;border-radius:50%;background:#0b4f9f;right:208px;top:46px;box-shadow:0 0 0 3px rgba(255,255,255,.15)}.skyline{position:absolute;right:20px;bottom:0;height:86%;width:45%;z-index:2;display:flex;align-items:flex-end;justify-content:flex-end;gap:7px;opacity:.92}.skyline i{display:block;width:13%;height:var(--h);background:linear-gradient(90deg,#07386e,#1e83d4 55%,#87d8ff);border-radius:5px 5px 0 0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2)}.hero-help{position:absolute;z-index:5;right:var(--f3);top:var(--f3);width:48px;height:48px;border-radius:50%;border:2px solid rgba(255,255,255,.65);background:rgba(0,45,92,.3);color:#fff;font-weight:900;font-size:26px}
.region-row{display:flex;justify-content:space-between;align-items:center;gap:var(--f3);padding:var(--f3) var(--f1)}.region{display:flex;gap:12px;align-items:center;font-size:22px}.region button{border:0;border-bottom:1px solid #b7c9c5;background:transparent;color:#08725c;font-weight:800;padding:8px 4px}.quick-nav{display:flex;gap:10px}.quick-nav button{width:48px;height:48px;border:1px solid #e2e9ea;border-radius:15px;background:#fff;color:var(--creci);font-weight:900;font-size:21px;box-shadow:0 5px 12px rgba(4,76,124,.08)}
.card{background:#fff;border:1px solid var(--line);border-radius:28px;padding:var(--f3);box-shadow:0 4px 18px rgba(4,70,100,.06);margin-bottom:var(--f3)}.card h2{font-size:30px;margin:0 0 var(--f3)}.credit-strip{display:flex;justify-content:space-between;align-items:center;gap:var(--f2);border:1px solid #bcd8fb;background:linear-gradient(90deg,#f1f7ff,#f9fcff);border-radius:18px;padding:10px 16px;margin-bottom:var(--f3)}.credit-strip>div{display:flex;align-items:center;gap:10px}.credit-pill{display:inline-flex;min-width:70px;justify-content:center;background:linear-gradient(135deg,var(--creci),#0a71dc);color:#fff;border-radius:14px;padding:8px 16px;font-size:28px;font-weight:900}.role-pill{border:1px solid #b9cce0;border-radius:99px;padding:8px 15px;color:var(--creci);font-weight:800;background:#fff}.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--f2)}.mode{min-height:88px;border-radius:22px;padding:14px 18px;display:flex;align-items:center;gap:14px;text-align:left;cursor:pointer}.mode span{width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:rgba(255,255,255,.18);font-size:25px}.mode b{font-size:21px}.mode small{display:block;font-size:13px;font-weight:600;margin-top:3px}.mode.secondary{border:1.5px solid #d8e2e6;background:#fbfdfc;color:var(--ink)}.mode.secondary.vision{border:2px solid var(--creci);background:#f7faff}.mode.primary{border:0;background:linear-gradient(135deg,#0a5bb5,#043e9e);color:#fff}.vision-result{margin-top:var(--f3);display:flex;gap:var(--f2);align-items:center;border-radius:18px;background:#f4f9ff;border:1px solid #bdd6f2;padding:12px}.vision-result img{width:105px;height:78px;object-fit:cover;border-radius:12px}.vision-result p{margin:4px 0;color:var(--muted);font-size:13px}
.phone-card{padding:var(--f3)}.phone-heading{display:flex;gap:14px;align-items:center}.phone-heading h2{margin:0;font-size:30px}.phone-heading p{margin:2px 0 0;color:var(--muted);font-size:18px}.mini-icon{width:54px;height:54px;border-radius:16px;background:#eff8f4;display:grid;place-items:center;color:var(--green)}.phone-row{display:grid;grid-template-columns:1fr 90px 96px;gap:var(--f2);margin-top:var(--f3)}.phone-row input{min-width:0;height:72px;border:1px solid #d6dfe0;border-radius:20px;padding:0 18px;font-size:24px}.voice-btn,.whatsapp-btn{border:0;border-radius:20px}.voice-btn{background:#eef5f2;color:#304b45;font-size:21px}.voice-btn small{display:block;font-size:12px;font-weight:800}.whatsapp-btn{background:#1fc760;color:#fff;font-size:42px}.check-row{display:flex;align-items:center;gap:11px;margin-top:var(--f2);font-weight:700;color:#5d6d6b}.check-row input{width:28px;height:28px}
.featured{border:3px solid #2d65b6}.section-head{display:flex;justify-content:space-between;align-items:center;gap:var(--f3);margin-bottom:var(--f2)}.section-head h2{margin:3px 0 0}.eyebrow.blue{color:var(--creci)}.eyebrow.gold{color:#b97700}.yellow-btn,.yellow-wide{border:0;background:linear-gradient(135deg,#ffd91b,#ffc70c);color:#111;border-radius:18px;font-weight:900}.yellow-btn{padding:15px 22px;font-size:19px}.property-card{border:5px solid #dbeaff;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:1.15fr .85fr;background:#fff}.property-photo{min-height:265px;position:relative;overflow:hidden;background:linear-gradient(#91c6ef 0 41%,#cdd9df 42% 58%,#aa9c86 59%)}.featured-tag{position:absolute;z-index:3;left:14px;top:14px;background:var(--creci);color:#fff;border-radius:12px;padding:8px 14px;font-weight:900;font-size:12px}.house-art{position:absolute;left:10%;right:10%;bottom:0;height:72%}.house-art:before{content:"";position:absolute;left:5%;right:5%;bottom:10%;height:52%;background:#d5d8d9;border-left:15px solid #b9bec0;box-shadow:inset -60px 0 #a8aaab}.house-art:after{content:"";position:absolute;left:0;right:0;bottom:55%;height:18%;background:#6f7375;transform:skewX(-16deg)}.house-art i{position:absolute;z-index:2;bottom:12%;width:18%;height:36%;background:#65686a}.house-art i:nth-child(1){left:19%}.house-art i:nth-child(2){left:42%}.house-art i:nth-child(3){left:65%}.property-copy{padding:var(--f3);display:flex;flex-direction:column;justify-content:center}.property-copy h3{font-size:24px;line-height:1.08;margin:0 0 8px}.property-copy p{color:#62716d;margin:0 0 10px}.property-copy strong{font-size:24px;color:#c45119}.carousel-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin:var(--f2) 0}.carousel-controls button{width:38px;height:38px;border:1px solid #d8e1e3;background:#fff;border-radius:50%;font-size:25px;color:var(--green)}.dots{display:flex;gap:8px}.dots i{width:9px;height:9px;background:#d9e6e2;border-radius:50%}.dots i.on{width:25px;border-radius:8px;background:var(--creci)}.sponsored-note{display:block;text-align:center;color:#777}
.ai-card{border:2px solid #ffd67a}.ai-examples{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.ai-examples button{padding:0 0 8px;border:1px solid #e2e8e8;background:#fff;border-radius:16px;overflow:hidden;font-weight:800}.thumb{height:82px;background:#d7e1df}.thumb.clean{background:linear-gradient(150deg,#dae4e4,#7c8e8d)}.thumb.furnish{background:linear-gradient(150deg,#efebe5 0 55%,#8a6f50 56%)}.thumb.sign{background:linear-gradient(#c1d5e8 0 50%,#686868 51%)}.thumb.flyer{background:linear-gradient(135deg,#111d37,#243e68)}.yellow-wide{width:100%;margin-top:var(--f3);min-height:64px;padding:13px 18px;display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:18px}.yellow-wide span{font-weight:600;font-size:13px}.text-btn{border:0;background:transparent;color:#a66c00;font-weight:800}.settings-line button{width:100%;height:68px;border:1px solid #dde7e5;border-radius:22px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:22px;color:var(--ink);box-shadow:0 4px 14px rgba(5,72,95,.05)}.benefit-card{margin-top:var(--f3);display:flex;justify-content:space-between;align-items:center;background:linear-gradient(120deg,#fff,#f4f9ff)}.benefit-card h2{margin:3px 0 6px}.benefit-card p{margin:0;color:var(--muted)}.benefit-number{font-size:42px;font-weight:900;color:var(--creci)}.benefit-number small{display:block;font-size:12px;text-align:center;color:var(--muted)}
footer{text-align:center;padding:var(--f5) var(--f3);color:#75807e;font-size:12px}footer img{max-width:240px;opacity:.78;margin-bottom:10px}
.drawer,.modal{position:fixed;inset:0;z-index:50;pointer-events:none;visibility:hidden}.drawer.open,.modal.open{pointer-events:auto;visibility:visible}.drawer-backdrop,.modal-backdrop{position:absolute;inset:0;background:rgba(0,20,45,.35);backdrop-filter:blur(3px)}.drawer-panel{position:absolute;right:0;top:0;bottom:0;width:min(390px,88vw);background:#fff;padding:24px;transform:translateX(100%);transition:.25s ease;box-shadow:-20px 0 60px rgba(0,0,0,.18)}.drawer.open .drawer-panel{transform:translateX(0)}.drawer-brand{display:flex;align-items:center;gap:12px;padding-bottom:18px;border-bottom:1px solid #e3e9eb}.drawer-brand img{width:52px;height:52px;object-fit:contain}.drawer-brand div{display:flex;flex-direction:column;flex:1}.drawer-brand b{font-size:22px}.drawer-brand small{color:var(--creci)}.drawer-brand button{border:0;background:#eef4f5;width:40px;height:40px;border-radius:50%;font-size:25px}.drawer nav{display:flex;flex-direction:column;padding:15px 0}.drawer nav button{border:0;background:transparent;text-align:left;padding:15px 4px;font-weight:750;font-size:17px;color:#173a37}.drawer nav hr{width:100%;border:0;border-top:1px solid #e2e7e8}.drawer-note{font-size:13px;line-height:1.45;color:#65716e;background:#f4f8f7;border-radius:14px;padding:14px}.modal-card{position:absolute;width:min(620px,calc(100vw - 30px));max-height:80vh;overflow:auto;left:50%;top:50%;transform:translate(-50%,-48%);background:#fff;border-radius:26px;padding:28px;box-shadow:0 30px 100px rgba(0,20,55,.30)}.modal-close{position:absolute;right:14px;top:14px;width:38px;height:38px;border:0;border-radius:50%;background:#edf3f4;font-size:24px}.modal h2{font-size:28px;margin:0 0 10px}.modal p{color:#64716f;line-height:1.45}.credit-packages{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:18px}.credit-package{border:1px solid #cbd9e5;border-radius:18px;padding:16px;background:#f9fcff}.credit-package strong{display:block;font-size:26px;color:var(--creci)}.credit-package b{display:block;margin:7px 0 12px}.credit-package button{width:100%;border:0;border-radius:12px;background:var(--yellow);padding:11px;font-weight:900}.modal-note{font-size:12px;background:#fff7db;padding:12px;border-radius:12px;color:#806500!important}.splash{position:fixed;inset:0;z-index:100;background:var(--creci-navy);display:grid;place-items:center;transition:opacity .25s ease}.splash.hide{opacity:0;pointer-events:none}.splash-inner{text-align:center;color:#fff}.splash img{width:min(380px,76vw);filter:drop-shadow(0 12px 35px rgba(0,0,0,.25))}.splash p{font-weight:900;letter-spacing:.18em;margin-top:0}
@media(max-width:650px){.app-shell{padding:13px}.topbar{min-height:86px}.creci-badge{width:58px;height:34px}.brand-logo{width:190px;max-height:78px}.verified{font-size:13px;padding:8px 10px}.verified-shield{width:25px;height:28px}.square-btn{width:50px;height:50px}.hero{min-height:180px;padding:24px;border-radius:25px}.hero-copy{width:68%}.hero h1{font-size:34px}.region-row{align-items:flex-start}.region{font-size:18px;flex-direction:column;align-items:flex-start;gap:4px}.quick-nav{gap:7px}.quick-nav button{width:42px;height:42px}.card{padding:18px;border-radius:22px}.card h2,.phone-heading h2{font-size:26px}.mode b{font-size:17px}.mode-grid{gap:10px}.mode{padding:11px;min-height:78px}.mode span{width:40px;height:40px}.phone-row{grid-template-columns:1fr 70px 72px;gap:8px}.phone-row input{font-size:18px;height:62px}.property-card{grid-template-columns:1fr}.property-photo{min-height:220px}.property-copy{padding:16px}.ai-examples{grid-template-columns:repeat(4,1fr);overflow:auto}.ai-examples button{min-width:120px}.benefit-card{align-items:flex-start}.hero-help{width:42px;height:42px}.credit-strip{font-size:14px}.role-pill{padding:7px 10px}.credit-pill{font-size:23px;min-width:58px}.section-head{align-items:flex-end}.yellow-btn{padding:12px 15px}.brand-stack{gap:5px}}
@media(max-width:450px){.creci-badge{display:none}.brand-logo{width:180px}.verified span:last-child{display:none}.verified{border-radius:16px}.hero-copy{width:75%}.hero h1{font-size:30px}.skyline{width:48%;opacity:.72}.quick-nav{width:100%;justify-content:flex-end}.region-row{flex-wrap:wrap}.phone-heading p{font-size:15px}.mode-grid{grid-template-columns:1fr 1fr}.mode{min-height:74px}.mode b{font-size:15px}.mode small{font-size:11px}.property-copy h3{font-size:21px}.credit-packages{grid-template-columns:1fr}.benefit-number{font-size:34px}}

/* Soma Imob v0.2 — refinamento visual CRECI MT */
.brand-stack{flex-direction:column;gap:3px;align-items:flex-start}.creci-badge{width:118px;height:38px;object-fit:contain;object-position:left center}.brand-logo{width:275px;max-height:102px}.topbar{align-items:center}.hero{min-height:168px}.hero-copy{width:62%}.hero h1{max-width:520px}.property-photo{overflow:hidden;background:#eef3f5}.property-photo img{display:block;width:100%;height:100%;min-height:250px;object-fit:cover;object-position:center center}.house-art{display:none}.thumb-image{display:block;width:100%;aspect-ratio:1.45/1;object-fit:cover;background:#eef3f4}.ai-examples button{overflow:hidden}.yellow-wide,.yellow-btn{background:var(--yellow)!important;color:#111!important}.yellow-wide *,.yellow-btn *{color:#111!important}.quick-nav button{color:var(--creci)!important}.benefit-card{border-color:#c9dcf4;background:linear-gradient(135deg,#fff,#f2f7ff)}
@media(max-width:650px){
  .app-shell{padding:12px}.topbar{min-height:118px;padding:8px 0 13px}.creci-badge{width:105px;height:30px}.brand-logo{width:205px;max-height:79px}.verified{font-size:12px;padding:8px 9px;gap:6px}.verified-shield{width:25px;height:28px}.square-btn{width:50px;height:50px}.hero{min-height:165px;padding:22px;border-radius:24px}.hero-copy{width:70%}.hero h1{font-size:31px;line-height:1.08}.region-row{align-items:center;flex-wrap:wrap}.region{font-size:18px;flex-direction:row;align-items:center;gap:8px}.quick-nav{width:100%;justify-content:flex-end;margin-top:8px}.card{padding:17px}.property-card{grid-template-columns:1fr}.property-photo img{min-height:230px}.ai-examples{grid-template-columns:repeat(4,1fr)}
}
@media(max-width:450px){
  .brand-stack{max-width:205px}.creci-badge{display:block;width:92px;height:27px}.brand-logo{width:180px;max-height:70px}.verified span:last-child{display:block}.verified{padding:7px 8px}.top-actions{gap:7px}.hero-copy{width:74%}.hero h1{font-size:29px}.skyline{width:47%;opacity:.72}.property-photo img{min-height:205px}.ai-examples{overflow:auto;gap:8px}.ai-examples button{min-width:112px}.yellow-wide{gap:8px}.yellow-wide span{font-size:12px}
}
.brand-logo{aspect-ratio:auto;object-fit:contain;object-position:left center}
.splash img{max-height:300px;object-fit:contain}
