/* Detail pages — faithful to MISAM dark green landing page */
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{overflow-x:hidden}
.mini-breadcrumb{display:flex;align-items:center;gap:10px;font-size:12px;color:#839a8a;margin:22px 0 0}
.mini-breadcrumb a{color:#a9d7bf}.mini-breadcrumb span{color:#657b70}
.subheader{position:relative;overflow:hidden;isolation:isolate;padding:100px 0 92px;text-align:center;background:radial-gradient(ellipse at 52% 45%,rgba(5,61,46,.36),transparent 62%)}
.subheader::before{content:"";position:absolute;inset:0;z-index:-1;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(180deg,#000,transparent)}
.subheader::after{content:"";position:absolute;width:480px;height:480px;border-radius:50%;left:-230px;top:-230px;background:rgba(3,93,65,.12);filter:blur(65px);z-index:-1}
.subheader h1{font-size:clamp(38px,6vw,76px);line-height:1.25;letter-spacing:-2px;margin:20px auto;max-width:880px;color:#f6f8f7}
.subheader h1 em{font-style:normal;color:#a2c8b7}
.subheader p{max-width:690px;margin:0 auto;color:#a6b7ac;font-size:15px;line-height:2.1}
.hero-ctas{display:flex;justify-content:center;gap:11px;flex-wrap:wrap;margin-top:28px}
.page-facts{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:24px}
.page-facts span{padding:8px 13px;border:1px solid rgba(109,180,149,.18);background:rgba(8,36,26,.48);border-radius:999px;font-size:11px;color:#a9cbb9}
.info-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:30px;align-items:start}
.content-section{padding:55px 0 28px}
.content-section h2{font-size:clamp(27px,3.6vw,41px);margin:0 0 16px;letter-spacing:-.7px}
.content-section .lead{font-size:15px;line-height:2.15;color:#b4c2b9}
.content-section p,.content-section li{font-size:14px;color:#a0b1a7;line-height:2.15}
.content-section a:not(.btn){color:#9fd8b8;text-decoration:underline;text-decoration-color:rgba(130,184,150,.28);text-underline-offset:4px}
.content-section h3{font-size:20px;margin:26px 0 9px;color:#f3f7f4}
.page-article{min-width:0}
.page-aside{position:sticky;top:95px;border:1px solid rgba(98,177,145,.19);background:linear-gradient(135deg,rgba(12,34,25,.84),rgba(8,13,10,.86));border-radius:19px;padding:24px}
.page-aside h3{margin:0 0 13px;font-size:16px}.page-aside a:not(.btn){display:block;padding:10px 0;border-bottom:1px solid rgba(170,207,185,.08);color:#b2c8b9;font-size:13px}.page-aside p{color:#9bab9f;font-size:12px;line-height:2}
.feature-panel{padding:24px;border:1px solid rgba(95,173,137,.18);background:linear-gradient(140deg,rgba(15,33,25,.75),rgba(13,15,14,.74));border-radius:17px;margin:20px 0}
.feature-panel strong{font-size:15px;color:#f0f5f1}
.feature-panel p{margin-bottom:0}
.benefit-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;margin:23px 0}
.benefit-card{padding:24px;border:1px solid rgba(121,184,154,.14);border-radius:17px;background:rgba(255,255,255,.026)}
.benefit-card .glyph{width:38px;height:38px;display:grid;place-items:center;border-radius:12px;background:rgba(6,74,52,.32);color:#a6dcc4;font-size:20px}
.benefit-card h3{font-size:17px;margin:18px 0 7px}
.benefit-card p{font-size:12px;margin:0}
.price-breakdown{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:23px 0}
.price-box{padding:26px 18px;border:1px solid rgba(124,177,144,.2);background:rgba(255,255,255,.028);border-radius:16px;text-align:center}
.price-box .money{font-size:36px;font-weight:700;color:#ddbb92;direction:ltr}
.price-box .hint{font-size:12px;line-height:1.7;color:#a1b1a6}
.note{border-right:3px solid #96704b;padding:14px 18px;background:rgba(124,85,40,.11);color:#bfb4a7;font-size:12px;line-height:2;border-radius:9px;margin:22px 0}
.tick-list{list-style:none;padding:0;margin:20px 0}.tick-list li{position:relative;padding:0 27px 14px 0}.tick-list li::before{content:'✓';position:absolute;right:0;top:1px;color:#90d2af}
.timeline{position:relative;display:grid;gap:14px;margin:24px 0}.timeline::before{content:"";position:absolute;right:23px;top:22px;bottom:22px;width:1px;background:linear-gradient(#386a51,rgba(56,106,81,.05))}.timeline-item{display:grid;grid-template-columns:48px 1fr;gap:18px;position:relative}.timeline-dot{position:relative;z-index:1;width:48px;height:48px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(145deg,#0b5d41,#063524);color:#e8f6ec;font-size:17px;font-weight:700;border:1px solid rgba(153,219,189,.3);direction:ltr}.timeline-body{padding:19px 25px;border-radius:16px;background:rgba(255,255,255,.025);border:1px solid rgba(148,178,160,.12)}.timeline-body h3{font-size:18px;margin:0 0 8px}.timeline-body p{margin:0}
.question-groups{display:grid;gap:30px}.question-category{font-size:19px;color:#d9c2a0;margin:10px 0 10px}
.faq-details{display:grid;gap:10px}
.faq-details details{border:1px solid rgba(138,181,154,.15);border-radius:14px;background:rgba(255,255,255,.025);overflow:hidden}
.faq-details summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:20px 24px;font-weight:600;font-size:14px;color:#edf3ef;list-style:none}
.faq-details summary::-webkit-details-marker{display:none}
.faq-details summary::after{content:'+';color:#d5ad7a;font-size:22px;font-weight:400}
.faq-details details[open] summary::after{content:'−'}
.faq-details .answer{padding:0 24px 18px;color:#a5b7ab;line-height:2;font-size:13px}
.faq-details .answer p{margin:0 0 8px}
.page-divider{height:1px;background:linear-gradient(90deg,transparent,rgba(100,158,128,.25),transparent);margin:36px 0}
.related-pages{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.related-pages a{border:1px solid rgba(138,180,155,.16);background:rgba(255,255,255,.023);padding:24px;border-radius:16px;display:flex;justify-content:space-between;gap:16px;align-items:center;color:#e6efe9;font-size:15px;transition:.2s}
.related-pages a:hover{border-color:#36614d;transform:translateY(-3px)}
.sub-footer{padding:45px 0 35px;border-top:1px solid rgba(120,172,142,.1);margin-top:70px}
.sub-footer-main{display:grid;grid-template-columns:2fr 1fr 1fr;gap:38px}
.sub-footer .foot-heading{font-weight:650;font-size:15px;margin:0 0 12px}
.sub-footer p{font-size:12px;color:#93a99b;line-height:1.9}
.sub-footer a:not(.btn){display:block;font-size:12px;color:#a5b9ac;padding:5px 0}
.sub-footer a:not(.btn):hover{color:#fff}
.foot-bottom{margin-top:35px;border-top:1px solid rgba(255,255,255,.07);padding-top:20px;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:#7e9787}
.menu-pop{display:none}.menu-pop summary{cursor:pointer;list-style:none;font-size:13px;padding:10px;border-radius:10px;border:1px solid rgba(100,150,121,.22)}.menu-pop .pop-links{position:absolute;left:12px;right:12px;top:70px;z-index:8;display:grid;gap:5px;background:#0b1511;border:1px solid rgba(100,160,131,.3);border-radius:12px;padding:12px}.menu-pop .pop-links a{padding:12px;color:#cee4d5;font-size:13px}
@media(max-width:1050px){.navlinks{gap:15px}}
@media(max-width:900px){.menu-pop{display:block}.subheader{padding:78px 0 70px}.info-layout{grid-template-columns:1fr}.page-aside{position:static}.sub-footer-main{grid-template-columns:1.2fr 1fr}}
@media(max-width:620px){.subheader h1{font-size:41px;letter-spacing:-1px}.subheader p{font-size:13px}.subheader{padding:58px 0 65px}.content-section{padding:35px 0 20px}.price-breakdown{grid-template-columns:1fr}.benefit-cards{grid-template-columns:1fr}.related-pages{grid-template-columns:1fr}.sub-footer-main{grid-template-columns:1fr;gap:18px}.foot-bottom{flex-direction:column}.page-aside{padding:20px}}