.hero{position:relative;min-height:242px;padding:20px 10px 12px;background:linear-gradient(rgba(255,192,76,.22),rgba(255,214,125,.64)),var(--hero-image) center/cover no-repeat;color:#3e3429;text-align:center}
.hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,190,62,.15),rgba(255,225,166,.28));pointer-events:none}
.hero .hero-badge{position:relative;z-index:1;display:block;margin:0 0 11px;color:#fff;font-size:12px;font-weight:650;text-shadow:0 1px 3px rgba(84,51,0,.28)}
.hero-card{position:relative;z-index:1;display:block;overflow:hidden;padding:17px 16px 0;border:1px solid rgba(255,255,255,.75);border-radius:9px;background:rgba(255,255,255,.92);box-shadow:0 7px 22px rgba(89,56,12,.1);backdrop-filter:blur(7px)}
.hero-card small,.hero-card strong,.hero-card b,.hero-card em{display:block}
.hero-card small{color:#7b6c5d;font-size:12px}
.hero-card strong{margin:5px 0 12px;font-size:18px}
.hero-card b{width:72%;margin:auto;padding:10px 14px;border-radius:22px;background:linear-gradient(135deg,#ffb934,#ff8c49);box-shadow:0 6px 14px rgba(241,141,44,.25);color:#fff;font-size:18px}
.hero-card em{margin:15px -16px 0;padding:10px 4px;background:#fffaf0;color:#b5874d;font-size:11px;font-style:normal;word-spacing:4px}
.hero.hero-placeholder{padding:20px 10px 12px;background:linear-gradient(145deg,#fff3c8,#ffcf67);text-align:center}
.case-grid figure{position:relative}
.case-zoom{position:relative;display:block;width:100%;padding:0;border:0;background:none;cursor:zoom-in}
.case-zoom span{position:absolute;right:8px;bottom:8px;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:rgba(20,24,31,.62);color:#fff;font-size:17px;opacity:0;transition:.18s}
.case-zoom:hover span{opacity:1}
.case-grid figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px}
.case-grid figcaption b{overflow:hidden;text-overflow:ellipsis;font-size:12px;font-weight:500}
.case-grid figcaption a{flex:none;color:#ff3567;font-size:11px}
.case-dialog{width:min(calc(100% - 24px),780px);max-height:88vh;padding:0;border:0;border-radius:10px;background:#15171b;box-shadow:0 20px 80px rgba(0,0,0,.5);overflow:visible}
.case-dialog::backdrop{background:rgba(0,0,0,.82)}
.case-dialog>button{position:absolute;z-index:2;top:-13px;right:-10px;display:grid;place-items:center;width:36px;height:36px;border:2px solid #fff;border-radius:50%;background:#24272d;color:#fff;font-size:24px;cursor:pointer}
.case-dialog img{display:block;width:100%;max-height:78vh;border-radius:10px 10px 0 0;object-fit:contain}
.case-dialog p{margin:0;padding:11px 15px;color:#fff;text-align:center;font-size:13px}
@media(hover:none){.case-zoom span{opacity:1}}
.consent{align-items:flex-start;gap:9px;padding:18px 16px 8px;cursor:pointer}
.consent input{flex:0 0 auto;width:22px;height:22px;margin:0;cursor:pointer}
.consent-copy{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:3px;min-height:22px;padding-top:3px;line-height:1.55}
.consent-copy button{cursor:pointer}
.company-info{margin:28px 18px 8px;padding-top:18px;border-top:1px solid #e1e3e7;color:#858b94;text-align:center;font-size:12px;line-height:1.7}
.company-info p{margin:5px 0;overflow-wrap:anywhere}
.company-info span{color:#6f7580}
.form-message{top:50%;bottom:auto;width:auto;max-width:calc(100% - 48px);padding:11px 18px!important;border-radius:7px;background:rgba(0,0,0,.82)!important;color:#fff!important;font-size:14px;line-height:1.45;opacity:0;visibility:hidden;transform:translate(-50%,-50%) scale(.96);transition:opacity .16s,transform .16s,visibility .16s;pointer-events:none}
.form-message.show{opacity:1;visibility:visible;transform:translate(-50%,-50%) scale(1)}
.landing-shell{background:linear-gradient(var(--page-bg-angle),var(--page-bg-start),var(--page-bg-end))}
