/* M.I.A.I FRONTEND — AUTHORITATIVE PUBLIC DESIGN SYSTEM
   Bright business confidence. One stylesheet for every public page. */
:root{--ink:#251c38;--ink-2:#42344f;--muted:#665b73;--muted-2:#70637e;--navy:#0b1b2e;--navy-2:#102b46;--deep:#071421;--cyan:#7547aa;--cyan-2:#cdb4ef;--cyan-soft:#f1eafa;--orange:#f47b35;--orange-soft:#fff2e9;--page:#fff;--pale:#f7f3fc;--pale-2:#eee6f8;--line:#e2d8ed;--success:#168a67;--shadow:0 22px 60px rgba(16,36,58,.12);--shadow-sm:0 10px 30px rgba(16,36,58,.08);--radius:18px;--radius-lg:28px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body.public-site{margin:0;background:var(--page);color:var(--ink);font-family:Arial,Helvetica,system-ui,sans-serif;font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased}
.public-site img{max-width:100%}
.public-site a{color:inherit}
.public-site h1,.public-site h2,.public-site h3,.public-site p{margin-top:0}
.public-site h1,.public-site h2,.public-site h3{color:var(--ink);line-height:1.08;letter-spacing:-.04em}
.public-site h1{font-size:clamp(2.8rem,6vw,5.6rem)}
.public-site h2{font-size:clamp(2rem,4vw,3.6rem)}
.public-site h3{font-size:1.25rem}
.public-site p{color:var(--muted)}
.public-container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.public-section{padding:clamp(72px,9vw,120px) 0}
.public-section--tint{background:var(--pale)}
.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}
.skip-link{position:fixed;z-index:9999;top:8px;left:8px;padding:10px 16px;background:#fff;color:var(--ink);border-radius:8px;transform:translateY(-150%)}
.skip-link:focus{transform:none}
.deck-eyebrow,.public-kicker{margin:0 0 14px;color:#a84715!important;font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}
.section-heading{max-width:830px;margin-bottom:38px}
.section-heading h2{margin-bottom:14px}
.section-heading>p:last-child{max-width:720px;margin-bottom:0;font-size:1.05rem}
.public-lead{font-size:clamp(1.12rem,2vw,1.38rem);line-height:1.55}
.breadcrumbs{margin-bottom:24px;color:var(--muted-2);font-size:.84rem}
.breadcrumbs a{color:var(--ink-2);font-weight:750;text-decoration:none}
.public-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}
.public-button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:12px 20px;border:1px solid transparent;border-radius:11px;font-size:.92rem;font-weight:850;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}
.public-button:hover{transform:translateY(-2px)}
.public-button--primary{background:var(--cyan);color:#fff!important;box-shadow:0 10px 24px rgba(33,185,214,.24)}
.public-button--primary:hover{background:#5f348f}
.public-button--secondary{border-color:#bfd0de;background:#fff;color:var(--ink)!important}
.public-button--secondary:hover{border-color:var(--cyan);box-shadow:var(--shadow-sm)}
.public-notice{padding:14px 16px;border-left:4px solid var(--cyan);border-radius:0 10px 10px 0;background:var(--cyan-soft);color:var(--ink)}
/* Header and navigation */
.public-header{position:sticky;z-index:100;top:0;border-bottom:1px solid rgba(255,255,255,.1);background:rgba(7,20,33,.97);backdrop-filter:blur(16px)}
.public-header__inner{display:flex;align-items:center;gap:24px;min-height:74px}
.public-brand{display:flex;flex:none}
.public-brand img{display:block;width:128px;height:38px;object-fit:contain}
.public-navigation{display:flex;align-items:center;gap:24px;margin-left:auto}
.public-navigation>a,.public-navigation summary{position:relative;color:#eef7fb;font-size:.82rem;font-weight:780;text-decoration:none;cursor:pointer;list-style:none}
.public-navigation summary::-webkit-details-marker{display:none}
.public-navigation summary:after{content:"⌄";margin-left:5px;color:var(--cyan-2)}
.public-navigation>a:after,.public-navigation details>summary:before{position:absolute;right:0;bottom:-10px;left:0;height:2px;background:var(--orange);content:"";transform:scaleX(0);transition:transform .18s ease}
.public-navigation>a:hover:after,.public-navigation .is-active:after,.public-navigation details.is-active>summary:before{transform:scaleX(1)}
.public-navigation details{position:relative}
.nav-popover{position:absolute;top:calc(100% + 24px);left:50%;width:min(980px,calc(100vw - 40px));padding:24px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 28px 70px rgba(0,0,0,.23);transform:translateX(-45%)}
.nav-mega{display:grid;grid-template-columns:1.2fr 1fr 1fr .9fr;gap:22px}
.nav-mega__column{min-width:0}
.nav-mega__column h2{margin:0 0 12px;color:#a84715;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase}
.nav-mega__column a{display:grid;gap:2px;padding:10px;border-radius:10px;text-decoration:none}
.nav-mega__column a:hover{background:var(--cyan-soft)}
.nav-mega__column strong{color:var(--ink);font-size:.86rem}
.nav-mega__column span{color:var(--muted);font-size:.74rem;line-height:1.35}
.public-account{display:flex;align-items:center;gap:14px;flex:none}
.public-account>a:first-child{color:#fff;font-size:.82rem;font-weight:800;text-decoration:none}
.public-account .public-button{min-height:42px;padding:9px 15px}
.public-menu{display:none;margin-left:auto;border:0;background:transparent}
.miai-language{position:relative}
.miai-language__trigger{min-height:40px;border:1px solid rgba(255,255,255,.18)!important;border-radius:9px!important;background:rgba(255,255,255,.06)!important;color:#fff!important}
.miai-language__menu{position:absolute!important;z-index:120;right:0!important;top:calc(100% + 8px)!important;min-width:210px!important;padding:8px!important;border:1px solid var(--line)!important;border-radius:12px!important;background:#fff!important;box-shadow:var(--shadow)!important}
.miai-language__menu a{color:var(--ink)!important}
/* Heroes */
.deck-hero,.deck-page-hero,.product-detail-hero,.builder-product-hero,.how-hero,.contact-hero,.blog-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#faf7ff 0%,#eee5fb 58%,#f8f3ff 100%);color:var(--ink)}
.deck-hero:before,.deck-page-hero:before,.product-detail-hero:before,.builder-product-hero:before,.how-hero:before,.contact-hero:before,.blog-hero:before{position:absolute;right:-150px;top:-170px;width:520px;height:520px;border:72px solid rgba(33,185,214,.08);border-radius:50%;content:""}
.deck-hero__grid,.product-detail-hero__grid,.builder-product-hero__grid,.how-hero__grid,.contact-hero__grid{position:relative;display:grid;grid-template-columns:minmax(0,1.12fr) minmax(360px,.88fr);gap:70px;align-items:center;min-height:610px;padding-block:90px}
.deck-page-hero .public-container,.blog-hero .public-container{position:relative;padding-block:95px}
.deck-page-hero h1,.blog-hero h1{max-width:900px;margin-bottom:18px}
.deck-page-hero p,.blog-hero p{max-width:760px;font-size:1.08rem}
.deck-hero h1 span,.builder-product-hero h1 span{color:#7040a9}
.deck-hero__lead,.builder-product-hero__lead{max-width:720px;font-size:1.18rem}
.builder-sequence,.builder-conversation,.builder-demo,.how-hero__path,.contact-hero__note{position:relative;border:1px solid #24415d;border-radius:22px;background:linear-gradient(145deg,var(--navy-2),var(--deep));color:#fff;box-shadow:0 30px 70px rgba(12,34,56,.22)}
.builder-sequence{display:grid;grid-template-columns:repeat(2,1fr);padding:22px}
.builder-sequence div{display:flex;align-items:center;gap:12px;padding:17px;border-bottom:1px solid rgba(255,255,255,.12)}
.builder-sequence span{color:var(--cyan-2);font-size:.73rem;font-weight:900}
.builder-sequence b{color:#fff;font-size:.83rem}
.builder-sequence p{grid-column:1/-1;margin:18px 10px 4px;color:#bdd0df}
.builder-demo{padding:30px}
.builder-demo>span{color:var(--cyan-2);font-size:.72rem;font-weight:900;letter-spacing:.12em}
.builder-demo blockquote{margin:10px 0 26px;color:#fff;font-size:1.55rem;font-weight:800;line-height:1.25}
.builder-demo p{color:#c5d6e3}
.builder-demo>div{display:flex;flex-wrap:wrap;gap:8px}
.builder-demo>div b{padding:7px 10px;border-radius:99px;background:rgba(255,255,255,.08);color:#fff;font-size:.72rem}
/* Shared grids and proof */
.builder-sales__grid,.builder-promise__grid,.builder-capabilities__layout,.builder-journey__layout,.builder-outcomes__layout,.builder-control__grid,.how-partnership__grid,.how-start__grid,.prose-grid,.product-deep-dive__grid,.contact-sales__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:70px;align-items:start}
.builder-sales,.customer-benefits,.booking-admin-showcase,.resource-guide-section{background:#fff}
.deck-products,.builder-promise,.product-deep-dive,.contact-sales,.article-page{background:var(--pale)}
.builder-sales h2,.builder-promise h2,.builder-capabilities h2,.builder-journey h2,.builder-outcomes h2,.builder-control h2{margin-bottom:18px}
.check-list{display:grid;gap:12px;margin:24px 0;padding:0;list-style:none}
.check-list li{position:relative;padding-left:29px;color:var(--ink-2)}
.check-list li:before{position:absolute;left:0;top:.15em;display:grid;width:19px;height:19px;place-items:center;border-radius:50%;background:var(--cyan-soft);color:#128ca5;font-size:.7rem;font-weight:900;content:"✓"}
.verified-builds,.four-grid,.customer-benefit-grid,.product-capability-grid,.resource-guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.verified-builds article,.four-grid article,.customer-benefit-grid article,.product-capability-grid article,.resource-guide-grid article,.public-card{padding:26px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:var(--shadow-sm)}
.verified-builds span,.four-grid article>span,.customer-benefit-grid span,.product-capability-grid span{color:#a84715;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.verified-builds h3,.four-grid h3,.customer-benefit-grid h3,.product-capability-grid h3{margin:26px 0 0;color:var(--ink)}
.builder-promise__grid>div:last-child,.product-fit,.how-hero__path,.contact-guide{padding:28px;border-radius:var(--radius);background:var(--navy);color:#fff}
.builder-promise__grid>div:last-child h3,.product-fit h2,.contact-guide h2{color:#fff}
.builder-promise__grid>div:last-child p,.product-fit li,.contact-guide p{color:#c3d2df}
.number-list,.builder-control__list,.builder-capability-list,.builder-outcomes__list,.how-flow__steps,.contact-guide__options{margin:0;padding:0;list-style:none}
.number-list li,.builder-control__list li,.builder-capability-list li,.builder-outcomes__list article,.how-flow__steps article,.contact-guide__options article{display:grid;grid-template-columns:42px 1fr;gap:15px;padding:18px 0;border-bottom:1px solid var(--line)}
.number-list li>b,.builder-control__list li>span,.builder-capability-list li>span,.builder-outcomes__list article>span,.how-flow__steps article>span,.contact-guide__options article>span{color:#7040a9;font-size:.78rem;font-weight:900}
.number-list span{color:var(--muted)}
/* Catalogue */
.catalogue-tools{display:flex;gap:14px;align-items:center;justify-content:space-between;margin-bottom:28px}
.catalogue-tools__top{display:flex;gap:12px;align-items:center}
.catalogue-tools input{min-width:280px;min-height:46px;padding:11px 14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.filters{display:flex;flex-wrap:wrap;gap:8px}
.filters button,.market-selector a{min-height:38px;padding:8px 13px;border:1px solid var(--line);border-radius:99px;background:#fff;color:var(--ink-2);font-weight:800;text-decoration:none}
.filters button.active,.market-selector a.active{border-color:var(--cyan);background:var(--cyan-soft);color:#087e96}
.app-grid,.product-catalogue,.marketplace-public-grid,.blog-grid,.solution-grid,.pricing-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.app-card,.product-card,.marketplace-public-card,.blog-card,.pricing-grid>article{overflow:hidden;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow-sm);transition:transform .2s ease,box-shadow .2s ease}
.app-card:hover,.product-card:hover,.marketplace-public-card:hover,.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.product-image,.product-art{position:relative;display:grid;min-height:230px;place-items:center;overflow:hidden;background:linear-gradient(145deg,#112946,#081629)}
.product-image img,.product-art img{display:block;width:100%;height:100%;max-height:290px;object-fit:cover}
.product-image--application img{width:130px;height:auto;object-fit:contain}
.product-art>span,.product-art>strong,.product-art>i{position:absolute;color:#fff}
.product-art>span{top:20px;left:20px;color:var(--cyan-2);font-size:.7rem;font-weight:900;letter-spacing:.1em}
.product-art>strong{left:20px;right:20px;bottom:45px;font-size:1.2rem}
.product-art>i{right:20px;bottom:18px;color:#a84715;font-size:.72rem;font-style:normal}
.product-card__body,.blog-card>div,.marketplace-public-card>div{padding:24px}
.product-card__labels{display:flex;align-items:center;justify-content:space-between;gap:10px}
.category,.status,.trial-label{display:inline-flex;padding:6px 9px;border-radius:99px;background:var(--orange-soft);color:#a84715;font-size:.68rem;font-weight:900;letter-spacing:.05em}
.product-card__body h2,.blog-card h2,.marketplace-public-card h2{margin:16px 0 10px;font-size:1.35rem}
.product-card__body p,.blog-card p,.marketplace-public-card p{font-size:.92rem}
.product-card__body>a,.blog-card a,.marketplace-public-card a{display:inline-flex;margin-top:14px;color:#7040a9;font-weight:850;text-decoration:none}
.product-card__body small{display:block;color:var(--muted-2)}
.marketplace-public-mark,.marketplace-detail-brand{display:grid;place-items:center;background:#fff}
.marketplace-public-mark{min-height:170px;padding:28px;border-bottom:1px solid var(--line)}
.marketplace-public-mark img,.marketplace-detail-brand img{max-width:190px;max-height:82px;object-fit:contain}
.marketplace-detail-brand{min-height:300px;padding:40px;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm)}
.marketplace-availability{display:inline-flex;padding:7px 10px;border-radius:99px;background:#e8f8f1;color:var(--success);font-size:.72rem;font-weight:900}
/* Product details */
.product-detail-hero__grid{min-height:620px}
.product-detail__badges{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}
.product-detail__badges span,.product-detail__badges strong{display:inline-flex;padding:7px 11px;border-radius:99px;background:var(--orange-soft);color:#a84d18;font-size:.7rem;font-weight:900;letter-spacing:.06em}
.product-detail__value{max-width:680px}
.product-image--large,.product-art--large{min-height:390px;border-radius:22px;box-shadow:var(--shadow)}
.trial-reassurance{margin-top:14px;color:var(--muted-2);font-size:.82rem}
.trial-proof-strip{border-block:1px solid var(--line);background:#fff}
.trial-proof-strip .public-container{display:grid;grid-template-columns:repeat(3,1fr)}
.trial-proof-strip .public-container>div{padding:24px;border-right:1px solid var(--line)}
.trial-proof-strip .public-container>div:last-child{border-right:0}
.trial-proof-strip strong,.trial-proof-strip span{display:block}
.trial-proof-strip strong{color:var(--ink);font-size:1.15rem}
.trial-proof-strip span{color:var(--muted);font-size:.82rem}
.product-story{background:#fff}
.product-deep-dive{background:var(--pale)}
.product-fit{box-shadow:var(--shadow-sm)}
.product-fit ul{margin:0;padding:0;list-style:none}
.product-fit li{padding:13px 0;border-bottom:1px solid rgba(255,255,255,.13)}
.customer-benefit-grid article{border-top:4px solid var(--cyan)}
.product-capabilities--sales{background:#fff}
.product-workflow{background:var(--cyan-soft)}
.product-workflow__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:32px 0 0;padding:0;list-style:none;border:1px solid #c9e6ed;border-radius:18px;background:#fff;overflow:hidden}
.product-workflow__steps li{min-height:180px;padding:24px;border-right:1px solid #c9e6ed}
.product-workflow__steps li:last-child{border-right:0}
.product-workflow__steps span{color:#a84715;font-size:.76rem;font-weight:900}
.product-workflow__steps h3{margin-top:30px;font-size:1rem}
.product-use-section{background:#fff}
.product-use-grid{display:grid;gap:0;border-top:1px solid var(--line)}
.use-case{display:grid;grid-template-columns:48px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--line)}
.use-case span{color:#7040a9;font-size:.78rem;font-weight:900}
.product-trial-cta{padding:70px 0;background:linear-gradient(130deg,var(--navy),#123453);color:#fff}
.product-trial-cta .public-container{display:flex;align-items:center;justify-content:space-between;gap:40px}
.product-trial-cta h2{color:#fff}
.product-trial-cta p{max-width:760px;color:#c4d4e1}
.booking-app-preview{background:linear-gradient(145deg,#102e4d,#081829)}
.booking-app-preview>div{display:flex;flex-direction:column;justify-content:center;width:100%;min-height:390px;padding:44px}
.booking-app-preview span{color:var(--cyan-2);font-size:.75rem;font-weight:900;letter-spacing:.15em}
.booking-app-preview strong{margin:20px 0;color:#fff;font-size:clamp(2rem,4vw,3.5rem);line-height:1.05}
.booking-app-preview b{align-self:flex-start;padding:7px 10px;border-radius:99px;background:var(--orange-soft);color:#a94d17;font-size:.68rem}
/* Booking-specific proof */
.booking-capability-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.booking-capability-grid article{display:grid;grid-template-columns:auto 1fr;gap:16px;min-height:200px;padding:26px;border:1px solid var(--line);border-radius:17px;background:var(--pale);box-shadow:var(--shadow-sm)}
.booking-capability-grid article>span{display:grid;width:38px;height:38px;place-items:center;border-radius:10px;background:var(--orange-soft);color:#a84d18;font-size:.72rem;font-weight:900}
.booking-capability-grid h3{margin:3px 0 9px}
.booking-capability-grid p{font-size:.9rem}
.booking-payment-choice{display:grid;grid-template-columns:70px 1fr auto;gap:26px;align-items:center;margin-top:22px;padding:30px;border-radius:19px;background:var(--navy);color:#fff;box-shadow:var(--shadow)}
.booking-payment-choice__mark{display:grid;width:68px;height:68px;place-items:center;border-radius:19px;background:rgba(83,216,239,.13);color:var(--cyan-2);font-size:2rem;font-weight:900}
.booking-payment-choice h3{margin:4px 0 8px;color:#fff}
.booking-payment-choice p{margin:0;color:#c4d4e1}
.booking-payment-choice p strong{color:#fff}
.booking-payment-choice small{display:block;margin-top:8px;color:#91a7ba}
.booking-payment-choice__price{display:grid;min-width:190px;padding:20px;border-left:1px solid rgba(255,255,255,.16);text-align:center}
.booking-payment-choice__price strong{color:var(--cyan-2);font-size:2.25rem;line-height:1}
.booking-payment-choice__price span{color:#c4d4e1}
.booking-payment-choice__price b{margin-top:12px;padding:7px;border-radius:99px;background:rgba(41,201,132,.13);color:#79e5ad;font-size:.62rem}
.booking-admin-showcase{background:var(--pale)}
.booking-proof-heading{display:grid;grid-template-columns:1.1fr .7fr;gap:50px;align-items:end;margin-bottom:34px}
.booking-proof-heading>p{font-size:1.06rem}
.booking-proof-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.booking-admin-screen{overflow:hidden;margin:0;border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.booking-admin-screen--wide{grid-column:1/-1}
.booking-admin-screen figcaption{min-height:150px;padding:25px;border-bottom:1px solid var(--line)}
.booking-admin-screen figcaption span{color:#a84715;font-size:.72rem;font-weight:900;letter-spacing:.12em}
.booking-admin-screen figcaption strong{display:block;margin-top:7px;color:var(--ink);font-size:1.35rem}
.booking-admin-screen figcaption p{margin:6px 0 0;font-size:.88rem}
.admin-screen{min-height:390px;padding:18px;background:var(--deep);color:#fff}
.admin-screen>header{display:flex;align-items:center;justify-content:space-between;padding:15px;border:1px solid #2a435e;border-radius:10px 10px 0 0;background:#10243a}
.admin-screen>header b{color:#fff}
.admin-screen>header i{color:#77e6aa;font-size:.65rem;font-style:normal}
.admin-form-preview{display:grid;grid-template-columns:1fr 1fr;gap:11px;padding:15px;border:1px solid #2a435e;border-top:0}
.admin-form-preview label{display:grid;gap:6px;color:#8298ac;font-size:.66rem;font-weight:850;text-transform:uppercase}
.admin-form-preview label strong{padding:11px;border:1px solid #314a64;border-radius:8px;background:#122840;color:#fff;font-size:.76rem;text-transform:none}
.admin-form-preview button{grid-column:1/-1;min-height:42px;border:0;border-radius:8px;background:var(--cyan);font-weight:900}
.admin-calendar-preview{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;padding:14px;border:1px solid #2a435e;border-top:0}
.admin-calendar-preview em{color:#7d92a6;font-size:.58rem;font-style:normal;text-align:center}
.admin-calendar-preview b{display:grid;min-height:64px;padding:8px;border:1px solid #29435c;border-radius:7px;background:#11243a;color:#fff;font-size:.72rem}
.admin-calendar-preview b.booked{border-color:var(--cyan);background:#12334c}
.admin-calendar-preview b.blocked{opacity:.45;text-decoration:line-through}
.admin-calendar-preview small{align-self:end;color:#ffa15d;font-size:.48rem}
.admin-booking-table{display:grid;grid-template-columns:150px 1fr 1.2fr 105px;border:1px solid #29435c;border-top:0}
.admin-booking-table>*{padding:13px;border-bottom:1px solid #263e58;color:#fff;font-size:.72rem}
.admin-booking-table>span{background:#09192a;color:#7e94a8;font-size:.58rem;font-weight:900}
.admin-booking-table small{display:block;color:#7f96aa}
.admin-booking-table i{color:#76e4a8;font-style:normal}
.booking-proof-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:24px;padding:24px;border-radius:16px;background:var(--navy);color:#fff}
.booking-proof-cta strong{display:block;color:#fff;font-size:1.15rem}
.booking-proof-cta span{color:#c4d4e1}
/* Marketplaces, integrations and solutions */
.marketplace-public-grid,.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.marketplace-app-catalogue,.deck-catalogue{background:var(--pale)}
.all-integrations{margin-top:28px}
.reciprocal-links{background:var(--pale)}
.reciprocal-links__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.reciprocal-links__grid article{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.reciprocal-links__grid span{color:#a84715;font-size:.7rem;font-weight:900}
.reciprocal-links__grid h3{margin:14px 0 8px}
.reciprocal-links__grid a{color:#7040a9;font-weight:850;text-decoration:none}
/* How, pricing and resources */
.how-flow{background:#fff}
.how-flow__heading{max-width:720px}
.how-flow__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}
.how-flow__steps article{display:block;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--pale)}
.how-flow__steps article h3{margin:20px 0 8px}
.how-partnership{background:var(--pale)}
.how-partnership__columns{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}
.how-partnership__columns>div{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff}
.how-start{background:var(--navy);color:#fff}
.how-start h2,.how-start h3{color:#fff}
.how-start p{color:#c4d4e1}
.pricing-grid--focused{grid-template-columns:repeat(3,minmax(0,1fr))}
.pricing-grid>article{padding:28px}
.pricing-grid>article.featured{border:2px solid var(--cyan);transform:translateY(-8px)}
.pricing-grid strong{display:block;color:var(--ink);font-size:2.3rem}
.resource-guide-grid article h3{margin-bottom:10px}
/* Blog and articles */
.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.blog-card{padding:0}
.blog-card>span{display:block;padding:20px 24px 0;color:#a84715;font-size:.72rem;font-weight:900;letter-spacing:.1em}
.article-page{padding:70px 0}
.article-layout{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:34px;align-items:start}
.article-main{padding:clamp(28px,5vw,58px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.article-main h1{font-size:clamp(2.3rem,5vw,4.5rem)}
.article-main h2{margin-top:48px;font-size:clamp(1.7rem,3vw,2.5rem)}
.article-main h3{margin-top:32px}
.article-main p,.article-main li{color:var(--ink-2);font-size:1rem;line-height:1.8}
.article-main a{color:#7040a9;font-weight:800}
.article-meta{color:var(--muted-2);font-size:.8rem}
.article-intro{font-size:1.18rem!important;font-weight:700}
.article-product-link,.article-cta,.article-faq{margin:30px 0;padding:24px;border-left:4px solid var(--orange);border-radius:0 13px 13px 0;background:var(--orange-soft)}
.article-sources{margin:42px 0 12px;padding:24px;border:1px solid var(--line);border-radius:14px;background:#f5fbfd}
.article-sources h2{margin:6px 0 14px;font-size:1.45rem}
.article-sources ul{display:grid;gap:9px;margin:0;padding-left:20px}
.article-sources li{font-size:.94rem;line-height:1.5}
.article-aside{position:sticky;top:100px;display:grid;gap:18px}
.article-aside>section{padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.article-integrations a{display:flex;justify-content:space-between;padding:11px 0;border-bottom:1px solid var(--line);color:var(--ink);font-weight:750;text-decoration:none}
/* Contact and policies */
.contact-hero__note{padding:28px}
.contact-hero__note span{color:var(--cyan-2);font-size:.72rem;font-weight:900}
.contact-hero__note p{margin:8px 0 0;color:#c4d4e1}
.contact-sales__grid{grid-template-columns:360px minmax(0,1fr)}
.contact-guide{position:sticky;top:100px}
.contact-form,.contact-success{padding:clamp(26px,4vw,44px);border:1px solid var(--line);border-radius:20px;background:#fff;box-shadow:var(--shadow)}
.contact-progress{margin-bottom:28px}
.contact-progress__bar{height:6px;border-radius:99px;background:var(--pale-2);overflow:hidden}
.contact-progress__bar span{display:block;height:100%;background:linear-gradient(90deg,var(--cyan),var(--orange))}
.contact-progress>p{display:flex;justify-content:space-between;margin:10px 0 0;font-size:.76rem}
.contact-step{border:0;padding:0;margin:0}
.contact-step legend{width:100%;margin-bottom:6px;color:var(--ink);font-size:clamp(1.8rem,4vw,2.7rem);font-weight:900;line-height:1.1}
.contact-step legend span{display:block;margin-bottom:12px;color:#a84715;font-size:.72rem;letter-spacing:.13em}
.contact-step__intro{margin-bottom:24px}
.contact-choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:11px}
.contact-choice{position:relative}
.contact-choice input{position:absolute;opacity:0}
.contact-choice>span{display:block;min-height:120px;padding:19px;border:1px solid var(--line);border-radius:12px;background:#fff;cursor:pointer}
.contact-choice input:checked+span{border-color:var(--cyan);background:var(--cyan-soft);box-shadow:0 0 0 2px rgba(33,185,214,.12)}
.contact-choice strong,.contact-choice small{display:block}
.contact-choice small{margin-top:6px;color:var(--muted)}
.contact-form__row{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}
.contact-form label{display:grid;gap:7px;margin-bottom:14px;color:var(--ink);font-size:.83rem;font-weight:800}
.contact-form input,.contact-form textarea,.contact-form select{width:100%;min-height:48px;padding:12px 13px;border:1px solid #cbd9e4;border-radius:9px;background:#fff;color:var(--ink);font:inherit}
.contact-step__actions{display:flex;justify-content:space-between;gap:12px;margin-top:24px}
.contact-success{text-align:center}
.contact-success__icon{display:grid;width:62px;height:62px;margin:0 auto 18px;place-items:center;border-radius:50%;background:#e5f8f0;color:var(--success);font-size:1.8rem}
.policy-content{max-width:900px;margin:70px auto;padding:clamp(28px,5vw,58px);border:1px solid var(--line);border-radius:22px;background:#fff;box-shadow:var(--shadow-sm)}
.policy-content h1{font-size:clamp(2.4rem,5vw,4rem)}
.policy-content h2{margin-top:42px;font-size:1.8rem}
.policy-content p,.policy-content li{color:var(--ink-2);line-height:1.8}
.policy-updated{color:var(--muted-2);font-size:.82rem}
/* Payment and footer */
.payment-trust--public{margin:60px 0 0;border:1px solid #cfe4eb;border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.payment-trust__inner{display:grid;grid-template-columns:58px 1fr auto;gap:20px;align-items:center;padding:24px}
.payment-trust__mark{display:grid;width:56px;height:56px;place-items:center;border-radius:16px;background:var(--cyan-soft);color:#0789a2}
.payment-trust__mark svg{width:30px;height:30px}
.payment-trust__copy{display:grid;gap:4px}
.payment-trust__eyebrow{color:#a84715;font-size:.68rem;font-weight:900;letter-spacing:.13em}
.payment-trust__copy strong{color:var(--ink);font-size:1.08rem}
.payment-trust__copy span{color:var(--muted);font-size:.88rem}
.payment-brand-lockup,.payment-card-logos{display:flex;align-items:center;gap:8px}
.payment-brand-lockup{padding-left:20px;border-left:1px solid var(--line)}
.payment-card-logo,.stripe-powered-badge{display:grid;min-width:48px;height:34px;padding:6px;place-items:center;border:1px solid var(--line);border-radius:7px;background:#fff}
.payment-card-logo img,.stripe-powered-badge img{max-width:100%;max-height:100%;object-fit:contain}
.public-footer{padding-top:1px;background:var(--deep);color:#fff}
.footer-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:42px;padding-block:70px 45px}
.footer-brand img{width:135px}
.footer-brand p{max-width:300px;margin-top:18px;color:#aebfd0}
.footer-contact-link{color:var(--cyan-2)!important;font-weight:850;text-decoration:none}
.footer-column{display:flex;flex-direction:column;gap:10px}
.footer-column h2{margin-bottom:5px;color:#fff;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}
.footer-column a{color:#b8c8d7;font-size:.83rem;text-decoration:none}
.footer-column a:hover{color:#fff}
.footer-bottom{display:flex;justify-content:space-between;gap:20px;padding-block:24px;border-top:1px solid rgba(255,255,255,.12);color:#879bad;font-size:.75rem}
/* Booking demo */
body.booking-demo-page{background:var(--pale)}
.booking-demo-page .demo-header{background:var(--deep)}
.booking-demo-page .demo-header__inner{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 40px));height:72px;margin:auto}
.booking-demo-page .demo-header img{width:120px}
.booking-demo-page .demo-header a{color:#fff;text-decoration:none;font-weight:800}
.booking-demo-page .demo-shell{width:min(1180px,calc(100% - 40px));margin:48px auto 70px}
.booking-demo-page .demo-intro{display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end;margin-bottom:25px}
.booking-demo-page .demo-intro h1{font-size:clamp(2.5rem,5vw,4.7rem)}
.booking-demo-page .price{padding:18px 22px;border-radius:15px;background:var(--navy);color:#fff;text-align:center;box-shadow:var(--shadow)}
.booking-demo-page .price strong{display:block;color:#fff;font-size:1.7rem}
.booking-demo-page .price span{color:#c4d4e1}
.booking-demo-page .demo-grid{display:grid;grid-template-columns:1fr 340px;gap:22px}
.booking-demo-page .booking-card,.booking-demo-page .demo-aside{border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.booking-demo-page .booking-card{padding:28px}
.booking-demo-page .progress{display:flex;gap:8px;margin-bottom:24px}
.booking-demo-page .progress span{height:5px;flex:1;border-radius:99px;background:var(--pale-2)}
.booking-demo-page .progress span.active{background:var(--cyan)}
.booking-demo-page .step{display:none}
.booking-demo-page .step.active{display:block}
.booking-demo-page .choice-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}
.booking-demo-page .choice{padding:17px;border:1px solid var(--line);border-radius:11px;background:#fff;color:var(--ink);text-align:left}
.booking-demo-page .choice.selected{border-color:var(--cyan);background:var(--cyan-soft)}
.booking-demo-page .choice strong,.booking-demo-page .choice span{display:block}
.booking-demo-page .choice span{color:var(--muted)}
.booking-demo-page .field{display:grid;gap:7px;margin-bottom:14px}
.booking-demo-page .field input,.booking-demo-page .field select{min-height:47px;padding:11px;border:1px solid var(--line);border-radius:9px;background:#fff;font:inherit}
.booking-demo-page .slots{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.booking-demo-page .slot{min-height:42px;border:1px solid var(--line);border-radius:8px;background:#fff}
.booking-demo-page .slot.selected{background:var(--navy);color:#fff}
.booking-demo-page .actions{display:flex;justify-content:space-between;gap:10px;margin-top:22px}
.booking-demo-page .button{min-height:45px;padding:10px 17px;border:1px solid var(--cyan);border-radius:9px;background:var(--cyan);color:#071824;font-weight:850}
.booking-demo-page .button.secondary{border-color:var(--line);background:#fff}
.booking-demo-page .demo-aside{overflow:hidden}
.booking-demo-page .demo-aside__top{padding:24px;background:var(--navy)}
.booking-demo-page .demo-aside__top h2{color:#fff}
.booking-demo-page .demo-aside__top p{color:#c4d4e1}
.booking-demo-page .demo-aside ul{margin:0;padding:22px;list-style:none}
.booking-demo-page .demo-aside li{padding:11px 0;border-bottom:1px solid var(--line)}
.booking-demo-page .success{text-align:center}
.booking-demo-page .success__icon{display:grid;width:64px;height:64px;margin:auto;place-items:center;border-radius:50%;background:#e5f8f0;color:var(--success)}
.booking-demo-page .embed-note{margin-top:17px;padding:14px;border-left:3px solid var(--orange);background:var(--orange-soft)}
/* Responsive */
@media(max-width:1080px){
.public-navigation{gap:15px}
.public-account{gap:9px}
.verified-builds,.four-grid,.customer-benefit-grid,.product-capability-grid,.app-grid,.product-catalogue,.marketplace-public-grid,.blog-grid,.solution-grid,.pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.footer-grid{grid-template-columns:1.5fr repeat(2,1fr)}
}
@media(max-width:820px){
.public-container{width:min(100% - 32px,720px)}
.public-header__inner{min-height:68px}
.public-menu{display:grid;width:42px;height:42px;padding:9px;place-content:center;gap:5px}
.public-menu span{display:block;width:23px;height:2px;background:#fff}
.public-navigation{position:fixed;inset:68px 0 auto;display:none;max-height:calc(100vh - 68px);padding:20px;overflow:auto;background:var(--deep);align-items:stretch}
.public-navigation.open{display:grid}
.public-navigation>a,.public-navigation summary{padding:12px;font-size:1rem}
.nav-popover{position:static;width:auto;margin-top:12px;padding:14px;transform:none}
.nav-mega{grid-template-columns:1fr 1fr}
.public-account{margin-left:auto}
.public-account>a:first-child{display:none}
.deck-hero__grid,.product-detail-hero__grid,.builder-product-hero__grid,.how-hero__grid,.contact-hero__grid,.builder-sales__grid,.builder-promise__grid,.builder-capabilities__layout,.builder-journey__layout,.builder-outcomes__layout,.builder-control__grid,.how-partnership__grid,.how-start__grid,.prose-grid,.product-deep-dive__grid,.contact-sales__grid{grid-template-columns:1fr;gap:35px}
.deck-hero__grid,.product-detail-hero__grid,.builder-product-hero__grid,.how-hero__grid,.contact-hero__grid{min-height:0;padding-block:65px}
.product-workflow__steps{grid-template-columns:repeat(2,1fr)}
.product-workflow__steps li:nth-child(2){border-right:0}
.booking-capability-grid{grid-template-columns:repeat(2,1fr)}
.booking-payment-choice{grid-template-columns:60px 1fr}
.booking-payment-choice__price{grid-column:1/-1;border-top:1px solid rgba(255,255,255,.15);border-left:0}
.booking-proof-heading,.booking-proof-grid{grid-template-columns:1fr}
.booking-admin-screen--wide{grid-column:auto}
.article-layout{grid-template-columns:1fr}
.article-aside{position:static}
.contact-guide{position:static}
.contact-sales__grid{grid-template-columns:1fr}
.payment-trust__inner{grid-template-columns:56px 1fr}
.payment-brand-lockup{grid-column:1/-1;padding:18px 0 0;border-top:1px solid var(--line);border-left:0}
.booking-demo-page .demo-grid,.booking-demo-page .demo-intro{grid-template-columns:1fr}
}
@media(max-width:600px){
.public-site h1{font-size:clamp(2.45rem,13vw,4rem)}
.public-site h2{font-size:clamp(1.9rem,10vw,3rem)}
.public-container{width:min(100% - 24px,560px)}
.public-section{padding:65px 0}
.public-account .public-button{padding:8px 11px;font-size:.76rem}
.public-brand img{width:108px}
.nav-mega{grid-template-columns:1fr}
.verified-builds,.four-grid,.customer-benefit-grid,.product-capability-grid,.app-grid,.product-catalogue,.marketplace-public-grid,.blog-grid,.solution-grid,.pricing-grid,.booking-capability-grid{grid-template-columns:1fr}
.catalogue-tools,.catalogue-tools__top{align-items:stretch;flex-direction:column}
.catalogue-tools input{min-width:0;width:100%}
.trial-proof-strip .public-container{grid-template-columns:1fr}
.trial-proof-strip .public-container>div{border-right:0;border-bottom:1px solid var(--line)}
.product-workflow__steps{grid-template-columns:1fr}
.product-workflow__steps li{border-right:0;border-bottom:1px solid #c9e6ed}
.product-trial-cta .public-container,.booking-proof-cta{align-items:flex-start;flex-direction:column}
.booking-payment-choice{grid-template-columns:1fr;padding:24px}
.booking-payment-choice__price{min-width:0}
.admin-form-preview,.contact-form__row,.contact-choice-grid{grid-template-columns:1fr}
.admin-calendar-preview{gap:3px;padding:8px}
.admin-calendar-preview b{min-height:45px;padding:5px}
.admin-booking-table{grid-template-columns:1fr 1fr}
.admin-booking-table>span{display:none}
.footer-grid{grid-template-columns:1fr 1fr;gap:30px}
.footer-brand{grid-column:1/-1}
.footer-bottom{flex-direction:column}
.booking-demo-page .choice-grid{grid-template-columns:1fr}
.booking-demo-page .slots{grid-template-columns:repeat(2,1fr)}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
*,*:before,*:after{animation:none!important;transition:none!important}
}
/* Sparse catalogue refinement: a single guide should feel intentional, not abandoned. */
.blog-card{padding:28px}
.blog-card>p.deck-eyebrow{margin-bottom:12px}
.blog-card>h2{margin:0 0 14px}
.blog-card>h2 a{margin:0;color:var(--ink);text-decoration:none}
.blog-card>div{display:flex;gap:14px;padding:18px 0 0;border-top:1px solid var(--line);color:var(--muted-2);font-size:.78rem}
.blog-card:only-child{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,.65fr);column-gap:38px;align-items:end;border-top:5px solid var(--cyan);background:linear-gradient(135deg,#fff 0%,#fff 68%,var(--cyan-soft) 100%)}
.blog-card:only-child>p.deck-eyebrow,.blog-card:only-child>h2,.blog-card:only-child>p{grid-column:1}
.blog-card:only-child>div,.blog-card:only-child>a{grid-column:2}
.blog-card:only-child>h2{font-size:clamp(1.7rem,3vw,2.5rem)}
@media(max-width:820px){
.blog-card:only-child{grid-column:auto;grid-template-columns:1fr}
.blog-card:only-child>*{grid-column:1!important}
}
/* Contact recovery: hide the anti-spam field without disturbing wizard alignment. */
.contact-honeypot{position:absolute!important;left:-10000px!important;top:auto!important;width:1px!important;height:1px!important;overflow:hidden!important}
/* Shared sales-card contract: every generic public card inherits this theme. */
.public-card{position:relative;display:flex;min-height:290px;flex-direction:column;padding:30px;overflow:hidden;border:1px solid #cfe2eb;border-top:5px solid var(--cyan);border-radius:20px;background:linear-gradient(145deg,#ffffff 0%,#f0fbfd 100%);box-shadow:var(--shadow-sm);text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}
.public-card:before{position:absolute;right:-48px;top:-58px;width:150px;height:150px;border:24px solid rgba(33,185,214,.09);border-radius:50%;content:""}
.public-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.public-card h2{position:relative;margin:22px 0 16px;font-size:clamp(1.65rem,2.5vw,2.2rem)}
.public-card p{position:relative;font-size:1rem;line-height:1.65}
.public-card b{position:relative;margin-top:auto;color:#7040a9}
.solution-grid{gap:24px}
.solution-grid .public-card:nth-child(2){border-top-color:var(--orange);background:linear-gradient(145deg,#fff 0%,#fff3ea 100%)}
.solution-grid .public-card:nth-child(2):before{border-color:rgba(244,123,53,.1)}
.solution-grid .public-card:nth-child(3){border-color:#20415e;border-top-color:var(--cyan);background:linear-gradient(145deg,var(--navy-2),var(--deep));color:#fff}
.solution-grid .public-card:nth-child(3) h2{color:#fff}
.solution-grid .public-card:nth-child(3) p{color:#c8d7e3}
.solution-grid .public-card:nth-child(3) b{color:var(--cyan-2)}
/* Universal application artwork contract: never shrink one app differently. */
.product-image--application{padding:0}
.product-image--application img{display:block;width:100%;height:100%;min-height:230px;max-height:290px;object-fit:cover}
.product-image--large.product-image--application img{min-height:390px;max-height:460px}
/* Canonical catalogue controls: one orderly toolbar at every width. */
.catalogue-tools{display:block;margin-bottom:32px;padding:22px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.catalogue-tools__top{display:grid;grid-template-columns:minmax(300px,1fr) auto;gap:24px;align-items:end}
.catalogue-tools__top>div{display:grid;gap:8px}
.catalogue-tools__top label,.market-selector>span{color:var(--ink);font-size:.8rem;font-weight:850}
.catalogue-tools input{width:100%;min-width:0}
.market-selector{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:8px}
.market-selector>span{width:100%;text-align:right}
.catalogue-tools>.filters{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}
@media(max-width:820px){
.catalogue-tools__top{grid-template-columns:1fr}
.market-selector{justify-content:flex-start}
.market-selector>span{text-align:left}
}
/* Shared application report pattern used by every report/preview app. */
.report-summary{display:grid;grid-template-columns:auto 1fr auto;gap:14px;align-items:center;margin-bottom:22px;padding:20px 24px;border:1px solid #cfe5ed;border-radius:16px;background:var(--cyan-soft)}
.report-summary strong{color:var(--ink);font-size:2rem}
.report-summary span{color:var(--muted);font-weight:750}
.report-summary b{color:var(--success);font-size:.8rem}
.report-table-wrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.report-table{width:100%;border-collapse:collapse;min-width:760px}
.report-table th,.report-table td{padding:15px 18px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}
.report-table th{position:sticky;top:0;background:var(--navy);color:#fff;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}
.report-table td{color:var(--ink-2);font-size:.88rem}
.report-table tbody tr:hover{background:var(--cyan-soft)}
.report-table a{color:#7040a9;font-weight:850}
@media(max-width:600px){
.report-summary{grid-template-columns:auto 1fr}
.report-summary b{grid-column:1/-1}
}
/* Country catalogue selector: language and commercial market stay separate. */
.public-country{position:relative;z-index:82;flex:0 0 auto;color:#fff}
.public-country>summary{display:flex;min-height:40px;align-items:center;gap:8px;padding:8px 11px;border:1px solid rgba(148,163,184,.34);border-radius:10px;background:rgba(255,255,255,.08);color:#fff;font-size:.75rem;font-weight:850;list-style:none;cursor:pointer}
.public-country>summary::-webkit-details-marker{display:none}
.public-country>summary:after{content:"⌄";color:#9fb2c5}
.public-country[open]>summary{border-color:rgba(105,212,242,.65);background:rgba(105,212,242,.12)}
.public-country__flag{font-size:1rem;line-height:1}
.public-country__menu{position:absolute;top:calc(100% + 10px);right:0;width:290px;padding:10px;border:1px solid #d9e2eb;border-radius:14px;background:#fff;box-shadow:0 24px 60px rgba(6,17,31,.24)}
.public-country__menu>p{margin:3px 6px 8px;color:#687b90;font-size:.65rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.public-country__menu>a{display:grid;grid-template-columns:28px 1fr;gap:10px;align-items:center;min-height:58px;padding:9px 10px;border:1px solid transparent;border-radius:10px;color:#18283b;text-decoration:none}
.public-country__menu>a:hover{border-color:#c8eaf2;background:#eefbfe}
.public-country__menu>a.active{border-color:#8ed9e8;background:#dff7fb}
.public-country__menu strong,.public-country__menu small{display:block}
.public-country__menu small{margin-top:2px;color:#687b90;font-size:.7rem}
@media(max-width:1180px){
.public-country>summary span:not(.public-country__flag),.public-header .miai-language__trigger span{display:none}
.public-country>summary{padding-inline:10px}
}
@media(max-width:820px){
.public-country__menu{position:fixed;top:70px;right:14px;left:14px;width:auto}
.public-country{margin-left:auto}
.public-header .miai-language{margin-left:0}
}
/* Marketplace catalogue: local logos, balanced cards and durable visual hierarchy. */
.marketplace-public-grid{gap:26px}
.marketplace-public-card{display:flex;min-height:520px;flex-direction:column;border-color:#cadde7;background:#fff}
.marketplace-public-mark{position:relative;min-height:176px;padding:34px;background:linear-gradient(145deg,#f8fcfe 0%,#edf8fb 100%);border-bottom:1px solid #d7e6ed}
.marketplace-public-mark:before{position:absolute;inset:0 auto 0 0;width:5px;background:var(--marketplace-accent);content:""}
.marketplace-public-mark:after{position:absolute;right:22px;top:20px;width:70px;height:70px;border:14px solid color-mix(in srgb,var(--marketplace-accent) 12%,transparent);border-radius:50%;content:""}
.marketplace-public-mark img,.marketplace-detail-brand img{position:relative;z-index:1;width:84px;height:84px;max-width:84px;max-height:84px;object-fit:contain}
.marketplace-public-card__body{display:flex;flex:1;flex-direction:column;padding:26px 28px 28px!important}
.marketplace-public-card__body .deck-eyebrow{margin:0 0 8px;color:#c4571d}
.marketplace-public-card__body h2{margin:0 0 12px;font-size:1.32rem;line-height:1.18}
.marketplace-public-card__body>p:not(.deck-eyebrow):not(.marketplace-availability){margin:0;color:var(--muted);line-height:1.65}
.marketplace-public-card__body .marketplace-availability{align-self:flex-start;margin:20px 0 0;padding:7px 10px;border-radius:999px;background:#e6f6f1;color:#12664d;font-size:.72rem;font-weight:850}
.marketplace-public-card__body>a{margin-top:auto;padding-top:22px}
.marketplace-detail-brand .marketplace-public-mark{width:126px;min-height:126px;border:1px solid #d7e6ed;border-radius:20px}
@media(max-width:600px){
.marketplace-public-card{min-height:0}
.marketplace-public-mark{min-height:150px}
.marketplace-public-card__body{padding:23px!important}
}
/* Marketplace discovery: task-first, searchable and deliberately compact. */
.marketplace-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#eefaff 0%,#fff 58%,#fff2e8 100%)}
.marketplace-hero:after{position:absolute;right:-130px;top:-180px;width:480px;height:480px;border:80px solid rgba(33,185,214,.08);border-radius:50%;content:""}
.marketplace-hero__grid{position:relative;z-index:1;display:grid;min-height:520px;grid-template-columns:minmax(0,1.2fr) minmax(340px,.8fr);gap:70px;align-items:center;padding-block:80px}
.marketplace-hero h1{max-width:760px;margin:12px 0 22px;color:var(--ink);font-size:clamp(3.2rem,6vw,6.2rem);line-height:.95;letter-spacing:-.055em}
.marketplace-hero__lead{max-width:680px;color:var(--muted);font-size:1.08rem;line-height:1.75}
.marketplace-steps{margin:0;padding:10px 28px;border:1px solid #cce3eb;border-radius:24px;background:rgba(255,255,255,.88);box-shadow:var(--shadow);list-style:none}
.marketplace-steps li{display:grid;grid-template-columns:44px 1fr;gap:15px;align-items:center;padding:22px 0;border-bottom:1px solid var(--line)}
.marketplace-steps li:last-child{border:0}
.marketplace-steps li>span{display:grid;width:38px;height:38px;place-items:center;border-radius:50%;background:var(--navy);color:var(--cyan-2);font-size:.72rem;font-weight:900}
.marketplace-steps strong,.marketplace-steps small{display:block}
.marketplace-steps strong{color:var(--ink);font-size:1rem}
.marketplace-steps small{margin-top:3px;color:var(--muted);line-height:1.4}
.marketplace-finder{background:#f6fafc}
.marketplace-finder__heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);gap:50px;align-items:end;margin-bottom:30px}
.marketplace-finder__heading h2{max-width:720px;margin:8px 0 0}
.marketplace-finder__heading>p{color:var(--muted)}
.marketplace-toolbar{display:grid;grid-template-columns:minmax(300px,.75fr) minmax(0,1.25fr);gap:24px;align-items:end;margin-bottom:28px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:var(--shadow-sm)}
.marketplace-toolbar label{display:grid;gap:7px;color:var(--ink);font-size:.78rem;font-weight:850}
.marketplace-toolbar input{width:100%;min-height:48px;padding:11px 14px;border:1px solid #bfd3dd;border-radius:10px;background:#fff;color:var(--ink);font:inherit}
.marketplace-filters{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px}
.marketplace-filters button{min-height:42px;padding:8px 13px;border:1px solid #cadde7;border-radius:999px;background:#fff;color:var(--ink);font-weight:800;cursor:pointer}
.marketplace-filters button:hover,.marketplace-filters button.active{border-color:var(--navy);background:var(--navy);color:#fff}
.marketplace-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}
.marketplace-choice{position:relative;display:grid;grid-template-columns:82px minmax(0,1fr) 105px;gap:18px;align-items:center;min-height:132px;padding:20px 82px 20px 20px;border:1px solid #cadde7;border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(13,35,53,.055);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.marketplace-choice:hover{z-index:1;transform:translateY(-3px);border-color:#8fcfdd;box-shadow:var(--shadow-sm)}
.marketplace-choice[hidden]{display:none}
.marketplace-choice__logo{display:grid;width:78px;height:78px;place-items:center;border-left:4px solid var(--marketplace-accent);border-radius:16px;background:linear-gradient(145deg,#f9fcfd,#edf6f9)}
.marketplace-choice__logo img{width:50px;height:50px;object-fit:contain}
.marketplace-choice__copy p{margin:0 0 5px;color:#c4571d;font-size:.62rem;font-weight:900;letter-spacing:.11em;text-transform:uppercase}
.marketplace-choice__copy h3{margin:0;color:var(--ink);font-size:1.08rem;line-height:1.25}
.marketplace-choice__copy span{display:block;margin-top:5px;color:var(--muted);font-size:.78rem}
.marketplace-choice__availability{padding-left:15px;border-left:1px solid var(--line)}
.marketplace-choice__availability strong,.marketplace-choice__availability span{display:block}
.marketplace-choice__availability strong{color:#7040a9;font-size:1rem}
.marketplace-choice__availability span{margin-top:2px;color:var(--muted);font-size:.68rem;line-height:1.3}
.marketplace-choice>a{position:absolute;inset:0;display:flex;align-items:flex-end;justify-content:flex-end;padding:20px;color:#7040a9;font-size:.75rem;font-weight:900;text-decoration:none}
.marketplace-choice>a span{margin-left:5px}
.marketplace-empty{padding:55px;border:1px dashed #9fc4d1;border-radius:20px;background:#fff;text-align:center}
.marketplace-empty h3{margin-top:0}
.marketplace-help{background:var(--navy);color:#fff}
.marketplace-help>.public-container{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:50px;align-items:center;padding-block:65px}
.marketplace-help h2{margin:8px 0 14px;color:#fff}
.marketplace-help p:not(.deck-eyebrow){max-width:760px;color:#c9d8e4}
@media(max-width:1080px){
.marketplace-hero__grid{grid-template-columns:1fr;gap:35px}
.marketplace-steps{display:grid;grid-template-columns:repeat(3,1fr)}
.marketplace-steps li{grid-template-columns:40px 1fr;border-right:1px solid var(--line);border-bottom:0;padding:18px}
.marketplace-steps li:last-child{border-right:0}
.marketplace-choice-grid{grid-template-columns:1fr}
}
@media(max-width:760px){
.marketplace-hero__grid{padding-block:60px}
.marketplace-hero h1{font-size:clamp(2.7rem,14vw,4.5rem)}
.marketplace-steps{display:block}
.marketplace-steps li{border-right:0;border-bottom:1px solid var(--line)}
.marketplace-finder__heading,.marketplace-toolbar{grid-template-columns:1fr}
.marketplace-filters{justify-content:flex-start}
.marketplace-choice{grid-template-columns:66px 1fr;padding:17px}
.marketplace-choice__logo{width:62px;height:62px}
.marketplace-choice__logo img{width:40px;height:40px}
.marketplace-choice__availability{grid-column:2;padding:0;border:0}
.marketplace-choice>a{position:static;grid-column:2;justify-content:flex-start;padding:0}
.marketplace-help>.public-container{grid-template-columns:1fr}
}
/* Integration catalogue and detail system */
.integration-index-hero{padding:clamp(70px,9vw,120px) 0;background:radial-gradient(circle at 86% 14%,rgba(33,185,214,.18),transparent 28%),linear-gradient(125deg,#edfaff 0%,#fff 55%,#fff4eb 100%)}
.integration-index-hero__grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(330px,.85fr);gap:clamp(40px,7vw,100px);align-items:center}
.integration-index-hero h1{max-width:820px}
.integration-index-hero .public-lead{max-width:720px}
.integration-path{margin:0;padding:10px 28px;list-style:none;background:#fff;border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}
.integration-path li{display:grid;grid-template-columns:46px 1fr;gap:15px;padding:20px 0;border-bottom:1px solid var(--line)}
.integration-path li:last-child{border:0}
.integration-path span{display:grid;place-items:center;width:42px;height:42px;border-radius:13px;background:var(--cyan-soft);color:#0784a1;font-weight:900}
.integration-path strong,.integration-path small{display:block}
.integration-path strong{color:var(--ink);font-size:1.05rem}
.integration-path small{color:var(--muted)}
.section-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.65fr);gap:50px;align-items:end;margin-bottom:34px}
.section-heading h2{margin-bottom:0}
.section-heading>p{margin:0;color:var(--muted)}
.integration-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.integration-card{display:flex;flex-direction:column;gap:18px;min-height:100%;padding:28px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}
.integration-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.integration-card__logo{display:grid;place-items:center;width:100%;height:112px;padding:24px;border-radius:16px;background:linear-gradient(135deg,#f7fbfe,#edf6fb)}
.integration-card__logo img{display:block;width:auto;height:58px;max-width:180px;object-fit:contain}
.integration-card .status{display:inline-flex;padding:5px 9px;border-radius:999px;background:var(--orange-soft);color:#b64f17;font-size:.72rem;font-weight:900;letter-spacing:.05em;text-transform:uppercase}
.integration-card h2{margin:12px 0 8px;font-size:1.65rem}
.integration-card p{color:var(--muted)}
.integration-card ul{margin:0 0 6px;padding:0;list-style:none}
.integration-card li{position:relative;padding:7px 0 7px 24px;border-top:1px solid var(--line);font-size:.9rem;color:var(--ink-2)}
.integration-card li:before{content:"✓";position:absolute;left:2px;color:var(--success);font-weight:900}
.integration-card>a{margin-top:auto;color:#087f9d;font-weight:900;text-decoration:none}
.integration-card>a span{color:#a84715}
.integration-assurance{padding:58px 0;background:var(--navy);color:#fff}
.integration-assurance>.public-container{display:grid;grid-template-columns:1fr 1fr auto;gap:40px;align-items:center}
.integration-assurance h2,.integration-assurance p{color:#fff;margin-bottom:0}
.integration-detail-hero{padding:clamp(54px,8vw,100px) 0;background:radial-gradient(circle at 80% 12%,rgba(33,185,214,.18),transparent 28%),linear-gradient(125deg,#f2fbff,#fff 58%,#fff4eb)}
.integration-detail-hero__grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(300px,.7fr);gap:70px;align-items:center}
.integration-detail-hero h1{font-size:clamp(2.8rem,5vw,5rem)}
.integration-detail-hero__logo{display:grid;place-items:center;width:190px;height:92px;padding:18px;margin:24px 0;border:1px solid var(--line);border-radius:16px;background:#fff;box-shadow:var(--shadow-sm)}
.integration-detail-hero__logo img{max-width:150px;max-height:56px}
.integration-outcome-card{padding:34px;border-radius:var(--radius-lg);background:var(--navy);color:#fff;box-shadow:var(--shadow)}
.integration-outcome-card span{color:var(--cyan-2);font-size:.75rem;font-weight:900;letter-spacing:.14em}
.integration-outcome-card p{margin:18px 0 28px;color:#dce9f3;font-size:1.15rem}
.integration-outcome-card strong{display:block;padding-top:20px;border-top:1px solid rgba(255,255,255,.18)}
.integration-detail-columns{display:grid;grid-template-columns:1fr 1fr;gap:70px}
.integration-feature-list,.integration-workflow{margin:0;padding:0;list-style:none}
.integration-feature-list li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}
.integration-feature-list span,.integration-workflow span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--cyan-soft);color:#087f9d;font-weight:900}
.integration-workflow li{display:grid;grid-template-columns:48px 1fr;gap:14px;align-items:start;padding:14px 0}
.integration-workflow p{margin:7px 0;color:var(--ink-2);font-weight:700}
.integration-results{padding:72px 0;background:var(--pale)}
.integration-results>.public-container{display:grid;grid-template-columns:.7fr 1.3fr;gap:60px}
.integration-results__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.integration-results article{padding:24px;border-radius:16px;background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.integration-results article span{color:#a84715;font-weight:900}
.integration-results article h3{margin:24px 0 0}
@media(max-width:900px){
.integration-index-hero__grid,.section-heading,.integration-assurance>.public-container,.integration-detail-hero__grid,.integration-detail-columns,.integration-results>.public-container{grid-template-columns:1fr}
.integration-card-grid{grid-template-columns:1fr}
.integration-results__grid{grid-template-columns:1fr}
.integration-assurance>.public-container{gap:22px}
}
/* Three services, using the existing public palette and shared page shell. */
.connector-hero-number{font-size:1.28em;color:#7040a9!important;letter-spacing:-.065em}
.connector-home-content .connector-section-intro{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:end;margin-bottom:36px}
.connector-section-intro h2{margin-bottom:0}
.connector-section-intro>p{font-size:1.12rem}
.home-connector-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.home-connector-links>a{display:flex;flex-direction:column;gap:12px;padding:26px 24px;border:1px solid var(--line);border-radius:20px;text-decoration:none;background:linear-gradient(145deg,#fff,#faf7ff);box-shadow:0 8px 25px #43215c08;transition:transform .2s,border-color .2s,box-shadow .2s ease}
.home-connector-links>a:hover{transform:translateY(-4px);border-color:var(--cyan);box-shadow:var(--shadow-sm)}
.home-connector-links>a>span{font-size:.875rem;color:var(--muted)}
.home-connector-links strong{font-size:1.5rem;line-height:1.2;color:var(--ink)}
.home-connector-links .connector-link-label{margin-top:auto;padding-top:16px;color:var(--ink);font-weight:750}
.connector-home-close{display:grid;grid-template-columns:1.2fr .8fr;gap:60px;align-items:center}
.connector-home-number{padding:44px 24px;text-align:center;border-radius:24px;background:var(--navy);color:#fff}
.connector-home-number strong{display:block;font-size:clamp(5rem,9vw,8rem);line-height:1.1;color:#7040a9;letter-spacing:-.06em}
.connector-home-number>span{display:block;font-size:1.3rem;font-weight:750;margin:12px 0 24px}
.connector-home-number p{color:#c7d9e7!important;font-size:1rem;margin-bottom:0}
.connector-benefit{font-size:clamp(1.3rem,2.4vw,1.7rem);font-weight:750;color:var(--ink)!important;max-width:850px}
.connector-landing-hero h1{overflow-wrap:anywhere}
.connector-landing-hero .connection-status{margin-top:24px;margin-bottom:0}
.connector-scope-grid,.connector-related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.connector-scope-grid article{padding:26px;border:1px solid var(--line);border-radius:16px;background:#fff}
.connector-scope-grid h3{font-size:1.25rem;line-height:1.3;margin:20px 0 14px;overflow-wrap:anywhere}
.connector-faq{max-width:900px}
.connector-faq details{border-bottom:1px solid var(--line);padding:22px 0}
.connector-faq summary{font-size:1.15rem;font-weight:750;cursor:pointer;line-height:1.5}
.connector-faq p{margin:16px 0 0;max-width:840px}
.connector-related-grid a{display:flex;flex-direction:column;gap:16px;padding:24px;border:1px solid var(--line);border-radius:16px;background:#fff;text-decoration:none}
.connector-related-grid strong{font-size:1.15rem;line-height:1.4}
.connector-related-grid span{font-size:.875rem;color:var(--muted)}
.connector-directory-card h3 a{text-decoration:none}
.connector-directory-card h3 a:hover{text-decoration:underline}
@media(max-width:1000px){
.home-connector-links,.connector-scope-grid,.connector-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:760px){
.connector-home-content .connector-section-intro,.connector-home-close{grid-template-columns:1fr;gap:24px}
.connector-section-intro h2 br,.connector-home-close h2 br{display:none}
.home-connector-links,.connector-scope-grid,.connector-related-grid{grid-template-columns:1fr}
.connector-hero-number{font-size:1.15em}
.connector-home-number{padding:32px 20px}
}
.public-navigation>.mobile-nav-account{display:none}
.public-site .public-footer .footer-column h2{font-size:.875rem;line-height:1.4;letter-spacing:.06em;overflow-wrap:anywhere}
.home-services-hero{padding:72px 0 36px}
.home-services-hero h1{font-size:clamp(2.65rem,5.3vw,4.65rem);max-width:1000px;line-height:1.08;margin-bottom:24px}
.home-services-hero .deck-hero__lead{max-width:740px}
.home-service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:52px;scroll-margin-top:110px}
.home-service-card{display:flex;flex-direction:column;background:#fff;color:var(--ink);padding:28px;border:1px solid var(--line);border-top:4px solid var(--cyan);border-radius:18px;box-shadow:var(--shadow-sm)}
.home-service-card:nth-child(2){border-top-color:var(--orange)}
.home-service-card:nth-child(3){border-top-color:var(--ink-2)}
.service-card-top{display:flex;justify-content:space-between;gap:10px;font-size:.875rem;color:var(--muted);font-weight:750;margin-bottom:28px;flex-wrap:wrap}
.home-service-card h2{font-size:2rem;color:var(--ink)!important;margin-bottom:18px;line-height:1.15}
.home-service-card p{font-size:1rem;color:var(--muted)!important;line-height:1.6}
.service-tags{display:flex;gap:6px;flex-wrap:wrap;margin:auto 0 24px;padding-top:12px}
.service-tags span{font-size:.875rem;color:var(--ink-2);background:var(--pale);border-radius:6px;padding:4px 9px}
.home-service-card>a{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);padding-top:18px;text-decoration:none;font-weight:800;color:var(--ink)}
.home-directory-note{font-size:.875rem!important;max-width:850px;margin:22px 0 0!important}
.service-hero h1{max-width:950px;font-size:clamp(2.65rem,5.3vw,4.65rem)}
.service-hero{padding:70px 0}
.service-content .section-heading{display:block;max-width:860px}
.service-hero .deck-hero__lead{max-width:760px}
.service-feature-grid,.connector-directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.service-feature-grid article,.connector-directory-card{border:1px solid var(--line);border-radius:18px;padding:28px;background:#fff}
.service-feature-grid h3{margin:22px 0 14px;font-size:1.4rem}
.service-number{font-size:.875rem;color:#a84715;font-weight:800}
.service-note{font-size:1rem;margin:30px 0}
.connector-search{display:flex;align-items:flex-end;flex-wrap:wrap;gap:16px;margin-bottom:28px}
.connector-search label{display:grid;gap:7px;font-size:.875rem;font-weight:750;flex:1 1 210px}
.connector-search input,.connector-search select{width:100%;min-width:0;padding:13px 12px;border:1px solid #b6c9d8;border-radius:8px;background:#fff;color:var(--ink);font:inherit;min-height:49px}
.connector-search>a{padding-bottom:12px}
.connector-directory-card{display:flex;flex-direction:column;align-items:flex-start}
.connector-directory-card .deck-eyebrow{font-size:.875rem;letter-spacing:.06em}
.connector-directory-card h3{font-size:1.35rem;margin:3px 0 18px}
.connection-status{display:inline-block;font-size:.875rem;font-weight:750;padding:5px 10px;background:var(--orange-soft);color:#8d3a11;border-radius:6px;margin-bottom:24px}
.connection-status--ready{background:#e8f7ef;color:#166443}
.connector-directory-card>a{margin-top:auto;font-size:1rem;font-weight:750}
.connector-empty{grid-column:1/-1;padding:30px;background:var(--pale);border-radius:12px}
@media(max-width:820px){
.public-header .public-account{display:none}
.public-navigation>.mobile-nav-account{display:block}
.public-footer .footer-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.public-footer .footer-grid>*{min-width:0}
.public-footer .footer-column a{white-space:normal;overflow-wrap:anywhere}
}
#connector-directory,#service-features{scroll-margin-top:95px}
.public-site a:focus-visible,.public-site button:focus-visible,.connector-search :focus-visible{outline:3px solid #14788e;outline-offset:4px}
@media(max-width:1000px){
.home-service-grid{gap:14px}
.home-service-card{padding:22px}
.home-service-card h2{font-size:1.65rem}
.service-card-top{font-size:.875rem}
}
@media(max-width:760px){
.home-services-hero{padding-top:44px}
.home-service-grid,.service-feature-grid,.connector-directory-grid{grid-template-columns:1fr}
.home-service-grid{margin-top:32px}
.home-service-card h2{font-size:2rem}
.home-service-card h2 br{display:none}
.service-card-top{margin-bottom:18px}
.home-service-card{padding:26px}
.connector-search label{flex-basis:100%}
.home-services-hero h1{font-size:clamp(2.25rem,8vw,3.5rem)}
}
/* Monthly app pricing: shared public palette and responsive sales sections. */
.pricing-sales-hero__grid{display:grid;grid-template-columns:1.45fr .7fr;gap:55px;align-items:center}
.pricing-sales-hero h1{font-size:clamp(2.5rem,4.8vw,4.6rem);line-height:1.08}
.pricing-sales-hero h1 span{color:#7040a9}
.pricing-sales-promise{font-size:1rem!important;margin-top:24px!important}
.pricing-sales-zero{background:var(--navy);color:#fff;padding:40px 30px;border-radius:24px;border-top:5px solid var(--cyan)}
.pricing-sales-zero>span{font-size:.8rem;letter-spacing:.12em;font-weight:750}
.pricing-sales-zero>strong{display:block;font-size:clamp(3.4rem,6vw,5.5rem);letter-spacing:-.06em;line-height:1.2;margin:20px 0}
.pricing-sales-zero strong span{color:#7040a9}
.pricing-sales-zero p{color:var(--muted);font-size:1.08rem!important}
.pricing-sales-zero>div{border-top:1px solid #425665;padding-top:24px;line-height:1.7;font-weight:700}
.pricing-sales-content .connector-section-intro{max-width:850px;margin-bottom:38px}
.pricing-sales-content h2{max-width:920px}
.pricing-sales-principles h3,.pricing-sales-choices h3{font-size:1.6rem;line-height:1.25;margin:22px 0 16px}
.pricing-sales-choices ul{margin-bottom:24px}
.pricing-sales-content .home-service-card .category{font-size:.78rem;font-weight:750;letter-spacing:.05em}
.pricing-sales-value{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.pricing-sales-example{background:#eef8fa;border:1px solid var(--line);border-left:5px solid var(--cyan);border-radius:18px;padding:36px}
.pricing-sales-example>strong{display:block;font-size:2rem;line-height:1.25;margin:22px 0}
.pricing-sales-example small{display:block;color:var(--muted);line-height:1.6}
.pricing-sales-final{background:var(--navy);border-radius:24px;padding:48px;color:white}
.pricing-sales-final h2{color:white}
.pricing-sales-final p{color:#d2e2ec}
.pricing-sales-final .deck-eyebrow{color:#ff945f}
@media(max-width:900px){
.pricing-sales-hero__grid,.pricing-sales-value{grid-template-columns:1fr;gap:32px}
.pricing-sales-zero{max-width:600px}
.pricing-sales-final{padding:32px 24px}
.pricing-sales-final br{display:none}
}
/* Connector selection, clear price estimates and app discovery. */
.connector-monthly-price{font-size:1.35rem;font-weight:800;color:var(--ink)}
.connector-monthly-price small{font-size:.9rem;font-weight:500}
.connector-choice-section{background:#f4f9fc}
.connector-choice-section>div>p{max-width:950px}
.connector-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;max-height:740px;overflow-y:auto;padding:3px 8px 12px 3px}
.connector-choice-card{display:flex;flex-direction:column;gap:12px;border:1px solid var(--line);border-radius:16px;background:white;padding:26px;text-decoration:none;color:var(--ink)}
.connector-choice-card:hover,.connector-choice-card:focus-visible{border-color:var(--cyan);box-shadow:0 4px 16px #163e5715}
.connector-choice-card>span{font-size:.8rem;color:var(--muted)}
.connector-choice-card h3{font-size:1.4rem;line-height:1.3;margin:0}
.connector-choice-card p{font-size:.95rem;margin:0}
.connector-choice-card strong{font-size:1.25rem}
.connector-choice-card strong small{font-size:.85rem;font-weight:500}
.connector-choice-card b{margin-top:auto;padding-top:10px;font-size:.9rem}
.connector-enquiry-summary{padding:20px;margin:20px 0;background:#eef8fa;border-left:4px solid var(--cyan);border-radius:10px}
.connector-enquiry-summary strong{font-size:1.25rem}
.connector-enquiry-summary p{font-size:.95rem}
.starter-build-offer{max-width:900px;background:white;border:1px solid var(--line);border-radius:18px;padding:26px;margin:26px 0}
.starter-build-offer>strong{font-size:1.5rem}
.apps-sales-benefits{display:flex;flex-wrap:wrap;gap:12px;margin:28px 0}
.apps-sales-benefits span{padding:10px 16px;border:1px solid #badde5;border-radius:40px;background:white;font-weight:700;font-size:.9rem}
.apps-sales-hero h1 span{color:#7040a9}
.apps-sales-catalogue .catalogue-tools{border:1px solid var(--line);border-radius:20px;padding:28px;background:#f2f8fb;margin-bottom:36px}
.apps-sales-catalogue .product-catalogue{grid-template-columns:repeat(3,minmax(0,1fr));gap:26px}
.apps-sales-catalogue .product-card{border:1px solid var(--line);border-radius:20px;box-shadow:0 6px 24px #13354c0c}
.apps-sales-catalogue .product-card__body{display:flex;flex:1;flex-direction:column;padding:24px}
.apps-sales-catalogue .product-card{display:flex;flex-direction:column}
.apps-sales-catalogue .product-card[hidden]{display:none}
.apps-sales-catalogue .product-card__body h2{font-size:1.55rem;line-height:1.25}
.apps-sales-catalogue .product-image{aspect-ratio:16/9;overflow:hidden}
.apps-sales-catalogue .product-image img{width:100%;height:100%;object-fit:contain}
.apps-sales-catalogue .product-card__body>a{border-top:1px solid var(--line);padding-top:18px;margin-top:auto}
@media(max-width:1000px){
.connector-choice-grid,.apps-sales-catalogue .product-catalogue{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
.connector-choice-grid,.apps-sales-catalogue .product-catalogue{grid-template-columns:1fr}
.apps-sales-catalogue .catalogue-tools{padding:20px}
.connector-choice-grid{max-height:680px}
.connector-monthly-price small{display:block}
}
.connector-quick-choice{max-width:950px;margin:26px 0}
.connector-quick-choice label{display:block;font-size:1.25rem;font-weight:750;margin-bottom:12px}
.connector-quick-choice>div{display:flex;gap:12px;flex-wrap:wrap}
.connector-quick-choice select{min-width:240px;max-width:100%;flex:1;padding:14px;border:1px solid var(--line);border-radius:10px;background:white;color:var(--ink);font:inherit}
.connector-landing-hero h1{font-size:clamp(2.4rem,4.5vw,4rem);margin-bottom:20px}
.connector-landing-hero h1 br{display:none}
.connector-landing-hero .connector-benefit{margin:16px 0}
.connector-landing-hero .connection-status{margin-top:8px}
.contact-hero--connector .contact-hero__grid{padding-block:38px;min-height:0}
.contact-hero--connector h1{font-size:clamp(2.3rem,4vw,3.4rem);line-height:1.1}
.contact-sales--connector .contact-guide h2{font-size:1.8rem;line-height:1.2}
.contact-guide .connector-enquiry-summary strong,.contact-guide .connector-enquiry-summary p,.contact-guide .connector-enquiry-summary a{color:#153148!important}
.contact-sales--connector .contact-step legend{font-size:1.8rem;line-height:1.2}
.apps-sales-hero{padding:0}
.apps-sales-hero .public-container{padding-block:48px 32px}
.apps-sales-hero .service-note{margin-bottom:0}
.apps-sales-catalogue{padding-block:32px 72px}
.apps-sales-hero h1{max-width:1100px;font-size:clamp(2.4rem,4.7vw,4rem);line-height:1.1}
.apps-sales-hero .apps-sales-benefits{margin:24px 0 16px}
/* Shared public artwork: live type, readable colours, no legacy cover posters. */
.application-art{--art-bg:#e4f5fc;--art-ink:#155b78;position:relative;display:flex;flex-direction:column;justify-content:space-between;gap:24px;min-height:220px;padding:24px;overflow:hidden;background:var(--art-bg);color:var(--art-ink);border-bottom:1px solid #10243a0d}
.application-art--violet{--art-bg:#eeeafd;--art-ink:#59438a}
.application-art--peach{--art-bg:#fff0e5;--art-ink:#914518}
.application-art--mint{--art-bg:#e5f5ec;--art-ink:#246647}
.application-art:after{content:"";position:absolute;width:170px;height:170px;right:-65px;bottom:-80px;border:24px solid currentColor;border-radius:50%;opacity:.07;pointer-events:none}
.application-art__top,.application-art__bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;position:relative;z-index:1}
.application-art__brand{font-size:1rem;font-weight:900;letter-spacing:-.04em}
.application-art__brand>span{font-size:.63rem;font-weight:700;letter-spacing:.08em}
.application-art__symbol{display:grid;place-items:center;width:34px;height:34px;border:1px solid currentColor;border-radius:11px;font-size:1.2rem}
.application-art__content{position:relative;z-index:1}
.application-art__category{display:block;font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}
.application-art__content strong{display:block;max-width:30ch;font-size:clamp(1.3rem,2vw,1.7rem);line-height:1.15;letter-spacing:-.035em;overflow-wrap:anywhere}
.application-art__bottom{font-size:.68rem;font-weight:650}
.application-art__dots{display:flex;gap:4px}
.application-art__dots i{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.5}
.application-art--large{min-height:360px;border:1px solid #10243a12;border-radius:24px;padding:32px;box-shadow:var(--shadow-sm)}
.application-art--large .application-art__content strong{font-size:clamp(2rem,3vw,3rem)}
.product-card{display:flex;flex-direction:column}
.product-card__body{flex:1}
.product-card[hidden]{display:none}
.product-catalogue{scroll-margin-top:100px}
.apps-sales-catalogue .product-card__body h2{font-size:1.3rem;line-height:1.25}
.apps-sales-catalogue .product-card__body small{margin-bottom:20px}
.apps-sales-catalogue .catalogue-tools{background:#fff;box-shadow:0 8px 28px #10243a06;margin-bottom:24px}
.apps-sales-catalogue .product-image{min-height:220px;background:#edf5fa}
.apps-sales-catalogue .product-image img{height:220px;min-height:0;object-fit:contain}
/* A single light surface treatment for sales panels throughout the public site.
   Header/footer retain their brand contrast; private admin styles are separate. */
.public-site :is(.builder-sequence,.builder-conversation,.builder-demo,.builder-promise__grid>div:last-child,.product-fit,.how-hero__path,.contact-guide,.contact-hero__note,.booking-app-preview,.booking-payment-choice,.booking-proof-cta,.how-start,.marketplace-help,.integration-assurance,.integration-outcome-card,.connector-home-number,.pricing-sales-zero,.pricing-sales-final,.product-trial-cta,.solution-grid .public-card:nth-child(3)){
 background:linear-gradient(135deg,#f7f1ff,#eee6f9);color:var(--ink);border:1px solid #d3e5ed;box-shadow:var(--shadow-sm)
}
.public-site :is(.builder-sequence,.builder-conversation,.builder-demo,.product-fit,.how-hero__path,.contact-guide,.contact-hero__note,.booking-app-preview,.booking-payment-choice,.booking-proof-cta,.how-start,.marketplace-help,.integration-assurance,.integration-outcome-card,.connector-home-number,.pricing-sales-zero,.pricing-sales-final,.product-trial-cta) :is(h2,h3,h4,p,li,span,strong,b,small,blockquote){color:var(--ink)}
.public-site .connector-home-number p{color:var(--muted)!important}
.public-site :is(.connector-home-number,.pricing-sales-zero)>strong{color:#7040a9}
.public-site :is(.builder-demo>div b,.booking-payment-choice__price b){background:#dff0e8;color:#246647}
.public-site :is(.contact-guide__options article,.product-fit li,.builder-sequence div,.integration-outcome-card strong,.booking-payment-choice__price){border-color:#cddfe8}
.public-site :is(.builder-conversation__bar,.builder-conversation__prompt,.builder-conversation__question,.builder-conversation__result){padding:20px;border-bottom:1px solid #d3e5ed}
.builder-conversation__bar{display:flex;align-items:center;gap:16px;background:var(--navy);border-radius:21px 21px 0 0}
.public-site .builder-conversation__bar :is(span,i){color:#fff;font-size:.72rem;font-style:normal}
.builder-conversation__bar img{width:90px}
.builder-conversation__bar i{margin-left:auto}
.builder-conversation__prompt>span,.builder-conversation__question>span{font-size:.7rem;font-weight:850;letter-spacing:.08em}
.public-site .builder-conversation__question{background:#fff}
.builder-conversation p{margin:8px 0 0}
.builder-conversation__result{display:flex;flex-wrap:wrap;gap:12px;font-size:.8rem}
.public-site :is(.admin-screen,.admin-screen>header,.admin-form-preview label strong,.admin-calendar-preview b,.admin-booking-table>span){background:#f1f7fb;color:var(--ink);border-color:#cddfe8}
.public-site :is(.admin-screen>header b,.admin-booking-table>*,.admin-screen p,.admin-screen span){color:var(--ink)}
.public-site .admin-calendar-preview b.booked{background:#dff0e8;color:#246647;border-color:#8bbfa4}
.public-site :is(.home-service-card,.connector-scope-card,.connector-related-card,.public-card,.blog-card,.customer-benefit-grid article,.product-capability-grid article,.resource-guide-grid article){border-top:3px solid #aa83d0}
.public-site :is(.home-service-card,.connector-scope-card,.connector-related-card,.public-card,.blog-card,.customer-benefit-grid article,.product-capability-grid article,.resource-guide-grid article):nth-child(3n/**/+2){border-top-color:#a08ad0;background:#fcfaff}
.public-site :is(.home-service-card,.connector-scope-card,.connector-related-card,.public-card,.blog-card,.customer-benefit-grid article,.product-capability-grid article,.resource-guide-grid article):nth-child(3n){border-top-color:#e6a06c;background:#fffaf6}
.public-site a:focus-visible,.public-site button:focus-visible,.public-site input:focus-visible,.public-site select:focus-visible{outline:3px solid #12647e;outline-offset:4px}
@media(max-width:650px){
.apps-sales-hero .public-container{padding-block:32px 24px}
.apps-sales-hero h1{font-size:2.35rem}
.apps-sales-catalogue{padding-top:24px}
.application-art{min-height:200px}
.application-art--large{min-height:300px}
.application-art__content strong{font-size:1.6rem}
}
@media(prefers-reduced-motion:reduce){
html{scroll-behavior:auto}
.public-site *{transition:none!important}
}
/* Public account entry pages share the website palette and form controls. */
.auth-body{background:#f4f8fc!important}
.auth-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.auth-brand{display:flex;flex-direction:column;justify-content:space-between;gap:48px;padding:clamp(32px,6vw,80px);background:linear-gradient(140deg,#e5f5fc,#f1effc 65%,#fff0e5)}
.auth-logo,.auth-card-logo{display:inline-flex;align-items:center;align-self:flex-start;width:156px;padding:15px 18px;border-radius:14px;background:var(--navy)}
.auth-logo img,.auth-card-logo img{display:block;width:120px;height:36px;object-fit:contain}
.auth-brand .eyebrow{display:block;margin-bottom:20px;color:#914518;font-size:.72rem;font-weight:850;letter-spacing:.12em}
.public-site .auth-brand h1{font-size:clamp(2.2rem,3.6vw,3.8rem);line-height:1.1}
.auth-brand small{color:var(--muted)}
.auth-form-area{display:grid;place-items:center;padding:48px 32px}
.auth-card{width:min(100%,490px);padding:36px;border:1px solid var(--line);border-top:4px solid #aa83d0;border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.auth-card-logo{width:110px;padding:10px 12px;margin-bottom:24px}
.auth-card-logo img{width:86px;height:27px}
.public-site .auth-card h2{font-size:2rem;line-height:1.15;letter-spacing:-.035em}
.auth-card p{font-size:.94rem}
.auth-card .field{display:grid;gap:7px;margin:18px 0}
.auth-card label{font-size:.86rem;font-weight:750}
.auth-card input{width:100%;min-height:48px;border:1px solid #bbcdda;border-radius:10px;padding:12px;background:#fbfdff;color:var(--ink);font:inherit}
.auth-card small{color:var(--muted);font-size:.78rem;line-height:1.5}
.auth-card .button{display:flex;justify-content:center;align-items:center;min-height:48px;width:100%;border:1px solid #bbcdda;border-radius:10px;padding:12px 18px;background:#fff;color:var(--ink);font:inherit;font-weight:800;text-decoration:none;cursor:pointer}
.auth-card .button-primary{background:var(--cyan);border-color:var(--cyan);color:#061a25}
.auth-error{margin:16px 0;padding:14px;border:1px solid #eab6a4;border-radius:10px;background:#fff2eb;color:#80381c}
.auth-switch{margin:20px 0}
.auth-switch a,.auth-home{color:#12647e;font-weight:700}
.auth-home{font-size:.84rem}
.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:.75rem;color:var(--muted)}
.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--line)}
.auth-body>.miai-language{position:absolute;right:24px;top:16px}
.auth-body>.miai-language .miai-language__trigger{background:var(--navy)!important}
.public-site .booking-demo-page .demo-aside__top,.booking-demo-page .demo-aside__top{background:#e5f5ec}
.public-site .demo-aside__top :is(h2,p,span){color:#246647}
@media(max-width:800px){
.auth-layout{grid-template-columns:1fr}
.auth-brand{padding:32px 24px;gap:28px}
.auth-brand small{display:none}
.public-site .auth-brand h1{max-width:650px;font-size:2rem;margin-bottom:12px}
.auth-brand p{margin-bottom:0}
.auth-form-area{padding:24px}
.auth-card{padding:26px}
.auth-body>.miai-language{top:36px}
}
.public-site .builder-promise__grid>div:last-child :is(h3,p),.public-site .solution-grid .public-card:nth-child(3) :is(h2,p){color:var(--ink)}
.public-site .booking-payment-choice__mark{color:#7040a9}
.public-site .admin-screen :is(i,em,small,label){color:#365e50}
/* Free tools and colourful service cards use the public design tokens. */
.tone-sky{--tone:#e4f5fc;--tone-ink:#155b78;--tone-line:#81bfd4}
.tone-violet{--tone:#eeeafd;--tone-ink:#59438a;--tone-line:#b39bdc}
.tone-peach{--tone:#fff0e5;--tone-ink:#914518;--tone-line:#e9b189}
.tone-mint{--tone:#e5f5ec;--tone-ink:#246647;--tone-line:#90c6a7}
.connector-directory-card,.service-feature-grid>article{--tone:#e4f5fc;--tone-ink:#155b78;border:1px solid #c8e4ee!important;border-top:4px solid #81bfd4!important;background:linear-gradient(135deg,var(--tone),#fff)!important;box-shadow:var(--shadow-sm)}
.connector-directory-card:nth-child(4n/**/+2),.service-feature-grid>article:nth-child(4n/**/+2){--tone:#eeeafd;--tone-ink:#59438a;border-color:#dcd2f2!important;border-top-color:#b39bdc!important}
.connector-directory-card:nth-child(4n/**/+3),.service-feature-grid>article:nth-child(4n/**/+3){--tone:#fff0e5;--tone-ink:#914518;border-color:#f0d7c3!important;border-top-color:#e9b189!important}
.connector-directory-card:nth-child(4n),.service-feature-grid>article:nth-child(4n){--tone:#e5f5ec;--tone-ink:#246647;border-color:#c5e3d1!important;border-top-color:#90c6a7!important}
.connector-directory-card h3,.service-feature-grid>article h3{color:var(--tone-ink)}
.service-feature-grid .service-number{display:grid;place-items:center;width:46px;height:46px;background:#fff;border-radius:14px;color:var(--tone-ink);margin-bottom:22px}
.public-header__inner{position:relative}
.public-navigation{gap:18px}
.public-navigation .public-mega{position:static}
.public-mega__panel{position:absolute;top:calc(100% - 1px);left:0;right:0;display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:28px;padding:28px;border:1px solid var(--line);border-radius:0 0 22px 22px;background:#fff;box-shadow:0 25px 50px #10243a26;max-height:calc(100vh - 105px);overflow:auto;color:var(--ink)}
.public-mega__panel h2{font-size:1.65rem;line-height:1.2}
.public-mega__panel h3{font-size:.86rem;line-height:1.3;letter-spacing:0;margin-bottom:16px}
.public-mega__panel p{font-size:.88rem}
.public-mega__intro,.public-mega__feature{padding:22px;border-radius:16px;background:linear-gradient(145deg,#e5f5fc,#eeeafd)}
.public-mega__feature{background:#e5f5ec}
.public-mega__feature h3{font-size:1.3rem;margin-top:20px}
.public-mega__links>a,.public-mega__free>div>a{display:flex;align-items:center;gap:10px;justify-content:space-between;min-height:40px;padding:8px;border-radius:8px;color:var(--ink);font-size:.84rem;font-weight:650;text-decoration:none}
.public-mega__links>a:hover,.public-mega__free>div>a:hover{background:#edf7fb}
.public-mega__links>a b{color:#12647e}
.public-mega__panel--apps{grid-template-columns:.85fr 2fr}
.public-mega__free>div{display:grid;grid-template-columns:1fr 1fr;gap:4px 20px}
.public-mega__free>div>a{justify-content:flex-start}
.public-mega__free h3>span{margin-left:12px;font-size:.68rem;background:#e5f5ec;color:#246647;border-radius:20px;padding:4px 8px}
.public-mega__all{display:block;margin-top:14px;font-size:.86rem;color:#12647e!important;font-weight:850}
.free-tool-dot{width:11px;height:11px;border-radius:4px;flex:none;background:#81bfd4}
.free-tool-dot--violet{background:#b39bdc}
.free-tool-dot--peach{background:#e9b189}
.free-tool-dot--mint{background:#90c6a7}
.free-tools-hero{padding:64px 0 48px;background:linear-gradient(125deg,#e5f5fc,#f7f4ff 60%,#fff0e5)}
.free-tools-hero h1{font-size:clamp(2.8rem,5vw,4.8rem);margin-bottom:22px}
.free-tools-hero h1 span{color:#12647e}
.free-tools-hero p{max-width:750px;font-size:1.12rem}
.free-tools-hero .deck-eyebrow{font-size:.75rem}
.free-tools-section{padding-block:56px 72px;background:#f7fafc}
.free-tools-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.free-tool-card{display:flex;flex-direction:column;min-width:0;gap:12px;padding:28px;border:1px solid var(--tone-line);border-radius:22px;background:linear-gradient(140deg,var(--tone),#fff);text-decoration:none;transition:transform .18s,box-shadow .18s}
.free-tool-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-sm)}
.free-tool-card>div{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.free-tool-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:16px;background:#fff;color:var(--tone-ink);font-size:1.65rem;font-weight:850}
.free-tool-card .category{background:#fff;color:var(--tone-ink)}
.free-tool-category{font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--tone-ink);font-weight:800}
.free-tool-card h3{font-size:1.45rem;line-height:1.2;margin:0;color:var(--ink)}
.free-tool-card p{margin:0 0 12px}
.free-tool-card>strong{display:flex;justify-content:space-between;border-top:1px solid var(--tone-line);padding-top:16px;margin-top:auto;color:var(--tone-ink);font-size:.88rem}
.free-tool-hero{padding:36px 0 38px;background:linear-gradient(125deg,var(--tone),#fff)}
.free-tool-hero h1{font-size:clamp(2.5rem,4vw,4rem);margin:14px 0}
.free-tool-hero p{max-width:820px}
.free-tool-hero .free-tool-tagline{font-size:1.5rem;color:var(--tone-ink);font-weight:750;margin-bottom:12px}
.free-workspace{margin-block:32px 0;padding:32px;border:1px solid var(--line);border-radius:24px;background:#fff;box-shadow:var(--shadow-sm)}
.free-workspace__heading{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:24px}
.free-workspace__heading h2{font-size:1.65rem;line-height:1.2;margin:12px 0 0}
.free-workspace__heading>a{font-size:.86rem;color:#12647e;font-weight:700}
.free-upload{padding:30px;text-align:center;border:2px dashed #94c9d9;border-radius:18px;background:#f1fafc}
.free-upload.is-dragging{border-color:#12647e;background:#ddf3fa}
.free-upload__icon{display:block;color:#12647e;font-size:2rem}
.free-upload label{display:block;font-size:1.25rem;font-weight:850;margin-bottom:14px}
.free-upload input{max-width:100%;font:inherit;font-size:.9rem}
.free-upload input::file-selector-button{border:0;border-radius:9px;background:#155b78;color:#fff;padding:12px 18px;font:inherit;font-weight:700;cursor:pointer;margin-right:12px}
.free-upload p{margin:16px 0 4px;font-size:.85rem}
.free-upload small{color:var(--muted)}
.free-editor-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;margin-top:24px;align-items:start}
.free-tool-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.free-tool-controls label,.free-source-html>label{display:grid;gap:6px;color:var(--ink);font-size:.83rem;font-weight:750}
.free-tool-controls label.wide{grid-column:1/-1}
.free-tool-controls input,.free-tool-controls select,.free-source-html input,.free-source-html textarea{width:100%;min-height:42px;border:1px solid #bdcdd9;border-radius:9px;padding:9px 10px;background:#fbfdff;color:var(--ink);font:inherit}
.free-tool-controls input[type=color]{padding:4px}
.free-tool-controls input[type=checkbox]{width:20px;min-height:20px}
.free-tool-controls small{grid-column:1/-1;color:var(--muted)}
.free-process-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.free-process-actions button{cursor:pointer}
.free-workspace button:disabled{opacity:.5;cursor:not-allowed;transform:none}
#image-status{margin-top:16px;font-size:.9rem}
#image-status.is-error{color:#9b381f}
#image-progress{width:100%;accent-color:#12647e}
.free-preview{min-height:270px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:18px;border:1px solid var(--line);border-radius:16px;background:repeating-conic-gradient(#f0f4f7 0% 25%,#fff 0% 50%) 50% / 20px 20px;overflow:hidden}
.free-preview canvas{display:block;max-width:100%;height:auto;max-height:480px;touch-action:none;cursor:crosshair}
.free-preview canvas[hidden]{display:none}
.free-preview__placeholder{padding:25px;background:#ffffffed;border-radius:12px;text-align:center;font-weight:750;color:var(--muted)}
.free-preview__placeholder small{font-weight:400;font-size:.8rem}
.free-preview p{margin:12px 0 0;font-size:.8rem;background:#ffffffed}
.free-file-list{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}
.free-file-list span{max-width:100%;overflow-wrap:anywhere;background:#f1f7fb;border:1px solid var(--line);border-radius:8px;padding:8px 12px;font-size:.8rem}
.free-privacy-note{padding-top:22px;border-top:1px solid var(--line);margin:24px 0 0;font-size:.8rem}
.free-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
.free-result{padding:16px;border:1px solid #bbd8cb;border-radius:16px;background:#f0f9f4;overflow-wrap:anywhere}
.free-result img{display:block;max-height:160px;margin:auto;object-fit:contain}
.free-result h3{font-size:.95rem;margin:14px 0 8px;line-height:1.3}
.free-result p{font-size:.78rem}
.free-result a{display:inline-flex;font-size:.82rem}
.free-result-error{background:#fff0e5;border-color:#e9b189}
.free-download-all{grid-column:1/-1;justify-self:start}
.free-tool-detail-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:48px}
.free-tool-detail-grid h2{font-size:2.3rem}
.free-tool-note{padding:30px;border:1px solid var(--tone-line);border-radius:20px;background:var(--tone)}
.free-tool-note p{margin-top:20px}
.free-faq{margin:56px 0}
.free-faq h2{font-size:2.2rem}
.free-faq details{border-bottom:1px solid var(--line);padding:18px 0}
.free-faq summary{cursor:pointer;font-weight:750}
.free-faq p{margin:14px 0 0;max-width:900px}
.free-related-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.free-related-tools a{display:flex;justify-content:space-between;padding:16px;border:1px solid var(--tone-line);border-radius:12px;background:var(--tone);color:var(--tone-ink);font-weight:700;text-decoration:none;font-size:.9rem}
.free-tools-upgrade{background:linear-gradient(125deg,#e5f5ec,#eeeafd)}
.free-tools-upgrade .public-container{display:grid;grid-template-columns:1.2fr .8fr;gap:48px;align-items:center}
.free-tools-upgrade h2{font-size:clamp(2rem,4vw,3.2rem)}
.free-tools-upgrade p{max-width:720px}
.free-url-row{display:flex;gap:10px;margin:8px 0 20px}
.free-source-html textarea{margin-top:8px;resize:vertical}
.free-source-html p{font-size:.85rem}
@media(max-width:1100px){
.public-navigation{gap:12px}
.public-header__inner{gap:16px}
.public-brand img{width:112px}
.public-mega__panel{grid-template-columns:1fr 1fr}
.public-mega__feature{display:none}
}
@media(max-width:900px){
.free-tools-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.free-editor-grid,.free-tool-detail-grid,.free-tools-upgrade .public-container{grid-template-columns:1fr}
.free-related-tools{grid-template-columns:1fr 1fr}
.public-mega__panel{position:static;display:block;max-height:65vh;padding:16px;border-radius:12px;margin-top:12px;box-shadow:none}
.public-mega__intro{margin-bottom:16px}
.public-mega__free{margin-top:20px}
.public-mega__free>div{grid-template-columns:1fr 1fr}
.public-navigation .public-mega{width:100%}
.public-mega__panel .public-button{color:#061a25}
.public-mega__panel a{color:var(--ink)}
.public-mega__panel--apps{display:block}
}
@media(max-width:600px){
.free-tools-grid,.free-related-tools,.free-results{grid-template-columns:1fr}
.free-tools-hero{padding:36px 0}
.free-workspace{padding:20px}
.free-workspace__heading{align-items:flex-start;flex-direction:column}
.free-upload{padding:22px 14px}
.free-tool-controls{gap:12px}
.free-tool-detail-grid{gap:24px}
.free-tools-upgrade .public-container{gap:12px}
.free-url-row{flex-direction:column}
.public-mega__free>div{grid-template-columns:1fr}
.free-tool-hero h1{font-size:2.45rem}
}
.free-tools-section .section-heading,.free-tool-details .section-heading{display:block;max-width:900px}
.free-tools-section .section-heading h2{margin:10px 0 16px}
.free-tools-section .section-heading .deck-eyebrow{font-size:.75rem}
.free-workspace [hidden]{display:none!important}
@media(min-width:821px) and (max-width:1000px){
.public-menu{display:grid;width:42px;height:42px;padding:9px;place-content:center;gap:5px}
.public-menu span{display:block;width:23px;height:2px;background:#fff}
.public-navigation{position:fixed;inset:74px 0 auto;display:none;max-height:calc(100vh - 74px);padding:20px;overflow:auto;background:var(--deep);align-items:stretch}
.public-navigation.open{display:grid}
.public-navigation>a,.public-navigation summary{padding:12px;font-size:1rem}
.public-header .public-account{display:none}
.public-navigation>.mobile-nav-account{display:block}
.public-mega__panel{position:static;display:block;padding:18px;border-radius:12px;max-height:65vh}
.public-mega__panel a{color:var(--ink)}
.public-mega__free{margin-top:20px}
.public-mega__intro{margin-bottom:20px}
}
/* Room for translated navigation, with a light purple public frame. */
.public-header{background:#ede6fa;border-color:#d5c5eb;backdrop-filter:none;color:#35234e}
.public-header>.public-container{max-width:1680px;width:100%;padding-inline:clamp(16px,2vw,36px)}
.public-header__inner{gap:clamp(12px,1.4vw,24px);flex-wrap:nowrap}
.public-brand{flex-shrink:0;background:#71529c;border-radius:12px;padding:8px 12px}
.public-brand img{width:108px}
.public-navigation{gap:clamp(12px,1.2vw,22px);flex-shrink:0}
.public-navigation>details,.public-navigation>a{flex-shrink:0;white-space:nowrap}
.public-navigation>a,.public-navigation summary,.public-account>a{color:#35234e}
.public-navigation summary:after{color:#71529c}
.public-account,.public-header .miai-language{flex-shrink:0}
.public-account>a{white-space:nowrap}
.public-header .miai-language__trigger{color:#35234e;background:#fff;border-color:#cdbbe7}
.public-menu span{background:#35234e}
.public-header .public-menu b{color:#35234e}
.public-footer{background:#e8dff5;color:#35234e}
.public-footer p,.public-footer a,.public-footer h2,.public-footer span,.public-footer .footer-bottom{color:#35234e!important}
.public-footer .footer-bottom{border-color:#cdbbe7}
.public-footer .footer-brand img{background:#71529c;padding:10px 14px;border-radius:12px}
.public-header.is-compact .public-menu{display:grid;width:42px;height:42px;padding:9px;place-content:center;gap:5px;flex-shrink:0}
.public-header.is-compact .public-menu span{display:block;width:23px;height:2px;background:#35234e}
.public-header.is-compact .public-account{display:none}
.public-header.is-compact .public-navigation{position:fixed;inset:74px 0 auto;display:none;max-height:calc(100dvh - 74px);padding:20px;overflow:auto;background:#ede6fa;align-items:stretch;margin:0}
.public-header.is-compact .public-navigation.open{display:grid}
.public-header.is-compact .public-navigation>.mobile-nav-account{display:block}
.public-header.is-compact .public-navigation>details{width:100%}
.public-header.is-compact .public-navigation summary{padding:12px;font-size:1rem}
.public-header.is-compact .public-mega__panel{position:static;display:block;max-height:none;margin-top:8px;padding:18px;border-radius:12px;box-shadow:none;white-space:normal}
.public-header.is-compact .public-mega__intro{margin-bottom:16px}
@media(max-width:1000px){
.public-navigation{background:#ede6fa}
.public-menu span{background:#35234e}
.public-mega__panel{white-space:normal}
.public-header .public-brand{padding:6px 9px}
.public-footer .footer-grid{gap:28px}
}
.studio-catalogue-banner{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:28px;margin-bottom:28px;border-radius:18px;background:linear-gradient(120deg,#e8dff5,#e4f5fc);border:1px solid #d3c2e9}
.studio-catalogue-banner h2{margin:8px 0;font-size:1.8rem}
.studio-catalogue-banner p{margin:0}
@media(max-width:700px){
.studio-catalogue-banner{display:block}
.studio-catalogue-banner>a{margin-top:16px}
}
.public-header .public-account>a:first-child{color:#35234e}
.public-header .miai-language__trigger{color:#35234e!important;background:#fff!important;border-color:#cdbbe7!important}
.public-header .miai-language__trigger span{color:#35234e!important}
.free-result>div select,.free-result>div input{max-width:100%;margin:8px 0}
.free-result>div canvas{display:block;margin:12px 0}
/* Readable top-level navigation and a consistent purple account action. */
.public-header__inner{min-height:86px}
.public-header .public-navigation>details>summary,.public-header .public-navigation>a{font-size:1.125rem;font-weight:750;line-height:1.35;padding-block:12px}
.public-header .public-account>a:first-child{font-size:1rem}
.public-header .miai-language__trigger{font-size:1rem!important;min-height:44px}
.public-header .public-button--primary{background:#71529c;color:#fff!important;border-color:#71529c;box-shadow:0 5px 14px #71529c26}
.public-header .public-button--primary:hover{background:#5e4088;border-color:#5e4088}
.public-header .public-account .public-button{font-size:1rem;min-height:46px;padding:11px 18px}
.public-header.is-compact .public-navigation{inset-block-start:86px;max-height:calc(100dvh - 86px)}
@media(max-width:1000px){
.public-header__inner{min-height:78px}
.public-header .public-navigation,.public-header.is-compact .public-navigation{inset-block-start:78px;max-height:calc(100dvh - 78px)}
}
.public-usage-proof{border-bottom:1px solid rgba(34,50,91,.11);background:linear-gradient(90deg,#111b45,#23367d);color:#fff}
.public-usage-proof__inner{display:flex;align-items:center;justify-content:center;gap:14px;min-height:42px;padding-top:8px;padding-bottom:8px;font-size:13px}
.public-usage-proof__inner>strong{color:#78e4ef;letter-spacing:.08em;text-transform:uppercase}
.public-usage-proof__inner>span{color:#dbe2ff}
.public-usage-proof__inner ul{display:flex;align-items:center;gap:9px;margin:0;padding:0;list-style:none}
.public-usage-proof__inner li{display:flex;gap:5px;align-items:baseline;padding-left:9px;border-left:1px solid rgba(255,255,255,.25)}
.public-usage-proof__inner b{color:#fff;font-size:15px}
@media(max-width:700px){
.public-usage-proof__inner{flex-wrap:wrap;gap:5px 10px;text-align:center}
.public-usage-proof__inner>span{display:none}
.public-usage-proof__inner ul{flex-wrap:wrap;justify-content:center}
.public-usage-proof__inner li:first-child{border-left:0;padding-left:0}
}
/* Company identity across home, connector, integration and app catalogues. */
.company-logo{display:inline-grid;grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(0,1fr);place-items:center;flex:0 0 auto;width:54px;height:54px;padding:8px;border:1px solid #d8e5ec;border-radius:14px;background:#fff;box-shadow:0 6px 18px #10243a12;overflow:hidden}
.company-logo img{display:block;min-width:0;min-height:0;max-width:100%;max-height:100%;width:100%;height:100%;object-fit:contain}
.company-logo>span{display:grid;place-items:center;width:100%;height:100%;border-radius:8px;background:linear-gradient(135deg,#102f47,#0a849d);color:#fff;font-size:.9rem;font-weight:900;letter-spacing:.02em}
.company-logo--small{width:38px;height:38px;padding:6px;border-radius:10px}
.company-logo--medium{width:52px;height:52px}
.company-logo--large{width:68px;height:68px;padding:11px}
.company-logo--hero{width:112px;height:72px;padding:14px;border-radius:16px}
.home-connector-links .company-logo{width:124px;height:76px;padding:10px 12px;margin-bottom:8px;box-shadow:none;background:#fff}.home-connector-links .connector-benefit{font-size:.9rem;line-height:1.6;color:var(--muted)}
.connector-directory-card .company-logo{margin-bottom:18px}
.connector-landing-hero .company-logo--hero{margin-bottom:24px}
.connector-choice-card .company-logo,.connector-related-grid .company-logo{margin-bottom:2px}
.integration-card__logo .company-logo,.integration-detail-hero__logo .company-logo{width:100%;height:100%;padding:0;border:0;box-shadow:none}
.application-art__brand{display:inline-flex;align-items:center;gap:7px}
.application-art__brand>img{display:block;box-sizing:border-box;width:108px;height:38px;max-width:108px;padding:6px 9px;border-radius:8px;background:#71529c;object-fit:contain}
.application-art__top>.company-logo{background:rgba(255,255,255,.92);border-color:rgba(255,255,255,.72);box-shadow:none}
/* 2026-09 public navigation, benefits and free utilities */
.service-feature-grid>article{min-width:0}
.service-feature-grid .service-number{display:inline-flex!important;align-items:center!important;justify-content:flex-start!important;width:auto!important;max-width:100%;height:auto!important;min-height:38px;padding:8px 11px;margin-bottom:18px;line-height:1.2;white-space:normal;overflow-wrap:anywhere}
.service-feature-grid h3{position:relative;margin-top:0;overflow-wrap:anywhere}
.public-breadcrumbs{border-bottom:1px solid #e3e9ef;background:#f8fafc}
.public-breadcrumbs .public-container{display:flex;align-items:center;gap:8px;min-height:40px;font-size:.82rem}
.public-breadcrumbs a{color:#5e4088;text-decoration:none}
.public-breadcrumbs a:hover{text-decoration:underline}
.public-breadcrumbs a:after{content:"/";padding-left:8px;color:#9aa7b6}
.public-breadcrumbs span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#52617b}
.company-wordmark{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;min-width:54px;min-height:54px;max-width:148px;padding:8px 11px;border:1px solid #d8e5ec;border-radius:14px;background:#fff;color:#20324a;font-size:.76rem;font-weight:850;line-height:1.1;text-align:center;box-shadow:0 6px 18px #10243a12}
.company-wordmark--small{min-width:38px;min-height:38px;border-radius:10px}
.company-wordmark--large{min-width:68px;min-height:68px}
.company-wordmark--hero{min-width:112px;min-height:72px;font-size:1rem}
.home-connector-links .company-wordmark{margin-bottom:4px}
.free-utility-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);gap:28px;align-items:start}
.free-utility-form{margin:0}
.free-utility-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:22px 0}
.free-utility-fields label{display:grid;gap:7px;min-width:0;color:#25344e;font-weight:750}
.free-utility-fields label:has(textarea){grid-column:1/-1}
.free-utility-fields input,.free-utility-fields select,.free-utility-fields textarea{width:100%;min-height:48px;padding:11px 13px;border:1px solid #ccd7e2;border-radius:10px;background:#fff;color:#17243e;font:inherit;font-weight:500}
.free-utility-fields textarea{resize:vertical}
.free-utility-fields input:focus,.free-utility-fields select:focus,.free-utility-fields textarea:focus{outline:3px solid #71529c2e;border-color:#71529c}
.free-utility-result{position:sticky;top:160px;padding:26px;border:1px solid #d5c5eb;border-radius:18px;background:#f7f2fc;box-shadow:0 14px 34px #32204912;overflow-wrap:anywhere}
.free-utility-result h2{margin:0 0 14px;font-size:1.6rem}
.free-utility-result p{white-space:pre-wrap}
.avatar-preview-wrap{display:grid;gap:16px}
.avatar-preview-wrap canvas{display:block;width:min(100%,420px);height:auto;border:1px solid #d8e5ec;border-radius:22px;background:#fff}
.free-tool-error{color:#9a2c36;font-weight:750}
@media(max-width:1000px){
.free-utility-layout{grid-template-columns:1fr}
.free-utility-result{position:static}
}
@media(max-width:640px){
.service-feature-grid .service-number{font-size:.67rem}
.free-utility-fields{grid-template-columns:1fr}
.free-utility-fields label:has(textarea){grid-column:auto}
.public-breadcrumbs .public-container{min-height:36px}
}
.product-share{border-bottom:1px solid #e3e9ef;background:#fff}
.product-share__inner{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:54px}
.product-share__inner>span{color:#52617b;font-size:.78rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em}
.product-share__inner>div{display:flex;align-items:center;gap:7px;overflow-x:auto}
.product-share a,.product-share button{display:inline-flex;align-items:center;gap:6px;min-height:36px;padding:6px 10px;border:1px solid #d9e1e9;border-radius:9px;background:#fff;color:#263650;font:inherit;font-size:.78rem;font-weight:750;text-decoration:none;white-space:nowrap;cursor:pointer}
.product-share a:hover,.product-share button:hover{border-color:#71529c;background:#f7f2fc}
.product-share b{display:grid;place-items:center;width:20px;height:20px;border-radius:5px;background:#71529c;color:#fff;font-size:.7rem}
@media(max-width:700px){
.product-share__inner{align-items:flex-start;flex-direction:column;padding-top:9px;padding-bottom:9px}
.product-share__inner>div{width:100%}
}
.public-social-links{display:flex;align-items:center;gap:5px;margin-left:auto}
.public-social-links a{display:grid;place-items:center;width:34px;height:34px;padding:8px;border:1px solid #cdbbe7;border-radius:9px;background:#fff}
.public-social-links img{display:block;width:18px;height:18px;object-fit:contain}
.public-social-links a:hover{border-color:#71529c;background:#f7f2fc}
@media(max-width:1260px){
.public-social-links{display:none}
}
.website-booking-addon>.public-container{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:42px;align-items:center}
.website-booking-addon h2{max-width:760px}
.website-booking-addon p{max-width:760px}
.website-booking-addon ul{display:grid;gap:12px;margin:0;padding:24px;list-style:none;border:1px solid #d5c5eb;border-radius:18px;background:#fff}
.website-booking-addon li{position:relative;padding-left:28px;font-weight:750;color:#25344e}
.website-booking-addon li:before{content:"✓";position:absolute;left:0;color:#5e4088}
@media(max-width:800px){
.website-booking-addon>.public-container{grid-template-columns:1fr}
}
/* 2026-09 header, breadcrumb and utility-page correction */
.public-header__inner{min-height:74px}
.public-header.is-compact .public-navigation{inset-block-start:74px;max-height:calc(100dvh - 74px)}
.public-breadcrumbs .public-container{min-height:32px;font-size:.78rem}
.public-site main .breadcrumbs{display:none!important}
.public-mega summary{display:flex!important;align-items:center;justify-content:space-between;gap:6px}
.public-mega summary:after{display:none!important}
.public-mega__heading-link{color:inherit;text-decoration:none}
.public-mega__heading-link:hover{text-decoration:underline;text-underline-offset:4px}
.public-mega summary>span{color:#71529c;font-size:1rem;line-height:1}
.product-share{margin-top:48px;border-top:1px solid #d9e1e9;background:#f8fafc}
.utility-page-head{border-bottom:1px solid #dce5ee;background:linear-gradient(110deg,#f7faff 0%,#eef4fb 68%,#f5f1fa 100%)}
.utility-page-head__inner{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:32px;align-items:center;padding-top:28px;padding-bottom:28px}
.utility-page-head h1{max-width:880px;margin:5px 0 8px;color:#17243e;font-size:clamp(2rem,4vw,3.3rem);line-height:1.04}
.utility-page-head p{max-width:760px;margin:0;color:#465671;font-size:1.05rem}
.utility-page-head ul{display:grid;gap:7px;margin:0;padding:16px 18px;list-style:none;border:1px solid #cfdae6;border-radius:14px;background:#fff}
.utility-page-head li{position:relative;padding-left:22px;color:#263650;font-size:.86rem;font-weight:750}
.utility-page-head li:before{content:"✓";position:absolute;left:0;color:#216b91}
.utility-workbench{padding:34px 0 46px;background:#fff}
.free-utility-layout{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:24px;max-width:1120px}
.free-utility-form{padding:26px;border-color:#cbd8e4;border-radius:16px;background:#fff;box-shadow:0 14px 38px rgba(21,43,70,.08)}
.free-workspace__heading p{margin:7px 0 0;color:#56657d;font-size:.94rem;line-height:1.55}
.free-utility-fields{gap:15px;margin:20px 0}
.free-utility-fields label{font-size:.92rem}
.free-utility-fields input,.free-utility-fields select,.free-utility-fields textarea{min-height:50px;border-color:#bfcddd;border-radius:8px;font-size:1rem}
.free-utility-result{top:126px;min-height:190px;padding:26px;border-color:#172c4b;border-radius:16px;background:#172c4b;color:#fff;box-shadow:0 14px 38px rgba(17,35,63,.16)}
.free-utility-result h2{color:#fff}
.free-utility-result p{color:#dbe6f3}
.free-utility-result .deck-eyebrow{color:#71d3e5}
.free-utility-result .public-button--secondary{border-color:#91a9c0;background:#fff;color:#172c4b}
.utility-guide{background:#f7f9fc}
.utility-guide>.public-container{max-width:1120px}
.utility-guide__main{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.utility-guide__main article,.utility-use-cases,.utility-accuracy,.utility-faq,.utility-related{padding:28px;border:1px solid #d7e1ea;border-radius:16px;background:#fff}
.utility-guide h2{margin:7px 0 14px;color:#17243e;font-size:clamp(1.45rem,2.4vw,2rem)}
.utility-guide p,.utility-guide li{color:#465671;font-size:1rem;line-height:1.72}
.utility-guide ol{display:grid;gap:12px;margin:0;padding-left:22px}
.utility-use-cases{margin-top:24px}
.utility-use-cases>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.utility-use-cases article{display:flex;gap:12px;padding:17px;border:1px solid #e0e7ee;border-radius:11px;background:#f8fafc}
.utility-use-cases article span{color:#216b91;font-weight:900}
.utility-use-cases article p{margin:0;font-weight:700}
.utility-accuracy{display:grid;grid-template-columns:1.3fr .7fr;gap:28px;margin-top:24px;border-left:4px solid #216b91}
.utility-accuracy>div:last-child{padding:18px;border-radius:11px;background:#edf4fa}
.utility-accuracy strong{color:#17243e}
.utility-faq{margin-top:24px}
.utility-faq details{border-color:#dce5ee}
.utility-faq summary{color:#263650}
.utility-related{margin-top:24px}
.utility-related .free-related-tools{margin-top:18px}
.utility-related .free-related-tools a{display:grid;gap:7px}
@media(max-width:1200px){
.public-social-links{display:none}
}
@media(max-width:1000px){
.public-header__inner{min-height:70px}
.public-header .public-navigation,.public-header.is-compact .public-navigation{inset-block-start:70px;max-height:calc(100dvh - 70px)}
.free-utility-layout{grid-template-columns:1fr}
.free-utility-result{position:static}
}
@media(max-width:760px){
.utility-page-head__inner,.utility-guide__main,.utility-accuracy{grid-template-columns:1fr}
.utility-page-head__inner{gap:18px;padding-top:22px;padding-bottom:22px}
.utility-page-head ul{grid-template-columns:1fr}
.utility-use-cases>div{grid-template-columns:1fr}
.utility-guide__main article,.utility-use-cases,.utility-accuracy,.utility-faq,.utility-related{padding:22px}
.product-share{margin-top:34px}
}
/* 2026-09-11 menu activation, connector brand fit and website template catalogue */
.public-mega__heading-link{display:flex;align-items:center;align-self:stretch;flex:1;min-width:0;padding:10px 0;white-space:nowrap}
.public-mega summary>span{display:grid;place-items:center;align-self:stretch;min-width:28px;padding:0 5px;cursor:pointer}
.connector-brand-lockup{display:inline-flex;align-items:center;gap:16px;max-width:100%;margin:0 0 24px;padding:10px 18px 10px 12px;border:1px solid #d5e2eb;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,45,72,.1)}
.connector-brand-lockup .company-logo--hero{width:112px;height:68px;margin:0;padding:8px;border:0;border-radius:10px;box-shadow:none;overflow:visible}
.connector-brand-lockup .company-logo--hero img{width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain}
.connector-brand-lockup>span{display:grid;gap:4px;min-width:0}
.connector-brand-lockup small{color:#65738a;font-size:.7rem;font-weight:850;letter-spacing:.12em}
.connector-brand-lockup strong{max-width:220px;color:#17243e;font-size:1rem;line-height:1.25;overflow-wrap:anywhere}
.website-template-hero{padding:54px 0 48px;border-bottom:1px solid #dae3ed;background:linear-gradient(118deg,#f7faff 0%,#eef4fb 62%,#f6f1fb 100%)}
.website-template-hero>.public-container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:36px}
.website-template-hero h1{max-width:870px;margin:8px 0 16px;color:#17243e;font-size:clamp(2.4rem,5vw,4.4rem);line-height:1.03;letter-spacing:-.045em}
.website-template-hero p:not(.deck-eyebrow){max-width:760px;margin:0;color:#465671;font-size:1.08rem;line-height:1.7}
.website-template-catalogue{background:#fff}
.website-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.website-template-card{min-width:0;overflow:hidden;border:1px solid #d6e0ea;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(17,43,70,.07);transition:transform .18s ease,box-shadow .18s ease}
.website-template-card:hover{transform:translateY(-3px);box-shadow:0 18px 38px rgba(17,43,70,.12)}
.website-template-card__preview{display:block;padding:12px 12px 0;background:var(--template-soft);color:#17243e;text-decoration:none}
.website-template-card__chrome{display:flex;gap:4px;padding:8px 9px;border-radius:9px 9px 0 0;background:#e7ebf1}
.website-template-card__chrome i{width:5px;height:5px;border-radius:50%;background:#aab4c2}
.website-template-card__nav{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;font-size:.58rem}
.website-template-card__nav b{margin-right:auto;font-size:.64rem}
.website-template-card__nav i{width:22px;height:3px;border-radius:8px;background:#ced6df}
.website-template-card__hero{display:flex;flex-direction:column;align-items:flex-start;min-height:174px;padding:27px 24px;background:linear-gradient(135deg,#fff 0%,var(--template-soft) 100%)}
.website-template-card__hero small{color:var(--template-accent);font-size:.58rem;font-weight:900;letter-spacing:.12em}
.website-template-card__hero strong{max-width:245px;margin:8px 0 16px;font-size:1.38rem;line-height:1.08;letter-spacing:-.025em}
.website-template-card__hero em{display:inline-flex;padding:7px 11px;border-radius:6px;background:var(--template-accent);color:#fff;font-size:.62rem;font-style:normal;font-weight:800}
.website-template-card__blocks{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:0 16px 16px;background:#fff}
.website-template-card__blocks i{display:block;height:36px;border-radius:7px;background:var(--template-soft);border-top:3px solid var(--template-accent)}
.website-template-card__body{padding:22px 22px 24px}
.website-template-card__body>span{color:var(--template-accent);font-size:.72rem;font-weight:900;letter-spacing:.1em;text-transform:uppercase}
.website-template-card__body h2,.website-template-card__body h3{margin:7px 0 10px;color:#17243e;font-size:1.35rem;line-height:1.2}
.website-template-card__body h2 a,.website-template-card__body h3 a{color:inherit;text-decoration:none}
.website-template-card__body p{margin:0;color:#52617a;font-size:.95rem;line-height:1.6}
.website-template-card__body ul{display:grid;gap:7px;margin:18px 0;padding:0;list-style:none}
.website-template-card__body li{position:relative;padding-left:20px;color:#33445e;font-size:.88rem}
.website-template-card__body li:before{content:"✓";position:absolute;left:0;color:var(--template-accent);font-weight:900}
.website-template-card__body>a{color:#243b77;font-size:.9rem;font-weight:800}
.website-template-grid--preview{grid-template-columns:repeat(4,minmax(0,1fr));margin-bottom:28px}
.website-template-grid--preview .website-template-card__nav{display:none}
.website-template-grid--preview .website-template-card__hero{min-height:152px;padding:22px 18px}
.website-template-grid--preview .website-template-card__hero strong{font-size:1.15rem}
.website-template-grid--preview .website-template-card__body{padding:18px}
.website-template-grid--preview .website-template-card__body h3{font-size:1.15rem}
.website-template-note{padding:50px 0;background:#17243e;color:#fff}
.website-template-note>.public-container{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:34px}
.website-template-note h2{margin:6px 0 12px;color:#fff;font-size:clamp(1.8rem,3.2vw,2.8rem)}
.website-template-note p:not(.deck-eyebrow){max-width:750px;margin:0;color:#d9e5f1;line-height:1.7}
.website-template-note .public-button--secondary{border-color:#9bb0c5;background:transparent;color:#fff}
.website-template-detail{padding:48px 0 58px;background:linear-gradient(120deg,#f7faff 0%,var(--template-soft) 100%)}
.website-template-detail>.public-container{display:grid;grid-template-columns:minmax(280px,.72fr) minmax(0,1.28fr);align-items:center;gap:44px}
.website-template-detail__intro h1{margin:7px 0 15px;color:#17243e;font-size:clamp(2.6rem,5vw,4.5rem);line-height:1;letter-spacing:-.045em}
.website-template-detail__lead{margin:0;color:#465671;font-size:1.06rem;line-height:1.7}
.website-template-detail__intro .public-actions{margin-top:24px}
.website-live-preview{overflow:hidden;border:1px solid #cad7e3;border-radius:18px;background:#fff;box-shadow:0 22px 55px rgba(26,48,76,.16)}
.website-live-preview__chrome{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;background:#e7ebf1;color:#617087;font-size:.7rem}
.website-live-preview__chrome>span{display:flex;gap:5px}
.website-live-preview__chrome i{display:block;width:7px;height:7px;border-radius:50%;background:#aab4c2}
.website-live-preview__nav{display:flex;align-items:center;gap:14px;padding:15px 20px;color:#34435a;font-size:.72rem}
.website-live-preview__nav b{margin-right:auto;color:#17243e;font-size:.84rem}
.website-live-preview__nav em{padding:7px 10px;border-radius:6px;background:var(--template-accent);color:#fff;font-style:normal;font-weight:800}
.website-live-preview__hero{min-height:280px;padding:52px 42px;background:linear-gradient(135deg,#fff 0%,var(--template-soft) 100%)}
.website-live-preview__hero small{color:var(--template-accent);font-size:.65rem;font-weight:900;letter-spacing:.13em}
.website-live-preview__hero h2{max-width:520px;margin:9px 0 12px;color:#17243e;font-size:clamp(2rem,4vw,3.15rem);line-height:1.02;letter-spacing:-.04em}
.website-live-preview__hero p{max-width:520px;margin:0;color:#52617a;font-size:.83rem;line-height:1.6}
.website-live-preview__hero>div{display:flex;gap:10px;margin-top:20px}
.website-live-preview__hero b,.website-live-preview__hero>div span{padding:9px 12px;border-radius:6px;font-size:.7rem}
.website-live-preview__hero b{background:var(--template-accent);color:#fff}
.website-live-preview__hero>div span{border:1px solid #c8d3df;background:#fff}
.website-live-preview__sections{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:18px}
.website-live-preview__sections article{min-width:0;padding:14px;border:1px solid #dce4ec;border-radius:9px}
.website-live-preview__sections span{color:var(--template-accent);font-size:.65rem;font-weight:900}
.website-live-preview__sections h3{margin:5px 0;color:#17243e;font-size:.78rem}
.website-live-preview__sections p{margin:0;color:#68758a;font-size:.64rem;line-height:1.45}
.website-template-plan{background:#fff}
.website-template-links{display:flex;align-items:center;justify-content:space-between;gap:26px;margin-top:32px;padding:24px;border:1px solid #d4e0ea;border-radius:14px;background:#f7f9fc}
.website-template-links p{max-width:760px;margin:0;color:#40516b;line-height:1.65}
@media(max-width:1050px){
.website-template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.website-template-grid--preview{grid-template-columns:repeat(2,minmax(0,1fr))}
.website-template-detail>.public-container{grid-template-columns:1fr}
.website-live-preview{max-width:850px}
.website-template-hero>.public-container,.website-template-note>.public-container{grid-template-columns:1fr;align-items:start}
}
@media(max-width:700px){
.public-mega__heading-link{padding:14px 0}
.public-mega summary>span{min-width:44px}
.connector-brand-lockup{gap:10px;padding:8px 12px 8px 8px}
.connector-brand-lockup .company-logo--hero{width:82px;height:58px}
.connector-brand-lockup strong{font-size:.9rem}
.website-template-hero{padding:36px 0}
.website-template-grid,.website-template-grid--preview{grid-template-columns:1fr}
.website-template-card__hero{min-height:158px}
.website-template-detail{padding:34px 0 44px}
.website-live-preview__nav>span{display:none}
.website-live-preview__hero{min-height:245px;padding:36px 24px}
.website-live-preview__sections{grid-template-columns:repeat(2,1fr)}
.website-template-links{align-items:flex-start;flex-direction:column}
.website-template-note .public-actions{align-items:stretch;flex-direction:column}
}
@media(prefers-reduced-motion:reduce){
.website-template-card{transition:none}
}
/* 2026-09-12 country editions and international search clarity */
.public-header .public-country{color:#25304d}
.public-header .public-country>summary{border-color:#d7cce7;background:#fff;color:#25304d;box-shadow:0 2px 8px rgba(28,36,70,.05)}
.public-header .public-country>summary:after{color:#71529c}
.public-header .public-country>summary:hover,.public-header .public-country[open]>summary{border-color:#a98bc9;background:#f7f2fb}
.market-edition{border-top:1px solid #d9e2ec;background:linear-gradient(112deg,#f7faff 0%,#eef4fb 68%,#f6f1fb 100%)}
.market-edition>.public-container{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,320px);gap:36px;align-items:center}
.market-edition h2{max-width:760px;margin:6px 0 15px;color:#17243e;font-size:clamp(1.8rem,3.2vw,2.7rem);line-height:1.12}
.market-edition p:not(.deck-eyebrow){max-width:800px;margin:0 0 12px;color:#4c5d76;font-size:1rem;line-height:1.7}
.market-edition aside{display:grid;gap:8px;padding:24px;border:1px solid #d3ddea;border-radius:16px;background:#fff;box-shadow:0 12px 30px rgba(21,43,70,.08)}
.market-edition aside strong{color:#5e4088;font-size:1.15rem}
.market-edition aside span{color:#52617a;font-size:.9rem}
.market-edition aside a{margin-top:8px;color:#243b77;font-weight:850}
@media(max-width:920px){
.market-edition>.public-container{grid-template-columns:1fr}
.public-header .public-country{margin-left:auto}
.public-header .miai-language{margin-left:0}
}
@media(max-width:560px){
.public-header .public-country>summary span:not(.public-country__flag){display:none}
.public-country__menu{right:10px;left:10px}
.market-edition aside{padding:20px}
}
/* 2026-09-12 polished mobile-first benefit banner */
/* 2026-09-12 shared social header and true mobile benefit layout */
.public-social-links{display:flex!important;align-items:center;gap:5px;margin-left:auto;flex:0 0 auto}
.public-social-links a,.public-social-links>span{position:relative;display:grid;place-items:center;width:32px;height:32px;padding:7px;border:1px solid #cdbbe7;border-radius:9px;background:#fff}
.public-social-links>span.is-pending{opacity:.58;filter:grayscale(.25)}
.public-social-links>span.is-pending:after{content:"";position:absolute;right:2px;bottom:2px;width:6px;height:6px;border:2px solid #fff;border-radius:50%;background:#e59a37}
.public-social-links img{display:block;width:17px;height:17px;object-fit:contain}
@media(max-width:1260px){
.public-social-links{display:flex!important}
.public-social-links a,.public-social-links>span{width:29px;height:29px;padding:6px}
.public-social-links img{width:16px;height:16px}
}
@media(max-width:1000px){
.public-header__inner{display:flex;flex-wrap:wrap;gap:7px 9px;min-height:70px;padding-top:8px;padding-bottom:8px}
.public-brand{margin-right:auto}
.public-social-links{order:4;width:100%;justify-content:flex-end;margin-left:0;padding-right:1px}
.public-social-links a,.public-social-links>span{width:31px;height:31px}
}
@media(max-width:420px){
.public-social-links{gap:4px}
.public-social-links a,.public-social-links>span{width:29px;height:29px;padding:6px}
}
/* 2026-09-12 social icons sit above, never inside, the navigation row */
.public-social-bar{position:relative;z-index:91;border-bottom:1px solid #e6dff0;background:#f8f5fc}
.public-social-bar>.public-container{display:flex;align-items:center;justify-content:flex-end;min-height:38px;padding-top:4px;padding-bottom:4px}
.public-social-bar .public-social-links{width:auto;margin:0}
.public-header__inner{flex-wrap:nowrap}
@media(max-width:1000px){
.public-header__inner{display:flex;flex-wrap:nowrap;min-height:70px}
.public-social-bar>.public-container{min-height:36px;padding-top:3px;padding-bottom:3px}
.public-social-bar .public-social-links{order:initial;width:auto;margin:0;justify-content:flex-end;padding:0}
.public-social-bar .public-social-links a,.public-social-bar .public-social-links>span{width:28px;height:28px;padding:6px}
}
@media(max-width:420px){
.public-social-bar>.public-container{padding-left:9px;padding-right:9px}
.public-social-bar .public-social-links{gap:4px}
.public-social-bar .public-social-links a,.public-social-bar .public-social-links>span{width:27px;height:27px}
}
/* 2026-09-12 shared customer application detail layout */
.customer-app-detail .section-heading--deck{display:block;max-width:860px;margin:0 0 32px}
.customer-app-detail .section-heading--deck .deck-eyebrow{margin:0 0 8px}
.customer-app-detail .section-heading--deck h2{max-width:760px;margin:0 0 14px;font-size:clamp(2rem,3.5vw,3.25rem);line-height:1.06;letter-spacing:-.035em}
.customer-app-detail .section-heading--deck>p:last-child{max-width:720px;margin:0;color:var(--muted);font-size:1rem;line-height:1.7}
.customer-app-detail .public-section{overflow:hidden}
.customer-app-detail .product-capability-grid,.customer-app-detail .customer-benefit-grid{align-items:stretch}
.customer-app-detail .product-capability-grid article,.customer-app-detail .customer-benefit-grid article{min-width:0}
@media(max-width:760px){
.customer-app-detail .section-heading--deck{margin-bottom:24px}
.customer-app-detail .section-heading--deck h2{font-size:clamp(1.8rem,8vw,2.5rem)}
}
/* Keep translated desktop navigation visible, with room for every menu. */
@media(min-width:1001px){
.public-header__inner{flex-wrap:wrap;gap:12px 24px;padding-top:12px;padding-bottom:0}
.public-header .miai-language{margin-left:auto}
.public-header .public-navigation{order:10;position:static;display:flex;flex:1 0 100%;width:100%;margin:0;justify-content:center;flex-wrap:wrap;gap:0 clamp(18px,3vw,44px);padding:0 0 8px;background:transparent;box-shadow:none;overflow:visible}
.public-header .public-menu{display:none}
.public-header .public-navigation>.mobile-nav-account{display:none}
.public-mega__panel{top:100%;max-height:calc(100dvh - 180px)}
}
.public-navigation .public-mega__panel--expanded{grid-template-columns:1.1fr 1fr 1fr}
.public-mega__links a span{white-space:normal;overflow-wrap:anywhere}
.home-services-hero .business-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:clamp(28px,5vw,80px);align-items:center;text-align:left;padding:12px 0 38px}
.home-services-hero{background:radial-gradient(ellipse at 85% 20%,#e0d0ff,transparent 55%),linear-gradient(130deg,#faf7ff,#eee6ff 65%,#f5efff)}
.home-services-hero .business-hero h1{font-size:clamp(2.4rem,4.3vw,4.6rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0 24px;max-width:800px}
.home-services-hero .business-hero h1 span{color:#7040ba}
.business-hero .deck-hero__lead{font-size:1.18rem;line-height:1.7;max-width:610px}
.business-hero__note{font-size:.85rem;color:#675877;margin-top:18px}
.business-flow{background:#fff;border:1px solid #ddd0ef;border-radius:26px;padding:28px;box-shadow:0 24px 65px #5d328a1c;transform:rotate(1deg)}
.business-flow__top{display:flex;justify-content:space-between;align-items:center;gap:16px;color:#7446aa}
.business-flow__top strong{font-size:1.3rem}
.business-flow__top span{font-size:.75rem;background:#f1ebfa;padding:7px 10px;border-radius:20px}
.business-flow h2{font-size:1.7rem;margin:22px 0 8px;color:#30213e}
.business-flow>p{color:#6e607b;font-size:.92rem}
.business-flow ol{padding:0;list-style:none;margin:24px 0;display:grid;gap:10px}
.business-flow li{display:flex;gap:13px;align-items:center;padding:15px 12px;background:#f9f6fd;border:1px solid #eee5f6;border-radius:13px;animation:business-arrive .6s ease both}
.business-flow li:nth-child(2){animation-delay:.15s}
.business-flow li:nth-child(3){animation-delay:.3s}
.business-flow li:nth-child(4){animation-delay:.45s}
.business-flow__number{display:grid;place-items:center;flex:0 0 30px;height:30px;border-radius:10px;background:#eaddfa;color:#7344a8;font-weight:800}
.business-flow li strong{color:#352443;font-size:.95rem}
.business-flow li p{margin:4px 0 0;font-size:.8rem;line-height:1.45;color:#746580}
.business-flow__tick{margin-left:auto;color:#397b60}
.business-flow>a{display:block;color:#7040a9;font-weight:750;font-size:.9rem}
.business-flow small{display:block;margin-top:12px;color:#756780;font-size:.7rem;line-height:1.5}
.business-start{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:12px 0 40px}
.business-start>a{display:grid;gap:8px;padding:23px;border-radius:16px;background:#fff;border:1px solid #dfd2ef;text-decoration:none;color:#352443;transition:transform .18s,box-shadow .18s}
.business-start>a:hover{transform:translateY(-3px);box-shadow:0 10px 24px #61398818}
.business-start strong{display:flex;justify-content:space-between;gap:12px;font-size:1rem}
.business-start>a>span{font-size:.85rem;color:#776580}
@keyframes business-arrive{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){
.business-flow li{animation:none}
.business-start>a{transition:none}
}
@media(max-width:1000px){
.home-services-hero .business-hero{grid-template-columns:1fr}
.business-flow{transform:none;max-width:620px;width:100%;box-sizing:border-box}
.public-navigation .public-mega__panel--expanded{display:block}
}
@media(max-width:650px){
.business-start{grid-template-columns:1fr}
.business-flow{padding:20px}
.home-services-hero .business-hero h1{font-size:2.6rem}
.business-hero .public-actions{align-items:stretch;flex-direction:column}
}
/* Sales strip: one component, one responsive definition. No sticky overlap. */
.public-benefit-strip{position:static;border-block:1px solid #e0d3ed;background:#f6f0fc}
.public-benefit-strip__inner{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;padding-block:18px}
.public-benefit-strip a{display:grid;grid-template-columns:32px minmax(0,1fr);align-content:center;gap:5px 12px;padding:8px 22px;min-width:0;border-right:1px solid #dacbe9;text-decoration:none;border-radius:8px}
.public-benefit-strip a:first-child{padding-left:0}.public-benefit-strip a:last-child{border-right:0}
.public-benefit-strip a:hover{background:#ece0f8}.public-benefit-strip .benefit-icon{grid-row:1/3;width:32px;height:32px;display:grid;place-items:center;background:#e7d8f7;border-radius:10px;color:#7547aa;font-size:1.1rem;font-weight:800}
.public-benefit-strip strong{color:var(--ink);font-size:.94rem;line-height:1.35;white-space:normal}
.public-benefit-strip .benefit-copy{color:var(--muted);font-size:.78rem;line-height:1.5;white-space:normal}
@media(max-width:1000px){.public-benefit-strip__inner{grid-template-columns:repeat(2,minmax(0,1fr));padding-block:12px;gap:8px}.public-benefit-strip a,.public-benefit-strip a:first-child{padding:12px;border:0}.public-benefit-strip strong{font-size:.88rem}}
@media(max-width:480px){.public-benefit-strip__inner{width:calc(100% - 24px);gap:4px}.public-benefit-strip a,.public-benefit-strip a:first-child{grid-template-columns:1fr;padding:10px}.public-benefit-strip .benefit-icon{display:none}.public-benefit-strip .benefit-copy{font-size:.75rem}}