/* Intelligent Title — Resources page v2.0
   1. White paper cover in place of the blank paper
   2. How to Order video card sized correctly
   3. Closing section: clearer heading and four equally active next-step cards */

/* 1. White paper cover */
.it-res-feature .it-wp-cover{position:relative;width:236px;margin:0 auto;transform:rotate(4deg);transition:transform .35s ease;pointer-events:none}
.it-res-feature:hover .it-wp-cover{transform:rotate(1deg) translateY(-8px)}
.it-wp-cover::before{content:"";position:absolute;inset:0;border-radius:10px;background:rgba(255,255,255,.22);border:1px solid rgba(255,255,255,.35);transform:translate(-10px,8px) rotate(-5deg);z-index:0}
.it-wp-page{position:relative;z-index:1;background:#fff;border-radius:10px;box-shadow:0 26px 50px -18px rgba(0,0,0,.6);padding:18px 18px 16px;color:#0F2342;text-align:left;font-family:Inter,system-ui,sans-serif}
.it-wp-top{display:flex;align-items:center;gap:7px;padding-bottom:10px;border-bottom:2px solid #14A3B8}
.it-wp-top svg{width:15px;height:17px;color:#0E7F91;flex:none}
.it-wp-top span{font-size:7.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#0E7F91;line-height:1.3}
.it-wp-title{font-family:"Source Serif 4",Georgia,serif;font-size:17px;font-weight:700;line-height:1.2;margin:12px 0 4px;color:#0F2342}
.it-wp-sub{font-size:9px;line-height:1.4;color:#3E4C63;margin:0 0 11px}
.it-wp-quote{margin:0 0 12px;padding:9px 10px;border-left:3px solid #14A3B8;background:#EEF7F9;border-radius:0 6px 6px 0;font-family:"Source Serif 4",Georgia,serif;font-size:10.5px;line-height:1.4;color:#0F2342}
.it-wp-toc{list-style:none;margin:0;padding:0;display:grid;gap:6px}
.it-wp-toc li{display:flex;gap:8px;align-items:baseline;font-size:9px;font-weight:600;color:#0F2342;padding-bottom:5px;border-bottom:1px solid #E3EAF0}
.it-wp-toc li b{font-size:8px;color:#0E7F91;letter-spacing:.06em}
.it-wp-foot{margin-top:10px;font-size:7px;letter-spacing:.12em;text-transform:uppercase;color:#7A879A}
@media (max-width:900px){.it-res-feature .it-wp-cover{display:none}}
@media (prefers-reduced-motion:reduce){.it-res-feature .it-wp-cover{transition:none}}

/* 2. How to Order video card */
.it-howto{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);margin-top:20px;border:1px solid rgba(15,35,66,.12);border-radius:12px;overflow:hidden;background:#fff;text-decoration:none;color:inherit;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.it-howto:hover,.it-howto:focus-visible{transform:translateY(-3px);border-color:#14A3B8;box-shadow:0 18px 34px -18px rgba(14,127,145,.55)}
.it-howto-media{position:relative;background:#0F2342;aspect-ratio:16/9}
.it-howto-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 30%;display:block}
.it-howto-play{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
.it-howto-play span{width:56px;height:56px;border-radius:50%;background:rgba(15,35,66,.82);display:flex;align-items:center;justify-content:center;transition:background .25s ease}
.it-howto:hover .it-howto-play span{background:#0E7F91}
.it-howto-play svg{width:16px;height:16px;fill:#fff;margin-left:2px}
.it-howto-body{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.it-howto-k{font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#0E7F91;margin-bottom:8px}
.it-howto-h{font-family:var(--serif,"Source Serif 4",Georgia,serif);font-size:24px;font-weight:700;line-height:1.25;color:#0F2342;margin:0 0 8px}
.it-howto-d{font-size:15px;line-height:1.55;color:#3E4C63;margin:0 0 16px}
.it-howto-go{font-size:14px;font-weight:700;color:#0E7F91}
@media (max-width:760px){.it-howto{grid-template-columns:1fr}.it-howto-body{padding:20px}}

/* 3. Closing section */
.it-res-close:not(#_v20) .it-res-h{margin-bottom:8px}
.it-res-close:not(#_v20) .it-res-lead{text-align:center;color:#3E4C63;font-size:16px;line-height:1.55;margin:0 auto 28px;max-width:40em}
.it-res-close:not(#_v20) .it-nexts{grid-template-columns:repeat(4,minmax(0,1fr))}
.it-res-close:not(#_v20) a.it-next,
.it-res-close:not(#_v20) a.it-next.is-order{background:#fff !important;border:1px solid #D5E2EA !important;border-top:4px solid #14A3B8 !important;box-shadow:0 10px 24px -18px rgba(15,35,66,.45) !important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}
.it-res-close:not(#_v20) a.it-next.is-order b{color:#0F2342 !important}
.it-res-close:not(#_v20) a.it-next.is-order .it-next-d{color:#3E4C63 !important}
.it-res-close:not(#_v20) a.it-next.is-order .it-next-k{color:#0E7F91 !important}
.it-res-close:not(#_v20) a.it-next.is-order .it-next-ic{background:#0F2342 !important}
.it-res-close:not(#_v20) a.it-next::after{content:none !important}
.it-res-close:not(#_v20) .it-next-go{margin-top:auto;padding-top:12px;display:inline-flex;align-items:center;gap:6px;font-size:13.5px;font-weight:700;color:#0E7F91}
.it-res-close:not(#_v20) .it-next-go i{font-style:normal;transition:transform .25s ease}
.it-res-close:not(#_v20) a.it-next:hover,
.it-res-close:not(#_v20) a.it-next:focus-visible{transform:translateY(-5px);background:linear-gradient(160deg,#14A3B8,#0B6F7F) !important;border-color:transparent !important;border-top-color:#3FE3F0 !important;box-shadow:0 20px 36px -16px rgba(14,127,145,.7) !important}
.it-res-close:not(#_v20) a.it-next:hover b,
.it-res-close:not(#_v20) a.it-next:hover .it-next-d,
.it-res-close:not(#_v20) a.it-next:hover .it-next-go,
.it-res-close:not(#_v20) a.it-next:focus-visible b,
.it-res-close:not(#_v20) a.it-next:focus-visible .it-next-d,
.it-res-close:not(#_v20) a.it-next:focus-visible .it-next-go{color:#fff !important}
.it-res-close:not(#_v20) a.it-next:hover .it-next-k,
.it-res-close:not(#_v20) a.it-next:focus-visible .it-next-k{color:#CFF7FA !important}
.it-res-close:not(#_v20) a.it-next:hover .it-next-ic,
.it-res-close:not(#_v20) a.it-next:focus-visible .it-next-ic{background:rgba(255,255,255,.2) !important}
.it-res-close:not(#_v20) a.it-next:hover .it-next-go i{transform:translateX(4px)}
@media (max-width:1024px){.it-res-close:not(#_v20) .it-nexts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.it-res-close:not(#_v20) .it-nexts{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){.it-res-close:not(#_v20) a.it-next{transition:none !important;transform:none !important}}

/* v2.1 — Go deeper: three equal cards, no step dots, teal on hover */
.it-res-path.it-gd::before,.it-res-path.it-gd::after,.it-res-path.it-gd .it-res-cards::before,.it-res-path.it-gd .it-res-cards::after,.it-res-path.it-gd .it-res-card::before{content:none !important;display:none !important}
.it-res-path.it-gd{padding:40px 0 60px}
.it-res-path.it-gd > .it-res-k{text-align:center;margin:0 0 22px;padding-left:0}
.it-res-path.it-gd .it-res-cards{padding:0 !important;gap:20px}
.it-res-path.it-gd .it-res-card{position:relative;background:#fff !important;color:#0F2342 !important;border:1px solid #D5E2EA !important;border-top:4px solid #14A3B8 !important;box-shadow:0 10px 24px -18px rgba(15,35,66,.45) !important;transition:transform .25s ease,background .25s ease,box-shadow .25s ease,border-color .25s ease}
.it-res-path.it-gd .it-res-card p{color:#3E4C63 !important}
.it-res-path.it-gd .it-res-card .it-res-ck,.it-res-path.it-gd .it-res-card .it-res-more{color:#0E7F91 !important}
.it-res-path.it-gd .it-res-card .it-step-ic{background:#0F2342 !important;color:#fff !important;border:0 !important}
.it-res-path.it-gd .it-res-more i{font-style:normal;display:inline-block;transition:transform .25s ease}
.it-res-path.it-gd .it-res-card h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.it-res-path.it-gd .it-res-more{position:relative;z-index:1}
.it-res-path.it-gd .it-res-links a{position:relative;z-index:1;color:#0F2342 !important;background:#F2F8FA !important;border:1px solid #D5E2EA !important}
.it-res-path.it-gd .it-res-card:hover,.it-res-path.it-gd .it-res-card:focus-within{transform:translateY(-5px);background:linear-gradient(160deg,#14A3B8,#0B6F7F) !important;border-color:transparent !important;border-top-color:#3FE3F0 !important;box-shadow:0 20px 36px -16px rgba(14,127,145,.7) !important}
.it-res-path.it-gd .it-res-card:hover,.it-res-path.it-gd .it-res-card:hover p,.it-res-path.it-gd .it-res-card:hover .it-res-more,.it-res-path.it-gd .it-res-card:focus-within p,.it-res-path.it-gd .it-res-card:focus-within .it-res-more{color:#fff !important}
.it-res-path.it-gd .it-res-card:hover .it-res-ck,.it-res-path.it-gd .it-res-card:focus-within .it-res-ck{color:#CFF7FA !important}
.it-res-path.it-gd .it-res-card:hover .it-step-ic,.it-res-path.it-gd .it-res-card:focus-within .it-step-ic{background:rgba(255,255,255,.2) !important}
.it-res-path.it-gd .it-res-card:hover .it-res-more i{transform:translateX(4px)}
.it-res-path.it-gd .it-res-card:hover .it-res-links a,.it-res-path.it-gd .it-res-card:focus-within .it-res-links a{color:#fff !important;background:rgba(255,255,255,.12) !important;border-color:rgba(255,255,255,.35) !important}
.it-res-path.it-gd .it-res-links a:hover{background:rgba(255,255,255,.24) !important;border-color:#fff !important}
@media (max-width:900px){.it-res-path.it-gd .it-res-cards{grid-template-columns:1fr !important;padding:0 !important}.it-res-path.it-gd > .it-res-k{text-align:left}}
@media (prefers-reduced-motion:reduce){.it-res-path.it-gd .it-res-card{transition:none !important;transform:none !important}}