/* Conversion-focused resource pages, matched to the illustrated utility pages. */
.resource-skip { position: fixed; z-index: 10001; top: -100px; left: 1rem; padding: .7rem 1rem; border-radius: 6px; background: #06fdd8; color: #041018; font-weight: 600; }
.resource-skip:focus { top: 1rem; }
.resource-page .lead-magnet-hero { padding: calc(var(--nav-height) + 60px) 0 64px; border-bottom: 1px solid rgba(151,181,204,.15); background: radial-gradient(ellipse at 15% 35%, rgba(6,253,216,.045), transparent 60%); }
.resource-page .lead-magnet-hero > .container { display: grid; grid-template-columns: minmax(0,1.12fr) minmax(0,.88fr); gap: clamp(36px,5vw,72px); align-items: start; }
.resource-page .hero-left { min-width: 0; text-align: left; }
.resource-page .hero-left > .section-label { display: block; margin-bottom: 1.25rem; }
.resource-page .hero-left h1 { font: 600 clamp(2.65rem,4vw,3.65rem)/1.1 var(--font-display); letter-spacing: -.045em; margin: 0 0 1.4rem; color: #f0f5fc; text-wrap: balance; }
.resource-page .hero-left h1 .gradient-text, .resource-page .whats-inside .gradient-text, .resource-page .cta-content .gradient-text { background: none; -webkit-text-fill-color: currentColor; color: #06fdd8; text-shadow: 0 0 22px rgba(6,253,216,.18); }
.resource-page .hero-left > p { margin: 0; max-width: 590px; color: #aabdd0; font-size: 1.03rem; line-height: 1.8; }
.resource-page .hero-left > p strong { color: #e4eef6; font-weight: 500; }
.resource-action { display: inline-flex; align-items: center; gap: 1.3rem; margin-top: 1.5rem; padding-bottom: .45rem; border-bottom: 1px solid #507384; color: #e2f1f4; font-size: .87rem; font-weight: 600; text-decoration: none; }
.resource-action span { color: #06fdd8; }
.resource-action:hover { color: #06fdd8; border-color: #06fdd8; }
.resource-action:focus-visible { outline: 2px solid #06fdd8; outline-offset: 6px; border-radius: 2px; }
.resource-summary { display: grid; grid-template-columns: minmax(0,.9fr) minmax(0,1fr); align-items: center; gap: 24px; margin-top: 2rem; }
.resource-art { margin: 0; min-width: 0; perspective: 1000px; }
.resource-art img { display: block; width: 100%; height: auto; aspect-ratio: 1; object-fit: contain; border: 1px solid rgba(137,185,200,.19); border-radius: 16px; transform: rotateY(5deg) rotateX(2deg); box-shadow: 0 20px 38px -24px #000, inset 0 1px 0 rgba(242,255,255,.15); }
.resource-page .value-badges { display: grid; gap: .8rem; margin: 0; }
.resource-page .value-badge, .resource-page .value-badge.highlight { display: flex; align-items: flex-start; gap: .65rem; padding: 0; border: 0; border-radius: 0; background: none; color: #bdcfdf; font-size: .77rem; font-weight: 400; line-height: 1.55; }
.resource-page .value-badge::before { content: ''; flex: 0 0 5px; width: 5px; height: 5px; margin-top: .45em; border-radius: 50%; background: #06fdd8; box-shadow: 0 0 9px rgba(6,253,216,.65); }
.resource-page .lead-form-card { padding: 32px; align-self: start; min-width: 0; scroll-margin-top: calc(var(--nav-height) + 24px); }
.resource-page .lead-form-card > .section-label { display: block; margin-bottom: .85rem; font-size: .62rem; }
.resource-page .lead-form-card h2 { font: 600 1.65rem/1.25 var(--font-display); letter-spacing: -.035em; color: #f0f7fa; margin: 0 0 .65rem; text-align: left; }
.resource-page .lead-form-card .subtitle { text-align: left; font-size: .88rem; line-height: 1.7; margin: 0 0 1.7rem; color: #aabdd0; }
.resource-page .lead-form-card .form-group { margin-bottom: 1.25rem; gap: .4rem; }
.resource-page .lead-form-card .form-label { display: block; font-size: .82rem; margin-bottom: .15rem; }
.resource-page .lead-form-card textarea.form-input { min-height: 96px; resize: vertical; }
.resource-page .download-btn { display: inline-flex; align-items: center; justify-content: center; gap: .8rem; width: 100%; min-height: 50px; padding: 14px; font-size: .92rem; line-height: 1.45; border-radius: 8px; margin-top: .35rem; }
.resource-page .privacy-note { font-size: .73rem; line-height: 1.7; text-align: center; margin-top: 1rem; color: #a0b7c9; }
.resource-page .privacy-note a { color: #8de9d9; text-underline-offset: 3px; }
.resource-page .early-bird-callout { display: block; padding: 1rem 1.1rem; border: 1px solid rgba(6,253,216,.22); border-radius: 9px; background: linear-gradient(140deg, rgba(6,253,216,.075), transparent); margin-bottom: 1.5rem; font-size: .78rem; line-height: 1.65; color: #b7cedc; text-align: left; }
.resource-page .early-bird-callout .icon { display: none; }
.resource-page .early-bird-callout strong, .resource-page .early-bird-callout .discount { color: #86f8e3; font-weight: 600; }
.resource-page .whats-inside { padding: 72px 0; background: rgba(9,23,38,.5); border-bottom: 1px solid rgba(151,181,204,.1); }
.resource-page .whats-inside .container { max-width: 1200px; }
.resource-page .whats-inside h2, .resource-page .faq-section h2 { font: 600 clamp(1.85rem,3vw,2.5rem)/1.2 var(--font-display); letter-spacing: -.04em; text-align: left; margin: 0 0 1rem; }
.resource-page .whats-inside .section-subtitle { text-align: left; font-size: .98rem; line-height: 1.8; color: #9fb5c9; margin: 0 0 2.4rem; }
.resource-page .features-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 20px; max-width: none; margin: 0; }
.resource-page .feature-item { min-width: 0; padding: 28px; border: 1px solid #2e4558; border-radius: 12px; background: linear-gradient(145deg, rgba(27,49,66,.82), rgba(11,26,40,.9)); box-shadow: inset 0 1px 0 rgba(224,246,250,.06), 0 16px 32px -26px #000; transition: border-color .2s, box-shadow .2s; }
.resource-page .feature-item:has(.feature-icon) { display: flex; align-items: flex-start; gap: 18px; }
.resource-page .feature-item:hover { transform: none; border-color: #4f807f; box-shadow: inset 0 1px 0 rgba(224,246,250,.1), 0 16px 32px -26px #000; }
.resource-page .feature-icon { display: flex; align-items: center; justify-content: center; width: 42px; min-width: 42px; height: 42px; border: 1px solid #34595e; border-radius: 10px; color: #06fdd8; background: rgba(6,253,216,.055); filter: drop-shadow(0 0 7px rgba(6,253,216,.15)); }
.resource-page .feature-icon svg { width: 22px; height: 22px; }
.resource-page .feature-content { min-width: 0; }
.resource-page .feature-item h4 { font: 600 1.07rem/1.4 var(--font-display); color: #e1ecf5; letter-spacing: -.02em; margin-bottom: .65rem; }
.resource-page .feature-item p { font-size: .9rem; color: #a2b8cc; line-height: 1.8; margin: 0; }
.resource-page .trust-section { padding: 40px 0; border-bottom: 1px solid rgba(151,181,204,.1); }
.resource-page .trust-badges { display: flex; justify-content: center; gap: 32px; flex-wrap: wrap; }
.resource-page .trust-item { display: flex; align-items: center; gap: 10px; color: #a2b8cc; font-size: .85rem; }
.resource-page .trust-item svg { width: 20px; height: 20px; color: #06fdd8; }
.resource-page .faq-section { padding: 72px 0; }
.resource-page .faq-section .container { max-width: 900px; }
.resource-page .faq-section .faq-item { border: 1px solid #2e4558; border-radius: 12px; padding: 24px; background: rgba(15,33,49,.86); margin-top: 18px; }
.resource-page .faq-section .faq-item h4 { font-size: 1rem; color: #e1ecf5; margin-bottom: .6rem; }
.resource-page .faq-section .faq-item p { color: #a2b8cc; font-size: .92rem; line-height: 1.8; margin: 0; }
.resource-page .cta { padding: 72px 24px; }
.resource-page .cta-box { max-width: 1152px; margin: 0 auto; background: linear-gradient(140deg, rgba(26,52,66,.94), rgba(8,24,38,.96)); border-color: #365466; }
@media (max-width: 1024px) {
    .resource-page .lead-magnet-hero > .container { grid-template-columns: minmax(0,1fr) minmax(0,.95fr); gap: 32px; }
    .resource-page .hero-left h1 { font-size: 2.85rem; }
    .resource-summary { grid-template-columns: minmax(0,.8fr) minmax(0,1fr); gap: 18px; }
    .resource-page .lead-form-card { padding: 26px; }
}
@media (max-width: 820px) {
    .resource-page .lead-magnet-hero { padding-top: calc(var(--nav-height) + 44px); padding-bottom: 48px; }
    .resource-page .lead-magnet-hero > .container { grid-template-columns: minmax(0,1fr); gap: 36px; }
    .resource-page .hero-left { max-width: 640px; }
    .resource-page .hero-left h1 { max-width: 600px; font-size: clamp(2.4rem,6vw,3.2rem); }
    .resource-page .lead-form-card { width: 100%; }
    .resource-summary { grid-template-columns: 200px minmax(0,1fr); max-width: 620px; }
    .resource-page .whats-inside { padding: 48px 0; }
    .resource-page .features-grid { grid-template-columns: minmax(0,1fr); gap: 16px; }
    .resource-page .feature-item { padding: 24px; }
    .resource-page .cta { padding: 48px 20px; }
}
@media (max-width: 480px) {
    .resource-page .hero-left > .section-label { font-size: .61rem; margin-bottom: 1rem; }
    .resource-page .hero-left h1 { font-size: 2.45rem; }
    .resource-page .hero-left > p { font-size: .94rem; line-height: 1.8; }
    .resource-summary { grid-template-columns: 135px minmax(0,1fr); gap: 18px; margin-top: 1.6rem; }
    .resource-art img { border-radius: 12px; transform: none; }
    .resource-page .value-badges { gap: .65rem; }
    .resource-page .value-badge, .resource-page .value-badge.highlight { font-size: .7rem; }
    .resource-page .lead-form-card { padding: 24px 20px; }
    .resource-page .lead-form-card h2 { font-size: 1.55rem; }
    .resource-page .feature-item:has(.feature-icon) { gap: 14px; }
    .resource-page .feature-icon { width: 36px; min-width: 36px; height: 36px; }
    .resource-page .trust-badges { justify-content: flex-start; gap: 20px; }
}
@media (prefers-reduced-motion: reduce) {
    .resource-art img { transform: none; }
    .resource-page .feature-item { transition: none; }
}