@charset "utf-8";
/* =========================================================================
   PEPTIVO — Landing (glp-female/v1) faithful rebuild
   Brand: blue #26618b / cyan #2abee9 / green CTA #14c44a
   Fonts: Urbanist (display) + DM Sans (body) — loaded from local /css woff2
   ========================================================================= */

/* ---- Fonts (reuse files already in /css) ---- */
@font-face{ font-family:'DM Sans'; src:url('DMSans-Regular.woff2') format('woff2'); font-weight:400; font-display:swap; }
@font-face{ font-family:'DM Sans'; src:url('DMSans-Medium.woff2') format('woff2'); font-weight:500; font-display:swap; }
@font-face{ font-family:'DM Sans'; src:url('DMSans-SemiBold.woff2') format('woff2'); font-weight:600; font-display:swap; }
@font-face{ font-family:'DM Sans'; src:url('DMSans-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }
@font-face{ font-family:'Urbanist'; src:url('Urbanist-Bold.woff2') format('woff2'); font-weight:700; font-display:swap; }

:root{
	--blue:#26618b; --blue-d:#1f5275; --blue-deep:#14476b; --navy:#0f3a5a;
	--cyan:#2abee9; --cyan-d:#00a1d2;
	--green:#15c64b; --green-d:#10ad40;
	--ink:#16202a; --ink-2:#4a5963; --muted:#7d8a94;
	--bg:#ffffff; --sky:#eaf4fd; --sky-2:#e2f0fb; --soft:#f2f8fd; --line:#e0e8ef;
	--head:'Urbanist', system-ui, sans-serif;
	--body:'DM Sans', system-ui, sans-serif;
	--maxw:1200px;
	--shadow:0 14px 40px -18px rgba(38,97,139,.28);
}
*{ box-sizing:border-box; margin:0; padding:0; }
html{ scroll-behavior:smooth; overflow-x:hidden; max-width:100%; }
body{ font-family:var(--body); color:var(--ink); background:var(--bg); font-size:17px; line-height:1.55; -webkit-font-smoothing:antialiased; overflow-x:hidden; max-width:100%; }
img{ max-width:100%; display:block; }
a{ text-decoration:none; color:inherit; }
h1,h2,h3,h4{ font-family:var(--head); font-weight:700; line-height:1.05; letter-spacing:-0.02em; }
.wrap{ max-width:var(--maxw); margin:0 auto; padding:0 24px; }
.center{ text-align:center; }

/* ---- Buttons ---- */
.btn-green{
	display:inline-flex; align-items:center; justify-content:center; gap:10px;
	background:var(--green); color:#fff; font-family:var(--head); font-weight:700; font-size:19px;
	padding:18px 40px; border-radius:100px; border:none; cursor:pointer;
	box-shadow:0 10px 24px -8px rgba(21,198,75,.6); transition:transform .15s, background .2s, box-shadow .2s;
	width:100%; max-width:430px;
}
.btn-green:hover{ background:var(--green-d); transform:translateY(-2px); box-shadow:0 14px 30px -8px rgba(21,198,75,.6); }
.btn-green.sm{ font-size:16px; padding:13px 26px; box-shadow:none; }
.guarantee-line{ display:flex; align-items:center; justify-content:center; gap:7px; font-size:14px; color:var(--ink-2); margin-top:12px; }
.guarantee-line img{ width:17px; }
.cta-flags{ display:flex; gap:22px; justify-content:center; margin-bottom:14px; }
.cta-flags span{ display:inline-flex; align-items:center; gap:7px; font-size:14px; font-weight:600; color:var(--ink-2); }
.cta-flags span::before{ content:"✓"; color:var(--green); font-weight:800; }
.cta-block{ display:flex; flex-direction:column; align-items:center; }

/* ---- Promo strip ---- */
.promo{ background:var(--blue-deep); color:#fff; text-align:center; font-size:14px; padding:9px 16px; font-weight:500; }
.promo b{ font-family:var(--head); font-weight:700; }

/* ---- Nav ---- */
.nav{ position:sticky; top:0; z-index:80; background:#fff; border-bottom:1px solid var(--line); }
.nav-in{ max-width:1280px; margin:0 auto; padding:0 24px; height:74px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
.nav-logo{ height:34px; flex-shrink:0; }
.nav-links{ display:flex; gap:30px; }
.nav-links a{ font-family:var(--head); font-weight:600; font-size:15px; color:#2a3b47; }
.nav-links a:hover{ color:var(--blue); }
.nav-order{ background:var(--green); color:#fff; font-family:var(--head); font-weight:700; font-size:15px; padding:11px 26px; border-radius:100px; flex-shrink:0; box-shadow:0 6px 16px -6px rgba(21,198,75,.6); }
.nav-order:hover{ background:var(--green-d); }
.nav-burger{ display:none; background:none; border:none; cursor:pointer; }
@media(max-width:1000px){ .nav-links{ display:none; } .nav-burger{ display:block; } }

/* ---- Check strip (marquee) ---- */
.checkstrip{ background:#f5f7f9; border-bottom:1px solid var(--line); overflow:hidden; }
.checkstrip-track{ display:inline-flex; gap:46px; white-space:nowrap; padding:11px 0; animation:marq 34s linear infinite; }
.checkstrip-track span{ display:inline-flex; align-items:center; gap:8px; font-size:14px; font-weight:600; color:#33424d; }
.checkstrip-track span::before{ content:"✓"; color:var(--blue); font-weight:800; }
@keyframes marq{ from{transform:translateX(0)} to{transform:translateX(-50%)} }

/* ---- HERO ---- */
.hero{ background:linear-gradient(180deg,var(--sky) 0%, #f3f9fe 100%); padding:46px 0 30px; }
.hero-grid{ display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; }
.tp-row{ display:flex; align-items:center; gap:8px; font-size:15px; color:var(--ink-2); font-weight:500; margin-bottom:18px; }
.tp-row .gstars{ height:20px; }
.tp-row .tp-logo{ height:19px; }
.hero h1{ font-size:54px; line-height:1.02; color:#11212e; }
.hero h1 .accent{ color:var(--cyan-d); }
.hero-sub{ font-size:18px; color:var(--ink-2); margin:18px 0 24px; max-width:520px; }
.hero-bullets{ display:flex; gap:26px; margin-bottom:28px; flex-wrap:wrap; }
.hero-bullets li{ list-style:none; display:flex; flex-direction:column; align-items:center; text-align:center; gap:8px; font-family:var(--head); font-weight:600; font-size:15px; color:#22323e; max-width:120px; }
.hero-bullets li img{ height:30px; }
.hero-visual{ position:relative; min-height:430px; }
.hero-model{ position:absolute; right:0; bottom:0; max-height:560px; width:auto; z-index:1; }
.hero-product{ position:absolute; left:2%; bottom:6%; width:46%; max-width:260px; z-index:2; filter:drop-shadow(0 24px 30px rgba(20,71,107,.22)); }
.hero-burst{ position:absolute; left:34%; top:18%; width:96px; height:96px; background:#ffd21e; border-radius:50%; display:flex; flex-direction:column; align-items:center; justify-content:center; text-align:center; z-index:3; font-family:var(--head); font-weight:700; color:#1a1a1a; box-shadow:0 8px 18px rgba(0,0,0,.12); transform:rotate(-8deg); }
.hero-burst .s{ font-size:9px; letter-spacing:.04em; } .hero-burst .b{ font-size:24px; line-height:1; }
.hero-drop{ position:absolute; right:6%; top:20%; background:#fff; border-radius:100px; padding:7px 15px; font-family:var(--head); font-weight:700; font-size:18px; z-index:3; box-shadow:0 8px 20px rgba(20,71,107,.16); display:flex; align-items:center; gap:5px; }
.hero-drop img{ height:16px; } .hero-drop small{ font-size:12px; color:var(--muted); font-weight:600; }
@media(max-width:900px){
	.hero-grid{ grid-template-columns:1fr; }
	.hero{ text-align:center; }
	.hero h1{ font-size:38px; }
	.hero-bullets{ justify-content:center; }
	.cta-block{ align-items:center; }
	.hero-visual{ min-height:480px; margin-top:10px; }
	.hero-model{ left:50%; transform:translateX(-15%); right:auto; }
}

/* ---- Press ---- */
.press{ padding:26px 0; border-bottom:1px solid var(--line); }
.press-in{ display:flex; align-items:center; gap:34px; flex-wrap:wrap; justify-content:center; }
.press-label{ font-family:var(--head); font-weight:700; font-size:15px; color:#33424d; padding-right:14px; border-right:1px solid var(--line); }
.press-in img{ height:22px; opacity:.78; }
@media(max-width:700px){ .press-label{ border:none; width:100%; text-align:center; } .press-in img{ height:18px; } }

/* ---- Calculator + before/after ---- */
.calc-sec{ padding:60px 0; }
.calc-grid{ display:grid; grid-template-columns:1fr 1fr; gap:36px; align-items:center; }
.ba{ position:relative; border-radius:18px; overflow:hidden; display:grid; grid-template-columns:1fr 1fr; box-shadow:var(--shadow); }
.ba img{ width:100%; height:100%; object-fit:cover; }
.ba .tag{ position:absolute; bottom:16px; background:#fff; font-family:var(--head); font-weight:700; font-size:13px; padding:6px 16px; border-radius:100px; box-shadow:0 4px 10px rgba(0,0,0,.12); }
.ba .tag.b{ left:16px; } .ba .tag.a{ right:16px; }
.ba .handle{ position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:48px; height:48px; border-radius:50%; background:#fff; box-shadow:0 4px 14px rgba(0,0,0,.2); display:flex; align-items:center; justify-content:center; color:var(--cyan-d); font-size:18px; }
.ba .divider{ position:absolute; left:50%; top:0; bottom:0; width:3px; background:#fff; transform:translateX(-50%); }
.calc-card{ border:2px solid #cfe6f6; border-radius:20px; padding:38px 34px; box-shadow:0 20px 50px -26px rgba(38,97,139,.3); }
.calc-card h3{ font-size:30px; text-align:center; color:#11212e; margin-bottom:24px; }
.calc-ruler{ height:22px; background:repeating-linear-gradient(90deg,#cfd9e1 0 1px,transparent 1px 11px); margin-bottom:26px; opacity:.7; }
.calc-row{ display:flex; justify-content:space-between; align-items:baseline; font-size:19px; color:var(--ink-2); margin-bottom:12px; }
.calc-row .v{ font-family:var(--head); font-weight:700; font-size:22px; color:var(--ink); }
.calc-slider{ -webkit-appearance:none; width:100%; height:8px; border-radius:100px; background:linear-gradient(90deg,var(--cyan) 0 45%, #dce5ec 45%); outline:none; margin:6px 0 26px; }
.calc-slider::-webkit-slider-thumb{ -webkit-appearance:none; width:26px; height:26px; border-radius:50%; background:#fff; border:3px solid var(--cyan); cursor:pointer; box-shadow:0 2px 6px rgba(0,0,0,.2); }
.calc-slider::-moz-range-thumb{ width:26px; height:26px; border-radius:50%; background:#fff; border:3px solid var(--cyan); cursor:pointer; }
.calc-result{ position:relative; background:var(--blue); color:#fff; border-radius:14px; padding:20px 26px; display:flex; align-items:center; justify-content:space-between; }
.calc-result::before{ content:""; position:absolute; top:-9px; left:60px; border-left:10px solid transparent; border-right:10px solid transparent; border-bottom:10px solid var(--blue); }
.calc-result .l{ font-family:var(--head); font-weight:600; font-size:18px; }
.calc-result .n{ font-family:var(--head); font-weight:700; font-size:40px; line-height:1; }
@media(max-width:900px){ .calc-grid{ grid-template-columns:1fr; } .calc-card h3{ font-size:24px; } }

/* ---- Stories (video) ---- */
.stories{ background:var(--sky); padding:64px 0; }
.stories h2{ font-size:44px; text-align:center; color:#11212e; }
.stories-rates{ display:flex; gap:40px; justify-content:center; align-items:center; margin:26px 0 36px; flex-wrap:wrap; }
.rate{ display:flex; align-items:center; gap:10px; }
.rate img.logo{ height:26px; } .rate img.stars{ height:18px; } .rate span{ font-size:14px; color:var(--ink-2); font-weight:600; }
.video-row{ display:grid; grid-template-columns:repeat(6,1fr); gap:14px; margin-bottom:40px; }
.vcard{ position:relative; aspect-ratio:9/16; border-radius:16px; overflow:hidden; background:#1d1d1d; cursor:pointer; box-shadow:0 10px 26px -12px rgba(0,0,0,.4); }
.vcard video{ width:100%; height:100%; object-fit:cover; }
.vcard .play{ position:absolute; inset:0; display:flex; align-items:center; justify-content:center; pointer-events:none; }
.vcard .play img{ width:46px; transition:transform .2s; }
.vcard:hover .play img{ transform:scale(1.12); }
.vcard.playing .play{ display:none; }
@media(max-width:1000px){ .video-row{ grid-template-columns:repeat(3,1fr); } }
@media(max-width:560px){ .video-row{ grid-template-columns:repeat(2,1fr); } .stories h2{ font-size:30px; } }

/* generic section heading */
.sec{ padding:70px 0; }
.sec-h{ font-size:44px; text-align:center; color:#11212e; }
.sec-sub{ text-align:center; color:var(--ink-2); font-size:18px; max-width:680px; margin:14px auto 0; }
@media(max-width:700px){ .sec-h{ font-size:30px; } .sec{ padding:50px 0; } }

/* ---- Science stats ---- */
.science-grid{ display:grid; grid-template-columns:1fr 1fr; gap:30px; align-items:center; margin-bottom:36px; }
.science-grid h2{ font-size:46px; color:#11212e; }
.science-grid p{ color:var(--ink-2); font-size:17px; margin-top:14px; max-width:430px; }
.science-img{ display:flex; justify-content:center; }
.science-img img{ max-width:360px; }
.stat-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-bottom:36px; }
.stat{ background:linear-gradient(160deg,#2f87b8,#1f5378); color:#fff; border-radius:16px; padding:26px 22px; position:relative; min-height:150px; }
.stat .n{ font-family:var(--head); font-weight:700; font-size:40px; }
.stat .t{ font-size:15px; margin-top:10px; line-height:1.4; opacity:.95; }
.stat .ic{ position:absolute; top:22px; right:20px; width:38px; height:38px; border-radius:50%; background:rgba(255,255,255,.18); display:flex; align-items:center; justify-content:center; }
.stat .ic img{ width:20px; }
@media(max-width:900px){ .science-grid{ grid-template-columns:1fr; text-align:center; } .science-grid p{ margin:14px auto 0; } .stat-grid{ grid-template-columns:1fr 1fr; } }

/* ---- How it works ---- */
.works-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; }
.works-left h2{ font-size:46px; color:#11212e; }
.works-left p{ color:var(--ink-2); margin:14px 0 26px; }
.works-phone{ margin-top:30px; }
.works-steps{ display:flex; flex-direction:column; gap:30px; position:relative; }
.wstep{ display:grid; grid-template-columns:auto 1fr; gap:20px; }
.wstep .num{ width:38px; height:38px; border-radius:50%; background:var(--blue); color:#fff; font-family:var(--head); font-weight:700; display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.wstep h3{ font-size:23px; color:var(--blue); margin-bottom:8px; }
.wstep p{ color:var(--ink-2); font-size:15px; }
.wstep img{ border-radius:14px; margin-top:14px; }
@media(max-width:900px){ .works-grid{ grid-template-columns:1fr; } .works-left h2{ font-size:34px; } }

/* ---- Choose medication ---- */
.med-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:46px; }
.med-card{ border:1px solid var(--line); border-radius:18px; padding:30px; display:grid; grid-template-columns:1.4fr 1fr; gap:16px; align-items:center; box-shadow:0 10px 30px -20px rgba(38,97,139,.3); }
.med-stock{ display:inline-flex; align-items:center; gap:7px; font-size:13px; font-weight:600; color:var(--cyan-d); border:1px solid #bfe6f5; border-radius:100px; padding:5px 13px; margin-bottom:14px; }
.med-stock::before{ content:""; width:8px; height:8px; border-radius:50%; background:var(--green); }
.med-card h3{ font-size:26px; color:#11212e; }
.med-card .desc{ font-size:14px; color:var(--ink-2); margin:10px 0 18px; }
.med-card .from{ font-size:15px; color:var(--muted); }
.med-card .from b{ font-family:var(--head); font-weight:700; font-size:26px; color:var(--ink); }
.med-card .btn-green{ margin-top:16px; max-width:220px; }
.med-card .prod{ display:flex; justify-content:center; }
.med-card .prod img{ max-height:230px; width:auto; }
@media(max-width:900px){ .med-grid{ grid-template-columns:1fr; } }

/* ---- Blue strip ---- */
.bluestrip{ background:var(--sky); overflow:hidden; padding:4px 0; }
.bluestrip-track{ display:inline-flex; gap:42px; white-space:nowrap; padding:16px 0; animation:marq 40s linear infinite; }
.bluestrip-track span{ display:inline-flex; align-items:center; gap:9px; font-family:var(--head); font-weight:600; font-size:15px; color:#1c3a52; }
.bluestrip-track span img{ height:22px; }

/* ---- Completely online ---- */
.online-grid{ display:grid; grid-template-columns:1fr 1fr; gap:26px; margin-top:46px; }
.online-card{ border:1px solid var(--line); border-radius:20px; padding:38px; text-align:center; box-shadow:0 10px 30px -22px rgba(38,97,139,.3); }
.online-card h3{ font-size:26px; color:var(--blue); margin-bottom:10px; }
.online-card p{ color:var(--ink-2); font-size:16px; max-width:380px; margin:0 auto; }
.online-card img{ margin:22px auto 0; border-radius:14px; }
@media(max-width:760px){ .online-grid{ grid-template-columns:1fr; } }

/* ---- Doctors ---- */
.doctors{ background:var(--sky); border-radius:26px; padding:50px 30px; margin-top:40px; }
.doctors h2{ font-size:38px; text-align:center; color:#11212e; }
.doctors .sec-sub{ margin-bottom:34px; }
.doc-row{ display:grid; grid-template-columns:repeat(4,1fr); gap:18px; }
.doc{ background:#fff; border-radius:16px; overflow:hidden; box-shadow:0 8px 22px -14px rgba(0,0,0,.25); }
.doc .ph{ aspect-ratio:1/1; overflow:hidden; }
.doc .ph img{ width:100%; height:100%; object-fit:cover; }
.doc .b{ padding:18px 16px; text-align:center; }
.doc .b h4{ font-size:18px; color:#11212e; }
.doc .b p{ font-size:13px; color:var(--muted); margin-top:5px; }
@media(max-width:980px){ .doc-row{ grid-template-columns:1fr 1fr; } }

/* ---- Testimonials ---- */
.tst{ padding:70px 0; }
.tst-stars{ height:26px; margin:18px auto 8px; }
.tst-rate{ text-align:center; font-size:15px; color:var(--ink-2); font-weight:600; margin-bottom:36px; }
.tst-grid{ display:grid; grid-template-columns:repeat(5,1fr); gap:16px; }
.tcard{ border:1px solid var(--line); border-radius:16px; overflow:hidden; display:flex; flex-direction:column; box-shadow:0 8px 24px -18px rgba(0,0,0,.25); }
.tcard-top{ display:flex; align-items:center; gap:8px; padding:14px 16px; }
.tcard-top .av{ width:30px; height:30px; border-radius:50%; object-fit:cover; }
.tcard-top .nm{ font-family:var(--head); font-weight:700; font-size:14px; }
.tcard-top .vf{ display:inline-flex; align-items:center; gap:4px; font-size:11px; color:var(--green-d); font-weight:600; }
.tcard-top .vf img{ width:13px; }
.tcard .ba2{ display:grid; grid-template-columns:1fr 1fr; }
.tcard .ba2 img{ width:100%; aspect-ratio:1/1; object-fit:cover; }
.tcard .tb{ padding:16px; }
.tcard .tb h4{ font-size:16px; color:var(--blue); margin-bottom:8px; }
.tcard .tb .st{ height:14px; margin-bottom:10px; }
.tcard .tb p{ font-size:13px; color:var(--ink-2); line-height:1.5; }
@media(max-width:1050px){ .tst-grid{ grid-template-columns:repeat(2,1fr); } }
@media(max-width:560px){ .tst-grid{ grid-template-columns:1fr; } }

/* ---- Switch / guarantee ---- */
.switch{ background:var(--sky); padding:60px 0; }
.switch-grid{ display:grid; grid-template-columns:1fr 1fr; gap:40px; align-items:center; }
.switch-left{ position:relative; text-align:center; }
.switch-left .circle{ background:#bfeafb; border-radius:50%; width:min(440px,92%); aspect-ratio:1/1; margin:0 auto; display:flex; align-items:flex-end; justify-content:center; }
.switch-left h2{ position:absolute; top:14%; left:0; right:0; font-size:42px; color:#11212e; }
.switch-left .sub{ position:absolute; top:46%; left:0; right:0; color:var(--ink-2); font-size:16px; }
.switch-left .circle img{ width:62%; margin-bottom:0; }
.switch-right h3{ font-size:30px; color:#11212e; margin-bottom:10px; }
.switch-right>p{ color:var(--ink-2); margin-bottom:22px; }
.glist{ display:flex; flex-direction:column; gap:14px; margin-bottom:26px; }
.gitem{ border:1px solid var(--line); border-radius:14px; padding:18px 20px; display:grid; grid-template-columns:auto 1fr; gap:14px; background:#fff; }
.gitem img{ width:24px; }
.gitem h4{ font-size:18px; color:#11212e; }
.gitem p{ font-size:14px; color:var(--ink-2); margin-top:3px; }
@media(max-width:900px){ .switch-grid{ grid-template-columns:1fr; } .switch-left{ margin-bottom:20px; } }

/* ---- Benefits ---- */
.benefits-grid{ display:grid; grid-template-columns:1fr 1.1fr; gap:46px; align-items:center; }
.benefits-img img{ max-width:480px; margin:0 auto; }
.benefits-img .mob{ display:none; }
.blist{ display:flex; flex-direction:column; }
.bitem{ display:grid; grid-template-columns:auto 1fr; gap:18px; padding:18px 0; border-bottom:1px solid var(--line); }
.bitem:last-child{ border-bottom:none; }
.bitem .ic{ width:48px; height:48px; border-radius:50%; background:var(--sky); display:flex; align-items:center; justify-content:center; flex-shrink:0; }
.bitem .ic img{ width:24px; }
.bitem h4{ font-size:19px; color:var(--blue); }
.bitem p{ font-size:15px; color:var(--ink-2); margin-top:4px; }
@media(max-width:860px){ .benefits-grid{ grid-template-columns:1fr; } .benefits-img .desk{ display:none; } .benefits-img .mob{ display:block; } }

/* ---- Satisfaction seal panel ---- */
.seal-panel{ background:var(--sky); border:1px solid #cfe6f6; border-radius:20px; padding:38px; display:grid; grid-template-columns:auto 1fr; gap:28px; align-items:center; margin-top:46px; max-width:880px; margin-left:auto; margin-right:auto; }
.seal-panel img{ width:96px; }
.seal-panel h3{ font-size:26px; color:#11212e; margin-bottom:12px; }
.seal-panel .badge{ display:inline-block; background:#fff; border-radius:8px; padding:7px 16px; font-family:var(--head); font-weight:700; font-size:15px; color:var(--blue); margin-bottom:12px; }
.seal-panel p{ color:var(--ink-2); font-size:15px; }
@media(max-width:680px){ .seal-panel{ grid-template-columns:1fr; text-align:center; } .seal-panel img{ margin:0 auto; } }

/* ---- Mini quiz (entry to intake) ---- */
.miniquiz{ max-width:680px; margin:50px auto 0; background:#fff; border:1px solid var(--line); border-radius:22px; box-shadow:0 24px 60px -34px rgba(38,97,139,.4); padding:46px 40px; }
.miniquiz h2{ font-size:34px; text-align:center; color:#11212e; margin-bottom:30px; }
.mq-opts{ display:flex; flex-direction:column; gap:13px; }
.mq-opt{ border:1.5px solid #d2dde6; border-radius:14px; padding:18px 22px; font-family:var(--body); font-size:17px; color:var(--ink); cursor:pointer; text-align:left; background:#fff; transition:all .15s; }
.mq-opt:hover{ border-color:var(--blue); background:var(--soft); }
.mq-opt.sel{ border-color:var(--blue); background:var(--sky); box-shadow:0 0 0 1px var(--blue); }
.miniquiz .btn-green{ margin:26px auto 0; display:flex; }
@media(max-width:560px){ .miniquiz{ padding:32px 22px; } .miniquiz h2{ font-size:26px; } }

/* ---- FAQ ---- */
.faq-sec{ display:grid; grid-template-columns:1fr 1fr; }
.faq-left{ background:var(--sky); padding:70px 5% 70px 0; }
.faq-left-in{ max-width:600px; margin-left:auto; padding:0 24px; }
.faq-left h2{ font-size:44px; color:#11212e; margin-bottom:30px; }
.faq-item{ border-bottom:1px solid #c9dcea; }
.faq-q{ width:100%; background:none; border:none; text-align:left; font-family:var(--head); font-weight:700; font-size:19px; color:#11212e; padding:22px 0; cursor:pointer; display:flex; justify-content:space-between; gap:18px; align-items:flex-start; }
.faq-q .pm{ font-size:24px; color:var(--blue); flex-shrink:0; line-height:1; }
.faq-a{ max-height:0; overflow:hidden; transition:max-height .35s ease; }
.faq-a-in{ padding-bottom:22px; color:var(--ink-2); font-size:15px; line-height:1.6; }
.faq-a-in .note{ font-size:12px; color:var(--muted); margin-top:10px; }
.faq-item.open .faq-a{ max-height:600px; }
.faq-item.open .faq-q .pm{ color:var(--blue); }
.faq-right{ background:#f6d9b8; min-height:100%; }
.faq-right img{ width:100%; height:100%; object-fit:cover; }
.faq-cta{ margin-top:30px; }
@media(max-width:900px){ .faq-sec{ grid-template-columns:1fr; } .faq-right{ min-height:320px; } .faq-left{ padding:50px 0; } .faq-left h2{ font-size:32px; } }

/* ---- Footer ---- */
.foot{ padding:54px 0 40px; text-align:center; }
.foot-logo{ height:34px; margin:0 auto 24px; }
.foot-links{ display:flex; gap:8px; justify-content:center; flex-wrap:wrap; font-size:14px; color:#33424d; margin-bottom:24px; }
.foot-links a:hover{ color:var(--blue); }
.foot-dis{ font-size:11px; color:var(--muted); line-height:1.6; max-width:980px; margin:0 auto 16px; }
.foot-cert{ height:60px; margin:18px auto 14px; }
.foot-cp{ font-size:13px; color:var(--muted); }

/* reveal */
.rv{ opacity:0; transform:translateY(20px); transition:opacity .6s, transform .6s; }
.rv.in{ opacity:1; transform:none; }