/* ===== Opi AI – site styles (scoped to .opi-root so the theme cannot interfere) ===== */
body.opi-page{margin:0;padding:0;background:#F3F4F7}
.opi-root{--navy:#1A2B4C;--ink:#141A26;--muted:#5B6474;--line:#DDE1E8;--bg:#F3F4F7;--orange:#E8590C;--orange-d:#B4410A;--peach:#FDEBDF;--soft:#FF9C66;--green:#12803F;--cal:#C94D0A;
 direction:rtl;background:var(--bg);color:var(--ink);font-family:'Assistant','Arial Hebrew',system-ui,sans-serif;font-size:18px;line-height:1.6}
.opi-root *,.opi-root *::before,.opi-root *::after{box-sizing:border-box}
.opi-root .wp-block-group,.opi-root .wp-block-buttons,.opi-root p,.opi-root h1,.opi-root h2,.opi-root h3,.opi-root ul,.opi-root figure{margin:0;max-width:none}
.opi-root .wp-block-group > *,.opi-root .is-layout-flow > *,.opi-root .is-layout-constrained > *{margin-block-start:0;margin-block-end:0;margin-inline:0;max-width:none}
.opi-root a{color:var(--navy)}.opi-root a:hover{color:var(--orange-d)}
.opi-root a:focus-visible,.opi-root button:focus-visible,.opi-root summary:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.opi-root p,.opi-root li{font-family:inherit;font-size:inherit;letter-spacing:normal}
.opi-root h1,.opi-root h2,.opi-root h3{font-family:'Rubik',sans-serif;letter-spacing:normal;text-transform:none}
.opi-root mark.opi-hl{color:var(--soft);background:transparent!important}
.opi-root .wp-block-group__inner-container{display:contents}
.opi-root .opi-container{max-width:1200px;margin-inline:auto!important;padding-inline:24px;width:100%}
.opi-root .opi-narrow{max-width:900px}
.opi-root .opi-dark{background:var(--navy);color:#FFFFFF}
.opi-root .opi-band-white{background:#FFFFFF;border-block:1px solid var(--line)}
.opi-root .opi-band-blue{background:#E6EBF4}
.opi-root .opi-sec{padding-block:96px}
.opi-root .opi-sec-tight{padding-block:0 96px}
.opi-root .opi-sec-cred{padding-block:96px 0}
.opi-root .opi-sec-faq{padding-block:96px 0}
.opi-root .opi-sec > .opi-container{display:flex;flex-direction:column;gap:44px}
.opi-root .opi-sec-head{display:flex;flex-direction:column;gap:12px;max-width:760px}
.opi-root .opi-center{text-align:center;align-items:center;margin-inline:auto!important}
.opi-root .opi-eyebrow{color:var(--orange-d);font-weight:700;font-size:16px}
.opi-root .opi-on-dark .opi-eyebrow{color:#FFB48A}
.opi-root .opi-h1{font-weight:800;font-size:clamp(38px,5vw,60px);line-height:1.12;color:#FFFFFF;text-wrap:balance}
.opi-root .opi-h2{font-weight:800;font-size:clamp(30px,3.6vw,44px);line-height:1.2;color:var(--navy)}
.opi-root .opi-dark .opi-h2,.opi-root .opi-on-dark .opi-h2{color:#FFFFFF}
.opi-root .opi-muted{color:var(--muted)}
.opi-root .opi-on-dark .opi-muted{color:#D5DCEA}

/* icons (CSS masks) */
.opi-root .opi-ic::before{content:"";display:flex;flex:0 0 auto;-webkit-mask:var(--opi-icon) center/50% no-repeat;mask:var(--opi-icon) center/50% no-repeat;background:currentColor}

/* buttons */
.opi-root .wp-block-buttons{display:flex;flex-wrap:wrap;gap:12px}
.opi-root .wp-block-button{margin:0}
.opi-root .opi-btn .wp-block-button__link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:12px;border:0;color:#FFFFFF!important;text-decoration:none;font-family:'Rubik',sans-serif;font-weight:700;font-size:18px;line-height:1.2;white-space:nowrap;box-shadow:none;width:100%}
.opi-root .opi-btn-sm .wp-block-button__link{min-height:44px;padding:0 18px;font-size:16px;border-radius:10px}
.opi-root .opi-btn-lg .wp-block-button__link{min-height:56px;padding:0 26px;font-size:19px}
.opi-root .opi-btn-wa .wp-block-button__link{background:var(--green)}
.opi-root .opi-btn-wa .wp-block-button__link:hover{background:#0E6B34}
.opi-root .opi-btn-cal .wp-block-button__link{background:var(--cal)}
.opi-root .opi-btn-cal .wp-block-button__link:hover{filter:brightness(.9)}
.opi-root .opi-btn-ghost .wp-block-button__link{background:transparent;border:2px solid #FFFFFF}
.opi-root .opi-btn-ghost .wp-block-button__link:hover{background:rgba(255,255,255,.12)}
.opi-root .opi-ic-btn-wa .wp-block-button__link::before,.opi-root .opi-ic-btn-cal .wp-block-button__link::before{content:"";width:22px;height:22px;flex:0 0 22px;background:currentColor;-webkit-mask:var(--opi-wa) center/contain no-repeat;mask:var(--opi-wa) center/contain no-repeat}
.opi-root .opi-ic-btn-cal .wp-block-button__link::before{-webkit-mask-image:var(--opi-cal);mask-image:var(--opi-cal)}
.opi-root .opi-btn-block{width:100%}
.opi-root .opi-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.opi-root .opi-mail-btns{justify-content:flex-start}
.opi-root .opi-mail-btns .opi-btn-mail .wp-block-button__link{min-height:40px;padding:0 16px;font-size:15px;border-width:1.5px;gap:8px}
.opi-root .opi-mail-btns .opi-btn-mail .wp-block-button__link::before{width:17px;height:17px;flex-basis:17px}
.opi-root .opi-btn-mail .wp-block-button__link{background:#FFFFFF;color:var(--navy)!important;border:2px solid var(--navy);direction:ltr;font-family:'Assistant',sans-serif;font-weight:700}
.opi-root .opi-btn-mail .wp-block-button__link:hover{background:var(--bg)}
.opi-root .opi-btn-mail .wp-block-button__link::before{content:"";width:20px;height:20px;flex:0 0 20px;background:currentColor;-webkit-mask:var(--opi-mail) center/contain no-repeat;mask:var(--opi-mail) center/contain no-repeat}
.opi-root .opi-center-btns{justify-content:center}

/* header */
.opi-root .opi-header{position:sticky;top:0;z-index:10;background:rgba(255,255,255,.96);border-bottom:1px solid var(--line)}
.admin-bar .opi-root .opi-header{top:32px}
.opi-root .opi-header-inner{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-block:12px}
.opi-root .opi-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.opi-root .opi-brand-mark{width:48px;height:48px;border-radius:12px;background:#FFFFFF;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.opi-root .opi-brand-mark svg{width:40px;height:40px}
.opi-root .opi-brand-mark-lg{width:64px;height:64px;border-radius:16px;background:var(--bg)}
.opi-root .opi-brand-mark-lg svg{width:52px;height:52px}
.opi-root .opi-brand-text{display:flex;flex-direction:column;line-height:1.15;align-items:flex-start;gap:2px}
.opi-root .opi-wordmark{font-family:'Rubik',sans-serif;font-weight:900;font-size:24px;letter-spacing:-.5px;color:var(--navy)}
.opi-root .opi-wordmark span{color:var(--orange);margin-left:6px}
.opi-root .opi-wordmark-lg{font-size:30px}
.opi-root .opi-slogan{font-family:'Rubik',sans-serif;font-size:12px;font-weight:700;color:var(--orange-d)}
.opi-root .opi-slogan b{color:var(--navy)}
.opi-root .opi-nav{display:flex;gap:28px;font-weight:700;font-size:16px}
.opi-root .opi-nav a{text-decoration:none}
.opi-root .opi-back a{font-weight:700;font-size:16px}

/* hero */
.opi-root .opi-hero .opi-hero-grid{padding-block:88px 96px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:56px;align-items:center}
.opi-root .opi-hero-text{display:flex;flex-direction:column;gap:28px}
.opi-root .opi-lead{font-size:21px;color:#D5DCEA;max-width:540px}
.opi-root .opi-niche{font-size:16px;color:#FFB48A;font-weight:700}
.opi-root .opi-small{font-size:16px;color:#D5DCEA;font-weight:600}
.opi-root .opi-chips{list-style:none;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:540px}
.opi-root .opi-chips li{display:flex;align-items:center;justify-content:center;gap:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);border-radius:999px;padding:8px 14px;font-weight:600;font-size:16px;color:#FFFFFF;margin:0}
.opi-root .opi-chips li::before{content:"";width:18px;height:18px;flex:0 0 18px;background:var(--soft);-webkit-mask:var(--opi-icon) center/contain no-repeat;mask:var(--opi-icon) center/contain no-repeat}
.opi-root .wp-block-buttons.opi-hero-ctas{display:grid!important;grid-template-columns:1fr 1fr;gap:12px;max-width:540px}
.opi-root .opi-hero-ctas .wp-block-button{width:100%}
.opi-root .opi-hero-ctas .wp-block-button__link{padding:0 16px}

/* pain checker */
.opi-root .opi-pains{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:14px}
.opi-root .opi-checker{display:flex;flex-direction:column;gap:28px}

/* holistic */
.opi-root .opi-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:20px;align-items:stretch}
.opi-root .opi-hol-grid{gap:40px 32px}
.opi-root .opi-hol{display:grid;grid-template-columns:60px 1fr;column-gap:18px;row-gap:4px;align-items:start}
.opi-root .opi-hol::before{grid-row:1/3;width:60px;height:60px;border-radius:16px;background-color:var(--orange);color:#FFFFFF;-webkit-mask:none;mask:none;background-image:none}
.opi-root .opi-hol::after{content:"";position:absolute}
.opi-root .opi-hol-t{font-family:'Rubik',sans-serif;font-size:21px;font-weight:700;color:var(--navy)}
.opi-root .opi-hol-d{color:var(--muted)}

/* icon tile helper: a coloured box with a white/coloured glyph */
.opi-root .opi-tile{position:relative}

/* examples */
.opi-root .opi-ex{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.opi-root .opi-ex-h{background:var(--orange);color:#FFFFFF;padding:16px 22px;display:flex;align-items:center;gap:10px;font-family:'Rubik',sans-serif;font-weight:700;font-size:20px}
.opi-root .opi-ex-h::before{width:24px;height:24px;-webkit-mask-size:contain;mask-size:contain}
.opi-root .opi-ex-b{padding:8px 22px 12px;display:flex;flex-direction:column}
.opi-root .opi-ex-r{display:grid;grid-template-columns:40px 1fr;column-gap:14px;align-items:start;padding:16px 0;border-bottom:1px solid #EEF0F4}
.opi-root .opi-ex-r:last-child{border-bottom:0}
.opi-root .opi-ex-r-t{font-weight:700;color:var(--navy)}
.opi-root .opi-ex-r-d{color:var(--muted);font-size:16px;grid-column:2}
.opi-root .opi-cta-band{background:var(--navy);border-radius:16px;padding:24px 28px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.opi-root .opi-cta-band-t{font-family:'Rubik',sans-serif;font-weight:700;font-size:22px;color:#FFFFFF}

/* steps */
.opi-root .opi-steps{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:32px 20px}
.opi-root .opi-steps::before{content:"";position:absolute;top:36px;right:12%;left:12%;height:3px;background:repeating-linear-gradient(to left,var(--orange) 0 12px,transparent 12px 20px)}
.opi-root .opi-step{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px}
.opi-root .opi-step-n{font-size:14px;font-weight:800;color:var(--orange-d)}
.opi-root .opi-step-t{font-family:'Rubik',sans-serif;font-size:21px;font-weight:700;color:var(--navy)}
.opi-root .opi-step-d{color:var(--muted);font-size:17px}

/* packages */
.opi-root .opi-pkg{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:32px 28px;display:flex;flex-direction:column;gap:20px}
.opi-root .opi-pkg-dark{background:var(--navy);border-color:var(--navy);color:#FFFFFF}
.opi-root .opi-pkg-t{font-family:'Rubik',sans-serif;font-size:24px;font-weight:700;color:var(--navy);margin-top:-8px!important}
.opi-root .opi-pkg-dark .opi-pkg-t{color:#FFFFFF}
.opi-root .opi-pkg-s{color:var(--muted);margin-top:-16px!important}
.opi-root .opi-pkg-dark .opi-pkg-s{color:#D5DCEA}
.opi-root .opi-checklist{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;font-size:17px}
.opi-root .opi-checklist li{margin:0}
.opi-root .opi-checklist li::before{content:"✓ "}
.opi-root .opi-pkg .wp-block-buttons{margin-top:auto!important}
.opi-root .opi-pkg .wp-block-button{width:100%}
.opi-root .opi-retainer{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:24px 28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}
.opi-root .opi-ret-text{flex:1 1 380px;min-width:0;display:flex;flex-direction:column}
.opi-root .opi-ret-t{font-family:'Rubik',sans-serif;font-size:20px;font-weight:700;color:var(--navy)}
.opi-root .opi-ret-d{color:var(--muted);font-size:17px}

/* testimonial */
.opi-root .opi-quote{background:#FFFFFF;border:1px solid var(--line);border-radius:28px;padding:48px 44px;display:flex;flex-direction:column;gap:24px;box-shadow:0 24px 48px rgba(26,43,76,.08)}
.opi-root .opi-quote::before{content:"\201D";font-family:Georgia,serif;font-size:96px;line-height:.6;color:var(--orange);height:40px}
.opi-root .opi-quote-text{font-family:'Rubik',sans-serif;font-weight:500;font-size:clamp(21px,2.4vw,28px);line-height:1.5;color:var(--navy)}
.opi-root .opi-quote-by{display:flex;align-items:center;gap:14px}
.opi-root .opi-quote-logo{width:60px;height:60px;flex:0 0 60px;border-radius:50%;background:#FFFFFF;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;overflow:hidden}
.opi-root .opi-quote-logo img{width:40px!important;height:40px!important;object-fit:contain}
.opi-root .opi-quote-who{display:flex;flex-direction:column;line-height:1.35}
.opi-root .opi-quote-name{font-weight:700;color:var(--navy)}
.opi-root .opi-quote-role{color:var(--muted);font-size:16px}

/* about */
.opi-root .opi-sec > .opi-container.opi-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.opi-root .opi-about-text{display:flex;flex-direction:column;gap:22px}
.opi-root .opi-about-id{display:flex;gap:20px;align-items:center;flex-wrap:wrap}
.opi-root .opi-avatar img{width:150px!important;height:150px!important;border-radius:50%;border:4px solid var(--orange);object-fit:cover;background:#22304A}
.opi-root .opi-about-who{display:flex;flex-direction:column;gap:4px}
.opi-root .opi-eyebrow-light{color:#FFB48A;font-weight:700;font-size:16px}
.opi-root .opi-about-name{font-family:'Rubik',sans-serif;font-weight:800;font-size:34px;line-height:1.1}
.opi-root .opi-about-role{font-size:18px;font-weight:700}
.opi-root .opi-about-p{color:#D5DCEA;max-width:520px}
.opi-root .opi-about-text .opi-h2{font-size:clamp(28px,3.4vw,40px)}
.opi-root .opi-stats{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.opi-root .opi-stat{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:26px 22px;display:flex;flex-direction:column;gap:6px}
.opi-root .opi-stat-wide{grid-column:1/-1}
.opi-root .opi-stat-n{font-family:'Rubik',sans-serif;font-weight:800;font-size:44px;line-height:1;color:var(--soft)}
.opi-root .opi-stat-d{color:#D5DCEA;font-size:16px}

/* credibility */
.opi-root .opi-cred{background:#FFFFFF;border:1px solid var(--line);border-radius:28px;padding:56px 48px;display:flex;flex-direction:column;gap:40px;box-shadow:0 24px 48px rgba(26,43,76,.08)}
.opi-root .opi-cred .opi-h2{font-size:clamp(28px,3.4vw,42px)}
.opi-root .opi-cr-grid{gap:28px 32px}
.opi-root .opi-cr{display:grid;grid-template-columns:52px 1fr;column-gap:16px;align-items:start}
.opi-root .opi-cr-t{font-family:'Rubik',sans-serif;font-size:19px;font-weight:700;color:var(--navy)}
.opi-root .opi-cr-d{color:var(--muted);font-size:16px;grid-column:2}
.opi-root .opi-ticks{list-style:none;padding:28px 0 0;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px 12px}
.opi-root .opi-ticks li{display:flex;align-items:center;gap:10px;font-weight:700;color:var(--navy);margin:0}
.opi-root .opi-ticks li::before{content:"";width:32px;height:32px;flex:0 0 32px;border-radius:50%;background:#E1F3E9}
.opi-root .opi-ticks li{position:relative}
.opi-root .opi-ticks li::after{content:"";position:absolute;right:8px;top:calc(50% - 8px);width:16px;height:16px;background:#1E7A4E;-webkit-mask:var(--opi-check) center/contain no-repeat;mask:var(--opi-check) center/contain no-repeat}

/* faq */
.opi-root .opi-faq-list{display:flex;flex-direction:column;gap:12px}
.opi-root .opi-faq{background:#FFFFFF;border:1px solid var(--line);border-radius:16px;padding:4px 24px}
.opi-root .opi-faq summary{cursor:pointer;padding:18px 0;font-family:'Rubik',sans-serif;font-weight:700;font-size:19px;color:var(--navy)}
.opi-root .opi-faq p{margin:0 0 20px;color:var(--muted)}

/* book */
.opi-root .opi-sec > .opi-container.opi-book-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:48px;align-items:center}
.opi-root .opi-book-text{display:flex;flex-direction:column;gap:18px}
.opi-root .opi-book-text .opi-h2{font-size:clamp(30px,3.6vw,46px);line-height:1.15}
.opi-root .opi-me{display:flex;align-items:center;gap:14px}
.opi-root .opi-avatar-sm img{width:56px!important;height:56px!important;border-radius:50%;object-fit:cover;border:2px solid var(--orange);background:#22304A}
.opi-root .opi-me-who{display:flex;flex-direction:column;line-height:1.3}
.opi-root .opi-me-name{font-weight:700;color:var(--navy)}
.opi-root .opi-me-role{color:var(--muted);font-size:15px}
.opi-root .opi-mail{color:var(--muted);font-size:16px}
.opi-root .opi-mail a{font-weight:700}
.opi-root .wp-block-buttons.opi-book-cards{display:grid!important;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:16px}
.opi-root .wp-block-buttons.opi-book-cards{align-items:stretch}
.opi-root .opi-book-cards .wp-block-button{display:flex;width:100%}
.opi-root [id]{scroll-margin-top:84px}
.opi-root .opi-card-btn .wp-block-button__link{height:100%;display:flex;flex-direction:column;align-items:flex-start;text-align:right;gap:12px;min-height:200px;width:100%;padding:32px 28px;border-radius:20px;border:0;color:#FFFFFF!important;text-decoration:none;font-family:'Assistant',sans-serif;font-size:17px;font-weight:400;line-height:1.5;white-space:normal}
.opi-root .opi-card-cal .wp-block-button__link{background:var(--cal)}
.opi-root .opi-card-wa .wp-block-button__link{background:var(--green)}
.opi-root .opi-card-btn .wp-block-button__link::before{content:"";width:40px;height:40px;background:currentColor;-webkit-mask:var(--opi-cal) center/contain no-repeat;mask:var(--opi-cal) center/contain no-repeat}
.opi-root .opi-card-wa .wp-block-button__link::before{-webkit-mask-image:var(--opi-wa);mask-image:var(--opi-wa)}
.opi-root .opi-card-btn strong{font-family:'Rubik',sans-serif;font-weight:800;font-size:24px}
.opi-root .opi-card-btn em{font-style:normal;font-weight:800;margin-top:auto}
.opi-root .opi-card-btn br{display:none}
.opi-root .opi-card-btn .wp-block-button__link:hover{filter:brightness(.92)}

/* final band */
.opi-root .opi-final{background:var(--orange)}
.opi-root .opi-final-inner{padding-block:18px;display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap}
.opi-root .opi-final-t{font-family:'Rubik',sans-serif;font-weight:800;font-size:clamp(24px,3vw,34px);color:#FFFFFF;max-width:640px;line-height:1.25}
.opi-root .opi-final-mascot{display:flex;align-items:center;gap:14px;margin-inline-start:auto!important}
.opi-root .opi-bubble{background:#FFFFFF;color:var(--navy);border-radius:18px 18px 4px 18px;padding:10px 16px;font-family:'Rubik',sans-serif;font-weight:800;font-size:16px;line-height:1.35;max-width:200px;box-shadow:0 10px 24px rgba(26,43,76,.18)}

/* footer */
.opi-root .opi-footer{background:#FFFFFF;border-top:1px solid var(--line);color:var(--muted)}
.opi-root .opi-foot-grid{padding-block:64px 40px;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,220px),1fr));gap:40px}
.opi-root .opi-foot-brand{display:flex;flex-direction:column;gap:16px;grid-column:span 2;min-width:0}
.opi-root .opi-foot-logo{display:flex;align-items:center;gap:14px}
.opi-root .opi-foot-logo .opi-slogan{font-size:14px}
.opi-root .opi-foot-desc{max-width:420px;font-size:16px}
.opi-root .opi-foot-col{display:flex;flex-direction:column;gap:12px;font-size:16px}
.opi-root .opi-foot-title{font-family:'Rubik',sans-serif;font-weight:700;font-size:17px;color:var(--navy)}
.opi-root .opi-foot-links{line-height:2}
.opi-root .opi-foot-links a,.opi-root .opi-foot-mail a{text-decoration:none;color:var(--muted)}
.opi-root .wp-block-buttons.opi-foot-btns{flex-direction:column;align-items:stretch}
.opi-root .opi-foot-btns .wp-block-button{width:100%}
.opi-root .opi-foot-btns .wp-block-button__link{min-height:48px;border-radius:10px;font-size:17px}
.opi-root .opi-foot-bottom{border-top:1px solid var(--line);background:#FFFFFF;color:var(--muted)}
.opi-root .opi-foot-bottom-inner{padding-block:20px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;font-size:14px}
.opi-root .opi-foot-bottom-inner a{color:var(--muted)}

/* mobile sticky bar */
.opi-root .opi-mbar{display:none}

/* legal pages */
.opi-root .opi-h1-doc{font-weight:800;font-size:clamp(32px,4vw,44px);line-height:1.2;color:var(--navy)}
.opi-root .opi-h3{font-size:24px;font-weight:800;color:var(--navy)}
.opi-root .opi-doc{background:#FFFFFF;border:1px solid var(--line);border-radius:20px;padding:36px 32px;display:flex;flex-direction:column;gap:18px;line-height:1.7}
.opi-root .opi-doc ul{padding-inline-start:22px;display:flex;flex-direction:column;gap:6px}
.opi-root .opi-contact-box{background:var(--bg);border-radius:14px;padding:20px 22px}
.opi-root main.opi-sec > .opi-container{gap:28px}


/* why Opi AI */
.opi-root .opi-why-sec{background:linear-gradient(180deg,#14223D 0%,#1A2B4C 100%);color:#FFFFFF;position:relative;overflow:hidden}
.opi-root .opi-why-sec::before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(232,89,12,.22),transparent 65%);top:-200px;left:-160px;pointer-events:none}
.opi-root .opi-why-sec > .opi-container{position:relative;gap:48px;align-items:center}
.opi-root .opi-why-sec .opi-sec-head{max-width:860px;align-items:center;gap:20px}
.opi-root .opi-why-h2{font-size:clamp(34px,4.6vw,56px)!important;line-height:1.12;color:#FFFFFF}
.opi-root .opi-why-lead{font-size:clamp(19px,1.8vw,23px);line-height:1.6;color:#D5DCEA;max-width:780px}
.opi-root .opi-why-grid{width:100%;gap:20px}
.opi-root .opi-why{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:20px;padding:28px 26px;display:grid;grid-template-columns:60px 1fr;column-gap:18px;row-gap:6px;align-items:start;height:100%}
.opi-root .opi-why::before{content:"";grid-row:1/3;width:60px;height:60px;border-radius:16px;background:var(--orange)}
.opi-root .opi-why::after{top:44px;right:42px;width:28px;height:28px;background:#FFFFFF}
.opi-root .opi-why-t{grid-column:2;font-family:'Rubik',sans-serif;font-size:22px;font-weight:700;color:#FFFFFF}
.opi-root .opi-why-d{grid-column:2;color:#D5DCEA;font-size:17px}
.opi-root .opi-why-custom{align-self:center;max-width:760px;text-align:center;background:rgba(232,89,12,.14);border:1px solid rgba(255,156,102,.45);border-radius:999px;padding:14px 28px;font-size:clamp(17px,1.6vw,20px);color:#FFFFFF;margin-bottom:-16px!important}
.opi-root .opi-why-custom b{font-family:'Rubik',sans-serif;color:var(--soft)}
.opi-root .opi-why-close{font-family:'Rubik',sans-serif;font-weight:800;font-size:clamp(26px,3vw,38px);color:#FFFFFF;text-align:center}
.opi-root .opi-why-close b{color:var(--soft)}

/* proof: case study + testimonials */
.opi-root .opi-proof-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,460px),1fr));gap:24px;align-items:stretch}
.opi-root .opi-case{background:var(--navy);color:#FFFFFF;border-radius:28px;padding:40px 36px;display:flex;flex-direction:column;gap:20px}
.opi-root .opi-case-tag{align-self:flex-start;background:rgba(232,89,12,.2);color:#FFB48A;font-weight:700;font-size:15px;padding:4px 14px;border-radius:999px}
.opi-root .opi-case-h{font-family:'Rubik',sans-serif;font-weight:800;font-size:clamp(23px,2.4vw,29px);line-height:1.25;color:#FFFFFF}
.opi-root .opi-case-row{display:flex;flex-direction:column;gap:4px}
.opi-root .opi-case-k{font-weight:800;color:#FFB48A;font-size:16px}
.opi-root .opi-case-v{color:#D5DCEA;font-size:17px;line-height:1.6}
.opi-root .opi-case-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:auto!important;padding-top:20px;border-top:1px solid rgba(255,255,255,.14)}
.opi-root .opi-case-stat{display:flex;flex-direction:column;gap:4px}
.opi-root .opi-case-n{font-family:'Rubik',sans-serif;font-weight:800;font-size:40px;line-height:1;color:var(--soft)}
.opi-root .opi-case-l{font-size:14px;color:#D5DCEA;line-height:1.35}
.opi-root .opi-quotes{position:relative;overflow:hidden;border-radius:28px;display:flex;flex-direction:column}
.opi-root .opi-quotes-track{display:flex;flex:1;transition:transform .6s ease}
.opi-root .opi-quotes-track > .opi-quote{flex:0 0 100%;min-width:100%}
.opi-root .opi-quotes .opi-quote{height:100%;justify-content:center}
.opi-root .opi-quotes.is-carousel .opi-quote{padding-bottom:64px}
.opi-root .opi-dots{position:absolute;bottom:24px;left:0;right:0;display:flex;justify-content:center;gap:8px}
.opi-root .opi-dots button{width:10px;height:10px;border-radius:50%;border:0;padding:0;background:#C5CBD6;cursor:pointer}
.opi-root .opi-dots .opi-pp{width:auto;height:auto;border-radius:6px;background:transparent;color:var(--muted);font-size:11px;line-height:1;padding:4px 6px;margin-inline-start:6px}
.opi-root .opi-dots button[aria-current="true"]{background:var(--orange);width:26px;border-radius:999px}

/* about (merged) */
.opi-root .opi-about-wrap{gap:40px!important}
.opi-root .opi-about-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr));gap:56px;align-items:center}
.opi-root .opi-stat-ni{background:rgba(232,89,12,.14);border-color:rgba(255,156,102,.45)}
.opi-root .opi-stat-ni .opi-stat-n{font-size:clamp(26px,2.6vw,32px);line-height:1.2;color:#FFFFFF}
.opi-root .opi-stat-tools .opi-stat-n{font-size:clamp(22px,2.1vw,26px);line-height:1.2}
.opi-root .opi-stat-tools .opi-stat-d{line-height:1.6}
.opi-root .opi-creds{list-style:none;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px}
.opi-root .opi-creds li{margin:0;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:999px;padding:8px 18px;font-weight:600;font-size:16px;color:#FFFFFF}
.opi-root .opi-ticks-dark{border-top-color:rgba(255,255,255,.14)}
.opi-root .opi-ticks-dark li{color:#FFFFFF}
.opi-root .opi-ticks-dark li::before{background:rgba(255,255,255,.12)}
.opi-root .opi-ticks-dark li::after{background:#6EE7A2}

/* mobile menu + solution tabs (built by the script) */
.opi-root .opi-burger{display:none}
.opi-root .opi-mnav[hidden]{display:none!important}
.opi-root .opi-ex-tabs{display:none}

/* ===== interactive components ===== */
@keyframes opi-pop{from{opacity:0;transform:translateY(10px) scale(.97)}to{opacity:1;transform:none}}
@keyframes opi-dot{0%,80%,100%{opacity:.25}40%{opacity:1}}
.opi-root .pop{animation:opi-pop .35s ease-out both}
.opi-root .d1{animation:opi-dot 1s infinite}.opi-root .d2{animation:opi-dot 1s .15s infinite}.opi-root .d3{animation:opi-dot 1s .3s infinite}
.opi-root .stage{min-height:800px}
.opi-root .opi-mount button{font:inherit}
.opi-root .kpi{background:#FFFFFF;border:1px solid var(--line);border-radius:16px;padding:14px 16px;display:flex;flex-direction:column;gap:4px}
.opi-root .kpi-l{font-size:13px;color:var(--muted);font-weight:700}.opi-root .kpi-v{font-family:'Rubik',sans-serif;font-weight:800;font-size:30px}

@media (prefers-reduced-motion: reduce){.opi-root *,.opi-root *::before,.opi-root *::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
/* ===== responsive ===== */
@media (max-width:760px){
 .opi-root .stage{min-height:660px}.opi-root .z-wa{zoom:.8}.opi-root .z-wide{zoom:.4}.opi-root .z-mc{zoom:.68}
 .opi-root .opi-header-inner{flex-wrap:nowrap}
 .opi-root .opi-burger{display:flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;flex:0 0 44px;border:1px solid var(--line);border-radius:12px;background:#FFFFFF;padding:0 11px;cursor:pointer;order:3}
 .opi-root .opi-burger span{display:block;height:2px;border-radius:2px;background:var(--navy);transition:transform .2s,opacity .2s}
 .opi-root .opi-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}
 .opi-root .opi-burger.is-open span:nth-child(2){opacity:0}
 .opi-root .opi-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
 .opi-root .opi-header-ctas{margin-inline-start:auto!important}
 .opi-root .opi-mnav{display:flex;flex-direction:column;padding:6px 20px 14px;background:#FFFFFF;border-top:1px solid var(--line)}
 .opi-root .opi-mnav a{display:block;padding:14px 4px;font-family:'Rubik',sans-serif;font-weight:700;font-size:18px;color:var(--navy);text-decoration:none;border-bottom:1px solid #EEF0F4}
 .opi-root .opi-mnav a:last-child{border-bottom:0}
 .opi-root .opi-ex-tabs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;background:#FFFFFF;border:1px solid var(--line);border-radius:14px;padding:5px}
 .opi-root .opi-ex-tabs button{min-height:44px;border:0;border-radius:10px;background:transparent;font-family:'Rubik',sans-serif;font-weight:700;font-size:15px;color:var(--navy);cursor:pointer}
 .opi-root .opi-ex-tabs button[aria-selected="true"]{background:var(--cal);color:#FFFFFF}
 .opi-root .opi-ex-grid.has-tabs > .opi-ex:not(.is-active){display:none}
 .opi-root .opi-ex-grid.has-tabs .opi-ex-h{display:none}
 .opi-root .opi-case{padding:28px 22px}
 .opi-root .opi-case-n{font-size:32px}
 .opi-root .opi-why{padding:22px 20px}
 .opi-root .opi-about-grid{gap:32px}
 .opi-root .opi-creds{justify-content:flex-start}
 .opi-root .opi-nav,.opi-root .opi-hide-mobile,.opi-root .opi-header .opi-slogan{display:none!important}
 .opi-root .opi-hero .opi-hero-grid{padding-block:48px 56px;gap:36px}
 .opi-root .opi-container{padding-inline:20px}
 .opi-root .opi-sec{padding-block:64px}
 .opi-root .opi-sec-tight{padding-block:0 64px}
 .opi-root .opi-sec-cred,.opi-root .opi-sec-faq{padding-block:64px 0}
 .opi-root .opi-quote{padding:28px 20px}
 .opi-root .opi-cred{padding:32px 20px}
 .opi-root .opi-foot-brand{grid-column:auto}
 .opi-root .opi-steps::before{display:none}
 .opi-root .opi-chips{grid-template-columns:repeat(2,minmax(0,1fr))}
 .opi-root .wp-block-buttons.opi-hero-ctas{grid-template-columns:1fr}
 .opi-root .opi-mbar{display:flex;flex-wrap:nowrap;position:sticky;bottom:0;z-index:20;background:#FFFFFF;border-top:1px solid var(--line);padding:10px 12px;gap:8px;box-shadow:0 -8px 24px rgba(26,43,76,.12)}
 .opi-root .opi-mbar .wp-block-button{flex:1 1 0}
 .opi-root .opi-mbar .wp-block-button__link{min-height:50px;font-size:17px;padding:0 10px}
}
/* in the block editor: keep the mobile bar visible but static */
.editor-styles-wrapper .opi-root .opi-mbar,.editor-styles-wrapper .opi-mbar{position:static}

/* tiles: coloured square behind the glyph, glyph drawn with ::after */
.opi-root .opi-why,.opi-root .opi-hol,.opi-root .opi-ex-r,.opi-root .opi-cr,.opi-root .opi-step,.opi-root .opi-pkg,.opi-root .opi-retainer{position:relative}
.opi-root .opi-why::before,.opi-root .opi-hol::before,.opi-root .opi-ex-r::before,.opi-root .opi-cr::before,.opi-root .opi-step::before,.opi-root .opi-pkg::before,.opi-root .opi-retainer::before{-webkit-mask:none;mask:none}
.opi-root .opi-hol::before{grid-row:1/3;width:60px;height:60px;border-radius:16px;background:var(--orange)}
.opi-root .opi-ex-r::before{grid-row:1/3;width:40px;height:40px;border-radius:10px;background:var(--peach)}
.opi-root .opi-cr::before{grid-row:1/3;width:52px;height:52px;border-radius:14px;background:var(--navy)}
.opi-root .opi-step::before{width:72px;height:72px;border-radius:50%;background:var(--orange)}
.opi-root .opi-pkg::before{width:56px;height:56px;border-radius:16px;background:var(--orange)}
.opi-root .opi-retainer::before{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#E1F3E9}
.opi-root .opi-why::after,.opi-root .opi-hol::after,.opi-root .opi-ex-r::after,.opi-root .opi-cr::after,.opi-root .opi-step::after,.opi-root .opi-pkg::after,.opi-root .opi-retainer::after{content:"";position:absolute;-webkit-mask:var(--opi-icon) center/contain no-repeat;mask:var(--opi-icon) center/contain no-repeat;pointer-events:none}
.opi-root .opi-hol::after{top:16px;right:16px;width:28px;height:28px;background:#FFFFFF}
.opi-root .opi-ex-r::after{top:26px;right:10px;width:20px;height:20px;background:var(--orange-d)}
.opi-root .opi-cr::after{top:14px;right:14px;width:24px;height:24px;background:#FFFFFF}
.opi-root .opi-step::after{top:21px;left:calc(50% - 15px);width:30px;height:30px;background:#FFFFFF}
.opi-root .opi-pkg::after{top:46px;right:42px;width:28px;height:28px;background:#FFFFFF}
.opi-root .opi-retainer::after{top:calc(50% - 13px);right:41px;width:26px;height:26px;background:#1E7A4E}
.opi-root .opi-hol-t,.opi-root .opi-hol-d,.opi-root .opi-ex-r-t,.opi-root .opi-ex-r-d,.opi-root .opi-cr-t,.opi-root .opi-cr-d{grid-column:2}

.opi-root .opi-ic-mail{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-compass{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Cpath d=%22M15.5 8.5l-2 5-5 2 2-5z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-sparkle{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-sync{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 12a8 8 0 0 1 14-5.3L20 9%22/%3E%3Cpath d=%22M20 4v5h-5%22/%3E%3Cpath d=%22M20 12a8 8 0 0 1-14 5.3L4 15%22/%3E%3Cpath d=%22M4 20v-5h5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-monitor{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-nodes{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%225%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2219%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2218%22 r=%222%22/%3E%3Cpath d=%22M7 6h10M6 8l5 8M18 8l-5 8%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-cap{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 9l10-5 10 5-10 5z%22/%3E%3Cpath d=%22M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-usercheck{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223%22/%3E%3Cpath d=%22M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6%22/%3E%3Cpath d=%22M17 11l2 2 4-4%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-chat{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 11.5a8.4 8.4 0 0 1-12.3 7.5L3 21l2-5.5A8.5 8.5 0 1 1 21 11.5z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-mic{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%229%22 y=%223%22 width=%226%22 height=%2211%22 rx=%223%22/%3E%3Cpath d=%22M5 11a7 7 0 0 0 14 0M12 18v3%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-doc{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M14 3H6a2 2 0 0 0-2 2v14a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V9z%22/%3E%3Cpath d=%22M14 3v6h6M8 13h8M8 17h5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-funnel{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 4h18l-7 8v6l-4 2v-8z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-bell{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9%22/%3E%3Cpath d=%22M10 21a2 2 0 0 0 4 0%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-chart{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%222%22/%3E%3Cpath d=%22M7 15v-3M12 15V8M17 15v-5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-calcheck{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18M9 15l2 2 4-4%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-home{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 9l9-6 9 6v11a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1z%22/%3E%3Cpath d=%22M9 21v-7h6v7%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-phone{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M22 16.9v3a2 2 0 0 1-2.2 2 19.8 19.8 0 0 1-8.6-3.1 19.5 19.5 0 0 1-6-6A19.8 19.8 0 0 1 2.1 4.2 2 2 0 0 1 4.1 2h3a2 2 0 0 1 2 1.7c.1 1 .4 1.9.7 2.8a2 2 0 0 1-.5 2.1L8 9.9a16 16 0 0 0 6 6l1.3-1.3a2 2 0 0 1 2.1-.4c.9.3 1.8.6 2.8.7a2 2 0 0 1 1.7 2z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-search{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2211%22 cy=%2211%22 r=%227%22/%3E%3Cpath d=%22M21 21l-4.3-4.3%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-layers{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 2l9 5-9 5-9-5z%22/%3E%3Cpath d=%22M3 12l9 5 9-5M3 17l9 5 9-5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-rocket{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4.5 16.5c-1.5 1.3-2 5-2 5s3.7-.5 5-2c.7-.8.7-2.1-.1-2.9a2.2 2.2 0 0 0-2.9-.1z%22/%3E%3Cpath d=%22M12 15l-3-3a22 22 0 0 1 2-4A12.9 12.9 0 0 1 22 2c0 2.7-.8 7.5-6 11a22 22 0 0 1-4 2z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-target{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%229%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%225%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%221%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-trend{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M3 17l6-6 4 4 8-8%22/%3E%3Cpath d=%22M15 7h6v6%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-star{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 2l3 6.5 7 .8-5.2 4.8 1.4 7L12 17.6 5.8 21l1.4-7L2 9.3l7-.8z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-shieldcheck{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z%22/%3E%3Cpath d=%22M9 12l2 2 4-4%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-shield{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l8 4v5c0 5-3.5 8-8 9-4.5-1-8-4-8-9V7z%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-briefcase{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%227%22 width=%2218%22 height=%2213%22 rx=%222%22/%3E%3Cpath d=%22M8 7V5a2 2 0 0 1 2-2h4a2 2 0 0 1 2 2v2%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-users{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223%22/%3E%3Ccircle cx=%2217%22 cy=%229%22 r=%222.5%22/%3E%3Cpath d=%22M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6%22/%3E%3Cpath d=%22M15 15.5c2.8-.6 6 1.2 6 4.5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-check{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M20 6L9 17l-5-5%22/%3E%3C/svg%3E")}
.opi-root .opi-ic-calendar{--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/svg%3E")}
.opi-root{--opi-check:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M20 6L9 17l-5-5%22/%3E%3C/svg%3E");--opi-wa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M21 11.5a8.4 8.4 0 0 1-12.3 7.5L3 21l2-5.5A8.5 8.5 0 1 1 21 11.5z%22/%3E%3C/svg%3E");--opi-cal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2216%22 rx=%222%22/%3E%3Cpath d=%22M16 3v4M8 3v4M3 10h18%22/%3E%3C/svg%3E");--opi-mail:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%225%22 width=%2218%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M3 7l9 6 9-6%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(1){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M12 3l1.8 4.7L18.5 9.5l-4.7 1.8L12 16l-1.8-4.7L5.5 9.5l4.7-1.8z%22/%3E%3Cpath d=%22M19 15l.8 2.2L22 18l-2.2.8L19 21l-.8-2.2L16 18l2.2-.8z%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(2){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M4 12a8 8 0 0 1 14-5.3L20 9%22/%3E%3Cpath d=%22M20 4v5h-5%22/%3E%3Cpath d=%22M20 12a8 8 0 0 1-14 5.3L4 15%22/%3E%3Cpath d=%22M4 20v-5h5%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(3){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x=%223%22 y=%224%22 width=%2218%22 height=%2212%22 rx=%222%22/%3E%3Cpath d=%22M8 20h8M12 16v4%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(4){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%225%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2219%22 cy=%226%22 r=%222%22/%3E%3Ccircle cx=%2212%22 cy=%2218%22 r=%222%22/%3E%3Cpath d=%22M7 6h10M6 8l5 8M18 8l-5 8%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(5){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d=%22M2 9l10-5 10 5-10 5z%22/%3E%3Cpath d=%22M6 11v5c0 1.5 2.7 3 6 3s6-1.5 6-3v-5%22/%3E%3C/svg%3E")}
.opi-root .opi-chips li:nth-child(6){--opi-icon:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx=%229%22 cy=%228%22 r=%223%22/%3E%3Cpath d=%22M3 20c0-3.3 2.7-6 6-6s6 2.7 6 6%22/%3E%3Cpath d=%22M17 11l2 2 4-4%22/%3E%3C/svg%3E")}