/* Extraido do index.php para facilitar manutencao da home. */

:root{--aqua:#12c2d7;--orange:#ff7a45;--line:#dde6f2;--ink:#101828;--bg:#f3f8fd}
        *{box-sizing:border-box}
        body{margin:0;font-family:'Plus Jakarta Sans',sans-serif;background:radial-gradient(40rem 30rem at 95% -10%,rgba(18,194,215,.15),transparent 62%),var(--bg);color:#344054}
        h1,h2,h3{font-family:'Sora',sans-serif;letter-spacing:-.02em}
        .topbar{position:sticky;top:0;z-index:1040;background:rgba(7,21,44,.94);border-bottom:1px solid rgba(148,163,184,.25);backdrop-filter:blur(8px)}
        .brand{display:flex;align-items:center;gap:.65rem;color:#fff;text-decoration:none;font-family:'Sora',sans-serif;font-weight:700}
        .brand-logo,.brand-fallback{width:42px;height:42px;border-radius:12px}
        .brand-logo{object-fit:contain;background:#fff;padding:4px;border:1px solid rgba(148,163,184,.35)}
        .brand-fallback{display:grid;place-items:center;color:#fff;background:linear-gradient(135deg,var(--brand),var(--aqua))}
        .nav-link{color:#d8e5f5!important;font-weight:600}.nav-link:hover{color:#fff!important}
        .dropdown-menu{border:1px solid var(--line);border-radius:14px;box-shadow:0 18px 30px -24px rgba(2,6,23,.8)}
        .dropdown-item{border-radius:10px;font-weight:600}.dropdown-item:hover{background:#ecf7ff;color:#0b6fa9}
        .main-shell{padding:1.3rem 0 2.4rem}
        .hero-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:1rem}
        .hero{position:relative;overflow:hidden;border-radius:22px;padding:1.6rem;border:1px solid rgba(148,163,184,.25);background:linear-gradient(136deg,#07152c,#0a2e63 52%,#0a81c2);color:#cfe3fa;box-shadow:0 28px 44px -36px rgba(2,6,23,.9)}
        .hero:after{content:'';position:absolute;right:-100px;bottom:-110px;width:260px;height:260px;border-radius:999px;background:radial-gradient(circle,rgba(255,122,69,.45),transparent 65%)}
        .kicker{display:inline-flex;gap:.35rem;align-items:center;border:1px solid rgba(148,163,184,.35);background:rgba(2,6,23,.25);border-radius:999px;padding:.32rem .72rem;font-size:.74rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
        .hero h1{margin:.9rem 0 .75rem;color:#fff;max-width:15ch;font-size:clamp(1.7rem,3vw,2.45rem);line-height:1.06}
        .hero p{margin:0 0 1.1rem;max-width:56ch;color:#bfd4ea}
        .hero-actions{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1rem}
        .btn-main,.btn-ghost{display:inline-flex;align-items:center;gap:.4rem;border-radius:999px;padding:.58rem .95rem;font-size:.9rem;font-weight:700;text-decoration:none;transition:.18s}
        .btn-main{background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff}.btn-main:hover{color:#fff;transform:translateY(-1px)}
        .btn-ghost{border:1px solid rgba(191,244,251,.5);background:rgba(2,6,23,.2);color:#d5f5fa}.btn-ghost:hover{color:#fff}
        .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.55rem}
        .stat{border:1px solid rgba(148,163,184,.28);background:rgba(2,6,23,.24);border-radius:13px;padding:.62rem .68rem}
        .stat strong{display:block;color:#fff;font-size:1.18rem;line-height:1.1}.stat span{font-size:.8rem;color:#c2d7ec}
        .console{border:1px solid var(--line);border-radius:22px;background:#fff;padding:1rem;box-shadow:0 18px 30px -24px rgba(2,6,23,.72)}
        .console h2{margin:0;color:var(--ink);font-size:1.08rem}.console p{margin:.32rem 0 .76rem;color:#667085;font-size:.9rem}
        .search-wrap{position:relative;margin-bottom:.66rem}.search-wrap i{position:absolute;left:.78rem;top:50%;transform:translateY(-50%);color:#7a8aa0}
        .search-wrap input{width:100%;border:1px solid var(--line);border-radius:12px;background:#f7fbff;padding:.68rem .8rem .68rem 2.25rem;outline:none}
        .search-wrap input:focus{border-color:rgba(11,132,255,.5);box-shadow:0 0 0 3px rgba(11,132,255,.14);background:#fff}
        .result-pill{display:inline-flex;background:#ebf7ff;color:#046d9c;border-radius:999px;padding:.24rem .56rem;font-size:.78rem;font-weight:700;margin-bottom:.66rem}
        .type-filters,.view-filters{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.45rem;margin-bottom:.45rem}
        .type-btn,.view-btn,.fav-toggle,.sort-select,.chip-btn{border:1px solid var(--line);border-radius:11px;background:#fff;color:#475467;font-size:.83rem;font-weight:700;padding:.42rem .56rem;transition:.18s}
        .type-btn,.view-btn,.fav-toggle,.chip-btn{cursor:pointer}
        .type-btn.active,.view-btn.active,.chip-btn.active{border-color:transparent;background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff}
        .sort-row{display:grid;grid-template-columns:1fr auto;gap:.45rem;align-items:center}
        .fav-toggle.active{border-color:rgba(255,122,69,.55);background:#fff3ee;color:#c2410c}
        .shortcuts{margin-top:.9rem;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.56rem}
        .shortcut{border:1px solid var(--line);border-radius:12px;background:#fff;padding:.6rem .68rem;text-decoration:none;color:#1f2937;font-size:.85rem;font-weight:700;display:flex;align-items:center;gap:.4rem}
        .shortcut:hover{color:#0b6fa9;background:#f1f8ff}
        .alert-top{margin-top:.9rem;border:1px solid rgba(255,122,69,.35);border-radius:14px;background:linear-gradient(90deg,#fff5ef,#fffbf8);color:#8d3c1a;font-weight:600;padding:.78rem .92rem}
        .section{margin-top:1.8rem}.section-head{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:.8rem;margin-bottom:.85rem}
        .section-kicker{display:inline-flex;gap:.28rem;align-items:center;background:#e7f7ff;border:1px solid #cdeefb;color:#066790;border-radius:999px;padding:.24rem .58rem;font-size:.72rem;font-weight:800;text-transform:uppercase}
        .section h2{margin:.36rem 0 .12rem;color:var(--ink);font-size:clamp(1.24rem,2.3vw,1.8rem)}.section p{margin:0;color:#667085;font-size:.93rem}
        .chip-list{display:flex;flex-wrap:wrap;gap:.4rem}
        .card-wrap{height:100%}.card-modern{height:100%;display:flex;flex-direction:column;border:1px solid var(--line);border-radius:16px;background:#fff;padding:.9rem;box-shadow:0 16px 26px -22px rgba(2,6,23,.66);transition:.2s}
        .card-modern:hover{transform:translateY(-3px);border-color:rgba(11,132,255,.38)}
        .card-top{display:flex;justify-content:space-between;align-items:start;gap:.35rem;margin-bottom:.6rem}
        .tag{display:inline-flex;gap:.2rem;align-items:center;border-radius:999px;padding:.22rem .5rem;font-size:.7rem;font-weight:800;text-transform:uppercase}
        .tag-p{color:#0b6fa9;background:#e7f5ff;border:1px solid #c8ebfd}.tag-s{color:#c2410c;background:#fff3ea;border:1px solid #ffd9c4}.tag-n{color:#0f766e;background:#e8fbf8;border:1px solid #c6f3ec}
        .fav-btn{width:30px;height:30px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#7a8aa0;display:grid;place-items:center;cursor:pointer}
        .fav-btn.active{border-color:rgba(255,122,69,.52);color:#ff7a45;background:#fff5ef}
        .card-title{margin:0 0 .3rem;color:var(--ink);font-size:1rem;line-height:1.3}.card-price{margin:0 0 .4rem;color:#0a3f5f;font:700 1.18rem 'Sora',sans-serif}
        .card-desc{margin:0 0 .72rem;color:#475467;font-size:.9rem;line-height:1.48;flex:1}.news-date{margin:0 0 .42rem;color:#667085;font-size:.75rem;font-weight:800;text-transform:uppercase}
        .card-cover{margin:0 0 .9rem;overflow:hidden;border-radius:18px;aspect-ratio:16/9;background:#0f172a;border:1px solid rgba(255,255,255,.08)}
        .card-cover img{width:100%;height:100%;display:block;object-fit:cover}
        .card-preview{margin:0 0 .72rem;color:#475467;font-size:.9rem;line-height:1.6;flex:1}
        .card-desc-rich{margin:0 0 .72rem;color:#475467;font-size:.9rem;line-height:1.52;flex:1;display:flex;flex-direction:column;gap:.55rem}
        .card-desc-rich>*{margin:0}
        .card-desc-rich ul,.card-desc-rich ol{padding-left:1.15rem}
        .card-desc-rich a{color:var(--brand);font-weight:700;text-decoration:underline;word-break:break-word}
        .card-desc-rich img{max-width:100%;height:auto;max-height:170px;border-radius:14px;border:0;display:block;background:transparent;box-shadow:none}
        .card-actions{display:flex;flex-wrap:wrap;gap:.36rem}
        .btn-card-main,.btn-card-soft{border-radius:999px;font-size:.81rem;font-weight:700;padding:.44rem .74rem;border:1px solid transparent;text-decoration:none;transition:.18s}
        .btn-card-main{background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff}.btn-card-main:hover{color:#fff}
        .btn-card-soft{background:#f7f9fc;border-color:var(--line);color:#1f2937;cursor:pointer}
        .btn-card-soft:hover{color:#0b6fa9;background:#f1f8ff}
        .product-detail-modal .modal-content{border-radius:24px}
        .product-detail-modal .modal-header{padding:1.35rem 1.5rem 1.15rem}
        .product-detail-modal .modal-body{padding:1.35rem 1.5rem 1.5rem}
        .product-detail-cover{margin:.4rem 0 1rem;border-radius:18px;overflow:hidden;aspect-ratio:16/9;max-height:300px;background:#0f172a}
        .product-detail-cover img{width:100%;height:100%;display:block;object-fit:cover}
        .product-detail-price{margin:0 0 1rem}
        .product-detail-content{display:flex;flex-direction:column;gap:.8rem;line-height:1.7}
        .product-detail-content>*{margin:0}
        .product-detail-content img{max-width:100%;height:auto;border-radius:16px}
        .empty{border:1px dashed #c7d8ed;border-radius:13px;background:#f8fbff;color:#5d748b;font-weight:600;text-align:center;padding:1rem}
        .footer{margin-top:2rem;border:1px solid var(--line);border-radius:16px;background:#fff;padding:1rem;text-align:center;color:#667085}
        .footer a{color:var(--brand);font-weight:700;text-decoration:none}
        .fab{position:fixed;right:18px;bottom:18px;z-index:1060;border:0;border-radius:999px;padding:.62rem .88rem;background:linear-gradient(135deg,var(--brand),var(--aqua));color:#fff;font-size:.86rem;font-weight:700;display:inline-flex;align-items:center;gap:.36rem;cursor:pointer}
        .fab .count{min-width:1.32rem;border-radius:999px;background:rgba(255,255,255,.24);text-align:center;font-size:.74rem;padding:0 .2rem}
        .backdrop{position:fixed;inset:0;z-index:1065;background:rgba(2,6,23,.46);backdrop-filter:blur(4px);opacity:0;visibility:hidden;transition:.2s}
        .backdrop.show{opacity:1;visibility:visible}
        .drawer{position:fixed;top:0;right:-380px;width:360px;max-width:94vw;height:100vh;z-index:1070;background:#fff;border-left:1px solid var(--line);transition:right .24s;display:flex;flex-direction:column}
        .drawer.open{right:0}.drawer-head{padding:.86rem .95rem;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center}
        .drawer-head h3{margin:0;color:var(--ink);font-size:1rem}.drawer-close{width:33px;height:33px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#667085;display:grid;place-items:center;cursor:pointer}
        .drawer-body{padding:.85rem .95rem .95rem;display:flex;flex-direction:column;gap:.7rem;overflow-y:auto}
        .quote-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.52rem}
        .q-item{border:1px solid var(--line);border-radius:11px;background:#f9fbff;padding:.55rem .6rem}
        .q-top{display:flex;justify-content:space-between;gap:.4rem}.q-title{margin:0;color:#0f172a;font-size:.87rem;font-weight:700}.q-type{color:#667085;font-size:.72rem;font-weight:700;text-transform:uppercase}
        .q-ctrl{margin-top:.4rem;display:flex;justify-content:space-between;align-items:center;gap:.4rem}
        .qty{display:inline-flex;align-items:center;border:1px solid var(--line);border-radius:999px;background:#fff}.qty button{border:0;background:transparent;padding:.15rem .42rem;cursor:pointer;font-weight:700}.qty span{min-width:1.3rem;text-align:center;font-size:.82rem;font-weight:700}
        .remove{border:1px solid #fecaca;border-radius:999px;background:#fff1f2;color:#be123c;font-size:.72rem;font-weight:700;padding:.2rem .52rem;cursor:pointer}
        .q-total{border:1px solid var(--line);border-radius:11px;background:#f8fbff;padding:.66rem .7rem}.q-total p{margin:0;color:#475467;font-size:.82rem}.q-total strong{display:block;margin-top:.08rem;color:#0f172a;font:700 1.1rem 'Sora',sans-serif}
        .q-actions{display:flex;flex-direction:column;gap:.42rem}.q-btn{border-radius:12px;border:1px solid transparent;font-size:.84rem;font-weight:700;padding:.5rem .64rem;text-align:center;text-decoration:none;cursor:pointer}
        .q-btn.primary{color:#fff;background:linear-gradient(135deg,var(--brand),var(--aqua))}.q-btn.soft{color:#334155;background:#f7f9fc;border-color:var(--line)}.q-btn.danger{color:#b42318;background:#fff1f2;border-color:#fecdd3}
        .q-empty{border:1px dashed #c7d8ed;border-radius:11px;background:#f8fbff;color:#5d748b;font-size:.86rem;font-weight:600;text-align:center;padding:.86rem}
        .toast{position:fixed;left:50%;bottom:20px;transform:translateX(-50%) translateY(20px);background:#0f172a;color:#fff;border-radius:999px;padding:.46rem .82rem;font-size:.8rem;font-weight:700;opacity:0;visibility:hidden;transition:.2s;z-index:1080}
        .toast.show{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0)}
        @media (max-width:1199px){.hero-grid{grid-template-columns:1fr}}
        @media (max-width:991px){.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}}
        @media (max-width:575px){.main-shell{padding-top:1rem}.hero,.console{padding:1rem;border-radius:18px}.hero h1{max-width:none;font-size:1.8rem}.stats,.shortcuts,.type-filters,.view-filters{grid-template-columns:1fr}}

body{
            font-family:'Manrope',sans-serif;
            background:
                radial-gradient(44rem 28rem at 8% -8%,rgba(18,194,215,.18),transparent 62%),
                radial-gradient(34rem 24rem at 100% 0%,rgba(255,122,69,.14),transparent 58%),
                linear-gradient(180deg,#f8fbff 0%,#eff4fa 42%,#f7f9fc 100%);
            color:#203248;
        }
        body::before{
            content:'';
            position:fixed;
            inset:0;
            pointer-events:none;
            background:
                linear-gradient(rgba(255,255,255,.16) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.16) 1px,transparent 1px);
            background-size:42px 42px;
            mask-image:linear-gradient(180deg,rgba(0,0,0,.24),transparent 88%);
            opacity:.4;
        }
        h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}
        .topbar{
            background:linear-gradient(180deg,rgba(7,21,44,.88),rgba(7,21,44,.72));
            border-bottom:1px solid rgba(148,163,184,.15);
            backdrop-filter:blur(16px);
        }
        .brand{
            gap:.8rem;
            letter-spacing:-.02em;
        }
        .brand-logo,.brand-fallback{
            width:46px;
            height:46px;
            border-radius:16px;
        }
        .brand-logo{
            padding:6px;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.72);
        }
        .nav-link{
            border-radius:999px;
            padding:.72rem .98rem !important;
            font-weight:700;
            transition:.22s ease;
        }
        .nav-link:hover{
            background:rgba(255,255,255,.08);
        }
        .main-shell{padding:1.55rem 0 3rem}
        .hero-grid{
            gap:1.15rem;
            align-items:stretch;
        }
        .hero-stage{
            padding:0;
            background:
                radial-gradient(36rem 26rem at 0% 0%,rgba(18,194,215,.22),transparent 58%),
                radial-gradient(28rem 20rem at 100% 100%,rgba(255,122,69,.18),transparent 58%),
                linear-gradient(145deg,#06111f,#0d1f39 42%,#153760 100%);
            border-color:rgba(255,255,255,.08);
            border-radius:32px;
            overflow:hidden;
            box-shadow:0 36px 76px -44px rgba(2,6,23,.94);
        }
        .hero-stage::before{
            content:'';
            position:absolute;
            inset:0;
            background:
                linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
            background-size:58px 58px;
            opacity:.34;
            pointer-events:none;
        }
        .hero-slider{
            position:relative;
            min-height:560px;
        }
        .hero-slide{
            position:absolute;
            inset:0;
            display:grid;
            grid-template-columns:minmax(0,1.08fr) minmax(280px,.92fr);
            gap:1rem;
            padding:1.25rem;
            opacity:0;
            visibility:hidden;
            transform:translateY(18px) scale(.985);
            transition:opacity .7s ease,transform .7s ease,visibility .7s ease;
        }
        .hero-slide.is-active{
            opacity:1;
            visibility:visible;
            transform:translateY(0) scale(1);
        }
        .hero-copy{
            position:relative;
            z-index:1;
            display:flex;
            flex-direction:column;
            justify-content:space-between;
            padding:1.9rem 1.8rem 1.6rem;
            border-radius:28px;
            background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
            border:1px solid rgba(255,255,255,.08);
            color:#edf6ff;
            box-shadow:inset 0 1px 0 rgba(255,255,255,.05);
        }
        .hero-kicker{
            display:inline-flex;
            align-items:center;
            gap:.5rem;
            margin-bottom:1rem;
            padding:.48rem .84rem;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.14);
            background:rgba(255,255,255,.08);
            color:#dfeaf7;
            font-size:.74rem;
            font-weight:800;
            letter-spacing:.16em;
        }
        .hero-kicker i{color:var(--slide-accent)}
        .hero-copy h1{
            max-width:13ch;
            font-size:clamp(2.15rem,4.8vw,4.2rem);
            line-height:.95;
            margin:0;
        }
        .hero-copy p{
            max-width:62ch;
            margin:1rem 0 0;
            color:#bfd5eb;
            font-size:1.02rem;
            line-height:1.72;
        }
        .hero-pills{
            display:flex;
            flex-wrap:wrap;
            gap:.5rem;
            margin:1.35rem 0 1.45rem;
        }
        .hero-pill{
            padding:.44rem .72rem;
            border-radius:999px;
            border:1px solid rgba(255,255,255,.1);
            background:rgba(255,255,255,.07);
            color:#f4f8ff;
            font-size:.8rem;
            font-weight:700;
        }
        .hero-actions{margin-bottom:0}
        .hero-stats{
            grid-template-columns:repeat(2,minmax(0,1fr));
            gap:.72rem;
            margin-top:1.55rem;
        }
        .hero-stats .stat{
            border-radius:18px;
            padding:.85rem .95rem;
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.1);
        }
        .hero-stats .stat strong{font-size:1.45rem}
        .hero-media{
            position:relative;
            min-height:100%;
            border-radius:28px;
            overflow:hidden;
            border:1px solid rgba(255,255,255,.1);
            background:rgba(255,255,255,.05);
        }
        .hero-media img{
            width:100%;
            height:100%;
            object-fit:cover;
            filter:saturate(1.06) contrast(1.05);
            transform:scale(1.03);
        }
        .hero-media::after{
            content:'';
            position:absolute;
            inset:0;
            background:
                linear-gradient(180deg,rgba(6,12,22,.12),rgba(6,12,22,.62)),
                radial-gradient(circle at 18% 20%,rgba(255,255,255,.08),transparent 26%);
        }
        .hero-media-card,
        .hero-media-badge,
        .hero-orb{
            position:absolute;
            z-index:2;
            border-radius:22px;
            border:1px solid rgba(255,255,255,.12);
            background:rgba(6,12,22,.48);
            backdrop-filter:blur(16px);
            color:#fff;
            box-shadow:0 26px 48px -32px rgba(2,6,23,.88);
        }
        .hero-media-card{
            left:20px;
            right:20px;
            bottom:20px;
            padding:1rem;
        }
        .hero-media-card strong{
            display:block;
            margin-bottom:.35rem;
            font-size:1.1rem;
        }
        .hero-media-card span{
            display:block;
            color:#d0def0;
            line-height:1.6;
            font-size:.9rem;
        }
        .hero-media-badge{
            top:20px;
            left:20px;
            max-width:220px;
            padding:.8rem .9rem;
        }
        .hero-media-badge strong{display:block;font-size:.84rem}
        .hero-media-badge span{display:block;margin-top:.2rem;color:#d0def0;font-size:.78rem;line-height:1.5}
        .hero-orb{
            top:24px;
            right:20px;
            width:124px;
            padding:.9rem;
            text-align:left;
        }
        .hero-orb strong{
            display:block;
            font-size:2.1rem;
            line-height:1;
            color:var(--slide-accent);
        }
        .hero-orb span{
            display:block;
            margin-top:.35rem;
            color:#eef6ff;
            font-size:.84rem;
            font-weight:700;
        }
        .hero-nav-row{
            position:relative;
            z-index:3;
            display:flex;
            justify-content:space-between;
            align-items:center;
            gap:1rem;
            padding:0 1.3rem 1.15rem;
        }
        .hero-dots{
            display:flex;
            flex-wrap:wrap;
            gap:.62rem;
        }
        .hero-dot{
            width:12px;
            height:12px;
            border:0;
            border-radius:999px;
            background:rgba(255,255,255,.25);
            transition:.22s ease;
        }
        .hero-dot.is-active{
            width:38px;
            background:#fff;
        }
        .hero-nav{
            display:flex;
            gap:.55rem;
        }
        .hero-nav button{
            width:46px;
            height:46px;
            border:1px solid rgba(255,255,255,.12);
            border-radius:16px;
            background:rgba(255,255,255,.08);
            color:#fff;
        }
        .console{
            border-radius:30px;
            padding:1.25rem;
            background:rgba(255,255,255,.78);
            border:1px solid rgba(255,255,255,.94);
            box-shadow:0 28px 65px -42px rgba(2,6,23,.58);
            backdrop-filter:blur(12px);
        }
        .console h2{
            font-size:1.12rem;
            font-family:'Space Grotesk',sans-serif;
        }
        .console p{font-size:.92rem}
        .shortcuts{
            margin-top:1.15rem;
            gap:1rem;
        }
        .shortcut{
            position:relative;
            overflow:hidden;
            min-height:92px;
            border-radius:24px;
            border:1px solid rgba(255,255,255,.92);
            background:rgba(255,255,255,.78);
            padding:1rem;
            font-size:.92rem;
            font-weight:800;
            box-shadow:0 24px 50px -38px rgba(2,6,23,.35);
        }
        .shortcut i{
            width:42px;
            height:42px;
            border-radius:14px;
            display:grid;
            place-items:center;
            background:linear-gradient(135deg,#07152c,var(--brand));
            color:#fff;
            font-size:1rem;
        }
        .spotlight-grid{
            display:grid;
            grid-template-columns:1.15fr .85fr .85fr;
            gap:1rem;
            margin-top:1.1rem;
        }
        .spot-card{
            position:relative;
            overflow:hidden;
            border-radius:28px;
            border:1px solid rgba(255,255,255,.92);
            background:rgba(255,255,255,.78);
            padding:1.3rem 1.25rem;
            box-shadow:0 28px 55px -42px rgba(2,6,23,.3);
        }
        .spot-card.primary{
            background:linear-gradient(145deg,#071222,#102643 58%,#17406b);
            border-color:rgba(255,255,255,.08);
            color:#fff;
        }
        .spot-label{
            display:inline-flex;
            align-items:center;
            gap:.4rem;
            padding:.4rem .72rem;
            border-radius:999px;
            background:#ebf7ff;
            color:#056e98;
            font-size:.76rem;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        .spot-card.primary .spot-label{
            background:rgba(255,255,255,.08);
            color:#edf6ff;
        }
        .spot-card h3{
            margin-top:.95rem;
            font-size:1.36rem;
            line-height:1.15;
        }
        .spot-card p{
            margin:.55rem 0 0;
            color:inherit;
            opacity:.84;
            line-height:1.68;
        }

.alert-top{
            margin-top:1.05rem;
            border-radius:24px;
            border-color:rgba(255,122,69,.26);
            background:linear-gradient(135deg,#fff6ef,#fffdfb);
            box-shadow:0 22px 44px -36px rgba(255,122,69,.42);
        }
        .section{
            margin-top:2.2rem;
        }
        .section-head{
            gap:1rem;
            margin-bottom:1rem;
        }
        .section-kicker{
            padding:.34rem .7rem;
            border-radius:999px;
            font-size:.74rem;
            letter-spacing:.12em;
        }
        .section h2{
            margin-top:.55rem;
            font-size:clamp(1.6rem,2.8vw,2.35rem);
            line-height:1.02;
        }
        .section p{
            color:#5b738f;
            line-height:1.7;
        }
        .chip-list{
            gap:.55rem;
        }
        .type-btn,.view-btn,.fav-toggle,.sort-select,.chip-btn{
            border-radius:15px;
            border-color:rgba(17,34,62,.08);
            min-height:48px;
            font-weight:800;
            background:rgba(255,255,255,.88);
        }
        .type-btn.active,.view-btn.active,.chip-btn.active{
            background:linear-gradient(135deg,#07152c,var(--brand));
            box-shadow:0 20px 34px -26px rgba(2,6,23,.88);
        }
        .fav-toggle.active{
            background:#fff1e8;
            border-color:rgba(255,122,69,.22);
        }
        .search-wrap input{
            border-radius:16px;
            min-height:54px;
            background:rgba(248,251,255,.94);
        }
        .result-pill{
            margin-bottom:.8rem;
            padding:.42rem .76rem;
            border-radius:999px;
            background:#081120;
            color:#fff;
            font-weight:800;
        }
        .card-modern{
            position:relative;
            overflow:hidden;
            border-radius:22px;
            border:1px solid rgba(255,255,255,.94);
            background:rgba(255,255,255,.82);
            padding:1.05rem;
            box-shadow:0 26px 52px -42px rgba(2,6,23,.34);
        }
        .card-modern::before{
            content:'';
            position:absolute;
            inset:auto -26% -30% auto;
            width:220px;
            height:220px;
            border-radius:999px;
            background:radial-gradient(circle,rgba(18,194,215,.12),transparent 68%);
            pointer-events:none;
        }
        .card-modern:hover{
            transform:translateY(-6px);
            border-color:rgba(11,132,255,.18);
            box-shadow:0 34px 64px -42px rgba(2,6,23,.42);
        }
        .tag{
            padding:.32rem .62rem;
            border-radius:999px;
            letter-spacing:.1em;
        }
        .fav-btn{
            width:38px;
            height:38px;
            border-radius:14px;
        }
        .card-title{
            font-size:1.08rem;
            line-height:1.24;
        }
        .card-price{
            margin-top:.55rem;
            font-family:'Space Grotesk',sans-serif;
            font-size:1.3rem;
        }
        .card-desc{
            color:#526a88;
            line-height:1.65;
        }
        .news-date{
            letter-spacing:.08em;
        }
        .btn-card-main,.btn-card-soft{
            min-height:44px;
            padding:.56rem .92rem;
            font-weight:800;
        }
        .btn-card-main{
            background:linear-gradient(135deg,#07152c,var(--brand));
            box-shadow:0 16px 28px -22px rgba(2,6,23,.76);
        }
        .btn-card-soft{
            background:rgba(247,249,252,.9);
        }
        .empty,
        .footer{
            border-radius:22px;
            border-color:rgba(255,255,255,.94);
            background:rgba(255,255,255,.8);
            box-shadow:0 24px 44px -38px rgba(2,6,23,.22);
        }
        .footer{
            margin-top:2.45rem;
            padding:1.2rem;
        }
        .footer a{
            display:inline-flex;
            align-items:center;
            gap:.35rem;
        }
        .fab{
            min-height:56px;
            padding:.72rem 1rem;
            background:linear-gradient(135deg,#07152c,var(--brand));
            box-shadow:0 24px 46px -32px rgba(2,6,23,.82);
        }
        .drawer{
            background:linear-gradient(180deg,#fbfdff,#eef4fa);
            border-left-color:rgba(17,34,62,.08);
        }
        .q-item,.q-total,.q-empty{
            border-radius:18px;
            border-color:rgba(17,34,62,.08);
            background:rgba(255,255,255,.9);
        }
        @media (max-width:1199px){
            .hero-slide{grid-template-columns:1fr}
            .hero-slider{min-height:980px}
            .spotlight-grid{grid-template-columns:1fr}
        }
        @media (max-width:991px){
            .shortcuts{grid-template-columns:repeat(2,minmax(0,1fr))}
            .hero-grid{grid-template-columns:1fr}
        }
        @media (max-width:767px){
            .hero-slider{min-height:1080px}
            .hero-slide{padding:1rem}
            .hero-copy{padding:1.3rem 1.1rem}
            .hero-copy h1{max-width:none;font-size:2.2rem}
            .hero-nav-row{flex-direction:column;align-items:flex-start}
            .hero-nav{width:100%}
            .hero-nav button{flex:1}
            .hero-media-badge,.hero-orb{position:relative;top:auto;left:auto;right:auto;width:auto;margin:16px 16px 0}
            .hero-media-card{left:16px;right:16px;bottom:16px}
            .shortcuts{grid-template-columns:1fr}
            .section-head{flex-direction:column;align-items:flex-start}
            .type-filters,.view-filters,.sort-row{grid-template-columns:1fr}
        }

:root{
            --brand-deep:#181511;
            --brand-soft:#f6efe5;
            --brand-lime:#d7ff64;
            --brand-coral:#ff7b4d;
            --brand-gold:#d7a86e;
            --line-soft:rgba(24,21,17,.10);
        }
        body{
            font-family:'Instrument Sans',sans-serif;
            color:#241d17;
            background:
                radial-gradient(38rem 22rem at 0% 0%,rgba(215,255,100,.24),transparent 58%),
                radial-gradient(30rem 20rem at 100% 0%,rgba(255,123,77,.18),transparent 54%),
                linear-gradient(180deg,#f8f1e8 0%,#f4ecdf 50%,#f7f3ed 100%);
        }
        body::before{
            background:
                radial-gradient(circle at 20% 20%,rgba(255,255,255,.45),transparent 20%),
                radial-gradient(circle at 80% 40%,rgba(255,255,255,.28),transparent 18%);
            opacity:.7;
            mask-image:none;
        }
        h1,h2,h3,.brand,.console h2{
            font-family:'Syne',sans-serif;
            letter-spacing:-.04em;
        }
        .topbar{
            background:linear-gradient(180deg,rgba(248,241,232,.94),rgba(248,241,232,.78));
            border-bottom:1px solid rgba(24,21,17,.08);
            backdrop-filter:blur(18px);
        }
        .brand{
            color:#1d1713;
            gap:.9rem;
        }
        .brand-logo{
            background:#fff7f0;
            border-color:rgba(24,21,17,.08);
            box-shadow:none;
        }
        .brand-fallback{
            background:linear-gradient(135deg,#181511,#41342a);
        }
        .nav-link{
            color:#3f362e !important;
            font-weight:800;
        }
        .nav-link:hover{
            color:#181511 !important;
            background:rgba(24,21,17,.06);
        }
        .navbar-toggler{
            color:#1d1713 !important;
        }
        .dropdown-menu{
            border:1px solid rgba(24,21,17,.08);
            background:#fffaf4;
            box-shadow:0 26px 48px -38px rgba(24,21,17,.24);
        }
        .dropdown-item:hover{
            background:#fff1e4;
            color:#181511;
        }
        .main-shell{
            padding:1.4rem 0 3.2rem;
        }
        .hero-grid{
            display:grid;
            grid-template-columns:minmax(0,1.22fr) minmax(300px,.78fr);
            gap:1.15rem;
            align-items:start;
        }
        .hero.hero-stage{
            border:1px solid rgba(24,21,17,.08);
            background:
                radial-gradient(28rem 20rem at 100% 0%,rgba(255,123,77,.16),transparent 54%),
                radial-gradient(28rem 20rem at 0% 100%,rgba(215,255,100,.14),transparent 56%),
                linear-gradient(145deg,#fff8f2,#f6efe6 48%,#f1e6d8 100%);
            box-shadow:0 34px 80px -48px rgba(68,45,25,.28);
            border-radius:38px;
        }
        .hero-stage::before{
            background:none;
        }
        .hero-slider{
            min-height:590px;
        }
        .hero-slide{
            grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
            gap:1.2rem;
            padding:1.35rem;
        }
        .hero-copy{
            padding:2rem 1.9rem 1.6rem;
            border-radius:30px;
            background:rgba(255,250,244,.78);
            border:1px solid rgba(24,21,17,.08);
            box-shadow:0 28px 60px -46px rgba(68,45,25,.22);
            color:#201915;
        }
        .hero-kicker,
        .kicker.hero-kicker{
            background:#1b1713;
            border-color:#1b1713;
            color:#f7f1e8;
            letter-spacing:.18em;
        }
        .hero-kicker i{color:var(--slide-accent)}
        .hero-copy h1{
            color:#17120f;
            max-width:11ch;
            font-size:clamp(2.5rem,5.2vw,4.8rem);
            line-height:.92;
        }
        .hero-copy p{
            color:#5c4b3d;
            max-width:54ch;
            font-size:1.03rem;
            line-height:1.75;
        }
        .hero-pills{
            margin:1.4rem 0 1.6rem;
            gap:.6rem;
        }
        .hero-pill{
            background:#fff5ea;
            border:1px solid rgba(24,21,17,.08);
            color:#342a22;
            font-weight:800;
        }
        .btn-main,
        .btn-card-main,
        .q-btn.primary{
            background:linear-gradient(135deg,var(--brand-lime),#efffc1);
            color:#17120f;
            box-shadow:0 18px 36px -28px rgba(108,140,27,.52);
        }
        .btn-main:hover,
        .btn-card-main:hover,
        .q-btn.primary:hover{
            color:#17120f;
        }
        .btn-ghost{
            border:1px solid rgba(24,21,17,.14);
            background:#fff7ef;
            color:#1c1713;
        }
        .btn-ghost:hover{
            color:#1c1713;
            background:#fff0df;
            border-color:rgba(24,21,17,.18);
        }
        .hero-stats{
            margin-top:1.7rem;
            gap:.8rem;
        }
        .hero-stats .stat{
            background:#17120f;
            border:0;
            box-shadow:none;
        }
        .hero-stats .stat strong{
            color:#fff6eb;
        }
        .hero-stats .stat span{
            color:#cbb8a4;
        }
        .hero-media{
            border:1px solid rgba(24,21,17,.08);
            border-radius:30px;
            background:#ede1d2;
            box-shadow:0 28px 60px -46px rgba(68,45,25,.2);
        }
        .hero-media img{
            filter:saturate(1) contrast(1.02);
        }
        .hero-media::after{
            background:
                linear-gradient(180deg,rgba(24,21,17,.06),rgba(24,21,17,.56)),
                radial-gradient(circle at 80% 20%,rgba(215,255,100,.18),transparent 26%);
        }
        .hero-media-card,
        .hero-media-badge,
        .hero-orb{
            background:rgba(28,23,19,.84);
            border:1px solid rgba(255,245,235,.08);
            box-shadow:0 22px 44px -34px rgba(24,21,17,.82);
        }
        .hero-media-card span,
        .hero-media-badge span{
            color:#dfcdbc;
        }
        .hero-orb strong{
            color:var(--brand-lime);
        }
        .hero-nav-row{
            padding:0 1.35rem 1.25rem;
        }
        .hero-dot{
            background:rgba(24,21,17,.18);
        }
        .hero-dot.is-active{
            background:#1a1512;
        }
        .hero-nav button{
            border:1px solid rgba(24,21,17,.12);
            background:#fff6ee;
            color:#1a1512;
        }
        .console{
            border-radius:34px;
            padding:1.3rem;
            background:linear-gradient(165deg,#17120f,#28201a);
            border:0;
            color:#f7f0e6;
            box-shadow:0 34px 72px -44px rgba(24,21,17,.62);
        }
        .console h2{
            color:#fff8ee;
            font-size:1.28rem;
        }
        .console p{
            color:#d7c6b6;
        }
        .search-wrap input{
            background:#fff8f1;
            border:1px solid rgba(24,21,17,.08);
            color:#211913;
            border-radius:18px;
        }
        .search-wrap i{
            color:#6c5644;
        }
        .search-wrap input:focus{
            border-color:rgba(215,255,100,.55);
            box-shadow:0 0 0 4px rgba(215,255,100,.16);
        }
        .result-pill{
            background:#d7ff64;
            color:#17120f;
            border:0;
        }
        .type-btn,
        .view-btn,
        .fav-toggle,
        .sort-select,
        .chip-btn,
        .btn-card-soft,
        .q-btn.soft{
            background:#fff7ef;
            border:1px solid rgba(24,21,17,.08);
            color:#2a2019;
            box-shadow:none;
        }
        .type-filters{
            grid-template-columns:repeat(4,minmax(0,1fr));
        }
        .view-filters{
            grid-template-columns:repeat(2,minmax(0,1fr));
        }
        .type-btn.active,
        .view-btn.active,
        .chip-btn.active{
            background:#d7ff64;
            color:#17120f;
        }
        .fav-toggle.active{
            background:#ffede3;
            color:#7b361e;
            border-color:rgba(255,123,77,.22);
        }
        .sort-select{
            background-image:linear-gradient(45deg,transparent 50%,#2a2019 50%),linear-gradient(135deg,#2a2019 50%,transparent 50%);
        }
        .shortcuts{
            gap:1rem;
        }
        .shortcut{
            min-height:104px;
            padding:1.15rem;
            border-radius:28px;
            border:1px solid rgba(24,21,17,.08);
            background:linear-gradient(150deg,#fff9f3,#fff1e5);
            color:#1e1712;
            box-shadow:0 26px 58px -44px rgba(68,45,25,.28);
            flex-direction:column;
            align-items:flex-start;
            justify-content:space-between;
        }
        .shortcut:nth-child(2n){
            background:linear-gradient(150deg,#fff5e9,#f1eed9);
        }
        .shortcut i{
            width:48px;
            height:48px;
            border-radius:18px;
            background:#1a1512;
            font-size:1.05rem;
        }
        .shortcut:hover{
            color:#1e1712;
            background:#fff9f4;
        }
        .spotlight-grid{
            display:grid;
            grid-template-columns:1.18fr .82fr .82fr;
            gap:1rem;
            margin-top:1.15rem;
        }
        .spot-card{
            border-radius:30px;
            border:1px solid rgba(24,21,17,.08);
            background:linear-gradient(160deg,#fff9f3,#f5ebdf);
            box-shadow:0 28px 60px -46px rgba(68,45,25,.24);
            color:#1d1712;
        }
        .spot-card.primary{
            background:linear-gradient(150deg,#1c1713,#3c2b20 60%,#77533a);
            color:#fff8ee;
        }
        .spot-card.primary p{
            opacity:1;
            color:#e2cfbd;
        }
        .spot-label{
            background:#1b1713;
            color:#fff6eb;
        }
        .spot-card.primary .spot-label{
            background:#d7ff64;
            color:#17120f;
        }
        .spot-card h3{
            font-size:1.55rem;
            line-height:1.05;
        }
        .spot-card:not(.primary):nth-child(2){
            background:linear-gradient(160deg,#fff4e8,#ffe4d2);
        }
        .spot-card:not(.primary):nth-child(3){
            background:linear-gradient(160deg,#f2efd9,#fff7ed);
        }
        .alert-top{
            border:1px solid rgba(24,21,17,.08);
            background:linear-gradient(135deg,#fff7ef,#fff1e4);
            color:#6e4025;
            box-shadow:0 22px 48px -42px rgba(255,123,77,.38);
        }
        .section{
            margin-top:2.5rem;
        }
        .section-kicker{
            background:#1a1512;
            border:0;
            color:#fff6eb;
            letter-spacing:.16em;
            padding:.38rem .82rem;
        }
        .section h2{
            color:#1c1612;
            font-size:clamp(1.9rem,3vw,2.9rem);
            line-height:.96;
        }
        .section p{
            color:#695648;
        }
        .chip-list{
            gap:.6rem;
        }
        .card-modern{
            border-radius:28px;
            border:1px solid rgba(24,21,17,.08);
            background:linear-gradient(160deg,#fffaf4,#f7efe5);
            box-shadow:0 26px 58px -46px rgba(68,45,25,.22);
            padding:1.2rem;
        }
        .card-modern::before{
            width:240px;
            height:240px;
            background:radial-gradient(circle,rgba(255,123,77,.10),transparent 68%);
        }
        .card-modern:hover{
            transform:translateY(-7px);
            border-color:rgba(24,21,17,.12);
            box-shadow:0 34px 70px -46px rgba(68,45,25,.3);
        }
        .tag{
            padding:.36rem .68rem;
            background:#1b1713;
            border:0;
            color:#fff7ef;
        }
        .tag-p{
            background:#1b1713;
            color:#fff7ef;
        }
        .tag-s{
            background:#ff7b4d;
            color:#fff8ee;
        }
        .tag-n{
            background:#d7ff64;
            color:#17120f;
        }
        .fav-btn{
            width:42px;
            height:42px;
            border-radius:16px;
            border:1px solid rgba(24,21,17,.08);
            background:#fff8f1;
            color:#6d5848;
        }
        .fav-btn.active{
            background:#ffefe5;
            color:#bc4c1d;
            border-color:rgba(255,123,77,.18);
        }
        .card-title{
            color:#1d1712;
            font-size:1.2rem;
            line-height:1.18;
            margin-bottom:.4rem;
        }
        .card-price{
            color:#1a1512;
            font-family:'Syne',sans-serif;
            font-size:1.52rem;
            margin-bottom:.45rem;
        }
        .card-desc{
            color:#5f4d40;
            line-height:1.72;
        }
        .news-date{
            color:#8b6b53;
        }
        .btn-card-soft{
            background:#fff7ef;
            color:#1c1713;
        }
        .btn-card-soft:hover{
            color:#1c1713;
            background:#fff0e3;
        }
        .empty,
        .footer{
            border:1px solid rgba(24,21,17,.08);
            background:linear-gradient(160deg,#fffaf4,#f6ede3);
            color:#5f4d40;
            border-radius:28px;
            box-shadow:0 24px 48px -42px rgba(68,45,25,.18);
        }
        .footer a{
            color:#1a1512;
        }
        .fab{
            background:linear-gradient(135deg,#17120f,#3a2a1f);
            color:#fff7ef;
            box-shadow:0 28px 52px -34px rgba(24,21,17,.62);
        }
        .fab .count{
            background:rgba(215,255,100,.18);
            color:#d7ff64;
        }
        .backdrop{
            background:rgba(24,21,17,.45);
        }
        .drawer{
            background:linear-gradient(180deg,#fffaf4,#f3ebe0);
            border-left:1px solid rgba(24,21,17,.08);
        }
        .drawer-head{
            border-bottom:1px solid rgba(24,21,17,.08);
        }
        .drawer-head h3{
            color:#1c1713;
            font-family:'Syne',sans-serif;
        }
        .drawer-close{
            background:#fff7ef;
            border:1px solid rgba(24,21,17,.08);
            color:#5f4d40;
        }
        .q-item,
        .q-total,
        .q-empty{
            border:1px solid rgba(24,21,17,.08);
            background:#fff9f2;
            border-radius:22px;
        }
        .q-title,
        .q-total strong{
            color:#1d1712;
        }
        .q-type,
        .q-total p,
        .q-empty{
            color:#6a584a;
        }
        .qty,
        .remove,
        .q-btn.danger{
            border-radius:999px;
        }
        .qty{
            border:1px solid rgba(24,21,17,.08);
            background:#fff;
        }
        .remove{
            border:1px solid rgba(255,123,77,.14);
            background:#ffefe5;
            color:#9e3e17;
        }
        .toast{
            background:#17120f;
            color:#fff7ef;
        }
        @media (max-width:1199px){
            .hero-grid{
                grid-template-columns:1fr;
            }
            .hero-slide{
                grid-template-columns:1fr;
            }
            .hero-slider{
                min-height:980px;
            }
            .spotlight-grid{
                grid-template-columns:1fr;
            }
        }
        @media (max-width:767px){
            .topbar{
                background:rgba(248,241,232,.96);
            }
            .hero-slider{
                min-height:1110px;
            }
            .hero-copy h1{
                max-width:none;
                font-size:2.55rem;
            }
            .hero-nav-row{
                gap:.8rem;
            }
        }

.host-home{
            background:
                radial-gradient(36rem 22rem at 10% 0%,rgba(17,192,247,.14),transparent 58%),
                radial-gradient(28rem 18rem at 100% 0%,rgba(108,233,168,.12),transparent 52%),
                linear-gradient(180deg,#eef5ff 0%,#f6f9fe 42%,#ffffff 100%);
            color:#18324f;
        }
        .host-home .main-shell.container-xxl{
            max-width:none;
            padding:0 0 3.4rem;
        }
        .host-home .main-shell > :not(.hero-grid){
            width:min(1240px,calc(100% - 34px));
            margin-left:auto;
            margin-right:auto;
        }
        .host-home .topbar{
            background:linear-gradient(180deg,rgba(5,19,43,.92),rgba(5,19,43,.78));
            border-bottom:1px solid rgba(255,255,255,.08);
        }
        .host-home .brand,
        .host-home .nav-link{
            color:#f2f7ff !important;
        }
        .host-home .nav-link:hover{
            background:rgba(255,255,255,.08);
            color:#fff !important;
        }
        .host-home .navbar-toggler{
            color:#fff !important;
        }
        .host-home .dropdown-menu{
            background:#fff;
        }
        .host-home .hero-grid{
            width:100%;
            max-width:none;
            grid-template-columns:1fr;
            gap:0;
            align-items:stretch;
        }
        .host-home .hero.hero-stage{
            width:100vw;
            margin-left:calc(50% - 50vw);
            margin-right:calc(50% - 50vw);
            border-radius:0 0 42px 42px;
            background:
                radial-gradient(30rem 18rem at 0% 0%,rgba(17,192,247,.34),transparent 52%),
                radial-gradient(28rem 18rem at 100% 0%,rgba(108,233,168,.24),transparent 50%),
                radial-gradient(24rem 18rem at 100% 100%,rgba(0,117,255,.24),transparent 52%),
                linear-gradient(145deg,#05132b,#0a2450 46%,#0e4b93 100%);
            border:1px solid rgba(255,255,255,.08);
            box-shadow:0 42px 96px -54px rgba(3,10,21,.82);
        }
        .host-home .hero-slider{
            min-height:760px;
        }
        .host-home .hero-slide{
            max-width:min(1360px,calc(100% - 44px));
            margin:0 auto;
            padding:2rem 0 1.4rem;
        }
        .host-home .hero-nav-row{
            max-width:min(1360px,calc(100% - 44px));
            margin:0 auto;
            padding:0 0 1.35rem;
        }
        .host-home .hero-copy{
            background:transparent;
            border:0;
            box-shadow:none;
            color:#fff;
            padding:2.1rem 0 1.6rem;
        }
        .host-home .hero-kicker,
        .host-home .kicker.hero-kicker{
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.12);
            color:#dcecff;
        }
        .host-home .hero-copy h1{
            color:#fff;
            max-width:12ch;
        }
        .host-home .hero-copy p{
            color:#c5d8f0;
        }
        .host-home .hero-pill{
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.1);
            color:#eff7ff;
        }
        .host-home .hero-stats .stat{
            background:rgba(255,255,255,.07);
            border:1px solid rgba(255,255,255,.08);
        }
        .host-home .hero-stats .stat strong{color:#fff}
        .host-home .hero-stats .stat span{color:#c3d5eb}
        .host-home .hero-media{
            background:#0a1b37;
            border:1px solid rgba(255,255,255,.08);
            box-shadow:0 28px 68px -38px rgba(4,10,20,.52);
        }
        .host-home .hero-media::after{
            background:
                linear-gradient(180deg,rgba(4,10,20,.08),rgba(4,10,20,.62)),
                radial-gradient(circle at 82% 18%,rgba(17,192,247,.18),transparent 28%);
        }
        .host-home .hero-media-card,
        .host-home .hero-media-badge,
        .host-home .hero-orb{
            background:rgba(5,18,42,.76);
            border:1px solid rgba(255,255,255,.08);
            color:#fff;
        }
        .host-home .hero-media-card span,
        .host-home .hero-media-badge span{
            color:#c9dbf0;
        }
        .host-home .hero-orb strong{
            color:#6ce9a8;
        }
        .host-home .btn-main,
        .host-home .btn-card-main,
        .host-home .q-btn.primary{
            background:linear-gradient(135deg,#11c0f7,#6ce9a8);
            color:#04131d;
            box-shadow:0 18px 36px -28px rgba(17,192,247,.58);
        }
        .host-home .btn-main:hover,
        .host-home .btn-card-main:hover,
        .host-home .q-btn.primary:hover{
            color:#04131d;
        }
        .host-home .btn-ghost{
            background:rgba(255,255,255,.06);
            border:1px solid rgba(255,255,255,.12);
            color:#eef7ff;
        }
        .host-home .btn-ghost:hover{
            color:#fff;
            background:rgba(255,255,255,.12);
        }
        .host-home .console.hosting-panel{
            background:linear-gradient(180deg,#ffffff,#eef5ff);
            border:1px solid rgba(10,33,68,.08);
            color:#17324f;
            width:min(1240px,calc(100% - 34px));
            margin:-72px auto 0;
            position:relative;
            z-index:5;
            border-radius:32px;
        }
        .host-home .hosting-panel-label{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.42rem .72rem;
            border-radius:999px;
            background:#e8f7ff;
            color:#056c95;
            font-size:.76rem;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        .host-home .hosting-panel h2{
            margin-top:1rem;
            color:#0e2742;
            font-size:1.45rem;
        }
        .host-home .hosting-panel p{
            color:#5a7490;
            line-height:1.7;
        }
        .host-home .hosting-metrics{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:.75rem;
            margin:1.1rem 0;
        }
        .host-home .hosting-metric{
            padding:.9rem .85rem;
            border-radius:20px;
            background:#f7fbff;
            border:1px solid rgba(10,33,68,.08);
        }
        .host-home .hosting-metric strong{
            display:block;
            color:#0a2240;
            font-family:'Syne',sans-serif;
            font-size:1.4rem;
        }
        .host-home .hosting-metric span{
            display:block;
            margin-top:.25rem;
            color:#68809a;
            font-size:.82rem;
            font-weight:700;
        }
        .host-home .hosting-actions{
            display:flex;
            flex-wrap:wrap;
            gap:.7rem;
            margin-bottom:1rem;
        }
        .host-home .hosting-list{
            list-style:none;
            margin:0;
            padding:0;
            display:flex;
            flex-direction:column;
            gap:.65rem;
        }
        .host-home .hosting-list li{
            display:flex;
            gap:.6rem;
            color:#4f6985;
            line-height:1.55;
            font-size:.92rem;
            font-weight:600;
        }
        .host-home .hosting-list i{
            color:#11c0f7;
        }
        .host-home .host-trust-band{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:1rem;
            margin-top:1.2rem;
        }
        .host-home .host-trust-card{
            padding:1.15rem;
            border-radius:24px;
            background:#fff;
            border:1px solid rgba(10,33,68,.08);
            box-shadow:0 22px 46px -40px rgba(10,33,68,.24);
        }
        .host-home .host-trust-card:nth-child(1){
            background:linear-gradient(155deg,#ffffff,#eff9ff);
        }
        .host-home .host-trust-card:nth-child(2){
            background:linear-gradient(155deg,#ffffff,#eefbf6);
        }
        .host-home .host-trust-card:nth-child(3){
            background:linear-gradient(155deg,#ffffff,#fff6ec);
        }
        .host-home .host-trust-card:nth-child(4){
            background:linear-gradient(155deg,#ffffff,#f1f2ff);
        }
        .host-home .host-trust-card span{
            display:inline-flex;
            width:38px;
            height:38px;
            align-items:center;
            justify-content:center;
            border-radius:14px;
            background:#0a2240;
            color:#6ce9a8;
            font-weight:800;
        }
        .host-home .host-trust-card strong{
            display:block;
            margin-top:.9rem;
            color:#0d2745;
            font-size:1.05rem;
        }
        .host-home .host-trust-card p{
            margin:.45rem 0 0;
            color:#617b97;
            line-height:1.65;
        }
        .host-home .host-feature-grid{
            display:grid;
            grid-template-columns:1.12fr .88fr .88fr;
            gap:1rem;
            margin-top:1.15rem;
        }
        .host-home .host-feature-card{
            padding:1.25rem;
            border-radius:28px;
            background:#fff;
            border:1px solid rgba(10,33,68,.08);
            box-shadow:0 28px 60px -46px rgba(10,33,68,.2);
        }
        .host-home .host-feature-card-large{
            background:linear-gradient(145deg,#07142b,#0d2d61 58%,#12528c);
            color:#fff;
            border-color:rgba(255,255,255,.08);
        }
        .host-home .host-feature-card .spot-label{
            background:#eaf7ff;
            color:#056c95;
        }
        .host-home .host-feature-card-large .spot-label{
            background:rgba(255,255,255,.1);
            color:#eff7ff;
        }
        .host-home .host-feature-card h3{
            margin-top:.9rem;
            color:#0d2745;
            font-size:1.34rem;
            line-height:1.12;
        }
        .host-home .host-feature-card p{
            margin:.55rem 0 0;
            color:#617b97;
            line-height:1.7;
        }
        .host-home .host-feature-card-large h3{color:#fff}
        .host-home .host-feature-card-large p{color:#ccdef1}
        .host-home .host-feature-card:not(.host-feature-card-large):nth-child(2){
            background:linear-gradient(155deg,#ffffff,#ecfbff);
        }
        .host-home .host-feature-card:not(.host-feature-card-large):nth-child(3){
            background:linear-gradient(155deg,#ffffff,#eefcf5);
        }
        .host-home .host-feature-card:not(.host-feature-card-large):nth-child(4){
            background:linear-gradient(155deg,#ffffff,#fff7ed);
        }
        .host-home .alert-top{
            background:linear-gradient(135deg,#fff,#eef8ff);
            border:1px solid rgba(10,33,68,.08);
            color:#0d4d6c;
        }
        .host-home .section-kicker{
            background:#0a2240;
            color:#fff;
            border:0;
        }
        .host-home .section h2{
            color:#0d2745;
        }
        .host-home .section p{
            color:#5b7692;
        }
        .host-home .host-plan-toolbar{
            margin-bottom:1rem;
            padding:1.15rem;
            border-radius:28px;
            background:linear-gradient(155deg,#ffffff,#f3f8ff);
            border:1px solid rgba(10,33,68,.08);
            box-shadow:0 28px 58px -44px rgba(10,33,68,.2);
        }
        .host-home .host-plan-toolbar-top{
            display:grid;
            grid-template-columns:auto minmax(280px,420px);
            gap:1rem;
            align-items:center;
            margin:.95rem 0;
        }
        .host-home .search-wrap input{
            background:#f8fbff;
            border:1px solid rgba(10,33,68,.08);
            color:#18324f;
        }
        .host-home .search-wrap i{
            color:#6a859f;
        }
        .host-home .result-pill{
            background:#0a2240;
            color:#fff;
        }
        .host-home .type-filters{
            grid-template-columns:repeat(4,minmax(0,1fr));
            margin-bottom:.8rem;
        }
        .host-home .view-filters{
            grid-template-columns:repeat(2,minmax(0,1fr));
            margin-bottom:.8rem;
        }
        .host-home .type-btn,
        .host-home .view-btn,
        .host-home .fav-toggle,
        .host-home .sort-select,
        .host-home .chip-btn,
        .host-home .btn-card-soft{
            background:#f8fbff;
            border:1px solid rgba(10,33,68,.08);
            color:#17324f;
        }
        .host-home .type-btn.active,
        .host-home .view-btn.active,
        .host-home .chip-btn.active{
            background:linear-gradient(135deg,#11c0f7,#6ce9a8);
            color:#04131d;
        }
        .host-home .card-modern{
            border:1px solid rgba(10,33,68,.08);
            background:linear-gradient(180deg,#ffffff,#f7fbff);
            box-shadow:0 24px 54px -42px rgba(10,33,68,.22);
        }
        .host-home .card-modern::before{
            background:radial-gradient(circle,rgba(17,192,247,.12),transparent 68%);
        }
        .host-home .card-title{color:#0d2745}
        .host-home .card-price{
            color:#0d2745;
        }
        .host-home .card-desc,
        .host-home .news-date{
            color:#617b97;
        }
        .host-home .tag-p{
            background:#eaf7ff;
            color:#056c95;
            border:1px solid #d0eefc;
        }
        .host-home .tag-s{
            background:#eefbf4;
            color:#0f7b57;
            border:1px solid #d2f5e3;
        }
        .host-home .tag-n{
            background:#fff4eb;
            color:#b25b1e;
            border:1px solid #ffe0cb;
        }
        .host-home .footer{
            background:#fff;
            border:1px solid rgba(10,33,68,.08);
        }
        .host-home .footer a{
            color:#0d2745;
        }
        .host-home .fab{
            background:linear-gradient(135deg,#0a2240,#11c0f7);
            color:#fff;
        }
        .host-home .drawer{
            background:#fff;
            border-left:1px solid rgba(10,33,68,.08);
        }
        @media (max-width:1199px){
            .host-home .hero-grid,
            .host-home .host-feature-grid,
            .host-home .host-trust-band{
                grid-template-columns:1fr;
            }
            .host-home .hero-slide{
                grid-template-columns:1fr;
            }
            .host-home .hero-slider{
                min-height:980px;
            }
            .host-home .console.hosting-panel{
                margin:1rem auto 0;
            }
        }
        @media (max-width:767px){
            .host-home .hosting-metrics,
            .host-home .type-filters,
            .host-home .view-filters,
            .host-home .host-plan-toolbar-top{
                grid-template-columns:1fr;
            }
            .host-home .hero-slider{
                min-height:1160px;
            }
        }

.datacenter-home{
            background:
                radial-gradient(42rem 26rem at 0% 0%,rgba(29,214,255,.16),transparent 58%),
                radial-gradient(36rem 22rem at 100% 0%,rgba(0,122,255,.18),transparent 54%),
                radial-gradient(30rem 22rem at 50% 100%,rgba(68,255,185,.10),transparent 56%),
                linear-gradient(180deg,#040b18 0%,#081326 36%,#0b1730 70%,#09111f 100%);
            color:#dbe8ff;
        }
        .datacenter-home::before{
            background:
                linear-gradient(rgba(29,214,255,.08) 1px,transparent 1px),
                linear-gradient(90deg,rgba(29,214,255,.08) 1px,transparent 1px);
            background-size:48px 48px;
            opacity:.3;
            mask-image:linear-gradient(180deg,rgba(0,0,0,.55),transparent 94%);
        }
        .datacenter-home h1,
        .datacenter-home h2,
        .datacenter-home h3,
        .datacenter-home .brand,
        .datacenter-home .console h2{
            font-family:'Space Grotesk',sans-serif;
            letter-spacing:-.04em;
        }
        .datacenter-home .topbar{
            background:linear-gradient(180deg,rgba(2,8,20,.92),rgba(2,8,20,.7));
            border-bottom:1px solid rgba(115,175,255,.12);
            backdrop-filter:blur(18px);
        }
        .datacenter-home .brand-logo{
            background:#f4f8ff;
            box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 30px -18px rgba(29,214,255,.55);
        }
        .datacenter-home .brand-fallback{
            background:linear-gradient(135deg,#0a1b37,#1dd6ff);
            box-shadow:0 0 36px -18px rgba(29,214,255,.62);
        }
        .datacenter-home .nav-link{
            color:#d8e7ff !important;
        }
        .datacenter-home .nav-link:hover{
            background:rgba(29,214,255,.08);
        }
        .datacenter-home .dropdown-menu{
            background:#09121f;
            border:1px solid rgba(115,175,255,.12);
            box-shadow:0 28px 65px -42px rgba(0,0,0,.82);
        }
        .datacenter-home .dropdown-item{
            color:#dbe8ff;
        }
        .datacenter-home .dropdown-item:hover{
            background:rgba(29,214,255,.10);
            color:#fff;
        }
        .datacenter-home .main-shell.container-xxl{
            padding-bottom:3.6rem;
        }
        .datacenter-home .main-shell > :not(.hero-grid){
            width:min(1260px,calc(100% - 34px));
        }
        .datacenter-home .hero-grid{
            gap:0;
        }
        .datacenter-home .hero.hero-stage{
            background:
                radial-gradient(42rem 24rem at 0% 0%,rgba(29,214,255,.28),transparent 54%),
                radial-gradient(34rem 22rem at 100% 0%,rgba(0,122,255,.22),transparent 52%),
                radial-gradient(26rem 18rem at 100% 100%,rgba(68,255,185,.18),transparent 50%),
                linear-gradient(145deg,#031020,#07162d 34%,#0a2450 72%,#0d3f83 100%);
            border:1px solid rgba(118,173,255,.12);
            border-radius:0 0 52px 52px;
            box-shadow:
                0 48px 120px -62px rgba(0,0,0,.92),
                0 0 120px -66px rgba(29,214,255,.42);
        }
        .datacenter-home .hero-stage::before{
            background:
                linear-gradient(rgba(29,214,255,.06) 1px,transparent 1px),
                linear-gradient(90deg,rgba(29,214,255,.06) 1px,transparent 1px);
            background-size:56px 56px;
            opacity:.38;
        }
        .datacenter-home .hero-stage::after{
            content:'';
            position:absolute;
            inset:auto 8% -18% auto;
            width:320px;
            height:320px;
            border-radius:999px;
            background:radial-gradient(circle,rgba(29,214,255,.34),transparent 66%);
            filter:blur(16px);
            pointer-events:none;
        }
        .datacenter-home .hero-slider{
            min-height:780px;
        }
        .datacenter-home .hero-slide{
            max-width:min(1380px,calc(100% - 44px));
            grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
            gap:1.3rem;
            padding:2.25rem 0 1.55rem;
        }
        .datacenter-home .hero-copy{
            padding:2.35rem 0 1.7rem;
            background:transparent;
            border:0;
            box-shadow:none;
        }
        .datacenter-home .hero-kicker,
        .datacenter-home .kicker.hero-kicker{
            background:rgba(5,18,42,.68);
            border:1px solid rgba(118,173,255,.14);
            color:#d9ebff;
            box-shadow:0 0 34px -22px rgba(29,214,255,.5);
        }
        .datacenter-home .hero-copy h1{
            max-width:11ch;
            color:#f4fbff;
            font-size:clamp(2.8rem,5.7vw,5.55rem);
            line-height:.9;
            text-shadow:0 10px 40px rgba(0,0,0,.28);
        }
        .datacenter-home .hero-copy p{
            color:#b8cce7;
            max-width:58ch;
            font-size:1.06rem;
            line-height:1.78;
        }
        .datacenter-home .hero-pills{
            gap:.62rem;
            margin:1.55rem 0 1.7rem;
        }
        .datacenter-home .hero-pill{
            background:rgba(5,18,42,.68);
            border:1px solid rgba(118,173,255,.14);
            color:#e8f6ff;
            box-shadow:0 0 28px -22px rgba(29,214,255,.54);
        }
        .datacenter-home .btn-main,
        .datacenter-home .btn-card-main,
        .datacenter-home .q-btn.primary{
            background:linear-gradient(135deg,#1dd6ff,#4b7dff 56%,#44ffb9);
            color:#04111c;
            box-shadow:0 24px 42px -28px rgba(29,214,255,.55);
        }
        .datacenter-home .btn-main:hover,
        .datacenter-home .btn-card-main:hover,
        .datacenter-home .q-btn.primary:hover{
            color:#04111c;
        }
        .datacenter-home .btn-ghost{
            background:rgba(5,18,42,.62);
            border:1px solid rgba(118,173,255,.18);
            color:#e9f4ff;
            box-shadow:0 0 26px -22px rgba(29,214,255,.42);
        }
        .datacenter-home .btn-ghost:hover{
            background:rgba(29,214,255,.12);
            color:#fff;
        }
        .datacenter-home .hero-stats{
            margin-top:1.9rem;
            gap:.85rem;
        }
        .datacenter-home .hero-stats .stat{
            background:linear-gradient(180deg,rgba(5,18,42,.78),rgba(6,22,48,.58));
            border:1px solid rgba(118,173,255,.14);
            box-shadow:0 0 40px -26px rgba(29,214,255,.32);
        }
        .datacenter-home .hero-stats .stat strong{
            color:#fff;
            font-size:1.6rem;
        }
        .datacenter-home .hero-stats .stat span{
            color:#afc4e0;
        }
        .datacenter-home .hero-media{
            background:linear-gradient(180deg,#09162b,#0a1c38);
            border:1px solid rgba(118,173,255,.14);
            border-radius:32px;
            box-shadow:
                0 30px 72px -42px rgba(0,0,0,.62),
                0 0 90px -58px rgba(29,214,255,.4);
        }
        .datacenter-home .hero-media::before{
            content:'';
            position:absolute;
            inset:16px;
            border-radius:26px;
            border:1px solid rgba(118,173,255,.08);
            pointer-events:none;
            z-index:1;
        }
        .datacenter-home .hero-media::after{
            background:
                linear-gradient(180deg,rgba(4,10,20,.06),rgba(4,10,20,.66)),
                radial-gradient(circle at 82% 16%,rgba(29,214,255,.24),transparent 30%),
                radial-gradient(circle at 12% 22%,rgba(68,255,185,.12),transparent 26%);
        }
        .datacenter-home .hero-media-card,
        .datacenter-home .hero-media-badge,
        .datacenter-home .hero-orb{
            background:rgba(4,14,31,.72);
            border:1px solid rgba(118,173,255,.14);
            box-shadow:
                0 24px 48px -32px rgba(0,0,0,.74),
                0 0 70px -48px rgba(29,214,255,.42);
            backdrop-filter:blur(18px);
        }
        .datacenter-home .hero-media-card strong,
        .datacenter-home .hero-media-badge strong{
            color:#f3fbff;
        }
        .datacenter-home .hero-media-card span,
        .datacenter-home .hero-media-badge span{
            color:#b7cce7;
        }
        .datacenter-home .hero-orb strong{
            color:#1dd6ff;
            text-shadow:0 0 22px rgba(29,214,255,.4);
        }
        .datacenter-home .hero-orb span{
            color:#ebf7ff;
        }
        .datacenter-home .hero-nav-row{
            max-width:min(1380px,calc(100% - 44px));
            padding:0 0 1.55rem;
        }
        .datacenter-home .hero-dot{
            background:rgba(148,188,255,.22);
            box-shadow:0 0 0 1px rgba(118,173,255,.12);
        }
        .datacenter-home .hero-dot.is-active{
            background:#1dd6ff;
            box-shadow:0 0 28px -10px rgba(29,214,255,.72);
        }
        .datacenter-home .hero-nav button{
            background:rgba(5,18,42,.62);
            border:1px solid rgba(118,173,255,.16);
            color:#eff7ff;
            box-shadow:0 0 32px -20px rgba(29,214,255,.4);
        }
        .datacenter-home .console.hosting-panel{
            background:linear-gradient(180deg,rgba(6,19,39,.96),rgba(7,23,49,.88));
            border:1px solid rgba(118,173,255,.12);
            box-shadow:
                0 34px 80px -48px rgba(0,0,0,.68),
                0 0 100px -72px rgba(29,214,255,.34);
            margin-top:-82px;
            color:#dbe8ff;
        }
        .datacenter-home .hosting-panel-label{
            background:rgba(29,214,255,.12);
            color:#8cecff;
            border:1px solid rgba(29,214,255,.18);
        }
        .datacenter-home .hosting-panel h2{
            color:#f3fbff;
            font-size:1.5rem;
        }
        .datacenter-home .hosting-panel p{
            color:#aebfd5;
        }
        .datacenter-home .hosting-metric{
            background:linear-gradient(180deg,rgba(9,27,58,.86),rgba(8,23,48,.64));
            border:1px solid rgba(118,173,255,.12);
        }
        .datacenter-home .hosting-metric strong{
            color:#f5fbff;
        }
        .datacenter-home .hosting-metric span{
            color:#a9bfd8;
        }
        .datacenter-home .hosting-list li{
            color:#b1c4db;
        }
        .datacenter-home .hosting-list i{
            color:#44ffb9;
        }
        .datacenter-home .host-trust-card{
            background:linear-gradient(180deg,rgba(7,22,46,.88),rgba(6,17,34,.88));
            border:1px solid rgba(118,173,255,.1);
            box-shadow:
                0 24px 58px -42px rgba(0,0,0,.72),
                0 0 80px -62px rgba(29,214,255,.22);
        }
        .datacenter-home .host-trust-card:nth-child(1),
        .datacenter-home .host-trust-card:nth-child(2),
        .datacenter-home .host-trust-card:nth-child(3),
        .datacenter-home .host-trust-card:nth-child(4){
            background:linear-gradient(180deg,rgba(7,22,46,.88),rgba(6,17,34,.88));
        }
        .datacenter-home .host-trust-card span{
            background:linear-gradient(135deg,#1dd6ff,#4b7dff);
            color:#03111e;
            box-shadow:0 0 30px -16px rgba(29,214,255,.72);
        }
        .datacenter-home .host-trust-card strong{
            color:#f3fbff;
        }
        .datacenter-home .host-trust-card p{
            color:#aabfd8;
        }
        .datacenter-home .host-feature-card{
            background:linear-gradient(180deg,rgba(7,22,46,.9),rgba(6,17,34,.9));
            border:1px solid rgba(118,173,255,.1);
            box-shadow:
                0 28px 62px -46px rgba(0,0,0,.72),
                0 0 90px -70px rgba(29,214,255,.22);
        }
        .datacenter-home .host-feature-card-large{
            background:
                radial-gradient(22rem 16rem at 100% 0%,rgba(29,214,255,.18),transparent 58%),
                linear-gradient(145deg,#071327,#0a2250 58%,#0d3f83);
            border-color:rgba(118,173,255,.12);
        }
        .datacenter-home .host-feature-card .spot-label{
            background:rgba(29,214,255,.12);
            color:#8cecff;
            border:1px solid rgba(29,214,255,.16);
        }
        .datacenter-home .host-feature-card h3{
            color:#f3fbff;
        }
        .datacenter-home .host-feature-card p{
            color:#aabfd8;
        }
        .datacenter-home .alert-top{
            background:linear-gradient(135deg,rgba(10,24,48,.92),rgba(11,31,62,.82));
            border:1px solid rgba(118,173,255,.12);
            color:#c7dcf3;
            box-shadow:0 24px 54px -44px rgba(29,214,255,.28);
        }
        .datacenter-home .section-kicker{
            background:rgba(29,214,255,.12);
            color:#8cecff;
            border:1px solid rgba(29,214,255,.16);
        }
        .datacenter-home .section h2{
            color:#f3fbff;
        }
        .datacenter-home .section p{
            color:#aabfd8;
        }
        .datacenter-home .host-plan-toolbar{
            background:linear-gradient(180deg,rgba(7,22,46,.92),rgba(6,17,34,.88));
            border:1px solid rgba(118,173,255,.1);
            box-shadow:
                0 28px 62px -46px rgba(0,0,0,.72),
                0 0 90px -70px rgba(29,214,255,.18);
        }
        .datacenter-home .search-wrap input{
            background:rgba(6,19,39,.82);
            border:1px solid rgba(118,173,255,.12);
            color:#eaf6ff;
        }
        .datacenter-home .search-wrap i{
            color:#8ba9c8;
        }
        .datacenter-home .search-wrap input:focus{
            border-color:rgba(29,214,255,.4);
            box-shadow:0 0 0 4px rgba(29,214,255,.12);
            background:rgba(7,22,46,.92);
        }
        .datacenter-home .result-pill{
            background:linear-gradient(135deg,#1dd6ff,#4b7dff);
            color:#04131d;
            box-shadow:0 0 34px -18px rgba(29,214,255,.58);
        }
        .datacenter-home .type-btn,
        .datacenter-home .view-btn,
        .datacenter-home .fav-toggle,
        .datacenter-home .sort-select,
        .datacenter-home .chip-btn,
        .datacenter-home .btn-card-soft,
        .datacenter-home .q-btn.soft{
            background:rgba(6,19,39,.78);
            border:1px solid rgba(118,173,255,.1);
            color:#dbe8ff;
        }
        .datacenter-home .type-btn.active,
        .datacenter-home .view-btn.active,
        .datacenter-home .chip-btn.active{
            background:linear-gradient(135deg,#1dd6ff,#4b7dff 62%,#44ffb9);
            color:#04131d;
            box-shadow:0 0 34px -20px rgba(29,214,255,.54);
        }
        .datacenter-home .fav-toggle.active{
            background:rgba(68,255,185,.12);
            border-color:rgba(68,255,185,.22);
            color:#7affcb;
        }
        .datacenter-home .sort-select{
            background-image:linear-gradient(45deg,transparent 50%,#dbe8ff 50%),linear-gradient(135deg,#dbe8ff 50%,transparent 50%);
        }
        .datacenter-home .card-modern{
            background:linear-gradient(180deg,rgba(7,22,46,.92),rgba(6,17,34,.88));
            border:1px solid rgba(118,173,255,.1);
            box-shadow:
                0 26px 58px -44px rgba(0,0,0,.72),
                0 0 86px -68px rgba(29,214,255,.2);
        }
        .datacenter-home .card-modern::before{
            background:radial-gradient(circle,rgba(29,214,255,.18),transparent 68%);
        }
        .datacenter-home .card-modern:hover{
            border-color:rgba(29,214,255,.22);
        }
        .datacenter-home .tag-p{
            background:rgba(29,214,255,.12);
            color:#8cecff;
            border:1px solid rgba(29,214,255,.16);
        }
        .datacenter-home .tag-s{
            background:rgba(68,255,185,.12);
            color:#8dffcf;
            border:1px solid rgba(68,255,185,.16);
        }
        .datacenter-home .tag-n{
            background:rgba(255,123,77,.12);
            color:#ffc4ad;
            border:1px solid rgba(255,123,77,.16);
        }
        .datacenter-home .fav-btn{
            background:rgba(6,19,39,.78);
            border:1px solid rgba(118,173,255,.1);
            color:#9ab6d1;
        }
        .datacenter-home .fav-btn.active{
            background:rgba(255,123,77,.12);
            border-color:rgba(255,123,77,.18);
            color:#ffb08d;
        }
        .datacenter-home .card-title,
        .datacenter-home .card-price{
            color:#f3fbff;
        }
        .datacenter-home .card-desc,
        .datacenter-home .news-date{
            color:#aabfd8;
        }
        .datacenter-home .empty,
        .datacenter-home .footer{
            background:linear-gradient(180deg,rgba(7,22,46,.88),rgba(6,17,34,.88));
            border:1px solid rgba(118,173,255,.1);
            color:#aabfd8;
            box-shadow:
                0 26px 58px -46px rgba(0,0,0,.62),
                0 0 80px -72px rgba(29,214,255,.14);
        }
        .datacenter-home .footer a{
            color:#8cecff;
        }
        .datacenter-home .fab{
            background:linear-gradient(135deg,#1dd6ff,#4b7dff 60%,#44ffb9);
            color:#04131d;
            box-shadow:0 28px 54px -34px rgba(29,214,255,.58);
        }
        .datacenter-home .fab .count{
            background:rgba(4,17,28,.16);
            color:#03111d;
        }
        .datacenter-home .backdrop{
            background:rgba(2,8,20,.64);
        }
        .datacenter-home .drawer{
            background:linear-gradient(180deg,#061327,#091a33);
            border-left:1px solid rgba(118,173,255,.1);
        }
        .datacenter-home .drawer-head{
            border-bottom:1px solid rgba(118,173,255,.1);
        }
        .datacenter-home .drawer-head h3{
            color:#f3fbff;
        }
        .datacenter-home .drawer-close{
            background:rgba(6,19,39,.82);
            border:1px solid rgba(118,173,255,.1);
            color:#dbe8ff;
        }
        .datacenter-home .q-item,
        .datacenter-home .q-total,
        .datacenter-home .q-empty{
            background:rgba(6,19,39,.82);
            border:1px solid rgba(118,173,255,.1);
        }
        .datacenter-home .q-title,
        .datacenter-home .q-total strong{
            color:#f3fbff;
        }
        .datacenter-home .q-type,
        .datacenter-home .q-total p,
        .datacenter-home .q-empty{
            color:#aabfd8;
        }
        .datacenter-home .qty{
            background:rgba(5,18,42,.76);
            border:1px solid rgba(118,173,255,.1);
        }
        .datacenter-home .qty button,
        .datacenter-home .qty span{
            color:#e9f6ff;
        }
        .datacenter-home .remove,
        .datacenter-home .q-btn.danger{
            background:rgba(255,123,77,.12);
            border:1px solid rgba(255,123,77,.18);
            color:#ffc1a6;
        }
        .datacenter-home .toast{
            background:#04101f;
            color:#f3fbff;
            box-shadow:0 22px 46px -30px rgba(29,214,255,.36);
        }
        @media (max-width:1199px){
            .datacenter-home .hero-slider{
                min-height:1020px;
            }
            .datacenter-home .console.hosting-panel{
                margin-top:1rem;
            }
        }
        @media (max-width:767px){
            .datacenter-home .hero-slider{
                min-height:1180px;
            }
            .datacenter-home .hero-copy h1{
                max-width:none;
                font-size:2.7rem;
            }
        }

.brand-campaign-home{
            background:
                radial-gradient(34rem 24rem at 0% 0%,rgba(131,255,63,.22),transparent 56%),
                radial-gradient(28rem 20rem at 100% 0%,rgba(76,180,255,.22),transparent 54%),
                radial-gradient(24rem 18rem at 100% 100%,rgba(255,123,77,.16),transparent 56%),
                linear-gradient(180deg,#fbfff7 0%,#f4f8ff 42%,#fff9f4 100%);
            color:#14304f;
        }
        .brand-campaign-home::before{
            background:
                radial-gradient(circle at 18% 12%,rgba(255,255,255,.62),transparent 20%),
                radial-gradient(circle at 84% 24%,rgba(255,255,255,.38),transparent 18%);
            opacity:.82;
            mask-image:none;
        }
        .brand-campaign-home h1,
        .brand-campaign-home h2,
        .brand-campaign-home h3,
        .brand-campaign-home .brand,
        .brand-campaign-home .console h2{
            font-family:'Syne',sans-serif;
            letter-spacing:-.05em;
        }
        .brand-campaign-home .topbar{
            background:linear-gradient(180deg,rgba(10,28,54,.94),rgba(10,28,54,.78));
            border-bottom:1px solid rgba(255,255,255,.08);
        }
        .brand-campaign-home .brand,
        .brand-campaign-home .nav-link{
            color:#f3f8ff !important;
        }
        .brand-campaign-home .nav-link:hover{
            background:rgba(255,255,255,.08);
        }
        .brand-campaign-home .dropdown-menu{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 28px 56px -40px rgba(20,48,79,.2);
        }
        .brand-campaign-home .dropdown-item:hover{
            background:#eef8ff;
            color:#103455;
        }
        .brand-campaign-home .main-shell.container-xxl{
            max-width:none;
            padding:0 0 3.6rem;
        }
        .brand-campaign-home .main-shell > :not(.campaign-hero-grid){
            width:min(1260px,calc(100% - 34px));
            margin-left:auto;
            margin-right:auto;
        }
        .brand-campaign-home .campaign-hero-grid{
            width:100%;
            display:grid;
            grid-template-columns:1fr;
            gap:0;
        }
        .brand-campaign-home .campaign-hero-shell{
            width:100vw;
            margin-left:calc(50% - 50vw);
            margin-right:calc(50% - 50vw);
            border-radius:0 0 48px 48px;
            background:
                radial-gradient(34rem 22rem at 0% 0%,rgba(131,255,63,.24),transparent 52%),
                radial-gradient(30rem 22rem at 100% 0%,rgba(76,180,255,.24),transparent 52%),
                radial-gradient(26rem 20rem at 100% 100%,rgba(255,123,77,.18),transparent 54%),
                linear-gradient(145deg,#071a36,#0c2b57 42%,#1567b5 100%);
            border:1px solid rgba(255,255,255,.06);
            box-shadow:0 44px 110px -58px rgba(6,22,45,.72);
        }
        .brand-campaign-home .hero-stage::before{
            background:
                linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),
                linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);
            background-size:58px 58px;
            opacity:.28;
        }
        .brand-campaign-home .hero-stage::after{
            content:'';
            position:absolute;
            inset:auto 12% -16% auto;
            width:340px;
            height:340px;
            border-radius:999px;
            background:radial-gradient(circle,rgba(131,255,63,.28),transparent 66%);
            filter:blur(16px);
            pointer-events:none;
        }
        .brand-campaign-home .hero-slider{
            min-height:760px;
        }
        .brand-campaign-home .hero-slide{
            max-width:min(1380px,calc(100% - 44px));
            margin:0 auto;
            padding:2.2rem 0 1.5rem;
            grid-template-columns:minmax(0,1.02fr) minmax(340px,.98fr);
            gap:1.35rem;
        }
        .brand-campaign-home .hero-copy{
            padding:2.2rem 0 1.7rem;
            background:transparent;
            border:0;
            box-shadow:none;
            color:#fff;
        }
        .brand-campaign-home .campaign-copy-wrap{
            max-width:690px;
        }
        .brand-campaign-home .hero-kicker,
        .brand-campaign-home .kicker.hero-kicker{
            background:rgba(255,255,255,.1);
            border:1px solid rgba(255,255,255,.14);
            color:#f1f7ff;
        }
        .brand-campaign-home .hero-kicker i{
            color:var(--slide-accent);
        }
        .brand-campaign-home .hero-copy h1{
            max-width:10ch;
            color:#fff;
            font-size:clamp(3rem,6vw,5.9rem);
            line-height:.88;
            text-shadow:0 10px 32px rgba(0,0,0,.18);
        }
        .brand-campaign-home .hero-copy p{
            max-width:58ch;
            color:#d5e6f7;
            font-size:1.08rem;
            line-height:1.8;
        }
        .brand-campaign-home .hero-pills{
            gap:.62rem;
            margin:1.55rem 0 1.75rem;
        }
        .brand-campaign-home .hero-pill{
            background:rgba(255,255,255,.1);
            border:1px solid rgba(255,255,255,.12);
            color:#eff7ff;
            font-weight:800;
        }
        .brand-campaign-home .btn-main,
        .brand-campaign-home .btn-card-main,
        .brand-campaign-home .q-btn.primary{
            background:linear-gradient(135deg,#83ff3f,#d6ff51 38%,#3fb8ff 100%);
            color:#0a1a27;
            box-shadow:0 20px 40px -28px rgba(131,255,63,.48);
        }
        .brand-campaign-home .btn-main:hover,
        .brand-campaign-home .btn-card-main:hover,
        .brand-campaign-home .q-btn.primary:hover{
            color:#0a1a27;
        }
        .brand-campaign-home .btn-ghost{
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.14);
            color:#f4f8ff;
        }
        .brand-campaign-home .btn-ghost:hover{
            background:rgba(255,255,255,.14);
            color:#fff;
        }
        .brand-campaign-home .hero-stats{
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:.8rem;
            margin-top:1.9rem;
        }
        .brand-campaign-home .hero-stats .stat{
            border-radius:22px;
            background:rgba(6,22,45,.44);
            border:1px solid rgba(255,255,255,.12);
            box-shadow:none;
        }
        .brand-campaign-home .hero-stats .stat strong{
            color:#fff;
            font-size:1.55rem;
        }
        .brand-campaign-home .hero-stats .stat span{
            color:#c9d9ea;
        }
        .brand-campaign-home .campaign-visual{
            background:linear-gradient(180deg,#0e2244,#17396d);
            border:1px solid rgba(255,255,255,.1);
            border-radius:34px;
            box-shadow:0 32px 74px -44px rgba(6,22,45,.48);
        }
        .brand-campaign-home .campaign-visual::after{
            background:
                linear-gradient(180deg,rgba(9,20,38,.06),rgba(9,20,38,.6)),
                radial-gradient(circle at 18% 20%,rgba(131,255,63,.16),transparent 26%),
                radial-gradient(circle at 84% 16%,rgba(76,180,255,.24),transparent 30%);
        }
        .brand-campaign-home .hero-media-badge,
        .brand-campaign-home .hero-media-card,
        .brand-campaign-home .hero-orb{
            background:rgba(7,22,46,.62);
            border:1px solid rgba(255,255,255,.12);
            box-shadow:0 22px 46px -34px rgba(6,22,45,.54);
        }
        .brand-campaign-home .hero-media-card strong,
        .brand-campaign-home .hero-media-badge strong{
            color:#fff;
        }
        .brand-campaign-home .hero-media-card span,
        .brand-campaign-home .hero-media-badge span{
            color:#d9e8f8;
        }
        .brand-campaign-home .hero-orb strong{
            color:#83ff3f;
        }
        .brand-campaign-home .hero-nav-row{
            max-width:min(1380px,calc(100% - 44px));
            margin:0 auto;
            padding:0 0 1.45rem;
        }
        .brand-campaign-home .hero-dot{
            background:rgba(255,255,255,.28);
        }
        .brand-campaign-home .hero-dot.is-active{
            background:#83ff3f;
            box-shadow:0 0 32px -12px rgba(131,255,63,.72);
        }
        .brand-campaign-home .hero-nav button{
            background:rgba(255,255,255,.08);
            border:1px solid rgba(255,255,255,.12);
            color:#fff;
        }
        .brand-campaign-home .campaign-side-panel{
            width:min(460px,calc(100% - 34px));
            margin:-82px auto 0;
            padding:1.35rem;
            border-radius:34px;
            background:linear-gradient(155deg,#ffffff,#f0f6ff);
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 34px 76px -52px rgba(20,48,79,.26);
            position:relative;
            z-index:6;
        }
        .brand-campaign-home .campaign-side-label{
            display:inline-flex;
            align-items:center;
            gap:.45rem;
            padding:.42rem .76rem;
            border-radius:999px;
            background:#0f2f4c;
            color:#f4fbff;
            font-size:.76rem;
            font-weight:800;
            letter-spacing:.12em;
            text-transform:uppercase;
        }
        .brand-campaign-home .campaign-side-panel h2{
            margin-top:.95rem;
            color:#123455;
            font-size:1.6rem;
            line-height:1.03;
        }
        .brand-campaign-home .campaign-side-panel p{
            margin-top:.7rem;
            color:#5d7692;
            line-height:1.75;
        }
        .brand-campaign-home .campaign-side-actions{
            display:flex;
            flex-wrap:wrap;
            gap:.7rem;
            margin:1.15rem 0;
        }
        .brand-campaign-home .campaign-side-list{
            display:grid;
            gap:.8rem;
        }
        .brand-campaign-home .campaign-side-list div{
            padding:1rem;
            border-radius:22px;
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
        }
        .brand-campaign-home .campaign-side-list strong{
            display:block;
            color:#123455;
            font-size:1rem;
        }
        .brand-campaign-home .campaign-side-list span{
            display:block;
            margin-top:.35rem;
            color:#607991;
            line-height:1.6;
            font-size:.9rem;
        }
        .brand-campaign-home .campaign-strip{
            display:grid;
            grid-template-columns:repeat(4,minmax(0,1fr));
            gap:.9rem;
            margin-top:1.35rem;
        }
        .brand-campaign-home .campaign-strip-item{
            padding:1rem 1.1rem;
            border-radius:22px;
            background:#0f2f4c;
            color:#f6fbff;
            font-weight:800;
            text-align:center;
            box-shadow:0 22px 46px -38px rgba(20,48,79,.35);
        }
        .brand-campaign-home .campaign-strip-item:nth-child(2){
            background:#83ff3f;
            color:#102335;
        }
        .brand-campaign-home .campaign-strip-item:nth-child(3){
            background:#ff7b4d;
        }
        .brand-campaign-home .campaign-strip-item:nth-child(4){
            background:#4cb4ff;
        }
        .brand-campaign-home .campaign-mosaic{
            display:grid;
            grid-template-columns:1.1fr .9fr .9fr;
            gap:1rem;
            margin-top:1.25rem;
        }
        .brand-campaign-home .campaign-card{
            padding:1.3rem;
            border-radius:30px;
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 28px 62px -48px rgba(20,48,79,.24);
        }
        .brand-campaign-home .campaign-card h3{
            margin-top:.9rem;
            font-size:1.55rem;
            line-height:1.05;
        }
        .brand-campaign-home .campaign-card p{
            margin:.6rem 0 0;
            line-height:1.72;
            color:#5c7590;
        }
        .brand-campaign-home .campaign-card-primary{
            background:linear-gradient(145deg,#0f2f4c,#1a5b90 58%,#4cb4ff);
            color:#fff;
        }
        .brand-campaign-home .campaign-card-primary .spot-label{
            background:rgba(255,255,255,.12);
            color:#fff;
        }
        .brand-campaign-home .campaign-card-primary p{
            color:#dbe9f8;
        }
        .brand-campaign-home .campaign-card-lime{
            background:linear-gradient(155deg,#efffcb,#d9ff76);
        }
        .brand-campaign-home .campaign-card-coral{
            background:linear-gradient(155deg,#ffe7dc,#ff9b74);
        }
        .brand-campaign-home .campaign-card-blue{
            background:linear-gradient(155deg,#e8f5ff,#7bccff);
        }
        .brand-campaign-home .campaign-card .spot-label{
            background:#ffffff;
            color:#133454;
        }
        .brand-campaign-home .campaign-figure{
            display:flex;
            align-items:center;
            gap:.9rem;
            margin-top:1.15rem;
        }
        .brand-campaign-home .campaign-figure img{
            width:80px;
            height:80px;
            object-fit:contain;
            border-radius:22px;
            background:rgba(255,255,255,.12);
            padding:8px;
        }
        .brand-campaign-home .campaign-figure strong{
            display:block;
            font-size:1.02rem;
        }
        .brand-campaign-home .campaign-figure span{
            display:block;
            margin-top:.2rem;
            color:#dce9f8;
            line-height:1.5;
            font-size:.88rem;
        }
        .brand-campaign-home .campaign-proof-grid{
            display:grid;
            grid-template-columns:repeat(3,minmax(0,1fr));
            gap:1rem;
            margin-top:1.1rem;
        }
        .brand-campaign-home .campaign-proof-card{
            padding:1.15rem;
            border-radius:26px;
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 24px 52px -42px rgba(20,48,79,.18);
        }
        .brand-campaign-home .campaign-proof-card strong{
            display:block;
            color:#123455;
            font-family:'Syne',sans-serif;
            font-size:2rem;
            line-height:1;
        }
        .brand-campaign-home .campaign-proof-card span{
            display:block;
            margin-top:.45rem;
            color:#607991;
            line-height:1.6;
            font-size:.9rem;
        }
        .brand-campaign-home .alert-top{
            background:linear-gradient(135deg,#fff,#eef8ff);
            border:1px solid rgba(20,48,79,.08);
            color:#0b5c7c;
        }
        .brand-campaign-home .section{
            margin-top:2.45rem;
        }
        .brand-campaign-home .section-kicker{
            background:#0f2f4c;
            color:#fff;
            border:0;
        }
        .brand-campaign-home .section h2{
            color:#123455;
            font-size:clamp(2rem,3vw,3rem);
            line-height:.96;
        }
        .brand-campaign-home .section p{
            color:#607991;
        }
        .brand-campaign-home .host-plan-toolbar{
            padding:1.2rem;
            border-radius:30px;
            background:linear-gradient(160deg,#ffffff,#eef6ff);
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 30px 62px -48px rgba(20,48,79,.18);
        }
        .brand-campaign-home .host-plan-toolbar-top{
            display:grid;
            grid-template-columns:auto minmax(300px,420px);
            gap:1rem;
            align-items:center;
            margin:.95rem 0;
        }
        .brand-campaign-home .search-wrap input{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            color:#14304f;
        }
        .brand-campaign-home .search-wrap i{
            color:#6b839d;
        }
        .brand-campaign-home .search-wrap input:focus{
            border-color:rgba(76,180,255,.42);
            box-shadow:0 0 0 4px rgba(76,180,255,.12);
        }
        .brand-campaign-home .result-pill{
            background:#0f2f4c;
            color:#fff;
        }
        .brand-campaign-home .type-filters{
            grid-template-columns:repeat(4,minmax(0,1fr));
        }
        .brand-campaign-home .view-filters{
            grid-template-columns:repeat(2,minmax(0,1fr));
        }
        .brand-campaign-home .type-btn,
        .brand-campaign-home .view-btn,
        .brand-campaign-home .fav-toggle,
        .brand-campaign-home .sort-select,
        .brand-campaign-home .chip-btn,
        .brand-campaign-home .btn-card-soft{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            color:#14304f;
        }
        .brand-campaign-home .type-btn.active,
        .brand-campaign-home .view-btn.active,
        .brand-campaign-home .chip-btn.active{
            background:linear-gradient(135deg,#83ff3f,#d6ff51 40%,#4cb4ff 100%);
            color:#0b1f31;
            box-shadow:0 18px 36px -28px rgba(131,255,63,.42);
        }
        .brand-campaign-home .fav-toggle.active{
            background:#fff0e8;
            color:#a34318;
            border-color:rgba(255,123,77,.16);
        }
        .brand-campaign-home .card-modern{
            border-radius:28px;
            border:1px solid rgba(20,48,79,.08);
            background:linear-gradient(180deg,#ffffff,#f7fbff);
            box-shadow:0 26px 58px -46px rgba(20,48,79,.18);
        }
        .brand-campaign-home .card-modern::before{
            background:radial-gradient(circle,rgba(76,180,255,.12),transparent 68%);
        }
        .brand-campaign-home .tag-p{
            background:#e8fbef;
            color:#12683d;
            border:1px solid #cff5dd;
        }
        .brand-campaign-home .tag-s{
            background:#fff0e8;
            color:#b34a1d;
            border:1px solid #ffd7c7;
        }
        .brand-campaign-home .tag-n{
            background:#eaf4ff;
            color:#12588d;
            border:1px solid #d4ebff;
        }
        .brand-campaign-home .fav-btn{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            color:#7187a0;
        }
        .brand-campaign-home .fav-btn.active{
            background:#fff0e8;
            border-color:rgba(255,123,77,.18);
            color:#c04d1d;
        }
        .brand-campaign-home .card-title,
        .brand-campaign-home .card-price{
            color:#123455;
        }
        .brand-campaign-home .card-desc,
        .brand-campaign-home .news-date{
            color:#607991;
        }
        .brand-campaign-home .empty,
        .brand-campaign-home .footer{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
            box-shadow:0 24px 52px -44px rgba(20,48,79,.14);
        }
        .brand-campaign-home .footer a{
            color:#103455;
        }
        .brand-campaign-home .fab{
            background:linear-gradient(135deg,#83ff3f,#4cb4ff);
            color:#0a1c29;
            box-shadow:0 24px 46px -30px rgba(76,180,255,.36);
        }
        .brand-campaign-home .fab .count{
            background:rgba(10,28,41,.12);
            color:#0a1c29;
        }
        .brand-campaign-home .backdrop{
            background:rgba(10,28,54,.4);
        }
        .brand-campaign-home .drawer{
            background:#fff;
            border-left:1px solid rgba(20,48,79,.08);
        }
        .brand-campaign-home .q-item,
        .brand-campaign-home .q-total,
        .brand-campaign-home .q-empty{
            background:#fff;
            border:1px solid rgba(20,48,79,.08);
        }
        .brand-campaign-home .q-title,
        .brand-campaign-home .q-total strong{
            color:#123455;
        }
        .brand-campaign-home .q-type,
        .brand-campaign-home .q-total p,
        .brand-campaign-home .q-empty{
            color:#607991;
        }
        .brand-campaign-home .toast{
            background:#0f2f4c;
            color:#fff;
        }
        @media (max-width:1199px){
            .brand-campaign-home .hero-slide,
            .brand-campaign-home .campaign-mosaic{
                grid-template-columns:1fr;
            }
            .brand-campaign-home .hero-slider{
                min-height:1020px;
            }
            .brand-campaign-home .campaign-strip,
            .brand-campaign-home .campaign-proof-grid{
                grid-template-columns:1fr 1fr;
            }
        }
        @media (max-width:767px){
            .brand-campaign-home .hero-slider{
                min-height:1180px;
            }
            .brand-campaign-home .hero-copy h1{
                max-width:none;
                font-size:2.85rem;
            }
            .brand-campaign-home .campaign-side-panel{
                margin-top:1rem;
            }
            .brand-campaign-home .campaign-strip,
            .brand-campaign-home .campaign-proof-grid,
            .brand-campaign-home .host-plan-toolbar-top,
            .brand-campaign-home .type-filters,
            .brand-campaign-home .view-filters,
            .brand-campaign-home .hero-stats{
                grid-template-columns:1fr;
            }
        }