.smart-mar-page { background: #fff; }
.smart-mar-page h1,.smart-mar-page h2,.smart-mar-page h3,.smart-mar-page p { margin-top: 0; }
.mar-hero { background: var(--mist); }
.mar-hero-layout { display: grid; grid-template-columns: minmax(0, 1fr); gap: clamp(42px, 6vw, 72px); align-items: start; padding-block: clamp(70px, 10vw, 140px); }
.mar-hero-layout > div:first-child { max-width: 980px; }
.mar-eyebrow { margin-bottom: 16px; color: var(--purple-light); font-size: .9rem; font-weight: 700; letter-spacing: .02em; }
.mar-hero h1 { max-width: 900px; margin-bottom: 26px; font-size: clamp(2.8rem, 6vw, 5.6rem); font-weight: 600; line-height: .96; letter-spacing: -.065em; }
.mar-lead { max-width: 760px; margin-bottom: 32px; color: var(--slate); font-size: clamp(1.1rem, 1.7vw, 1.35rem); line-height: 1.55; }
.mar-actions { display: flex; flex-wrap: wrap; gap: 12px; }
.mar-hero-mark { display: flex; align-items: center; justify-content: center; min-height: 0; padding: clamp(38px, 5vw, 58px) 0 0; border-top: 1px solid var(--line); }
.mar-hero-mark img { display: block; width: min(100%, 340px); height: auto; }
.mar-intro,.mar-section { padding-block: clamp(70px, 10vw, 130px); }
.mar-intro { border-bottom: 1px solid var(--line); }
.mar-intro-layout,.mar-section-layout { display: block; }
.mar-intro-layout > p { max-width: 900px; margin-bottom: 0; }
.mar-section-heading { max-width: 900px; margin-bottom: 38px; }
.mar-copy { max-width: 920px; }
.mar-intro h2,.mar-section-heading h2,.mar-benefits h2,.mar-faq h2,.mar-verify h2,.mar-cta h2 { max-width: 760px; margin-bottom: 24px; font-size: clamp(2.2rem, 4.2vw, 4rem); font-weight: 600; line-height: 1.02; letter-spacing: -.055em; }
.mar-intro-layout > p,.mar-copy { color: var(--slate); font-size: 1.08rem; line-height: 1.65; }
.mar-section-mist,.mar-benefits,.mar-verify { background: var(--mist); }
.mar-copy > p { margin-bottom: 18px; }
.mar-check-list { display: grid; gap: 12px; margin: 28px 0 0; padding: 0; list-style: none; color: var(--ink); font-weight: 600; }
.mar-check-list li { position: relative; padding-left: 30px; }
.mar-check-list li::before { content: '✓'; position: absolute; left: 0; color: #20b96b; }
.mar-callout { display: grid; gap: 8px; margin-top: 28px; padding: 20px 22px; border-left: 4px solid var(--purple); background: var(--mist); color: var(--slate); line-height: 1.55; }
.mar-callout strong { color: var(--purple); }
.mar-video { overflow: hidden; margin-top: 18px; aspect-ratio: 16 / 9; background: #101218; }
.mar-video iframe { display: block; width: 100%; height: 100%; border: 0; }
.mar-video-link { display: inline-block; margin-top: 14px; color: var(--purple); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mar-benefits { padding-block: clamp(70px, 10vw, 130px); }
.mar-benefit-grid { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 54px; border-top: 4px solid var(--purple); border-bottom: 1px solid var(--line); }
.mar-benefit-grid article { padding: 30px clamp(22px, 3vw, 38px) 38px; }
.mar-benefit-grid article + article { border-left: 1px solid var(--line); }
.mar-benefit-grid span { display: block; margin-bottom: 44px; color: var(--purple-light); font-size: .85rem; font-weight: 700; }
.mar-benefit-grid h3 { margin-bottom: 12px; font-size: 1.4rem; }
.mar-benefit-grid p { margin-bottom: 0; color: var(--slate); line-height: 1.6; }
.mar-verify { padding-block: clamp(60px, 8vw, 100px); }
.mar-verify-layout { display: flex; gap: 40px; align-items: end; justify-content: space-between; }
.mar-verify-layout > div { max-width: 780px; }
.mar-verify p:not(.mar-eyebrow),.mar-cta-layout > p { color: var(--slate); font-size: 1.08rem; line-height: 1.6; }
.mar-faq { padding-block: clamp(70px, 10vw, 130px); }
.mar-faq-list { max-width: 1000px; border-top: 4px solid var(--purple); }
.mar-faq-list details { border-bottom: 1px solid var(--line); }
.mar-faq-list summary { position: relative; padding: 22px 50px 22px 0; color: var(--ink); font-size: 1.1rem; font-weight: 600; cursor: pointer; list-style: none; }
.mar-faq-list summary::-webkit-details-marker { display: none; }
.mar-faq-list summary::after { content: '+'; position: absolute; top: 17px; right: 4px; color: var(--purple); font-size: 1.7rem; font-weight: 400; }
.mar-faq-list details[open] summary::after { content: '−'; }
.mar-faq-list summary:focus-visible { outline: 3px solid rgba(66,0,112,.2); outline-offset: 4px; }
.mar-faq-list details > div { max-width: 850px; padding: 0 40px 24px 0; color: var(--slate); line-height: 1.65; }
.mar-faq-list details p { margin: 0; }
.mar-faq-list a { color: var(--purple); font-weight: 700; text-decoration: underline; text-underline-offset: 3px; }
.mar-cta { background: var(--purple); color: #fff; }
.mar-cta-layout { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(40px, 8vw, 110px); align-items: center; padding-block: clamp(70px, 9vw, 120px); }
.mar-cta .mar-eyebrow { color: #c9a9df; }
.mar-cta h2 { margin-bottom: 30px; color: #fff; }
.mar-cta-layout > p { max-width: 520px; margin: 0; color: #eee3f4; }
.mar-cta .button-primary { background: #fff; color: var(--purple); }
@media (max-width: 800px) { .mar-hero-layout,.mar-intro-layout,.mar-section-layout,.mar-cta-layout { grid-template-columns: 1fr; } .mar-hero-mark { min-height: 0; padding: 40px 0 0; border-top: 1px solid var(--line); border-left: 0; } .mar-benefit-grid { grid-template-columns: 1fr; } .mar-benefit-grid article + article { border-top: 1px solid var(--line); border-left: 0; } .mar-verify-layout { align-items: start; flex-direction: column; } }
@media (max-width: 520px) { .mar-hero-layout { padding-block: 56px 70px; } .mar-actions .button,.mar-verify .button { width: 100%; } }