@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Newsreader:wght@600;700&display=swap');

:root{

--primary:#2563eb;
--primary-dark:#1d4ed8;

--text:#0f172a;
--text-light:#475569;
--muted:#64748b;

--border:#e5e7eb;

--bg:#f8fafc;

--radius:24px;

}

*{
margin:0;
padding:0;
box-sizing:border-box;
}

body{

font-family:Manrope,sans-serif;

background:#fff;

color:var(--text);

}

/*=========================================
GO BEFORE BUY HERO V3
=========================================*/

:root{

--primary:#2563eb;
--primary-dark:#1d4ed8;

--text:#0f172a;
--text-light:#475569;

--border:#e2e8f0;

--bg:#ffffff;
--bg-soft:#f8fbff;

--radius:24px;

}


/*=========================================
HEADER
=========================================*/

.gbb-header{

position:sticky;

top:0;

z-index:999;

background:rgba(255,255,255,.92);

backdrop-filter:blur(14px);

border-bottom:1px solid rgba(226,232,240,.9);

}

.gbb-header .gbb-container{

max-width:1220px;

margin:auto;

padding:0 24px;

height:82px;

display:flex;

align-items:center;

}

.gbb-logo{

font-family:'Newsreader',serif;

font-size:40px;

font-weight:700;

letter-spacing:-.8px;

color:var(--text);

text-decoration:none;

transition:.3s;

}

.gbb-logo:hover{

color:var(--primary);

}



/*=========================================
HERO
=========================================*/

.gbb-hero{

position:relative;

overflow:hidden;

padding:70px 24px 90px;

background:

linear-gradient(180deg,#f9fbff 0%,#f5f9ff 55%,#ffffff 100%);

}


/* Soft Decorative Glow */

.gbb-hero::before{

content:"";

position:absolute;

width:700px;

height:700px;

left:-260px;

top:-260px;

background:

radial-gradient(circle,rgba(37,99,235,.09) 0%,transparent 70%);

pointer-events:none;

}

.gbb-hero::after{

content:"";

position:absolute;

width:520px;

height:520px;

right:-180px;

bottom:-220px;

background:

radial-gradient(circle,rgba(37,99,235,.05) 0%,transparent 75%);

pointer-events:none;

}



.gbb-wrap{

position:relative;

z-index:2;

max-width:1220px;

margin:auto;

display:grid;

grid-template-columns:1.15fr .85fr;

gap:70px;

align-items:center;

}



/*=========================================
LEFT SIDE
=========================================*/

.gbb-content{

max-width:720px;

}



/* Breadcrumb */

.gbb-breadcrumb{

display:flex;

align-items:center;

flex-wrap:wrap;

gap:10px;

margin-bottom:22px;

font-size:15px;

}

.gbb-breadcrumb a{

text-decoration:none;

color:#64748b;

transition:.25s;

}

.gbb-breadcrumb a:hover{

color:var(--primary);

}

.gbb-breadcrumb span{

color:#94a3b8;

}



/* Labels */

.gbb-labels{

display:flex;

flex-wrap:wrap;

gap:12px;

margin-bottom:26px;

}

.gbb-labels span{

display:inline-flex;

align-items:center;

padding:10px 18px;

border-radius:999px;

background:#eff6ff;

border:1px solid #dbeafe;

font-size:14px;

font-weight:700;

color:var(--primary);

}



/* Heading */

.gbb-content h1{

font-family:'Newsreader',serif;

font-size:clamp(2.9rem,5vw,4.6rem);

font-weight:700;

line-height:1.08;

letter-spacing:-1.5px;

color:var(--text);

margin:0 0 28px;

max-width:700px;

}



/* Description */

.gbb-content p{

max-width:640px;

font-size:19px;

line-height:1.9;

color:var(--text-light);

margin-bottom:38px;

}



/* Buttons */

.gbb-actions{

display:flex;

align-items:center;

gap:18px;

flex-wrap:wrap;

}

.gbb-btn-primary,

.gbb-btn-outline{

display:inline-flex;

align-items:center;

justify-content:center;

min-width:190px;

height:58px;

padding:0 30px;

border-radius:16px;

font-size:16px;

font-weight:700;

text-decoration:none;

transition:.28s;

}

.gbb-btn-primary{

background:var(--primary);

color:#fff;

box-shadow:

0 14px 34px rgba(37,99,235,.18);

}

.gbb-btn-primary:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}



.gbb-btn-outline{

background:#fff;

border:1px solid var(--border);

color:var(--text);

}

.gbb-btn-outline:hover{

border-color:#cbd5e1;

transform:translateY(-2px);

box-shadow:0 12px 28px rgba(15,23,42,.06);

}
    
    
/*=========================================
RIGHT PRODUCT COLUMN
=========================================*/

.gbb-image{

display:flex;

justify-content:center;

align-items:center;

position:relative;

}

.gbb-card{

position:relative;

width:100%;

max-width:430px;

background:#ffffff;

border:1px solid rgba(226,232,240,.9);

border-radius:30px;

padding:34px;

box-shadow:

0 30px 70px rgba(15,23,42,.08),

0 10px 25px rgba(15,23,42,.05);

transition:.35s ease;

}

.gbb-card:hover{

transform:translateY(-8px);

box-shadow:

0 45px 90px rgba(15,23,42,.12),

0 18px 35px rgba(15,23,42,.08);

}


/*=========================================
PRODUCT IMAGE
=========================================*/

.gbb-card img{

display:block;

width:100%;

max-width:260px;

margin:0 auto 28px;

object-fit:contain;

transition:.35s;

}

.gbb-card:hover img{

transform:scale(1.04);

}


/*=========================================
EDITORIAL NOTE
=========================================*/

.gbb-note{

padding-top:28px;

border-top:1px solid var(--border);

}

.gbb-note h3{

font-family:'Newsreader',serif;

font-size:30px;

font-weight:700;

line-height:1.2;

color:var(--text);

margin-bottom:20px;

}

.gbb-note ul{

margin:0;

padding:0;

list-style:none;

display:grid;

gap:16px;

}

.gbb-note li{

position:relative;

padding-left:34px;

font-size:17px;

line-height:1.7;

color:var(--text-light);

}

.gbb-note li::before{

content:"";

position:absolute;

left:0;

top:10px;

width:10px;

height:10px;

border-radius:50%;

background:var(--primary);

box-shadow:

0 0 0 6px rgba(37,99,235,.10);

}


/*=========================================
FLOATING DECORATION
=========================================*/

.gbb-card::before{

content:"";

position:absolute;

width:140px;

height:140px;

right:-45px;

top:-45px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(37,99,235,.12) 0%,

transparent 72%);

pointer-events:none;

}

.gbb-card::after{

content:"";

position:absolute;

width:80px;

height:80px;

left:-25px;

bottom:-25px;

border-radius:50%;

background:

radial-gradient(circle,

rgba(37,99,235,.08) 0%,

transparent 72%);

pointer-events:none;

}


/*=========================================
RESPONSIVE
=========================================*/

@media(max-width:1100px){

.gbb-wrap{

grid-template-columns:1fr;

gap:60px;

text-align:center;

}

.gbb-content{

max-width:760px;

margin:auto;

}

.gbb-content p{

margin-left:auto;

margin-right:auto;

}

.gbb-actions{

justify-content:center;

}

.gbb-breadcrumb{

justify-content:center;

}

.gbb-labels{

justify-content:center;

}

.gbb-card{

max-width:500px;

margin:auto;

}

}


@media(max-width:768px){

.gbb-header .gbb-container{

height:72px;

padding:0 18px;

}

.gbb-logo{

font-size:34px;

}

.gbb-hero{

padding:55px 18px 70px;

}

.gbb-wrap{

gap:45px;

}

.gbb-content h1{

font-size:clamp(2.2rem,9vw,3rem);

letter-spacing:-1px;

}

.gbb-content p{

font-size:17px;

line-height:1.8;

}

.gbb-btn-primary,

.gbb-btn-outline{

width:100%;

height:56px;

}

.gbb-actions{

flex-direction:column;

gap:14px;

}

.gbb-card{

padding:26px;

border-radius:24px;

}

.gbb-card img{

max-width:220px;

margin-bottom:22px;

}

.gbb-note{

padding-top:22px;

}

.gbb-note h3{

font-size:26px;

}

.gbb-note li{

font-size:16px;

}

}


@media(max-width:480px){

.gbb-breadcrumb{

font-size:14px;

}

.gbb-labels span{

font-size:13px;

padding:8px 14px;

}

.gbb-content h1{

font-size:2.2rem;

}

.gbb-card{

padding:22px;

}

}    

    
    
/*=========================================
Quick Summary
==========================================*/

/*=========================================
Quick Summary
==========================================*/

.gbb-summary{

padding:90px 20px;

background:#fff;

}

.gbb-summary .gbb-container{

max-width:760px;

margin:auto;

}

.gbb-summary h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

text-align:center;

margin-bottom:42px;

color:var(--text);

}

.gbb-summary-card{

background:#fff;

border:1px solid var(--border);

border-radius:22px;

overflow:hidden;

box-shadow:0 15px 40px rgba(15,23,42,.05);

}

.gbb-row{

display:grid;

grid-template-columns:170px 1fr;

gap:24px;

align-items:center;

padding:22px 28px;

border-bottom:1px solid var(--border);

}

.gbb-row:last-child{

border-bottom:none;

}

.gbb-title{

font-size:15px;

font-weight:700;

color:#64748b;

}

.gbb-info{

font-size:16px;

font-weight:600;

color:#0f172a;

line-height:1.6;

}

@media(max-width:768px){

.gbb-summary{

padding:70px 18px;

}

.gbb-summary .gbb-container{

max-width:100%;

}

.gbb-row{

grid-template-columns:1fr;

gap:6px;

padding:18px 20px;

}

.gbb-title{

font-size:14px;

}

.gbb-info{

font-size:16px;

}

}
    
    
/*=========================================
Editorial Snapshot
==========================================*/

.gbb-snapshot{

padding:90px 20px;

background:#f8fafc;

}

.gbb-snapshot .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-snapshot h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

text-align:center;

margin-bottom:50px;

color:var(--text);

}

.gbb-snapshot-box{

display:grid;

grid-template-columns:340px 1fr;

background:#fff;

border:1px solid var(--border);

border-radius:24px;

overflow:hidden;

box-shadow:0 18px 50px rgba(15,23,42,.05);

}

.gbb-snapshot-left{

border-right:1px solid var(--border);

padding:34px;

background:#fcfcfd;

}

.gbb-meta{

padding:22px 0;

border-bottom:1px solid var(--border);

}

.gbb-meta:last-child{

border-bottom:none;

}

.gbb-meta span{

display:block;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#64748b;

margin-bottom:8px;

}

.gbb-meta strong{

display:block;

font-size:17px;

font-weight:700;

line-height:1.5;

color:#0f172a;

}

.gbb-snapshot-right{

padding:40px;

display:flex;

flex-direction:column;

gap:36px;

}

.gbb-analysis h3{

font-size:22px;

font-weight:800;

margin-bottom:14px;

color:#0f172a;

}

.gbb-analysis p{

font-size:17px;

line-height:1.9;

color:#475569;

}

/* Tablet */

@media(max-width:992px){

.gbb-snapshot-box{

grid-template-columns:1fr;

}

.gbb-snapshot-left{

border-right:none;

border-bottom:1px solid var(--border);

}

}

/* Mobile */

@media(max-width:768px){

.gbb-snapshot{

padding:70px 18px;

}

.gbb-snapshot-left,

.gbb-snapshot-right{

padding:24px;

}

.gbb-analysis h3{

font-size:20px;

}

.gbb-analysis p{

font-size:16px;

}

}    
    
  
/*=========================================
Why We Reviewed
==========================================*/

.gbb-why{

padding:90px 20px;

background:#fff;

}

.gbb-why .gbb-container{

max-width:1100px;

margin:auto;

}

.gbb-why-box{

display:flex;

gap:35px;

align-items:flex-start;

}

.gbb-why-line{

width:6px;

min-width:6px;

height:100%;

background:#2563eb;

border-radius:100px;

}

.gbb-why-content{

max-width:760px;

}

.gbb-why-content span{

display:inline-block;

margin-bottom:18px;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:#2563eb;

}

.gbb-why-content h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

line-height:1.15;

margin-bottom:24px;

color:#0f172a;

}

.gbb-why-content p{

font-size:18px;

line-height:1.9;

color:#475569;

}

@media(max-width:768px){

.gbb-why{

padding:70px 18px;

}

.gbb-why-box{

gap:18px;

}

.gbb-why-line{

width:4px;

min-width:4px;

}

.gbb-why-content p{

font-size:17px;

}

}    

    
    
/*=========================================
Our Review Process
==========================================*/

.gbb-process{

padding:90px 20px;

background:#f8fafc;

}

.gbb-process .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-process-header{

max-width:760px;

margin:0 auto 55px;

text-align:center;

}

.gbb-process-header h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin-bottom:20px;

color:var(--text);

}

.gbb-process-header p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

}

.gbb-process-grid{

display:grid;

grid-template-columns:repeat(3,1fr);

gap:24px;

}

.gbb-process-item{

background:#fff;

border:1px solid var(--border);

border-radius:22px;

padding:30px;

transition:.3s;

box-shadow:0 15px 40px rgba(15,23,42,.04);

}

.gbb-process-item:hover{

transform:translateY(-6px);

box-shadow:0 22px 50px rgba(15,23,42,.08);

}

.gbb-process-item span{

display:inline-flex;

align-items:center;

justify-content:center;

width:42px;

height:42px;

border-radius:50%;

background:#eff6ff;

color:var(--primary);

font-weight:800;

margin-bottom:18px;

}

.gbb-process-item h3{

font-size:20px;

margin-bottom:14px;

color:var(--text);

}

.gbb-process-item p{

font-size:16px;

line-height:1.8;

color:var(--text-light);

}

@media(max-width:992px){

.gbb-process-grid{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.gbb-process{

padding:70px 18px;

}

.gbb-process-grid{

grid-template-columns:1fr;

}

.gbb-process-header{

text-align:left;

}

}    

    
/*=========================================
What Is Product
==========================================*/

.gbb-about{

padding:90px 20px;

background:#fff;

}

.gbb-about .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-about-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:center;

}

.gbb-section-label{

display:inline-block;

margin-bottom:18px;

font-size:13px;

font-weight:700;

text-transform:uppercase;

letter-spacing:.08em;

color:var(--primary);

}

.gbb-about h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin-bottom:24px;

line-height:1.15;

color:var(--text);

}

.gbb-about p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:22px;

}

.gbb-about p:last-child{

margin-bottom:0;

}

.gbb-image-card{

background:#f8fafc;

border:1px solid var(--border);

border-radius:24px;

padding:34px;

text-align:center;

}

.gbb-image-card img{

max-width:260px;

width:100%;

margin:auto;

display:block;

filter:drop-shadow(0 22px 32px rgba(0,0,0,.15));

}

.gbb-image-caption{

margin-top:28px;

padding-top:24px;

border-top:1px solid var(--border);

text-align:left;

}

.gbb-image-caption h3{

font-size:20px;

margin-bottom:18px;

color:var(--text);

}

.gbb-image-caption ul{

list-style:none;

padding:0;

margin:0;

display:grid;

gap:12px;

}

.gbb-image-caption li{

position:relative;

padding-left:26px;

font-size:16px;

color:var(--text-light);

}

.gbb-image-caption li::before{

content:"•";

position:absolute;

left:0;

color:var(--primary);

font-size:22px;

line-height:1;

}

@media(max-width:992px){

.gbb-about-grid{

grid-template-columns:1fr;

gap:45px;

}

}

@media(max-width:768px){

.gbb-about{

padding:70px 18px;

}

.gbb-image-card{

padding:24px;

}

.gbb-about p{

font-size:17px;

}

}    
    
    
    
/*=========================================
Does It Work
==========================================*/

.gbb-work{

padding:90px 20px;

background:#f8fafc;

}

.gbb-work .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-work-grid{

display:grid;

grid-template-columns:1.1fr .9fr;

gap:70px;

align-items:start;

}

.gbb-work-content h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 24px;

line-height:1.15;

}

.gbb-work-content p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:22px;

}

.gbb-assessment{

background:#fff;

border:1px solid var(--border);

border-radius:24px;

padding:34px;

box-shadow:0 18px 45px rgba(15,23,42,.05);

}

.gbb-assessment h3{

font-size:22px;

margin-bottom:26px;

}

.gbb-score-row{

display:flex;

justify-content:space-between;

gap:20px;

padding:16px 0;

border-bottom:1px solid var(--border);

}

.gbb-score-row:last-child{

border-bottom:none;

}

.gbb-score-row span{

font-weight:600;

color:#64748b;

}

.gbb-score-row strong{

color:var(--text);

font-weight:700;

}

.gbb-note{

margin-top:28px;

padding-top:22px;

border-top:1px solid var(--border);

font-size:15px;

line-height:1.8;

color:var(--text-light);

}

@media(max-width:992px){

.gbb-work-grid{

grid-template-columns:1fr;

gap:40px;

}

}

@media(max-width:768px){

.gbb-work{

padding:70px 18px;

}

.gbb-assessment{

padding:24px;

}

.gbb-work-content p{

font-size:17px;

}

}    
    
    
    
/*=========================================
Ingredients
==========================================*/

.gbb-ingredients{

padding:90px 20px;

background:#ffffff;

}

.gbb-ingredients .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-ingredients-head{

max-width:760px;

margin:0 auto 55px;

text-align:center;

}

.gbb-ingredients-head span{

display:inline-block;

margin-bottom:18px;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:var(--primary);

}

.gbb-ingredients-head h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin-bottom:22px;

line-height:1.15;

}

.gbb-ingredients-head p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

}

.gbb-ingredients-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

}

.gbb-ingredient-card{

background:#fff;

border:1px solid var(--border);

border-radius:20px;

padding:28px;

transition:.3s;

box-shadow:0 12px 35px rgba(15,23,42,.04);

}

.gbb-ingredient-card:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(15,23,42,.08);

}

.gbb-ingredient-card h3{

font-size:22px;

margin-bottom:10px;

color:var(--text);

}

.gbb-ingredient-card p{

font-size:16px;

color:var(--text-light);

line-height:1.7;

}

@media(max-width:768px){

.gbb-ingredients{

padding:70px 18px;

}

.gbb-ingredients-grid{

grid-template-columns:1fr;

}

.gbb-ingredient-card{

padding:22px;

}

}   
    
    
    
/*=========================================
Formula Highlights
==========================================*/

.gbb-highlights{

padding:90px 20px;

background:#f8fafc;

}

.gbb-highlights .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-highlights-grid{

display:grid;

grid-template-columns:1fr 420px;

gap:70px;

align-items:center;

}

.gbb-highlights-left h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 24px;

line-height:1.15;

}

.gbb-highlights-left p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

}

.gbb-highlights-right{

display:flex;

flex-direction:column;

gap:16px;

}

.gbb-highlight{

background:#fff;

border:1px solid var(--border);

border-radius:18px;

padding:18px 22px;

font-size:16px;

font-weight:600;

color:var(--text);

position:relative;

padding-left:52px;

transition:.3s;

box-shadow:0 12px 35px rgba(15,23,42,.04);

}

.gbb-highlight:hover{

transform:translateX(6px);

}

.gbb-highlight::before{

content:"✓";

position:absolute;

left:20px;

top:50%;

transform:translateY(-50%);

width:20px;

height:20px;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#eff6ff;

color:var(--primary);

font-size:13px;

font-weight:700;

}

@media(max-width:992px){

.gbb-highlights-grid{

grid-template-columns:1fr;

gap:40px;

}

}

@media(max-width:768px){

.gbb-highlights{

padding:70px 18px;

}

.gbb-highlights-right{

gap:12px;

}

.gbb-highlight{

padding:16px 18px 16px 48px;

}

}    
    
    
  
    
/*=========================================
Potential Benefits
==========================================*/

.gbb-benefits{

padding:90px 20px;

background:#ffffff;

}

.gbb-benefits .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-benefits-head{

max-width:760px;

margin:0 auto 55px;

text-align:center;

}

.gbb-benefits-head h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 22px;

line-height:1.15;

}

.gbb-benefits-head p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

}

.gbb-benefits-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:22px;

margin-bottom:45px;

}

.gbb-benefit-card{

padding:28px;

background:#fff;

border:1px solid var(--border);

border-radius:20px;

transition:.3s;

box-shadow:0 12px 35px rgba(15,23,42,.04);

}

.gbb-benefit-card:hover{

transform:translateY(-5px);

box-shadow:0 20px 45px rgba(15,23,42,.08);

}

.gbb-benefit-card h3{

font-size:21px;

margin-bottom:12px;

color:var(--text);

}

.gbb-benefit-card p{

font-size:16px;

line-height:1.8;

color:var(--text-light);

}

.gbb-benefits-note{

padding:28px 32px;

background:#f8fafc;

border-left:4px solid var(--primary);

border-radius:16px;

}

.gbb-benefits-note strong{

display:block;

margin-bottom:12px;

font-size:18px;

color:var(--text);

}

.gbb-benefits-note p{

font-size:16px;

line-height:1.8;

color:var(--text-light);

margin:0;

}

@media(max-width:768px){

.gbb-benefits{

padding:70px 18px;

}

.gbb-benefits-grid{

grid-template-columns:1fr;

}

.gbb-benefit-card{

padding:22px;

}

.gbb-benefits-note{

padding:22px;

}

}    
    
    
   
    
    
/*=========================================
Pros & Cons
==========================================*/

.gbb-pros-cons{

padding:90px 20px;

background:#f8fafc;

}

.gbb-pros-cons .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-pros-cons h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

text-align:center;

margin-bottom:50px;

}

.gbb-pc-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:28px;

}

.gbb-pc-card{

background:#fff;

border:1px solid var(--border);

border-radius:24px;

padding:34px;

box-shadow:0 15px 40px rgba(15,23,42,.05);

}

.gbb-pc-header{

display:flex;

align-items:center;

gap:14px;

margin-bottom:28px;

}

.gbb-pc-icon{

width:42px;

height:42px;

border-radius:50%;

display:flex;

align-items:center;

justify-content:center;

font-size:22px;

font-weight:700;

}

.gbb-pros .gbb-pc-icon{

background:#ecfdf5;

color:#16a34a;

}

.gbb-cons .gbb-pc-icon{

background:#fef2f2;

color:#dc2626;

}

.gbb-pc-header h3{

font-size:24px;

margin:0;

}

.gbb-pc-card ul{

list-style:none;

padding:0;

margin:0;

display:grid;

gap:18px;

}

.gbb-pc-card li{

position:relative;

padding-left:28px;

line-height:1.8;

color:var(--text-light);

}

.gbb-pros li::before{

content:"✓";

position:absolute;

left:0;

color:#16a34a;

font-weight:700;

}

.gbb-cons li::before{

content:"–";

position:absolute;

left:0;

color:#dc2626;

font-weight:700;

font-size:20px;

}

@media(max-width:768px){

.gbb-pros-cons{

padding:70px 18px;

}

.gbb-pc-grid{

grid-template-columns:1fr;

}

.gbb-pc-card{

padding:24px;

}

}    
    
    
/*=========================================
Reviews & Complaints
==========================================*/

.gbb-reviews{

padding:90px 20px;

background:#fff;

}

.gbb-reviews .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-reviews-header{

max-width:760px;

margin:0 auto 55px;

text-align:center;

}

.gbb-reviews-header h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 22px;

}

.gbb-reviews-header p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

}

.gbb-review-grid{

display:grid;

grid-template-columns:repeat(2,1fr);

gap:24px;

margin-bottom:40px;

}

.gbb-review-card{

background:#fff;

border:1px solid var(--border);

border-radius:22px;

padding:30px;

box-shadow:0 15px 40px rgba(15,23,42,.05);

}

.gbb-review-card h3{

font-size:22px;

margin-bottom:20px;

color:var(--text);

}

.gbb-review-card ul{

list-style:none;

padding:0;

margin:0;

display:grid;

gap:16px;

}

.gbb-review-card li{

position:relative;

padding-left:28px;

line-height:1.8;

color:var(--text-light);

}

.gbb-review-card li::before{

content:"•";

position:absolute;

left:0;

color:var(--primary);

font-size:22px;

line-height:1;

}

.gbb-review-note{

background:#f8fafc;

border-left:4px solid var(--primary);

padding:28px 32px;

border-radius:18px;

}

.gbb-review-note strong{

display:block;

margin-bottom:12px;

font-size:18px;

}

.gbb-review-note p{

margin:0;

font-size:16px;

line-height:1.8;

color:var(--text-light);

}

@media(max-width:768px){

.gbb-reviews{

padding:70px 18px;

}

.gbb-review-grid{

grid-template-columns:1fr;

}

.gbb-review-card{

padding:22px;

}

.gbb-review-note{

padding:22px;

}

} 
    
    
    
    
    
    
    /*=========================================
Safety Considerations
==========================================*/

.gbb-safety{

padding:90px 20px;

background:#f8fafc;

}

.gbb-safety .gbb-container{

max-width:1000px;

margin:auto;

}

.gbb-safety-box{

display:flex;

gap:28px;

align-items:flex-start;

padding:38px;

background:#ffffff;

border:1px solid var(--border);

border-radius:24px;

box-shadow:0 18px 45px rgba(15,23,42,.05);

}

.gbb-safety-icon{

width:64px;

height:64px;

flex-shrink:0;

display:flex;

align-items:center;

justify-content:center;

border-radius:50%;

background:#eff6ff;

color:var(--primary);

}

.gbb-safety-content span{

display:inline-block;

margin-bottom:14px;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:var(--primary);

}

.gbb-safety-content h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin-bottom:22px;

line-height:1.15;

color:var(--text);

}

.gbb-safety-content p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:18px;

}

.gbb-safety-content p:last-child{

margin-bottom:0;

}

@media(max-width:768px){

.gbb-safety{

padding:70px 18px;

}

.gbb-safety-box{

flex-direction:column;

padding:26px;

gap:20px;

}

.gbb-safety-icon{

width:56px;

height:56px;

}

.gbb-safety-content p{

font-size:17px;

}

}
    

    
    
/*=========================================
Pricing
==========================================*/

.gbb-pricing{

padding:90px 20px;

background:#ffffff;

}

.gbb-pricing .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-pricing-grid{

display:grid;

grid-template-columns:1fr 380px;

gap:60px;

align-items:center;

}

.gbb-pricing-content h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 24px;

line-height:1.15;

}

.gbb-pricing-content p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:22px;

}

.gbb-buy-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 30px;

margin-top:10px;

background:var(--primary);

color:#fff;

text-decoration:none;

font-weight:700;

border-radius:14px;

transition:.3s;

}

.gbb-buy-btn:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.gbb-buy-card{

background:#f8fafc;

border:1px solid var(--border);

border-radius:24px;

padding:32px;

}

.gbb-buy-card h3{

font-size:22px;

margin-bottom:22px;

}

.gbb-buy-row{

display:flex;

justify-content:space-between;

gap:20px;

padding:16px 0;

border-bottom:1px solid var(--border);

}

.gbb-buy-row:last-child{

border-bottom:none;

}

.gbb-buy-row span{

font-weight:600;

color:#64748b;

}

.gbb-buy-row strong{

text-align:right;

color:var(--text);

}

@media(max-width:992px){

.gbb-pricing-grid{

grid-template-columns:1fr;

gap:40px;

}

}

@media(max-width:768px){

.gbb-pricing{

padding:70px 18px;

}

.gbb-buy-card{

padding:24px;

}

.gbb-buy-row{

flex-direction:column;

gap:6px;

}

.gbb-buy-row strong{

text-align:left;

}

}    
    
    
    
    
/*=========================================
Final Verdict
==========================================*/

.gbb-verdict{

padding:90px 20px;

background:#f8fafc;

}

.gbb-verdict .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-verdict-grid{

display:grid;

grid-template-columns:1fr 380px;

gap:60px;

align-items:start;

}

.gbb-verdict-content h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0 24px;

line-height:1.15;

}

.gbb-verdict-content p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

margin-bottom:22px;

}

.gbb-verdict-btn{

display:inline-flex;

align-items:center;

justify-content:center;

padding:16px 32px;

margin-top:12px;

background:var(--primary);

color:#fff;

text-decoration:none;

font-weight:700;

border-radius:14px;

transition:.3s;

}

.gbb-verdict-btn:hover{

background:var(--primary-dark);

transform:translateY(-2px);

}

.gbb-verdict-card{

background:#fff;

border:1px solid var(--border);

border-radius:24px;

padding:32px;

box-shadow:0 18px 45px rgba(15,23,42,.05);

position:sticky;

top:30px;

}

.gbb-verdict-card span{

display:inline-block;

margin-bottom:16px;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:var(--primary);

}

.gbb-verdict-card h3{

font-size:24px;

line-height:1.5;

margin-bottom:18px;

color:var(--text);

}

.gbb-verdict-card p{

font-size:16px;

line-height:1.8;

color:var(--text-light);

margin:0;

}

@media(max-width:992px){

.gbb-verdict-grid{

grid-template-columns:1fr;

gap:40px;

}

.gbb-verdict-card{

position:static;

}

}

@media(max-width:768px){

.gbb-verdict{

padding:70px 18px;

}

.gbb-verdict-card{

padding:24px;

}

.gbb-verdict-content p{

font-size:17px;

}

}    
    
 
    
/*=========================================
FAQs
==========================================*/

.gbb-faq{

padding:90px 20px;

background:#ffffff;

}

.gbb-faq .gbb-container{

max-width:900px;

margin:auto;

}

.gbb-faq-head{

text-align:center;

margin-bottom:50px;

}

.gbb-faq-head h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0;

line-height:1.15;

color:var(--text);

}

.gbb-faq-head p{

font-size:18px;

line-height:1.9;

color:var(--text-light);

max-width:650px;

margin:auto;

}

.gbb-faq-list{

display:grid;

gap:16px;

}

.gbb-faq-list details{

background:#fff;

border:1px solid var(--border);

border-radius:18px;

padding:0;

overflow:hidden;

box-shadow:0 12px 35px rgba(15,23,42,.04);

transition:.3s;

}

.gbb-faq-list details[open]{

box-shadow:0 18px 45px rgba(15,23,42,.08);

}

.gbb-faq-list summary{

list-style:none;

cursor:pointer;

padding:22px 26px;

font-size:18px;

font-weight:700;

color:var(--text);

position:relative;

padding-right:60px;

}

.gbb-faq-list summary::-webkit-details-marker{

display:none;

}

.gbb-faq-list summary::after{

content:"+";

position:absolute;

right:24px;

top:50%;

transform:translateY(-50%);

font-size:24px;

font-weight:400;

color:var(--primary);

transition:.3s;

}

.gbb-faq-list details[open] summary::after{

content:"−";

}

.gbb-faq-list p{

padding:0 26px 24px;

font-size:17px;

line-height:1.9;

color:var(--text-light);

}

@media(max-width:768px){

.gbb-faq{

padding:70px 18px;

}

.gbb-faq-head{

margin-bottom:35px;

}

.gbb-faq-list summary{

font-size:17px;

padding:20px;

padding-right:52px;

}

.gbb-faq-list summary::after{

right:20px;

}

.gbb-faq-list p{

padding:0 20px 20px;

font-size:16px;

}

} 
    
    
/*=========================================
Related Guides
==========================================*/

.gbb-related{

padding:90px 20px;

background:#f8fafc;

}

.gbb-related .gbb-container{

max-width:1100px;

margin:auto;

}

.gbb-related-head{

text-align:center;

max-width:700px;

margin:0 auto 50px;

}

.gbb-related-head h2{

font-family:'Newsreader',serif;

font-size:clamp(2rem,4vw,3rem);

margin:18px 0;

}

.gbb-related-head p{

font-size:18px;

line-height:1.8;

color:var(--text-light);

}

.gbb-related-list{

display:flex;

flex-direction:column;

gap:18px;

}

.gbb-related-item{

display:flex;

justify-content:space-between;

align-items:center;

gap:30px;

padding:28px 30px;

background:#fff;

border:1px solid var(--border);

border-radius:22px;

text-decoration:none;

transition:.3s;

}

.gbb-related-item:hover{

transform:translateX(8px);

box-shadow:0 18px 45px rgba(15,23,42,.08);

}

.gbb-related-item h3{

font-size:22px;

margin-bottom:10px;

color:var(--text);

}

.gbb-related-item p{

margin:0;

font-size:16px;

line-height:1.8;

color:var(--text-light);

max-width:650px;

}

.gbb-related-item span{

font-weight:700;

color:var(--primary);

white-space:nowrap;

}

@media(max-width:768px){

.gbb-related{

padding:70px 18px;

}

.gbb-related-item{

flex-direction:column;

align-items:flex-start;

padding:22px;

}

}  
    
    
/*=========================================
Editorial Disclaimer
==========================================*/

.gbb-disclaimer{

padding:70px 20px;

background:#ffffff;

}

.gbb-disclaimer .gbb-container{

max-width:1100px;

margin:auto;

}

.gbb-disclaimer-box{

padding:32px 36px;

background:#f8fafc;

border:1px solid var(--border);

border-radius:22px;

}

.gbb-disclaimer-box span{

display:block;

margin-bottom:16px;

font-size:13px;

font-weight:700;

letter-spacing:.08em;

text-transform:uppercase;

color:var(--primary);

}

.gbb-disclaimer-box p{

margin:0;

font-size:16px;

line-height:1.9;

color:var(--text-light);

}

@media(max-width:768px){

.gbb-disclaimer{

padding:60px 18px;

}

.gbb-disclaimer-box{

padding:24px;

}

.gbb-disclaimer-box p{

font-size:15px;

}

}
    
    
    
/*=========================================
Footer
==========================================*/

.gbb-footer{

background:#0f172a;

padding:70px 20px 25px;

color:#cbd5e1;

}

.gbb-footer .gbb-container{

max-width:1200px;

margin:auto;

}

.gbb-footer-grid{

display:grid;

grid-template-columns:1.5fr 1fr;

gap:80px;

padding-bottom:45px;

border-bottom:1px solid rgba(255,255,255,.08);

}

.gbb-footer-brand h3{

font-family:'Newsreader',serif;

font-size:38px;

margin-bottom:18px;

color:#ffffff;

}

.gbb-footer-brand p{

max-width:420px;

font-size:16px;

line-height:1.9;

color:#94a3b8;

}

.gbb-footer-links h4{

font-size:20px;

margin-bottom:20px;

color:#ffffff;

}

.gbb-footer-links ul{

list-style:none;

padding:0;

margin:0;

display:grid;

gap:14px;

}

.gbb-footer-links a{

color:#94a3b8;

text-decoration:none;

transition:.3s;

}

.gbb-footer-links a:hover{

color:#ffffff;

padding-left:6px;

}

.gbb-footer-bottom{

padding-top:25px;

text-align:center;

}

.gbb-footer-bottom p{

margin:0;

font-size:15px;

color:#64748b;

}

@media(max-width:768px){

.gbb-footer{

padding:55px 18px 20px;

}

.gbb-footer-grid{

grid-template-columns:1fr;

gap:40px;

}

.gbb-footer-brand h3{

font-size:32px;

}

}  
    
/*=========================================
Header
==========================================*/

.gbb-header{

position:sticky;

top:0;

z-index:999;

background:#ffffff;

border-bottom:1px solid #e2e8f0;

backdrop-filter:blur(10px);

}

.gbb-header .gbb-container{

max-width:1200px;

margin:auto;

padding:0 20px;

height:82px;

display:flex;

align-items:center;

}

.gbb-logo{

font-family:'Newsreader',serif;

font-size:40px;

font-weight:700;

letter-spacing:-1px;

color:#0f172a;

text-decoration:none;

transition:.3s;

}

.gbb-logo:hover{

color:#2563eb;

}

@media(max-width:768px){

.gbb-header .gbb-container{

height:72px;

padding:0 18px;

}

.gbb-logo{

font-size:34px;

}

}