/* InCue theme components. Tokens come from theme.json (Design v3, approved 14 Oct 2026).
   Dark canvas with Paper sections; amber the one accent; green only for "on air"; flat, pill buttons. */
:root{
  --incue-canvas:var(--wp--preset--color--canvas);
  --incue-surface:var(--wp--preset--color--surface);
  --incue-surface-2:var(--wp--preset--color--surface-2);
  --incue-hair:var(--wp--preset--color--hairline);
  --incue-ink:var(--wp--preset--color--ink);
  --incue-ink-2:rgba(244,241,234,.72);
  --incue-ink-3:rgba(244,241,234,.46);
  --incue-cue:var(--wp--preset--color--cue);
  --incue-cue-soft:rgba(232,163,61,.14);
  --incue-onair:var(--wp--preset--color--on-air);
  --incue-paper-ink-2:rgba(15,18,22,.72);
  --incue-paper-ink-3:rgba(15,18,22,.5);
  --incue-paper-hair:#E3DED3;
  --incue-cue-paper:var(--wp--preset--color--cue-paper);
  --incue-onair-paper:var(--wp--preset--color--on-air-paper);
  --incue-mono:var(--wp--preset--font-family--mono);
  --incue-display:var(--wp--preset--font-family--display);
}
body{-webkit-font-smoothing:antialiased}
img{max-width:100%;height:auto}
:where(.wp-site-blocks) > *{margin-block-start:0}
:focus-visible{outline:2px solid var(--incue-cue);outline-offset:3px;border-radius:6px}
h1 em,h2 em{font-style:normal;color:var(--incue-cue)}
.wp-block-heading{text-wrap:balance}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}

/* buttons: hover lifts 1px, press scales .97 (Design v3) */
.wp-element-button{transition:transform .2s ease,background .2s ease}
.wp-element-button:hover{transform:translateY(-1px)}
.wp-element-button:active{transform:scale(.97)}
.incue-btn-quiet .wp-block-button__link{background:var(--incue-surface-2)!important;color:var(--incue-ink)!important}
.incue-btn-quiet .wp-block-button__link:hover{background:var(--wp--preset--color--surface)!important}

/* text helpers */
.incue-eyebrow{font:600 12px/16px var(--wp--preset--font-family--body);letter-spacing:.08em;text-transform:uppercase;color:var(--incue-ink-3);margin:0}
.incue-lede{font-size:var(--wp--preset--font-size--lede);color:var(--incue-ink-2);max-width:56ch}
.incue-muted{color:var(--incue-ink-2)}
.incue-small{font-size:13px}
.incue-note{font:400 12px/16px var(--incue-mono);color:var(--incue-ink-3);margin-top:12px}
.incue-mono{font-family:var(--incue-mono);font-variant-numeric:tabular-nums}
.incue-dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:var(--incue-onair);box-shadow:0 0 8px rgba(79,130,106,.7);margin-right:10px;vertical-align:middle}
.incue-tagline{font:500 13px/18px var(--incue-mono);color:var(--incue-ink-3)}
.incue-h1-sm{font-size:clamp(40px,6vw,64px)!important}

/* sections */
.incue-sec{padding-block:var(--wp--preset--spacing--70)}
.incue-sec-tight{padding-block:0 var(--wp--preset--spacing--70)}
.incue-sec-flush{padding-top:var(--wp--preset--spacing--40)}
.incue-sec > * + *{margin-top:24px}
.incue-hero{padding-block:72px 0;overflow-x:clip}
.incue-hero > * + *{margin-top:28px}
.incue-stack > * + *{margin-top:24px!important}
.incue-stack > *{margin-bottom:0}
.incue-phero{padding-block:80px 24px}
.incue-phero > * + *{margin-top:20px}
.incue-generic{padding-block:80px}
.incue-mt{margin-top:96px!important}
.incue-paper .incue-eyebrow{color:var(--incue-paper-ink-3)}
.incue-paper .incue-lede,.incue-paper .incue-muted,.incue-paper li{color:var(--incue-paper-ink-2)}
.incue-paper h1 em,.incue-paper h2 em{color:var(--incue-cue-paper)}

/* header */
.incue-top{position:sticky;top:0;z-index:20;background:rgba(15,18,22,.86);backdrop-filter:saturate(1.2) blur(12px);-webkit-backdrop-filter:saturate(1.2) blur(12px)}
.admin-bar .incue-top{top:32px}
@media (max-width:782px){.admin-bar .incue-top{top:46px}}
.incue-top-row{min-height:68px;align-items:center}
.incue-wm{display:inline-flex;color:var(--incue-ink);line-height:0}
.incue-wm svg{height:24px;width:auto}
.incue-foot .incue-wm svg{height:22px}
.incue-top-nav{gap:8px;align-items:center}
.incue-top .wp-block-navigation a{color:var(--incue-ink-2);padding:8px 12px;border-radius:10px;text-decoration:none}
.incue-top .wp-block-navigation a:hover{color:var(--incue-ink);background:var(--incue-surface-2)}
.incue-top .wp-block-navigation .current-menu-item > a,.incue-top .wp-block-navigation a[aria-current="page"]{color:var(--incue-ink);background:var(--incue-surface-2)}
.incue-top-cta .wp-block-button__link{padding:12px 18px;font-size:14px}
.wp-block-navigation__responsive-container.is-menu-open{background:var(--incue-canvas)!important;color:var(--incue-ink)!important}
@media (max-width:599px){.incue-top-cta{display:none}}

/* footer */
.incue-foot{padding-block:48px;border-top:1px solid var(--incue-hair)}
.incue-foot p{margin:0}

/* frames */
.incue-frame img{border-radius:16px;box-shadow:0 0 0 1px var(--incue-hair);width:100%}
.incue-paper .incue-frame img{box-shadow:0 0 0 1px var(--incue-paper-hair)}
.incue-glow{position:relative}
.incue-glow::before{content:"";position:absolute;inset:-10% -8% -20% 30%;background:radial-gradient(closest-side,rgba(232,163,61,.16),transparent);pointer-events:none}
.incue-glow img{position:relative}
.incue-phone img{border-radius:24px}

/* home promises: 2 x 2 cards */
.incue-grid2{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.incue-grid2 > *{margin:0!important}
.incue-card{background:var(--incue-surface);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:10px}
.incue-card > *{margin:0!important}
.incue-card .incue-frame{margin-top:12px!important}
.incue-card .incue-frame img{border-radius:10px}
.incue-kicker{display:flex;gap:10px;align-items:center}
.incue-k{font:500 12px/1 var(--incue-mono);color:var(--incue-cue)}
.incue-tag{font:600 11px/14px var(--wp--preset--font-family--body);letter-spacing:.06em;text-transform:uppercase;color:var(--incue-cue);background:var(--incue-cue-soft);padding:3px 8px;border-radius:9999px}
@media (max-width:860px){.incue-grid2{grid-template-columns:1fr}}

/* you / us split */
.incue-split{gap:24px!important;margin-top:48px!important}
.incue-col{background:#fff;border-radius:16px;padding:28px!important}
.incue-paper .incue-col h3{color:var(--incue-canvas)}
.incue-dots{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}
.incue-dots li{display:flex;gap:12px;font-size:15px;line-height:1.55}
.incue-dots li::before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.45;flex:none;margin-top:9px}
.incue-dots-onair li::before{background:var(--incue-onair-paper);opacity:1}
.incue-dots-cue li::before{background:var(--incue-cue);opacity:1}
.incue-paper .incue-dots-cue li::before{background:var(--incue-cue-paper)}
.incue-stkitts{font-weight:500;font-size:14px;margin-top:16px}
.incue-paper .incue-dot{background:var(--incue-onair-paper);box-shadow:none}

/* feature rows */
.incue-feat{gap:56px!important;align-items:center!important;padding-block:48px;margin:0!important}
.incue-feat + .incue-feat{border-top:1px solid var(--incue-hair)}
.incue-paper .incue-feat + .incue-feat{border-top-color:var(--incue-paper-hair)}
.incue-ftext{flex-basis:42%!important}
.incue-fimg{flex-basis:58%!important}
.incue-ftext > *{margin:0 0 16px!important}
.incue-ftext h2{font-size:clamp(28px,3.4vw,40px)}
.incue-step{display:flex;align-items:center;gap:12px;font:500 13px/1 var(--incue-mono);color:var(--incue-cue)}
.incue-paper .incue-step{color:var(--incue-cue-paper)}
.incue-rule{display:inline-block;width:28px;height:1px;background:currentColor;opacity:.5}
.incue-pair{gap:16px!important;align-items:flex-end!important;margin:0!important}
.incue-phone-col{flex-basis:30%!important;flex-grow:0!important}
@media (max-width:781px){
  .incue-feat{gap:28px!important;padding-block:32px}
  .incue-feat.is-flipped{flex-direction:column-reverse}
  .incue-pair{flex-wrap:nowrap!important}
}

/* pricing */
.incue-pricing{gap:24px!important;align-items:stretch!important}
.incue-plan,.incue-addons{background:var(--incue-surface);border-radius:24px;padding:32px;height:100%;display:flex;flex-direction:column;gap:20px}
.incue-plan > *,.incue-addons > *{margin:0!important}
.incue-price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}
.incue-price b{font:700 var(--wp--preset--font-size--price)/1 var(--incue-display);letter-spacing:-.04em}
.incue-price span{color:var(--incue-ink-2)}
.incue-incl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:10px 20px}
.incue-incl li{display:flex;gap:10px;align-items:flex-start;color:var(--incue-ink-2);font-size:15px;line-height:1.45}
.incue-incl svg{flex:none;margin-top:3px;color:var(--incue-cue)}
.incue-setup{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid var(--incue-hair);color:var(--incue-ink-2);font-size:15px}
.incue-setup .incue-mono{color:var(--incue-ink)}
.incue-row{display:flex;justify-content:space-between;align-items:baseline;gap:16px;padding:14px 0;border-bottom:1px solid var(--incue-hair)}
.incue-row:last-child{border-bottom:0}
.incue-nm{font-weight:500;display:block}
.incue-ds{display:block;color:var(--incue-ink-3);font-size:13px;line-height:18px;margin-top:2px}
.incue-row .incue-mono{white-space:nowrap}
.incue-terms{display:flex;flex-wrap:wrap;gap:8px}
.incue-terms span{height:32px;padding:0 14px;border-radius:9999px;background:var(--incue-surface-2);color:var(--incue-ink-2);font-size:13px;font-weight:500;display:inline-flex;align-items:center}
@media (max-width:520px){.incue-incl{grid-template-columns:1fr}.incue-plan,.incue-addons{padding:24px}}

.incue-ptable{background:var(--incue-surface);border-radius:24px;overflow-x:auto;margin:0}
.incue-ptable table{border-collapse:collapse;width:100%;min-width:560px;table-layout:auto}
.incue-ptable th,.incue-ptable td{border:0;border-bottom:1px solid var(--incue-hair);padding:18px 24px;text-align:left;vertical-align:top}
.incue-ptable thead{border:0}
.incue-ptable thead th{font:600 12px/16px var(--wp--preset--font-family--body);letter-spacing:.06em;text-transform:uppercase;color:var(--incue-ink-3)}
.incue-ptable td:first-child{font-weight:600}
.incue-ptable td:nth-child(2){color:var(--incue-ink-3);font-size:14px}
.incue-ptable td:last-child,.incue-ptable th:last-child{text-align:right;white-space:nowrap;font-family:var(--incue-mono)}
.incue-ptable tbody tr:first-child td{background:var(--incue-cue-soft)}
.incue-ptable tbody tr:last-child td{border-bottom:0}
.incue-ptable figcaption{font:400 12px/16px var(--incue-mono);color:var(--incue-ink-3);text-align:left;padding:0 24px 18px;margin:0}

/* FAQ */
.incue-faq{display:flex;flex-direction:column;gap:12px}
.incue-faq > *{margin:0!important}
.incue-faq details{background:#fff;border-radius:16px;padding:20px 24px}
.incue-faq summary{font:600 17px/24px var(--incue-display);cursor:pointer;list-style:none;display:flex;justify-content:space-between;gap:16px}
.incue-faq summary::-webkit-details-marker{display:none}
.incue-faq summary::after{content:"+";font:500 20px/24px var(--incue-mono);color:var(--incue-cue-paper)}
.incue-faq details[open] summary::after{content:"\2212"}
.incue-faq details p{margin:12px 0 0;font-size:15px;color:var(--incue-paper-ink-2)}

/* CTA band */
.incue-cta{background:var(--incue-surface);border-radius:24px;padding:48px;align-items:center!important;gap:24px!important}
.incue-cta h2{font-size:clamp(28px,3.4vw,40px);margin:0}
.incue-cta p{margin:8px 0 0}
.incue-cta-btn{flex-grow:0!important;flex-basis:auto!important}
@media (max-width:520px){.incue-cta{padding:28px}}

/* contact */
.incue-contact-sec{padding-top:80px}
.incue-contact{gap:48px!important}
.incue-contact .wp-block-column > * + *{margin-top:16px}
.incue-steps{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column;gap:14px}
.incue-steps li{display:flex;gap:14px;color:var(--incue-paper-ink-2);font-size:15px;line-height:1.5}
.incue-steps span{font:500 13px/24px var(--incue-mono);color:var(--incue-cue-paper);flex:none}
.incue-reach{background:#fff;border-radius:16px;padding:20px 24px;color:var(--incue-paper-ink-2);font-size:15px;margin-top:32px!important}
.incue-reach b{color:var(--incue-canvas)}
.incue-formcard{background:#fff;border-radius:24px;padding:28px}
.incue-form-slot{border:2px dashed var(--incue-paper-hair);border-radius:12px;padding:24px;color:var(--incue-paper-ink-2);font-size:14px;margin:0}
/* form plugins: give their fields the Design v3 look */
.incue-formcard input[type=text],.incue-formcard input[type=email],.incue-formcard input[type=tel],.incue-formcard textarea,.incue-formcard select{font:400 15px/1.4 var(--wp--preset--font-family--body);color:var(--incue-canvas);background:var(--wp--preset--color--paper-2);border:0;border-radius:10px;padding:12px 14px;width:100%}
.incue-formcard input:focus,.incue-formcard textarea:focus{outline:0;box-shadow:inset 0 0 0 2px var(--incue-cue-paper)}
.incue-formcard label{font-size:13px;font-weight:500;color:var(--incue-paper-ink-2)}
.incue-formcard input[type=submit],.incue-formcard button[type=submit]{background:var(--incue-cue);color:var(--incue-canvas);border:0;border-radius:9999px;padding:16px 26px;font-weight:600;cursor:pointer}

/* Pricing v2: three tiers. Channel+ carries the one solid accent tag; other tier buttons are quiet. */
.incue-tiers{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.incue-tiers > *{margin:0!important}
.incue-tier{background:var(--incue-surface);border-radius:24px;padding:28px;display:flex;flex-direction:column;gap:14px}
.incue-tier > *{margin:0!important}
.incue-tier .wp-block-buttons{margin-top:auto!important;padding-top:8px}
.incue-tier-head{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.incue-tier-name{font:600 20px/26px var(--incue-display);letter-spacing:-.01em;margin:0}
.incue-tag-solid{font:600 11px/14px var(--wp--preset--font-family--body);letter-spacing:.06em;text-transform:uppercase;background:var(--incue-cue);color:var(--incue-canvas);padding:5px 10px;border-radius:9999px}
.incue-tier .incue-price{margin:14px 0 0}
.incue-price-text b{font-size:clamp(36px,4vw,48px)!important;line-height:1.1!important}
.incue-tier-for{color:var(--incue-ink-2);margin:10px 0 14px;font-size:15px}
.incue-tier-lead{font-weight:600;font-size:14px;margin:0 0 10px;color:var(--incue-ink)}
.incue-tier .incue-incl{grid-template-columns:1fr}
@media (max-width:960px){.incue-tiers{grid-template-columns:1fr}}

/* setup, itemised, directly under the tiers */
.incue-setupcard{background:var(--incue-surface);border-radius:24px;padding:28px 32px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);gap:24px;align-items:center}
.incue-setup-head h3{margin:0;font:600 20px/26px var(--incue-display)}
.incue-price-sm{margin-top:6px}
.incue-price-sm b{font-size:40px!important}
.incue-steps-dark{margin:0}
.incue-steps-dark li{color:var(--incue-ink-2)}
.incue-steps-dark span{color:var(--incue-cue)}
@media (max-width:760px){.incue-setupcard{grid-template-columns:1fr;padding:24px}}

.incue-addons{height:auto}
.incue-sec .incue-tiers + *,.incue-sec .alignwide + .alignwide{margin-top:20px}

/* comparison table */
.incue-cmp table{min-width:720px}
.incue-cmp td,.incue-cmp th{text-align:left!important;font-family:inherit!important;white-space:normal!important}
.incue-cmp td:first-child{font-weight:500;color:var(--incue-ink-2);width:34%}
.incue-cmp td:nth-child(2),.incue-cmp td:nth-child(3),.incue-cmp td:nth-child(4){color:var(--incue-ink);font-size:15px}
.incue-cmp thead th{font:600 15px/20px var(--incue-display)!important;letter-spacing:0!important;text-transform:none!important;color:var(--incue-ink)!important}
.incue-cmp thead th:nth-child(3){color:var(--incue-cue)!important}
.incue-cmp tbody tr:first-child td{background:transparent}