html {
font-size: 14px;
}
@media (min-width: 768px) {
html {
font-size: 16px;
}
}
.btn:focus, .btn:active:focus, .btn-link.nav-link:focus, .form-control:focus, .form-check-input:focus {
box-shadow: 0 0 0 0.1rem white, 0 0 0 0.25rem #258cfb;
}
html {
position: relative;
min-height: 100%;
}
body {
margin-bottom: 60px;
}
.form-floating > .form-control-plaintext::placeholder, .form-floating > .form-control::placeholder {
color: var(--bs-secondary-color);
text-align: end;
}
.form-floating > .form-control-plaintext:focus::placeholder, .form-floating > .form-control:focus::placeholder {
text-align: start;
}
.app-table-scroll {
position: relative;
overflow-x: auto;
overflow-y: auto;
-webkit-overflow-scrolling: touch;
max-height: 65vh;
}
.app-table-scroll thead th {
position: sticky;
top: 0;
z-index: 2;
background: #fff;
white-space: nowrap;
}
.app-table-scroll table {
min-width: 760px;
width: 100%;
}
.dataTables_wrapper .dataTable,
.dataTables_wrapper table.dataTable {
width: 100% !important;
}
input[type="checkbox"] {
-webkit-appearance: none;
appearance: none;
width: 2.5rem;
height: 1.4rem;
border-radius: 999px !important;
border: 1px solid #b8c0c8;
background-color: #d9dee3;
display: inline-block;
position: relative;
cursor: pointer;
vertical-align: middle;
transition: background-color .2s ease, border-color .2s ease;
}
input[type="checkbox"]::before {
content: "";
position: absolute;
top: 1px;
left: 1px;
width: 1.1rem;
height: 1.1rem;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 1px 3px rgba(0, 0, 0, .2);
transition: transform .2s ease;
}
input[type="checkbox"]:checked {
background-color: coral;
border-color: coral;
border-radius: 999px;
}
.form-check-input:checked[type="checkbox"] {
background-image: none !important;
border-radius: 999px !important;
}
.form-check .form-check-input {
margin-left: 0.5em !important;
}
input[type="checkbox"]:checked::before {
transform: translateX(1.1rem);
}
input[type="checkbox"]:focus-visible {
outline: 0;
box-shadow: 0 0 0 .2rem rgba(13, 110, 253, .25);
}
input[type="checkbox"]:disabled {
opacity: .65;
cursor: not-allowed;
}
input[type="checkbox"] + label,
.form-check .form-check-input[type="checkbox"] + .form-check-label {
margin-left: .5rem;
}
h1,
h2,
h3
{
position: relative;
display: inline-block;
color: #18233f;
font-weight: 800;
letter-spacing: .2px;
margin-bottom: 1rem;
}
h1::after,
h2::after,
h3::after {
content: "";
display: block;
width: 100px;
max-width: 100%;
height: 8px;
margin-top: 5px;
border-radius: 999px;
background: linear-gradient(90deg, #de0f2d 0%, #ff8a00 100%);
}
/* BEGIN JTDirect consolidated public-page styles. */
/* These page-scoped sections are kept separate for maintainability but served by one global stylesheet. */
/* --- ABOUT PAGE --- */
/* About page styling. All selectors are scoped to avoid changing the shared public theme. */
.jtd-about-page{--ja-red:#d10024;--ja-red-dark:#a9001d;--ja-pink:#f34f75;--ja-orange:#ff9a45;--ja-purple:#7056c8;--ja-ink:#171923;--ja-muted:#686d78;--ja-line:#e7e6eb;color:var(--ja-ink);background:#fff;overflow:hidden}
.jtd-about-page .container{max-width:1200px}
.jtd-about-page h1,.jtd-about-page h2,.jtd-about-page h3,.jtd-about-page p{overflow-wrap:anywhere}
.jtd-about-page .ja-hero{background:linear-gradient(118deg,#fff 0%,#fff7f8 57%,#fff4e9 100%);border-bottom:1px solid #f0e4e6}
.jtd-about-page .ja-hero-grid{min-height:480px;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(320px,.92fr);align-items:center;gap:42px;padding-top:54px;padding-bottom:46px}
.jtd-about-page .ja-eyebrow,.jtd-about-page .ja-kicker{display:inline-flex;align-items:center;gap:8px;color:var(--ja-red);font-size:.76rem;font-weight:850;letter-spacing:.13em;line-height:1.4;text-transform:uppercase}
.jtd-about-page .ja-hero h1{max-width:700px;margin:18px 0 19px;font-size:clamp(2.45rem,4.4vw,4.15rem);font-weight:850;letter-spacing:-.055em;line-height:1.06}
.jtd-about-page .ja-hero h1 span{display:block;color:var(--ja-red)}
.jtd-about-page .ja-lead{max-width:660px;margin:0;color:#5f6470;font-size:1.06rem;line-height:1.82}
.jtd-about-page .ja-actions,.jtd-about-page .ja-cta-actions{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}
.jtd-about-page .ja-note{display:flex;align-items:flex-start;gap:9px;max-width:640px;margin:19px 0 0;color:#6e707a;font-size:.82rem;line-height:1.6}
.jtd-about-page .ja-note i{flex:0 0 auto;margin-top:2px;color:var(--ja-red);font-size:1.02rem}
.jtd-about-page .ja-hero-visual{position:relative;min-height:360px;display:grid;place-items:center;isolation:isolate}
.jtd-about-page .ja-visual-glow{position:absolute;z-index:-1;border-radius:50%;filter:blur(1px)}
.jtd-about-page .ja-glow-one{width:330px;height:330px;background:radial-gradient(circle,rgba(243,79,117,.16),rgba(243,79,117,0) 70%)}
.jtd-about-page .ja-glow-two{width:230px;height:230px;right:1%;bottom:-2%;background:radial-gradient(circle,rgba(255,154,69,.2),rgba(255,154,69,0) 70%)}
.jtd-about-page .ja-focus-card{width:min(100%,370px);position:relative;transform:rotate(-1.5deg);}
.jtd-about-page .ja-focus-icon{color:#fff;background:linear-gradient(140deg,var(--ja-red),var(--ja-pink) 60%,var(--ja-orange));box-shadow:0 9px 20px rgba(209,0,36,.19);}
.jtd-about-page .ja-focus-overline{display:block;margin-top:22px;color:#9b6871;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.jtd-about-page .ja-focus-card h2{margin:8px 0 10px;font-size:2rem;font-weight:850;letter-spacing:-.04em;line-height:1.14}
.jtd-about-page .ja-focus-card p{margin:0;color:#626570;font-size:.94rem;line-height:1.72}
.jtd-about-page .ja-focus-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:21px}
.jtd-about-page .ja-focus-tags span{padding:6px 10px;border:1px solid #f0e1e3;border-radius:999px;background:#fff8f9;color:#8f3346;font-size:.71rem;font-weight:800}
.jtd-about-page .ja-float{position:absolute;display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid #f0e5e7;border-radius:15px;background:#fff;box-shadow:0 12px 30px rgba(40,30,35,.09);color:#353640}
.jtd-about-page .ja-float>i{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:#fff0f3;color:var(--ja-red);font-size:1.05rem}
.jtd-about-page .ja-float strong,.jtd-about-page .ja-float small{display:block}
.jtd-about-page .ja-float strong{font-size:.8rem;font-weight:850}
.jtd-about-page .ja-float small{margin-top:2px;color:#777b84;font-size:.69rem}
.jtd-about-page .ja-float-top{top:22px;right:-2px;transform:rotate(2deg)}
.jtd-about-page .ja-float-bottom{bottom:20px;left:-4px;transform:rotate(-2deg)}
.jtd-about-page .ja-float-bottom>i{background:#fff4e9;color:#be6a1d}
.jtd-about-page .ja-spark{position:absolute;color:var(--ja-orange);font-size:2.1rem}
.jtd-about-page .ja-spark-one{top:19px;left:9%}
.jtd-about-page .ja-spark-two{right:8%;bottom:32px;color:var(--ja-pink);font-size:2.5rem}
.jtd-about-page .ja-hero-footer{border-top:1px solid rgba(218,180,187,.4);background:rgba(255,255,255,.66)}
.jtd-about-page .ja-focus-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding-top:20px;padding-bottom:20px}
.jtd-about-page .ja-focus-strip>div{display:flex;align-items:center;gap:12px;min-width:0}
.jtd-about-page .ja-focus-strip strong,.jtd-about-page .ja-focus-strip small{display:block}
.jtd-about-page .ja-focus-strip strong{font-size:.88rem;font-weight:850}
.jtd-about-page .ja-focus-strip small{margin-top:3px;color:#747782;font-size:.75rem;line-height:1.45}
.jtd-about-page .ja-overview-section,.jtd-about-page .ja-principles-section{padding:76px 0 79px}
.jtd-about-page .ja-section-heading h2{font-size:clamp(2rem,3.4vw,2.85rem);}
.jtd-about-page .ja-section-heading p{color:var(--ja-muted);font-size:.98rem;}
.jtd-about-page .ja-overview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}
.jtd-about-page .ja-overview-card{min-height:270px;}
.jtd-about-page .ja-card-icon{background:#fff0f3;color:var(--ja-red);}
.jtd-about-page .ja-overview-secondary .ja-card-icon{background:#fff4e8;color:#bd6b20}
.jtd-about-page .ja-overview-tertiary .ja-card-icon{background:#f1edff;color:var(--ja-purple)}
.jtd-about-page .ja-overview-card h3{margin:21px 0 10px;font-size:1.12rem;font-weight:850;letter-spacing:-.018em}
.jtd-about-page .ja-overview-card p{min-height:78px;margin:0;color:#666b76;font-size:.9rem;line-height:1.72}
.jtd-about-page .ja-overview-card a{display:inline-flex;gap:8px;align-items:center;margin-top:17px;color:var(--ja-red);font-size:.83rem;font-weight:850;text-decoration:none}
.jtd-about-page .ja-overview-card a:hover{text-decoration:underline}
.jtd-about-page .ja-codes-section{padding:78px 0 73px;background:linear-gradient(135deg,#171923 0%,#24212b 65%,#30242c 100%);color:#fff}
.jtd-about-page .ja-section-heading-light h2{color:#fff}
.jtd-about-page .ja-section-heading-light p{color:#d0ccd2}
.jtd-about-page .ja-section-heading-light .ja-kicker{color:#ff91a6}
.jtd-about-page .ja-code-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:29px}
.jtd-about-page .ja-code-card{position:relative;min-width:0;overflow:hidden;}
.jtd-about-page .ja-code-card:before{position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--ja-red),var(--ja-pink),var(--ja-orange));content:""}
.jtd-about-page .ja-code-top{display:flex;align-items:center;justify-content:space-between;gap:12px}
.jtd-about-page .ja-code-icon{background:rgba(255,255,255,.09);color:#ff9ab0;}
.jtd-about-page .ja-code-number{font-size:1.55rem;font-weight:900;letter-spacing:.025em;color:#fff}
.jtd-about-page .ja-code-label{display:block;margin-top:20px;color:#ffabb9;font-size:.68rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.jtd-about-page .ja-code-card h3{min-height:72px;margin:8px 0 11px;font-size:1.13rem;font-weight:850;line-height:1.4;letter-spacing:-.015em;color:#fff}
.jtd-about-page .ja-code-card p{min-height:74px;margin:0;color:#d5d0d7;font-size:.88rem;line-height:1.72}
.jtd-about-page .ja-code-rule{height:1px;margin:20px 0 13px;background:rgba(255,255,255,.15)}
.jtd-about-page .ja-code-card small{color:#d6c5cb;font-size:.75rem;line-height:1.5}
.jtd-about-page .ja-code-commerce .ja-code-icon{color:#ffc27d}
.jtd-about-page .ja-code-commerce .ja-code-label{color:#ffd0a3}
.jtd-about-page .ja-code-support .ja-code-icon{color:#c8b6ff}
.jtd-about-page .ja-code-support .ja-code-label{color:#cfc0ff}
.jtd-about-page .ja-code-disclaimer{display:flex;align-items:flex-start;gap:10px;margin:25px 0 0;padding:15px 17px;border:1px solid rgba(255,255,255,.13);border-radius:13px;background:rgba(255,255,255,.055);color:#d6d2d9;font-size:.78rem;line-height:1.65}
.jtd-about-page .ja-code-disclaimer i{flex:0 0 auto;margin-top:2px;color:#ff9ab0;font-size:1.05rem}
.jtd-about-page .ja-code-disclaimer strong{color:#fff}
.jtd-about-page .ja-principles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.jtd-about-page .ja-principles-grid article{padding:8px 5px}
.jtd-about-page .ja-principle-red{background:#fff0f3;color:var(--ja-red)}
.jtd-about-page .ja-principle-orange{background:#fff3e6;color:#b96a1d}
.jtd-about-page .ja-principle-purple{background:#f1edff;color:var(--ja-purple)}
.jtd-about-page .ja-principles-grid h3{margin:17px 0 8px;font-size:1.04rem;font-weight:850}
.jtd-about-page .ja-principles-grid p{max-width:340px;margin:0;color:#686d78;font-size:.9rem;line-height:1.75}
.jtd-about-page .ja-cta-section{padding:31px 0 55px}
.jtd-about-page .ja-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:32px 35px;border:1px solid #f0dfe3;border-radius:24px;background:linear-gradient(110deg,#fff6f8,#fff 57%,#fff5eb);box-shadow:0 14px 34px rgba(68,32,41,.045)}
.jtd-about-page .ja-cta-inner h2{margin:9px 0 8px;font-size:clamp(1.5rem,2.6vw,2.2rem);font-weight:850;letter-spacing:-.04em}
.jtd-about-page .ja-cta-inner p{max-width:620px;margin:0;color:#686d78;font-size:.91rem;line-height:1.65}
.jtd-about-page .ja-cta-actions{flex:0 0 auto;margin-top:0}
@media(max-width:991.98px){.jtd-about-page .ja-hero-grid{grid-template-columns:minmax(0,1fr) minmax(270px,.82fr);gap:22px}.jtd-about-page .ja-hero h1{font-size:clamp(2.15rem,4.5vw,3.35rem)}.jtd-about-page .ja-float-top{right:-4px}.jtd-about-page .ja-focus-strip{gap:12px}.jtd-about-page .ja-cta-inner{align-items:flex-start;flex-direction:column}.jtd-about-page .ja-cta-actions{margin-top:0}}
@media(max-width:767.98px){.jtd-about-page .ja-hero-grid{grid-template-columns:1fr;padding-top:42px;padding-bottom:25px}.jtd-about-page .ja-hero h1{font-size:clamp(2.3rem,9vw,3.4rem)}.jtd-about-page .ja-hero-visual{min-height:330px;margin:0 6px}.jtd-about-page .ja-focus-card{width:min(100%,355px);}.jtd-about-page .ja-float-top{top:6px;right:-4px}.jtd-about-page .ja-float-bottom{bottom:5px;left:-3px}.jtd-about-page .ja-focus-strip{grid-template-columns:1fr;gap:15px;padding-top:17px;padding-bottom:17px}.jtd-about-page .ja-overview-section,.jtd-about-page .ja-principles-section{padding:55px 0}.jtd-about-page .ja-overview-grid,.jtd-about-page .ja-code-grid,.jtd-about-page .ja-principles-grid{grid-template-columns:1fr}.jtd-about-page .ja-overview-card{min-height:auto;}.jtd-about-page .ja-overview-card p,.jtd-about-page .ja-code-card h3,.jtd-about-page .ja-code-card p{min-height:0}.jtd-about-page .ja-codes-section{padding:56px 0}.jtd-about-page .ja-cta-section{padding:12px 0 38px}.jtd-about-page .ja-cta-inner{padding:26px 22px}.jtd-about-page .ja-cta-actions{width:100%}.jtd-about-page .ja-cta-actions .btn{flex:1}}
@media(max-width:420px){.jtd-about-page .ja-hero-actions .btn{width:100%}.jtd-about-page .ja-hero-visual{min-height:315px}.jtd-about-page .ja-float{padding:9px 10px}.jtd-about-page .ja-float>i{width:31px;height:31px}.jtd-about-page .ja-float strong{font-size:.74rem}.jtd-about-page .ja-focus-card h2{font-size:1.7rem}.jtd-about-page .ja-cta-actions{flex-direction:column}.jtd-about-page .ja-cta-actions .btn{width:100%}}
@media(prefers-reduced-motion:reduce){.jtd-about-page *{transition:none!important;scroll-behavior:auto!important}}
/* --- BLOG AND BLOG DETAILS PAGES --- */
/* JTDirect public journal: scoped to Blog and BlogDetails views. */
.jtd-blog-page{--jb-ink:#15161d;--jb-muted:#6b6f7a;--jb-line:#e5e7ed;--jb-red:#d10024;--jb-pink:#ff6078;--jb-orange:#ff9e46;--jb-purple:#7254c8;color:var(--jb-ink);background:#fff;overflow:hidden}
.jtd-blog-page .container{position:relative}
.jb-hero{position:relative;padding:66px 0 0;background:radial-gradient(circle at 88% 14%,rgba(255,156,76,.18),transparent 25%),radial-gradient(circle at 8% 75%,rgba(255,96,120,.13),transparent 25%),linear-gradient(135deg,#fff 0%,#fff9fa 57%,#fff7ed 100%)}
.jb-hero-grid{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(310px,.88fr);gap:54px;align-items:center;padding-bottom:52px}
.jb-eyebrow{color:var(--jb-red);}
.jb-eyebrow>i{font-size:1rem}
.jb-hero h1{max-width:720px;margin:17px 0 18px;font-size:clamp(2.35rem,4.3vw,4.2rem);font-weight:850;letter-spacing:-.055em;line-height:1.07;color:var(--jb-ink)}
.jb-hero h1 span{display:block;color:var(--jb-red)}
.jb-lead{max-width:670px;font-size:1.1rem;line-height:1.8;color:#535965;margin:0}
.jb-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}
.jb-hero-proof{display:flex;flex-wrap:wrap;gap:10px 20px;margin-top:25px;color:#555c68;font-size:.82rem;font-weight:650}
.jb-hero-proof span{display:inline-flex;align-items:center;gap:7px}.jb-hero-proof i{color:#1c9b65}
.jb-hero-visual{position:relative;min-height:400px;display:flex;align-items:center;justify-content:center;padding:28px 18px}
.jb-visual-main-card{position:relative;z-index:2;width:min(100%,400px);padding:30px;border:1px solid rgba(255,255,255,.14);border-radius:28px;color:#fff;background:linear-gradient(145deg,#24232e 0%,#181821 68%,#3b1b25 100%);box-shadow:0 24px 60px rgba(37,26,34,.2);overflow:hidden}
.jb-visual-main-card:after{content:"";position:absolute;width:220px;height:220px;right:-80px;bottom:-115px;border-radius:50%;background:linear-gradient(130deg,rgba(255,96,120,.7),rgba(255,158,70,.25));filter:blur(2px)}
.jb-visual-card-top{position:relative;z-index:1;display:flex;align-items:center;gap:12px}
.jb-visual-book-icon{display:grid;place-items:center;width:48px;height:48px;border-radius:16px;color:#fff;background:linear-gradient(135deg,var(--jb-red),var(--jb-orange));font-size:1.35rem}
.jb-visual-label{color:#ffc3cd;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.jb-visual-main-card h2{position:relative;z-index:1;margin:25px 0 12px;font-size:2.15rem;line-height:1.12;letter-spacing:-.035em;font-weight:800}
.jb-visual-main-card p{position:relative;z-index:1;color:#dcdae0;line-height:1.7;font-size:.93rem;margin:0;max-width:320px}
.jb-visual-stats{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:28px;padding-top:19px;border-top:1px solid rgba(255,255,255,.16)}
.jb-visual-stats div{display:flex;flex-direction:column;gap:2px}.jb-visual-stats strong{font-size:1.5rem;color:#fff}.jb-visual-stats span{font-size:.72rem;color:#c2c1ca}
.jb-visual-orbit{position:absolute;border:1px solid rgba(209,0,36,.12);border-radius:50%;transform:rotate(-20deg)}.jb-orbit-one{width:400px;height:300px}.jb-orbit-two{width:340px;height:420px;border-color:rgba(255,158,70,.2);transform:rotate(31deg)}
.jb-float-chip{position:absolute;z-index:3;display:flex;align-items:center;gap:8px;border:1px solid #f1e5e7;background:rgba(255,255,255,.94);border-radius:999px;padding:12px 16px;box-shadow:0 12px 30px rgba(30,22,28,.1);font-weight:750;font-size:.8rem;white-space:nowrap}.jb-float-chip i{color:var(--jb-red);font-size:1.05rem}.jb-float-top{top:30px;right:-6px}.jb-float-bottom{bottom:26px;left:-10px}.jb-hero-spark{position:absolute;color:var(--jb-orange);font-size:1.6rem}.jb-spark-one{top:24px;left:10%}.jb-spark-two{right:8%;bottom:55px;color:var(--jb-pink)}
.jb-hero-bottom{background:rgba(255,255,255,.78);border-top:1px solid rgba(228,231,237,.8)}
.jb-topic-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;padding-top:20px;padding-bottom:20px}
.jb-topic-strip>div{display:flex;align-items:center;gap:12px;min-width:0}.jb-topic-icon{display:grid;place-items:center;flex:none;width:43px;height:43px;border-radius:14px;font-size:1.1rem}.jb-topic-red{color:var(--jb-red);background:#fff0f3}.jb-topic-orange{color:#a95710;background:#fff1e2}.jb-topic-purple{color:var(--jb-purple);background:#f1edff}.jb-topic-strip strong,.jb-topic-strip small{display:block}.jb-topic-strip strong{font-size:.88rem;font-weight:800}.jb-topic-strip small{margin-top:2px;color:var(--jb-muted);font-size:.78rem}
.jb-featured-section{padding:65px 0 40px;background:#fff}
.jb-section-kicker{color:var(--jb-red);margin-bottom:16px;}.jb-kicker-line{height:1px;width:72px;background:linear-gradient(90deg,var(--jb-red),transparent)}
.jb-featured-card{display:grid;grid-template-columns:minmax(300px,.88fr) minmax(0,1.12fr);}
.jb-featured-art{position:relative;min-height:335px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(145deg,#ffedf0,#fff5e7)}
.jb-featured-art:before{content:"";position:absolute;width:280px;height:280px;border-radius:50%;background:linear-gradient(145deg,rgba(209,0,36,.13),rgba(255,158,70,.1));transform:translate(-5px,12px)}
.jb-featured-art-ring{position:absolute;border:1px solid rgba(209,0,36,.16);border-radius:50%}.jb-ring-one{width:330px;height:220px;transform:rotate(36deg)}.jb-ring-two{width:240px;height:330px;transform:rotate(-30deg);border-color:rgba(255,158,70,.27)}
.jb-featured-icon{position:relative;z-index:1;display:grid;place-items:center;width:120px;height:120px;border-radius:36px;background:linear-gradient(145deg,var(--jb-red),#f14c70 65%,var(--jb-orange));color:#fff;font-size:3.1rem;transform:rotate(-6deg);box-shadow:0 22px 44px rgba(209,0,36,.23)}
.jb-art-chip{position:absolute;z-index:1;display:flex;align-items:center;gap:7px;background:#fff;border:1px solid #f3e1e5;border-radius:999px;padding:11px 14px;font-size:.75rem;font-weight:800;box-shadow:0 10px 25px rgba(28,23,33,.08)}.jb-art-chip-top{top:32px;left:25px}.jb-art-chip-bottom{right:20px;bottom:27px;color:#25865d}.jb-art-chip-bottom i{font-size:1rem}
.jb-featured-copy{padding:38px 42px;align-self:center}.jb-article-meta{display:flex;flex-wrap:wrap;align-items:center;gap:9px 16px;color:var(--jb-muted);font-size:.78rem;font-weight:650}.jb-article-meta span{display:inline-flex;align-items:center;gap:6px}.jb-article-meta i{color:var(--jb-red)}.jb-featured-copy h2{margin:18px 0 13px;font-size:clamp(1.6rem,2.4vw,2.3rem);line-height:1.2;letter-spacing:-.035em;font-weight:850}.jb-featured-copy>p{color:#5b606b;line-height:1.8;margin:0}.jb-featured-points{display:grid;gap:9px;margin-top:19px;color:#3e4850;font-size:.86rem;font-weight:650}.jb-featured-points span{display:flex;gap:8px;align-items:center}.jb-featured-points i{color:#279768;font-size:1.05rem}
.jb-read-link{display:inline-flex;align-items:center;gap:8px;margin-top:22px;color:var(--jb-red)!important;text-decoration:none;font-weight:850;font-size:.9rem}.jb-read-link i{transition:transform .15s ease}.jb-read-link:hover i{transform:translate(3px,-2px)}
.jb-library-section{padding:58px 0 70px;background:linear-gradient(180deg,#fff 0%,#fff9fa 48%,#fff 100%)}.jb-eyebrow-muted{font-size:.75rem;color:#7c6570}.jb-library-heading h2{font-size:clamp(1.8rem,3vw,2.65rem);}.jb-library-heading p{max-width:760px;color:#626874;}.jb-guide-count{display:flex;flex:none;flex-direction:column;align-items:center;justify-content:center;width:90px;height:90px;border:1px solid #f0dce1;border-radius:25px;background:#fff;box-shadow:0 10px 30px rgba(40,26,35,.05)}.jb-guide-count strong{font-size:1.7rem;color:var(--jb-red);line-height:1}.jb-guide-count span{margin-top:7px;font-size:.68rem;color:var(--jb-muted);font-weight:700}
.jb-search-panel{display:grid;grid-template-columns:minmax(220px,1fr) minmax(190px,.42fr) auto auto;align-items:center;gap:10px;padding:13px;border:1px solid #ebe1e4;border-radius:18px;background:#fff;box-shadow:0 8px 26px rgba(25,24,33,.04)}.jb-search-box,.jb-category-select{min-width:0;display:flex;align-items:center;gap:11px;padding:0 12px;border:1px solid #e7e8ed;border-radius:12px;background:#fff;min-height:47px}.jb-search-box>i{color:var(--jb-red)}.jb-search-box input,.jb-category-select select{width:100%;min-width:0;border:0;outline:none;background:transparent;color:var(--jb-ink);font:inherit;font-size:.85rem}.jb-search-box input::placeholder{color:#8b909b}.jb-category-select select{cursor:pointer}.jb-reset-link{font-size:.79rem;font-weight:750;color:#6d5960!important;text-decoration:none;white-space:nowrap}.jb-reset-link:hover{color:var(--jb-red)!important}
.jb-category-chips{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 27px}
.jb-article-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:23px}.jb-article-card{display:flex;flex-direction:column;min-width:0;}.jb-card-art{position:relative;display:grid;place-items:center;min-height:190px;overflow:hidden;text-decoration:none;background:linear-gradient(145deg,#ffedf1,#fff5e8)}.jb-card-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 27%,rgba(255,255,255,.8),transparent 26%)}.jb-card-orbit{position:absolute;border:1px solid rgba(209,0,36,.15);border-radius:50%}.jb-card-orbit-one{width:220px;height:150px;transform:rotate(38deg)}.jb-card-orbit-two{width:150px;height:220px;transform:rotate(-38deg);border-color:rgba(255,158,70,.3)}.jb-card-art-icon{position:relative;z-index:1;display:grid;place-items:center;width:77px;height:77px;border:1px solid rgba(255,255,255,.7);border-radius:25px;background:linear-gradient(145deg,var(--jb-red),#f44c71 67%,var(--jb-orange));color:#fff;font-size:2rem;box-shadow:0 15px 30px rgba(209,0,36,.2);transform:rotate(-5deg);transition:transform .2s ease}.jb-article-card:hover .jb-card-art-icon{transform:rotate(0) scale(1.05)}.jb-card-art-category{position:absolute;z-index:2;left:14px;bottom:13px;}.jb-article-card-body{display:flex;flex:1;flex-direction:column;align-items:flex-start;padding:22px 22px 23px}.jb-article-card-body .jb-article-meta{width:100%;justify-content:space-between;gap:5px;font-size:.7rem}.jb-article-card-body h3{margin:16px 0 10px;font-size:1.18rem;line-height:1.35;font-weight:850;letter-spacing:-.02em}.jb-article-card-body h3 a{color:var(--jb-ink)!important;text-decoration:none}.jb-article-card-body h3 a:hover{color:var(--jb-red)!important}.jb-article-card-body>p{margin:0;color:#656a75;font-size:.88rem;line-height:1.75}.jb-article-card-body .jb-read-link{margin-top:auto;padding-top:19px}
.jb-empty-state{display:flex;flex-direction:column;align-items:center;text-align:center;padding:55px 24px;border:1px dashed #e7cbd2;border-radius:23px;background:#fff}.jb-empty-state>span{display:grid;place-items:center;width:58px;height:58px;border-radius:20px;background:#fff0f3;color:var(--jb-red);font-size:1.5rem}.jb-empty-state h3{margin:17px 0 8px;font-size:1.4rem;font-weight:850}.jb-empty-state p{max-width:430px;color:var(--jb-muted);margin:0 0 20px}.jb-editorial-note{display:flex;align-items:flex-start;gap:10px;margin:27px 0 0;border-radius:13px;padding:15px 17px;background:#f8f8fa;color:#656a75;font-size:.79rem;line-height:1.75}.jb-editorial-note>i{flex:none;margin-top:3px;color:var(--jb-red)}
.jb-bottom-cta{padding:45px 0;background:linear-gradient(115deg,#171720 0%,#2b1a24 57%,#4c2028 100%);color:#fff}.jb-bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.jb-bottom-cta .jb-eyebrow{color:#ff9cac}.jb-bottom-cta h2{margin:10px 0 8px;font-size:clamp(1.5rem,2.5vw,2.1rem);letter-spacing:-.03em;font-weight:850}.jb-bottom-cta p{margin:0;color:#d5cdd3}
/* Article detail */
.jb-detail-hero{padding:32px 0 48px;background:radial-gradient(circle at 87% 40%,rgba(255,158,70,.16),transparent 25%),linear-gradient(135deg,#fff9fa 0%,#fff 60%,#fff7ed 100%);border-bottom:1px solid #f0e7e9}.jb-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:9px;color:#8a7b82;font-size:.78rem;margin-bottom:32px}.jb-breadcrumb a{color:#6c5c64!important;text-decoration:none}.jb-breadcrumb a:hover{color:var(--jb-red)!important}.jb-breadcrumb>i{font-size:.65rem}.jb-detail-hero-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(260px,.8fr);gap:54px;align-items:center}.jb-detail-intro h1{margin:17px 0 15px;font-size:clamp(2.15rem,4vw,3.6rem);line-height:1.1;font-weight:850;letter-spacing:-.05em}.jb-detail-excerpt{max-width:760px;color:#5c626d;line-height:1.8;font-size:1.08rem;margin:0 0 20px}.jb-detail-art{position:relative;display:grid;place-items:center;min-height:280px;border-radius:27px;overflow:hidden;background:linear-gradient(145deg,#ffedf0,#fff3e3)}.jb-detail-art:before{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:rgba(209,0,36,.08)}.jb-detail-orbit{position:absolute;border:1px solid rgba(209,0,36,.16);border-radius:50%}.jb-detail-orbit-one{width:360px;height:220px;transform:rotate(31deg)}.jb-detail-orbit-two{width:220px;height:350px;transform:rotate(-24deg);border-color:rgba(255,158,70,.28)}.jb-detail-icon{position:relative;z-index:1;display:grid;place-items:center;width:108px;height:108px;border-radius:32px;background:linear-gradient(145deg,var(--jb-red),#f14c70 65%,var(--jb-orange));color:#fff;font-size:2.8rem;box-shadow:0 22px 42px rgba(209,0,36,.23);transform:rotate(-5deg)}.jb-detail-art-caption{position:absolute;bottom:20px;left:20px;right:20px;text-align:center;color:#8a4a57;font-size:.72rem;font-weight:850;letter-spacing:.13em;text-transform:uppercase}
.jb-detail-body-section{padding:55px 0 75px}.jb-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:62px;align-items:start}.jb-article-content{max-width:800px;min-width:0}.jb-article-lead{font-size:1.12rem;line-height:1.9;color:#424854;margin:0 0 28px}.jb-takeaway-box{margin:0 0 36px;padding:22px 24px;border:1px solid #f0dce1;border-radius:19px;background:linear-gradient(120deg,#fff6f8,#fffaf4)}.jb-takeaway-title{display:flex;align-items:center;gap:10px;font-size:1rem}.jb-takeaway-title>span{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#ffe1e7;color:var(--jb-red)}.jb-takeaway-title strong{font-weight:850}.jb-takeaway-box ul{display:grid;gap:10px;padding:0;margin:17px 0 0;list-style:none}.jb-takeaway-box li{display:flex;align-items:flex-start;gap:9px;color:#4e5560;font-size:.89rem;line-height:1.6}.jb-takeaway-box li i{color:#299b6b;margin-top:3px;flex:none}.jb-article-section{margin:0 0 30px}.jb-article-section h2{margin:0 0 13px;padding-left:15px;border-left:4px solid var(--jb-red);font-size:1.45rem;font-weight:850;letter-spacing:-.025em;line-height:1.3}.jb-article-section p{color:#535966;line-height:1.9;margin:0 0 13px}.jb-article-disclaimer{display:flex;align-items:flex-start;gap:11px;padding:16px 18px;margin:34px 0 24px;border-radius:14px;background:#f7f7f9;color:#676c77;font-size:.8rem;line-height:1.75}.jb-article-disclaimer>i{color:var(--jb-red);margin-top:4px;flex:none}.jb-article-disclaimer p{margin:0}.jb-back-to-blog{display:inline-flex;align-items:center;gap:8px;color:var(--jb-red)!important;font-weight:800;text-decoration:none}.jb-back-to-blog:hover{text-decoration:underline}
.jb-related-sidebar{position:sticky;top:90px;}.jb-related-header h2{margin:8px 0 19px;font-size:1.55rem;font-weight:850;letter-spacing:-.03em}.jb-related-card{display:grid;grid-template-columns:48px minmax(0,1fr);align-items:start;gap:11px;padding:14px 0;border-top:1px solid #ececf0}.jb-related-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:14px;background:#fff0f3;color:var(--jb-red);font-size:1.1rem}.jb-related-card small{display:block;color:#8b6671;font-size:.68rem;font-weight:800;line-height:1.35}.jb-related-card h3{font-size:.88rem;line-height:1.45;font-weight:800;margin:4px 0}.jb-related-card h3 a{color:var(--jb-ink)!important;text-decoration:none}.jb-related-card h3 a:hover{color:var(--jb-red)!important}.jb-related-time{font-size:.69rem;color:var(--jb-muted)}.jb-related-contact{margin-top:18px;padding:17px;border-radius:16px;background:linear-gradient(145deg,#fff0f3,#fff4e7)}.jb-related-contact>span{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#fff;color:var(--jb-red);font-size:1.05rem}.jb-related-contact h3{margin:12px 0 7px;font-size:1rem;font-weight:850}.jb-related-contact p{margin:0;color:#626873;font-size:.8rem;line-height:1.65}.jb-related-contact a{display:inline-flex;align-items:center;gap:7px;margin-top:13px;color:var(--jb-red)!important;font-size:.8rem;font-weight:850;text-decoration:none}
/* Per-topic artwork */
.jb-tone-wellness .jb-card-art,.jb-tone-wellness.jb-card-art,.jb-tone-wellness.jb-featured-art,.jb-tone-wellness.jb-detail-art{background:linear-gradient(145deg,#e8f7ed,#f8fff5)}
.jb-tone-insurance .jb-card-art,.jb-tone-insurance.jb-card-art,.jb-tone-insurance.jb-featured-art,.jb-tone-insurance.jb-detail-art{background:linear-gradient(145deg,#e9f2ff,#f7faff)}
.jb-tone-solar .jb-card-art,.jb-tone-solar.jb-card-art,.jb-tone-solar.jb-featured-art,.jb-tone-solar.jb-detail-art{background:linear-gradient(145deg,#fff1d7,#fff9ec)}
.jb-tone-learning .jb-card-art,.jb-tone-learning.jb-card-art,.jb-tone-learning.jb-featured-art,.jb-tone-learning.jb-detail-art{background:linear-gradient(145deg,#eee9ff,#f9f7ff)}
.jb-tone-business .jb-card-art,.jb-tone-business.jb-card-art,.jb-tone-business.jb-featured-art,.jb-tone-business.jb-detail-art{background:linear-gradient(145deg,#e6f6f7,#f5ffff)}
.jb-tone-wellness .jb-card-art-icon,.jb-tone-wellness.jb-featured-art .jb-featured-icon,.jb-tone-wellness.jb-detail-art .jb-detail-icon{background:linear-gradient(145deg,#1f8856,#7bbd5e)}
.jb-tone-insurance .jb-card-art-icon,.jb-tone-insurance.jb-featured-art .jb-featured-icon,.jb-tone-insurance.jb-detail-art .jb-detail-icon{background:linear-gradient(145deg,#265fae,#6998e6)}
.jb-tone-solar .jb-card-art-icon,.jb-tone-solar.jb-featured-art .jb-featured-icon,.jb-tone-solar.jb-detail-art .jb-detail-icon{background:linear-gradient(145deg,#c77913,#f8b642)}
.jb-tone-learning .jb-card-art-icon,.jb-tone-learning.jb-featured-art .jb-featured-icon,.jb-tone-learning.jb-detail-art .jb-detail-icon{background:linear-gradient(145deg,#6d4cc4,#ac8cff)}
.jb-tone-business .jb-card-art-icon,.jb-tone-business.jb-featured-art .jb-featured-icon,.jb-tone-business.jb-detail-art .jb-detail-icon{background:linear-gradient(145deg,#197987,#53b9b5)}
.jb-tone-wellness .jb-card-orbit,.jb-tone-wellness .jb-featured-art-ring,.jb-tone-wellness .jb-detail-orbit{border-color:rgba(31,136,86,.16)}
.jb-tone-insurance .jb-card-orbit,.jb-tone-insurance .jb-featured-art-ring,.jb-tone-insurance .jb-detail-orbit{border-color:rgba(38,95,174,.16)}
.jb-tone-solar .jb-card-orbit,.jb-tone-solar .jb-featured-art-ring,.jb-tone-solar .jb-detail-orbit{border-color:rgba(199,121,19,.19)}
.jb-tone-learning .jb-card-orbit,.jb-tone-learning .jb-featured-art-ring,.jb-tone-learning .jb-detail-orbit{border-color:rgba(109,76,196,.17)}
.jb-tone-business .jb-card-orbit,.jb-tone-business .jb-featured-art-ring,.jb-tone-business .jb-detail-orbit{border-color:rgba(25,121,135,.17)}
@media(max-width:1100px){.jb-hero-grid{gap:28px}.jb-article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.jb-search-panel{grid-template-columns:minmax(200px,1fr) minmax(170px,.65fr) auto}.jb-reset-link{grid-column:1/-1;justify-self:end}.jb-detail-layout{grid-template-columns:minmax(0,1fr) 280px;gap:36px}}
@media(max-width:800px){.jb-hero{padding-top:44px}.jb-hero-grid{grid-template-columns:1fr;gap:15px;padding-bottom:36px}.jb-hero-copy{max-width:760px}.jb-hero-visual{min-height:365px;max-width:560px;width:100%;margin:0 auto}.jb-topic-strip{gap:13px}.jb-topic-strip>div{align-items:flex-start}.jb-topic-strip small{line-height:1.45}.jb-featured-card{grid-template-columns:1fr;}.jb-featured-art{min-height:270px}.jb-featured-copy{padding:28px}.jb-search-panel{grid-template-columns:1fr 1fr}.jb-search-box{grid-column:1/-1}.jb-search-button{width:100%}.jb-reset-link{grid-column:auto;justify-self:start}.jb-detail-hero-grid{grid-template-columns:1fr;gap:28px}.jb-detail-art{min-height:230px}.jb-detail-layout{grid-template-columns:1fr;gap:42px}.jb-related-sidebar{position:static;}.jb-related-card{grid-template-columns:48px minmax(0,1fr)}}
@media(max-width:560px){.jb-hero h1{font-size:2.45rem}.jb-lead{font-size:1rem}.jb-hero-proof{display:grid;gap:8px}.jb-hero-visual{min-height:330px;padding:18px 8px}.jb-visual-main-card{padding:23px;border-radius:23px}.jb-visual-main-card h2{font-size:1.8rem}.jb-float-chip{padding:9px 11px;font-size:.7rem}.jb-float-top{right:-4px;top:12px}.jb-float-bottom{left:-4px;bottom:12px}.jb-visual-stats strong{font-size:1.25rem}.jb-visual-stats span{font-size:.64rem}.jb-topic-strip{grid-template-columns:1fr;gap:16px;padding-top:18px;padding-bottom:18px}.jb-topic-strip>div{align-items:center}.jb-featured-section{padding:42px 0 25px}.jb-featured-art{min-height:235px}.jb-featured-copy{padding:23px 21px}.jb-library-section{padding:42px 0 50px}.jb-guide-count{width:68px;height:68px;border-radius:20px}.jb-guide-count strong{font-size:1.4rem}.jb-guide-count span{font-size:.58rem;text-align:center}.jb-search-panel{grid-template-columns:1fr;padding:10px}.jb-search-box,.jb-category-select,.jb-search-button,.jb-reset-link{grid-column:auto}.jb-reset-link{justify-self:start}.jb-category-chips{gap:7px}.jb-article-grid{grid-template-columns:1fr;gap:16px}.jb-card-art{min-height:170px}.jb-article-card-body{padding:20px}.jb-bottom-cta{padding:34px 0}.jb-bottom-cta-inner{align-items:flex-start;flex-direction:column}.jb-detail-hero{padding-top:22px}.jb-breadcrumb{margin-bottom:23px}.jb-detail-intro h1{font-size:2.25rem}.jb-detail-excerpt{font-size:1rem}.jb-detail-body-section{padding:38px 0 50px}.jb-article-lead{font-size:1.03rem}.jb-takeaway-box{padding:19px}.jb-article-section h2{font-size:1.28rem}}
@media(prefers-reduced-motion:reduce){.jtd-blog-page *{scroll-behavior:auto!important;transition:none!important}}
/* --- FAQ PAGE --- */
.jtd-faq-page {
--jtd-faq-red: #d10024;
--jtd-faq-red-dark: #a8001d;
--jtd-faq-pink: #ee3b5a;
--jtd-faq-orange: #e0a21b;
--jtd-faq-ink: #21242b;
--jtd-faq-muted: #69717e;
--jtd-faq-line: #e8e9ee;
overflow: hidden;
color: var(--jtd-faq-ink);
background: #fff;
}
.jtd-faq-page *,
.jtd-faq-page *::before,
.jtd-faq-page *::after { box-sizing: border-box; }
.jtd-faq-page a { text-decoration: none; }
.jtd-faq-page .container { position: relative; z-index: 1; }
.jtd-faq-hero {
position: relative;
padding: clamp(3.5rem, 7vw, 6.4rem) 0 0;
background: radial-gradient(circle at 83% 23%, rgba(255, 214, 221, .72), transparent 28%), radial-gradient(circle at 57% 84%, rgba(255, 237, 205, .56), transparent 24%), linear-gradient(135deg, #fff8f9 0%, #fff 50%, #fff9f0 100%);
}
.jtd-faq-hero::before,
.jtd-faq-hero::after { content: ""; position: absolute; border-radius: 50%; pointer-events: none; }
.jtd-faq-hero::before { width: 370px; height: 370px; right: -150px; top: -165px; border: 1px solid rgba(209, 0, 36, .08); }
.jtd-faq-hero::after { width: 245px; height: 245px; left: -140px; bottom: 42px; background: rgba(255, 232, 236, .35); }
.jtd-faq-hero-grid { display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(320px, .95fr); align-items: center; gap: clamp(2rem, 5vw, 5rem); padding-bottom: clamp(3rem, 5vw, 4.6rem); }
.jtd-faq-hero-copy { max-width: 650px; }
.jtd-faq-eyebrow, .jtd-faq-kicker { color: var(--jtd-faq-red); }
.jtd-faq-eyebrow { border: 1px solid #f4c4cc; border-radius: 999px; padding: .52rem .85rem; background: rgba(255,255,255,.82); letter-spacing: .06em; }
.jtd-faq-hero h1 { margin: 1.25rem 0 1rem; max-width: 680px; color: #202128; font-size: clamp(2.45rem, 4.5vw, 4.15rem); font-weight: 850; letter-spacing: -.055em; line-height: 1.07; }
.jtd-faq-hero h1 span { display: block; color: var(--jtd-faq-red); }
.jtd-faq-hero-copy > p { max-width: 610px; margin: 0; color: #5e6571; font-size: clamp(1rem, 1.4vw, 1.12rem); line-height: 1.8; }
.jtd-faq-hero-actions, .jtd-faq-bottom-actions { display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 1.7rem; }
.jtd-faq-trust-note { display: flex; align-items: flex-start; gap: .6rem; max-width: 590px; margin-top: 1.35rem; color: #747985; font-size: .8rem; line-height: 1.65; }
.jtd-faq-trust-note i { margin-top: .2rem; color: var(--jtd-faq-red); }
.jtd-faq-hero-art { position: relative; display: grid; min-height: 365px; place-items: center; isolation: isolate; }
.jtd-faq-orbit { position: absolute; border: 1px solid rgba(209,0,36,.13); border-radius: 50%; z-index: -1; }
.jtd-faq-orbit-one { width: min(390px, 95%); aspect-ratio: 1; transform: rotate(-24deg) scaleY(.68); }
.jtd-faq-orbit-two { width: min(325px, 80%); aspect-ratio: 1; transform: rotate(26deg) scaleY(.72); border-color: rgba(224,162,27,.24); }
.jtd-faq-hero-card { position: relative; width: min(375px, 86%); }
.jtd-faq-hero-card::after { position: absolute; top: 0; right: 0; width: 38%; height: 5px; border-radius: 0 1.45rem 0 1rem; background: linear-gradient(90deg, var(--jtd-faq-red), var(--jtd-faq-pink), var(--jtd-faq-orange)); content: ""; }
.jtd-faq-hero-icon { background: linear-gradient(135deg, #ffe1e7, #fff0d8); color: var(--jtd-faq-red); }
.jtd-faq-mini-label { display: block; margin-top: 1.25rem; color: var(--jtd-faq-muted); font-size: .74rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.jtd-faq-hero-card h2 { margin: .45rem 0 .7rem; color: #25252c; font-size: clamp(1.55rem, 2.3vw, 2.05rem); font-weight: 850; letter-spacing: -.045em; line-height: 1.15; }
.jtd-faq-hero-card p { margin: 0; color: #69717e; font-size: .92rem; line-height: 1.7; }
.jtd-faq-hero-pills { display: flex; flex-wrap: wrap; gap: .45rem; margin-top: 1.25rem; }
.jtd-faq-hero-pills span { display: inline-flex; align-items: center; gap: .3rem; padding: .4rem .55rem; border: 1px solid #f0e5e7; border-radius: 999px; background: #fff9fa; color: #7a3e4a; font-size: .69rem; font-weight: 700; }
.jtd-faq-float { position: absolute; display: flex; align-items: center; gap: .65rem; padding: .75rem .95rem; border: 1px solid #eee7e9; border-radius: .9rem; background: #fff; box-shadow: 0 13px 32px rgba(73, 31, 39, .11); }
.jtd-faq-float > i { display: grid; width: 37px; height: 37px; place-items: center; border-radius: .7rem; background: #fff0f3; color: var(--jtd-faq-red); font-size: 1.1rem; }
.jtd-faq-float span { display: grid; gap: .08rem; }
.jtd-faq-float strong { color: #30313a; font-size: .79rem; }
.jtd-faq-float small { color: #79808b; font-size: .68rem; }
.jtd-faq-float-top { top: 28px; right: -8px; }
.jtd-faq-float-bottom { bottom: 22px; left: -8px; }
.jtd-faq-float-bottom > i { background: #fff3df; color: #b17912; }
.jtd-faq-hero-bottom { border-top: 1px solid rgba(222, 194, 199, .55); background: rgba(255,255,255,.72); }
.jtd-faq-highlight-strip { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 1.2rem; padding-top: 1.35rem; padding-bottom: 1.35rem; }
.jtd-faq-highlight-strip > div { display: flex; align-items: center; gap: .7rem; min-width: 0; }
.jtd-faq-highlight-strip > div > i { display: grid; flex: 0 0 42px; width: 42px; height: 42px; place-items: center; border-radius: .8rem; background: #fff0f3; color: var(--jtd-faq-red); font-size: 1.15rem; }
.jtd-faq-highlight-strip span { display: grid; gap: .1rem; }
.jtd-faq-highlight-strip strong { color: #30313a; font-size: .84rem; }
.jtd-faq-highlight-strip small { color: #7b808c; font-size: .72rem; }
.jtd-faq-highlight-strip > div:nth-child(2) > i { background: #fff2de; color: #b67816; }
.jtd-faq-highlight-strip > div:nth-child(3) > i { background: #f0ecff; color: #7055c5; }
.jtd-faq-highlight-strip > div:nth-child(4) > i { background: #e8f7ef; color: #218354; }
.jtd-faq-browser-section { padding: clamp(3.3rem, 6vw, 5.5rem) 0; background: #fff; }
.jtd-faq-section-heading h2 { color: #22232a; font-size: clamp(1.85rem, 3vw, 2.8rem); }
.jtd-faq-section-heading p { color: var(--jtd-faq-muted); }
.jtd-faq-filter-bar { display: grid; grid-template-columns: minmax(220px, 1fr) minmax(195px, 265px) auto; align-items: center; gap: .7rem; padding: .85rem; border: 1px solid var(--jtd-faq-line); border-radius: 1rem; background: #fff; box-shadow: 0 12px 34px rgba(29, 32, 42, .055); }
.jtd-faq-search-wrap, .jtd-faq-category-wrap { display: flex; align-items: center; gap: .65rem; min-width: 0; min-height: 48px; padding: 0 .9rem; border: 1px solid #e7e8ed; border-radius: .7rem; background: #fcfcfd; color: #858b96; }
.jtd-faq-search-wrap:focus-within, .jtd-faq-category-wrap:focus-within { border-color: #e7a0ad; box-shadow: 0 0 0 3px rgba(209,0,36,.07); }
.jtd-faq-search-wrap > i, .jtd-faq-category-wrap > i { flex: 0 0 auto; color: var(--jtd-faq-red); }
.jtd-faq-search-wrap input, .jtd-faq-category-wrap select { width: 100%; min-width: 0; height: 44px; padding: 0; border: 0; outline: 0; background: transparent; color: #333640; font-size: .87rem; box-shadow: none; }
.jtd-faq-search-wrap input::placeholder { color: #9298a2; }
.jtd-faq-category-wrap select { cursor: pointer; }
.jtd-faq-results-row { display: flex; justify-content: space-between; gap: 1rem; padding: .9rem .2rem 1.25rem; color: #8a909b; font-size: .76rem; }
.jtd-faq-results-row [data-faq-count] { color: #4c515c; font-weight: 800; }
.jtd-faq-layout { display: grid; grid-template-columns: minmax(0, 1fr) 315px; align-items: start; gap: 1.8rem; }
.jtd-faq-groups { display: grid; gap: 1.55rem; min-width: 0; }
.jtd-faq-group-heading { display: flex; align-items: center; gap: .85rem; margin-bottom: 1rem; }
.jtd-faq-group-heading h3 { margin: 0; color: #2b2d35; font-size: 1.1rem; font-weight: 830; letter-spacing: -.02em; }
.jtd-faq-group-heading p { margin: .2rem 0 0; color: #838995; font-size: .78rem; line-height: 1.5; }
.jtd-faq-accordion { display: grid; gap: .55rem; }
.jtd-faq-item.accordion-item { overflow: hidden; border: 1px solid #ebebef; border-radius: .75rem; background: #fff; }
.jtd-faq-item .accordion-header { margin: 0; }
.jtd-faq-item .accordion-button { display: flex; align-items: center; gap: .8rem; padding: .92rem 1rem; border: 0; background: #fff; box-shadow: none; color: #343640; font-size: .91rem; font-weight: 740; line-height: 1.5; }
.jtd-faq-item .accordion-button::after { display: none; }
.jtd-faq-item .accordion-button:focus { outline: 0; box-shadow: inset 0 0 0 2px rgba(209,0,36,.14); }
.jtd-faq-item .accordion-button:not(.collapsed) { color: #a8001d; background: linear-gradient(90deg, #fff7f8, #fff); }
.jtd-faq-question-mark { display: grid; flex: 0 0 27px; width: 27px; height: 27px; margin-left: auto; place-items: center; border: 1px solid #f2d4da; border-radius: 50%; background: #fff7f8; color: var(--jtd-faq-red); font-size: .72rem; transition: transform .18s ease; }
.jtd-faq-item .accordion-button:not(.collapsed) .jtd-faq-question-mark { transform: rotate(45deg); background: var(--jtd-faq-red); color: #fff; border-color: var(--jtd-faq-red); }
.jtd-faq-item .accordion-body { padding: .1rem 1rem 1.1rem; color: #68707c; font-size: .87rem; line-height: 1.8; }
.jtd-faq-item[hidden], .jtd-faq-group[hidden] { display: none !important; }
.jtd-faq-sidebar { position: sticky; top: 1rem; display: grid; gap: 1rem; }
.jtd-faq-support-card { position: relative; overflow: hidden; }
.jtd-faq-support-card::after { position: absolute; right: -35px; bottom: -62px; width: 155px; height: 155px; border: 1px solid rgba(209,0,36,.08); border-radius: 50%; content: ""; }
.jtd-faq-support-icon { margin-bottom: 1rem; background: #fff; color: var(--jtd-faq-red); box-shadow: 0 6px 15px rgba(209,0,36,.08); }
.jtd-faq-support-card h3 { margin: .5rem 0 .65rem; color: #282930; font-size: 1.35rem; font-weight: 850; letter-spacing: -.035em; line-height: 1.2; }
.jtd-faq-support-card p { margin: 0 0 1.1rem; color: #737985; font-size: .83rem; line-height: 1.75; }
.jtd-faq-shortcut-card h3 { margin: 0 0 .8rem; padding-bottom: .8rem; border-bottom: 1px solid #eeeef2; color: #292b33; font-size: 1rem; font-weight: 840; }
.jtd-faq-shortcut-card > a { display: flex; align-items: center; gap: .7rem; padding: .75rem .1rem; border-bottom: 1px solid #f0f0f3; color: inherit; }
.jtd-faq-shortcut-card > a:last-child { border-bottom: 0; padding-bottom: .15rem; }
.jtd-faq-shortcut-card > a:hover strong { color: var(--jtd-faq-red); }
.jtd-faq-shortcut-icon { display: grid; flex: 0 0 38px; width: 38px; height: 38px; place-items: center; border-radius: .7rem; background: #fff0f3; color: var(--jtd-faq-red); font-size: 1rem; }
.jtd-faq-shortcut-card > a:nth-of-type(2) .jtd-faq-shortcut-icon { background: #fff4e0; color: #a76c0d; }
.jtd-faq-shortcut-card > a:nth-of-type(3) .jtd-faq-shortcut-icon { background: #eaf7ef; color: #237a50; }
.jtd-faq-shortcut-card > a:nth-of-type(4) .jtd-faq-shortcut-icon { background: #f0edff; color: #6a55bb; }
.jtd-faq-shortcut-card > a > span:nth-child(2) { display: grid; flex: 1; gap: .14rem; min-width: 0; }
.jtd-faq-shortcut-card strong { color: #3b3d46; font-size: .8rem; font-weight: 800; }
.jtd-faq-shortcut-card small { color: #8a909a; font-size: .68rem; line-height: 1.45; }
.jtd-faq-shortcut-card > a > i { color: #adb1b9; font-size: .75rem; }
.jtd-faq-sidebar-note { display: flex; gap: .5rem; margin: 0; padding: .9rem; border-radius: .75rem; background: #fff9ec; color: #8a6a2a; font-size: .73rem; line-height: 1.65; }
.jtd-faq-sidebar-note > i { flex: 0 0 auto; margin-top: .15rem; }
.jtd-faq-empty[hidden] { display: none !important; }
.jtd-faq-empty > span { display: grid; width: 54px; height: 54px; margin: 0 auto 1rem; place-items: center; border-radius: 1rem; background: #ffe8ed; color: var(--jtd-faq-red); font-size: 1.4rem; }
.jtd-faq-empty h3 { margin: 0 0 .45rem; color: #2d2f37; font-weight: 850; }
.jtd-faq-empty p { margin: 0 0 1rem; color: #767d88; font-size: .87rem; }
.jtd-faq-bottom-cta { padding: 3.1rem 0; background: linear-gradient(115deg, #fff3f5 0%, #fff 52%, #fff9ec 100%); border-top: 1px solid #f1e0e3; }
.jtd-faq-bottom-cta-inner { display: flex; align-items: center; justify-content: space-between; gap: 2rem; }
.jtd-faq-bottom-cta h2 { margin: .45rem 0 .55rem; color: #24252c; font-size: clamp(1.6rem, 2.7vw, 2.35rem); font-weight: 850; letter-spacing: -.04em; }
.jtd-faq-bottom-cta p { max-width: 640px; margin: 0; color: #727985; line-height: 1.7; }
.jtd-faq-bottom-actions { flex: 0 0 auto; margin: 0; }
@media (max-width: 1199.98px) {
.jtd-faq-layout { grid-template-columns: minmax(0, 1fr) 290px; gap: 1.2rem; }
.jtd-faq-hero-grid { gap: 2rem; }
.jtd-faq-float-top { right: -2px; }
.jtd-faq-float-bottom { left: -2px; }
}
@media (max-width: 991.98px) {
.jtd-faq-hero-grid { grid-template-columns: minmax(0, 1fr) minmax(260px, .85fr); }
.jtd-faq-layout { grid-template-columns: 1fr; }
.jtd-faq-sidebar { position: static; grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: start; }
.jtd-faq-sidebar-note { grid-column: 1 / -1; }
.jtd-faq-bottom-cta-inner { align-items: flex-start; flex-direction: column; }
}
@media (max-width: 767.98px) {
.jtd-faq-hero { padding-top: 3rem; }
.jtd-faq-hero-grid { grid-template-columns: 1fr; }
.jtd-faq-hero h1 { font-size: clamp(2.4rem, 10vw, 3.2rem); }
.jtd-faq-hero-art { min-height: 350px; }
.jtd-faq-float-top { right: 0; }
.jtd-faq-float-bottom { left: 0; }
.jtd-faq-highlight-strip { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.jtd-faq-filter-bar { grid-template-columns: 1fr; }
.jtd-faq-results-row { flex-direction: column; gap: .25rem; }
.jtd-faq-sidebar { grid-template-columns: 1fr; }
.jtd-faq-bottom-actions { width: 100%; }
}
@media (max-width: 479.98px) {
.jtd-faq-hero-art { min-height: 320px; }
.jtd-faq-float { padding: .55rem .65rem; }
.jtd-faq-float-top { top: 5px; }
.jtd-faq-float-bottom { bottom: 5px; }
.jtd-faq-float > i { width: 31px; height: 31px; }
.jtd-faq-highlight-strip { grid-template-columns: 1fr; }
.jtd-faq-group-heading { gap: .65rem; }
.jtd-faq-item .accordion-button { padding: .8rem .75rem; font-size: .85rem; }
.jtd-faq-item .accordion-body { padding: 0 .8rem .95rem; font-size: .83rem; }
.jtd-faq-bottom-actions { flex-direction: column; }
.jtd-faq-bottom-actions .btn { width: 100%; }
}
@media (prefers-reduced-motion: reduce) {
.jtd-faq-page *, .jtd-faq-page *::before, .jtd-faq-page *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; }
}
/* --- SUCCESS STORIES PAGE --- */
/* JTDirect public Success Stories page. Scoped to avoid altering shared Home styling. */
.jtd-success-stories {
--ss-red: #d10024;
--ss-red-dark: #a9001d;
--ss-pink: #f34f75;
--ss-orange: #ff9a45;
--ss-purple: #7056c8;
--ss-ink: #171923;
--ss-muted: #686d78;
--ss-line: #e5e7ec;
--ss-soft: #fff7f8;
color: var(--ss-ink);
background: #fff;
overflow: hidden;
}
.jtd-success-stories .container { max-width: 1200px; }
.jtd-success-stories h1, .jtd-success-stories h2, .jtd-success-stories h3, .jtd-success-stories p { overflow-wrap: anywhere; }
.jtd-success-stories .ss-hero { position: relative; background: linear-gradient(120deg, #fff 0%, #fff8f8 58%, #fff4ed 100%); border-bottom: 1px solid #f0e5e5; }
.jtd-success-stories .ss-hero-grid { min-height: 480px; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(340px, .95fr); align-items: center; gap: 42px; padding-top: 58px; padding-bottom: 54px; }
.jtd-success-stories .ss-eyebrow { display: inline-flex; align-items: center; gap: 8px; color: var(--ss-red); font-size: .77rem; font-weight: 800; letter-spacing: .12em; line-height: 1.4; text-transform: uppercase; }
.jtd-success-stories .ss-eyebrow-muted { color: #8a4655; }
.jtd-success-stories .ss-hero h1 { max-width: 690px; margin: 18px 0 18px; font-size: clamp(2.45rem, 4.4vw, 4.15rem); font-weight: 850; letter-spacing: -.055em; line-height: 1.06; }
.jtd-success-stories .ss-hero h1 span { display: block; color: var(--ss-red); }
.jtd-success-stories .ss-lead { max-width: 640px; margin: 0; color: #5f6470; font-size: 1.08rem; line-height: 1.78; }
.jtd-success-stories .ss-hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 26px; }
.jtd-success-stories .ss-trust-note { max-width: 620px; display: flex; align-items: flex-start; gap: 9px; margin: 20px 0 0; color: #6e707a; font-size: .82rem; line-height: 1.55; }
.jtd-success-stories .ss-trust-note i { flex: 0 0 auto; margin-top: 2px; color: var(--ss-red); font-size: 1.05rem; }
.jtd-success-stories .ss-hero-art { min-height: 345px; position: relative; display: grid; place-items: center; isolation: isolate; }
.jtd-success-stories .ss-art-glow { position: absolute; z-index: -1; border-radius: 50%; filter: blur(1px); }
.jtd-success-stories .ss-art-glow-one { width: 310px; height: 310px; background: radial-gradient(circle, rgba(243,79,117,.14), rgba(243,79,117,0) 70%); }
.jtd-success-stories .ss-art-glow-two { width: 230px; height: 230px; right: 2%; bottom: 0; background: radial-gradient(circle, rgba(255,154,69,.18), rgba(255,154,69,0) 70%); }
.jtd-success-stories .ss-art-card-main { width: min(100%, 365px); position: relative; padding: 31px; border: 1px solid rgba(230, 198, 205, .82); border-radius: 28px; background: rgba(255,255,255,.92); box-shadow: 0 26px 70px rgba(83, 34, 45, .10); transform: rotate(-2deg); }
.jtd-success-stories .ss-art-icon { width: 58px; height: 58px; display: grid; place-items: center; color: #fff; border-radius: 19px; background: linear-gradient(140deg, var(--ss-red), var(--ss-pink) 58%, var(--ss-orange)); box-shadow: 0 9px 20px rgba(209,0,36,.19); font-size: 1.45rem; }
.jtd-success-stories .ss-art-kicker { margin-top: 25px; color: #9b6871; font-size: .73rem; font-weight: 800; letter-spacing: .14em; text-transform: uppercase; }
.jtd-success-stories .ss-art-card-main h2 { margin: 8px 0 10px; font-size: 1.8rem; font-weight: 850; letter-spacing: -.035em; }
.jtd-success-stories .ss-art-card-main p { margin: 0; color: #626570; font-size: .96rem; line-height: 1.7; }
.jtd-success-stories .ss-art-progress { display: flex; gap: 7px; margin-top: 26px; }
.jtd-success-stories .ss-art-progress span { height: 6px; flex: 1; border-radius: 100px; background: #f1d9de; }
.jtd-success-stories .ss-art-progress span:first-child { background: var(--ss-red); }
.jtd-success-stories .ss-art-progress span:nth-child(2) { background: var(--ss-pink); }
.jtd-success-stories .ss-art-progress span:nth-child(3) { background: var(--ss-orange); }
.jtd-success-stories .ss-art-card-main small { display: block; margin-top: 12px; color: #777b84; font-size: .72rem; }
.jtd-success-stories .ss-art-card-main small b { padding: 0 3px; color: var(--ss-red); }
.jtd-success-stories .ss-art-chip { position: absolute; display: flex; align-items: center; gap: 8px; padding: 12px 15px; border: 1px solid #f0e5e7; border-radius: 14px; background: #fff; box-shadow: 0 12px 30px rgba(40,30,35,.09); color: #353640; font-size: .82rem; font-weight: 800; }
.jtd-success-stories .ss-art-chip i { color: var(--ss-red); }
.jtd-success-stories .ss-art-chip-top { top: 26px; right: 0; transform: rotate(3deg); }
.jtd-success-stories .ss-art-chip-bottom { bottom: 25px; left: -2px; transform: rotate(-3deg); }
.jtd-success-stories .ss-art-chip-bottom i { color: #d78328; }
.jtd-success-stories .ss-art-spark { position: absolute; color: var(--ss-orange); font-size: 2rem; }
.jtd-success-stories .ss-spark-one { top: 34px; left: 10%; }
.jtd-success-stories .ss-spark-two { right: 9%; bottom: 42px; color: var(--ss-pink); font-size: 2.4rem; }
.jtd-success-stories .ss-hero-bottom { border-top: 1px solid rgba(218, 180, 187, .4); background: rgba(255,255,255,.62); }
.jtd-success-stories .ss-principles-strip { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 20px; padding-top: 22px; padding-bottom: 22px; }
.jtd-success-stories .ss-principles-strip > div { display: flex; align-items: center; gap: 13px; min-width: 0; }
.jtd-success-stories .ss-principles-strip strong, .jtd-success-stories .ss-principles-strip small { display: block; }
.jtd-success-stories .ss-principles-strip strong { font-size: .92rem; font-weight: 800; }
.jtd-success-stories .ss-principles-strip small { margin-top: 3px; color: #747782; font-size: .78rem; line-height: 1.45; }
.jtd-success-stories .ss-story-section { padding: 82px 0 77px; }
.jtd-success-stories .ss-section-heading h2, .jtd-success-stories .ss-centered-heading h2 { font-size: clamp(2rem, 3vw, 2.8rem); }
.jtd-success-stories .ss-section-heading p, .jtd-success-stories .ss-centered-heading p { max-width: 720px; color: var(--ss-muted); font-size: .99rem; }
.jtd-success-stories .ss-review-mark { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 8px; margin-bottom: 7px; padding: 10px 14px; border: 1px solid #f0dce0; border-radius: 999px; background: #fff9fa; color: #8e3447; font-size: .77rem; font-weight: 800; }
.jtd-success-stories .ss-review-mark i { color: var(--ss-red); font-size: 1rem; }
.jtd-success-stories .ss-empty-state { display: grid; grid-template-columns: minmax(250px, .68fr) minmax(0,1.32fr); align-items: center; gap: 38px; padding: 35px 42px; border: 1px solid #eee4e7; border-radius: 26px; background: linear-gradient(112deg, #fff9fa, #fff 62%, #fffaf4); box-shadow: 0 15px 38px rgba(54,27,35,.045); }
.jtd-success-stories .ss-empty-illustration { width: 100%; max-width: 300px; min-height: 220px; position: relative; display: grid; place-items: center; margin: auto; }
.jtd-success-stories .ss-empty-orbit { position: absolute; border: 1px solid #f1cfd6; border-radius: 50%; transform: rotate(-24deg); }
.jtd-success-stories .ss-empty-orbit-one { width: 220px; height: 155px; }
.jtd-success-stories .ss-empty-orbit-two { width: 255px; height: 190px; border-color: #f8e4d3; transform: rotate(35deg); }
.jtd-success-stories .ss-empty-icon { width: 98px; height: 98px; z-index: 1; display: grid; place-items: center; border-radius: 30px; color: #fff; background: linear-gradient(145deg, var(--ss-red), var(--ss-pink) 65%, var(--ss-orange)); box-shadow: 0 16px 30px rgba(209,0,36,.22); font-size: 2.5rem; transform: rotate(-7deg); }
.jtd-success-stories .ss-empty-star { position: absolute; color: var(--ss-orange); }
.jtd-success-stories .ss-empty-star-one { top: 24px; right: 35px; font-size: 2.2rem; }
.jtd-success-stories .ss-empty-star-two { left: 27px; bottom: 25px; color: var(--ss-pink); font-size: 2.8rem; }
.jtd-success-stories .ss-status-label { display: inline-flex; align-items: center; gap: 8px; padding: 6px 10px; border-radius: 999px; background: #fff0f2; color: #96384b; font-size: .73rem; font-weight: 850; letter-spacing: .055em; text-transform: uppercase; }
.jtd-success-stories .ss-status-label span { width: 7px; height: 7px; border-radius: 50%; background: var(--ss-red); box-shadow: 0 0 0 4px rgba(209,0,36,.09); }
.jtd-success-stories .ss-empty-copy h3 { margin: 16px 0 12px; max-width: 640px; font-size: clamp(1.45rem, 2.3vw, 2rem); font-weight: 830; letter-spacing: -.03em; line-height: 1.2; }
.jtd-success-stories .ss-empty-copy p { max-width: 720px; margin: 0; color: #686d78; font-size: .94rem; line-height: 1.75; }
.jtd-success-stories .ss-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 18px; color: var(--ss-red); font-size: .9rem; font-weight: 800; text-decoration: none; }
.jtd-success-stories .ss-text-link:hover { color: var(--ss-red-dark); gap: 13px; }
.jtd-success-stories .ss-pillars-section { padding: 75px 0 83px; background: #fff8f8; border-top: 1px solid #f5e7e9; border-bottom: 1px solid #f5e7e9; }
.jtd-success-stories .ss-centered-heading { max-width: 820px; margin: 0 auto 35px; text-align: center; }
.jtd-success-stories .ss-centered-heading p { margin: 0 auto; }
.jtd-success-stories .ss-pillar-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 20px; }
.jtd-success-stories .ss-pillar-card { min-width: 0; }
.jtd-success-stories .ss-pillar-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.jtd-success-stories .ss-pillar-number { color: #b9bbc2; font-size: .87rem; font-weight: 850; letter-spacing: .1em; }
.jtd-success-stories .ss-pillar-red .ss-pillar-icon { color: var(--ss-red); background: #fff0f2; }
.jtd-success-stories .ss-pillar-gold .ss-pillar-icon { color: #b9691b; background: #fff3e4; }
.jtd-success-stories .ss-pillar-purple .ss-pillar-icon { color: var(--ss-purple); background: #f1edff; }
.jtd-success-stories .ss-pillar-card h3 { margin: 24px 0 10px; font-size: 1.25rem; font-weight: 830; letter-spacing: -.025em; }
.jtd-success-stories .ss-pillar-card p { min-height: 84px; margin: 0; color: #696d78; font-size: .91rem; line-height: 1.75; }
.jtd-success-stories .ss-pillar-tag { margin-top: 19px; }
.jtd-success-stories .ss-publish-section { padding: 74px 0; }
.jtd-success-stories .ss-publish-card { display: grid; grid-template-columns: auto minmax(0,1fr) auto; align-items: center; gap: 24px; }
.jtd-success-stories .ss-publish-icon { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.08); color: #ffc18b; }
.jtd-success-stories .ss-publish-copy .ss-eyebrow { color: #ffc0ca; }
.jtd-success-stories .ss-publish-copy h2 { margin: 7px 0 8px; font-size: clamp(1.35rem, 2.2vw, 1.85rem); font-weight: 830; letter-spacing: -.035em; }
.jtd-success-stories .ss-publish-copy p { max-width: 690px; margin: 0; color: #ded6da; font-size: .87rem; line-height: 1.72; }
.jtd-success-stories .ss-next-section { padding: 0 0 75px; }
.jtd-success-stories .ss-next-inner { display: flex; align-items: center; justify-content: space-between; gap: 25px; padding: 30px 0 0; border-top: 1px solid var(--ss-line); }
.jtd-success-stories .ss-next-inner h2 { margin: 9px 0 8px; font-size: clamp(1.6rem, 2.8vw, 2.2rem); font-weight: 840; letter-spacing: -.04em; }
.jtd-success-stories .ss-next-inner p { max-width: 690px; margin: 0; color: var(--ss-muted); line-height: 1.7; }
.jtd-success-stories .ss-next-actions { display: flex; flex-wrap: wrap; align-items: center; justify-content: flex-end; gap: 10px; }
@media (max-width: 991.98px) {
.jtd-success-stories .ss-hero-grid { grid-template-columns: minmax(0,1fr) minmax(260px,.8fr); gap: 25px; padding-top: 45px; }
.jtd-success-stories .ss-hero-art { min-height: 310px; }
.jtd-success-stories .ss-art-card-main { padding: 25px; }
.jtd-success-stories .ss-art-chip-top { right: -8px; }
.jtd-success-stories .ss-art-chip-bottom { left: -9px; }
.jtd-success-stories .ss-publish-card { grid-template-columns: auto minmax(0,1fr); }
.jtd-success-stories .ss-publish-card .jtd-btn--light { grid-column: 2; justify-self: start; }
}
@media (max-width: 767.98px) {
.jtd-success-stories .ss-hero-grid { grid-template-columns: 1fr; padding-top: 38px; padding-bottom: 35px; }
.jtd-success-stories .ss-hero h1 { font-size: clamp(2.25rem, 10vw, 3.3rem); }
.jtd-success-stories .ss-hero-art { min-height: 330px; margin: 0 8px; }
.jtd-success-stories .ss-art-card-main { width: min(100%, 340px); }
.jtd-success-stories .ss-art-chip-top { right: 0; }
.jtd-success-stories .ss-art-chip-bottom { left: 0; }
.jtd-success-stories .ss-principles-strip { grid-template-columns: 1fr; gap: 15px; padding-top: 18px; padding-bottom: 18px; }
.jtd-success-stories .ss-story-section { padding: 56px 0; }
.jtd-success-stories .ss-section-heading { flex-direction: column; }
.jtd-success-stories .ss-empty-state { grid-template-columns: 1fr; gap: 17px; padding: 25px 21px; }
.jtd-success-stories .ss-empty-illustration { min-height: 185px; }
.jtd-success-stories .ss-empty-orbit-one { width: 185px; height: 135px; }
.jtd-success-stories .ss-empty-orbit-two { width: 220px; height: 160px; }
.jtd-success-stories .ss-empty-icon { width: 82px; height: 82px; font-size: 2rem; border-radius: 25px; }
.jtd-success-stories .ss-pillars-section { padding: 55px 0; }
.jtd-success-stories .ss-pillar-grid { grid-template-columns: 1fr; gap: 14px; }
.jtd-success-stories .ss-pillar-card p { min-height: 0; }
.jtd-success-stories .ss-publish-section { padding: 50px 0; }
.jtd-success-stories .ss-publish-card { grid-template-columns: 1fr; gap: 16px; }
.jtd-success-stories .ss-publish-card .jtd-btn--light { grid-column: 1; justify-self: start; white-space: normal; }
.jtd-success-stories .ss-next-section { padding-bottom: 50px; }
.jtd-success-stories .ss-next-inner { align-items: flex-start; flex-direction: column; }
.jtd-success-stories .ss-next-actions { justify-content: flex-start; }
}
@media (max-width: 420px) {
.jtd-success-stories .ss-hero-actions, .jtd-success-stories .ss-next-actions { width: 100%; }
.jtd-success-stories .ss-art-card-main { padding: 22px; }
.jtd-success-stories .ss-art-chip { padding: 9px 11px; font-size: .75rem; }
}
@media (prefers-reduced-motion: reduce) {
.jtd-success-stories *, .jtd-success-stories *::before, .jtd-success-stories *::after { scroll-behavior: auto !important; transition: none !important; }
}
/* Featured illustrative story card */
.jtd-success-stories .ss-story-card { display: grid; grid-template-columns: minmax(290px,.78fr) minmax(0,1.22fr); gap: clamp(26px,4vw,52px); align-items: center; padding: clamp(24px,4vw,42px); border: 1px solid #eee1e4; border-radius: 28px; background: linear-gradient(118deg,#fff9fa 0%,#fff 44%,#fffaf5 100%); box-shadow: 0 18px 45px rgba(54,27,35,.065); }
.jtd-success-stories .ss-story-visual { min-height: 430px; position: relative; display: grid; place-items: center; isolation: isolate; }
.jtd-success-stories .ss-story-visual-orbit { position: absolute; z-index: -1; border: 1px solid #f1d1d8; border-radius: 50%; }
.jtd-success-stories .ss-story-visual-orbit-one { width: 310px; height: 245px; transform: rotate(-23deg); }
.jtd-success-stories .ss-story-visual-orbit-two { width: 345px; height: 290px; border-color: #f8e4d4; transform: rotate(31deg); }
.jtd-success-stories .ss-story-visual-card { width: min(100%,320px); transform: rotate(-2deg); }
.jtd-success-stories .ss-story-visual-icon { color: #fff; background: linear-gradient(140deg,var(--ss-red),var(--ss-pink) 63%,var(--ss-orange)); box-shadow: 0 10px 24px rgba(209,0,36,.2); }
.jtd-success-stories .ss-story-visual-kicker { display: block; margin-top: 24px; color: #9b6871; font-size: .69rem; font-weight: 850; letter-spacing: .12em; text-transform: uppercase; }
.jtd-success-stories .ss-story-visual-card strong { display: block; margin-top: 7px; color: #25232b; font-size: 1.55rem; font-weight: 850; line-height: 1.2; letter-spacing: -.04em; }
.jtd-success-stories .ss-story-visual-steps { display: flex; gap: 9px; margin-top: 23px; }
.jtd-success-stories .ss-story-visual-steps span { width: 34px; height: 34px; display: grid; place-items: center; border-radius: 11px; color: var(--ss-red); background: #fff0f2; }
.jtd-success-stories .ss-story-visual-steps span:nth-child(2) { color: #bd6a21; background: #fff3e6; }
.jtd-success-stories .ss-story-visual-steps span:nth-child(3) { color: #7056c8; background: #f1edff; }
.jtd-success-stories .ss-story-visual-card small { display: block; margin-top: 14px; color: #747782; font-size: .75rem; }
.jtd-success-stories .ss-story-floating-chip { position: absolute; display: inline-flex; align-items: center; gap: 8px; padding: 11px 14px; border: 1px solid #f0e5e7; border-radius: 14px; background: #fff; box-shadow: 0 12px 28px rgba(40,30,35,.09); color: #373640; font-size: .78rem; font-weight: 800; }
.jtd-success-stories .ss-story-floating-chip i { color: var(--ss-red); }
.jtd-success-stories .ss-story-chip-one { top: 37px; right: 0; transform: rotate(3deg); }
.jtd-success-stories .ss-story-chip-two { bottom: 36px; left: -1px; transform: rotate(-3deg); }
.jtd-success-stories .ss-story-meta { display: flex; flex-wrap: wrap; align-items: center; gap: 9px; }
.jtd-success-stories .ss-story-type, .jtd-success-stories .ss-story-category { display: inline-flex; align-items: center; gap: 7px; padding: 7px 11px; border-radius: 999px; font-size: .71rem; font-weight: 850; }
.jtd-success-stories .ss-story-type { color: #96384b; background: #fff0f2; }
.jtd-success-stories .ss-story-category { color: #6b4d1c; background: #fff3df; }
.jtd-success-stories .ss-story-content h3 { margin: 18px 0 11px; font-size: clamp(1.65rem,2.8vw,2.35rem); font-weight: 850; line-height: 1.12; letter-spacing: -.045em; }
.jtd-success-stories .ss-story-intro { margin: 0; color: #616570; font-size: .96rem; line-height: 1.75; }
.jtd-success-stories .ss-story-timeline { display: grid; gap: 18px; margin-top: 25px; }
.jtd-success-stories .ss-story-step { display: grid; grid-template-columns: 38px minmax(0,1fr); align-items: start; gap: 13px; }
.jtd-success-stories .ss-story-step-number { width: 36px; height: 36px; display: grid; place-items: center; border: 1px solid #f1d9de; border-radius: 12px; color: var(--ss-red); background: #fff; font-size: .76rem; font-weight: 900; }
.jtd-success-stories .ss-story-step h4 { margin: 1px 0 4px; font-size: .98rem; font-weight: 850; }
.jtd-success-stories .ss-story-step p { margin: 0; color: #6c707a; font-size: .86rem; line-height: 1.65; }
.jtd-success-stories .ss-story-takeaway { display: grid; grid-template-columns: 40px minmax(0,1fr); gap: 12px; margin-top: 25px; padding: 16px; border: 1px solid #f2e5d8; border-radius: 17px; background: linear-gradient(105deg,#fff7f0,#fffafb); }
.jtd-success-stories .ss-story-takeaway > span { width: 38px; height: 38px; display: grid; place-items: center; border-radius: 12px; color: #fff; background: linear-gradient(140deg,var(--ss-orange),var(--ss-pink)); }
.jtd-success-stories .ss-story-takeaway strong { display: block; margin: 1px 0 4px; font-size: .87rem; font-weight: 850; }
.jtd-success-stories .ss-story-takeaway p { margin: 0; color: #6a6264; font-size: .82rem; line-height: 1.6; }
.jtd-success-stories .ss-story-disclaimer { display: flex; align-items: flex-start; gap: 8px; margin: 17px 0 0; color: #77717a; font-size: .75rem; line-height: 1.6; }
.jtd-success-stories .ss-story-disclaimer > i { flex: 0 0 auto; margin-top: 2px; color: #9b6270; }
.jtd-success-stories .ss-story-disclaimer strong { color: #5b5259; }
@media (max-width: 991.98px) {
.jtd-success-stories .ss-story-card { grid-template-columns: minmax(0,.85fr) minmax(0,1.15fr); gap: 22px; padding: 25px; }
.jtd-success-stories .ss-story-visual { min-height: 370px; }
.jtd-success-stories .ss-story-visual-orbit-one { width: 250px; height: 205px; }
.jtd-success-stories .ss-story-visual-orbit-two { width: 280px; height: 240px; }
.jtd-success-stories .ss-story-chip-one { right: -5px; }
.jtd-success-stories .ss-story-chip-two { left: -5px; }
}
@media (max-width: 767.98px) {
.jtd-success-stories .ss-story-card { grid-template-columns: 1fr; gap: 18px; padding: 23px 20px; }
.jtd-success-stories .ss-story-visual { min-height: 345px; margin: 0 5px; }
.jtd-success-stories .ss-story-visual-orbit-one { width: min(77vw,260px); height: 205px; }
.jtd-success-stories .ss-story-visual-orbit-two { width: min(88vw,290px); height: 235px; }
.jtd-success-stories .ss-story-visual-card { width: min(100%,300px); }
.jtd-success-stories .ss-story-chip-one { right: -3px; top: 21px; }
.jtd-success-stories .ss-story-chip-two { left: -3px; bottom: 18px; }
.jtd-success-stories .ss-story-content h3 { font-size: 1.8rem; }
}
@media (max-width: 420px) {
.jtd-success-stories .ss-story-meta { align-items: flex-start; flex-direction: column; }
.jtd-success-stories .ss-story-floating-chip { padding: 9px 10px; font-size: .69rem; }
}
/* --- PRIVACY POLICY PAGE --- */
/* JTDirect public Privacy Policy page. All selectors are scoped to .jtd-privacy-page. */
.jtd-privacy-page{--jp-red:#d10035;--jp-pink:#f04478;--jp-orange:#ff9d45;--jp-ink:#202536;--jp-muted:#667085;--jp-line:#e9eaf0;--jp-soft:#fff6f8;color:var(--jp-ink);background:#fff;overflow:hidden}
.jtd-privacy-page a{color:var(--jp-red);text-decoration:none}.jtd-privacy-page a:hover{text-decoration:underline}.jtd-privacy-page .jp-hero{position:relative;background:radial-gradient(circle at 82% 20%,rgba(255,157,69,.16),transparent 28%),radial-gradient(circle at 58% 90%,rgba(240,68,120,.09),transparent 28%),linear-gradient(125deg,#fff 0%,#fff8fa 52%,#fff5ed 100%);border-bottom:1px solid #f4e7eb}.jtd-privacy-page .jp-hero-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);align-items:center;gap:48px;padding-top:72px;padding-bottom:62px}.jtd-privacy-page .jp-eyebrow,.jtd-privacy-page .jp-section-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--jp-red);font-size:.78rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.jtd-privacy-page .jp-eyebrow{padding:9px 14px;border:1px solid #f5cbd7;border-radius:999px;background:#fff;box-shadow:0 5px 18px rgba(109,32,56,.05);}.jtd-privacy-page .jp-hero h1{margin:22px 0 18px;font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:1.06;letter-spacing:-.045em;font-weight:850;color:#202536}.jtd-privacy-page .jp-hero h1 span{display:block;background:linear-gradient(90deg,var(--jp-red),var(--jp-pink),#d97925);background-clip:text;-webkit-background-clip:text;color:transparent}.jtd-privacy-page .jp-lead{max-width:700px;color:#555f70;font-size:1.08rem;line-height:1.85}.jtd-privacy-page .jp-hero-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px;color:#6d7280;font-size:.83rem}.jtd-privacy-page .jp-hero-meta span{display:inline-flex;align-items:center;gap:7px}.jtd-privacy-page .jp-hero-meta i{color:var(--jp-red)}.jtd-privacy-page .jp-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.jtd-privacy-page .jp-hero-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.jtd-privacy-page .jp-orbit{position:absolute;border:1px solid rgba(209,0,53,.13);border-radius:50%;transform:rotate(-20deg)}.jtd-privacy-page .jp-orbit-one{width:340px;height:340px}.jtd-privacy-page .jp-orbit-two{width:285px;height:285px;border-color:rgba(255,157,69,.35);transform:rotate(30deg)}.jtd-privacy-page .jp-shield-card{position:relative;z-index:1;width:min(100%,350px);padding:30px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.9);box-shadow:0 24px 70px rgba(82,39,54,.12);backdrop-filter:blur(10px)}.jtd-privacy-page .jp-shield-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:20px;border-radius:20px;color:#fff;font-size:1.8rem;background:linear-gradient(140deg,var(--jp-red),var(--jp-pink),var(--jp-orange));box-shadow:0 12px 24px rgba(209,0,53,.18)}.jtd-privacy-page .jp-shield-kicker{font-size:.7rem;letter-spacing:.13em;font-weight:850;text-transform:uppercase;color:#8a5062}.jtd-privacy-page .jp-shield-card h2{margin:8px 0 12px;font-size:1.9rem;line-height:1.15;font-weight:850;letter-spacing:-.03em}.jtd-privacy-page .jp-shield-card p{color:var(--jp-muted);line-height:1.7}.jtd-privacy-page .jp-shield-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.jtd-privacy-page .jp-shield-tags span{padding:7px 10px;border-radius:999px;background:#fff0f4;color:#a5234a;font-size:.73rem;font-weight:750}.jtd-privacy-page .jp-art-dot{position:absolute;z-index:2;border-radius:50%;box-shadow:0 8px 24px rgba(209,0,53,.12)}.jtd-privacy-page .jp-art-dot-one{top:38px;right:10%;width:18px;height:18px;background:var(--jp-orange)}.jtd-privacy-page .jp-art-dot-two{bottom:42px;left:8%;width:13px;height:13px;background:var(--jp-pink)}.jtd-privacy-page .jp-art-spark{position:absolute;right:8%;bottom:65px;color:var(--jp-red);font-size:2rem}.jtd-privacy-page .jp-hero-bottom{border-top:1px solid rgba(209,0,53,.08);background:rgba(255,255,255,.7)}.jtd-privacy-page .jp-principles-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:22px;padding-bottom:22px}.jtd-privacy-page .jp-principles-strip>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px}.jtd-privacy-page .jp-principles-strip>div>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--jp-red);background:#fff0f4;font-size:1.2rem}.jtd-privacy-page .jp-principles-strip strong{font-size:.9rem}.jtd-privacy-page .jp-principles-strip small{color:var(--jp-muted);font-size:.77rem}
.jtd-privacy-page .jp-policy-section{padding:68px 0 82px;background:linear-gradient(180deg,#fff 0%,#fff 65%,#fff9fa 100%)}.jtd-privacy-page .jp-policy-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;align-items:start}.jtd-privacy-page .jp-policy-sidebar{position:sticky;top:24px}.jtd-privacy-page .jp-toc-label{font-size:.68rem;letter-spacing:.15em;font-weight:850;color:var(--jp-red)}.jtd-privacy-page .jp-toc-card h2{margin:8px 0 18px;font-size:1.25rem;font-weight:850}.jtd-privacy-page .jp-toc-help{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #f0edf0;color:#737887;font-size:.78rem;line-height:1.6}.jtd-privacy-page .jp-toc-help i{color:var(--jp-red);font-size:1rem}.jtd-privacy-page .jp-policy-intro{margin-bottom:26px;}.jtd-privacy-page .jp-policy-intro h2{margin:9px 0 12px;font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:850;letter-spacing:-.03em}.jtd-privacy-page .jp-policy-intro>p{color:#5e6675;line-height:1.8}.jtd-privacy-page .jp-notice{margin-top:20px;}.jtd-privacy-page .jp-policy-card h2{margin:5px 0 12px;font-size:1.25rem;font-weight:850;letter-spacing:-.02em}.jtd-privacy-page .jp-policy-card p,.jtd-privacy-page .jp-policy-card li{color:#5c6574;font-size:.94rem;line-height:1.82}.jtd-privacy-page .jp-policy-card p{margin-bottom:12px}.jtd-privacy-page .jp-policy-card ul{padding-left:21px;margin:10px 0 15px}.jtd-privacy-page .jp-policy-card li{padding-left:3px;margin-bottom:6px}.jtd-privacy-page .jp-policy-card li::marker{color:var(--jp-pink)}.jtd-privacy-page .jp-inline-link{display:inline-flex;align-items:center;gap:8px;margin-top:3px;font-weight:800;font-size:.87rem}.jtd-privacy-page .jp-policy-contact{border-color:#f1c6d2;background:linear-gradient(125deg,#fff6f8,#fff)}.jtd-privacy-page .jp-policy-contact .jtd-btn--primary{margin-top:4px}
@media(max-width:991.98px){.jtd-privacy-page .jp-hero-grid{grid-template-columns:1fr;gap:20px;padding-top:54px}.jtd-privacy-page .jp-hero-copy{max-width:780px}.jtd-privacy-page .jp-hero-art{min-height:340px}.jtd-privacy-page .jp-policy-layout{grid-template-columns:1fr;gap:24px}.jtd-privacy-page .jp-policy-sidebar{position:static}.jtd-privacy-page .jp-toc-card nav{grid-template-columns:repeat(2,minmax(0,1fr));}.jtd-privacy-page .jp-policy-section{padding:48px 0 60px}}
@media(max-width:575.98px){.jtd-privacy-page .jp-hero-grid{padding-top:38px;padding-bottom:36px}.jtd-privacy-page .jp-hero h1{font-size:2.45rem}.jtd-privacy-page .jp-lead{font-size:.98rem}.jtd-privacy-page .jp-hero-art{min-height:320px}.jtd-privacy-page .jp-orbit-one{width:290px;height:290px}.jtd-privacy-page .jp-orbit-two{width:245px;height:245px}.jtd-privacy-page .jp-shield-card{padding:24px;border-radius:23px}.jtd-privacy-page .jp-principles-strip{grid-template-columns:1fr;gap:15px}.jtd-privacy-page .jp-toc-card nav{grid-template-columns:1fr;}.jtd-privacy-page .jp-policy-card h2{font-size:1.1rem}.jtd-privacy-page .jp-policy-card p,.jtd-privacy-page .jp-policy-card li{font-size:.9rem}}
@media(prefers-reduced-motion:reduce){.jtd-privacy-page *{scroll-behavior:auto!important;transition:none!important}}
/* --- TERMS PAGE --- */
.jtd-terms-page{--jt-red:#d10035;--jt-pink:#ed4d7c;--jt-orange:#f39b48;--jt-ink:#202536;--jt-muted:#697182;--jt-line:#ececf1;color:var(--jt-ink);background:#fff;font-family:inherit}.jtd-terms-page *{box-sizing:border-box}.jtd-terms-page a{transition:color .18s ease,border-color .18s ease,background .18s ease,transform .18s ease}.jtd-terms-page .jt-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 82% 12%,rgba(255,187,144,.18),transparent 28%),radial-gradient(circle at 8% 75%,rgba(237,77,124,.09),transparent 30%),linear-gradient(135deg,#fff8fa 0%,#fff 54%,#fff9f4 100%)}.jtd-terms-page .jt-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:36px;align-items:center;padding-top:72px;padding-bottom:58px}.jtd-terms-page .jt-hero-copy{max-width:760px}.jtd-terms-page .jt-eyebrow{padding:9px 14px;border:1px solid #f5cbd7;border-radius:999px;background:#fff;box-shadow:0 5px 18px rgba(109,32,56,.05);color:#8b4058;}.jtd-terms-page .jt-eyebrow i{color:var(--jt-red)}.jtd-terms-page .jt-hero h1{margin:22px 0 18px;font-size:clamp(2.5rem,4.6vw,4.25rem);line-height:1.06;letter-spacing:-.045em;font-weight:850;color:var(--jt-ink)}.jtd-terms-page .jt-hero h1 span{display:block;background:linear-gradient(90deg,var(--jt-red),var(--jt-pink),#d97925);background-clip:text;-webkit-background-clip:text;color:transparent}.jtd-terms-page .jt-lead{max-width:700px;color:#555f70;font-size:1.08rem;line-height:1.85}.jtd-terms-page .jt-hero-meta{display:flex;flex-wrap:wrap;gap:12px 22px;margin-top:22px;color:#6d7280;font-size:.83rem}.jtd-terms-page .jt-hero-meta span{display:inline-flex;align-items:center;gap:7px}.jtd-terms-page .jt-hero-meta i{color:var(--jt-red)}.jtd-terms-page .jt-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.jtd-terms-page .jt-hero-art{position:relative;min-height:380px;display:flex;align-items:center;justify-content:center}.jtd-terms-page .jt-orbit{position:absolute;border:1px solid rgba(209,0,53,.13);border-radius:50%;transform:rotate(-20deg)}.jtd-terms-page .jt-orbit-one{width:340px;height:340px}.jtd-terms-page .jt-orbit-two{width:285px;height:285px;border-color:rgba(255,157,69,.35);transform:rotate(30deg)}.jtd-terms-page .jt-document-card{position:relative;z-index:1;width:min(100%,350px);padding:30px;border:1px solid rgba(255,255,255,.9);border-radius:28px;background:rgba(255,255,255,.93);box-shadow:0 24px 70px rgba(82,39,54,.12);backdrop-filter:blur(10px)}.jtd-terms-page .jt-document-icon{display:grid;place-items:center;width:62px;height:62px;margin-bottom:20px;border-radius:20px;color:#fff;font-size:1.8rem;background:linear-gradient(140deg,var(--jt-red),var(--jt-pink),var(--jt-orange));box-shadow:0 12px 24px rgba(209,0,53,.18)}.jtd-terms-page .jt-document-kicker{font-size:.7rem;letter-spacing:.13em;font-weight:850;text-transform:uppercase;color:#8a5062}.jtd-terms-page .jt-document-card h2{margin:8px 0 12px;font-size:1.9rem;line-height:1.15;font-weight:850;letter-spacing:-.03em}.jtd-terms-page .jt-document-card p{color:var(--jt-muted);line-height:1.7}.jtd-terms-page .jt-document-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:20px}.jtd-terms-page .jt-document-tags span{padding:7px 10px;border-radius:999px;background:#fff0f4;color:#a5234a;font-size:.73rem;font-weight:750}.jtd-terms-page .jt-art-dot{position:absolute;z-index:2;border-radius:50%;box-shadow:0 8px 24px rgba(209,0,53,.12)}.jtd-terms-page .jt-art-dot-one{top:38px;right:10%;width:18px;height:18px;background:var(--jt-orange)}.jtd-terms-page .jt-art-dot-two{bottom:42px;left:8%;width:13px;height:13px;background:var(--jt-pink)}.jtd-terms-page .jt-art-spark{position:absolute;right:8%;bottom:65px;color:var(--jt-red);font-size:2rem}.jtd-terms-page .jt-hero-bottom{border-top:1px solid rgba(209,0,53,.08);background:rgba(255,255,255,.7)}.jtd-terms-page .jt-principles-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding-top:22px;padding-bottom:22px}.jtd-terms-page .jt-principles-strip>div{display:grid;grid-template-columns:44px 1fr;grid-template-rows:auto auto;align-items:center;column-gap:12px}.jtd-terms-page .jt-principles-strip>div>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;color:var(--jt-red);background:#fff0f4;font-size:1.2rem}.jtd-terms-page .jt-principles-strip strong{font-size:.9rem}.jtd-terms-page .jt-principles-strip small{color:var(--jt-muted);font-size:.77rem}
.jtd-terms-page .jt-terms-section{padding:68px 0 82px;background:linear-gradient(180deg,#fff 0%,#fff 65%,#fff9fa 100%)}.jtd-terms-page .jt-terms-layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:38px;align-items:start}.jtd-terms-page .jt-terms-sidebar{position:sticky;top:24px}.jtd-terms-page .jt-toc-label{font-size:.68rem;letter-spacing:.15em;font-weight:850;color:var(--jt-red)}.jtd-terms-page .jt-toc-card h2{margin:8px 0 18px;font-size:1.25rem;font-weight:850}.jtd-terms-page .jt-toc-help{display:flex;align-items:flex-start;gap:9px;margin-top:18px;padding-top:16px;border-top:1px solid #f0edf0;color:#737887;font-size:.78rem;line-height:1.6}.jtd-terms-page .jt-toc-help i{color:var(--jt-red);font-size:1rem}.jtd-terms-page .jt-terms-content a:not(.btn){color:#b51646;font-weight:750;text-decoration:underline;text-underline-offset:2px}.jtd-terms-page .jt-terms-content a:not(.btn):hover{color:#e0496f}.jtd-terms-page .jt-terms-intro{margin-bottom:26px;}.jtd-terms-page .jt-section-kicker{color:var(--jt-red);}.jtd-terms-page .jt-terms-intro h2{margin:9px 0 12px;font-size:clamp(1.65rem,2.5vw,2.2rem);font-weight:850;letter-spacing:-.03em}.jtd-terms-page .jt-terms-intro>p{color:#5e6675;line-height:1.8}.jtd-terms-page .jt-notice{margin-top:20px;}.jtd-terms-page .jt-terms-card h2{margin:5px 0 12px;font-size:1.25rem;font-weight:850;letter-spacing:-.02em}.jtd-terms-page .jt-terms-card p,.jtd-terms-page .jt-terms-card li{color:#5c6574;font-size:.94rem;line-height:1.82}.jtd-terms-page .jt-terms-card p{margin-bottom:12px}.jtd-terms-page .jt-terms-card p:last-child{margin-bottom:0}.jtd-terms-page .jt-terms-contact{border-color:#f1c6d2;background:linear-gradient(125deg,#fff6f8,#fff)}.jtd-terms-page .jt-terms-contact .jtd-btn--primary{margin-top:4px}.jtd-terms-page .jt-small-note{margin-top:20px!important;padding-top:14px;border-top:1px solid #f0d9df;color:#737887!important;font-size:.8rem!important}.jtd-terms-page .jt-bottom-cta{padding:48px 0;background:linear-gradient(120deg,#fff3f6,#fff9f1)}.jtd-terms-page .jt-bottom-cta-inner{display:flex;align-items:center;justify-content:space-between;gap:28px}.jtd-terms-page .jt-bottom-cta h2{margin:8px 0 10px;font-size:clamp(1.65rem,2.6vw,2.2rem);font-weight:850;letter-spacing:-.035em}.jtd-terms-page .jt-bottom-cta p{max-width:700px;margin:0;color:#5e6675;line-height:1.8}.jtd-terms-page .jt-bottom-actions{display:flex;flex-wrap:wrap;gap:10px;flex-shrink:0}
@media(max-width:991.98px){.jtd-terms-page .jt-hero-grid{grid-template-columns:1fr;gap:20px;padding-top:54px}.jtd-terms-page .jt-hero-copy{max-width:780px}.jtd-terms-page .jt-hero-art{min-height:340px}.jtd-terms-page .jt-terms-layout{grid-template-columns:1fr;gap:24px}.jtd-terms-page .jt-terms-sidebar{position:static}.jtd-terms-page .jt-toc-card nav{grid-template-columns:repeat(2,minmax(0,1fr));}.jtd-terms-page .jt-terms-section{padding:48px 0 60px}.jtd-terms-page .jt-bottom-cta-inner{align-items:flex-start;flex-direction:column}.jtd-terms-page .jt-bottom-actions{flex-shrink:1}}
@media(max-width:575.98px){.jtd-terms-page .jt-hero-grid{padding-top:38px;padding-bottom:36px}.jtd-terms-page .jt-hero h1{font-size:2.45rem}.jtd-terms-page .jt-lead{font-size:.98rem}.jtd-terms-page .jt-hero-art{min-height:320px}.jtd-terms-page .jt-orbit-one{width:290px;height:290px}.jtd-terms-page .jt-orbit-two{width:245px;height:245px}.jtd-terms-page .jt-document-card{padding:24px;border-radius:23px}.jtd-terms-page .jt-principles-strip{grid-template-columns:1fr;gap:15px}.jtd-terms-page .jt-toc-card nav{grid-template-columns:1fr;}.jtd-terms-page .jt-terms-card h2{font-size:1.1rem}.jtd-terms-page .jt-terms-card p{font-size:.9rem}.jtd-terms-page .jt-bottom-cta{padding:38px 0}.jtd-terms-page .jt-bottom-actions{width:100%}.jtd-terms-page .jt-bottom-actions .btn{flex:1 1 100%}}
@media(prefers-reduced-motion:reduce){.jtd-terms-page *{scroll-behavior:auto!important;transition:none!important}}
/* END JTDirect consolidated public-page styles. */
/* ============================================================================
JTDirect shared public controls
Use these reusable variants on public pages instead of page-prefixed button CSS:
.jtd-btn + .jtd-btn--primary | --outline | --light | --compact
============================================================================ */
.btn.jtd-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: .6rem;
min-height: 48px;
padding: .78rem 1.2rem;
border: 1px solid transparent;
border-radius: 999px;
font-family: inherit;
font-size: .92rem;
font-weight: 750;
line-height: 1.35;
text-align: center;
text-decoration: none;
white-space: normal;
vertical-align: middle;
transition: transform .18s ease, box-shadow .18s ease, background .18s ease, border-color .18s ease, color .18s ease;
}
.btn.jtd-btn > i { flex: 0 0 auto; }
.btn.jtd-btn:hover { text-decoration: none; }
.btn.jtd-btn:focus-visible {
outline: 3px solid rgba(209, 0, 53, .24);
outline-offset: 3px;
box-shadow: none;
}
.btn.jtd-btn:disabled,
.btn.jtd-btn[disabled] {
opacity: .55;
cursor: not-allowed;
pointer-events: none;
transform: none;
box-shadow: none;
}
.btn.jtd-btn--primary {
color: #fff !important;
border-color: transparent;
background: linear-gradient(110deg, #c9002b 0%, #ef3f6d 55%, #f39b48 100%);
box-shadow: 0 9px 22px rgba(209, 0, 36, .17);
}
.btn.jtd-btn--primary:hover:not(:disabled):not([disabled]),
.btn.jtd-btn--primary:focus-visible {
color: #fff !important;
border-color: transparent;
background: linear-gradient(110deg, #b80026 0%, #df315f 55%, #e78332 100%);
box-shadow: 0 13px 27px rgba(209, 0, 36, .23);
transform: translateY(-2px);
}
.btn.jtd-btn--outline {
color: #292b33 !important;
border-color: #e2cbd2;
background: #fff;
box-shadow: none;
}
.btn.jtd-btn--outline:hover:not(:disabled):not([disabled]),
.btn.jtd-btn--outline:focus-visible {
color: #a8002a;
border-color: #e1aab4;
background: #fff4f6;
box-shadow: 0 6px 16px rgba(99, 30, 49, .06);
transform: translateY(-1px);
}
.btn.jtd-btn--light {
color: #a7001d !important;
border-color: #fff;
background: #fff;
box-shadow: none;
}
.btn.jtd-btn--light:hover:not(:disabled):not([disabled]),
.btn.jtd-btn--light:focus-visible {
color: #a7001d;
border-color: #fff1f4;
background: #fff1f4;
transform: translateY(-2px);
box-shadow: 0 8px 20px rgba(0, 0, 0, .08);
}
.btn.jtd-btn--compact {
min-height: 40px;
padding: .58rem .88rem;
font-size: .83rem;
line-height: 1.25;
}
@media (prefers-reduced-motion: reduce) {
.btn.jtd-btn { transition: none; }
.btn.jtd-btn--primary:hover:not(:disabled):not([disabled]),
.btn.jtd-btn--outline:hover:not(:disabled):not([disabled]),
.btn.jtd-btn--light:hover:not(:disabled):not([disabled]) { transform: none; }
}
/* ============================================================================
JTDirect global public component system v2
Common visual primitives live here. Page CSS should keep only layout and true
page-specific variations; use these components instead of copying visuals.
============================================================================ */
:root {
--jtd-ui-ink: #202536;
--jtd-ui-muted: #667085;
--jtd-ui-line: #e9eaf0;
--jtd-ui-surface: #fff;
--jtd-ui-soft: #fff6f8;
--jtd-ui-red: #d10035;
--jtd-ui-pink: #f04478;
--jtd-ui-orange: #ff9d45;
--jtd-ui-radius-sm: 10px;
--jtd-ui-radius-md: 14px;
--jtd-ui-radius-card: 20px;
--jtd-ui-shadow-card: 0 8px 26px rgba(30, 34, 52, .045);
--jtd-ui-shadow-raised: 0 18px 38px rgba(30, 34, 52, .09);
}
body .jtd-card {
min-width: 0;
border: 1px solid var(--jtd-ui-line);
border-radius: var(--jtd-ui-radius-card);
background: var(--jtd-ui-surface);
box-shadow: var(--jtd-ui-shadow-card);
color: var(--jtd-ui-ink);
}
body .jtd-card--standard { padding: 1.3rem; border-radius: 1.1rem; }
body .jtd-card--spacious { padding: 26px; }
body .jtd-card--compact { padding: .9rem; border-radius: 11px; }
body .jtd-card--interactive { transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
body .jtd-card--interactive:hover { transform: translateY(-4px); box-shadow: var(--jtd-ui-shadow-raised); }
body .jtd-card--horizontal { display: flex; align-items: flex-start; gap: 1.2rem; padding: 1.7rem; }
body .jtd-card--soft { border-color: #f4d8e0; background: linear-gradient(125deg, #fff6f8, #fffaf6); box-shadow: none; }
body .jtd-card--intro { margin-bottom: 26px; padding: 30px; border-radius: 22px; }
body .jtd-card--steps { padding: clamp(1.35rem, 3vw, 2.1rem); border-color: #f0dce1; border-radius: 24px; background: linear-gradient(150deg, #fff 10%, #fffafa 100%); box-shadow: 0 14px 42px rgba(21,22,29,.055); }
body .jtd-card--clip { overflow: hidden; }
body .jtd-card--toc { padding: 24px 20px; border-radius: 20px; box-shadow: 0 12px 32px rgba(30,34,52,.045); }
body .jtd-card--document { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 17px; margin-bottom: 16px; padding: 26px 28px; border-radius: 19px; box-shadow: 0 8px 26px rgba(30,34,52,.035); scroll-margin-top: 28px; }
body .jtd-card--stat { display: flex; flex-direction: column; padding: 19px; border-radius: 18px; box-shadow: 0 8px 24px rgba(21,22,29,.035); }
body .jtd-card--plan { padding: clamp(18px, 2vw, 26px); border-radius: 21px; box-shadow: 0 10px 32px rgba(21,22,29,.04); }
body .jtd-card--result { display: flex; flex-direction: column; padding: 20px; border-radius: 18px; }
body .jtd-card--rule { border-radius: 17px; box-shadow: none; }
body .jtd-card--form { padding: 0; }
body .jtd-card--hero { padding: 30px; border-radius: 27px; }
body .jtd-card--glass { padding: 2rem; border-color: rgba(255,255,255,.92); border-radius: 1.45rem; background: rgba(255,255,255,.88); box-shadow: 0 28px 85px rgba(93,34,47,.13); backdrop-filter: blur(10px); }
body .jtd-card--glass-dark { padding: 25px; border-color: rgba(255,255,255,.12); border-radius: 20px; background: rgba(255,255,255,.055); box-shadow: 0 18px 38px rgba(0,0,0,.12); color: #fff; }
body .jtd-card--dark-gradient { padding: 32px; border-color: transparent; border-radius: 24px; background: linear-gradient(112deg,#26222b 0%,#3a2832 58%,#512838 100%); box-shadow: 0 20px 45px rgba(40,26,33,.13); color: #fff; }
body .jtd-card--warm { border-color: #f1e3d4; background: linear-gradient(150deg,#fffaf5 0%,#fff 57%); }
.jtd-eyebrow {
display: inline-flex;
align-items: center;
gap: .55rem;
font-size: .76rem;
font-weight: 800;
letter-spacing: .12em;
line-height: 1.4;
text-transform: uppercase;
}
.jtd-section-heading { min-width: 0; max-width: 790px; margin: 0 auto 2rem; text-align: center; }
.jtd-section-heading--left { margin-left: 0; margin-right: 0; text-align: left; }
.jtd-section-heading--compact { margin-bottom: 1.8rem; }
.jtd-section-heading--spacious { margin-bottom: 2.5rem; }
.jtd-section-heading--split { display: flex; align-items: end; flex-wrap: wrap; justify-content: space-between; gap: 14px; max-width: none; margin: 0 0 18px; text-align: left; }
.jtd-section-heading h2 { margin: .6rem 0 .8rem; font-weight: 850; letter-spacing: -.035em; line-height: 1.18; }
.jtd-section-heading p { margin: 0; color: var(--jtd-ui-muted); line-height: 1.75; }
.jtd-icon-tile { display: grid; flex: 0 0 auto; place-items: center; width: 48px; height: 48px; border-radius: 14px; background: #fff0f3; color: var(--jtd-ui-red); font-size: 1.15rem; }
.jtd-icon-tile--sm { width: 41px; height: 41px; border-radius: 12px; font-size: 1.15rem; }
.jtd-icon-tile--md { width: 46px; height: 46px; border-radius: .85rem; font-size: 1.25rem; }
.jtd-icon-tile--lg { width: 52px; height: 52px; border-radius: 17px; font-size: 1.3rem; }
.jtd-icon-tile--xl { width: 58px; height: 58px; border-radius: 17px; font-size: 1.7rem; }
.jtd-icon-tile--hero { width: 76px; height: 76px; border-radius: 23px; font-size: 2rem; }
.jtd-icon-tile--strip { width: 44px; height: 44px; border: 1px solid #f0dce0; border-radius: 14px; background: #fff; color: var(--jtd-ui-red); font-size: 1.1rem; }
.jtd-icon-tile--number { width: 44px; height: 44px; border-radius: 14px; background: linear-gradient(145deg,#fff0f4,#fff4e9); color: var(--jtd-ui-red); font-size: .84rem; font-weight: 900; }
.jtd-icon-tile--red { background: #fff0f3; color: var(--jtd-ui-red); }
.jtd-icon-tile--orange { background: #fff2e5; color: #c45d00; }
.jtd-icon-tile--purple { background: #f1edff; color: #7349b7; }
.jtd-icon-tile--blue { background: #eaf2ff; color: #1769d2; }
.jtd-icon-tile--green { background: #eaf7f0; color: #187a4b; }
.jtd-icon-tile--dark { background: rgba(255,255,255,.1); color: #b1d5ff; }
.jtd-alert { display: flex; align-items: flex-start; gap: 12px; padding: 14px 16px; border: 1px solid #f2dfad; border-radius: 13px; background: #fff8e9; color: #59451a; line-height: 1.6; }
.jtd-alert > i { flex: 0 0 auto; margin-top: 2px; color: #a67600; }
.jtd-alert p { margin: 0; font-size: .86rem; line-height: 1.7; }
.jtd-alert--warning { border-color: #f4d7b7; background: #fff7ec; color: #7a4b20; }
.jtd-alert--warning > i { color: #cf7a21; }
.jtd-alert--info { border-color: #cde4f5; background: #f2f9ff; color: #205477; }
.jtd-alert--info > i { color: #287daf; }
.jtd-alert--danger { border-color: #f2c5cd; background: #fff0f2; color: #8f1629; }
.jtd-alert--danger > i { color: #c22a45; }
.jtd-alert--success { border-color: #cfe9d9; background: #effaf3; color: #216b43; }
.jtd-alert--success > i { color: #268555; }
.jtd-alert--compact { gap: .6rem; padding: .8rem .85rem; border-radius: 12px; font-size: .8rem; line-height: 1.6; }
.jtd-alert--compact > i { margin-top: .15rem; }
.jtd-note { display: flex; align-items: flex-start; gap: 13px; padding: 20px 22px; border-radius: 15px; }
.jtd-note--muted { background: #f6f7fa; color: #606979; }
.jtd-note > i { flex: 0 0 auto; color: var(--jtd-ui-red); font-size: 1.2rem; }
.jtd-note p { margin: 0; font-size: .86rem; line-height: 1.75; }
.jtd-toc-card .jtd-toc-nav { display: grid; gap: 3px; }
.jtd-toc-card .jtd-toc-nav a { display: block; padding: 9px 10px; border-radius: 9px; color: #535c6c; font-size: .81rem; line-height: 1.45; text-decoration: none; }
.jtd-toc-card .jtd-toc-nav a:hover, .jtd-toc-card .jtd-toc-nav a:focus-visible { background: #fff1f5; color: var(--jtd-ui-red); text-decoration: none; }
.jtd-toc-card .jp-toc-label, .jtd-toc-card .jt-toc-label { display: inline-block; font-size: .68rem; letter-spacing: .15em; font-weight: 850; color: var(--jtd-ui-red); }
.jtd-toc-card h2 { margin: 8px 0 18px; font-size: 1.25rem; font-weight: 850; }
.jtd-toc-card .jp-toc-help, .jtd-toc-card .jt-toc-help { display: flex; align-items: flex-start; gap: 9px; margin-top: 18px; padding-top: 16px; border-top: 1px solid #f0edf0; color: #737887; font-size: .78rem; line-height: 1.6; }
.jtd-toc-card .jp-toc-help i, .jtd-toc-card .jt-toc-help i { flex: 0 0 auto; color: var(--jtd-ui-red); font-size: 1rem; }
.jtd-empty-state { display: flex; flex-direction: column; align-items: center; gap: .55rem; padding: 3rem 1.5rem; border: 1px dashed var(--jtd-ui-line); border-radius: 16px; text-align: center; }
.jtd-empty-state--soft { border-color: #e7bac2; background: #fff9fa; color: var(--jtd-ui-muted); }
.jtd-empty-state--dark { border-color: rgba(255,255,255,.28); color: #c7d9eb; }
.jtd-empty-state--dark > i { color: #92c7ff; font-size: 2rem; }
.jtd-empty-state[hidden] { display: none !important; }
.jtd-badge { display: inline-flex; align-items: center; justify-content: center; gap: .35rem; padding: .38rem .65rem; border: 1px solid #e9eaf0; border-radius: 999px; background: #f8f9fb; color: #535c6c; font-size: .74rem; font-weight: 750; line-height: 1.25; }
.jtd-badge--red { border-color: #f4cbd5; background: #fff0f4; color: #a5234a; }
.jtd-badge--orange { border-color: #f3d9b4; background: #fff4e3; color: #996018; }
.jtd-badge--green { border-color: #cfe9d9; background: #eaf7ef; color: #237a50; }
.jtd-badge--blue { border-color: #cfe1fa; background: #edf5ff; color: #205fa6; }
.jtd-badge--purple { border-color: #e0d7ff; background: #f1edff; color: #6a55bb; }
body .jtd-badge--compact { padding: 6px 10px; font-size: .68rem; }
body .jtd-badge--glass { border-color: rgba(255,255,255,.85); background: rgba(255,255,255,.86); color: #48414a; backdrop-filter: blur(6px); }
body .jtd-badge--interactive { text-decoration: none; cursor: pointer; transition: border-color .15s ease, background-color .15s ease, color .15s ease; }
body .jtd-badge--interactive:hover, body .jtd-badge--interactive:focus-visible, body .jtd-badge--interactive.is-active { border-color: var(--jtd-ui-red); background: #fff0f4; color: #a5234a; text-decoration: none; }
body .jtd-form-control { display: block; width: 100%; min-width: 0; min-height: 46px; padding: .7rem .85rem; border: 1px solid #d7dbe2; border-radius: 10px; background-color: #fff; color: var(--jtd-ui-ink); font: inherit; font-size: .92rem; box-shadow: none; transition: border-color .16s ease, box-shadow .16s ease; }
body textarea.jtd-form-control { min-height: 120px; resize: vertical; }
body .jtd-form-control:focus { border-color: #e5a1b0; outline: 0; box-shadow: 0 0 0 .22rem rgba(209,0,53,.1); }
body .jtd-form-control:disabled { background-color: #f4f5f7; color: #808794; cursor: not-allowed; }
@media (max-width: 767.98px) {
body .jtd-card--glass { padding: 1.5rem; }
}
@media (max-width: 575.98px) {
body .jtd-card--document { grid-template-columns: 36px minmax(0,1fr); gap: 12px; padding: 20px 16px; border-radius: 16px; }
body .jtd-card--spacious { padding: 22px; }
body .jtd-card--intro { padding: 22px 19px; }
body .jtd-card--toc { padding: 20px 15px; }
body .jtd-icon-tile--number { width: 34px; height: 34px; border-radius: 11px; font-size: .72rem; }
body .jtd-note { padding: 16px; }
}
@media (prefers-reduced-motion: reduce) {
body .jtd-card--interactive { transition: none; }
body .jtd-card--interactive:hover { transform: none; }
body .jtd-form-control { transition: none; }
}
/* Compliance page layout. Shared appearance uses the global jtd-* component system above. */
.jtd-compliance-page { color: var(--jtd-ui-ink, #202536); background: #fff; }
.jtd-compliance-page .jtd-compliance-hero { position: relative; overflow: hidden; border-bottom: 1px solid #f2e4e8; background: radial-gradient(circle at 82% 18%, rgba(255,157,69,.16), transparent 28%), radial-gradient(circle at 8% 76%, rgba(240,68,120,.09), transparent 32%), linear-gradient(135deg,#fff7fa 0%,#fff 56%,#fff9f3 100%); }
.jtd-compliance-page .jtd-compliance-hero-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0,1.13fr) minmax(300px,.87fr); gap: clamp(26px,4vw,56px); align-items: center; padding-top: clamp(42px,6vw,76px); padding-bottom: clamp(38px,5vw,64px); }
.jtd-compliance-page .jtd-compliance-eyebrow { padding: 9px 14px; border: 1px solid #f2cbd7; border-radius: 999px; background: rgba(255,255,255,.88); color: #8e4058; }
.jtd-compliance-page .jtd-compliance-eyebrow i { color: var(--jtd-ui-red,#d10035); }
.jtd-compliance-page .jtd-compliance-hero h1 { margin: 22px 0 18px; color: var(--jtd-ui-ink,#202536); font-size: clamp(2.45rem,4.8vw,4.35rem); font-weight: 850; line-height: 1.05; letter-spacing: -.05em; }
.jtd-compliance-page .jtd-compliance-hero h1 span { display: block; background: linear-gradient(90deg,#d10035,#f04478,#d97925); background-clip: text; -webkit-background-clip: text; color: transparent; }
.jtd-compliance-page .jtd-compliance-lead { max-width: 740px; color: #596273; font-size: clamp(1rem,1.5vw,1.12rem); line-height: 1.85; }
.jtd-compliance-page .jtd-compliance-meta { display: flex; flex-wrap: wrap; gap: 10px 20px; margin-top: 20px; color: #6d7280; font-size: .82rem; }
.jtd-compliance-page .jtd-compliance-meta span { display: inline-flex; align-items: center; gap: 7px; }
.jtd-compliance-page .jtd-compliance-meta i { color: var(--jtd-ui-red,#d10035); }
.jtd-compliance-page .jtd-compliance-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-top: 28px; }
.jtd-compliance-page .jtd-compliance-hero-side { position: relative; display: grid; place-items: center; min-height: 360px; }
.jtd-compliance-page .jtd-compliance-principles { position: relative; z-index: 1; width: min(100%,420px); padding: clamp(23px,3vw,34px); }
.jtd-compliance-page .jtd-compliance-principles h2 { margin: 17px 0 10px; font-size: clamp(1.45rem,2.3vw,1.95rem); font-weight: 850; line-height: 1.18; letter-spacing: -.035em; }
.jtd-compliance-page .jtd-compliance-principles > p { color: #656d7b; line-height: 1.75; }
.jtd-compliance-page .jtd-compliance-principle-list { display: grid; gap: 13px; margin-top: 21px; padding-top: 19px; border-top: 1px solid #f0e4e8; }
.jtd-compliance-page .jtd-compliance-principle-list div { display: flex; align-items: flex-start; gap: 10px; color: #414958; font-size: .87rem; line-height: 1.55; }
.jtd-compliance-page .jtd-compliance-principle-list i { flex: 0 0 auto; color: #1f9560; font-size: 1.05rem; }
.jtd-compliance-page .jtd-compliance-orbit { position: absolute; border: 1px solid rgba(209,0,53,.13); border-radius: 50%; pointer-events: none; }
.jtd-compliance-page .jtd-compliance-orbit--one { width: 350px; height: 350px; transform: rotate(-16deg); }
.jtd-compliance-page .jtd-compliance-orbit--two { width: 290px; height: 290px; border-color: rgba(255,157,69,.32); transform: rotate(28deg); }
.jtd-compliance-page .jtd-compliance-hero-footer { border-top: 1px solid rgba(209,0,53,.08); background: rgba(255,255,255,.72); }
.jtd-compliance-page .jtd-compliance-highlight-row { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; padding-top: 22px; padding-bottom: 22px; }
.jtd-compliance-page .jtd-compliance-highlight-row > div { display: flex; align-items: center; gap: 12px; min-width: 0; }
.jtd-compliance-page .jtd-compliance-highlight-row > div > span:last-child { display: grid; gap: 3px; }
.jtd-compliance-page .jtd-compliance-highlight-row strong { font-size: .88rem; }
.jtd-compliance-page .jtd-compliance-highlight-row small { color: #707787; font-size: .76rem; line-height: 1.5; }
.jtd-compliance-page .jtd-compliance-notice-wrap { padding-top: 28px; }
.jtd-compliance-page .jtd-compliance-notice { align-items: flex-start; }
.jtd-compliance-page .jtd-compliance-notice p { font-size: .84rem; line-height: 1.75; }
.jtd-compliance-page .jtd-compliance-standards-section { padding: 68px 0 76px; }
.jtd-compliance-page .jtd-compliance-standard-card { display: flex; flex-direction: column; gap: 13px; padding: 23px; }
.jtd-compliance-page .jtd-compliance-card-heading { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.jtd-compliance-page .jtd-compliance-standard-card h3 { margin: 2px 0 0; font-size: 1.14rem; font-weight: 820; letter-spacing: -.02em; line-height: 1.35; }
.jtd-compliance-page .jtd-compliance-standard-card > p { margin: 0; color: #5f6878; font-size: .88rem; line-height: 1.78; }
.jtd-compliance-page .jtd-compliance-card-link { display: inline-flex; align-items: center; align-self: flex-start; gap: 7px; margin-top: auto; padding-top: 4px; color: #b11645; font-size: .84rem; font-weight: 800; text-decoration: none; }
.jtd-compliance-page .jtd-compliance-card-link:hover, .jtd-compliance-page .jtd-compliance-card-link:focus-visible { color: #d10035; text-decoration: underline; text-underline-offset: 3px; }
.jtd-compliance-page .jtd-compliance-card-links { display: flex; flex-wrap: wrap; gap: 10px 16px; margin-top: auto; padding-top: 4px; }
.jtd-compliance-page .jtd-compliance-card-links a { color: #b11645; font-size: .84rem; font-weight: 800; text-decoration: none; }
.jtd-compliance-page .jtd-compliance-card-links a:hover, .jtd-compliance-page .jtd-compliance-card-links a:focus-visible { text-decoration: underline; text-underline-offset: 3px; }
.jtd-compliance-page .jtd-compliance-card-footnote { margin-top: auto; padding-top: 5px; color: #737b89; font-size: .76rem; line-height: 1.55; }
.jtd-compliance-page .jtd-compliance-readiness-section { padding: 66px 0; background: linear-gradient(180deg,#fff9fa 0%,#fff 100%); border-top: 1px solid #f7e9ed; border-bottom: 1px solid #f7e9ed; }
.jtd-compliance-page .jtd-compliance-readiness-section .jtd-section-heading { margin-bottom: 23px; }
.jtd-compliance-page .jtd-compliance-readiness-list { height: 100%; padding: 25px; }
.jtd-compliance-page .jtd-compliance-readiness-item { display: flex; gap: 13px; padding: 17px 0; }
.jtd-compliance-page .jtd-compliance-readiness-item + .jtd-compliance-readiness-item { border-top: 1px solid #edf0f3; }
.jtd-compliance-page .jtd-compliance-readiness-item > div { min-width: 0; }
.jtd-compliance-page .jtd-compliance-readiness-item strong { display: block; margin: 1px 0 5px; font-size: .9rem; }
.jtd-compliance-page .jtd-compliance-readiness-item p { margin: 0; color: #636c7b; font-size: .83rem; line-height: 1.7; }
.jtd-compliance-page .jtd-compliance-references-section { padding: 66px 0 70px; }
.jtd-compliance-page .jtd-compliance-references-section .jtd-section-heading { margin-bottom: 25px; }
.jtd-compliance-page .jtd-compliance-reference { display: flex; align-items: flex-start; flex-direction: column; gap: 13px; padding: 20px; color: var(--jtd-ui-ink,#202536); text-decoration: none; transition: transform .2s ease,border-color .2s ease,box-shadow .2s ease; }
.jtd-compliance-page .jtd-compliance-reference strong { flex: 1; font-size: .9rem; line-height: 1.5; }
.jtd-compliance-page .jtd-compliance-reference > span:last-child { display: flex; align-items: center; gap: 7px; color: #707787; font-size: .76rem; line-height: 1.45; }
.jtd-compliance-page .jtd-compliance-reference > span:last-child i { color: #b11645; }
.jtd-compliance-page .jtd-compliance-reference:hover, .jtd-compliance-page .jtd-compliance-reference:focus-visible { transform: translateY(-3px); border-color: #eab8c7; box-shadow: 0 16px 32px rgba(59,30,42,.09); color: var(--jtd-ui-ink,#202536); }
.jtd-compliance-page .jtd-compliance-reference-note { max-width: 1000px; margin: 22px auto 0; color: #737b89; font-size: .79rem; line-height: 1.7; }
.jtd-compliance-page .jtd-compliance-contact-section { padding: 0 0 72px; }
.jtd-compliance-page .jtd-compliance-contact-panel { display: grid; grid-template-columns: 58px minmax(0,1fr) auto; align-items: center; gap: 22px; padding: clamp(23px,3.5vw,36px); }
.jtd-compliance-page .jtd-compliance-contact-icon { display: grid; place-items: center; width: 58px; height: 58px; border-radius: 18px; background: #fff; color: var(--jtd-ui-red,#d10035); font-size: 1.6rem; box-shadow: 0 5px 18px rgba(70,36,48,.06); }
.jtd-compliance-page .jtd-compliance-contact-copy h2 { margin: 8px 0; font-size: clamp(1.35rem,2vw,1.8rem); font-weight: 850; letter-spacing: -.03em; }
.jtd-compliance-page .jtd-compliance-contact-copy p { max-width: 760px; margin: 0; color: #636c7b; font-size: .88rem; line-height: 1.75; }
.jtd-compliance-page .jtd-compliance-contact-actions { display: flex; flex-wrap: wrap; gap: 10px; }
@media (max-width: 991.98px) {
.jtd-compliance-page .jtd-compliance-hero-grid { grid-template-columns: 1fr; gap: 25px; }
.jtd-compliance-page .jtd-compliance-hero-copy { max-width: 830px; }
.jtd-compliance-page .jtd-compliance-hero-side { min-height: 330px; }
.jtd-compliance-page .jtd-compliance-principles { width: min(100%,600px); }
.jtd-compliance-page .jtd-compliance-highlight-row { gap: 16px; }
.jtd-compliance-page .jtd-compliance-contact-panel { grid-template-columns: 52px minmax(0,1fr); }
.jtd-compliance-page .jtd-compliance-contact-actions { grid-column: 2; }
}
@media (max-width: 767.98px) {
.jtd-compliance-page .jtd-compliance-highlight-row { grid-template-columns: 1fr; gap: 15px; }
.jtd-compliance-page .jtd-compliance-standards-section, .jtd-compliance-page .jtd-compliance-readiness-section, .jtd-compliance-page .jtd-compliance-references-section { padding: 48px 0; }
.jtd-compliance-page .jtd-compliance-standard-card { padding: 21px; }
}
@media (max-width: 575.98px) {
.jtd-compliance-page .jtd-compliance-hero h1 { font-size: 2.45rem; }
.jtd-compliance-page .jtd-compliance-lead { font-size: .98rem; }
.jtd-compliance-page .jtd-compliance-meta { display: grid; gap: 8px; }
.jtd-compliance-page .jtd-compliance-actions { flex-direction: column; align-items: stretch; }
.jtd-compliance-page .jtd-compliance-actions .btn { width: 100%; }
.jtd-compliance-page .jtd-compliance-hero-side { min-height: 0; padding: 12px 0 18px; }
.jtd-compliance-page .jtd-compliance-principles { padding: 23px; }
.jtd-compliance-page .jtd-compliance-orbit--one { width: 290px; height: 290px; }
.jtd-compliance-page .jtd-compliance-orbit--two { width: 245px; height: 245px; }
.jtd-compliance-page .jtd-compliance-contact-panel { grid-template-columns: 1fr; gap: 15px; }
.jtd-compliance-page .jtd-compliance-contact-actions { grid-column: auto; flex-direction: column; align-items: stretch; }
.jtd-compliance-page .jtd-compliance-contact-actions .btn { width: 100%; }
.jtd-compliance-page .jtd-compliance-readiness-list { padding: 18px; }
}
@media (prefers-reduced-motion: reduce) {
.jtd-compliance-page .jtd-compliance-reference { transition: none; }
.jtd-compliance-page .jtd-compliance-reference:hover, .jtd-compliance-page .jtd-compliance-reference:focus-visible { transform: none; }
}