/* Contiva — mobile-first. Tokens come from theme.json (--wp--preset--*). */
:root{--ctv-divider:var(--wp--custom--divider);--ctv-pad:clamp(16px,4vw,48px);--ctv-tap:44px}
*{box-sizing:border-box}
body{-webkit-text-size-adjust:100%;text-wrap:pretty}
h1,h2,h3,h4{text-wrap:balance;margin:0 0 .4em}
a{text-underline-offset:.15em}
.ctv-nav{position:sticky;top:0;z-index:5;background:var(--wp--preset--color--bg);padding:12px var(--ctv-pad);gap:8px 16px;align-items:center}
.ctv-brand a{font-weight:800;font-size:20px;letter-spacing:-.02em;text-decoration:none;color:inherit;display:inline-flex;align-items:center;gap:8px}
.ctv-brand a::before{content:"";width:14px;height:14px;background:var(--wp--preset--color--accent)}
.ctv-menu a{min-height:var(--ctv-tap);display:inline-flex;align-items:center;text-decoration:none;font-weight:600}
.ctv-input,.ctv-lang__select{min-height:40px;padding:6px 10px;border:1px solid var(--ctv-divider);background:var(--wp--preset--color--bg);font:inherit;font-weight:600;color:inherit;border-radius:0}
.ctv-section{padding:clamp(48px,7vw,96px) 0}
.ctv-section--line{border-top:2px solid var(--ctv-divider)}
.ctv-hero h1{max-width:16ch;line-height:1.04}
.ctv-lede{max-width:640px;line-height:1.4}
.ctv-sub{color:var(--wp--preset--color--neutral-700);max-width:560px;margin:0 0 28px}
.ctv-kicker{font-size:12px;letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--wp--preset--color--accent);margin:0 0 16px}
.ctv-kicker--muted{color:var(--wp--preset--color--neutral-700)}
.ctv-note{font-size:13px;color:var(--wp--preset--color--neutral-700);margin-top:16px}
.ctv-btn,.wp-element-button{display:inline-flex;align-items:center;gap:12px;min-height:52px;padding:0 22px;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--bg);font-weight:600;font-size:16px;text-decoration:none;border:0;border-radius:0;cursor:pointer}
.ctv-btn:hover,.wp-element-button:hover{background:var(--wp--preset--color--accent-700);color:var(--wp--preset--color--bg)}
.ctv-btn--secondary{background:transparent;color:var(--wp--preset--color--text);border:1px solid var(--wp--preset--color--text)}
.ctv-btn--secondary:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--text)}
.ctv-btn--inverse{background:var(--wp--preset--color--bg);color:var(--wp--preset--color--accent)}
.ctv-btn--inverse:hover{background:var(--wp--preset--color--accent-100);color:var(--wp--preset--color--accent)}
.ctv-btn--ghost{background:none;color:var(--wp--preset--color--text);padding:0;min-height:var(--ctv-tap)}
.ctv-row{display:flex;flex-wrap:wrap;gap:8px;align-items:center}
/* Divider-grid: 2px gaps filled by the divider colour */
.ctv-grid,.ctv-stats,.ctv-how{display:grid;gap:2px;background:var(--ctv-divider);border:2px solid var(--ctv-divider);margin:0;padding:0;list-style:none}
.ctv-grid>*,.ctv-stats>*,.ctv-how>*{background:var(--wp--preset--color--bg)}
.ctv-stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));border-left:0;border-right:0}
.ctv-stat{padding:28px 20px}.ctv-stat__v{font-weight:800;font-size:clamp(30px,3.5vw,44px);letter-spacing:-.03em;line-height:1}.ctv-stat--accent .ctv-stat__v{color:var(--wp--preset--color--accent)}.ctv-stat__l{margin-top:10px;font-size:14px;color:var(--wp--preset--color--neutral-700)}
.ctv-tabs{display:flex;overflow-x:auto;scrollbar-width:none;border-bottom:2px solid var(--ctv-divider);-webkit-overflow-scrolling:touch}
.ctv-tab{flex:none;min-height:48px;padding:12px 0;margin-inline-end:20px;background:none;border:0;border-bottom:3px solid transparent;margin-bottom:-2px;font:inherit;font-weight:600;font-size:15px;color:var(--wp--preset--color--neutral-600,#7d7979);cursor:pointer;white-space:nowrap}
.ctv-tab.is-active{border-color:var(--wp--preset--color--accent);color:var(--wp--preset--color--text)}
.ctv-industries{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));border-top:0}
.ctv-cell{min-height:84px;padding:16px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;font-weight:800;font-size:16px;letter-spacing:-.01em;color:var(--wp--preset--color--text);text-decoration:none}
.ctv-cell:hover{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--accent)}
.ctv-cell[hidden]{display:none}
.ctv-cell--muted{background:var(--wp--preset--color--surface);color:var(--wp--preset--color--neutral-700);justify-content:flex-end}
.ctv-dot{width:10px;height:10px;background:currentColor}
.ctv-how{grid-template-columns:repeat(auto-fit,minmax(170px,1fr))}
.ctv-how__step{padding:20px 16px 24px;min-height:150px;display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.ctv-how__n{font-weight:800;font-size:40px;line-height:1;letter-spacing:-.04em;color:var(--wp--preset--color--neutral-400,#bab6b6)}.ctv-how__step:last-child .ctv-how__n{color:var(--wp--preset--color--accent)}
.ctv-how__t{font-weight:800;font-size:17px;line-height:1.2}
.ctv-cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:clamp(24px,4vw,64px)}
.ctv-cols--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.ctv-col{border-top:2px solid var(--wp--preset--color--text);padding-top:16px}.ctv-col h3{font-size:24px}.ctv-col p{color:var(--wp--preset--color--neutral-800);margin:0}
.ctv-upgrades{margin-top:48px;display:flex;flex-wrap:wrap;align-items:baseline;gap:12px 24px}.ctv-upgrades .ctv-kicker{margin:0}
.ctv-tags{display:flex;flex-wrap:wrap;gap:8px}
.ctv-tag{display:inline-flex;align-items:center;font-size:13px;font-weight:600;padding:8px 12px;background:var(--wp--preset--color--surface)}
.ctv-tag--outline{background:none;border:1px solid var(--ctv-divider)}.ctv-tag--accent{background:var(--wp--preset--color--accent-100);color:var(--wp--preset--color--accent-700)}
.ctv-packs{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.ctv-pack{padding:24px 20px 20px;display:flex;flex-direction:column;gap:6px;min-height:230px}
.ctv-pack__n{font-weight:800;font-size:clamp(40px,4vw,56px);line-height:1;letter-spacing:-.04em}.ctv-pack__u{font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--wp--preset--color--neutral-700)}.ctv-pack__t{font-weight:800;font-size:18px;margin-top:12px}.ctv-pack__p{font-size:13px;color:var(--wp--preset--color--neutral-700);flex:1}
.ctv-pack .ctv-btn{margin-top:12px;min-height:var(--ctv-tap)}
.ctv-list{list-style:none;margin:0;padding:0}.ctv-list li{border-top:2px solid var(--ctv-divider);padding:14px 0;font-weight:800;font-size:clamp(20px,2.4vw,28px);letter-spacing:-.02em}
details.ctv-faq__item,.ctv-faq details{border-top:2px solid var(--ctv-divider);padding:4px 0}
details summary{min-height:var(--ctv-tap);display:flex;align-items:center;font-weight:800;font-size:18px;cursor:pointer;list-style:none}
details summary::-webkit-details-marker{display:none}
details summary::after{content:"+";margin-inline-start:auto;color:var(--wp--preset--color--accent);font-size:24px}
details[open] summary::after{content:"–"}
details p{margin:0 0 16px;color:var(--wp--preset--color--neutral-800)}
.ctv-poster{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--bg);padding:clamp(64px,10vw,140px) var(--ctv-pad);margin:0 calc(-1*var(--ctv-pad))}
.ctv-poster h2{color:inherit;font-size:clamp(40px,9vw,120px);line-height:1.04;letter-spacing:-.035em;margin-bottom:40px;max-width:18ch}
.ctv-back{display:inline-flex;align-items:center;min-height:var(--ctv-tap);text-decoration:none;color:inherit;margin-bottom:24px}
.ctv-footer{border-top:2px solid var(--ctv-divider);padding:32px 0;font-size:13px;color:var(--wp--preset--color--neutral-700)}
.ctv-footer__brand strong{color:var(--wp--preset--color--text);font-size:16px}
/* Order form (rendered by app.js) */
.ctv-order{max-width:820px;margin:0 auto;padding:clamp(24px,5vw,56px) 0 120px}
.ctv-steps{display:grid;grid-template-columns:repeat(8,1fr);gap:4px}.ctv-steps button{height:6px;border:0;padding:0;background:var(--wp--preset--color--neutral-300);cursor:pointer}.ctv-steps button.is-done{background:var(--wp--preset--color--accent)}
.ctv-order h1{font-size:clamp(34px,6vw,64px);line-height:1;margin:0 0 32px}
.ctv-field{display:grid;gap:8px;margin-bottom:22px}.ctv-field label{font-size:14px;font-weight:600}
.ctv-field .ctv-input,.ctv-field textarea,.ctv-field select{width:100%;min-height:48px;font-size:16px;font-weight:400}.ctv-field textarea{min-height:96px}
.ctv-choices{display:flex;flex-wrap:wrap;gap:6px}.ctv-choice{min-height:var(--ctv-tap);padding:0 16px;border:1px solid var(--ctv-divider);background:transparent;color:inherit;font:inherit;font-size:15px;font-weight:600;cursor:pointer;text-align:start}
.ctv-choice:hover{border-color:var(--wp--preset--color--text)}.ctv-choice.is-selected{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--bg);border-color:var(--wp--preset--color--accent)}
.ctv-optgrid{display:grid;gap:2px;background:var(--ctv-divider);border:2px solid var(--ctv-divider)}.ctv-optgrid--packs{grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}
.ctv-opt{background:var(--wp--preset--color--bg);border:0;min-height:64px;padding:14px 16px;text-align:start;font:inherit;color:inherit;cursor:pointer;display:flex;flex-direction:column;justify-content:space-between;gap:8px}
.ctv-opt.is-selected{background:var(--wp--preset--color--accent);color:var(--wp--preset--color--bg)}
.ctv-opt__big{font-weight:800;font-size:40px;line-height:1;letter-spacing:-.04em}.ctv-opt__t{font-weight:800;font-size:18px}.ctv-opt__d{font-size:14px;opacity:.8}
.ctv-calc{margin-top:40px;border:2px solid var(--wp--preset--color--text);padding:clamp(20px,4vw,32px)}
.ctv-calc__nums{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px 24px;align-items:end}
.ctv-calc__n{font-weight:800;font-size:clamp(44px,7vw,72px);line-height:1;letter-spacing:-.04em}.ctv-calc__n--accent{color:var(--wp--preset--color--accent)}.ctv-calc__l{font-size:14px;margin-top:6px;color:var(--wp--preset--color--neutral-700)}
.ctv-calc__range{margin-top:28px;font-weight:800;font-size:clamp(20px,3vw,28px);letter-spacing:-.02em}.ctv-calc__range b{color:var(--wp--preset--color--accent)}
.ctv-months{margin-top:16px;display:flex;gap:2px;height:18px}.ctv-months>div:nth-child(odd){background:var(--wp--preset--color--accent)}.ctv-months>div:nth-child(even){background:var(--wp--preset--color--accent-300)}
.ctv-monthlabels{margin-top:6px;display:flex;gap:2px;font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--wp--preset--color--neutral-700)}.ctv-monthlabels>div{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.ctv-table{width:100%;border-collapse:collapse;font-size:15px}.ctv-table td{padding:12px 0;border-top:1px solid var(--ctv-divider)}.ctv-table td:first-child{color:var(--wp--preset--color--neutral-700);width:36%}.ctv-table td:last-child{font-weight:600}
.ctv-check{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 16px;background:var(--wp--preset--color--bg);border:0;font:inherit;font-size:16px;font-weight:600;color:inherit;text-align:start;cursor:pointer;width:100%}
.ctv-check__box{width:20px;height:20px;flex:none;border:2px solid var(--wp--preset--color--text);display:grid;place-items:center;color:var(--wp--preset--color--bg)}.ctv-check.is-on .ctv-check__box{background:var(--wp--preset--color--text)}
.ctv-bar{position:fixed;left:0;right:0;bottom:0;background:var(--wp--preset--color--bg);border-top:2px solid var(--ctv-divider);z-index:5;padding-bottom:env(safe-area-inset-bottom)}
.ctv-bar__in{max-width:820px;margin:0 auto;padding:12px var(--ctv-pad);display:flex;gap:8px;justify-content:space-between}.ctv-bar .ctv-btn{min-height:48px;font-size:15px}
.ctv-bar__note{max-width:820px;margin:0 auto;padding:0 var(--ctv-pad) 10px;font-size:12px;color:var(--wp--preset--color--neutral-700)}
/* Status */
.ctv-status{max-width:900px;margin:0 auto;padding:clamp(32px,6vw,72px) 0 96px}
.ctv-stages{list-style:none;margin:0;padding:0;border-top:2px solid var(--ctv-divider)}.ctv-stages li{display:flex;align-items:center;gap:14px;min-height:56px;padding:12px 0;border-bottom:1px solid var(--ctv-divider);font-weight:800;font-size:17px;color:var(--wp--preset--color--neutral-500)}
.ctv-stages li.is-done,.ctv-stages li.is-current{color:var(--wp--preset--color--text)}
.ctv-stages .ctv-check__box{border:0;background:var(--wp--preset--color--neutral-300)}.ctv-stages li.is-done .ctv-check__box{background:var(--wp--preset--color--text)}.ctv-stages li.is-current .ctv-check__box{background:var(--wp--preset--color--accent);animation:ctv-pulse 1.2s ease-in-out infinite}
@keyframes ctv-pulse{0%,100%{opacity:1}50%{opacity:.35}}
.ctv-ready{margin-top:40px;background:var(--wp--preset--color--accent);color:var(--wp--preset--color--bg);padding:clamp(24px,4vw,40px)}.ctv-ready h2{color:inherit;font-size:clamp(30px,5vw,52px);line-height:1}
.ctv-ready .ctv-downloads{display:flex;flex-direction:column;gap:6px;max-width:420px}.ctv-ready .ctv-btn--outline{background:none;border:1px solid currentColor;color:inherit;min-height:48px}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media (min-width:768px){.ctv-hero h1{line-height:1}}