.card-showcase{padding-block:115px 120px}.showcase-intro{display:flex;justify-content:space-between;align-items:end;gap:35px;margin-bottom:34px}.showcase-intro>div:first-child{max-width:690px}.showcase-intro h2,.campaign-showcase h2,.capability-head h2{font-size:clamp(37px,4.5vw,62px);letter-spacing:-.067em;line-height:1.09;margin:15px 0}.showcase-intro h2 em,.campaign-showcase h2 em,.capability-head h2 em{font-style:normal;color:#679a4b}.showcase-intro p{color:var(--muted);font-size:15px;line-height:1.7;max-width:610px;margin:0}.showcase-switcher{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.showcase-switcher button{border:1px solid #cdddc9;background:#fff;border-radius:12px;padding:10px 14px;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:800;color:#526a58;transition:transform .2s,background .2s,border-color .2s}.showcase-switcher button:hover{transform:translateY(-2px)}.showcase-switcher button[aria-selected=true]{background:#e8f4d5;border-color:#a9c982;color:var(--forest)}.swatch{width:13px;height:13px;border-radius:50%;box-shadow:0 0 0 2px #fff}.swatch.cafe{background:#174536}.swatch.brasa{background:#b5593a}.swatch.mar{background:#157080}.showcase-stage{display:grid;grid-template-columns:41% 59%;min-height:550px;border-radius:30px;overflow:hidden;border:1px solid #dce8d6;background:#fff}.showcase-copy{padding:43px 44px;display:flex;flex-direction:column;align-items:flex-start}.showcase-number{font-size:10px;letter-spacing:.15em;color:#79907c;font-weight:800;width:100%;display:flex;justify-content:space-between;border-bottom:1px solid #e6ece1;padding-bottom:16px}.showcase-number span{color:#97ad92}.showcase-copy [role=tabpanel]{max-width:350px}.showcase-copy [role=tabpanel][hidden]{display:none}.showcase-kicker{display:block;margin:48px 0 11px;font-size:10px;letter-spacing:.16em;font-weight:800;color:#5f9065}.showcase-copy h3{font-size:clamp(31px,3vw,43px);letter-spacing:-.06em;margin:0 0 13px}.showcase-copy p{font-size:14px;line-height:1.65;color:#60786a;margin:0 0 16px}.showcase-copy ul{list-style:none;padding:0;margin:0}.showcase-copy li{display:flex;align-items:center;gap:9px;font-size:12px;color:#3c6048;padding:8px 0}.showcase-copy li::before{content:"✓";color:#5f9f51;background:#e6f3d7;width:20px;height:20px;flex:none;display:grid;place-items:center;border-radius:50%;font-size:11px;font-weight:800}.showcase-settings{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:25px}.showcase-settings span{font-size:10px;font-weight:800;color:#487052;background:#edf5e8;padding:8px 10px;border-radius:8px}.showcase-settings i{display:inline-block;width:6px;height:6px;background:#75ae62;border-radius:50%;margin-right:3px}.showcase-link{margin-top:20px;font-size:12px;color:#1e6742;font-weight:800;border-bottom:1px solid #8ebd8d;padding-bottom:5px}.showcase-link span{padding-left:12px}.showcase-art{position:relative;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 50% 45%,#e4f3d8,#cfe2c5 70%)}.showcase-art::before{content:"";position:absolute;inset:0;background-image:linear-gradient(#3961460b 1px,transparent 1px),linear-gradient(90deg,#3961460b 1px,transparent 1px);background-size:31px 31px}.showcase-halo{position:absolute;width:480px;height:480px;border:1px solid #789c7777;border-radius:50%}.showcase-halo::after{content:"";position:absolute;inset:38px;border:1px solid #789c7777;border-radius:50%}.brand-card{--card:#174536;--accent:#dcfa80;z-index:1;width:min(75%,350px);min-height:440px;border-radius:26px;background:var(--card);overflow:hidden;color:white;box-shadow:0 28px 45px #0e342466;transform:rotate(-5deg);transition:background .4s,transform .4s}.brand-card:hover{transform:rotate(-2deg) translateY(-5px)}.brand-card.theme-brasa{--card:#602e27;--accent:#f5c186}.brand-card.theme-mar{--card:#0d4e60;--accent:#a8eff0}.brand-card-top{height:160px;background:linear-gradient(90deg,#0d281fc9,#0d281f11),url('/assets/casa-nube-hero.png') center/cover;display:flex;align-items:start;justify-content:space-between;padding:22px}.theme-brasa .brand-card-top{background:linear-gradient(120deg,#2b1712c9,#a65a3277),url('/assets/casa-nube-hero.png') center/cover}.theme-mar .brand-card-top{background:linear-gradient(120deg,#073f55c9,#46bdc577),url('/assets/casa-nube-hero.png') center/cover}.brand-card-top>span{font-size:11px;font-weight:800;letter-spacing:.06em;white-space:nowrap}.brand-card-mark{background:#ffffffd9;color:#173c2e;display:grid;place-items:center;width:54px;height:54px;border-radius:13px;font-size:21px;font-weight:800;letter-spacing:-.05em}.theme-brasa .brand-card-mark{background:#efd7b7;color:#5d3022}.theme-mar .brand-card-mark{background:#d4f7f3;color:#0d5964}.brand-card-bottom{padding:26px}.brand-card-bottom>span{font-size:10px;letter-spacing:.15em;color:#d7ecd6}.brand-card-bottom>strong{display:block;font-size:29px;letter-spacing:-.05em;margin:22px 0}.brand-stamps{display:flex;gap:7px}.brand-stamps i{width:24px;height:24px;border:1px solid #bfd4c4;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:14px}.brand-stamps i:not(:empty){background:var(--accent);color:var(--card);border-color:var(--accent)}.brand-progress{height:12px;background:#ffffffb0;border-radius:10px}.brand-progress i{display:block;width:70%;height:100%;background:var(--accent);border-radius:10px}.brand-card-bottom p{font-size:12px;color:#e3f0e5;margin:21px 0}.brand-card-footer{border-top:1px solid #ffffff4d;padding-top:15px;display:flex;align-items:center;gap:10px}.brand-qr{width:52px;height:52px;background:#fff;background-image:repeating-conic-gradient(#10291f 0 25%,#fff 0 50%);background-size:8px 8px;border:6px solid white;border-radius:5px}.brand-card-footer small{font-size:8px;letter-spacing:.12em;line-height:1.5}.showcase-float{position:absolute;z-index:2;bottom:46px;right:26px;background:#fff;border-radius:10px;padding:12px 16px;font-size:11px;font-weight:800;color:#315f3d;box-shadow:0 12px 24px #11371c34;transform:rotate(4deg)}.showcase-float span{color:#7ea650;margin-left:9px}.design-options{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:17px}.design-options>div{border:1px solid var(--line);background:#fff;border-radius:15px;padding:17px}.design-options b{font-size:10px;color:#80a36d;letter-spacing:.1em}.design-options strong,.design-options span{display:block}.design-options strong{font-size:13px;margin-top:13px}.design-options span{font-size:11px;color:var(--muted);margin-top:4px;line-height:1.4}
.campaign-showcase{padding-block:115px}.campaign-showcase .section-heading{max-width:730px}.campaign-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px;margin-top:41px}.campaign-preview{background:#fff;border:1px solid var(--line);border-radius:22px;padding:18px 18px 25px;min-width:0;transition:transform .3s,box-shadow .3s}.campaign-preview:hover{transform:translateY(-5px);box-shadow:0 17px 27px #14342218}.campaign-preview-head{display:flex;justify-content:space-between;gap:9px;align-items:center;min-height:27px;margin-bottom:15px;font-size:9px;font-weight:800;letter-spacing:.1em;color:#53755d}.campaign-preview-head b{font-size:8px;color:#77966e;background:#e8f4dc;padding:7px;border-radius:6px;white-space:nowrap}.campaign-preview h3{font-size:20px;letter-spacing:-.04em;margin:20px 4px 7px}.campaign-preview>p{font-size:12px;line-height:1.55;color:var(--muted);margin:0 4px}.campaign-loyalty,.campaign-coupon,.sms-phone{height:332px}.campaign-loyalty{overflow:hidden;border-radius:15px;background:#174536;color:#fff}.campaign-loyalty-photo{height:103px;background:linear-gradient(90deg,#0c2d2180,#0c2d2100),url('/assets/casa-nube-hero.png') center/cover}.campaign-loyalty>div:last-child{padding:22px}.campaign-loyalty small{font-size:8px;letter-spacing:.14em;color:#c5dfca}.campaign-loyalty strong{display:block;font-size:25px;letter-spacing:-.04em;margin:20px 0 18px}.campaign-dots{display:flex;gap:6px}.campaign-dots i{width:22px;height:22px;border:1px solid #c1ddc1;border-radius:50%;display:grid;place-items:center;font-style:normal;font-size:12px}.campaign-dots i:not(:empty){background:var(--lime);color:#174536;border:0}.campaign-loyalty p{font-size:11px;margin:21px 0}.campaign-coupon{border-radius:15px;background:radial-gradient(circle at 95% 0,#d58153,#9d4637 50%,#66382f);color:#fff;padding:23px;position:relative;overflow:hidden}.campaign-coupon::after{content:"";position:absolute;width:210px;height:210px;border:1px solid #ffffff6e;border-radius:50%;right:-110px;top:-95px}.campaign-coupon>div:first-child{display:flex;justify-content:space-between;align-items:start}.campaign-coupon small{font-size:8px;letter-spacing:.14em}.campaign-coupon>div:first-child span{font-size:23px;color:#ffcf9f}.campaign-coupon>strong{display:block;font-size:37px;line-height:1.03;letter-spacing:-.06em;margin:36px 0 16px}.campaign-coupon p{font-size:11px;line-height:1.6;color:#f9dfce}.campaign-coupon-code{position:absolute;bottom:22px;left:23px;right:23px;border-top:1px solid #ffffff6e;padding-top:14px;font-size:8px;letter-spacing:.1em;display:flex;justify-content:space-between;align-items:center}.campaign-coupon-code span{font-size:21px}.sms-phone{border:7px solid #18251e;border-radius:26px;background:#f6f8f3;padding:17px 14px;position:relative;color:#183327;overflow:hidden}.sms-phone::before{content:"";position:absolute;width:28%;height:13px;top:2px;left:36%;border-radius:0 0 11px 11px;background:#18251e}.sms-top{font-size:8px;font-weight:800;display:flex;justify-content:space-between}.sms-contact{text-align:center;margin:17px -14px 0;padding:0 12px 13px;border-bottom:1px solid #dce2dc;color:#4d8d51;font-size:18px}.sms-contact span{display:inline-block;color:#1c3929;font-size:12px;font-weight:800;padding:8px 24px 0}.sms-time{text-align:center;font-size:8px;color:#9aaba0;margin:14px 0}.sms-bubble{font-size:11px;line-height:1.45;background:#e4e9e2;border-radius:16px 16px 16px 4px;padding:14px;color:#1b3826;max-width:88%}.sms-input{position:absolute;left:13px;right:13px;bottom:15px;border:1px solid #d8e3d6;border-radius:30px;padding:8px 10px;font-size:10px;color:#a2b0a2;display:flex;justify-content:space-between}.sms-input span{background:#83af80;color:white;border-radius:50%;width:17px;height:17px;display:grid;place-items:center}
.capability-band{background:#0b2e22;color:#fff}.capability-inner{padding-block:95px}.capability-head{max-width:720px}.capability-head h2 em{color:var(--lime)}.capability-head p{font-size:15px;line-height:1.65;color:#b6cbb9;max-width:630px}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:42px}.capability-column{border:1px solid #ffffff29;border-radius:20px;background:#ffffff09;padding:26px}.capability-title span,.capability-title strong{display:block}.capability-title span{font-size:10px;letter-spacing:.17em;color:var(--lime);font-weight:800}.capability-title strong{font-size:22px;letter-spacing:-.04em;margin:9px 0 16px}.capability-column ul{list-style:none;margin:0;padding:0}.capability-column li{font-size:12px;line-height:1.5;color:#d5e6d7;padding:10px 0;border-top:1px solid #ffffff20;display:flex;gap:9px}.capability-column li::before{content:"✓";color:var(--lime);font-weight:800}.capability-note{display:flex;flex-wrap:wrap;gap:11px 21px;margin-top:22px;color:#9ebca5;font-size:10px}.capability-note span:first-child{color:#d7f190}
@media(max-width:1050px){.showcase-stage{grid-template-columns:45% 55%}.showcase-copy{padding:32px}.campaign-grid{gap:10px}.campaign-preview{padding:13px}.campaign-dots{gap:3px}.campaign-dots i{width:18px;height:18px}}
@media(max-width:850px){.showcase-intro{display:block}.showcase-switcher{justify-content:flex-start;margin-top:24px}.card-showcase,.campaign-showcase{padding-block:83px}.showcase-stage{grid-template-columns:1fr 1fr}.brand-card{width:83%;min-height:420px}.design-options{grid-template-columns:repeat(2,1fr)}.campaign-grid{grid-template-columns:repeat(2,1fr)}.campaign-preview:last-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,300px) 1fr;column-gap:20px;align-items:start}.campaign-preview:last-child .campaign-preview-head{grid-column:1 / -1}.campaign-preview:last-child .sms-phone{grid-row:span 2}.capability-grid{grid-template-columns:1fr 1fr}.capability-column:last-child{grid-column:span 2}}
@media(max-width:640px){.showcase-intro h2,.campaign-showcase h2,.capability-head h2{font-size:clamp(38px,9vw,51px)}.card-showcase,.campaign-showcase{padding-block:72px}.showcase-switcher{gap:5px}.showcase-switcher button{padding:9px;font-size:11px}.showcase-stage{display:flex;flex-direction:column-reverse}.showcase-art{min-height:440px}.brand-card{width:min(71%,290px);min-height:384px}.brand-card-top{height:125px;padding:16px}.brand-card-bottom{padding:19px}.brand-card-bottom>strong{font-size:24px;margin:18px 0}.brand-stamps{gap:5px}.brand-stamps i{width:21px;height:21px;font-size:11px}.showcase-float{right:9px;bottom:26px;font-size:9px;padding:9px}.showcase-copy{padding:28px}.showcase-kicker{margin-top:25px}.showcase-copy h3{font-size:32px}.showcase-settings{padding-top:25px}.design-options{gap:9px}.design-options>div{padding:13px}.design-options span{font-size:10px}.campaign-grid{grid-template-columns:1fr;gap:13px}.campaign-preview,.campaign-preview:last-child{display:block;grid-column:auto;padding:15px 15px 24px}.campaign-loyalty,.campaign-coupon,.sms-phone{height:320px}.campaign-preview:last-child .campaign-preview-head{display:flex}.capability-inner{padding-block:72px}.capability-grid{grid-template-columns:1fr;gap:10px;margin-top:29px}.capability-column:last-child{grid-column:auto}.capability-column{padding:21px}.capability-head p{font-size:14px}}
@media(max-width:370px){.showcase-art{min-height:410px}.brand-card{width:74%;min-height:370px}.brand-card-top{height:110px}.brand-card-bottom>strong{margin:14px 0}.brand-card-bottom p{margin:16px 0}.brand-stamps{gap:3px}.brand-stamps i{width:18px;height:18px}.showcase-float{max-width:120px}}
.brand-stamps[hidden],.brand-progress[hidden]{display:none}