/**
 * Rising Momentum — Complete Pack (1st Year Bac) landing page.
 * Structurally modeled on the Smart English Worksheets Complete Pack
 * page (same pattern as the Common Core pack page), with a genuinely
 * distinct deep teal-to-plum gradient identity built from the confirmed
 * 1st Bac palette: 006466, 1b3a4b, 212f45, 272640, 312244, 3e1f47, 4d194d.
 * Loaded only on page-first-bac-pack.php.
 *
 * @package MyTeacher_Child
 */

.mtrm-page{
	--c-vocab:#006466;      --c-vocab-tint:#cce0e0;
	--c-grammar:#1c384a;    --c-grammar-tint:#d2d7db;
	--c-functions:#232b43;  --c-functions-tint:#d3d5d9;
	--c-reading:#2d2442;    --c-reading-tint:#d5d3d9;
	--c-writing:#3b2046;    --c-writing-tint:#d8d2da;
	--c-review:#4d194d;     --c-review-tint:#dbd1db;
	--mtrm-ink:#2a2530;
	--mtrm-ink-soft:#655f6c;
	--mtrm-heading:#232b43;
	--mtrm-line:#e3e0e6;
	--mtrm-cream:#f8f7fa;
	overflow-x:hidden;
}
.mtrm-wrap{ max-width:1160px; margin:0 auto; padding:0 20px; }
.mtrm-page section{ padding:64px 0; }
.mtrm-page h1,.mtrm-page h2,.mtrm-page h3,.mtrm-page h4{ font-family:var(--mt-display); font-weight:800; letter-spacing:-.02em; }
.mtrm-page p{ line-height:1.6; color:var(--mtrm-ink); }
.mtrm-bg-cream{ background:var(--mtrm-cream); }

/* Protected preview images — CSS background-image on a div, never a
   real <img>, so there's no "save image as" / drag-out / open-in-new-tab. */
.mtrm-shot{
	background-repeat:no-repeat;
	background-position:center top;
	background-size:cover;
	-webkit-user-select:none; user-select:none;
	pointer-events:none;
}
.mtrm-shot-contain{ background-size:contain; background-position:center; }

/* ---------- Hero ---------- */
.mtrm-hero{
	position:relative; overflow:hidden; color:#fff;
	background:
		radial-gradient(circle at 85% 8%, rgba(0,100,102,.35), transparent 45%),
		linear-gradient(122deg, #006466 0%, #1b3a4b 22%, #212f45 40%, #272640 56%, #312244 70%, #3e1f47 85%, #4d194d 100%);
	padding:50px 0 54px;
}
.mtrm-hero::before{
	content:""; position:absolute; inset:0;
	background-image:radial-gradient(circle, rgba(255,255,255,.08) 1.5px, transparent 1.5px);
	background-size:26px 26px; opacity:.5; pointer-events:none;
}
.mtrm-hero-grid{ position:relative; display:grid; grid-template-columns:1.05fr .95fr; gap:44px; align-items:center; }
.mtrm-eyebrow-chip{
	display:inline-flex; align-items:center; gap:8px; background:rgba(255,255,255,.14);
	border:1px solid rgba(255,255,255,.35); padding:8px 16px; border-radius:999px;
	font-family:var(--mt-display); font-weight:700; font-size:.76rem; letter-spacing:.04em;
	text-transform:uppercase; margin-bottom:18px;
}
.mtrm-hero h1{ color:#fff; font-size:clamp(1.9rem,4vw,3.1rem); line-height:1.08; margin:0 0 16px; }
.mtrm-hero h1 em{
	font-style:normal; background:linear-gradient(90deg,#8FE3D6,#FFFFFF 60%);
	-webkit-background-clip:text; background-clip:text; color:transparent;
}
.mtrm-hero-lead{ font-size:1.03rem; color:rgba(255,255,255,.92); max-width:480px; margin-bottom:24px; }
.mtrm-hero-stats{ display:flex; gap:24px; flex-wrap:wrap; margin-bottom:28px; }
.mtrm-hero-stat b{ display:block; font-family:var(--mt-display); font-size:1.4rem; font-weight:800; color:#fff; }
.mtrm-hero-stat span{ font-size:.72rem; color:rgba(255,255,255,.78); font-weight:700; text-transform:uppercase; letter-spacing:.03em; }
.mtrm-hero-cta{ display:flex; gap:14px; flex-wrap:wrap; }

.mtrm-btn{
	font-family:var(--mt-display); font-weight:700; font-size:.92rem; padding:14px 26px; border-radius:999px;
	display:inline-flex; align-items:center; gap:8px; cursor:pointer; border:none;
	transition:transform .15s ease, box-shadow .15s ease;
}
.mtrm-btn:hover{ transform:translateY(-2px); }
.mtrm-btn-primary{ background:#8FE3D6; color:var(--mtrm-heading); box-shadow:0 12px 26px rgba(0,100,102,.35); }
.mtrm-btn-primary:hover{ background:#fff; color:var(--mtrm-heading); }
.mtrm-btn-ghost{ background:rgba(255,255,255,.1); color:#fff; border:1.5px solid rgba(255,255,255,.55); }
.mtrm-btn-ghost:hover{ background:rgba(255,255,255,.2); color:#fff; }

/* Small hero art — capped size, protected divs */
.mtrm-hero-art{ position:relative; display:flex; justify-content:center; align-items:center; min-height:260px; }
.mtrm-hero-cover{
	width:150px; aspect-ratio:650/918; border-radius:12px; box-shadow:var(--mt-shadow-lg);
	transform:rotate(-4deg); position:relative; z-index:3; border:4px solid #fff;
}
.mtrm-hero-fan{
	position:absolute; width:120px; aspect-ratio:650/975; border-radius:10px;
	box-shadow:0 14px 30px rgba(0,0,0,.35); border:3px solid #fff;
}
.mtrm-hero-fan.f1{ transform:rotate(11deg) translate(72px,6px); z-index:2; }
.mtrm-hero-fan.f2{ transform:rotate(-13deg) translate(-70px,10px); z-index:1; }
.mtrm-hero-badge-float{
	position:absolute; top:2%; right:0; background:#fff; color:var(--mtrm-heading); border-radius:14px;
	padding:10px 14px; box-shadow:var(--mt-shadow-lg); font-family:var(--mt-display); font-weight:800;
	font-size:.76rem; text-align:center; z-index:4; line-height:1.3;
}
.mtrm-hero-badge-float b{ display:block; font-size:1.1rem; color:var(--c-vocab); }

@media (max-width:880px){
	.mtrm-hero-grid{ grid-template-columns:1fr; }
	.mtrm-hero-art{ order:-1; min-height:200px; margin-bottom:6px; }
	.mtrm-hero-cover{ width:130px; }
	.mtrm-hero-fan{ width:105px; }
	.mtrm-hero-fan.f1{ transform:rotate(10deg) translate(46px,16px); }
	.mtrm-hero-fan.f2{ transform:rotate(-10deg) translate(-46px,16px); }
}

/* ---------- Signature spectrum bar ---------- */
.mtrm-spectrum{ display:flex; height:8px; width:100%; }
.mtrm-spectrum i{ flex:1; display:block; }
.mtrm-spectrum .s-vocab{ background:var(--c-vocab); }
.mtrm-spectrum .s-grammar{ background:var(--c-grammar); }
.mtrm-spectrum .s-functions{ background:var(--c-functions); }
.mtrm-spectrum .s-reading{ background:var(--c-reading); }
.mtrm-spectrum .s-writing{ background:var(--c-writing); }
.mtrm-spectrum .s-review{ background:var(--c-review); }
.mtrm-spectrum-legend{ display:flex; flex-wrap:wrap; justify-content:center; gap:16px 22px; padding:12px 20px 0; }
.mtrm-spectrum-legend span{
	display:flex; align-items:center; gap:6px; font-family:var(--mt-display); font-weight:700; font-size:.72rem;
	color:var(--mtrm-ink-soft); text-transform:uppercase; letter-spacing:.03em;
}
.mtrm-spectrum-legend i{ width:9px; height:9px; border-radius:50%; display:inline-block; }

/* ---------- Section heads ---------- */
.mtrm-sec-head{ text-align:center; max-width:640px; margin:0 auto 38px; }
.mtrm-sec-eyebrow{
	display:inline-block; font-family:var(--mt-display); font-weight:700; font-size:.75rem;
	text-transform:uppercase; letter-spacing:.05em; color:var(--c-vocab); margin-bottom:10px;
}
.mtrm-sec-head h2{ font-size:clamp(1.4rem,2.6vw,2rem); margin:0 0 12px; color:var(--mtrm-heading); }
.mtrm-sec-head p{ color:var(--mtrm-ink-soft); font-size:.98rem; }

/* ---------- Two systems ---------- */
.mtrm-systems{ display:grid; grid-template-columns:1fr 1fr; gap:22px; }
@media (max-width:760px){ .mtrm-systems{ grid-template-columns:1fr; } }
.mtrm-system-card{
	background:#fff; border-radius:var(--mt-radius); padding:26px; box-shadow:var(--mt-shadow);
	border:1px solid var(--mtrm-line); position:relative; overflow:hidden;
}
.mtrm-system-card::before{ content:""; position:absolute; top:0; left:0; right:0; height:5px; }
.mtrm-system-card.worksheets::before{ background:linear-gradient(90deg,var(--c-vocab),var(--c-grammar),var(--c-functions),var(--c-reading),var(--c-writing),var(--c-review)); }
.mtrm-system-card.plans::before{ background:linear-gradient(90deg,#232b43,#4d194d); }
.mtrm-system-card .mtrm-num{ font-family:var(--mt-display); font-weight:900; font-size:2.5rem; color:var(--mtrm-heading); line-height:1; }
.mtrm-system-card .mtrm-num small{ font-size:1rem; font-weight:700; color:var(--mtrm-ink-soft); margin-left:5px; }
.mtrm-system-card h3{ font-size:1.12rem; margin:6px 0 8px; color:var(--mtrm-heading); }
.mtrm-system-card p{ font-size:.9rem; margin:0 0 14px; }
.mtrm-chip-row{ display:flex; flex-wrap:wrap; gap:7px; }
.mtrm-chip{ font-family:var(--mt-display); font-weight:700; font-size:.72rem; padding:5px 12px; border-radius:999px; }

/* ---------- Lesson type grid ---------- */
.mtrm-type-grid{ display:grid; grid-template-columns:repeat(6,1fr); gap:16px; }
@media (max-width:980px){ .mtrm-type-grid{ grid-template-columns:repeat(3,1fr); } }
@media (max-width:620px){ .mtrm-type-grid{ grid-template-columns:repeat(2,1fr); } }
.mtrm-type-card{
	background:#fff; border-radius:var(--mt-radius); overflow:hidden; box-shadow:var(--mt-shadow);
	border:1px solid var(--mtrm-line); transition:transform .18s ease, box-shadow .18s ease;
}
.mtrm-type-card:hover{ transform:translateY(-4px); box-shadow:var(--mt-shadow-lg); }
.mtrm-type-card .mtrm-shot{ aspect-ratio:650/975; max-height:220px; }
.mtrm-type-card .mtrm-tc-body{ padding:12px 13px 15px; }
.mtrm-tc-tag{
	display:inline-flex; align-items:center; gap:5px; font-family:var(--mt-display); font-weight:800;
	font-size:.72rem; padding:4px 10px; border-radius:999px; margin-bottom:6px;
}
.mtrm-type-card p{ font-size:.78rem; color:var(--mtrm-ink-soft); margin:0; }
.mtrm-tc-vocab .mtrm-tc-tag{ background:var(--c-vocab-tint); color:var(--c-vocab); }
.mtrm-tc-grammar .mtrm-tc-tag{ background:var(--c-grammar-tint); color:var(--c-grammar); }
.mtrm-tc-functions .mtrm-tc-tag{ background:var(--c-functions-tint); color:var(--c-functions); }
.mtrm-tc-reading .mtrm-tc-tag{ background:var(--c-reading-tint); color:var(--c-reading); }
.mtrm-tc-writing .mtrm-tc-tag{ background:var(--c-writing-tint); color:var(--c-writing); }
.mtrm-tc-review .mtrm-tc-tag{ background:var(--c-review-tint); color:var(--c-review); }

/* ---------- Lesson plan showcase (dark) ---------- */
.mtrm-lp-section{ background:var(--mtrm-heading); color:#fff; }
.mtrm-lp-grid{ display:grid; grid-template-columns:.9fr 1.1fr 1.1fr; gap:28px; align-items:center; }
.mtrm-lp-section .mtrm-sec-eyebrow{ color:#8FE3D6; }
.mtrm-lp-section .mtrm-sec-head{ text-align:left; margin:0 0 18px; max-width:100%; }
.mtrm-lp-section h2{ color:#fff; }
.mtrm-lp-shot{
	width:100%; max-width:220px; margin:0 auto; aspect-ratio:850/1100; border-radius:14px;
	box-shadow:0 22px 50px rgba(0,0,0,.4); border:4px solid #fff;
}
.mtrm-lp-flow{ display:flex; flex-wrap:wrap; gap:7px; margin:18px 0 22px; }
.mtrm-lp-flow span{
	background:rgba(255,255,255,.1); border:1px solid rgba(255,255,255,.25); font-family:var(--mt-display);
	font-weight:700; font-size:.7rem; padding:6px 11px; border-radius:999px;
}
.mtrm-lp-flow span.on{ background:#8FE3D6; color:var(--mtrm-heading); border-color:#8FE3D6; }
.mtrm-lp-features{ display:grid; gap:14px; }
.mtrm-lp-feature{ display:flex; gap:12px; align-items:flex-start; }
.mtrm-lp-feature > div:last-child{ flex:1 1 0%; min-width:0; }
.mtrm-lp-feature .mtrm-ic{
	width:34px; height:34px; border-radius:9px; background:rgba(255,255,255,.1); display:flex;
	align-items:center; justify-content:center; font-size:1rem; flex:none; border:1px solid rgba(255,255,255,.2);
}
.mtrm-lp-feature h4{ color:#fff; font-size:.95rem; margin:0 0 3px; }
.mtrm-lp-feature p{ color:rgba(255,255,255,.72); font-size:.85rem; margin:0; }
@media (max-width:980px){ .mtrm-lp-grid{ grid-template-columns:1fr 1fr; } .mtrm-lp-shot.second{ display:none; } }
@media (max-width:640px){ .mtrm-lp-grid{ grid-template-columns:1fr; } .mtrm-lp-section .mtrm-sec-head{ text-align:center; margin:0 auto 18px; } }

/* ---------- Textbook trust ---------- */
.mtrm-trust{ text-align:center; }
.mtrm-trust-books{ display:flex; justify-content:center; gap:16px; flex-wrap:wrap; margin:26px 0 24px; }
.mtrm-book-badge{
	background:#fff; border:2px solid var(--mtrm-line); border-radius:14px; padding:15px 20px;
	display:flex; align-items:center; gap:11px; box-shadow:var(--mt-shadow); min-width:220px;
}
.mtrm-book-badge > div:last-child{ flex:1 1 0%; min-width:0; }
.mtrm-book-badge .mtrm-check{
	width:26px; height:26px; border-radius:50%; background:var(--c-vocab); color:#fff; display:flex;
	align-items:center; justify-content:center; flex:none; font-weight:800; font-size:.85rem;
}
.mtrm-book-badge b{ display:block; font-family:var(--mt-display); font-size:.9rem; color:var(--mtrm-heading); }
.mtrm-book-badge span{ font-size:.72rem; color:var(--mtrm-ink-soft); }
.mtrm-trust-quote{
	max-width:600px; margin:0 auto; font-family:var(--mt-display); font-weight:700; font-size:1.05rem;
	color:var(--mtrm-heading); line-height:1.5;
}
.mtrm-trust-quote span{ color:var(--c-vocab); }

/* ---------- Classroom strip ---------- */
.mtrm-classroom-strip{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.mtrm-cs-item{ text-align:center; padding:6px; }
.mtrm-cs-item .mtrm-cs-ic{ font-size:1.6rem; margin-bottom:8px; }
.mtrm-cs-item h4{ font-size:.98rem; margin:0 0 5px; color:var(--mtrm-heading); }
.mtrm-cs-item p{ color:var(--mtrm-ink-soft); font-size:.85rem; margin:0; }
@media (max-width:760px){ .mtrm-classroom-strip{ grid-template-columns:1fr; } }

/* ---------- Order / final CTA ---------- */
.mtrm-order{
	position:relative; overflow:hidden; color:#fff; text-align:center;
	background:linear-gradient(120deg, #006466 0%, #1b3a4b 20%, #212f45 38%, #272640 54%, #312244 70%, #3e1f47 86%, #4d194d 100%);
	border-radius:26px; padding:52px 26px; margin:0 20px;
}
.mtrm-order h2{ color:#fff; font-size:clamp(1.4rem,3vw,2rem); margin:0 0 12px; }
.mtrm-order > p{ color:rgba(255,255,255,.88); max-width:540px; margin:0 auto 24px; font-size:.98rem; }
.mtrm-order-form-wrap{ max-width:480px; margin:0 auto; text-align:left; }

/* Order form (shared shortcode markup) restyled for the gradient card */
.mtrm-order .mt-order-form{ background:#fff; border-radius:16px; padding:24px; box-shadow:var(--mt-shadow-lg); }
.mtrm-order .mt-order-form label{ font-family:var(--mt-display); font-weight:700; font-size:.82rem; color:var(--mtrm-heading); display:block; margin:12px 0 5px; }
.mtrm-order .mt-order-form input[type="text"],
.mtrm-order .mt-order-form input[type="email"],
.mtrm-order .mt-order-form input[type="tel"],
.mtrm-order .mt-order-form textarea{
	width:100%; padding:10px 12px; border:1.5px solid var(--mtrm-line); border-radius:10px; font-family:var(--mt-sans);
	font-size:.92rem; color:var(--mtrm-heading);
}
.mtrm-order .mt-field-note{ font-size:.76rem; color:var(--mtrm-ink-soft); margin:4px 0 0; }
.mtrm-order .mt-order-format{ border:none; padding:0; margin:16px 0 0; }
.mtrm-order .mt-order-format legend{ font-family:var(--mt-display); font-weight:700; font-size:.82rem; color:var(--mtrm-heading); padding:0 0 6px; }
.mtrm-order .mt-radio{
	display:flex; align-items:center; gap:8px; padding:10px 12px; border:1.5px solid var(--mtrm-line); border-radius:10px;
	margin-bottom:8px; font-size:.86rem; color:var(--mtrm-heading); cursor:pointer;
}
.mtrm-order .mt-radio .mt-price{ margin-left:auto; font-family:var(--mt-display); font-weight:800; color:var(--c-vocab); }
.mtrm-order .mt-order-address{ margin-top:10px; }
.mtrm-order .mt-hp{ position:absolute; left:-9999px; }
.mtrm-order button[type="submit"]{
	width:100%; margin-top:18px; background:#8FE3D6; color:var(--mtrm-heading); border:none; border-radius:999px;
	padding:14px; font-family:var(--mt-display); font-weight:800; font-size:.95rem; cursor:pointer;
}
.mtrm-order button[type="submit"]:hover{ background:#fff; }
.mtrm-order .mt-form-error{ background:#FBE4E0; color:#8A2E1D; padding:10px 14px; border-radius:10px; font-size:.85rem; margin-bottom:12px; }

/* Payment confirmation box, reused inside the gradient card */
.mtrm-order .mt-payment-box{ background:#fff; border-radius:16px; padding:26px; box-shadow:var(--mt-shadow-lg); text-align:left; }
.mtrm-order .mt-payment-check{
	width:44px; height:44px; border-radius:50%; background:var(--c-vocab); color:#fff; display:flex;
	align-items:center; justify-content:center; font-size:1.3rem; margin-bottom:12px;
}
.mtrm-order .mt-payment-box h3{ color:var(--mtrm-heading); margin:0 0 12px; }
.mtrm-order .mt-rib-card{ background:var(--mtrm-cream); border-radius:12px; padding:14px 16px; margin-bottom:12px; }
.mtrm-order .mt-rib-card p{ margin:4px 0; font-size:.88rem; color:var(--mtrm-heading); }
.mtrm-order .mt-payment-instr{ font-size:.88rem; color:var(--mtrm-ink-soft); margin-bottom:16px; }
.mtrm-order .mt-btn.mt-btn-gold{
	display:inline-flex; background:#8FE3D6; color:var(--mtrm-heading); font-family:var(--mt-display); font-weight:800;
	padding:12px 22px; border-radius:999px;
}

.mtrm-back-link{ text-align:center; color:var(--mtrm-ink-soft); font-size:.85rem; margin-top:18px; }
.mtrm-back-link a{ color:var(--c-vocab); font-weight:700; }

.mtrm-footer-note{ text-align:center; padding:24px 20px 0; color:var(--mtrm-ink-soft); font-size:.78rem; }