.license-details-hero{

display:flex;

align-items:center;

justify-content:space-between;

padding:100px 8%;

background:#f8fafc;

gap:50px;

}

.details-left{

flex:1;

}

.product-type{

background:#e9f1ff;

color:#0d47a1;

padding:8px 16px;

border-radius:30px;

font-weight:600;

}

.details-left h1{

font-size:60px;

margin:25px 0;

}

.details-left p{

font-size:18px;

line-height:1.8;

color:#666;

}

.hero-buttons{

margin-top:35px;

display:flex;

gap:15px;

}

.btn-primary{

background:#0d47a1;

padding:14px 28px;

color:white;

text-decoration:none;

border-radius:10px;

}

.btn-secondary{

border:1px solid #ccc;

padding:14px 28px;

border-radius:10px;

text-decoration:none;

color:#222;

}


.details-right{

flex:1;

}

.details-right img{

width:100%;

border-radius:20px;

box-shadow:
0 10px 35px rgba(0,0,0,.1);

}



/* screenshots */

.screenshots{

padding:90px 8%;

}

.screenshot-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(min(100%,250px),1fr));

gap:25px;

margin-top:40px;

}

.shot img{

width:100%;

border-radius:20px;

}



/* features */

.features-section{

padding:90px 8%;

background:#f4f7fb;

}

.features-grid{

display:grid;

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

gap:25px;

margin-top:40px;

}

.feature-card{

background:white;

padding:30px;

border-radius:18px;

font-size:18px;

font-weight:600;

box-shadow:
0 4px 20px rgba(0,0,0,.05);

}



/* pricing */

.pricing{

padding:100px 8%;

}

.plan-grid{

display:grid;

grid-template-columns:
repeat(auto-fit,minmax(min(100%,300px),1fr));

gap:30px;

margin-top:50px;

}

.plan{

background:white;

padding:40px;

border-radius:25px;

box-shadow:
0 10px 30px rgba(0,0,0,.08);

text-align:center;

position:relative;

}

.featured-plan{

border:3px solid #0d47a1;

}

.featured-plan span{

position:absolute;

top:-12px;

left:50%;

transform:translateX(-50%);

background:#0d47a1;

color:white;

padding:7px 20px;

border-radius:20px;

}

.plan h1{

margin:20px 0;

font-size:55px;

color:#0d47a1;

}

.plan ul{

list-style:none;

margin:30px 0;

}

.plan li{

margin-bottom:12px;

}

.plan a{

display:block;

background:#0d47a1;

padding:14px;

color:white;

text-decoration:none;

border-radius:12px;

}

@media(max-width:960px){

.license-details-hero{

flex-direction:column;

align-items:flex-start;

padding:72px 6%;

}

.details-left,
.details-right{

width:100%;

}

.details-left h1{

font-size:44px;

}

.features-grid{

grid-template-columns:1fr 1fr;

}

.screenshots,
.features-section,
.pricing{

padding:70px 6%;

}

}

@media(max-width:620px){

.license-details-hero{

padding:58px 6%;

gap:34px;

}

.details-left h1{

font-size:34px;

}

.details-left p{

font-size:16px;

}

.hero-buttons{

flex-direction:column;

}

.btn-primary,
.btn-secondary{

text-align:center;

}

.features-grid{

grid-template-columns:1fr;

}

.screenshots,
.features-section,
.pricing{

padding:56px 6%;

}

.plan{

padding:30px 24px;

}

.plan h1{

font-size:40px;

}

}

/* Refined StudyPack artwork, actions and package comparison on all screens */
.btn-primary,.btn-secondary{border:2px solid #0d47a1;font-weight:700;transition:transform .2s ease,box-shadow .2s ease;}
.btn-secondary{color:#0d47a1;background:white;}
.btn-primary:hover,.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,71,161,.18);}
.details-right{min-height:clamp(280px,38vw,500px);display:flex;align-items:center;justify-content:center;padding:28px;border-radius:24px;background:linear-gradient(145deg,#fff,#e9f1ff);}
.details-right img{width:100%;height:100%;max-height:440px;object-fit:contain;}
.package-section{padding:90px 8%;background:#fff;scroll-margin-top:30px;}
.package-heading{max-width:760px;margin:0 auto 42px;text-align:center;}
.section-kicker,.package-label{color:#0d47a1;font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;}
.package-heading h2{font-size:clamp(32px,5vw,48px);margin:10px 0 14px;}
.package-heading p,.package-card-heading p{color:#5f6b7a;line-height:1.7;}
.package-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;max-width:1100px;margin:auto;}
.package-card{position:relative;display:flex;flex-direction:column;padding:38px;border:1px solid #dce6f5;border-radius:24px;background:#fff;box-shadow:0 12px 35px rgba(13,71,161,.08);}
.package-school{border:2px solid #0d47a1;background:linear-gradient(180deg,#f7faff,#fff);}
.recommended-badge{position:absolute;top:-14px;right:24px;padding:8px 15px;border-radius:999px;background:#0d47a1;color:#fff;font-size:12px;font-weight:800;text-transform:uppercase;}
.package-card h3{font-size:30px;margin:10px 0;}
.package-price{margin:0 0 10px;color:#0d47a1!important;font-size:30px;font-weight:800;}
.package-contact-price{font-size:23px;}
.package-features{list-style:none;padding:0;margin:24px 0 30px;}
.package-features li{position:relative;padding:9px 0 9px 28px;color:#344054;}
.package-features li::before{content:'\2713';position:absolute;left:0;color:#17823b;font-weight:900;}
.package-action{display:block;margin-top:auto;padding:14px 20px;border:2px solid #0d47a1;border-radius:12px;text-align:center;text-decoration:none;font-weight:800;transition:transform .2s ease,box-shadow .2s ease;}
.package-action:hover{transform:translateY(-2px);box-shadow:0 10px 22px rgba(13,71,161,.16);}
.package-action-primary{background:#0d47a1;color:white;}
.package-action-outline{background:white;color:#0d47a1;}
@media(max-width:960px){.package-section{padding:70px 6%;}}
@media(max-width:620px){.package-section{padding:56px 6%;}.package-grid{grid-template-columns:1fr;}.package-card{padding:30px 24px;}.details-right{min-height:260px;padding:18px;}}

/* Responsive content layout for licence detail pages */
.license-details-hero{max-width:1440px;margin:auto;align-items:stretch;}
.details-left{min-width:0;display:flex;flex-direction:column;justify-content:center;}
.details-left h1{overflow-wrap:anywhere;letter-spacing:-.025em;line-height:1.08;}
.details-left p{max-width:68ch;margin:0;overflow-wrap:break-word;}
.details-right{min-width:0;}
.package-heading p{max-width:68ch;margin:0 auto;}
.package-card-heading p,.package-features li{overflow-wrap:break-word;}
.package-card h3{line-height:1.18;}
.screenshots h2,.package-heading h2{line-height:1.15;}
.screenshot-grid{align-items:start;}
.shot{overflow:hidden;border-radius:20px;background:#f4f7fb;}
.shot img{display:block;height:auto;}
@media(max-width:960px){.license-details-hero{gap:32px;}.details-left h1{font-size:clamp(38px,7vw,52px);}.details-left p{font-size:17px;}.package-grid{gap:22px;}.package-card{padding:32px;}}
@media(max-width:620px){.license-details-hero{padding:52px 6%;}.details-left h1{font-size:clamp(32px,10vw,42px);margin:20px 0;}.details-left p{font-size:16px;line-height:1.7;}.hero-buttons{margin-top:28px;}.package-heading h2{font-size:32px;}.package-card h3{font-size:26px;}.package-features{margin:20px 0 26px;}.package-features li{padding-top:8px;padding-bottom:8px;}.screenshots{padding:58px 6%;}.screenshot-grid{grid-template-columns:1fr;gap:18px;}}