/* Industry content shares the service-page language; controls stay readable in both themes. */
.ix-experience { --ix-soft:color-mix(in srgb,var(--brand) 5%,var(--card)); --ix-radius:24px; color:var(--text); }
.ix-experience *, .ix-experience *::before, .ix-experience *::after { box-sizing:border-box; }
.ix-experience [hidden] { display:none!important; }
.ix-experience h1,.ix-experience h2,.ix-experience h3 { text-align:left; letter-spacing:-.035em; }
.ix-experience h1 { font-size:clamp(2rem,4.1vw,3.05rem); line-height:1.1; margin:0 0 24px; }
.ix-experience h2 { font-size:clamp(1.65rem,3vw,2.15rem); line-height:1.18; margin:0 0 17px; }
.ix-experience h3 { font-size:1.05rem; line-height:1.4; margin:0 0 12px; }
.ix-experience p { line-height:1.65; }
.ix-experience a:focus-visible,.ix-experience button:focus-visible,.ix-experience input:focus-visible,.ix-experience summary:focus-visible { outline:3px solid var(--brand-accent); outline-offset:4px; }
.ix-experience button,.ix-experience input { font:inherit; }
.ix-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:7px 10px; margin:8px 3px 22px; color:var(--muted); font-size:.76rem; }
.ix-breadcrumb a { color:var(--muted); text-decoration:underline; text-underline-offset:3px; }
.ix-lead { font-size:1.03rem; color:var(--muted); max-width:620px; margin:0 0 25px; }
.ix-experience .ix-fine { font-size:.75rem; color:var(--muted); line-height:1.6; margin:15px 0 0; }
.ix-experience .ix-context { color:var(--muted); font-size:.84rem; font-weight:600; margin:0 0 20px; }
.ix-actions { display:flex; flex-wrap:wrap; align-items:center; gap:16px 22px; }
.ix-actions .btn { min-height:48px; display:inline-flex; justify-content:center; align-items:center; gap:12px; }
.ix-link { color:var(--brand-accent); font-size:.9rem; font-weight:700; text-decoration:none; text-underline-offset:4px; }
.ix-link:hover { text-decoration:underline; }
button.ix-link { background:none; border:0; cursor:pointer; min-height:44px; padding:8px 0; }
.ix-directory-hero { padding:40px 0 34px; display:grid; grid-template-columns:1.12fr 1fr; align-items:center; gap:50px; }
.ix-directory-hero:has(>div:only-child) { grid-template-columns:1fr; max-width:800px; }
.ix-product-choice { display:grid; grid-template-columns:1fr 1fr; border:1px solid var(--stroke); border-radius:20px; background:var(--card); padding:25px; gap:24px; }
.ix-product-choice h2 { font-size:1.06rem; letter-spacing:-.02em; margin-top:16px; }
.ix-product-choice p { font-size:.84rem; color:var(--muted); margin-bottom:16px; }
.ix-small-icon { display:grid; place-items:center; width:34px; height:34px; background:var(--ix-soft); border-radius:10px; color:var(--brand-accent); font-size:1.3rem; }
.ix-browse { margin:38px 0 65px; }
.ix-browse-heading { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-bottom:22px; }
.ix-browse-heading h2 { margin:0; font-size:1.5rem; }
.ix-search { display:flex; width:min(100%,370px); gap:8px; }
.ix-search input { width:100%; min-width:0; min-height:46px; padding:11px 15px; background:var(--card); border:1px solid var(--stroke); border-radius:12px; color:var(--text); }
.ix-search-button { border:1px solid var(--stroke); background:var(--card); color:var(--text); padding:10px 14px; border-radius:12px; cursor:pointer; }
.ix-filters { display:flex; flex-wrap:wrap; gap:8px; }
.ix-filters button { border:1px solid var(--stroke); background:transparent; color:var(--muted); border-radius:999px; min-height:40px; padding:8px 14px; font-size:.79rem; cursor:pointer; }
.ix-filters button[aria-pressed=true] { background:var(--brand); border-color:var(--brand-accent); color:white; }
.ix-result-count { font-size:.76rem; color:var(--muted); min-height:20px; margin:18px 0; }
.ix-directory-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:17px; }
.ix-industry-card { display:flex; flex-direction:column; background:var(--card); border:1px solid var(--stroke); padding:25px; border-radius:19px; }
.ix-industry-card h3 { font-size:1.16rem; }
.ix-industry-card p { margin:0 0 24px; color:var(--muted); font-size:.89rem; }
.ix-card-links { display:flex; flex-wrap:wrap; gap:12px 25px; margin-top:auto; }
.ix-card-links a { color:var(--brand-accent); display:inline-flex; align-items:center; gap:8px; min-height:36px; font-size:.85rem; font-weight:650; text-decoration:none; }
.ix-card-links a:hover { text-decoration:underline; text-underline-offset:4px; }
.ix-empty { border:1px solid var(--stroke); padding:35px; border-radius:16px; }
.ix-directory-footer { display:flex; align-items:center; justify-content:space-between; gap:30px; padding:30px 0; border-top:1px solid var(--stroke); }
.ix-directory-footer h2 { font-size:1.3rem; }
.ix-directory-footer p { max-width:650px; color:var(--muted); }
.ix-directory-footer>a { flex:none; }
.ix-hero { display:grid; grid-template-columns:1.25fr 1fr; align-items:center; gap:30px; padding:42px 38px 34px; border:1px solid var(--stroke); border-radius:var(--ix-radius); background:var(--card); }
.ix-hero-copy { min-width:0; container-type:inline-size; }
.ix-hero h1 { font-size:clamp(1.95rem,8.1cqi,2.95rem); }
.ix-independent { font-size:.78rem; margin:23px 0 0; }
.ix-independent span { color:var(--brand-accent); margin-right:6px; }
.ix-hero-example { position:relative; isolation:isolate; margin:0; min-width:0; display:flex; justify-content:flex-end; padding:0 0 35px; }
.ix-hero-example::before { content:''; position:absolute; inset:5% -3% 5%; background:radial-gradient(ellipse,color-mix(in srgb,var(--brand) 10%,transparent),transparent 70%); z-index:-1; }
.ix-hero-example .rp-phone { width:min(220px,100%); }
.ix-hero-example .rp-sms { font-size:4.65cqw; }
.ix-hero-example .rp-phone-contact strong { text-align:center; }
.ix-mascot { position:absolute; width:145px; height:145px; object-fit:contain; bottom:30px; left:-12px; z-index:3; pointer-events:none; }
.ix-phone-example .ix-mascot { left:auto; right:180px; }
.ix-hero-example figcaption { position:absolute; bottom:0; right:0; color:var(--muted); font-size:.72rem; text-align:center; width:220px; }
.ix-callback-example { padding:15px 0 80px; }
.ix-callback-example .ix-mascot { width:120px; height:120px; bottom:17px; left:-25px; }
.ix-callback-example figcaption { bottom:26px; width:65%; }
.ix-browser { width:100%; border:1px solid #dcd8e1; border-radius:18px; overflow:hidden; background:#faf9fc; color:#201a27; box-shadow:0 16px 40px #2111300b; }
.ix-browser-bar { display:flex; justify-content:space-between; gap:10px; align-items:center; padding:12px 15px; border-bottom:1px solid #e4e0e8; font-size:.62rem; color:#77707d; }
.ix-site-context { padding:22px 22px 0; font-size:.75rem; }
.ix-site-context p { font-size:1.22rem; font-weight:750; letter-spacing:-.025em; color:#201a27; margin:9px 0; line-height:1.25; }
.ix-widget-capture { display:block; width:100%; height:auto; padding:12px; }
.ix-page-nav { display:flex; flex-wrap:wrap; justify-content:center; gap:8px 30px; padding:23px 0; border-bottom:1px solid var(--stroke); }
.ix-page-nav a { color:var(--muted); font-size:.82rem; min-height:30px; display:flex; align-items:center; text-underline-offset:5px; }
.ix-section { margin:72px 0; scroll-margin-top:24px; }
.ix-section-heading { max-width:690px; margin-bottom:30px; }
.ix-section-heading p { color:var(--muted); }
.ix-scenarios { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:30px; }
.ix-scenarios article { padding-top:23px; border-top:2px solid color-mix(in srgb,var(--brand) 25%,var(--stroke)); }
.ix-scenarios p { color:var(--muted); font-size:.9rem; margin:0; }
.ix-worked { display:grid; grid-template-columns:1.2fr 1fr; gap:50px; padding:38px; background:var(--card); border:1px solid var(--stroke); border-radius:var(--ix-radius); }
.ix-worked>div>p { color:var(--muted); font-size:.92rem; }
.ix-journey-steps { list-style:none; padding:0; margin:27px 0; counter-reset:journey; display:grid; gap:20px; }
.ix-journey-steps li { position:relative; padding-left:40px; counter-increment:journey; }
.ix-journey-steps li::before { content:counter(journey); position:absolute; top:1px; left:0; width:25px; height:25px; display:grid; place-items:center; border:1px solid var(--stroke); border-radius:50%; color:var(--brand-accent); font-size:.73rem; }
.ix-journey-steps strong,.ix-journey-steps span { display:block; }
.ix-journey-steps strong { font-size:.89rem; margin-bottom:5px; }
.ix-journey-steps span { font-size:.84rem; color:var(--muted); line-height:1.6; }
.ix-message-card { align-self:center; padding:27px; border-radius:19px; background:var(--ix-soft); }
.ix-experience .ix-message-label { font-size:.8rem; font-weight:650; color:var(--muted); margin:0 0 15px; }
.ix-message-card blockquote { padding:0; margin:0; font-size:1.12rem; line-height:1.7; font-weight:550; }
.ix-setup { display:grid; grid-template-columns:1fr 1fr; gap:50px; align-items:center; }
.ix-setup-list { padding-left:23px; display:grid; gap:20px; font-size:.93rem; line-height:1.7; }
.ix-setup-list li { padding-left:8px; }
.ix-setup-list li::marker { color:var(--brand-accent); font-weight:700; }
.ix-boundary { margin-top:30px; padding:20px 0 0; border-top:1px solid var(--stroke); }
.ix-boundary h3 { font-size:.9rem; }
.ix-boundary p { font-size:.84rem; color:var(--muted); }
.ix-dashboard { min-width:0; margin:0; }
.ix-dashboard img { display:block; width:100%; height:auto; border:1px solid var(--stroke); border-radius:15px; background:#fff; }
.ix-dashboard figcaption { margin-top:13px; color:var(--muted); font-size:.71rem; }
.ix-dashboard p { font-size:.89rem; }
.ix-stories { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:24px; }
.ix-stories figure { margin:0; }
.ix-stories img { width:100%; height:auto; border-radius:15px; }
.ix-stories figcaption { font-size:.82rem; color:var(--muted); line-height:1.6; margin-top:15px; }
.ix-faq { max-width:820px; }
.ix-faq details { border:0; border-bottom:1px solid var(--stroke); border-radius:0; background:transparent; padding:0; overflow:visible; }
.ix-faq summary { font-size:.97rem; font-weight:650; cursor:pointer; padding:21px 8px 21px 0; gap:20px; line-height:1.6; }
.ix-faq details p { margin:0 0 21px; color:var(--muted); font-size:.9rem; }
.ix-related { padding-top:28px; border-top:1px solid var(--stroke); }
.ix-related h2 { font-size:1.3rem; }
.ix-related-links { display:flex; flex-wrap:wrap; gap:13px 25px; }
.ix-related a { color:var(--brand-accent); font-size:.86rem; text-underline-offset:4px; }
.ix-final { margin-bottom:35px; padding:38px; background:var(--card); border:1px solid var(--stroke); border-radius:var(--ix-radius); }
.ix-final>div { max-width:750px; }
.ix-final p { color:var(--muted); }
.ix-complement { border-top:1px solid var(--stroke); margin:27px 0 0; padding:22px 0 0; font-size:.83rem; }
.ix-complement a { display:inline-block; margin-left:10px; color:var(--brand-accent); text-underline-offset:4px; }
.ix-sr-only { position:absolute; width:1px; height:1px; padding:0; margin:-1px; overflow:hidden; clip:rect(0,0,0,0); white-space:nowrap; border:0; }
@media(max-width:1000px) { .ix-directory-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .ix-hero { padding:32px 26px; gap:20px; } .ix-mascot { width:115px; height:115px; left:-8px; } .ix-worked { gap:30px; padding:28px; } .ix-scenarios { gap:20px; } }
@media(max-width:760px) { .ix-directory-hero,.ix-hero,.ix-worked,.ix-setup { grid-template-columns:1fr; } .ix-directory-hero { gap:25px; padding:25px 0; } .ix-browse-heading { align-items:stretch; flex-direction:column; gap:18px; } .ix-search { width:100%; } .ix-hero { gap:30px; padding:30px 24px; } .ix-hero h1 { font-size:clamp(2rem,7.9vw,2.8rem); } .ix-hero-example { justify-content:center; width:min(100%,340px); margin:0 auto; } .ix-hero-example .rp-phone { width:215px; margin-left:55px; } .ix-mascot { width:135px; height:135px; left:0; } .ix-phone-example .ix-mascot { left:0; right:auto; } .ix-phone-example figcaption { right:calc(50% - 137px); } .ix-callback-example .ix-mascot { left:0; bottom:15px; } .ix-callback-example figcaption { right:0; } .ix-section { margin:50px 0; } .ix-scenarios { grid-template-columns:1fr; gap:25px; } .ix-scenarios article { padding-top:20px; } .ix-worked { gap:28px; } .ix-setup { gap:25px; } .ix-directory-footer { align-items:flex-start; flex-direction:column; gap:0; } }
@media(max-width:480px) { .ix-directory-grid,.ix-stories { grid-template-columns:1fr; } .ix-product-choice { padding:20px; gap:18px; } .ix-product-choice h2 { font-size:.97rem; } .ix-product-choice .ix-link { font-size:.79rem; } .ix-hero { padding:27px 20px; border-radius:20px; } .ix-hero .ix-lead { font-size:.96rem; } .ix-actions { gap:16px; } .ix-actions .btn { width:100%; } .ix-page-nav { gap:7px 20px; justify-content:flex-start; } .ix-worked,.ix-final { padding:25px 20px; border-radius:20px; } .ix-message-card { padding:21px; } .ix-directory-hero h1 { font-size:2.15rem; } .ix-hero-example .rp-phone { width:200px; margin-left:45px; } .ix-mascot { width:115px; height:115px; } .ix-phone-example figcaption { right:0; width:200px; } .ix-callback-example .ix-mascot { width:100px; height:100px; } .ix-browser-bar { padding:10px; } .ix-complement a { display:block; margin:8px 0 0; } }
@media(prefers-reduced-motion:reduce) { .ix-experience * { scroll-behavior:auto!important; transition:none!important; } }