.ekoa{--ink:#173549;--ink2:#274c61;--sky:#dcecf2;--paper:#fffdf9;--line:#c9dce3;--ok:#437b69;--warn:#a06c31;--alert:#954d4d;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.ekoa *{box-sizing:border-box}
.ekoa__panel{background:var(--paper);border-radius:30px;overflow:hidden;box-shadow:0 25px 75px rgba(20,54,71,.13);border:1px solid #fff}
.ekoa__screen{display:none;min-height:620px}
.ekoa__screen.is-active{display:block}
.ekoa__screen[data-screen=intro].is-active{display:grid;grid-template-columns:1.1fr .9fr}
.ekoa__intro-copy{padding:clamp(38px,7vw,88px);display:flex;flex-direction:column;justify-content:center}
.ekoa__eyebrow{display:block;font-size:12px;font-weight:800;letter-spacing:.19em;text-transform:uppercase;color:#668b99;margin-bottom:20px}
.ekoa h1,.ekoa h2{font-family:Georgia,serif;font-weight:500;line-height:1;letter-spacing:-.035em;margin:0 0 24px}
.ekoa h1{font-size:clamp(48px,6vw,82px)}
.ekoa h2{font-size:clamp(37px,5vw,58px)}
.ekoa p{color:var(--ink2);line-height:1.7}
.ekoa__button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:17px 24px;font-weight:800;cursor:pointer;min-height:55px}
.ekoa__button:disabled{opacity:.4;cursor:not-allowed}
.ekoa__button--light{background:#fff;color:var(--ink);border:1px solid var(--line)}
.ekoa__intro-art{position:relative;background:linear-gradient(150deg,#c9e0e6,#eef5f5);min-height:340px;display:grid;place-items:center;overflow:hidden}
.ekoa__arch{position:absolute;width:68%;height:72%;border:1px solid rgba(23,53,73,.32);border-radius:50% 50% 18px 18px}
.ekoa__smile{width:200px;height:100px;border-bottom:4px solid var(--ink);border-radius:0 0 120px 120px;position:relative;transform:translateY(-15px)}
.ekoa__smile i{position:absolute;width:36px;height:50px;background:rgba(255,255,255,.82);border:1px solid rgba(23,53,73,.18);border-radius:8px 8px 17px 17px;top:57px}
.ekoa__smile i:nth-child(1){left:27px;transform:rotate(10deg)}
.ekoa__smile i:nth-child(2){left:64px;top:65px}
.ekoa__smile i:nth-child(3){left:102px;top:65px}
.ekoa__smile i:nth-child(4){left:140px;transform:rotate(-10deg)}
.ekoa__intro-art small{position:absolute;left:30px;right:30px;bottom:28px;background:rgba(255,255,255,.76);padding:16px;border-radius:14px;line-height:1.5}
.ekoa__quiz-head{padding:28px 34px 0}
.ekoa__quiz-head div{display:flex;justify-content:space-between}
.ekoa__quiz-head progress{width:100%;height:6px;margin-top:15px;accent-color:var(--ink)}
.ekoa__question{padding:clamp(38px,6vw,72px);max-width:900px;margin:auto}
.ekoa__question h2{margin-bottom:12px}
.ekoa__answers{display:grid;gap:12px;margin-top:28px}
.ekoa__answer{width:100%;border:1px solid var(--line);background:#fff;border-radius:18px;padding:18px;text-align:left;color:var(--ink);display:flex;align-items:center;justify-content:space-between;cursor:pointer}
.ekoa__answer i{width:22px;height:22px;border:1px solid #9bb8c1;border-radius:50%}
.ekoa__answer.is-selected{background:#eef5f6;border-color:var(--ink)}
.ekoa__answer.is-selected i{border:6px solid var(--ink)}
.ekoa__nav{display:flex;justify-content:space-between;padding:0 clamp(28px,6vw,72px) 38px}
.ekoa__back{border:0;background:transparent;color:var(--ink);padding:15px;font-weight:800;cursor:pointer}
.ekoa__result,.ekoa__contact,.ekoa__success{padding:clamp(36px,6vw,72px)}
.ekoa__lead{font-size:17px;max-width:780px}
.ekoa__results{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:30px}
.ekoa__results article{border:1px solid var(--line);border-radius:19px;padding:21px;background:#fff}
.ekoa__results header{display:flex;align-items:center;justify-content:space-between;gap:10px}
.ekoa__results h3{font:500 22px Georgia,serif;margin:0}
.ekoa__results p{font-size:14px;margin-bottom:0}
.ekoa__pill{font-size:10px;font-weight:900;padding:7px 9px;border-radius:99px;text-transform:uppercase}
.ekoa__pill--clear{background:#edf6f1;color:var(--ok)}
.ekoa__pill--monitor{background:#fff5e7;color:var(--warn)}
.ekoa__pill--consult{background:#e7f1f4;color:var(--ink2)}
.ekoa__pill--priority{background:#f9e9e7;color:var(--alert)}
.ekoa__alert{background:#fff3f1;border-left:4px solid var(--alert);padding:17px;border-radius:10px}
.ekoa__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.ekoa__fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.ekoa__fields label{display:grid;gap:7px;font-size:13px;font-weight:800}
.ekoa__fields .is-full{grid-column:1/-1}
.ekoa input,.ekoa select,.ekoa textarea{width:100%;border:1px solid var(--line);border-radius:12px;padding:13px;background:#fff}
.ekoa__checks{display:grid;gap:11px;margin:20px 0}
.ekoa__checks label{display:flex;gap:9px;align-items:flex-start;font-size:13px;line-height:1.5}
.ekoa__checks input{width:auto;margin-top:3px}
.ekoa__form-message{color:var(--alert);font-weight:700;margin:10px 0}
.ekoa__success{text-align:center}
.ekoa__tick{width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#e5f2ed;color:var(--ok);font-size:35px;margin:0 auto 22px}
@media(max-width:760px){.ekoa__screen[data-screen=intro].is-active{grid-template-columns:1fr}
.ekoa__intro-copy{padding:40px 24px}
.ekoa h1{font-size:49px}
.ekoa__intro-art{min-height:285px}
.ekoa__question{padding:40px 22px}
.ekoa__nav{padding:0 22px 28px}
.ekoa__nav .ekoa__button{flex:1}
.ekoa__results,.ekoa__fields{grid-template-columns:1fr}
.ekoa__fields .is-full{grid-column:1}
.ekoa__actions .ekoa__button{width:100%}
}
@media(prefers-reduced-motion:reduce){.ekoa *{scroll-behavior:auto!important;transition:none!important}
}

/* v1.1.1 intro logo and heading alignment */
.ekoa h1{font-size:clamp(46px,5vw,76px);overflow-wrap:normal;word-break:normal;hyphens:none}
.ekoa h1 span{display:block;white-space:nowrap}
.ekoa__intro-art{padding:42px 30px 122px}
.ekoa__intro-logo{display:block;width:min(76%,460px);height:auto;max-height:340px;object-fit:contain;transform:translateY(12px)}
@media(max-width:760px){
  .ekoa h1{font-size:clamp(38px,10.5vw,44px)}
  .ekoa__intro-art{padding:26px 22px 108px}
  .ekoa__intro-logo{width:min(72%,330px);max-height:190px;transform:none}
}

/* v1.2.0 production page integration — page ID 387 only */
body.page-id-387 .entry-hero,
body.page-id-387 .page-hero-section,
body.page-id-387 .entry-header,
body.page-id-387 .page-header{display:none!important}
body.page-id-387 .content-area{margin-top:0!important;margin-bottom:0!important}
body.page-id-387 .site-main>article{margin-top:0!important;margin-bottom:0!important}
body.page-id-387 .entry-content-wrap{padding-top:clamp(18px,3vw,44px)!important;padding-bottom:clamp(28px,4vw,58px)!important}
body.page-id-387 .entry-content>.ekoa{width:min(100%,1600px);margin-inline:auto}

/* The assessment is a focused flow; floating assistants must not cover answers. */
body.page-id-387 .joinchat,
body.page-id-387 .ht-ctc-chat,
body.page-id-387 .qlwapp,
body.page-id-387 #chatbase-bubble-button,
body.page-id-387 #chatbase-message-bubbles,
body.page-id-387 #chatbase-bubble-window,
body.page-id-387 #chat-widget-container,
body.page-id-387 #whatsapp-chat-widget,
body.page-id-387 .whatsapp-widget,
body.page-id-387 #dera-widget-host{display:none!important}

body.page-id-387 .ekoa__panel{border-radius:24px}
body.page-id-387 .ekoa__intro-logo{width:min(64%,400px);max-height:300px;transform:none}
body.page-id-387 .ekoa__intro-art small{backdrop-filter:blur(7px);-webkit-backdrop-filter:blur(7px)}

@media(max-width:760px){
  body.page-id-387 .entry-content-wrap{padding:12px 12px 30px!important}
  body.page-id-387 .ekoa__panel{border-radius:18px}
  body.page-id-387 .ekoa__screen{min-height:0}
  body.page-id-387 .ekoa__quiz-head{padding:20px 20px 0}
  body.page-id-387 .ekoa__question{padding:30px 20px 26px}
  body.page-id-387 .ekoa__question h2{font-size:clamp(32px,9vw,38px);line-height:1.06;letter-spacing:-.025em}
  body.page-id-387 .ekoa__question>p{font-size:16px;line-height:1.55;margin-bottom:20px}
  body.page-id-387 .ekoa__answers{gap:10px;margin-top:20px}
  body.page-id-387 .ekoa__answer{min-height:64px;padding:15px 17px;border-radius:15px}
  body.page-id-387 .ekoa__nav{padding:0 20px 24px;gap:10px;align-items:center}
  body.page-id-387 .ekoa__back{padding-inline:8px}
  body.page-id-387 .ekoa__intro-logo{width:min(66%,290px);max-height:175px}
}

/* v1.3.0 crawlable on-page SEO content — page ID 387 only */
body.page-id-387 .ekoa__seo{width:min(1120px,calc(100% - 32px));margin:clamp(48px,7vw,92px) auto 0;color:var(--ink)}
body.page-id-387 .ekoa__seo h2{font-size:clamp(30px,4vw,46px);line-height:1.12;letter-spacing:-.025em;margin:0 0 18px}
body.page-id-387 .ekoa__seo p,
body.page-id-387 .ekoa__seo li{font-size:17px;line-height:1.75;color:var(--ink2)}
body.page-id-387 .ekoa__seo a{color:var(--ink);font-weight:800;text-decoration-thickness:1px;text-underline-offset:4px}
body.page-id-387 .ekoa__seo-intro{max-width:850px;margin-bottom:38px}
body.page-id-387 .ekoa__seo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:32px 0}
body.page-id-387 .ekoa__seo-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:0 12px 34px rgba(20,54,71,.06)}
body.page-id-387 .ekoa__seo-grid h2{font-size:27px}
body.page-id-387 .ekoa__seo-grid p{font-size:15px;margin:0}
body.page-id-387 .ekoa__seo-when{background:#eef5f6;border-radius:24px;padding:clamp(25px,4vw,42px);margin:34px 0}
body.page-id-387 .ekoa__seo-when ul{padding-left:22px;margin:0 0 20px}
body.page-id-387 .ekoa__faq{margin-top:48px}
body.page-id-387 .ekoa__faq details{border-top:1px solid var(--line);padding:0}
body.page-id-387 .ekoa__faq details:last-child{border-bottom:1px solid var(--line)}
body.page-id-387 .ekoa__faq summary{cursor:pointer;list-style-position:outside;padding:20px 4px;font-weight:800;font-size:17px;color:var(--ink)}
body.page-id-387 .ekoa__faq details p{margin:0;padding:0 4px 22px;max-width:850px}

@media(max-width:900px){
  body.page-id-387 .ekoa__seo-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
  body.page-id-387 .ekoa__seo{width:min(100% - 24px,1120px);margin-top:48px}
  body.page-id-387 .ekoa__seo p,
  body.page-id-387 .ekoa__seo li{font-size:16px;line-height:1.65}
  body.page-id-387 .ekoa__seo-grid article{padding:22px}
}

/* ekoa-email-size-hotfix-v1 — only the optional contact email field */
.ekoa .ekoa__fields input[type="email"]{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:52px!important;
  min-height:52px!important;
  padding:13px!important;
  line-height:24px;
}

/* ekoa-email-alignment-hotfix-v2 — only the optional contact email field */
.ekoa .ekoa__fields .ekoa__email-field{
  align-content:start!important;
}
.ekoa .ekoa__fields .ekoa__email-field input[type="email"]{
  display:block;
  box-sizing:border-box;
  width:100%;
  height:52px!important;
  min-height:52px!important;
  padding:13px!important;
  line-height:24px;
}
