/* Achieve with Dr. A theme. Colors and fonts come from Theme Settings via css-variables. */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--dra-bg);color:var(--dra-text);font-family:var(--dra-font-body),'Helvetica Neue',Arial,sans-serif;font-weight:300;font-size:17px;line-height:1.7}
img{max-width:100%;height:auto;display:block}
a{color:var(--dra-heading)}
.dra-container{width:100%;max-width:1160px;margin:0 auto;padding:0 24px}
.dra-section{position:relative;padding:96px 0}
.dra-bg-cream{background:var(--dra-bg)}
.dra-bg-paper{background:var(--dra-paper)}
.dra-bg-blush{background:var(--dra-blush)}
.dra-bg-chocolate{background:var(--dra-heading);color:var(--dra-on-dark)}
.dra-bg-chocolate .dra-h1,.dra-bg-chocolate .dra-h2,.dra-bg-chocolate .dra-h3,.dra-bg-chocolate .dra-h4{color:var(--dra-paper)}
.dra-bg-chocolate .dra-eyebrow{color:var(--dra-salmon)}
.dra-bg-chocolate .dra-lead,.dra-bg-chocolate .dra-body{color:var(--dra-on-dark)}
/* type */
.dra-eyebrow{margin:0 0 14px;font-family:var(--dra-font-body),sans-serif;font-size:12px;font-weight:500;letter-spacing:.22em;text-transform:uppercase;color:var(--dra-accent)}
.dra-h1,.dra-h2,.dra-h3,.dra-h4{font-family:var(--dra-font-heading),Georgia,serif;font-weight:400;color:var(--dra-heading);margin:0;text-wrap:balance}
.dra-h1{font-size:clamp(44px,5.6vw,72px);line-height:1.02}
.dra-h2{font-size:clamp(36px,4.2vw,54px);line-height:1.08}
.dra-h2-sm{font-size:clamp(32px,3.4vw,44px)}
.dra-h2-lg{font-size:clamp(40px,4.8vw,62px)}
.dra-h3{font-size:clamp(26px,2.6vw,34px);font-weight:500;line-height:1.12}
.dra-h4{font-size:26px;font-weight:500;line-height:1.2}
.dra-h1 em,.dra-h2 em{font-style:italic}
.dra-lead{font-size:18px;color:var(--dra-text);max-width:580px}
.dra-lead p,.dra-body p{margin:0 0 1em}.dra-lead p:last-child,.dra-body p:last-child{margin-bottom:0}
.dra-body{font-size:16px;color:var(--dra-text)}
.dra-prose{max-width:580px}
.dra-note{max-width:380px;font-size:15px}
.dra-fine{margin:4px 0 0;font-size:13px;color:var(--dra-text)}
.dra-head{display:flex;flex-direction:column;gap:6px;margin-bottom:48px;max-width:760px}
.dra-head .dra-prose{margin-top:14px}
.dra-center{text-align:center;align-items:center;margin-left:auto;margin-right:auto}
.dra-head-row{flex-direction:row;justify-content:space-between;align-items:flex-end;max-width:none;gap:40px;flex-wrap:wrap}
/* buttons */
.dra-btns{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.dra-btns-center{justify-content:center}
.dra-btn{display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:0 26px;font-family:var(--dra-font-body),sans-serif;font-size:12px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;background:var(--dra-heading);color:var(--dra-paper);border:1px solid var(--dra-heading);cursor:pointer;transition:background .2s,color .2s}
.dra-btn:hover{background:var(--dra-accent);border-color:var(--dra-accent);color:var(--dra-paper)}
.dra-btn:focus-visible,.dra-strip-link:focus-visible,summary:focus-visible{outline:2px solid var(--dra-accent);outline-offset:3px}
.dra-btn-outline{background:transparent;color:var(--dra-heading)}
.dra-btn-outline:hover{background:var(--dra-heading);color:var(--dra-paper);border-color:var(--dra-heading)}
.dra-btn-light{background:var(--dra-paper);color:var(--dra-heading);border-color:var(--dra-paper)}
.dra-btn-outline-light{background:transparent;color:var(--dra-paper);border-color:var(--dra-paper)}
.dra-btn-outline-light:hover{background:var(--dra-paper);color:var(--dra-heading);border-color:var(--dra-paper)}
.dra-btn-block{width:100%;justify-content:center;margin-top:8px}
.dra-arrow{flex-shrink:0}
/* frames & placeholders */
.dra-framed{background:var(--dra-paper);padding:14px;box-shadow:0 24px 60px rgba(63,38,28,.12)}
.dra-framed-inner{border:1px solid var(--dra-line);padding:44px}
.dra-ph{display:flex;align-items:center;justify-content:center;background:var(--dra-blush);min-height:220px;width:100%;height:100%}
.dra-ph span{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dra-heading)}
.dra-tall{min-height:560px}
/* hero */
.dra-s-hero{padding:0;min-height:640px;display:flex;align-items:center}
.dra-hero-media{position:absolute;top:0;bottom:0;right:0;left:36%}
.dra-hero-media img,.dra-hero-media .dra-ph{width:100%;height:100%;object-fit:cover}
.dra-hero-inner{position:relative;padding-top:88px;padding-bottom:88px}
.dra-hero-card{max-width:580px}
/* strip */
.dra-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-bottom:1px solid var(--dra-line)}
.dra-section.dra-s-linkstrip{padding:0}
.dra-strip-link{display:flex;align-items:center;justify-content:center;gap:10px;padding:30px 20px;font-family:var(--dra-font-heading),Georgia,serif;font-style:italic;font-size:22px;color:var(--dra-heading);text-decoration:none;border-left:1px solid var(--dra-line)}
.dra-strip-link:first-child{border-left:0}
.dra-strip-link:hover{color:var(--dra-accent)}
/* grids & cards */
.dra-grid{display:grid;gap:32px;align-items:start}
.dra-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}
.dra-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}
.dra-card{background:var(--dra-paper);border:1px solid var(--dra-line)}
.dra-card-img{width:100%;height:240px;object-fit:cover;min-height:0}
.dra-card-body{padding:36px 40px 40px}
.dra-card-body .dra-h3{margin-bottom:14px}
.dra-list ul,.dra-list ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}
.dra-list li{position:relative;padding-left:24px;font-size:16px}
.dra-list li::before{content:"";position:absolute;left:2px;top:.62em;width:7px;height:7px;background:var(--dra-accent);transform:rotate(45deg)}
.dra-diamond{display:inline-block;width:7px;height:7px;background:var(--dra-accent);transform:rotate(45deg);flex-shrink:0}
/* split */
.dra-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:center}
.dra-split-reverse{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.dra-split-text{display:flex;flex-direction:column;gap:6px;min-width:0}
.dra-split-text .dra-lead,.dra-split-text .dra-prose{margin-top:16px}
.dra-split-media img{width:100%;object-fit:cover}
.dra-offset-frame{position:relative;padding:0 0 24px 24px}
.dra-offset-frame::before{content:"";position:absolute;left:0;top:24px;right:24px;bottom:0;border:1px solid var(--dra-salmon)}
.dra-offset-frame>*{position:relative}
.dra-steps{margin-top:24px}
.dra-step{display:flex;gap:24px;padding:24px 0;border-top:1px solid var(--dra-line)}
.dra-step-num{font-family:var(--dra-font-heading),Georgia,serif;font-style:italic;font-size:30px;line-height:1;color:var(--dra-accent);min-width:44px}
.dra-step .dra-h4{margin-bottom:8px}
.dra-creds{list-style:none;margin:28px 0 0;padding:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--dra-line);max-width:580px}
.dra-creds li{display:flex;gap:12px;align-items:center;padding:14px 0;border-bottom:1px solid var(--dra-line);font-size:14px;letter-spacing:.04em;color:var(--dra-heading);font-weight:400}
/* testimonials */
.dra-quote{margin:0;background:var(--dra-bg);border:1px solid var(--dra-line);padding:36px;display:flex;flex-direction:column;gap:18px}
.dra-quote-mark{font-family:var(--dra-font-heading),Georgia,serif;font-size:64px;line-height:.6;height:26px;color:var(--dra-salmon)}
.dra-quote blockquote{margin:0;font-family:var(--dra-font-heading),Georgia,serif;font-style:italic;font-size:21px;line-height:1.45;color:var(--dra-text)}
.dra-quote figcaption{display:flex;gap:14px;align-items:center;font-size:13px;letter-spacing:.08em;color:var(--dra-heading)}
.dra-quote figcaption img,.dra-avatar{width:44px;height:44px;border-radius:50%;object-fit:cover;background:var(--dra-blush);display:inline-block}
/* band */
.dra-band{border:1px solid var(--dra-line);padding:44px 56px;display:flex;justify-content:space-between;align-items:center;gap:48px;flex-wrap:wrap}
.dra-band .dra-body{max-width:440px}
/* faq & list */
.dra-faq-grid{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,8fr);gap:96px;align-items:start}
.dra-faq-list{border-bottom:1px solid var(--dra-line)}
.dra-faq-item{border-top:1px solid var(--dra-line);padding:24px 0}
.dra-faq-item summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px}
.dra-faq-item summary::-webkit-details-marker{display:none}
.dra-faq-icon{position:relative;width:16px;height:16px;flex-shrink:0}
.dra-faq-icon::before,.dra-faq-icon::after{content:"";position:absolute;left:0;right:0;top:7px;height:1.5px;background:var(--dra-accent);transition:transform .2s}
.dra-faq-icon::after{transform:rotate(90deg)}
.dra-faq-item[open] .dra-faq-icon::after{transform:rotate(0)}
.dra-faq-item .dra-body{margin-top:12px;max-width:640px}
.dra-lines{list-style:none;margin:0;padding:0;border-bottom:1px solid var(--dra-line)}
.dra-lines li{display:flex;gap:14px;align-items:center;padding:18px 0;border-top:1px solid var(--dra-line);font-size:17px}
.dra-s-listsec .dra-body{margin-top:16px}
/* cta */
.dra-s-cta{padding:112px 0}
.dra-cta-inner{display:flex;flex-direction:column;align-items:center}
.dra-cta-inner .dra-lead{margin:18px auto 0;text-align:center}
/* opt-in */
.dra-optin-grid{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}
.dra-optin-card .dra-framed-inner{display:flex;flex-direction:column;gap:14px;padding:36px}
.dra-optin-img{width:100%;height:auto}
.dra-optin-card form{display:flex;flex-direction:column;gap:10px}
.dra-optin-card label{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--dra-heading);font-weight:500}
.dra-optin-card input[type=text],.dra-optin-card input[type=email],.dra-optin-card input:not([type]),.dra-optin-card select{width:100%;height:48px;padding:0 16px;border:1px solid var(--dra-line);background:var(--dra-bg);font:inherit;font-size:15px;color:var(--dra-heading);border-radius:0}
/* example */
.dra-example{display:grid;grid-template-columns:200px minmax(0,1fr) minmax(0,1fr);border:1px solid var(--dra-line);background:var(--dra-paper)}
.dra-ex-col{padding:28px;border-left:1px solid var(--dra-line)}
.dra-ex-col:first-child{border-left:0}
.dra-ex-theme{margin:0;font-family:var(--dra-font-heading),Georgia,serif;font-style:italic;font-size:30px;color:var(--dra-heading)}
.dra-ex-hl{background:var(--dra-bg)}
.dra-ex-sentence{font-family:var(--dra-font-heading),Georgia,serif;font-size:21px;line-height:1.45;color:var(--dra-heading)}
.dra-ex-sentence p{margin:0}
.dra-col{border-top:1px solid var(--dra-heading);padding-top:22px;display:flex;flex-direction:column;gap:12px}
/* header */
.dra-header{background:var(--dra-paper);border-bottom:1px solid var(--dra-line);position:relative;z-index:10}
.dra-header-inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:92px}
.dra-wordmark{font-family:var(--dra-font-heading),Georgia,serif;font-size:30px;line-height:1;color:var(--dra-heading);text-decoration:none;white-space:nowrap}
.dra-wordmark em{font-style:italic}.dra-wordmark strong{font-weight:600}
.dra-logo img{max-height:56px;width:auto}
.dra-nav{display:flex;align-items:center;gap:32px}
.dra-nav a:not(.dra-btn){font-size:14px;color:var(--dra-heading);text-decoration:none;font-weight:400}
.dra-nav a:not(.dra-btn):hover{color:var(--dra-accent)}
.dra-menu-toggle{display:none}
.dra-menu-toggle summary{list-style:none;cursor:pointer;padding:10px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--dra-heading);border:1px solid var(--dra-heading)}
.dra-menu-toggle summary::-webkit-details-marker{display:none}
/* footer */
.dra-footer{background:var(--dra-bg);border-top:1px solid var(--dra-line);padding:64px 0 40px}
.dra-footer-top{display:flex;justify-content:space-between;gap:64px;flex-wrap:wrap}
.dra-footer-brand{max-width:380px;display:flex;flex-direction:column;gap:14px}
.dra-footer-cols{display:flex;gap:72px;flex-wrap:wrap}
.dra-footer-col{display:flex;flex-direction:column;gap:10px}
.dra-footer-col a,.dra-footer-col span{font-size:15px;color:var(--dra-text);text-decoration:none}
.dra-footer-col a:hover{color:var(--dra-accent)}
.dra-footer-bottom{display:flex;justify-content:space-between;gap:48px;margin-top:48px;padding-top:24px;border-top:1px solid var(--dra-line);font-size:13px;flex-wrap:wrap}
.dra-footer-bottom p{margin:0;max-width:760px}
/* system pages (login, blog, library, basic page) */
.dra-sys{padding:80px 0}
.section{padding:72px 0}
.section h1,.section h2,.section h3{font-family:var(--dra-font-heading),Georgia,serif;font-weight:400;color:var(--dra-heading)}
.btn,input[type=submit]{display:inline-flex;align-items:center;min-height:46px;padding:0 24px;background:var(--dra-heading);color:var(--dra-paper);border:1px solid var(--dra-heading);font-size:12px;letter-spacing:.18em;text-transform:uppercase;text-decoration:none;cursor:pointer}
.powered-by{padding:12px 0;text-align:center;font-size:12px;background:var(--dra-bg)}
/* responsive */
@media (max-width:960px){
  .dra-section{padding:72px 0}
  .dra-split,.dra-split-reverse,.dra-optin-grid,.dra-faq-grid{grid-template-columns:minmax(0,1fr);gap:48px}
  .dra-split-reverse .dra-split-media{order:-1}
  .dra-grid-2,.dra-grid-3{grid-template-columns:minmax(0,1fr)}
  .dra-s-hero{flex-direction:column;align-items:stretch;min-height:0}
  .dra-hero-media{position:relative;left:auto;height:320px}
  .dra-hero-inner{padding-top:0;padding-bottom:56px;margin-top:-80px}
  .dra-framed-inner{padding:32px 24px}
  .dra-example{grid-template-columns:minmax(0,1fr)}
  .dra-ex-col{border-left:0;border-top:1px solid var(--dra-line)}.dra-ex-col:first-child{border-top:0}
  .dra-nav{display:none}
  .dra-menu-toggle{display:block;position:relative}
  .dra-menu-toggle[open] .dra-nav{display:flex;flex-direction:column;align-items:flex-start;position:absolute;right:0;top:calc(100% + 10px);background:var(--dra-paper);border:1px solid var(--dra-line);padding:24px;gap:18px;min-width:260px}
  .dra-strip-link{border-left:0;border-top:1px solid var(--dra-line);padding:20px}
  .dra-strip-link:first-child{border-top:0}
  .dra-tall{min-height:380px}
  .dra-creds{grid-template-columns:minmax(0,1fr)}
  .dra-band{padding:32px 24px}
}
@media (min-width:961px){.dra-menu-toggle{display:none!important}.dra-nav-desktop{display:flex}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}