.floating-support {
    position: fixed;
    right: 26px;
    bottom: 26px;
    z-index: 70;
    display: flex;
    align-items: center;
    gap: 11px;
    padding: 10px 17px 10px 11px;
    color: #fff;
    background: #0a8f49;
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    box-shadow: 0 16px 42px rgba(5, 72, 37, .3);
    isolation: isolate;
    transition: transform .25s, box-shadow .25s, background-color .25s;
}

.controlled-main { display: flex; flex-direction: column; }
.preview-banner { position:sticky;top:0;z-index:95;display:flex;align-items:center;justify-content:center;gap:10px;padding:9px 18px;color:#312e81;background:#eef2ff;border-bottom:1px solid #a5b4fc;font-size:11px; }
.preview-banner i { color:#4f46e5; }
.product-actions .quick-order:only-child { grid-column: 1 / -1; }

.floating-support:hover {
    background: #087d40;
    box-shadow: 0 22px 48px rgba(5, 72, 37, .38);
    transform: translateY(-5px) scale(1.02);
}

.floating-support > i {
    display: grid;
    width: 42px;
    height: 42px;
    color: #0a8f49;
    font-size: 24px;
    background: #fff;
    border-radius: 50%;
    place-items: center;
}

.support-copy { display: flex; flex-direction: column; line-height: 1.1; }
.support-copy b { font-size: 13px; }
.support-copy small { margin-top: 4px; font-size: 10px; opacity: .8; }
.support-ripple {
    position: absolute;
    top: 8px;
    left: 9px;
    z-index: -1;
    width: 46px;
    height: 46px;
    border: 2px solid rgba(255, 255, 255, .55);
    border-radius: 50%;
    animation: supportPulse 2.2s ease-out infinite;
}

.reveal { opacity: 0; transform: translateY(26px); animation: none; }
.reveal.in-view { animation: rise .75s cubic-bezier(.2, .7, .2, 1) both; }
.sector-card.in-view:nth-child(2), .product-card.in-view:nth-child(2) { animation-delay: .08s; }
.sector-card.in-view:nth-child(3), .product-card.in-view:nth-child(3) { animation-delay: .16s; }
.sector-card.in-view:nth-child(4), .product-card.in-view:nth-child(4) { animation-delay: .24s; }

/* The umbrella is intentionally presented as a balanced 2 × 2 family. */
.sector-grid {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 24px;
}

.sector-card {
    height: 390px;
    border: 1px solid color-mix(in srgb, var(--card-accent) 45%, transparent);
    box-shadow: 0 10px 30px rgba(11, 42, 25, .08);
}

.sector-card::before {
    position: absolute;
    right: -75px;
    bottom: -95px;
    z-index: 2;
    width: 250px;
    height: 250px;
    content: "";
    border: 1px solid rgba(255, 255, 255, .28);
    border-radius: 50%;
    box-shadow: 0 0 0 34px rgba(255, 255, 255, .06), 0 0 0 68px rgba(255, 255, 255, .035);
    transition: transform .5s ease;
}

.sector-card:hover::before { transform: scale(1.12); }
.sector-overlay { background: linear-gradient(90deg, rgba(3, 17, 9, .86) 0%, rgba(3, 17, 9, .52) 52%, rgba(3, 17, 9, .16) 100%); }
.sector-image { background-position: center 44%; }
.sector-top { align-items: flex-start; }
.sector-icon {
    width: 64px;
    height: 64px;
    font-size: 24px;
    border: 5px solid rgba(255, 255, 255, .18);
    box-shadow: 0 10px 28px rgba(0, 0, 0, .18);
}

.sector-bottom {
    right: 34%;
    bottom: 30px;
}

.sector-bottom h3 {
    max-width: 390px;
    font-size: clamp(27px, 2.4vw, 38px);
    letter-spacing: -.025em;
}

.sector-bottom p { max-width: 420px; font-size: 14px; }
.sector-bottom b {
    width: max-content;
    gap: 36px;
    padding: 10px 15px;
    margin-top: 16px;
    background: rgba(255, 255, 255, .13);
    border: 1px solid rgba(255, 255, 255, .24);
    border-radius: 999px;
    backdrop-filter: blur(10px);
}

@keyframes supportPulse {
    0% { opacity: .8; transform: scale(.85); }
    75%, 100% { opacity: 0; transform: scale(1.55); }
}

.founder-section { padding-top: 35px; }
.founder-card {
    position: relative;
    display: grid;
    grid-template-columns: 330px 1fr;
    align-items: center;
    gap: clamp(45px, 7vw, 100px);
    min-height: 460px;
    padding: clamp(42px, 6vw, 82px);
    overflow: hidden;
    color: #10261a;
    background: linear-gradient(120deg, #edf5ef 0%, #fff 62%);
    border: 1px solid #d8e5dc;
    border-radius: 18px;
}
.founder-card::after { position:absolute;inset:0 0 0 auto;width:8px;content:"";background:linear-gradient(#E31E24 0 25%,#00A3E0 25% 50%,#606060 50% 75%,#6B2D82 75%); }
.founder-portrait-wrap { position: relative; display: grid; place-items: center; }
.founder-orbit { position:absolute;width:310px;height:310px;border:1px dashed rgba(11,102,56,.3);border-radius:50%;animation:spin 32s linear infinite; }
.founder-orbit::before,.founder-orbit::after{position:absolute;width:11px;height:11px;content:"";background:#0B6638;border-radius:50%}.founder-orbit::before{top:23px;left:54px}.founder-orbit::after{right:25px;bottom:57px;background:#00A3E0}
.founder-portrait { position:relative;z-index:2;width:260px;height:260px;object-fit:cover;border:10px solid #fff;border-radius:50%;box-shadow:0 25px 55px rgba(12,63,35,.2); }
.founder-seal { position:absolute;right:13px;bottom:19px;z-index:3;display:grid;width:62px;height:62px;color:#fff;background:#0B6638;border:6px solid #fff;border-radius:50%;place-items:center; }
.founder-story { position:relative;z-index:2;max-width:700px; }
.founder-quote-icon { margin:23px 0 0;color:#0B6638;font-size:32px;opacity:.18; }
.founder-story blockquote { margin:6px 0 25px;font:500 clamp(25px,3vw,40px)/1.25 'Outfit','Noto Sans Bengali',sans-serif;letter-spacing:-.025em; }
.founder-signature { padding-left:17px;border-left:4px solid #0B6638; }
.founder-signature strong,.founder-signature span { display:block; }
.founder-signature strong { font-size:22px; }
.founder-signature span { margin-top:3px;color:#5f7166;font-size:13px; }
.founder-principles { display:flex;flex-wrap:wrap;gap:18px;margin-top:27px;color:#597064;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.founder-principles i { margin-right:5px;color:#0B6638; }
.founder-monogram { position:absolute;right:35px;bottom:-55px;color:rgba(11,102,56,.045);font:900 260px/1 'Outfit'; }

@media (prefers-reduced-motion: reduce) {
    .reveal { opacity: 1; transform: none; animation: none; }
    .support-ripple { animation: none; }
}

@media (max-width: 760px) {
    .sector-grid { grid-template-columns: 1fr; gap: 16px; }
    .sector-card { height: 410px; }
    .sector-bottom { right: 25px; }
    .floating-support { right: 14px; bottom: 14px; padding: 8px; }
    .support-copy { display: none; }
    .support-ripple { top: 6px; left: 6px; }
    .founder-section { padding-top: 10px; }
    .founder-card { grid-template-columns:1fr;gap:42px;padding:45px 24px;text-align:center; }
    .founder-portrait { width:210px;height:210px; }
    .founder-orbit { width:250px;height:250px; }
    .founder-seal { right:calc(50% - 120px);bottom:0; }
    .founder-signature { padding-left:0;border-left:0; }
    .founder-principles { justify-content:center; }
}