/* InspectBook v0.2.1 - Premium compact top redesign */
.ib-premium-top-css-loaded { display:block; }

body {
    background:
        radial-gradient(circle at 20% 0%, rgba(47,107,255,.22), transparent 34%),
        radial-gradient(circle at 82% 12%, rgba(0,212,255,.12), transparent 32%),
        linear-gradient(180deg,#030713 0%, #07152d 52%, #040914 100%) !important;
}

.topbar,
.ibd-nav.ibd-nav-compact {
    min-height:78px !important;
    padding:14px 4.8vw !important;
    background:rgba(2,7,19,.88) !important;
    border-bottom:1px solid rgba(255,255,255,.09) !important;
    backdrop-filter:blur(18px);
}

.brand,
.ibd-brand {
    font-size:25px !important;
    letter-spacing:-.04em;
}

.brand:before,
.ibd-brand span,
.ib-card-logo {
    background:linear-gradient(135deg,#2f6bff,#00d4ff) !important;
    border-radius:15px !important;
}

.topbar nav a,
.ibd-nav nav a {
    color:#b8c7dc !important;
    font-weight:900 !important;
    font-size:16px !important;
}

.ib-hero-premium {
    position:relative;
    overflow:hidden;
    padding:34px 0 42px;
    background:
        radial-gradient(circle at 17% 12%, rgba(47,107,255,.26), transparent 34%),
        radial-gradient(circle at 86% 10%, rgba(0,212,255,.12), transparent 32%),
        linear-gradient(135deg,#07142e 0%, #06152d 48%, #03101c 100%);
}

.ib-hero-premium:before,
.ib-hero-premium:after {
    content:'';
    position:absolute;
    border-radius:999px;
    filter:blur(48px);
    pointer-events:none;
}

.ib-hero-premium:before {
    width:330px;
    height:330px;
    right:7%;
    top:80px;
    background:rgba(47,107,255,.22);
}

.ib-hero-premium:after {
    width:250px;
    height:250px;
    left:8%;
    bottom:20px;
    background:rgba(0,212,255,.11);
}

.ib-hero-shell {
    position:relative;
    z-index:1;
    width:min(1220px,92vw);
    margin:0 auto;
    min-height:500px;
    display:grid;
    grid-template-columns:1.02fr .82fr;
    gap:42px;
    align-items:center;
}

.ib-hero-copy {
    max-width:740px;
}

.ib-kicker-pill {
    display:inline-flex;
    align-items:center;
    gap:10px;
    margin-bottom:20px;
    padding:9px 16px;
    border-radius:999px;
    color:#9fc0ff;
    background:rgba(47,107,255,.15);
    border:1px solid rgba(121,168,255,.30);
    text-transform:uppercase;
    letter-spacing:.16em;
    font-size:12px;
    font-weight:1000;
}

.ib-kicker-pill:before {
    content:'';
    width:7px;
    height:7px;
    border-radius:50%;
    background:#08d6ff;
    box-shadow:0 0 18px rgba(8,214,255,.9);
}

.ib-hero-title {
    margin:0 0 18px !important;
    max-width:760px !important;
    font-size:clamp(44px,5.1vw,74px) !important;
    line-height:.98 !important;
    letter-spacing:-.075em !important;
    color:#fff !important;
}

.ib-hero-title span {
    display:block;
    background:linear-gradient(135deg,#fff,#9ec0ff 45%,#00d4ff);
    -webkit-background-clip:text;
    background-clip:text;
    color:transparent;
}

.ib-hero-lead {
    max-width:690px;
    margin:0;
    color:#b8c7dc;
    font-size:clamp(17px,1.65vw,21px);
    line-height:1.48;
}

.ib-hero-actions {
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    margin:27px 0 19px;
}

.ib-premium-button {
    display:inline-flex;
    justify-content:center;
    align-items:center;
    min-height:52px;
    padding:15px 24px;
    border-radius:16px;
    font-size:16px;
    font-weight:1000;
    border:1px solid transparent;
}

.ib-premium-button.primary {
    color:#fff;
    background:linear-gradient(135deg,#2f6bff,#1745e5);
    box-shadow:0 18px 46px rgba(47,107,255,.28);
}

.ib-premium-button.secondary {
    color:#dfeaff;
    background:rgba(255,255,255,.075);
    border-color:rgba(255,255,255,.14);
}

.ib-mini-points {
    display:flex;
    flex-wrap:wrap;
    gap:10px;
}

.ib-mini-points span {
    padding:8px 12px;
    border-radius:999px;
    background:rgba(255,255,255,.07);
    border:1px solid rgba(255,255,255,.11);
    color:#c8d8ee;
    font-size:13px;
    font-weight:850;
}

.ib-hero-card {
    justify-self:end;
    width:100%;
    max-width:510px;
    padding:23px;
    border-radius:30px;
    background:linear-gradient(180deg,rgba(255,255,255,.105),rgba(255,255,255,.045));
    border:1px solid rgba(255,255,255,.16);
    box-shadow:0 32px 90px rgba(0,0,0,.38);
}

.ib-card-head {
    display:flex;
    gap:14px;
    align-items:center;
    margin-bottom:19px;
}

.ib-card-logo {
    display:grid;
    place-items:center;
    width:52px;
    height:52px;
    color:#fff;
    font-weight:1000;
}

.ib-card-head strong {
    display:block;
    color:#fff;
    font-size:23px;
    line-height:1.05;
}

.ib-card-head small {
    color:#9eb1ca;
    font-size:15px;
}

.ib-price-box {
    display:grid;
    gap:4px;
    padding:21px;
    border-radius:24px;
    background:linear-gradient(135deg,rgba(47,107,255,.32),rgba(0,212,255,.12));
    border:1px solid rgba(133,180,255,.28);
}

.ib-price-box small {
    color:#c5d6ee;
    text-transform:uppercase;
    letter-spacing:.13em;
    font-weight:1000;
}

.ib-price-box strong {
    color:#fff;
    font-size:56px;
    line-height:.95;
    letter-spacing:-.07em;
}

.ib-price-box span {
    color:#b9c8dd;
    font-size:16px;
}

.ib-compact-list {
    display:grid;
    gap:10px;
    margin-top:16px;
}

.ib-compact-list div {
    padding:13px 15px;
    border-radius:17px;
    background:rgba(255,255,255,.065);
    border:1px solid rgba(255,255,255,.10);
}

.ib-compact-list b {
    display:block;
    color:#fff;
    font-size:16px;
}

.ib-compact-list small {
    color:#9eb1ca;
}

.ib-active-note {
    margin-top:20px;
    padding:14px 16px;
    border-radius:17px;
    background:rgba(36,209,139,.11);
    border:1px solid rgba(36,209,139,.32);
    color:#c8ffe8;
    display:grid;
}

.home-section,
.ibd-grid-three {
    padding-top:36px !important;
}

.ibd-page .ibd-grid-three {
    margin-top:0 !important;
}

.ibd-hero,
.home-premium {
    padding-top:26px !important;
}

@media (max-width:1000px) {
    .ib-hero-shell {
        grid-template-columns:1fr;
        min-height:auto;
        gap:26px;
        padding:22px 0;
    }
    .ib-hero-card {
        justify-self:stretch;
        max-width:100%;
    }
    .ib-hero-title {
        font-size:clamp(38px,10vw,58px) !important;
    }
}

@media (max-width:720px) {
    .topbar,
    .ibd-nav.ibd-nav-compact {
        align-items:flex-start;
        flex-direction:column;
    }
    .ib-hero-actions,
    .ib-premium-button {
        width:100%;
    }
}