/* TDNSC v12: top is intentionally calm. Examples live under their respective resources. */
.hero.student-hero{display:flex!important;align-items:center;min-height:0!important;gap:0!important;padding-block:clamp(49px,6vw,83px)!important}
.hero.student-hero .hero-copy{max-width:830px;width:100%;margin:0}
.hero.student-hero::after{opacity:.5}
.tdnsc-price-grid{align-items:stretch}
.tdnsc-price-card.has-demo{gap:9px}
.tdnsc-price-card.has-demo > p{flex:0 0 auto!important;margin-bottom:6px}
.tdnsc-inline-demo{width:100%;min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:12px;border:1px solid #c7ddf3;background:#fff;border-radius:17px;padding:17px;margin:5px 0 15px;box-shadow:0 6px 20px #215b9410;color:#173f62}
.tdnsc-inline-demo .tdnsc-demo-top{display:flex;align-items:center;flex-wrap:wrap;gap:7px;margin-bottom:3px}
.tdnsc-demo-top > span{width:27px;height:27px;border-radius:10px;display:grid;place-items:center;background:#e5f2ff;color:#245ab1;font-size:16px}
.tdnsc-demo-top strong{color:#24518a;font:800 .67rem/1.3 'DM Sans',Arial,sans-serif;letter-spacing:.075em}
.tdnsc-demo-top small{color:#6984a0;font:600 .67rem/1.4 'DM Sans',Arial,sans-serif;margin-left:auto}
.tdnsc-inline-demo h4{font:850 clamp(1.04rem,1.55vw,1.27rem)/1.27 'DM Sans',Arial,sans-serif;letter-spacing:-.035em;color:#163453;margin:0}
.tdnsc-answers{display:grid;gap:8px}
.tdnsc-answer{width:100%;text-align:left;min-height:43px;border:1.5px solid #e1edf7;border-radius:12px;background:#f9fcff;color:#204f7a;font:700 .88rem 'DM Sans',Arial,sans-serif;padding:10px 13px;cursor:pointer;transition:background .16s,border-color .16s,transform .16s}
.tdnsc-answer:hover,.tdnsc-answer:focus-visible{background:#e9f4ff;border-color:#95c2e9}
.tdnsc-answer[aria-pressed="true"]{background:#e4f1ff;border-color:#286fc8;box-shadow:inset 0 0 0 1px #286fc8}
.tdnsc-try-button,.tdnsc-reveal summary{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;min-height:44px;border:0;border-radius:12px;padding:11px 13px;background:#245db7;color:#fff;font:800 .87rem/1.3 'DM Sans',Arial,sans-serif;text-decoration:none;cursor:pointer;list-style:none}
.tdnsc-try-button:disabled{background:#dceafa;color:#54718d;cursor:not-allowed}
.tdnsc-reveal summary::-webkit-details-marker{display:none}
.tdnsc-reveal summary:hover,.tdnsc-try-button:not(:disabled):hover{background:#174a98}
.tdnsc-answer-feedback{margin:0!important;border-radius:11px;padding:11px!important;background:#e3f8ed;color:#176042!important;font:700 .83rem/1.5 'DM Sans',Arial,sans-serif!important}
.tdnsc-answer-feedback.is-revisit{background:#fff1db;color:#735326!important}
.tdnsc-demo-prompt{margin:0!important;font:500 .81rem/1.4 'DM Sans',Arial,sans-serif!important;color:#67849b!important}
.tdnsc-reveal{width:100%;margin:0!important}
.tdnsc-reveal-answer{background:#e9f5ff;border:1px solid #d6e9fb;border-radius:0 0 12px 12px;padding:15px;color:#1e476a;font-size:.88rem;line-height:1.5}
.tdnsc-reveal[open] summary{border-radius:12px 12px 0 0}
.tdnsc-demo-note{font:600 .72rem/1.45 'DM Sans',Arial,sans-serif;color:#6e859c}
/* Make actual calls to action feel tappable but not visually overwhelming */
.tdnsc-price-tail{margin-top:auto}
.tdnsc-price-tail a{border-radius:14px!important;min-height:49px;display:flex!important;align-items:center;justify-content:center;padding:12px 15px!important;font-weight:850!important;font-size:.87rem!important;box-shadow:0 3px 0 #0d428338;transition:transform .14s,box-shadow .14s,filter .14s}
.tdnsc-price-tail a:hover{transform:translateY(-2px);box-shadow:0 5px 0 #0d42832b;filter:saturate(1.14)}
.tdnsc-price-card.is-free .tdnsc-price-tail a{background:#2463bd!important}
.tdnsc-price-card.is-free .tdnsc-price-tail a:hover{background:#174c9b!important}
.student-hero .actions .btn{border-radius:15px!important;font-weight:850!important;transition:transform .14s,box-shadow .14s}
.student-hero .actions .btn:hover{transform:translateY(-2px);box-shadow:0 5px 0 #17395c24}
@media(min-width:1050px){.hero.student-hero{padding-left:clamp(54px,7vw,100px)!important;padding-right:clamp(36px,7vw,100px)!important}}
@media(max-width:920px){.hero.student-hero{padding-block:48px!important}}
@media(max-width:620px){.hero.student-hero{padding:39px 23px 37px!important}.tdnsc-inline-demo{padding:15px;gap:10px}.tdnsc-demo-top small{margin-left:0}.tdnsc-price-tail a{min-height:50px}}
@media(prefers-reduced-motion:reduce){.tdnsc-price-tail a,.student-hero .actions .btn,.tdnsc-answer{transition:none!important;transform:none!important}}