/* =========================================================
   BREAKTHROUGH — REGGAETON KALLITHEA
   ========================================================= */

.btr-page{background:#050506;color:#fff;overflow:hidden}
.btr-shell{width:min(calc(100% - 40px),1280px);margin-inline:auto}

/* HERO */
.btr-hero{
	position:relative;
	min-height:720px;
	padding:150px 0 0;
	display:flex;
	flex-direction:column;
	justify-content:flex-end;
	isolation:isolate;
}
.btr-hero__media{position:absolute;inset:0;z-index:-3;overflow:hidden;background:#050506}
.btr-hero__media video{
	width:100%;height:100%;object-fit:cover;
	filter:saturate(.85) contrast(1.08) brightness(.47)
}
.btr-hero__shade{
	position:absolute;inset:0;
	background:
		linear-gradient(90deg,rgba(3,4,5,.96),rgba(3,4,5,.70) 50%,rgba(3,4,5,.2)),
		linear-gradient(0deg,rgba(3,4,5,.95),transparent 58%)
}
.btr-hero__gridfx{
	position:absolute;inset:0;
	background:
		radial-gradient(circle at 82% 26%,rgba(255,77,196,.12),transparent 22%),
		radial-gradient(circle at 72% 70%,rgba(221,255,49,.08),transparent 24%);
}
.btr-hero__grid{
	display:grid;
	grid-template-columns:minmax(0,1fr) minmax(330px,.58fr);
	gap:70px;
	align-items:center;
	padding-bottom:55px
}
.btr-breadcrumb{
	margin-bottom:20px;font-size:9px;font-weight:900;
	letter-spacing:.13em;color:#91959d
}
.btr-breadcrumb a{color:#d0d2d7}
.btr-breadcrumb span{margin-right:8px}
.btr-kicker{
	margin:0 0 14px;font-size:9px;font-weight:900;
	letter-spacing:.2em;color:#b7bac2
}
.btr-kicker:before{
	content:"";display:inline-block;width:48px;height:2px;
	margin-right:12px;vertical-align:middle;
	background:linear-gradient(90deg,var(--bt-hot),var(--bt-acid))
}
.btr-hero h1{
	margin:0;font-family:var(--bt-display);
	font-size:clamp(5.7rem,10.5vw,10.5rem);
	line-height:.76;letter-spacing:-.04em
}
.btr-hero h1 span{
	display:block;color:transparent;
	-webkit-text-stroke:2px var(--bt-acid);
	text-shadow:0 0 28px rgba(221,255,49,.13)
}
.btr-hero__lead{
	max-width:700px;margin:26px 0 0;
	color:#c2c5cc;font-size:16px;line-height:1.7
}
.btr-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:28px}
.btr-hero__visual{position:relative;min-height:470px}
.btr-shot{position:absolute;margin:0;overflow:hidden;background:#111;border:1px solid rgba(255,255,255,.14)}
.btr-shot img{width:100%;height:100%;object-fit:cover}
.btr-shot figcaption{
	position:absolute;left:12px;bottom:12px;padding:8px 11px;
	border-radius:999px;background:rgba(5,5,6,.72);
	border:1px solid rgba(255,255,255,.13);font-size:8px;font-weight:900;letter-spacing:.13em
}
.btr-shot--main{inset:20px 50px 0 0;border-radius:26px;transform:rotate(-2deg)}
.btr-badge{
	position:absolute;right:0;top:0;width:118px;aspect-ratio:1;border-radius:50%;
	display:grid;place-content:center;text-align:center;background:var(--bt-acid);color:#050505;
	border:8px solid rgba(5,5,6,.88);transform:rotate(8deg)
}
.btr-badge span{font-size:8px;font-weight:900;letter-spacing:.12em}
.btr-badge strong{font-family:var(--bt-display);font-size:24px;line-height:1}
.btr-hero__strip{
	display:grid;grid-template-columns:repeat(4,1fr);
	border-top:1px solid rgba(255,255,255,.13);
	background:rgba(5,5,6,.56);backdrop-filter:blur(12px)
}
.btr-hero__strip div{
	padding:15px 18px;text-align:center;border-right:1px solid rgba(255,255,255,.12);
	font-size:9px;font-weight:900;letter-spacing:.12em
}
.btr-hero__strip div:last-child{border-right:0}

/* TRAINING */
.btr-training{padding:108px 0;background:#08090b}
.btr-section-head{
	display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.5fr);
	gap:70px;align-items:end;margin-bottom:46px
}
.btr-section-head>div>span,
.btr-visual-copy>span,
.btr-seo__title>span,
.btr-faq>div>div>span,
.btr-related>.btr-shell>span{
	display:block;margin-bottom:15px;
	font-size:9px;font-weight:900;letter-spacing:.2em;color:#7f838b
}
.btr-section-head h2,
.btr-visual-copy h2,
.btr-seo__title h2,
.btr-faq h2,
.btr-related h2{
	margin:0;font-family:var(--bt-display);
	font-size:clamp(3.8rem,6.5vw,6.8rem);
	line-height:.88;letter-spacing:-.03em
}
.btr-section-head>p{margin:0 0 8px;color:#afb3bb;font-size:14px;line-height:1.7}
.btr-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.btr-feature{
	padding:24px;min-height:220px;border:1px solid rgba(255,255,255,.13);
	border-radius:22px;background:rgba(255,255,255,.025)
}
.btr-feature>span{color:var(--bt-hot);font-size:9px;font-weight:900}
.btr-feature h3{margin:34px 0 8px;font-size:22px}
.btr-feature p{margin:0;color:#aeb2ba;font-size:13px;line-height:1.65}

/* VISUAL */
.btr-visual-section{padding:108px 0;background:#f2f0e8;color:#0b0c0e}
.btr-visual-grid{
	display:grid;grid-template-columns:minmax(0,.75fr) minmax(360px,.9fr);
	gap:80px;align-items:center
}
.btr-visual-copy p{max-width:620px;color:#535760;font-size:16px;line-height:1.75}
.btr-photo-stack{position:relative;min-height:560px}
.btr-photo{position:absolute;margin:0;overflow:hidden;border-radius:26px;box-shadow:0 24px 65px rgba(0,0,0,.14)}
.btr-photo img{width:100%;height:100%;object-fit:cover}
.btr-photo--a{inset:0 70px 40px 0}
.btr-photo--b{width:46%;aspect-ratio:4/5;right:0;bottom:0;border:7px solid #f2f0e8}

/* SEO */
.btr-seo{padding:104px 0;background:#0a0c0f}
.btr-seo__grid{
	display:grid;grid-template-columns:minmax(300px,.55fr) minmax(0,1fr);
	gap:82px;align-items:start
}
.btr-seo__title{position:sticky;top:110px}
.btr-editor-content{max-width:760px;min-width:0}
.btr-editor-content h2{
	margin:40px 0 15px;font-family:var(--bt-display);
	font-size:clamp(2.7rem,4.5vw,4.5rem);line-height:.94;text-transform:uppercase
}
.btr-editor-content h2:first-child{margin-top:0}
.btr-editor-content p{margin:0 0 18px;color:#b7bbc3;font-size:15px;line-height:1.78}
.btr-editor-content a{color:#fff;font-weight:800;text-decoration:underline;text-underline-offset:3px}
.btr-editor-content img{
	display:block;width:100%;height:auto;max-height:360px;object-fit:cover;
	margin:28px 0;border-radius:20px
}

/* FAQ */
.btr-faq{padding:100px 0;background:#060607}
.btr-faq__grid{
	display:grid;grid-template-columns:minmax(280px,.5fr) minmax(0,1fr);
	gap:80px
}
.btr-faq__list{border-top:1px solid rgba(255,255,255,.14)}
.btr-faq details{border-bottom:1px solid rgba(255,255,255,.14)}
.btr-faq summary{cursor:pointer;padding:22px 0;font-weight:800;list-style:none}
.btr-faq summary::-webkit-details-marker{display:none}
.btr-faq details p{margin:0;padding:0 0 22px;color:#aeb2ba;max-width:650px}

/* RELATED */
.btr-related{padding:94px 0;background:#0c0e11}
.btr-related__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:34px}
.btr-related__grid a{
	padding:24px;border-radius:20px;border:1px solid rgba(255,255,255,.13);
	background:#111318;transition:.25s ease
}
.btr-related__grid a:hover{transform:translateY(-3px);border-color:rgba(221,255,49,.42)}
.btr-related__grid small{display:block;color:#838790;font-size:8px;letter-spacing:.14em}
.btr-related__grid strong{display:block;margin-top:9px;font-family:var(--bt-display);font-size:34px;line-height:1}

/* CTA */
.btr-cta{
	padding:118px 0;background:
	radial-gradient(circle at 84% 10%,rgba(255,77,196,.12),transparent 24%),
	radial-gradient(circle at 75% 18%,rgba(221,255,49,.1),transparent 22%),
	linear-gradient(135deg,#08090b,#12151b)
}
.btr-cta>div>p:first-child{
	font-size:10px;font-weight:900;letter-spacing:.18em;color:#93979e
}
.btr-cta h2{
	margin:0;font-family:var(--bt-display);
	font-size:clamp(5rem,10vw,10.5rem);line-height:.76;letter-spacing:-.04em
}
.btr-cta h2 span{color:transparent;-webkit-text-stroke:2px var(--bt-acid)}

@media(max-width:960px){
	.btr-hero__grid,
	.btr-section-head,
	.btr-visual-grid,
	.btr-seo__grid,
	.btr-faq__grid{grid-template-columns:1fr;gap:42px}
	.btr-hero__visual{display:none}
	.btr-seo__title{position:relative;top:auto}
	.btr-feature-grid{grid-template-columns:1fr 1fr}
}

@media(max-width:760px){
	.btr-shell{width:calc(100% - 24px)}
	.btr-hero{min-height:auto;padding-top:86px}
	.admin-bar .btr-hero{padding-top:132px}
	.btr-hero__grid{padding-bottom:36px}
	.btr-breadcrumb{margin-bottom:15px}
	.btr-kicker{font-size:7.5px;margin-bottom:10px}
	.btr-kicker:before{width:34px}
	.btr-hero h1{font-size:clamp(4.2rem,20vw,5.9rem);line-height:.78}
	.btr-hero h1 span{-webkit-text-stroke:1.3px var(--bt-acid)}
	.btr-hero__lead{margin-top:19px;font-size:13.5px;line-height:1.62}
	.btr-actions{flex-direction:column;align-items:flex-start;gap:15px;margin-top:21px}
	.btr-hero__strip{display:flex;overflow-x:auto}
	.btr-hero__strip div{flex:0 0 auto;min-width:145px;padding:12px 10px;font-size:7px}

	.btr-training,
	.btr-visual-section,
	.btr-seo,
	.btr-faq,
	.btr-related{padding:74px 0}

	.btr-section-head h2,
	.btr-visual-copy h2,
	.btr-seo__title h2,
	.btr-faq h2,
	.btr-related h2{
		font-size:clamp(3.2rem,15vw,4.7rem)
	}
	.btr-section-head{margin-bottom:28px}
	.btr-section-head>p{font-size:13.5px}
	.btr-feature-grid{grid-template-columns:1fr;gap:10px}
	.btr-feature{min-height:0;padding:20px}
	.btr-feature h3{margin-top:22px}

	.btr-photo-stack{min-height:420px}
	.btr-photo--a{inset:0 32px 30px 0}
	.btr-photo--b{width:44%}

	.btr-seo__grid{gap:28px}
	.btr-editor-content h2{margin-top:34px;font-size:clamp(2.7rem,13vw,4rem)}
	.btr-editor-content p{font-size:14px;line-height:1.7}
	.btr-editor-content img{max-height:260px;border-radius:17px}

	.btr-faq__grid{gap:28px}
	.btr-faq summary{font-size:14px}
	.btr-faq details p{font-size:13.5px}

	.btr-related__grid{grid-template-columns:1fr}
	.btr-related__grid strong{font-size:30px}

	.btr-cta{padding:86px 0 102px}
	.btr-cta h2{font-size:clamp(4.2rem,18vw,5.8rem)}
	.btr-cta h2 span{-webkit-text-stroke:1.3px var(--bt-acid)}
}