/* Theme Doctor product feature pages — theme-specific marketing component */
.td-product-feature-section{background:#fff}
.tdfp{color:#142a44;font-family:Inter,system-ui,sans-serif;min-width:0}
.tdfp *, .tdfp *::before,.tdfp *::after{box-sizing:border-box}
.tdfp__container{width:min(100%,1380px);margin-inline:auto;padding-inline:clamp(20px,5vw,72px)}
.tdfp a{text-decoration:none}
.tdfp__hero{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 54% 85% at 96% 21%,#174c8066,transparent 73%),radial-gradient(ellipse 58% 64% at 2% 100%,#0c668633,transparent 76%),linear-gradient(135deg,#102b55 0%,#071830 80%,#06152a 100%);color:#fff}
.tdfp__hero::after{content:"";position:absolute;pointer-events:none;z-index:-1;inset:0;background:linear-gradient(120deg,transparent 20%,#8fdbfa08 50%,transparent 84%)}
.tdfp__hero-grain{position:absolute;pointer-events:none;opacity:.14;inset:0;background-image:linear-gradient(#b2e4ff12 1px,transparent 1px),linear-gradient(90deg,#b2e4ff12 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(90deg,transparent 7%,#000 85%)}
.tdfp__breadcrumb{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:11px;padding-top:31px;color:#8ea9c6;font-size:11px;line-height:1.6}
.tdfp__breadcrumb a{color:#c0d5e8!important}
.tdfp__breadcrumb a:hover{color:#6ce0f5!important}
.tdfp__hero-grid{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(300px,.92fr);gap:clamp(32px,5.5vw,76px);align-items:center;padding:clamp(50px,7vw,98px) 0 clamp(72px,8vw,108px)}
.tdfp__hero-copy{min-width:0;max-width:690px}
.tdfp__eyebrow{display:flex;align-items:center;gap:11px;color:#85d7f6;font-size:10px;letter-spacing:.17em;font-weight:800;margin-bottom:23px}
.tdfp__eyebrow-dot{height:7px;width:7px;border-radius:50%;background:#42dfc3;box-shadow:0 0 0 5px #42dfc321}
.tdfp__hero h1{font-family:Manrope,Inter,system-ui,sans-serif;font-weight:800;letter-spacing:-.05em;font-size:clamp(40px,5vw,68px);line-height:1.08;margin:0 0 22px;color:#fff;overflow-wrap:break-word}
.tdfp__hero-copy>p{color:#bfd0e3;font-size:clamp(15px,1.33vw,18px);line-height:1.72;margin:0;max-width:630px}
.tdfp__hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:18px 22px;margin-top:30px}
.tdfp__hero-cta{display:inline-flex;align-items:center;justify-content:center;gap:21px;background:linear-gradient(105deg,#278ef2,#31bce9,#46dccb);border-radius:11px;padding:15px 19px;color:#062541!important;font-size:13px;font-weight:800;line-height:1.3;transition:filter .2s ease,transform .2s ease}
.tdfp__hero-cta:hover{filter:brightness(1.09);transform:translateY(-2px)}
.tdfp__hero-note{display:inline-flex;align-items:center;gap:7px;color:#a6c6dd;font-size:11px;white-space:nowrap}
.tdfp__hero-note svg{color:#57dfb6;flex-shrink:0}
.tdfp__visual{position:relative;max-width:530px;padding:21px 23px 22px;border:1px solid #7bc4ff39;border-radius:19px;background:linear-gradient(145deg,#143860b8,#0a2546ec);box-shadow:0 29px 68px #010a1a63,inset 0 1px #dceeff0f;overflow:hidden}
.tdfp__visual::after{content:"";position:absolute;width:230px;height:230px;right:-75px;top:4px;background:#1b90dd17;filter:blur(30px);border-radius:50%;pointer-events:none}
.tdfp__visual-top{display:flex;justify-content:space-between;gap:15px;align-items:center;color:#a3d8f5;font-size:10px;letter-spacing:.1em;font-weight:800}
.tdfp__visual-top>span:first-child{display:flex;gap:9px;align-items:center}
.tdfp__visual-mark{width:15px;height:15px;background:linear-gradient(130deg,#4fb6ff,#37dfc3);display:inline-block;border-radius:5px}
.tdfp__visual-dots{display:flex;gap:5px}.tdfp__visual-dots i{display:block;width:5px;height:5px;border-radius:50%;background:#4b749d}
.tdfp__visual-line{position:absolute;top:80px;bottom:74px;left:48px;width:1px;background:linear-gradient(#30c7de11,#62dbf5aa,#37dfbd11)}
.tdfp__visual-node{position:relative;z-index:1;display:flex;align-items:center;gap:13px;min-height:62px;margin-top:12px;padding:11px 14px;border:1px solid #80b8ea30;border-radius:12px;background:#0b2b4ddc;box-shadow:0 5px 16px #04152934;color:#e8f6ff;font-size:13px;font-weight:650}
.tdfp__visual-node--one{margin-top:22px}
.tdfp__visual-node--two{margin-left:15px}
.tdfp__visual-node--three{margin-left:30px;border-color:#47cfba70;background:linear-gradient(110deg,#0d3850,#0b2e4b)}
.tdfp__node-icon{display:grid;place-items:center;flex:0 0 29px;width:29px;height:29px;border:1px solid #588bb850;border-radius:8px;color:#81c7ec;background:#27517e38;font-size:10px;font-weight:800}
.tdfp__node-circle{margin-left:auto;width:8px;height:8px;border:2px solid #53a5da;border-radius:50%}
.tdfp__node-check{display:grid;place-items:center;margin-left:auto;width:21px;height:21px;border-radius:50%;color:#07362c;background:#51dfb3;font-weight:900}
.tdfp__visual-foot{display:flex;gap:8px;align-items:center;padding:20px 3px 0;color:#83adc8;font-size:10px;font-weight:600;letter-spacing:.025em}
.tdfp__visual-foot-dot{width:6px;height:6px;background:#4ee5c2;border-radius:50%}
.tdfp__body-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:clamp(42px,7vw,104px);align-items:start;padding:clamp(55px,7vw,91px) 0 clamp(70px,8vw,110px)}
.tdfp__main{min-width:0}
.tdfp__section-kicker{color:#187fc0;font-size:10px;font-weight:800;letter-spacing:.17em;margin-bottom:12px}
.tdfp__article{min-width:0;color:#516277;font-size:15px;line-height:1.78}
.tdfp__article>p{margin:0 0 20px}
.tdfp__article .tdfp__lead{color:#1f3651;font-size:clamp(17px,2vw,22px);line-height:1.65;font-weight:550;max-width:790px;margin-bottom:43px}
.tdfp__article h2{font-family:Manrope,Inter,system-ui,sans-serif;font-size:clamp(25px,2.8vw,34px);font-weight:800;color:#132d4b;letter-spacing:-.045em;line-height:1.22;margin:48px 0 23px}
.tdfp__article h2:first-of-type{margin-top:20px}
.tdfp__feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin-bottom:30px}
.tdfp__feature-card{border:1px solid #e1eaf4;background:linear-gradient(160deg,#fff,#f8fbff);border-radius:14px;padding:22px 19px 23px;min-width:0;box-shadow:0 5px 19px #1d548008}
.tdfp__card-index{font-size:10px;color:#188ac5;font-weight:800;letter-spacing:.13em}
.tdfp__feature-card h3{color:#173350;font-size:16px;line-height:1.35;letter-spacing:-.02em;font-weight:800;margin:17px 0 9px}
.tdfp__feature-card p{color:#63748a;font-size:12px;line-height:1.76;margin:0}
.tdfp__steps{margin:0 0 31px;padding:0;list-style:none;display:grid;gap:9px}
.tdfp__steps li{display:flex;align-items:flex-start;gap:17px;border-bottom:1px solid #ebf0f5;padding:19px 0}
.tdfp__step-number{flex:0 0 42px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#eaf5ff;color:#1685c6;font-size:12px;font-weight:800}
.tdfp__steps h3{color:#1a3550;font-size:17px;font-weight:800;margin:1px 0 6px}
.tdfp__steps p{color:#5d6d7c;font-size:13px;line-height:1.7;margin:0}
.tdfp__safety{border-left:3px solid #21b5b7;background:#f0fbfb;padding:21px 25px;border-radius:0 12px 12px 0;margin-top:29px}
.tdfp__safety strong{color:#145a66;font-size:14px;font-weight:800}
.tdfp__safety p{color:#456b75;font-size:13px;line-height:1.72;margin:8px 0 0}
.tdfp__aside{min-width:0;position:sticky;top:31px}
.tdfp__aside-inner{padding:28px 23px;border:1px solid #e3ebf4;border-radius:16px;background:linear-gradient(160deg,#f9fcff,#f3f8ff)}
.tdfp__aside-eyebrow{font-size:10px;color:#187cb8;letter-spacing:.13em;font-weight:800}
.tdfp__aside h2{font-size:20px;font-weight:800;color:#18334f;letter-spacing:-.035em;line-height:1.25;margin:12px 0 7px}
.tdfp__aside p{color:#6a7c8d;font-size:12px;line-height:1.65;margin:0 0 20px}
.tdfp__feature-nav{display:grid;gap:2px}
.tdfp__feature-nav a{display:flex;justify-content:space-between;align-items:center;gap:8px;border-radius:8px;padding:11px 10px;font-size:12px;color:#38556e!important;line-height:1.3;font-weight:650;transition:background .15s ease,color .15s ease}
.tdfp__feature-nav a:hover{background:#e6f2fd;color:#1167a0!important}
.tdfp__feature-nav a.is-current{background:#e1f1ff;color:#076bb2!important;font-weight:800}
.tdfp__feature-arrow{color:#9ab4c7;font-size:13px}
.tdfp__aside-bottom{display:flex;align-items:center;justify-content:space-between;margin-top:17px;padding-top:18px;border-top:1px solid #e0eaf3;color:#157cbd!important;font-size:12px;font-weight:800}
.tdfp__closing{display:flex;justify-content:space-between;align-items:center;gap:28px;border-radius:19px;background:radial-gradient(ellipse 50% 100% at 94% 3%,#1782a334,transparent 76%),linear-gradient(120deg,#112e57,#071b35);padding:clamp(30px,4vw,47px);margin-bottom:clamp(52px,8vw,108px);color:#fff}
.tdfp__closing-eyebrow{font-size:10px;font-weight:800;letter-spacing:.15em;color:#7bd1ee}
.tdfp__closing h2{font-size:clamp(24px,3vw,34px);line-height:1.2;letter-spacing:-.04em;color:#fff;font-weight:800;margin:12px 0 9px}
.tdfp__closing p{font-size:13px;color:#b1c8dd;line-height:1.7;margin:0;max-width:570px}
.tdfp__closing>a{flex-shrink:0;display:inline-flex;align-items:center;gap:22px;border:1px solid #8cceee50;background:#e6f8ff0b;color:#fff!important;padding:14px 18px;border-radius:10px;font-size:12px;font-weight:800}
.tdfp__closing>a:hover{background:#77d4ec1f}
.tdfp a:focus-visible{outline:3px solid #55cbec;outline-offset:4px}
@media(max-width:1080px){.tdfp__feature-grid{grid-template-columns:1fr}.tdfp__feature-card{padding:18px 20px}.tdfp__body-layout{grid-template-columns:minmax(0,1fr) 240px;gap:32px}}
@media(max-width:850px){.tdfp__hero-grid{grid-template-columns:1fr;gap:37px;padding:52px 0 65px}.tdfp__hero h1{font-size:clamp(38px,7vw,56px)}.tdfp__visual{width:min(100%,560px)}.tdfp__body-layout{grid-template-columns:1fr;gap:28px}.tdfp__aside{position:static}.tdfp__aside-inner{padding:24px}.tdfp__feature-nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 15px}.tdfp__feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:640px){.tdfp__breadcrumb{padding-top:21px;gap:8px;font-size:10px}.tdfp__hero-grid{padding:46px 0 53px}.tdfp__hero h1{font-size:clamp(36px,9.4vw,49px);margin-bottom:17px}.tdfp__hero-copy>p{font-size:15px;line-height:1.66}.tdfp__hero-actions{margin-top:24px}.tdfp__hero-cta{width:100%}.tdfp__hero-note{font-size:11px}.tdfp__visual{padding:17px 16px 18px}.tdfp__visual-node{padding:11px 9px;font-size:12px}.tdfp__visual-node--two{margin-left:9px}.tdfp__visual-node--three{margin-left:17px}.tdfp__visual-line{left:41px}.tdfp__body-layout{padding:48px 0 70px}.tdfp__feature-grid{grid-template-columns:1fr;gap:12px}.tdfp__article .tdfp__lead{font-size:17px;margin-bottom:31px}.tdfp__article h2{margin:37px 0 19px}.tdfp__steps li{gap:12px}.tdfp__feature-nav{grid-template-columns:1fr}.tdfp__closing{align-items:stretch;flex-direction:column;gap:22px}.tdfp__closing>a{justify-content:center}}
@media(prefers-reduced-motion:reduce){.tdfp__hero-cta,.tdfp__feature-nav a{transition:none}.tdfp__hero-cta:hover{transform:none}}