/* Teal, navy and red remain the studio signature. */
:root{--card-radius:14px;--card-border:1px solid #dce7eb;--card-shadow:0 3px 8px #14384906,0 12px 28px #1438490b;--df-ink:#16475a;--df-text:#34515f;--df-accent:#0e929c;--df-line:#dce7eb;--df-soft-line:#eaf1f4;--df-pale:#f6fafc;--df-shadow:var(--card-shadow);--df-weight:300}
body .nav-section{border-color:#e5edf0;box-shadow:0 3px 12px #163a4a04}
body .section.bg-gray100{background:linear-gradient(145deg,#f8fafb,#eff5f7)}
body .contentbox_text{border:var(--card-border);border-radius:14px;box-shadow:var(--card-shadow);background:linear-gradient(150deg,#fff,#fdfefe)}
body :is(.cto,.btn-gen,.btn-copy){border-radius:8px}
body :is(.cto,.btn-gen,.btn-copy){max-width:100%;white-space:normal;text-align:center}
body .section :is(h1,h2,h3){overflow-wrap:anywhere;hyphens:auto}
body .section :is(.grid-2,.grid-3,.grid-40-60)>div{min-width:0}
body .cto{box-shadow:0 2px 4px #b526390b,0 7px 16px #d5243b1a}
body .cto:hover{box-shadow:0 7px 18px #d5243b24}
body .cto.secondary{box-shadow:none;border-color:#bad3dc}
body .contentbox_hero_audioplayer{border-color:#d6e5ec;border-radius:12px;background:#fff;box-shadow:0 3px 8px #14384905,0 8px 20px #14384909}
body .contentbox_hero_audioplayer:hover{border-color:#81b3c4;box-shadow:0 7px 18px #14384912}
body :is(.p2-cap,.p2-sit,.p2-trust,.p2-step){border-color:#dce7eb;border-radius:14px}
body .p2-cap{box-shadow:var(--card-shadow)}
body .p2-final{border-radius:14px}
body .faq__wrapper.df-faq-host{border:0;background:none;padding:0;box-shadow:none;max-width:60rem}
body :is(input[type=text],input[type=email],input[type=tel],textarea,select){border-radius:8px}
body :is(a,button,input,textarea,select,[role=button]):focus-visible{outline:3px solid #078995;outline-offset:3px}
@media(prefers-reduced-motion:reduce){body :is(.cto,.contentbox_hero_audioplayer){transition:none}}

/* Approved FAQ rhythm, expressed once per site using its existing brand tokens. */
body .df-faq{box-sizing:border-box;width:100%;max-width:60rem;margin:0;border:1px solid var(--df-line);border-radius:14px;background:var(--df-white,#fff);box-shadow:var(--df-shadow);overflow:hidden;color:var(--df-text)}
body .df-faq-host:is(.faq-card,.accordion,.faq__col,.faq__group){background:none;border:0;box-shadow:none;padding:0;border-radius:0}
body .df-row{padding:0;margin:0;border:0;border-bottom:1px solid var(--df-soft-line);background:transparent}
body .df-row:last-child{border-bottom:0}
body .df-q{box-sizing:border-box;appearance:none;display:flex;align-items:center;justify-content:space-between;gap:24px;width:100%;min-height:63px;padding:19.2px 27.2px;margin:0;border:0;border-radius:0;background:none;box-shadow:none;color:var(--df-ink);font-family:inherit;font-size:1.02rem;font-weight:500;line-height:1.4;letter-spacing:normal;text-align:left;text-transform:none;cursor:pointer;transition:background .2s}
body .df-q::before,body .df-q::after{content:none}
body .df-q .df-label{font:inherit;color:inherit;min-width:0}
body .df-q:hover,body .df-open{background:var(--df-pale)}
body .df-q:focus-visible{outline:3px solid var(--df-accent);outline-offset:-3px}
body .df-sign{display:flex;align-items:center;justify-content:center;flex:0 0 auto;box-sizing:border-box;width:25px;height:25px;padding:0;margin:0;border:1px solid var(--df-accent);border-radius:50%;color:var(--df-accent);background:none;font-size:17px;font-weight:400;line-height:1;transition:transform .2s,background .2s,color .2s}
body .df-open .df-sign{transform:rotate(45deg);background:var(--df-accent);color:#fff}
body .df-a{box-sizing:border-box;max-width:74ch;padding:0 27.2px 22.4px;margin:0;color:var(--df-text);font:inherit;font-size:.97rem;font-weight:var(--df-weight,400);line-height:1.72;letter-spacing:normal}
body .df-a[hidden]{display:none}
body .df-a-inner{margin:0;padding:0;font:inherit;color:inherit}
body .df-a-inner :is(p,li){font:inherit;color:inherit;max-width:none;letter-spacing:normal}
body .df-a-inner p{margin:0 0 .8rem;padding:0}
body .df-a-inner p:last-child{margin-bottom:0}
body .df-a-inner a{color:var(--df-ink);text-decoration:underline;text-underline-offset:3px}
@media(prefers-reduced-motion:reduce){body .df-faq :is(.df-q,.df-sign){transition:none}}