:root {
    --xti-ink: #17171a;
    --xti-muted: #67676f;
    --xti-line: #dedee3;
    --xti-cloud: #f5f5f7;
    --xti-paper: #ffffff;
    --xti-coral: #ff5d5f;
    --xti-coral-dark: #c43c50;
    --xti-rose: #f66f89;
    --xti-blush: #ffe7eb;
    --xti-violet: #5b4bd8;
    --xti-lilac: #e8e3ff;
    --xti-lime: #69d1a2;
    --xti-mint: #dff6e2;
    --xti-blue: #d9ecff;
    --xti-soft-green: #dcefe5;
    --xti-radius-sm: 18px;
    --xti-radius: 30px;
    --xti-radius-lg: 46px;
    --xti-shadow: 0 30px 80px rgba(24, 24, 28, .12);
    --xti-font: ui-rounded, "SF Pro Rounded", "Avenir Next", "Segoe UI", Arial, sans-serif;
}

/* 2.9 · Innsjekk som eget produkt */
.xti-ci-sales { background:#f7f7f2; color:#18211e; }
.xti-ci-sales-hero { position:relative; overflow:hidden; padding:clamp(118px,13vw,180px) 0 clamp(76px,10vw,130px); background:#edf1ea; }
.xti-ci-sales-hero::after { position:absolute; right:-16vw; bottom:-33vw; width:70vw; height:70vw; border-radius:50%; background:#dce8df; content:""; }
.xti-ci-sales-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.94fr) minmax(360px,.76fr); align-items:center; gap:clamp(44px,8vw,110px); }
.xti-ci-sales-hero h1 { max-width:760px; margin:22px 0; font-size:clamp(3.3rem,7.3vw,7rem); line-height:.88; letter-spacing:-.075em; }
.xti-ci-sales-hero h1 em { color:#3b6f5f; font-family:Georgia,serif; font-weight:400; }
.xti-ci-sales-hero p { max-width:690px; color:#4c5b55; font-size:clamp(1.05rem,1.8vw,1.28rem); line-height:1.55; }
.xti-ci-sales-demo { position:relative; min-height:610px; padding:34px; border:1px solid rgba(24,33,30,.13); border-radius:38px; background:#fff; box-shadow:0 38px 90px rgba(26,49,40,.15); }
.xti-ci-sales-demo__brand { display:grid; justify-items:center; gap:14px; padding:24px 10px 58px; color:#52615b; text-align:center; }
.xti-ci-sales-demo__brand span { display:grid; min-width:130px; min-height:58px; place-items:center; border:1px dashed #91a099; border-radius:14px; color:#22322c; font-weight:850; letter-spacing:.12em; }
.xti-ci-sales-demo__brand small { font-size:10px; font-weight:760; letter-spacing:.1em; }
.xti-ci-sales-demo__search { display:grid; gap:12px; padding:28px; border-radius:25px; background:#f3f5f0; }
.xti-ci-sales-demo__search small { color:#477062; font-size:9px; font-weight:850; letter-spacing:.13em; }
.xti-ci-sales-demo__search strong { font-size:clamp(1.5rem,3vw,2.35rem); letter-spacing:-.045em; }
.xti-ci-sales-demo__search>div { display:flex; min-height:58px; align-items:center; justify-content:space-between; padding:8px 8px 8px 17px; border:1px solid #b8c3bd; border-radius:15px; background:#fff; color:#53625c; }
.xti-ci-sales-demo__search b { display:grid; width:44px; height:44px; place-items:center; border-radius:11px; background:#18211e; color:#fff; }
.xti-ci-sales-demo__result { position:absolute; right:-38px; bottom:62px; display:grid; width:min(290px,75%); grid-template-columns:1fr auto; gap:8px 14px; padding:22px; border-radius:21px; background:#173f34; color:#fff; box-shadow:0 24px 48px rgba(23,63,52,.26); }
.xti-ci-sales-demo__result span { color:#bfe2d4; font-size:9px; font-weight:850; letter-spacing:.13em; }
.xti-ci-sales-demo__result b { grid-row:1 / 3; grid-column:2; font-size:2rem; }
.xti-ci-sales-demo__result small { color:#fff; line-height:1.65; }
.xti-ci-sales-demo__live { position:absolute; left:-28px; bottom:30px; padding:11px 16px; border:1px solid rgba(24,33,30,.13); border-radius:999px; background:#fff; color:#254d42; font-style:normal; font-weight:800; box-shadow:0 15px 40px rgba(25,46,38,.13); }
.xti-ci-sales-flow { background:#fff; }
.xti-ci-sales-steps { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.xti-ci-sales-steps article { min-height:300px; padding:clamp(24px,4vw,40px); border:1px solid rgba(24,33,30,.12); border-radius:25px; background:#f7f7f2; }
.xti-ci-sales-steps i { display:grid; width:52px; height:52px; place-items:center; margin-bottom:60px; border-radius:50%; background:#dce9e1; color:#234d40; font-style:normal; font-weight:850; }
.xti-ci-sales-steps h3 { margin:0 0 12px; font-size:clamp(1.55rem,3vw,2.15rem); letter-spacing:-.045em; }
.xti-ci-sales-steps p { margin:0; color:#56635e; line-height:1.6; }
.xti-ci-sales-control { padding:clamp(75px,10vw,140px) 0; background:#1b2823; color:#fff; }
.xti-ci-sales-control__grid { display:grid; grid-template-columns:minmax(340px,.95fr) minmax(0,1fr); align-items:center; gap:clamp(48px,8vw,110px); }
.xti-ci-sales-control h2 { margin:18px 0 30px; font-size:clamp(2.6rem,5.5vw,5rem); line-height:.95; letter-spacing:-.065em; }
.xti-ci-sales-control .xti-kicker { color:#b9dbc9; }
.xti-ci-sales-control .xti-check-list li { border-color:rgba(255,255,255,.14); color:#f4f6f2; }
.xti-ci-sales-control .xti-check-list svg { stroke:#b9dbc9; }
.xti-ci-sales-control__board { overflow:hidden; border:1px solid rgba(255,255,255,.15); border-radius:28px; background:#f4f6f2; color:#18211e; box-shadow:0 35px 80px rgba(0,0,0,.25); }
.xti-ci-sales-control__board header,.xti-ci-sales-control__board footer { display:flex; align-items:center; justify-content:space-between; padding:18px 22px; }
.xti-ci-sales-control__board header { border-bottom:1px solid rgba(24,33,30,.1); }
.xti-ci-sales-control__board header span,.xti-ci-sales-control__board footer span { color:#5d6a65; font-size:10px; font-weight:820; letter-spacing:.12em; }
.xti-ci-sales-control__board header b { color:#376556; }
.xti-ci-sales-control__board>div { display:grid; grid-template-columns:repeat(3,1fr); }
.xti-ci-sales-control__board article { min-height:155px; padding:25px 20px; border-right:1px solid rgba(24,33,30,.1); }
.xti-ci-sales-control__board article:last-child { border:0; }
.xti-ci-sales-control__board small { display:block; color:#687570; font-size:9px; font-weight:820; letter-spacing:.1em; }
.xti-ci-sales-control__board strong { display:block; margin-top:24px; font-size:clamp(2.2rem,5vw,4rem); letter-spacing:-.07em; }
.xti-ci-sales-control__board footer { border-top:1px solid rgba(24,33,30,.1); background:#e2ece5; }
.xti-ci-sales-control__board footer b { color:#245a48; font-size:1.5rem; }

/* 2.9 · Full FAQ */
.xti-faq-page { background:#f6f5f0; color:#202523; }
.xti-faq-page__hero { padding:clamp(118px,14vw,190px) 0 clamp(60px,8vw,100px); background:#e8ece6; }
.xti-faq-page__hero h1 { margin:25px 0; font-size:clamp(4rem,9vw,8rem); line-height:.84; letter-spacing:-.08em; }
.xti-faq-page__hero h1 em { color:#486f62; font-family:Georgia,serif; font-weight:400; }
.xti-faq-page__hero>div>p { max-width:730px; color:#4d5a55; font-size:clamp(1.05rem,2vw,1.3rem); line-height:1.55; }
.xti-faq-page__jump { display:flex; flex-wrap:wrap; gap:8px; margin-top:34px; }
.xti-faq-page__jump a { padding:10px 14px; border:1px solid rgba(32,37,35,.17); border-radius:999px; background:#f7f8f4; color:#24322d; font-size:13px; font-weight:760; text-decoration:none; }
.xti-faq-page__groups { padding:clamp(70px,10vw,140px) 0; }
.xti-faq-group { display:grid; grid-template-columns:minmax(250px,.7fr) minmax(0,1.3fr); gap:clamp(35px,7vw,100px); padding:55px 0; border-top:1px solid rgba(32,37,35,.15); scroll-margin-top:125px; }
.xti-faq-group:first-child { padding-top:0; border:0; }
.xti-faq-group>header { display:flex; align-items:flex-start; gap:18px; }
.xti-faq-group>header>span { display:grid; width:46px; height:46px; flex:0 0 auto; place-items:center; border-radius:50%; background:#dfe8e1; color:#315a4c; font-weight:850; }
.xti-faq-group header small { color:#56655f; font-size:10px; font-weight:850; letter-spacing:.14em; }
.xti-faq-group h2 { margin:8px 0 0; font-size:clamp(1.8rem,3.4vw,3rem); line-height:1; letter-spacing:-.05em; }
.xti-faq-page__cta { padding:clamp(65px,9vw,120px) 0; background:#1b2421; color:#fff; }
.xti-faq-page__cta>.xti-container { display:flex; align-items:end; justify-content:space-between; gap:40px; }
.xti-faq-page__cta h2 { margin:18px 0 0; font-size:clamp(2.8rem,6vw,5.8rem); line-height:.92; letter-spacing:-.07em; }
.xti-faq-page__cta .xti-kicker { color:#b9d8cb; }
.xti-faq-page__cta>.xti-container>div:last-child { display:flex; flex-wrap:wrap; gap:9px; }
.xti-faq-page__cta .xti-button--light { background:#fff; color:#1b2421; }

@media (max-width:900px) {
    .xti-ci-sales-hero__grid,.xti-ci-sales-control__grid { grid-template-columns:1fr; }
    .xti-ci-sales-demo { width:min(620px,100%); min-height:560px; }
    .xti-ci-sales-steps { grid-template-columns:1fr; }
    .xti-ci-sales-steps article { min-height:0; }
    .xti-ci-sales-steps i { margin-bottom:40px; }
    .xti-faq-group { grid-template-columns:1fr; }
    .xti-faq-page__cta>.xti-container { display:grid; align-items:start; }
}
@media (max-width:560px) {
    .xti-ci-sales-demo { min-height:520px; padding:17px; border-radius:25px; }
    .xti-ci-sales-demo__result { right:10px; bottom:52px; }
    .xti-ci-sales-demo__live { left:10px; bottom:14px; font-size:12px; }
    .xti-ci-sales-control__board article { min-height:130px; padding:20px 12px; }
    .xti-ci-sales-control__board strong { font-size:2.3rem; }
    .xti-faq-page__jump { display:grid; grid-template-columns:1fr 1fr; }
}

html { scroll-behavior: smooth; }
body.xti-document { margin: 0; background: var(--xti-paper); color: var(--xti-ink); font-family: var(--xti-font); font-size: 17px; line-height: 1.55; -webkit-font-smoothing: antialiased; }
.xti-document *, .xti-document *::before, .xti-document *::after { box-sizing: border-box; }
.xti-document img, .xti-document svg { display: block; max-width: 100%; }
.xti-document a { color: inherit; text-decoration: none; }
.xti-document button, .xti-document input, .xti-document select, .xti-document textarea { color: inherit; font: inherit; }
.xti-document button { cursor: pointer; }
.xti-document :focus-visible { outline: 3px solid var(--xti-violet); outline-offset: 4px; }
.xti-document [hidden] { display: none !important; }
.xti-document .screen-reader-text, .xti-honeypot { position: absolute !important; width: 1px !important; height: 1px !important; padding: 0 !important; margin: -1px !important; overflow: hidden !important; clip: rect(0, 0, 0, 0) !important; white-space: nowrap !important; border: 0 !important; }
.xti-skip-link { position: fixed; z-index: 10000; top: 10px; left: 10px; padding: 12px 18px; border-radius: 12px; background: var(--xti-ink); color: #fff; transform: translateY(-150%); }
.xti-skip-link:focus { transform: translateY(0); }
.xti-container { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.xti-section { padding: 126px 0; }
.xti-kicker { display: inline-flex; align-items: center; gap: 8px; margin-bottom: 22px; color: #46464d; font-size: 12px; font-weight: 800; letter-spacing: .16em; line-height: 1.2; text-transform: uppercase; }
.xti-kicker > i { width: 8px; height: 8px; border-radius: 99px; background: var(--xti-coral); }
.xti-section h2, .xti-faq-grid h2, .xti-directory-seo h2 { margin: 0; font-size: clamp(42px, 5.4vw, 74px); font-weight: 560; letter-spacing: -.055em; line-height: .98; }
.xti-section-head { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .55fr); align-items: end; gap: 70px; margin-bottom: 58px; }
.xti-section-head > div:last-child:not(:first-child) { display: flex; flex-direction: column; align-items: flex-start; }
.xti-section-head p, .xti-section-head > p { max-width: 500px; margin: 0 0 10px; color: var(--xti-muted); font-size: 19px; line-height: 1.55; }
.xti-button { display: inline-flex; min-height: 54px; align-items: center; justify-content: center; gap: 16px; padding: 0 25px; border: 0; border-radius: 16px; font-weight: 750; line-height: 1; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.xti-button:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(20, 20, 24, .16); }
.xti-button--small { min-height: 45px; padding: 0 19px; border-radius: 13px; font-size: 14px; }
.xti-button--ink { background: var(--xti-ink); color: #fff !important; }
.xti-button--event { background:#2f8f68; color:#fff !important; box-shadow:0 10px 26px rgba(47,143,104,.2); }
.xti-button--event:hover { background:#267957; box-shadow:0 14px 31px rgba(38,121,87,.25); }
.xti-button--rose { background: var(--xti-coral-dark); color: #fff !important; }
.xti-button--ghost { background: #eeeef1; color: var(--xti-ink); }
.xti-button--wide { width: 100%; }
.xti-text-link { display: inline-flex; align-items: center; gap: 12px; padding: 10px 0; border-bottom: 1px solid #babac1; font-weight: 720; }
.xti-text-link svg { width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.xti-back-link { display: inline-flex; margin-bottom: 48px; color: #66666e; font-size: 14px; font-weight: 700; }
.xti-breadcrumb { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: 46px; color: #797980; font-size: 13px; font-weight: 650; }
.xti-breadcrumb a:hover { color: var(--xti-ink); }

/* Header */
.xti-topbar { position: sticky; z-index: 900; top: 0; width: 100%; border-bottom: 1px solid rgba(20, 20, 24, .08); background: rgba(255, 255, 255, .86); backdrop-filter: blur(20px); transition: box-shadow .25s ease, background .25s ease; }
.admin-bar .xti-topbar { top: 32px; }
.xti-topbar.is-scrolled { background: rgba(255, 255, 255, .95); box-shadow: 0 10px 34px rgba(20, 20, 24, .07); }
.xti-topbar__inner { display: flex; width: min(1380px, calc(100% - 48px)); min-height: 76px; align-items: center; justify-content: space-between; gap: 32px; margin: auto; }
.xti-logo { display: inline-flex; align-items: center; gap: 12px; font-size: 25px; font-weight: 850; letter-spacing: -.05em; }
.xti-logo__image { display:block; width:auto; max-width:138px; height:34px; object-fit:contain; }
.xti-logo__mark { position: relative; display: block; width: 31px; height: 31px; transform: rotate(45deg); }
.xti-logo__mark i { position: absolute; display: block; width: 17px; height: 17px; border-radius: 5px; background: var(--xti-ink); }
.xti-logo__mark i:nth-child(1) { top: 0; left: 0; }
.xti-logo__mark i:nth-child(2) { right: 0; bottom: 0; background: var(--xti-coral); }
.xti-logo__mark i:nth-child(3) { right: 0; top: 0; background: var(--xti-violet); transform: scale(.62); }
.xti-desktop-nav { display: flex; align-items: center; gap: 28px; margin-left: auto; }
.xti-desktop-nav a { position: relative; color: #4c4c53; font-size: 14px; font-weight: 650; }
.xti-desktop-nav a::after { position: absolute; right: 0; bottom: -8px; left: 0; height: 2px; border-radius: 2px; background: var(--xti-coral); content: ""; transform: scaleX(0); transform-origin: left; transition: transform .2s ease; }
.xti-desktop-nav a:hover::after { transform: scaleX(1); }
.xti-topbar__actions { display: flex; align-items: center; gap: 12px; }.xti-topbar__actions>.xti-nav-account{color:#3f4c47;font-size:13px;font-weight:750;white-space:nowrap}
.xti-menu-button { display: none; width: 46px; height: 46px; padding: 11px; border: 0; border-radius: 14px; background: #f0f0f2; }
.xti-menu-button span { display: block; width: 100%; height: 2px; margin: 5px 0; border-radius: 2px; background: var(--xti-ink); transition: transform .2s, opacity .2s; }
.xti-menu-button[aria-expanded="true"] span:nth-child(1) { transform: translateY(7px) rotate(45deg); }
.xti-menu-button[aria-expanded="true"] span:nth-child(2) { opacity: 0; }
.xti-menu-button[aria-expanded="true"] span:nth-child(3) { transform: translateY(-7px) rotate(-45deg); }
.xti-mobile-menu { position:absolute; top:calc(100% + 1px); left:0; width:100%; padding:24px max(20px,calc((100vw - 1240px)/2)) 28px; border-bottom:1px solid var(--xti-line); background:rgba(255,255,255,.98); box-shadow:0 24px 40px rgba(20,20,24,.1); }
.xti-mobile-menu__grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.xti-mobile-menu section>small{display:block;margin-bottom:8px;color:#8a8a91;font-size:9px;font-weight:800;letter-spacing:.14em}.xti-mobile-menu nav{display:grid}.xti-mobile-menu nav a{display:block;padding:10px 0;border-bottom:1px solid #ededf0;color:var(--xti-ink);font-size:20px;font-weight:680;letter-spacing:-.025em}.xti-mobile-menu__actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:22px;padding-top:18px;border-top:1px solid #ececf0}.xti-mobile-menu__actions>a:not(.xti-button){padding:9px 0;color:#4b4b52;font-size:13px;font-weight:750}.xti-mobile-menu__actions .xti-button{margin-left:auto;min-height:44px}

/* Home hero */
.xti-hero { position: relative; overflow: hidden; padding: 94px 0 105px; background: linear-gradient(135deg, #fafafa 0%, #f5f5f7 65%, #f0efff 100%); }
.xti-orbit { position: absolute; border: 1px solid rgba(109, 93, 252, .13); border-radius: 999px; pointer-events: none; }
.xti-orbit--one { top: -360px; right: -170px; width: 880px; height: 880px; }
.xti-orbit--two { right: 20%; bottom: -490px; width: 720px; height: 720px; border-color: rgba(255, 93, 95, .13); }
.xti-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0, .9fr) minmax(480px, 1.02fr); align-items: center; gap: 80px; }
.xti-hero__copy h1 { max-width: 700px; margin: 0 0 28px; font-size: clamp(55px, 6.6vw, 92px); font-weight: 580; letter-spacing: -.067em; line-height: .93; }
.xti-hero__copy h1 em, .xti-directory-hero h1 em, .xti-industry-hero h1 em, .xti-solution-hero h1 em { color: var(--xti-coral); font-style: normal; }
.xti-lead, .xti-hero__copy > p { max-width: 630px; margin: 0 0 35px; color: var(--xti-muted); font-size: 20px; line-height: 1.55; }
.xti-audience-switch { display: grid; max-width: 600px; grid-template-columns: 1fr 1fr; gap: 6px; padding: 6px; border: 1px solid #dedee3; border-radius: 20px; background: rgba(255,255,255,.7); }
.xti-audience-switch button { display: flex; flex-direction: column; align-items: flex-start; gap: 2px; padding: 13px 18px; border: 0; border-radius: 14px; background: transparent; color: #65656c; text-align: left; }
.xti-audience-switch button.is-active { background: var(--xti-ink); color: #fff; box-shadow: 0 8px 20px rgba(20,20,24,.18); }
.xti-audience-switch span { font-size: 15px; font-weight: 800; }
.xti-audience-switch small { opacity: .72; font-size: 11px; }
.xti-hero__buttons { display: flex; flex-wrap: wrap; align-items: center; gap: 22px; margin-top: 28px; }
.xti-mini-proof { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 36px; color: #686870; font-size: 11px; font-weight: 700; letter-spacing: .02em; }
.xti-mini-proof b { display: inline-flex; width: 25px; height: 25px; align-items: center; justify-content: center; margin-right: 6px; border-radius: 50%; background: #fff; color: var(--xti-ink); box-shadow: 0 4px 12px rgba(0,0,0,.08); font-size: 9px; }
.xti-hero-stage { position: relative; min-height: 660px; }
.xti-browser-card { position: absolute; top: 35px; left: 25px; width: calc(100% - 25px); overflow: hidden; border: 8px solid #fff; border-radius: 36px; background: #fff; box-shadow: 0 40px 90px rgba(29, 29, 35, .2); transform: rotate(1.5deg); }
.xti-browser-card--wedding { transform: rotate(-1.1deg); }
.xti-browser-card__bar { display: flex; height: 44px; align-items: center; gap: 7px; padding: 0 15px; background: #f1f1f3; }
.xti-browser-card__bar > span { width: 8px; height: 8px; border-radius: 50%; background: #c9c9cf; }
.xti-browser-card__bar small { margin: auto; color: #686870; font-size: 10px; }
.xti-browser-card__business { position: relative; min-height: 505px; overflow: hidden; padding: 25px 28px; background: #ebf5e9; }
.xti-demo-nav { position: relative; z-index: 2; display: flex; align-items: center; gap: 25px; font-size: 9px; }
.xti-demo-nav b { margin-right: auto; font-size: 12px; line-height: .9; }
.xti-demo-nav i { width: 38px; height: 4px; border-radius: 5px; background: #1f3120; opacity: .18; }
.xti-demo-nav button, .xti-demo-copy button, .xti-demo-nav .xti-demo-button, .xti-demo-copy .xti-demo-button { display: inline-block; border: 0; border-radius: 8px; background: #163b29; color: #fff; font-size: 9px; font-weight: 700; }
.xti-demo-nav button, .xti-demo-nav .xti-demo-button { padding: 8px 12px; }
.xti-demo-copy { position: relative; z-index: 2; width: 62%; padding: 76px 0 25px; }
.xti-demo-copy > span { color: #54735c; font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.xti-demo-copy h2 { margin: 10px 0 16px; font-size: clamp(35px, 4.4vw, 59px); font-weight: 630; letter-spacing: -.06em; line-height: .92; }
.xti-demo-copy p { max-width: 240px; color: #5f7062; font-size: 11px; }
.xti-demo-copy button, .xti-demo-copy .xti-demo-button { margin-top: 12px; padding: 12px 18px; }
.xti-demo-shape { position: absolute; right: -75px; bottom: -65px; width: 330px; height: 420px; border-radius: 160px 160px 30px 30px; background: #a9d5a7; transform: rotate(14deg); }
.xti-demo-shape > i { position: absolute; display: block; border-radius: 50%; background: #72a76f; }
.xti-demo-shape > i:nth-child(1) { top: 40px; left: 60px; width: 120px; height: 120px; }
.xti-demo-shape > i:nth-child(2) { top: 160px; right: 35px; width: 80px; height: 80px; background: #72bd98; }
.xti-demo-shape > i:nth-child(3) { top: 200px; left: 35px; width: 145px; height: 145px; background: #f1cfc1; }
.xti-demo-shape > span { position: absolute; top: 115px; left: -40px; display: flex; flex-direction: column; padding: 14px 18px; border-radius: 14px; background: #fff; font-size: 20px; font-weight: 850; transform: rotate(-14deg); box-shadow: 0 10px 25px rgba(0,0,0,.12); }
.xti-demo-shape small { color: #777; font-size: 8px; font-weight: 600; }
.xti-browser-card__wedding { position: relative; min-height: 505px; overflow: hidden; padding: 55px; background: #f8ede8; text-align: center; }
.xti-wed-monogram { font-family: Georgia, serif; font-size: 34px; }
.xti-wed-monogram i { color: #b75969; font-size: 17px; }
.xti-browser-card__wedding > span { display: block; margin-top: 25px; color: #a06a72; font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.xti-browser-card__wedding h2 { margin: 10px 0 13px; font-family: Georgia, serif; font-size: 55px; font-style: italic; font-weight: 400; letter-spacing: -.04em; }
.xti-browser-card__wedding p { max-width: 360px; margin: 0 auto 20px; color: #77656a; font-family: Georgia, serif; font-size: 12px; line-height: 1.7; }
.xti-browser-card__wedding button, .xti-browser-card__wedding .xti-demo-button { display: inline-block; padding: 11px 22px; border: 0; border-radius: 99px; background: #a74f61; color: #fff; font-size: 9px; }
.xti-wed-flowers i { position: absolute; display: block; width: 115px; height: 50px; border-radius: 100% 0 100% 0; background: #b6bea2; transform: rotate(30deg); opacity: .7; }
.xti-wed-flowers i:nth-child(1) { left: -30px; bottom: 90px; }
.xti-wed-flowers i:nth-child(2) { left: 15px; bottom: 20px; transform: rotate(-35deg); }
.xti-wed-flowers i:nth-child(3) { right: -25px; top: 80px; transform: rotate(-25deg); }
.xti-wed-flowers i:nth-child(4) { right: 20px; bottom: 15px; background: #e8a6af; }
.xti-stage-label { display: flex; align-items: center; justify-content: space-between; gap: 15px; padding: 18px 23px; font-size: 11px; }
.xti-stage-label span { color: #5f5f67; }
.xti-stage-chip { position: absolute; z-index: 3; display: inline-flex; align-items: center; gap: 9px; padding: 10px 14px; border: 4px solid #fff; border-radius: 99px; background: var(--xti-ink); color: #fff; box-shadow: 0 10px 25px rgba(0,0,0,.16); font-size: 9px; font-weight: 800; letter-spacing: .1em; }
.xti-stage-chip--top { z-index: 5; top: 5px; right: -5px; }
.xti-stage-chip--top i { width: 7px; height: 7px; border-radius: 50%; background: #65e27d; box-shadow: 0 0 0 4px rgba(101,226,125,.15); }
.xti-stage-chip--bottom { bottom: 10px; left: 0; background: var(--xti-violet); }
.xti-trust-rail, .xti-wedding-ribbon { overflow: hidden; background: var(--xti-ink); color: #fff; }
.xti-trust-rail > div, .xti-wedding-ribbon > div { display: flex; width: max-content; align-items: center; gap: 32px; padding: 17px 0; animation: xti-marquee 28s linear infinite; }
.xti-trust-rail span, .xti-wedding-ribbon span { font-size: 11px; font-weight: 800; letter-spacing: .13em; white-space: nowrap; }
.xti-trust-rail i { color: var(--xti-lime); font-style: normal; }
@keyframes xti-marquee { to { transform: translateX(-45%); } }

/* Solution carousel */
.xti-solutions { overflow: hidden; background: #fff; }
.xti-carousel-controls { display: flex; gap: 8px; margin-top: 20px; }
.xti-carousel-controls button { display: grid; width: 48px; height: 48px; place-items: center; border: 1px solid var(--xti-line); border-radius: 50%; background: #fff; font-size: 20px; }
.xti-carousel-controls button:hover { background: var(--xti-ink); color: #fff; }
.xti-carousel-wrap { width: min(1380px, calc(100% - 24px)); margin-left: max(24px, calc((100% - 1240px) / 2)); }
.xti-solution-carousel { display: flex; gap: 24px; overflow-x: auto; padding: 5px calc((100vw - min(1240px, calc(100vw - 48px))) / 2) 35px 0; scroll-snap-type: x mandatory; scrollbar-width: none; }
.xti-solution-carousel::-webkit-scrollbar, .xti-style-cards::-webkit-scrollbar { display: none; }
.xti-solution-card { position: relative; display: flex; min-width: min(450px, 82vw); max-width: 450px; min-height: 620px; flex-direction: column; overflow: hidden; border: 1px solid #e3e3e7; border-radius: 34px; background: #f6f6f8; scroll-snap-align: start; transition: transform .3s ease, box-shadow .3s ease; }
.xti-solution-card:hover { transform: translateY(-7px); box-shadow: var(--xti-shadow); }
.xti-solution-card__meta { display: flex; align-items: center; justify-content: space-between; padding: 22px 24px 16px; }
.xti-solution-card__meta span { font-size: 12px; font-weight: 850; }
.xti-solution-card__meta small { padding: 7px 11px; border-radius: 99px; background: #fff; color: #55555d; font-size: 10px; font-weight: 750; }
.xti-solution-card__visual { position: relative; height: 285px; overflow: hidden; margin: 0 14px; border-radius: 24px; background: var(--xti-lilac); }
.xti-visual--one-page { background: var(--xti-mint); }
.xti-visual--bryllup { background: var(--xti-blush); }
.xti-visual--event { background: var(--xti-lilac); }
.xti-visual--artist { background: #242428; }
.xti-mini-business, .xti-mini-invite, .xti-mini-ticket, .xti-mini-player { position: absolute; inset: 30px 38px; overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 18px 35px rgba(20,20,24,.14); }
.xti-mini-business { padding: 34px 28px; background: #f1f7f4; transform: rotate(-3deg); }
.xti-mini-business span { color: #759176; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.xti-mini-business b { display: block; margin: 10px 0 23px; font-size: 29px; letter-spacing: -.06em; line-height: .98; }
.xti-mini-business button, .xti-mini-business .xti-demo-button { display: inline-block; padding: 9px 12px; border: 0; border-radius: 8px; background: #21402b; color: #fff; font-size: 8px; }
.xti-stat-bubble { position: absolute; right: 15px; bottom: 20px; display: flex; width: 85px; height: 85px; flex-direction: column; align-items: center; justify-content: center; border: 5px solid var(--xti-mint); border-radius: 50%; background: var(--xti-coral); color: var(--xti-ink); font-size: 19px; font-style: normal; font-weight: 850; transform: rotate(8deg); }
.xti-stat-bubble small { font-size: 7px; font-weight: 600; }
.xti-mini-invite { display: flex; flex-direction: column; align-items: center; justify-content: center; padding: 25px; background: #fffaf8; color: #793f4b; font-family: Georgia, serif; text-align: center; transform: rotate(3deg); }
.xti-mini-invite i { font-size: 27px; }
.xti-mini-invite b { margin: 10px 0; font-size: 26px; font-style: italic; font-weight: 400; }
.xti-mini-invite span { font-size: 9px; letter-spacing: .2em; }
.xti-mini-invite button, .xti-mini-invite .xti-demo-button { display: inline-block; margin-top: 18px; padding: 8px 20px; border: 0; border-radius: 99px; background: #a75063; color: #fff; font-size: 8px; }
.xti-floating-heart { position: absolute; right: 19px; top: 20px; display: grid; width: 59px; height: 59px; place-items: center; border: 5px solid var(--xti-blush); border-radius: 50%; background: var(--xti-coral-dark); color: #fff; font-size: 22px; transform: rotate(10deg); }
.xti-mini-ticket { padding: 30px; background: #321f77; color: #fff; transform: rotate(-2deg); }
.xti-mini-ticket::after { position: absolute; right: -55px; bottom: -45px; width: 190px; height: 190px; border: 25px solid var(--xti-lime); border-radius: 50%; content: ""; }
.xti-mini-ticket small { color: var(--xti-lime); font-size: 8px; letter-spacing: .12em; }
.xti-mini-ticket b { position: relative; z-index: 2; display: block; margin: 12px 0; font-size: 34px; line-height: .84; }
.xti-mini-ticket span { font-size: 8px; }
.xti-ticket-code { position: absolute; right: 19px; bottom: 18px; width: 85px; height: 24px; background: repeating-linear-gradient(90deg,#17171a 0 2px,transparent 2px 5px); transform: rotate(-7deg); }
.xti-mini-player { padding: 28px; background: linear-gradient(145deg, #251b39, #0f0f12); color: #fff; transform: rotate(2deg); }
.xti-mini-player span { color: var(--xti-lime); font-size: 8px; letter-spacing: .16em; }
.xti-mini-player > i { display: block; width: 105px; height: 105px; margin: 16px auto; border: 18px solid #e46b77; border-radius: 50%; box-shadow: inset 0 0 0 20px #202024; }
.xti-mini-player b { display: block; text-align: center; }
.xti-mini-player small { display: block; margin-top: 12px; color: #aaaab0; text-align: center; }
.xti-solution-card__body { display: flex; align-items: flex-start; justify-content: space-between; gap: 20px; padding: 27px 26px 12px; }
.xti-solution-card h3 { margin: 0 0 9px; font-size: 29px; letter-spacing: -.045em; }
.xti-solution-card__body p { margin: 0; color: var(--xti-muted); font-size: 14px; line-height: 1.5; }
.xti-round-arrow { display: grid; min-width: 46px; height: 46px; place-items: center; border-radius: 50%; background: #fff; font-size: 19px; }
.xti-solution-card > ul { display: flex; flex-wrap: wrap; gap: 7px; margin: auto 26px 25px; padding: 0; list-style: none; }
.xti-solution-card > ul li { padding: 6px 9px; border-radius: 7px; background: rgba(255,255,255,.75); color: #5c5c63; font-size: 9px; font-weight: 700; text-transform: uppercase; }
.xti-carousel-progress { display: flex; gap: 10px; margin-top: 12px; }
.xti-carousel-progress i { width: 36px; height: 7px; border-radius: 99px; background: #e7e7ea; transition: width .25s, background .25s; }
.xti-carousel-progress i.is-active { width: 74px; background: var(--xti-coral); }

/* Wedding spotlight */
.xti-wedding-spotlight { padding: 130px 0; overflow: hidden; background: #f8e9e7; }
.xti-wedding-spotlight__grid { display: grid; grid-template-columns: .8fr 1.05fr; align-items: center; gap: 100px; }
.xti-wedding-copy h2 { margin: 0 0 28px; font-size: clamp(48px, 6vw, 78px); font-weight: 520; letter-spacing: -.06em; line-height: .98; }
.xti-wedding-copy h2 em { color: #b95769; font-family: Georgia, serif; font-weight: 400; }
.xti-wedding-copy > p { color: #705f62; font-size: 19px; }
.xti-wedding-copy ul { display: grid; gap: 14px; margin: 30px 0; padding: 0; list-style: none; }
.xti-wedding-copy li { display: flex; align-items: center; gap: 11px; font-weight: 650; }
.xti-wedding-copy li svg { width: 23px; height: 23px; padding: 4px; border-radius: 50%; background: #fff; fill: none; stroke: #a94e60; stroke-width: 2; }
.xti-wedding-copy > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 20px; }
.xti-price-inline { display: flex; flex-direction: column; color: #78666a; font-size: 10px; text-transform: uppercase; }
.xti-price-inline b { color: var(--xti-ink); font-size: 17px; text-transform: none; }
.xti-wedding-phones { position: relative; min-height: 620px; }
.xti-phone { position: absolute; width: 300px; height: 575px; padding: 44px 24px 24px; border: 9px solid #fff; border-radius: 48px; background: #fff8f6; box-shadow: 0 35px 70px rgba(77,44,50,.18); text-align: center; }
.xti-phone__notch { position: absolute; top: 9px; left: 50%; width: 90px; height: 23px; border-radius: 20px; background: #17171a; transform: translateX(-50%); }
.xti-phone--back { top: 20px; left: 10px; background: #a75063; color: #fff; transform: rotate(-8deg); }
.xti-phone--front { top: 0; right: 15px; transform: rotate(7deg); }
.xti-phone > span { display: block; margin: 22px 0 12px; font-size: 9px; font-weight: 800; letter-spacing: .17em; }
.xti-phone h3 { margin: 0 0 20px; font-family: Georgia, serif; font-size: 38px; font-style: italic; font-weight: 400; }
.xti-phone ol { display: grid; gap: 12px; padding: 0; list-style: none; text-align: left; }
.xti-phone ol li { display: grid; grid-template-columns: 60px 1fr; padding: 13px; border-radius: 14px; background: rgba(255,255,255,.12); }
.xti-phone p { color: #7d6970; font-family: Georgia, serif; font-size: 13px; }
.xti-phone__mock-field { display: block; margin: 10px 0; color: #8a7479; font-size: 9px; text-align: left; }
.xti-phone__mock-field i { display: block; margin-top: 4px; padding: 11px; border: 1px solid #ead8d7; border-radius: 10px; background: #fff; color: #383237; font-style: normal; }
.xti-phone button, .xti-phone .xti-demo-button { display: block; width: 100%; margin-top: 8px; padding: 12px; border: 0; border-radius: 10px; background: #a75063; color: #fff; font-size: 10px; font-weight: 700; }
.xti-flower-badge { position: absolute; z-index: 4; right: -12px; bottom: 40px; display: flex; width: 110px; height: 110px; flex-direction: column; align-items: center; justify-content: center; border: 8px solid #f8e9e7; border-radius: 42% 58% 45% 55%; background: var(--xti-coral-dark); color: #fff; font-size: 34px; font-weight: 800; line-height: .8; transform: rotate(-10deg); }
.xti-flower-badge small { font-size: 9px; letter-spacing: .15em; }

/* Process, industries and search */
.xti-process { background: #fff; }
.xti-process,.xti-example-universe,.xti-industries,.xti-pricing,.xti-wedding-real-reference { color:var(--xti-ink); }
.xti-process .xti-section-head p,.xti-example-universe .xti-section-head p,.xti-industries .xti-section-head p,.xti-pricing .xti-section-head p,.xti-wedding-real-reference .xti-section-head p { color:#555860; }
.xti-process .xti-kicker,.xti-example-universe .xti-kicker,.xti-industries .xti-kicker,.xti-pricing .xti-kicker,.xti-wedding-real-reference .xti-kicker { color:#404249; }
.xti-process-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.xti-process-grid article { position: relative; min-height: 350px; padding: 28px; overflow: hidden; border: 1px solid #e1e1e5; border-radius: var(--xti-radius); background: #f8f8fa; }
.xti-process-grid article > span { color: #67676f; font-size: 11px; font-weight: 800; }
.xti-process-icon { display: grid; width: 110px; height: 110px; place-items: center; margin: 40px auto; border-radius: 35px; color: #fff; font-size: 43px; transform: rotate(-7deg); box-shadow: 0 20px 35px rgba(20,20,24,.12); }
.xti-process-icon--coral { background: var(--xti-coral); color: var(--xti-ink); }
.xti-process-icon--violet { background: var(--xti-violet); transform: rotate(6deg); }
.xti-process-icon--lime { background: var(--xti-lime); color: var(--xti-ink); }
.xti-process-grid h3 { margin: 0 0 7px; font-size: 26px; letter-spacing: -.04em; }
.xti-process-grid p { margin: 0; color: var(--xti-muted); font-size: 14px; }
.xti-industries { background: var(--xti-cloud); }
.xti-filter { display: grid; grid-template-columns: minmax(260px, 1fr) 330px auto; align-items: center; gap: 12px; margin: 0 0 34px; }
.xti-search-field, .xti-select-field { position: relative; display: flex; height: 60px; align-items: center; border: 1px solid #dcdce1; border-radius: 17px; background: #fff; }
.xti-search-field svg { width: 21px; margin-left: 19px; fill: none; stroke: #77777e; stroke-width: 1.8; }
.xti-search-field input, .xti-select-field select { width: 100%; height: 100%; padding: 0 18px; border: 0; outline: 0; background: transparent; }
.xti-search-field input::placeholder { color: #65656d; opacity: 1; }
.xti-select-field select { padding-right: 45px; appearance: none; }
.xti-select-field svg { position: absolute; right: 17px; width: 20px; fill: none; stroke: currentColor; stroke-width: 1.8; pointer-events: none; }
.xti-filter__count { min-width: 90px; color: #67676f; font-size: 12px; text-align: right; }
.xti-industry-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 13px; }
.xti-industry-card { position: relative; display: flex; min-height: 235px; flex-direction: column; padding: 20px; overflow: hidden; border: 1px solid #dedee3; border-radius: 23px; background: #fff; transition: transform .2s, box-shadow .2s, border-color .2s; }
.xti-industry-card:hover { z-index: 2; border-color: var(--xti-ink); transform: translateY(-5px); box-shadow: 0 20px 38px rgba(20,20,24,.1); }
.xti-industry-card__number { color: #66666e; font-size: 9px; font-weight: 800; }
.xti-industry-card__icon { display: grid; width: 55px; height: 55px; place-items: center; margin: 25px 0 22px; border-radius: 18px; background: var(--xti-lilac); }
.xti-industry-card:nth-child(6n+2) .xti-industry-card__icon { background: var(--xti-blush); }
.xti-industry-card:nth-child(6n+3) .xti-industry-card__icon { background: var(--xti-mint); }
.xti-industry-card:nth-child(6n+4) .xti-industry-card__icon { background: var(--xti-soft-green); }
.xti-industry-card:nth-child(6n+5) .xti-industry-card__icon { background: var(--xti-blue); }
.xti-industry-card:nth-child(6n) .xti-industry-card__icon { background: #eeeef1; }
.xti-industry-card__icon svg { width: 25px; height: 25px; fill: none; stroke: var(--xti-ink); stroke-width: 1.65; stroke-linecap: round; stroke-linejoin: round; }
.xti-industry-card strong { margin-bottom: 6px; padding-right: 23px; font-size: 18px; line-height: 1.15; }
.xti-industry-card small { color: #67676f; font-size: 10px; line-height: 1.4; }
.xti-industry-card > i { position: absolute; right: 17px; bottom: 16px; display: grid; width: 31px; height: 31px; place-items: center; border-radius: 50%; background: #f1f1f3; font-style: normal; }
.xti-empty-state { padding: 70px 25px; border: 1px dashed #cacacf; border-radius: var(--xti-radius); text-align: center; }
.xti-empty-state > span { font-size: 54px; }
.xti-empty-state h3 { margin: 5px 0; font-size: 28px; }
.xti-empty-state p { max-width: 500px; margin: 0 auto 25px; color: var(--xti-muted); }

/* Google */
.xti-google-section { padding: 130px 0; overflow: hidden; background: #19191d; color: #fff; }
.xti-google-grid { display: grid; grid-template-columns: .8fr 1.15fr; align-items: center; gap: 100px; }
.xti-google-copy h2 { margin: 0 0 27px; font-size: clamp(48px, 5.6vw, 73px); font-weight: 540; letter-spacing: -.06em; line-height: .98; }
.xti-google-copy > p { color: #aaaab2; font-size: 18px; }
.xti-google-copy .xti-kicker { color: #aaaab2; }
.xti-google-pills { display: flex; flex-wrap: wrap; gap: 8px; margin: 30px 0 18px; }
.xti-google-pills span { padding: 8px 12px; border: 1px solid #424248; border-radius: 99px; color: #d6d6da; font-size: 11px; }
.xti-google-copy > small { display: block; max-width: 480px; color: #aaaab2; font-size: 11px; }
.xti-search-console-card { position: relative; padding: 30px; border: 1px solid #36363d; border-radius: 31px; background: #25252b; box-shadow: 0 35px 70px rgba(0,0,0,.28); transform: rotate(1deg); }
.xti-console-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 24px; border-bottom: 1px solid #3a3a40; }
.xti-console-top > div { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 700; }
.xti-console-top i { width: 25px; height: 25px; border: 6px dotted #7f6fff; border-radius: 50%; }
.xti-console-top small { color: #8d8d96; }
.xti-console-metrics { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 22px; }
.xti-console-metrics article { padding: 17px; border-radius: 16px; background: #303037; }
.xti-console-metrics span { display: block; color: #9999a2; font-size: 9px; }
.xti-console-metrics b { margin-right: 10px; font-size: 30px; }
.xti-console-metrics small { color: #75dc91; }
.xti-chart { position: relative; height: 140px; margin: 20px 0; background: repeating-linear-gradient(0deg, transparent 0 34px, #35353b 34px 35px); }
.xti-chart svg { position: absolute; inset: 0; width: 100%; height: 100%; overflow: visible; }
.xti-chart path { fill: none; stroke: #8a7aff; stroke-width: 4; vector-effect: non-scaling-stroke; }
.xti-console-row { display: flex; align-items: center; justify-content: space-between; padding: 13px 0; border-top: 1px solid #36363c; color: #c9c9ce; font-size: 12px; }
.xti-console-row span { display: flex; align-items: center; gap: 8px; }
.xti-console-row i { width: 8px; height: 8px; border-radius: 50%; }
.xti-console-row .is-green { background: #75dc91; }
.xti-console-row .is-violet { background: #8a7aff; }
.xti-console-badge { position: absolute; right: -28px; top: 75px; padding: 10px 14px; border: 5px solid #19191d; border-radius: 99px; background: var(--xti-lime); color: var(--xti-ink); font-size: 9px; font-weight: 850; transform: rotate(8deg); }

/* Work */
.xti-work { background: #fff; }
.xti-work-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; }
.xti-work-card { position: relative; display: flex; min-height: 570px; flex-direction: column; overflow: hidden; border-radius: var(--xti-radius); background: #eeeef0; transition: transform .25s ease; }
.xti-work-card:hover { transform: translateY(-6px); }
.xti-work-card > span { position: absolute; z-index: 2; top: 20px; right: 20px; padding: 8px 11px; border-radius: 99px; background: rgba(255,255,255,.88); font-size: 8px; font-weight: 850; letter-spacing: .08em; }
.xti-work-card > div { position: relative; display: grid; min-height: 430px; flex: 1; place-items: center; overflow: hidden; }
.xti-work-card h3 { margin: 24px 24px 0; font-size: 27px; letter-spacing: -.04em; }
.xti-work-card p { margin: 3px 24px 24px; color: #5f5f67; font-size: 11px; text-transform: uppercase; }
.xti-work-card--color > div { background: #ff775f; }
.xti-work-card--color div b { position: relative; z-index: 2; color: var(--xti-ink); font-size: 70px; letter-spacing: -.08em; line-height: .75; transform: rotate(-8deg); }
.xti-work-card--color div i { position: absolute; width: 210px; height: 210px; border-radius: 50%; background: var(--xti-soft-green); }
.xti-work-card--color div i:first-child { top: -60px; left: -30px; background: var(--xti-violet); }
.xti-work-card--color div i:last-child { right: -50px; bottom: -70px; background: #7cd5af; }
.xti-work-card--race > div { background: #121216; color: #fff; }
.xti-work-card--race div b, .xti-work-card--race div strong { position: absolute; z-index: 2; font-size: 76px; font-style: italic; letter-spacing: -.08em; }
.xti-work-card--race div b { top: 120px; left: 55px; color: var(--xti-coral); }
.xti-work-card--race div strong { right: 45px; bottom: 110px; }
.xti-work-card--race div i { width: 300px; height: 16px; background: var(--xti-lime); transform: rotate(-17deg); }
.xti-work-card--tipsy > div { grid-template-columns: .45fr 1fr; padding: 60px; background: #f0d7ff; }
.xti-work-card--tipsy div i { display: grid; width: 120px; height: 120px; place-items: center; border: 7px solid #17171a; border-radius: 50%; font-size: 40px; font-style: normal; font-weight: 900; }
.xti-work-card--tipsy div b { color: #4024c7; font-size: 53px; letter-spacing: -.06em; line-height: .8; }
.xti-work-card--piano > div { background: #d8eaf5; }
.xti-work-card--piano div i { position: absolute; left: 50px; top: 45px; font-size: 80px; font-style: normal; }
.xti-work-card--piano div b { font-size: 67px; letter-spacing: -.08em; line-height: .78; }
.xti-work-card--piano div em { position: absolute; right: 45px; bottom: 60px; padding: 11px 18px; border-radius: 99px; background: var(--xti-coral); color: var(--xti-ink); font-style: normal; font-weight: 850; transform: rotate(-10deg); }

/* Pricing, FAQ and contact */
.xti-pricing { background: var(--xti-cloud); }
.xti-price-grid { display: grid; grid-template-columns: 1.15fr 1fr 1fr; gap: 16px; }
.xti-price-card { position: relative; min-height: 620px; padding: 35px; overflow: hidden; border: 1px solid #dedee3; border-radius: 34px; background: #fff; }
.xti-price-card--featured { background: var(--xti-coral); color: var(--xti-ink); }
.xti-price-card--wedding { background: #f7e7e5; }
.xti-price-label { display: inline-block; margin-bottom: 40px; padding: 7px 10px; border-radius: 99px; background: rgba(255,255,255,.8); color: var(--xti-ink); font-size: 8px; font-weight: 850; letter-spacing: .1em; }
.xti-price-card > small { display: block; margin-bottom: 10px; font-size: 10px; font-weight: 800; letter-spacing: .12em; }
.xti-price-card h3 { margin: 0 0 16px; font-size: clamp(37px, 4vw, 52px); letter-spacing: -.06em; line-height: 1; }
.xti-price-card h3 sup { font-size: 13px; letter-spacing: 0; }
.xti-price-card > p { min-height: 80px; margin: 0; color: #56565e; font-size: 14px; }
.xti-price-card--featured > p { color: #303036; }
.xti-price-card ul { display: grid; gap: 15px; margin: 30px 0; padding: 0; list-style: none; }
.xti-price-card li { display: flex; align-items: center; gap: 10px; font-size: 13px; font-weight: 650; }
.xti-price-card li svg { width: 21px; height: 21px; padding: 4px; border-radius: 50%; background: rgba(255,255,255,.28); fill: none; stroke: currentColor; stroke-width: 2.1; }
.xti-price-shape i { position: absolute; z-index: 0; width: 180px; height: 180px; border: 35px solid rgba(255,255,255,.1); border-radius: 50%; pointer-events: none; }
.xti-price-shape i:first-child { right: -80px; top: 60px; }
.xti-price-shape i:last-child { left: -110px; bottom: -100px; width: 280px; height: 280px; }
.xti-price-card > *:not(.xti-price-shape):not(.xti-price-flower) { position: relative; z-index: 1; }
.xti-price-flower { position: absolute; right: -8px; top: 25px; color: rgba(176,75,95,.18); font-size: 140px; line-height: 1; }
.xti-faq { background: #fff; }
.xti-faq-grid { display: grid; grid-template-columns: .72fr 1fr; align-items: start; gap: 100px; }
.xti-faq-grid > div:first-child { position: sticky; top: 120px; }
.xti-faq-grid > div:first-child p { max-width: 410px; color: var(--xti-muted); }
.xti-faq-list details { border-bottom: 1px solid var(--xti-line); }
.xti-faq-list summary { position: relative; padding: 25px 52px 25px 0; cursor: pointer; list-style: none; font-size: 19px; font-weight: 750; }
.xti-faq-list summary::-webkit-details-marker { display: none; }
.xti-faq-list summary span { position: absolute; top: 21px; right: 0; display: grid; width: 32px; height: 32px; place-items: center; border-radius: 50%; background: #f0f0f2; font-size: 20px; font-weight: 400; transition: transform .2s; }
.xti-faq-list details[open] summary span { transform: rotate(45deg); }
.xti-faq-list details p { max-width: 680px; margin: -5px 0 25px; color: var(--xti-muted); font-size: 15px; }
.xti-contact { padding: 80px 0; background: var(--xti-lilac); }
.xti-form-card { display: grid; grid-template-columns: .7fr 1fr; gap: 65px; padding: 48px; border-radius: 40px; background: #fff; box-shadow: 0 30px 70px rgba(64,47,120,.11); }
.xti-form-card__intro { padding: 16px 10px; }
.xti-form-card__intro h2 { margin: 0 0 25px; font-size: clamp(42px, 5vw, 65px); font-weight: 560; letter-spacing: -.06em; line-height: .96; }
.xti-form-card__intro > p { max-width: 430px; color: var(--xti-muted); }
.xti-form-note { display: flex; align-items: center; gap: 12px; margin-top: 35px; padding: 15px; border-radius: 16px; background: var(--xti-cloud); color: #6e6e75; font-size: 12px; }
.xti-form-note svg { width: 24px; height: 24px; fill: none; stroke: var(--xti-violet); stroke-width: 1.8; }
.xti-form-note span { display: flex; flex-direction: column; }
.xti-form-note b { color: var(--xti-ink); }
.xti-lead-form { display: grid; gap: 17px; padding: 28px; border-radius: 27px; background: #f6f6f8; }
.xti-field-row { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.xti-lead-form label { display: grid; gap: 7px; color: #55555c; font-size: 11px; font-weight: 720; }
.xti-lead-form input, .xti-lead-form select, .xti-lead-form textarea { width: 100%; min-height: 50px; padding: 12px 14px; border: 1px solid #d9d9de; border-radius: 12px; outline: 0; background: #fff; font-size: 14px; font-weight: 500; transition: border .2s, box-shadow .2s; }
.xti-lead-form textarea { resize: vertical; }
.xti-lead-form input:focus, .xti-lead-form select:focus, .xti-lead-form textarea:focus { border-color: var(--xti-violet); box-shadow: 0 0 0 3px rgba(109,93,252,.12); }
.xti-check { display: grid !important; grid-template-columns: 19px 1fr; align-items: start; gap: 9px !important; font-weight: 550 !important; line-height: 1.4; }
.xti-check input { width: 18px; min-height: 18px; margin: 0; accent-color: var(--xti-violet); }
.xti-check a { text-decoration: underline; text-underline-offset: 2px; }
.xti-lead-form > small { color: #8a8a92; font-size: 9px; text-align: center; }
.xti-form-status { display: flex; flex-direction: column; padding: 13px 15px; border-radius: 13px; background: #e5f3eb; color:#244d3b; font-size: 12px; }
.xti-form-status--sent { background: var(--xti-mint); }
.xti-form-status--error, .xti-form-status--invalid { background: var(--xti-blush); }
.xti-consent { position: fixed; z-index: 1200; right: 24px; bottom: 24px; display: flex; width: min(650px, calc(100% - 48px)); align-items: center; gap: 25px; padding: 21px; border: 1px solid #d9dbe3; border-radius: 22px; background: #fff; color: #1d1d21; box-shadow: 0 20px 70px rgba(26,30,42,.18); }
.xti-consent strong { font-size: 14px; }
.xti-consent p { margin: 3px 0 0; color: #63656f; font-size: 11px; }
.xti-consent p a { text-decoration:underline; text-underline-offset:2px; }
.xti-consent__buttons { display: flex; gap: 8px; }
.xti-consent-choice { min-height:42px; padding:0 15px; border:1px solid #202126; border-radius:12px; background:#fff; color:#202126; font-size:11px; font-weight:750; white-space:nowrap; cursor:pointer; }
.xti-consent-choice:hover { background:#f0edff; border-color:#6757d9; }

/* Footer and mobile dock */
.xti-footer { padding: 100px max(24px, calc((100% - 1240px) / 2)) 28px; background: #17171a; color: #fff; }
.xti-footer__lead { padding-bottom: 70px; border-bottom: 1px solid #38383d; }
.xti-footer__lead p { margin: 0; color: #86868e; font-size: 13px; }
.xti-footer__lead a { display: flex; align-items: center; justify-content: space-between; gap: 20px; font-size: clamp(44px, 7vw, 88px); font-weight: 550; letter-spacing: -.065em; line-height: 1.1; }
.xti-footer__lead a span { display: grid; width: .9em; height: .9em; place-items: center; border-radius: 50%; background: var(--xti-coral); font-size: .45em; }
.xti-footer__grid { display: grid; grid-template-columns: 1fr .7fr .7fr; gap: 50px; padding: 50px 0; }
.xti-logo--light .xti-logo__mark i:first-child { background: #fff; }
.xti-footer__grid nav, .xti-footer__grid > div { display: grid; align-content: start; gap: 10px; font-size: 13px; }
.xti-footer__grid a:hover { color: var(--xti-coral); }
.xti-footer__grid > div span { color: #aaaab2; }
.xti-footer__bottom { display: flex; justify-content: space-between; gap: 24px; padding-top: 25px; border-top: 1px solid #38383d; color: #c3c3ca; font-size: 10px; }
.xti-footer__legal { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:12px; }
.xti-footer__legal a,.xti-footer__legal button { padding:0; border:0; background:none; color:inherit; font:inherit; cursor:pointer; }
.xti-footer__legal a:hover,.xti-footer__legal button:hover { color:#fff; }
.xti-legal { min-height:70vh; padding:clamp(75px,10vw,140px) max(24px,calc((100% - 1060px)/2)); background:#f7f7f9; color:#202126; }
.xti-legal header { padding-bottom:50px; border-bottom:1px solid #d9dbe1; }
.xti-legal header>span { color:#6657d9; font-size:11px; font-weight:800; letter-spacing:.15em; }
.xti-legal h1 { max-width:900px; margin:18px 0 10px; font-size:clamp(48px,7vw,86px); font-weight:560; letter-spacing:-.065em; line-height:.96; }
.xti-legal header p { margin:0; color:#696b73; }
.xti-legal__body { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; padding-top:42px; }
.xti-legal__body section { padding:28px; border:1px solid #e0e1e5; border-radius:24px; background:#fff; }
.xti-legal__body h2 { margin:0 0 13px; font-size:22px; letter-spacing:-.035em; }
.xti-legal__body p,.xti-legal__body li { color:#555860; font-size:14px; line-height:1.75; }
.xti-legal__body a { color:#4d42b4; text-decoration:underline; text-underline-offset:2px; }
.xti-legal-table { display:grid; gap:8px; }
.xti-legal-table p { display:grid; gap:3px; margin:0; padding:13px; border-radius:13px; background:#f5f5f8; }
.xti-legal-table small { color:#777a83; }
.xti-cookie-settings { padding:11px 16px; border:1px solid #202126; border-radius:11px; background:#202126; color:#fff; cursor:pointer; }


/* Industry archive and taxonomy */
.xti-directory-hero { position: relative; overflow: hidden; padding: 55px 0 105px; background: var(--xti-lilac); }
.xti-directory-hero--category { background: var(--xti-mint); }
.xti-directory-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: 1.2fr .6fr; align-items: end; gap: 80px; }
.xti-directory-hero h1 { max-width: 900px; margin: 0; font-size: clamp(58px, 7.5vw, 104px); font-weight: 560; letter-spacing: -.07em; line-height: .9; }
.xti-directory-hero__grid > div:last-child > p { color: #5f5f67; font-size: 19px; }
.xti-directory-stat { display: flex; align-items: center; gap: 16px; margin-top: 30px; }
.xti-directory-stat strong { font-size: 58px; letter-spacing: -.06em; line-height: 1; }
.xti-directory-stat span { color: #686870; font-size: 11px; line-height: 1.3; text-transform: uppercase; }
.xti-directory-hero__shape i { position: absolute; border-radius: 50%; background: rgba(255,255,255,.35); }
.xti-directory-hero__shape i:first-child { top: -280px; right: -160px; width: 620px; height: 620px; }
.xti-directory-hero__shape i:nth-child(2) { right: 25%; bottom: -370px; width: 500px; height: 500px; border: 80px solid rgba(109,93,252,.08); background: transparent; }
.xti-directory-hero__shape i:last-child { right: 50px; bottom: 40px; width: 75px; height: 75px; background: var(--xti-coral); }
.xti-category-rail { padding: 30px 0; background: #fff; }
.xti-category-cards { display: flex; gap: 12px; overflow-x: auto; padding: 5px 0 15px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.xti-category-cards a { position: relative; display: flex; min-width: 190px; min-height: 145px; flex: 1; flex-direction: column; padding: 17px; border: 1px solid #e1e1e5; border-radius: 20px; background: #f8f8f9; scroll-snap-align: start; }
.xti-category-cards a:hover { border-color: var(--xti-ink); }
.xti-category-cards a > span { color: #a0a0a6; font-size: 9px; }
.xti-category-cards strong { margin: auto 25px 5px 0; line-height: 1.15; }
.xti-category-cards small { color: #85858c; font-size: 9px; }
.xti-category-cards i { position: absolute; right: 13px; bottom: 13px; font-style: normal; }
.xti-directory-list { background: var(--xti-cloud); }
.xti-directory-seo { padding: 130px 0; background: #fff; }
.xti-directory-seo__grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 110px; }
.xti-local-search-mock { padding: 23px; border: 1px solid #dedee3; border-radius: 28px; background: #fafafa; box-shadow: var(--xti-shadow); transform: rotate(-2deg); }
.xti-local-search-mock > div { display: flex; align-items: center; gap: 12px; }
.xti-local-search-mock > div > span { font-size: 30px; font-weight: 850; }
.xti-local-search-mock__query { display: flex; flex: 1; align-items: center; justify-content: space-between; padding: 12px 15px; border: 1px solid #dadade; border-radius: 99px; background: #fff; }
.xti-local-search-mock__query i { color: #666; font-size: 12px; font-style: normal; }
.xti-local-search-mock article { margin-top: 20px; padding: 28px; border-radius: 20px; background: #fff; }
.xti-local-search-mock article small { color: #5d7c61; font-size: 8px; font-weight: 800; }
.xti-local-search-mock article h3 { margin: 7px 0; color: #2d55a4; font-size: 22px; font-weight: 500; }
.xti-local-search-mock article p { color: #555; font-size: 12px; }
.xti-local-search-mock article span { color: #2d55a4; font-size: 10px; }
.xti-directory-seo__grid > div:last-child > p { color: var(--xti-muted); }
.xti-directory-seo ul, .xti-category-cta ul { display: grid; gap: 13px; padding: 0; list-style: none; }
.xti-directory-seo li { display: flex; align-items: center; gap: 10px; }
.xti-directory-seo li svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: var(--xti-mint); fill: none; stroke: currentColor; stroke-width: 2; }
.xti-category-cta { padding: 100px 0; background: var(--xti-soft-green); }
.xti-category-cta > .xti-container { display: grid; grid-template-columns: 1fr .6fr; align-items: end; gap: 80px; }
.xti-category-cta h2 { margin: 0; font-size: clamp(45px, 5.6vw, 72px); letter-spacing: -.06em; line-height: .96; }

/* Industry single */
.xti-industry-hero { position: relative; overflow: hidden; padding: 55px 0 45px; background: #eef5ec; }
.xti-industry-hero__grid { display: grid; grid-template-columns: .82fr 1fr; align-items: center; gap: 75px; }
.xti-industry-hero h1 { margin: 0 0 25px; font-size: clamp(52px, 6.4vw, 87px); font-weight: 570; letter-spacing: -.067em; line-height: .93; }
.xti-industry-hero__copy > p { color: #657067; font-size: 18px; }
.xti-industry-preview { position: relative; min-height: 560px; }
.xti-preview-browser { position: absolute; inset: 20px 0 40px 10px; overflow: hidden; border: 8px solid #fff; border-radius: 32px; background: #fff; box-shadow: 0 35px 70px rgba(32,50,35,.15); transform: rotate(2deg); }
.xti-preview-browser__bar { display: flex; height: 40px; align-items: center; gap: 6px; padding: 0 13px; background: #f1f1f2; }
.xti-preview-browser__bar i { width: 7px; height: 7px; border-radius: 50%; background: #c8c8cd; }
.xti-preview-browser__bar span { margin: auto; color: #8b8b91; font-size: 8px; }
.xti-preview-site { position: relative; min-height: 480px; overflow: hidden; padding: 27px; background: #17382b; color: #fff; }
.xti-preview-site::after { position: absolute; right: -85px; bottom: -95px; width: 330px; height: 330px; border: 65px solid #8fd3ae; border-radius: 50%; content: ""; opacity: .75; }
.xti-preview-site nav { position: relative; z-index: 2; display: flex; align-items: center; gap: 18px; font-size: 7px; }
.xti-preview-site nav b { margin-right: auto; line-height: .9; }
.xti-preview-site button, .xti-preview-site .xti-demo-button { display: inline-block; padding: 8px 12px; border: 0; border-radius: 7px; background: var(--xti-lime); color: var(--xti-ink); font-size: 8px; font-weight: 750; }
.xti-preview-site > small { display: block; margin-top: 75px; color: var(--xti-lime); font-size: 8px; letter-spacing: .15em; }
.xti-preview-site h2 { position: relative; z-index: 2; margin: 10px 0; font-size: 47px; letter-spacing: -.07em; line-height: .9; }
.xti-preview-site > p { position: relative; z-index: 2; max-width: 230px; color: #b9c8bd; font-size: 10px; }
.xti-preview-site > button, .xti-preview-site > .xti-demo-button { position: relative; z-index: 2; margin-top: 12px; }
.xti-preview-stamp { position: absolute; z-index: 3; right: 28px; bottom: 32px; display: flex; width: 120px; height: 120px; flex-direction: column; align-items: center; justify-content: center; border-radius: 50%; background: #fff; color: var(--xti-ink); transform: rotate(-8deg); }
.xti-preview-stamp b { font-size: 27px; line-height: 1; }
.xti-preview-stamp span { color: #f5a643; font-size: 9px; }
.xti-preview-stamp small { font-size: 7px; }
.xti-preview-callout { position: absolute; z-index: 4; right: -20px; bottom: 5px; display: flex; align-items: center; gap: 8px; padding: 10px 13px; border: 5px solid #eef5ec; border-radius: 99px; background: var(--xti-coral-dark); color: #fff; font-size: 9px; font-weight: 850; transform: rotate(-5deg); }
.xti-preview-callout i { display: grid; width: 18px; height: 18px; place-items: center; border-radius: 50%; background: #fff; color: #9f2e41; font-style: normal; }
.xti-service-pills { display: flex; flex-wrap: wrap; gap: 9px; padding-top: 35px; border-top: 1px solid rgba(30,50,35,.13); }
.xti-service-pills span { padding: 8px 13px; border: 1px solid rgba(30,50,35,.16); border-radius: 99px; background: rgba(255,255,255,.45); font-size: 11px; }
.xti-industry-value { background: #fff; }
.xti-value-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 13px; }
.xti-value-grid article { min-height: 230px; padding: 28px; border: 1px solid #e1e1e5; border-radius: 25px; background: #fafafa; }
.xti-value-grid article > span { color: var(--xti-coral); font-size: 10px; font-weight: 850; }
.xti-value-grid h3 { margin: 55px 0 8px; font-size: 25px; letter-spacing: -.04em; }
.xti-value-grid p { max-width: 470px; margin: 0; color: var(--xti-muted); font-size: 14px; }
.xti-industry-included { padding: 130px 0; background: #19191d; color: #fff; }
.xti-industry-included__grid { display: grid; grid-template-columns: 1fr .8fr; align-items: center; gap: 110px; }
.xti-included-visual { position: relative; min-height: 630px; }
.xti-phone-search { position: absolute; top: 0; left: 12%; width: 340px; min-height: 600px; padding: 18px; border: 8px solid #fff; border-radius: 48px; background: #fff; color: var(--xti-ink); transform: rotate(-5deg); }
.xti-phone-search > div:first-child { display: flex; justify-content: space-between; padding: 7px 8px 25px; font-size: 9px; font-weight: 800; }
.xti-phone-search__query { display: flex; align-items: center; gap: 9px; padding: 11px; border: 1px solid #d9d9de; border-radius: 99px; }
.xti-phone-search__query svg { width: 17px; fill: none; stroke: currentColor; stroke-width: 2; }
.xti-phone-search__query span { color: #666; font-size: 10px; }
.xti-phone-search article { padding: 25px 9px; }
.xti-phone-search article > small { color: #4d7655; font-size: 7px; }
.xti-phone-search article h3 { margin: 5px 0; color: #3155a1; font-size: 19px; font-weight: 500; }
.xti-phone-search article p { font-size: 10px; }
.xti-phone-search article > div { display: flex; gap: 7px; margin-top: 22px; }
.xti-phone-search article > div span { flex: 1; padding: 10px 3px; border-radius: 8px; background: #f0f4fb; color: #3155a1; font-size: 7px; text-align: center; }
.xti-index-chip { position: absolute; z-index: 3; right: 20px; top: 100px; padding: 12px 15px; border: 6px solid #19191d; border-radius: 99px; background: var(--xti-lime); color: var(--xti-ink); font-size: 9px; font-weight: 850; transform: rotate(8deg); }
.xti-industry-included h2 { margin: 0 0 35px; font-size: clamp(46px, 5.4vw, 70px); font-weight: 530; letter-spacing: -.06em; line-height: .95; }
.xti-industry-included .xti-kicker { color: #a8a8b0; }
.xti-check-list { --xti-check-text:#cccdd1; --xti-check-strong:#fff; --xti-check-bg:#333339; --xti-check-stroke:var(--xti-lime); display: grid; gap: 17px; padding: 0; list-style: none; }
.xti-check-list li { display: flex; align-items: center; gap: 12px; color: var(--xti-check-text); }
.xti-check-list svg { width: 24px; height: 24px; padding: 4px; border-radius: 50%; background: var(--xti-check-bg); fill: none; stroke: var(--xti-check-stroke); stroke-width: 2; }
.xti-check-list b { color: var(--xti-check-strong); }
.xti-check-list--light { --xti-check-text:#52625b; --xti-check-strong:#17251f; --xti-check-bg:#d8e7de; --xti-check-stroke:#2b6853; }
.xti-inline-price { display: grid; grid-template-columns: 1fr auto; align-items: end; margin-top: 40px; padding: 23px; border-radius: 20px; background: #29292f; }
.xti-inline-price small { color: #8d8d96; font-size: 8px; }
.xti-inline-price strong { grid-row: 2; font-size: 31px; letter-spacing: -.05em; }
.xti-inline-price a { grid-column: 2; grid-row: 1 / 3; align-self: center; color: var(--xti-lime); font-size: 12px; font-weight: 700; }
.xti-industry-process { background: var(--xti-cloud); }
.xti-process-line { display: grid; grid-template-columns: 1fr 70px 1fr 70px 1fr; align-items: center; }
.xti-process-line article { min-height: 230px; padding: 27px; border-radius: 25px; background: #fff; }
.xti-process-line article > span { display: grid; width: 35px; height: 35px; place-items: center; border-radius: 50%; background: var(--xti-coral); color: var(--xti-ink); font-size: 11px; font-weight: 800; }
.xti-process-line h3 { margin: 55px 0 5px; font-size: 23px; }
.xti-process-line p { margin: 0; color: var(--xti-muted); font-size: 13px; }
.xti-process-line > i { height: 1px; background: #c9c9ce; }
.xti-related { background: #fff; }

/* Generic solution */
.xti-solution-hero { position: relative; overflow: hidden; padding: 55px 0 110px; background: var(--xti-lilac); }
.xti-solution-hero.xti-accent--coral { background: #ffe4df; }
.xti-solution-hero.xti-accent--lime { background: #d9f3e7; }
.xti-solution-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .85fr 1fr; align-items: center; gap: 75px; }
.xti-solution-hero h1 { margin: 0 0 25px; font-size: clamp(54px, 6.5vw, 88px); font-weight: 560; letter-spacing: -.068em; line-height: .92; }
.xti-solution-hero__grid > div:first-child > p { color: #606068; font-size: 19px; }
.xti-solution-orb { position: absolute; top: -300px; right: -100px; width: 700px; height: 700px; border: 100px solid rgba(255,255,255,.25); border-radius: 50%; }
.xti-solution-device { position: relative; min-height: 600px; overflow: hidden; border: 9px solid #fff; border-radius: 38px; background: #fff; box-shadow: var(--xti-shadow); transform: rotate(2deg); }
.xti-solution-device__top { display: flex; height: 44px; align-items: center; gap: 7px; padding: 0 15px; background: #f1f1f3; }
.xti-solution-device__top i { width: 8px; height: 8px; border-radius: 50%; background: #c8c8cd; }
.xti-solution-device__top small { margin: auto; color: #8c8c93; font-size: 8px; }
.xti-onepage-demo, .xti-event-demo, .xti-artist-demo { position: relative; min-height: 540px; overflow: hidden; padding: 32px; }
.xti-onepage-demo { background: #f2f6e7; }
.xti-onepage-demo nav { position: relative; z-index: 2; display: flex; align-items: center; gap: 20px; font-size: 7px; }
.xti-onepage-demo nav b { margin-right: auto; line-height: .9; }
.xti-onepage-demo button, .xti-onepage-demo .xti-demo-button { position: relative; z-index: 2; display: inline-block; padding: 9px 14px; border: 0; border-radius: 8px; background: #203c29; color: #fff; font-size: 8px; }
.xti-onepage-demo > small { display: block; margin-top: 85px; color: #678068; font-size: 8px; letter-spacing: .14em; }
.xti-onepage-demo h2 { position: relative; z-index: 2; margin: 10px 0; font-size: 52px; letter-spacing: -.07em; line-height: .88; }
.xti-onepage-demo p { position: relative; z-index: 2; color: #6b796d; font-size: 11px; }
.xti-onepage-demo__shape { position: absolute; right: -110px; bottom: -80px; width: 400px; height: 400px; border: 85px solid #acd5a4; border-radius: 50%; }
.xti-event-demo { background: #2d1b79; color: #fff; }
.xti-event-demo::after { position: absolute; right: -120px; bottom: -150px; width: 420px; height: 420px; border: 90px solid var(--xti-lime); border-radius: 50%; content: ""; }
.xti-event-demo > * { position: relative; z-index: 2; }
.xti-event-demo small { color: var(--xti-lime); letter-spacing: .17em; }
.xti-event-demo h2 { margin: 40px 0; font-size: 70px; letter-spacing: -.08em; line-height: .75; }
.xti-event-demo > div { display: grid; gap: 5px; font-size: 9px; }
.xti-event-demo button, .xti-event-demo .xti-demo-button { display: inline-block; margin-top: 30px; padding: 12px 18px; border: 0; border-radius: 10px; background: var(--xti-lime); color: var(--xti-ink); font-size: 9px; font-weight: 800; }
.xti-artist-demo { background: #18181c; color: #fff; }
.xti-artist-demo small { color: var(--xti-coral); letter-spacing: .17em; }
.xti-artist-demo h2 { position: relative; z-index: 2; margin: 35px 0 0; font-size: 75px; letter-spacing: -.08em; line-height: .74; }
.xti-disc { position: absolute; right: -40px; top: 90px; display: grid; width: 330px; height: 330px; place-items: center; border-radius: 50%; background: repeating-radial-gradient(circle, #333338 0 5px, #19191d 5px 10px); }
.xti-disc i { width: 85px; height: 85px; border-radius: 50%; background: var(--xti-coral); }
.xti-artist-demo button, .xti-artist-demo .xti-demo-button { position: absolute; z-index: 2; left: 32px; bottom: 65px; display: inline-block; padding: 12px 17px; border: 0; border-radius: 99px; background: var(--xti-lime); color: var(--xti-ink); font-size: 9px; font-weight: 800; }
.xti-artist-demo > span { position: absolute; z-index: 2; right: 28px; bottom: 34px; color: #85858d; font-size: 8px; }
.xti-solution-benefits { background: #fff; }
.xti-benefit-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.xti-benefit-cards article { min-height: 270px; padding: 26px; border: 1px solid #e0e0e4; border-radius: 26px; background: #fafafa; }
.xti-benefit-cards article > span { color: #aaaab1; font-size: 9px; }
.xti-benefit-cards article > i { display: grid; width: 60px; height: 60px; place-items: center; margin: 32px 0; border-radius: 19px; background: var(--xti-lilac); font-size: 22px; font-style: normal; transform: rotate(-6deg); }
.xti-benefit-cards article:nth-child(3n+2) > i { background: var(--xti-blush); transform: rotate(5deg); }
.xti-benefit-cards article:nth-child(3n) > i { background: var(--xti-mint); }
.xti-benefit-cards h3 { margin: 0 0 6px; font-size: 21px; }
.xti-benefit-cards p { margin: 0; color: var(--xti-muted); font-size: 12px; }
.xti-solution-split { padding: 130px 0; background: #19191d; color: #fff; }
.xti-solution-split__grid { display: grid; grid-template-columns: .75fr 1fr; align-items: center; gap: 100px; }
.xti-solution-split h2 { margin: 0 0 25px; font-size: clamp(46px, 5.5vw, 72px); font-weight: 540; letter-spacing: -.06em; line-height: .94; }
.xti-solution-split p { color: #a3a3ab; }
.xti-solution-split .xti-kicker { color: #aaaab2; }
.xti-solution-split ul { display: grid; gap: 12px; padding: 0; list-style: none; }
.xti-solution-split li { display: flex; align-items: center; gap: 10px; }
.xti-solution-split li svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: #323238; fill: none; stroke: var(--xti-lime); stroke-width: 2; }
.xti-design-system-mock { position: relative; display: grid; gap: 14px; padding: 35px; border: 1px solid #393940; border-radius: 31px; background: #25252b; transform: rotate(2deg); }
.xti-color-row { display: grid; grid-template-columns: repeat(4, 1fr); gap: 9px; }
.xti-color-row i { height: 85px; border-radius: 17px; background: var(--xti-coral); }
.xti-color-row i:nth-child(2) { background: var(--xti-violet); }
.xti-color-row i:nth-child(3) { background: var(--xti-lime); }
.xti-color-row i:nth-child(4) { background: #fff; }
.xti-type-row { display: flex; align-items: center; gap: 22px; padding: 18px; border-radius: 17px; background: #303037; }
.xti-type-row strong { font-size: 48px; letter-spacing: -.08em; }
.xti-type-row span { display: flex; flex-direction: column; }
.xti-type-row small { color: #909099; }
.xti-component-row { display: flex; gap: 8px; }
.xti-component-row button, .xti-component-row .xti-demo-button { display: inline-block; padding: 12px 16px; border: 0; border-radius: 11px; background: var(--xti-lime); color: var(--xti-ink); font-size: 10px; font-weight: 800; }
.xti-component-row button:last-child, .xti-component-row .xti-demo-button:last-child { background: #3b3b42; color: #fff; }
.xti-layout-row { display: grid; grid-template-columns: 1.4fr .8fr .8fr; gap: 9px; }
.xti-layout-row i { height: 80px; border-radius: 14px; background: #33333a; }
.xti-design-badge { position: absolute; right: -28px; bottom: 70px; padding: 11px 14px; border: 6px solid #19191d; border-radius: 99px; background: var(--xti-coral); font-size: 9px; font-weight: 850; transform: rotate(-7deg); }
.xti-solution-delivery { background: var(--xti-cloud); }
.xti-delivery-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.xti-delivery-grid article { padding: 28px; border-radius: 24px; background: #fff; }
.xti-delivery-grid i { display: grid; width: 34px; height: 34px; place-items: center; border-radius: 50%; background: var(--xti-ink); color: #fff; font-size: 10px; font-style: normal; }
.xti-delivery-grid h3 { margin: 55px 0 5px; font-size: 23px; }
.xti-delivery-grid p { margin: 0; color: var(--xti-muted); font-size: 13px; }
.xti-solution-price { background: #fff; }
.xti-solution-price-card { display: grid; grid-template-columns: 1fr .55fr; gap: 80px; padding: 55px; border-radius: 38px; background: var(--xti-soft-green); }
.xti-solution-price-card h2 { margin: 0 0 22px; font-size: clamp(43px, 5.4vw, 68px); letter-spacing: -.06em; line-height: .95; }
.xti-solution-price-card p { max-width: 600px; }
.xti-solution-price-card > div:last-child { display: flex; flex-direction: column; justify-content: center; padding: 30px; border-radius: 26px; background: #fff; }
.xti-solution-price-card small { font-size: 9px; font-weight: 850; letter-spacing: .12em; }
.xti-solution-price-card strong { margin: 8px 0 25px; font-size: 43px; letter-spacing: -.06em; }

/* Wedding sales page */
.xti-wedding-document { --xti-wed-ink: #3c2d31; --xti-wed-red: #a95063; --xti-wed-cream: #faf4ef; }
.xti-wedding-hero { position: relative; overflow: hidden; padding: 55px 0 115px; background: var(--xti-wed-cream); color: var(--xti-wed-ink); }
.xti-wedding-hero__grid { position: relative; z-index: 2; display: grid; grid-template-columns: .8fr 1fr; align-items: center; gap: 85px; }
.xti-wedding-hero__copy h1 { margin: 0 0 27px; font-size: clamp(56px, 6.8vw, 91px); font-weight: 520; letter-spacing: -.067em; line-height: .92; }
.xti-wedding-hero__copy h1 em, .xti-wedding-intro h2 em { color: var(--xti-wed-red); font-family: Georgia, serif; font-weight: 400; }
.xti-wedding-hero__copy > p { color: #75666a; font-size: 19px; }
.xti-wedding-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 30px; }
.xti-wedding-proof span { padding: 7px 10px; border: 1px solid #e2d4d3; border-radius: 99px; background: rgba(255,255,255,.52); color: #78676b; font-size: 9px; font-weight: 750; }
.xti-petal { position: absolute; border-radius: 70% 30% 70% 30%; background: #ead6d0; transform: rotate(35deg); }
.xti-petal--one { top: -170px; right: -130px; width: 520px; height: 520px; }
.xti-petal--two { left: 37%; bottom: -280px; width: 400px; height: 400px; background: #dce8e1; transform: rotate(-20deg); }
.xti-invite-stage { position: relative; min-height: 650px; }
.xti-invite-card { position: absolute; top: 25px; left: 9%; width: 78%; min-height: 590px; padding: 55px 45px; overflow: hidden; border: 1px solid #e4d6d2; border-radius: 8px; background: #fffafb; box-shadow: 0 35px 70px rgba(70,45,51,.15); text-align: center; transform: rotate(2deg); }
.xti-invite-card--shadow { top: 40px; left: 5%; background: #dcc7bf; transform: rotate(-5deg); }
.xti-invite-card__date { font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.xti-invite-card__monogram { display: block; margin: 45px 0 28px; font-family: Georgia, serif; font-size: 53px; font-style: normal; }
.xti-invite-card__monogram b { color: var(--xti-wed-red); font-size: 28px; font-weight: 400; }
.xti-invite-card h2 { margin: 0 0 20px; font-family: Georgia, serif; font-size: 51px; font-style: italic; font-weight: 400; letter-spacing: -.05em; }
.xti-invite-card > p { max-width: 350px; margin: auto; color: #79696d; font-family: Georgia, serif; font-size: 13px; line-height: 1.7; }
.xti-invite-card__details { display: flex; max-width: 320px; align-items: center; justify-content: center; gap: 20px; margin: 28px auto 22px; color: #75666a; font-size: 10px; }
.xti-invite-card__details span { display: flex; flex-direction: column; }
.xti-invite-card__details i { width: 1px; height: 30px; background: #dbc9c7; }
.xti-invite-card button, .xti-invite-card .xti-demo-button { position: relative; z-index: 2; display: inline-block; padding: 11px 24px; border: 0; border-radius: 99px; background: var(--xti-wed-red); color: #fff; font-size: 9px; font-weight: 700; }
.xti-invite-botanical i { position: absolute; display: block; width: 95px; height: 36px; border-radius: 100% 0; background: #aeb69a; opacity: .65; }
.xti-invite-botanical i:nth-child(1) { left: -20px; top: 130px; transform: rotate(35deg); }
.xti-invite-botanical i:nth-child(2) { left: 18px; bottom: 30px; transform: rotate(-35deg); }
.xti-invite-botanical i:nth-child(3) { right: -15px; top: 80px; transform: rotate(-30deg); }
.xti-invite-botanical i:nth-child(4) { right: 20px; bottom: 40px; background: #e6a6ae; transform: rotate(25deg); }
.xti-invite-botanical i:nth-child(5) { right: -30px; bottom: 100px; transform: rotate(-50deg); }
.xti-rsvp-bubble { position: absolute; z-index: 4; right: -8px; bottom: 25px; display: grid; grid-template-columns: 32px auto; align-items: center; padding: 12px 17px; border: 6px solid var(--xti-wed-cream); border-radius: 18px; background: #fff; box-shadow: 0 13px 28px rgba(70,45,51,.17); transform: rotate(-4deg); }
.xti-rsvp-bubble i { grid-row: 1 / 3; display: grid; width: 28px; height: 28px; place-items: center; margin-right: 9px; border-radius: 50%; background: var(--xti-mint); color: #3f7849; font-style: normal; }
.xti-rsvp-bubble b { font-size: 11px; }
.xti-rsvp-bubble small { color: #888087; font-size: 8px; }
.xti-heart-bubble { position: absolute; z-index: 4; left: 0; top: 100px; display: grid; width: 70px; height: 70px; place-items: center; border: 7px solid var(--xti-wed-cream); border-radius: 45% 55% 52% 48%; background: var(--xti-wed-red); color: #fff; font-size: 24px; transform: rotate(-10deg); }
.xti-wedding-ribbon { background: var(--xti-wed-red); }
.xti-wedding-ribbon i { color: #f4bcc4; font-style: normal; }
.xti-wedding-intro { background: #fff; }
.xti-wedding-feature-grid { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 14px; }
.xti-wedding-feature { position: relative; min-height: 390px; padding: 24px; overflow: hidden; border: 1px solid #e5dedd; border-radius: 28px; background: var(--xti-wed-cream); }
.xti-wedding-feature--large { grid-row: span 2; display: flex; min-height: 790px; flex-direction: column; background: #f4e0df; }
.xti-wedding-feature > span { color: #a68c90; font-size: 9px; font-weight: 800; }
.xti-wedding-feature > h3, .xti-wedding-feature > div:last-child h3 { margin: 20px 0 5px; font-size: 24px; letter-spacing: -.04em; }
.xti-wedding-feature > p, .xti-wedding-feature > div:last-child p { margin: 0; color: #796c6f; font-size: 13px; }
.xti-rsvp-ui { display: grid; gap: 12px; margin: 35px 15px auto; padding: 28px; border-radius: 25px; background: #fff; box-shadow: 0 20px 40px rgba(98,58,67,.13); transform: rotate(-2deg); }
.xti-rsvp-ui > small { color: #a75868; font-size: 8px; font-weight: 800; letter-spacing: .15em; }
.xti-rsvp-ui h3 { margin: 0; font-family: Georgia, serif; font-size: 32px; font-style: italic; font-weight: 400; }
.xti-rsvp-ui__mock-field { color: #8a777b; font-size: 8px; }
.xti-rsvp-ui__mock-field i { display: block; margin-top: 4px; padding: 10px; border: 1px solid #e5dada; border-radius: 9px; color: #3d3336; font-style: normal; }
.xti-rsvp-ui > div { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
.xti-rsvp-ui > div .xti-rsvp-ui__mock-field { padding: 9px; border: 1px solid #e5dada; border-radius: 9px; }
.xti-rsvp-ui button, .xti-rsvp-ui .xti-demo-button { display: block; padding: 12px; border: 0; border-radius: 10px; background: var(--xti-wed-red); color: #fff; font-size: 9px; text-align: center; }
.xti-program-ui { display: grid; grid-template-columns: 55px 1fr; gap: 0; margin-top: 27px; padding: 20px; border-radius: 20px; background: var(--xti-wed-red); color: #fff; }
.xti-program-ui i, .xti-program-ui b { padding: 9px 0; border-bottom: 1px solid rgba(255,255,255,.2); font-size: 9px; font-style: normal; }
.xti-map-ui { position: relative; height: 190px; margin-top: 25px; overflow: hidden; border-radius: 20px; background: #dce4d4; }
.xti-map-ui > i { position: absolute; width: 300px; height: 8px; border-radius: 20px; background: #fff; transform: rotate(35deg); }
.xti-map-ui > i:nth-child(1) { top: 60px; left: -50px; }
.xti-map-ui > i:nth-child(2) { top: 100px; left: 40px; transform: rotate(-20deg); }
.xti-map-ui > i:nth-child(3) { top: 150px; left: -70px; transform: rotate(7deg); }
.xti-map-ui b { position: absolute; top: 62px; left: 50%; display: grid; width: 48px; height: 48px; place-items: center; border-radius: 50%; background: var(--xti-wed-red); color: #fff; transform: translateX(-50%); }
.xti-map-ui b svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.xti-map-ui span { position: absolute; right: 12px; bottom: 12px; padding: 7px 9px; border-radius: 8px; background: #fff; font-size: 8px; font-weight: 700; }
.xti-gift-ui { display: flex; justify-content: center; gap: 12px; margin-top: 38px; }
.xti-gift-ui i { display: grid; width: 74px; height: 74px; place-items: center; border-radius: 22px; background: #fff; color: var(--xti-wed-red); font-size: 23px; font-style: normal; box-shadow: 0 12px 25px rgba(80,60,65,.09); }
.xti-gift-ui i:nth-child(2) { transform: translateY(-13px) rotate(6deg); }
.xti-lock-ui { display: grid; grid-template-columns: auto 1fr; align-items: center; gap: 13px; margin-top: 30px; padding: 17px; border-radius: 18px; background: #3c2d31; color: #fff; }
.xti-lock-ui > i { display: grid; width: 44px; height: 44px; place-items: center; border-radius: 50%; background: var(--xti-wed-red); font-style: normal; }
.xti-lock-ui > div { display: flex; flex-direction: column; }
.xti-lock-ui small { color: #b9aeb1; font-size: 8px; }
.xti-lock-ui > span { grid-column: 1 / 3; padding: 10px; border-radius: 9px; background: #4c3a3f; letter-spacing: .5em; text-align: center; }
.xti-wedding-style { padding: 130px 0; overflow: hidden; background: #30262a; color: #fff; }
.xti-wedding-style .xti-kicker { color: #b7aaad; }
.xti-wedding-style .xti-section-head p { color: #b7aaad; }
.xti-style-cards { display: flex; gap: 18px; overflow-x: auto; padding-bottom: 30px; scroll-snap-type: x mandatory; scrollbar-width: none; }
.xti-style-card { min-width: min(390px, 83vw); overflow: hidden; border-radius: 28px; background: #fff; color: var(--xti-wed-ink); scroll-snap-align: start; }
.xti-style-card > span { display: block; padding: 18px 20px 10px; font-size: 8px; font-weight: 800; letter-spacing: .16em; }
.xti-style-card > div { display: grid; min-height: 420px; grid-template-columns: auto auto auto; align-content: center; justify-content: center; gap: 9px; padding: 30px; background: #dfe5ce; text-align: center; }
.xti-style-card > div i, .xti-style-card > div b { font-family: Georgia, serif; font-size: 40px; font-style: normal; font-weight: 400; }
.xti-style-card > div h3 { grid-column: 1 / 4; margin: 35px 0 8px; font-family: Georgia, serif; font-size: 31px; font-style: italic; font-weight: 400; }
.xti-style-card > div small { grid-column: 1 / 4; font-size: 8px; letter-spacing: .2em; }
.xti-style-card > p { margin: 0; padding: 16px 20px; color: #786b6e; font-size: 10px; text-transform: uppercase; }
.xti-style-card--city > div { background: #b33b4d; color: #fff; }
.xti-style-card--city > div h3 { font-family: var(--xti-font); font-size: 42px; font-style: normal; font-weight: 850; letter-spacing: -.08em; line-height: .78; }
.xti-style-card--coast > div { background: #cddfe4; }
.xti-style-note { display: flex; max-width: 720px; align-items: center; gap: 16px; margin: 30px auto 0; color: #c8bec1; text-align: center; }
.xti-style-note > span { display: grid; min-width: 45px; height: 45px; place-items: center; border-radius: 50%; background: var(--xti-wed-red); color: #fff; }
.xti-style-note p { margin: 0; font-size: 13px; }
.xti-wedding-flow { background: var(--xti-wed-cream); }
.xti-wedding-flow__grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.xti-wedding-flow__grid article { position: relative; min-height: 330px; padding: 27px; border: 1px solid #e5dcda; border-radius: 28px; background: #fff; }
.xti-wedding-flow__grid article > span { color: #ac989c; font-size: 9px; }
.xti-wedding-flow__grid article > i { display: grid; width: 85px; height: 85px; place-items: center; margin: 45px auto; border-radius: 45% 55%; background: #f0dcda; color: #8b3344; font-size: 28px; font-style: normal; transform: rotate(-8deg); }
.xti-wedding-flow__grid article:nth-child(2) > i { background: #d8e8df; transform: rotate(6deg); }
.xti-wedding-flow__grid article:nth-child(3) > i { background: #edd1d5; }
.xti-wedding-flow__grid h3 { margin: 0 0 6px; font-size: 24px; }
.xti-wedding-flow__grid p { margin: 0; color: #796d70; font-size: 13px; }
.xti-wedding-dashboard-section { padding: 130px 0; background: #fff; }
.xti-wedding-dashboard-grid { display: grid; grid-template-columns: .7fr 1fr; align-items: center; gap: 100px; }
.xti-wedding-dashboard-grid h2 { margin: 0 0 25px; font-size: clamp(45px, 5.4vw, 70px); font-weight: 530; letter-spacing: -.06em; line-height: .95; }
.xti-wedding-dashboard-grid > div:first-child > p { color: #796d70; }
.xti-wedding-dashboard-grid ul { display: grid; gap: 12px; padding: 0; list-style: none; }
.xti-wedding-dashboard-grid li { display: flex; align-items: center; gap: 10px; }
.xti-wedding-dashboard-grid li svg { width: 22px; height: 22px; padding: 4px; border-radius: 50%; background: #f0dcda; fill: none; stroke: var(--xti-wed-red); stroke-width: 2; }
.xti-rsvp-dashboard { padding: 27px; border: 1px solid #e4dddd; border-radius: 30px; background: #faf8f7; box-shadow: var(--xti-shadow); transform: rotate(1.5deg); }
.xti-dashboard-top { display: flex; align-items: center; justify-content: space-between; padding-bottom: 20px; border-bottom: 1px solid #e1dada; }
.xti-dashboard-top > div { display: flex; align-items: center; gap: 12px; }
.xti-dashboard-top i { display: grid; width: 38px; height: 38px; place-items: center; border-radius: 50%; background: var(--xti-wed-red); color: #fff; font-family: Georgia, serif; font-size: 10px; font-style: normal; }
.xti-dashboard-top button, .xti-dashboard-top .xti-demo-button { display: inline-block; padding: 8px 11px; border: 1px solid #ddd2d2; border-radius: 9px; background: #fff; font-size: 8px; }
.xti-dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 9px; margin: 20px 0; }
.xti-dashboard-stats article { padding: 15px; border-radius: 14px; background: #fff; }
.xti-dashboard-stats small { display: block; color: #9d8f92; font-size: 7px; }
.xti-dashboard-stats b { font-size: 29px; }
.xti-dashboard-progress { margin: 18px 0; }
.xti-dashboard-progress > span { display: block; height: 8px; overflow: hidden; border-radius: 99px; background: #e5dddc; }
.xti-dashboard-progress i { display: block; width: 77%; height: 100%; border-radius: inherit; background: var(--xti-wed-red); }
.xti-dashboard-progress small { color: #97898c; font-size: 8px; }
.xti-guest-row { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 12px; padding: 12px 0; border-top: 1px solid #e6dede; }
.xti-guest-row > i { display: grid; width: 36px; height: 36px; place-items: center; border-radius: 50%; background: #ead6d4; color: #713341; font-size: 8px; font-style: normal; font-weight: 800; }
.xti-guest-row > span { display: flex; flex-direction: column; font-size: 10px; }
.xti-guest-row small { color: #94878a; font-size: 8px; }
.xti-guest-row strong { padding: 6px 8px; border-radius: 99px; background: var(--xti-mint); color: #40734a; font-size: 7px; }
.xti-guest-row strong.is-pending { background: #eee8e6; color: #6f6164; }
.xti-wedding-price { background: var(--xti-wed-cream); }
.xti-wedding-price-card { position: relative; display: grid; grid-template-columns: .8fr .65fr; gap: 90px; overflow: hidden; padding: 65px; border-radius: 40px; background: #3b2c31; color: #fff; }
.xti-wedding-price-card h2 { margin: 0 0 25px; font-size: clamp(45px, 5.4vw, 70px); font-weight: 520; letter-spacing: -.06em; line-height: .95; }
.xti-wedding-price-card > div:nth-child(2) > p { max-width: 520px; color: #bcaeb1; }
.xti-wedding-price-card .xti-kicker { color: #c7b9bc; }
.xti-wedding-price-card__price { position: relative; z-index: 2; padding: 33px; border-radius: 28px; background: #fff; color: var(--xti-wed-ink); }
.xti-wedding-price-card__price > small { font-size: 8px; font-weight: 850; letter-spacing: .13em; }
.xti-wedding-price-card__price > strong { display: block; margin: 8px 0 25px; font-size: 40px; letter-spacing: -.06em; }
.xti-wedding-price-card__price ul { display: grid; gap: 10px; margin: 0 0 25px; padding: 0; list-style: none; }
.xti-wedding-price-card__price li { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.xti-wedding-price-card__price svg { width: 20px; height: 20px; padding: 4px; border-radius: 50%; background: #f0dcda; fill: none; stroke: var(--xti-wed-red); stroke-width: 2; }
.xti-wedding-price-card__shape i { position: absolute; border-radius: 50%; background: rgba(255,255,255,.04); }
.xti-wedding-price-card__shape i:first-child { left: -130px; bottom: -190px; width: 450px; height: 450px; border: 80px solid rgba(255,255,255,.04); background: transparent; }
.xti-wedding-price-card__shape i:nth-child(2) { top: -170px; right: 36%; width: 330px; height: 330px; }
.xti-wedding-price-card__shape span { position: absolute; left: 28%; bottom: 65px; color: rgba(255,255,255,.08); font-size: 120px; }
.xti-wedding-faq { background: #fff; }
.xti-wedding-contact { background: #f1dcda; }

/* Growing example universe */
.xti-visual--privat { background: linear-gradient(145deg, #ffadc1, #ff765f); }
.xti-mini-private { position: absolute; inset: 28px 36px; display: flex; flex-direction: column; justify-content: center; padding: 27px; overflow: hidden; border-radius: 70px 70px 18px 18px; background: #fff1f5; color: #5a153a; text-align: center; transform: rotate(-2deg); box-shadow: 0 18px 35px rgba(67,22,45,.16); }
.xti-mini-private::before { position: absolute; top: -70px; right: -70px; width: 180px; height: 180px; border: 30px solid rgba(255,105,54,.18); border-radius: 50%; content: ""; }
.xti-mini-private small { position: relative; font-size: 8px; font-weight: 850; letter-spacing: .15em; }
.xti-mini-private b { position: relative; display: block; margin: 13px 0 18px; font-size: 31px; line-height: .82; letter-spacing: -.05em; }
.xti-mini-private b i { color: #ff6936; font-family: Georgia,serif; font-size: 1.25em; font-style: italic; font-weight: 400; }
.xti-mini-private span { position: relative; font-size: 7px; font-weight: 800; letter-spacing: .08em; }
.xti-floating-private { position: absolute; top: 17px; right: 16px; display: grid; width: 61px; height: 61px; place-items: center; border: 5px solid #ffadc1; border-radius: 50%; background: #5a153a; color: #fff; font-size: 22px; font-style: normal; transform: rotate(9deg); }
.xti-browser-card--private .xti-browser-card__wedding { background: linear-gradient(145deg,#ffd3df,#ff9c82); color: #5a153a; }
.xti-browser-card--private .xti-wed-monogram i { display: inline-grid; width: 30px; height: 30px; place-items: center; border-radius: 50%; background: #ff6936; color: #2b1624; font-family: var(--xti-font); font-size: 9px; font-style: normal; }
.xti-browser-card--private .xti-wed-flowers i { border-radius: 50%; background: rgba(111,35,76,.16); }
.xti-example-universe { background: #f4f4f6; }
.xti-example-universe__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 22px; }
.xti-example-card--wedding-real { grid-column:1/-1; }
.xti-example-wedding-mini { position:relative; display:grid; min-height:460px; place-items:center; align-content:center; padding:55px; overflow:hidden; background:#f4f1f3; color:#26342d; text-align:center; }
.xti-example-wedding-mini::before,.xti-example-wedding-mini::after { position:absolute; bottom:-55%; width:70%; height:95%; border-radius:50%; background:#cbd3b7; content:""; }
.xti-example-wedding-mini::before { left:-18%; transform:rotate(8deg); }
.xti-example-wedding-mini::after { right:-18%; background:#b9c5a5; transform:rotate(-7deg); }
.xti-example-wedding-mini>* { position:relative; z-index:1; }
.xti-example-wedding-mini small { color:#813d4e; font-size:9px; font-weight:850; letter-spacing:.16em; }
.xti-example-wedding-mini strong { margin:24px 0 13px; font-family:Georgia,serif; font-size:clamp(55px,8vw,105px); font-weight:400; letter-spacing:-.065em; line-height:.9; }
.xti-example-wedding-mini strong i { color:#813d4e; font-size:.7em; font-style:italic; }
.xti-example-wedding-mini span { color:#59645d; }
.xti-example-wedding-mini>b { margin-top:34px; font-size:11px; letter-spacing:.16em; }
.xti-wedding-real-reference { padding:130px 0; background:#f4f2f4; }
.xti-example-card { display: block; overflow: hidden; border: 1px solid #d9d9df; border-radius: 34px; background: #fff; transition: transform .25s ease, box-shadow .25s ease; }
.xti-example-card:hover { transform: translateY(-6px); box-shadow: var(--xti-shadow); }
.xti-example-card__bar { display: flex; min-height: 42px; align-items: center; gap: 6px; padding: 0 16px; border-bottom: 1px solid #e2e2e5; background: #fafafa; }
.xti-example-card__bar i { width: 7px; height: 7px; border-radius: 50%; background: #ff776c; }
.xti-example-card__bar i:nth-child(2) { background: #70cda3; }
.xti-example-card__bar i:nth-child(3) { background: #67d883; }
.xti-example-card__bar span { margin-left: auto; color: #7a7a82; font-size: 9px; }
.xti-example-package-preview { position: relative; min-height: 390px; overflow: hidden; background: #e9eaec; }
.xti-example-package-preview::after { position: absolute; inset: 0; background: linear-gradient(180deg,transparent 62%,rgba(13,16,16,.1)); content: ""; pointer-events: none; }
.xti-example-package-preview img { display: block; width: 100%; height: 390px; object-fit: cover; object-position: center; transition: transform .45s ease; }
.xti-example-card:hover .xti-example-package-preview img { transform: scale(1.025); }
.xti-example-business-mini, .xti-example-private-mini { position: relative; min-height: 390px; overflow: hidden; padding: 48px; }
.xti-example-business-mini { background: #c8ff4b; color: #171b16; }
.xti-example-business-mini::after { position: absolute; right: -90px; bottom: -120px; width: 310px; height: 310px; border: 55px solid rgba(23,27,22,.1); border-radius: 50%; content: ""; }
.xti-example-business-mini small, .xti-example-private-mini small { display: block; margin-bottom: 35px; font-size: 9px; font-weight: 850; letter-spacing: .14em; }
.xti-example-business-mini strong, .xti-example-private-mini strong { position: relative; z-index: 2; display: block; max-width: 500px; font-size: clamp(42px,5vw,70px); line-height: .86; letter-spacing: -.06em; }
.xti-example-business-mini strong em { color: #ff6434; font-style: normal; }
.xti-example-business-mini > span, .xti-example-private-mini > span { position: absolute; z-index: 2; bottom: 42px; left: 48px; padding-bottom: 4px; border-bottom: 1px solid currentColor; font-size: 12px; font-weight: 800; }
.xti-example-business-mini > i { position: absolute; z-index: 1; right: 20px; bottom: -25px; font-size: 130px; font-style: normal; font-weight: 950; opacity: .11; }
.xti-example-private-mini { background: #ff769c; color: #5a153a; text-align: center; }
.xti-example-private-mini::before, .xti-example-private-mini::after { position: absolute; border: 1px solid rgba(111,35,76,.18); border-radius: 50%; content: ""; }
.xti-example-private-mini::before { top: -130px; right: -60px; width: 320px; height: 320px; }
.xti-example-private-mini::after { bottom: -170px; left: -80px; width: 360px; height: 360px; border-width: 55px; }
.xti-example-private-mini strong { margin-inline: auto; color: #5a153a; }
.xti-example-private-mini strong em { color: #5a153a; font-family: Georgia,serif; font-size: 1.08em; font-style: italic; font-weight: 400; }
.xti-example-private-mini > span { right: 48px; left: 48px; border: 0; letter-spacing: .08em; }
.xti-example-private-mini > i { position: absolute; z-index: 3; top: 33px; right: 34px; color: #ff6936; font-size: 28px; font-style: normal; }
.xti-example-private-mini.is-ingrid-hakon { background: radial-gradient(circle at 75% 12%,#293958 0,#141d31 42%,#0e1524 100%); color: #f7f4ee; }
.xti-example-private-mini.is-ingrid-hakon::before { border-color: rgba(216,174,106,.28); }
.xti-example-private-mini.is-ingrid-hakon::after { border-color: rgba(216,174,106,.14); }
.xti-example-private-mini.is-ingrid-hakon strong { color: #f7f4ee; font-family: Georgia,serif; font-weight: 400; letter-spacing: -.045em; }
.xti-example-private-mini.is-ingrid-hakon strong em { color: #d8ae6a; }
.xti-example-private-mini.is-ingrid-hakon > i { color: #d8ae6a; }
.xti-example-card footer { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 24px 26px; }
.xti-example-card footer small { color: #67676f; font-size: 8px; font-weight: 800; letter-spacing: .12em; }
.xti-example-card footer h3, .xti-example-card footer h2 { margin: 5px 0 0; font-size: 24px; letter-spacing: -.035em; }
.xti-example-card footer b { font-size: 11px; }

/* Full site iframe */
.xti-industry-showcase { background: #ededf1; }
.xti-private-showcase { background: #282129; color: #fff; }
.xti-private-showcase .xti-kicker, .xti-private-showcase .xti-section-head p { color: #c9bfc7; }
.xti-showcase-shell { overflow: hidden; border: 1px solid #303036; border-radius: 32px; background: #16161a; color: #fff; box-shadow: 0 34px 90px rgba(20,20,24,.2); }
.xti-showcase-toolbar { display: flex; min-height: 92px; align-items: center; justify-content: space-between; gap: 30px; padding: 16px 20px 16px 26px; border-bottom: 1px solid rgba(255,255,255,.12); }
.xti-showcase-toolbar > div:first-child { display: grid; grid-template-columns: auto auto; align-items: center; gap: 3px 12px; }
.xti-showcase-toolbar small { grid-column: 1 / 3; color: #9898a1; font-size: 8px; font-weight: 800; letter-spacing: .13em; }
.xti-showcase-toolbar strong { font-size: 17px; }
.xti-showcase-toolbar > div:first-child > span { width: fit-content; padding: 4px 8px; border-radius: 99px; background: #303038; color: #c9c9d0; font-size: 8px; font-weight: 750; }
.xti-showcase-toolbar__actions { display: flex; align-items: center; gap: 16px; }
.xti-showcase-toolbar__actions > a { color: #72d6a4; font-size: 11px; font-weight: 800; }
.xti-device-switch { display: flex; padding: 4px; border-radius: 11px; background: #29292f; }
.xti-device-switch button { padding: 8px 11px; border: 0; border-radius: 8px; background: transparent; color: #a9a9b1; font-size: 9px; font-weight: 800; }
.xti-device-switch button.is-active { background: #fff; color: #17171a; }
.xti-showcase-viewport { display: flex; min-height: 770px; align-items: flex-start; justify-content: center; overflow: auto; padding: 24px; background: radial-gradient(circle at 50% 10%,#34343b 0,#202025 50%,#17171a 100%); }
.xti-showcase-browser { width: min(1180px,100%); overflow: hidden; border-radius: 18px; background: #fff; box-shadow: 0 22px 60px rgba(0,0,0,.35); transition: width .35s ease; }
.xti-showcase-browser__bar { display: flex; height: 34px; align-items: center; gap: 6px; padding: 0 12px; background: #f0f0f2; color: #66666d; }
.xti-showcase-browser__bar i { width: 7px; height: 7px; border-radius: 50%; background: #ff776c; }
.xti-showcase-browser__bar i:nth-child(2) { background: #70cda3; }
.xti-showcase-browser__bar i:nth-child(3) { background: #67d883; }
.xti-showcase-browser__bar span { margin-left: auto; font-size: 8px; }
.xti-showcase-browser iframe { display: block; width: 100%; height: 700px; border: 0; background: #fff; }
.xti-showcase-shell[data-device="mobile"] .xti-showcase-browser { width: 390px; max-width: 100%; border-radius: 34px; }
.xti-showcase-shell[data-device="mobile"] .xti-showcase-browser iframe { height: 720px; }

/* Private landing */
.xti-private-single { --xti-private-plum: #5a153a; --xti-private-pink: #ff769c; --xti-private-orange: #ff6936; --xti-private-cream: #fff1f5; }
.xti-private-hero { position: relative; overflow: hidden; padding: 55px 0 105px; background: linear-gradient(145deg,#fff7ed,#ffe0e8); }
.xti-private-orbit i { position: absolute; border: 1px solid rgba(111,35,76,.12); border-radius: 50%; }
.xti-private-orbit i:first-child { top: -330px; right: -190px; width: 800px; height: 800px; }
.xti-private-orbit i:nth-child(2) { bottom: -320px; left: 35%; width: 600px; height: 600px; border-width: 80px; opacity: .35; }
.xti-private-orbit i:nth-child(3) { top: 180px; left: 48%; width: 35px; height: 35px; background: var(--xti-private-orange); }
.xti-private-hero__grid { position: relative; display: grid; grid-template-columns: .85fr 1fr; align-items: center; gap: 90px; }
.xti-private-hero__copy h1 { margin: 0 0 28px; font-size: clamp(58px,7vw,100px); font-weight: 580; line-height: .9; letter-spacing: -.07em; }
.xti-private-hero__copy h1 em { color: var(--xti-private-plum); font-family: Georgia,serif; font-style: italic; font-weight: 400; }
.xti-private-hero__copy > p { max-width: 690px; color: #695b63; font-size: 20px; line-height: 1.6; }
.xti-private-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 34px; }
.xti-private-proof span { padding: 8px 12px; border: 1px solid rgba(111,35,76,.22); border-radius: 99px; color: var(--xti-private-plum); font-size: 9px; font-weight: 800; text-transform: uppercase; }
.xti-private-stage { position: relative; min-height: 650px; }
.xti-private-card { position: absolute; top: 80px; right: 0; width: 48%; min-height: 380px; padding: 35px; border-radius: 30px; background: var(--xti-private-plum); color: #fff; transform: rotate(8deg); box-shadow: var(--xti-shadow); }
.xti-private-card small { font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.xti-private-card strong { display: block; margin-top: 40px; font-family: Georgia,serif; font-size: 34px; font-style: italic; font-weight: 400; line-height: 1.05; }
.xti-private-card > span { position: absolute; bottom: 30px; left: 35px; color: var(--xti-private-pink); font-size: 11px; }
.xti-private-phone { position: absolute; z-index: 2; top: 20px; left: 3%; width: 57%; min-height: 580px; padding: 80px 36px 38px; border: 8px solid #282129; border-radius: 52px; background: var(--xti-private-pink); color: var(--xti-private-plum); text-align: center; transform: rotate(-5deg); box-shadow: 0 35px 70px rgba(69,31,54,.22); }
.xti-private-phone > small, .xti-private-phone > span { display: block; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.xti-private-phone > span { margin-top: 50px; }
.xti-private-phone h2 { margin: 10px 0 25px; font-size: clamp(48px,6vw,76px); font-weight: 900; line-height: .74; letter-spacing: -.08em; }
.xti-private-phone h2 em { color: var(--xti-private-plum); font-family: Georgia,serif; font-size: 1.1em; font-style: italic; font-weight: 400; }
.xti-private-phone p { font-family: Georgia,serif; font-size: 14px; font-style: italic; }
.xti-private-phone .xti-demo-button { display: inline-block; margin-top: 15px; padding: 12px 22px; border-radius: 99px; background: var(--xti-private-plum); color: #fff; font-size: 9px; font-weight: 800; }
.xti-private-burst { position: absolute; z-index: 4; right: -10px; bottom: 40px; display: grid; width: 110px; height: 110px; place-items: center; border: 8px solid #ffe0e8; border-radius: 50%; background: var(--xti-private-orange); color: var(--xti-private-plum); font-size: 36px; font-style: normal; font-weight: 900; transform: rotate(12deg); }
.xti-private-rsvp { position: absolute; z-index: 5; right: 12%; bottom: 5px; padding: 12px 17px; border-radius: 14px; background: #fff; color: var(--xti-private-plum); box-shadow: 0 16px 35px rgba(69,31,54,.18); font-size: 10px; font-weight: 850; transform: rotate(-4deg); }
.xti-private-ribbon { overflow: hidden; background: var(--xti-private-plum); color: #fff; }
.xti-private-ribbon > div { display: flex; width: max-content; gap: 28px; align-items: center; padding: 16px 0; animation: xti-marquee 26s linear infinite; }
.xti-private-ribbon span { font-size: 10px; font-weight: 850; letter-spacing: .14em; }
.xti-private-ribbon i { color: var(--xti-private-pink); font-style: normal; }
.xti-private-types { background: var(--xti-private-cream); }
.xti-private-type-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; }
.xti-private-type-grid article { position: relative; display: flex; min-height: 390px; flex-direction: column; overflow: hidden; padding: 28px; border: 1px solid rgba(111,35,76,.18); border-radius: 26px; }
.xti-private-type-grid article > span { font-size: 9px; font-weight: 850; }
.xti-private-type-grid article > i { display: grid; min-height: 150px; place-items: center; color: var(--xti-private-plum); font-family: Georgia,serif; font-size: 72px; font-style: italic; }
.xti-private-type-grid article h3 { margin: auto 0 9px; font-size: 22px; letter-spacing: -.035em; }
.xti-private-type-grid article p { margin: 0; color: #695b63; font-size: 13px; }
.xti-private-type-grid article a { margin-top: 15px; font-size: 11px; font-weight: 800; }
.xti-private-type-grid .is-birthday { background: var(--xti-private-pink); }
.xti-private-type-grid .is-wedding { background: #f2dcda; }
.xti-private-type-grid .is-jubilee { background: var(--xti-private-orange); }
.xti-private-type-grid .is-event { background: #e4ddff; }
.xti-private-modules { padding: 125px 0; background: var(--xti-private-pink); }
.xti-private-module-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 13px; }
.xti-private-module-grid article { min-height: 300px; padding: 28px; border: 1px solid rgba(111,35,76,.25); border-radius: 24px; background: rgba(255,246,233,.55); }
.xti-private-module-grid article > span { font-size: 9px; font-weight: 850; }
.xti-private-module-grid article > i { display: grid; width: 72px; height: 72px; margin: 40px 0; place-items: center; border-radius: 50%; background: var(--xti-private-plum); color: #fff; font-size: 25px; font-style: normal; }
.xti-private-module-grid h3 { margin: 0 0 10px; font-size: 23px; }
.xti-private-module-grid p { margin: 0; font-size: 14px; }
.xti-private-wedding-bridge { background: var(--xti-private-cream); }
.xti-private-wedding-bridge__card { display: grid; grid-template-columns: 1fr .65fr; align-items: center; gap: 70px; padding: clamp(40px,7vw,90px); border-radius: 42px; background: #3b2c31; color: #fff; }
.xti-private-wedding-bridge__card h2 { margin-bottom: 25px; }
.xti-private-wedding-bridge__card p { max-width: 650px; color: #c9bfc2; }
.xti-private-wedding-mark { position: relative; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; justify-items: center; min-height: 350px; border: 1px solid rgba(255,255,255,.16); border-radius: 180px 180px 28px 28px; background: #f1dcda; color: #8b4655; font-family: Georgia,serif; font-size: 70px; }
.xti-private-wedding-mark i { color: #b95769; font-size: 25px; font-style: normal; }
.xti-private-wedding-mark small { position: absolute; right: 0; bottom: 45px; left: 0; font-family: var(--xti-font); font-size: 9px; letter-spacing: .2em; text-align: center; }
.xti-private-price { background: #ffe0e8; }
.xti-private-price-card { display: grid; grid-template-columns: .9fr .65fr; gap: 80px; padding: clamp(38px,6vw,75px); border-radius: 40px; background: var(--xti-private-orange); }
.xti-private-price-card h2 { margin-bottom: 25px; }
.xti-private-price-card > div:last-child { padding: 30px; border-radius: 26px; background: #fff; }
.xti-private-price-card > div:last-child > small { font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.xti-private-price-card > div:last-child > strong { display: block; margin: 8px 0 22px; font-size: 42px; }
.xti-private-price-card ul { display: grid; gap: 10px; margin: 0 0 24px; padding: 0; list-style: none; }
.xti-private-price-card li { display: flex; align-items: center; gap: 9px; font-size: 11px; }
.xti-private-price-card li svg { width: 20px; height: 20px; padding: 4px; border-radius: 50%; background: #ffe0e8; fill: none; stroke: var(--xti-private-plum); stroke-width: 2; }
.xti-private-faq { background: var(--xti-private-cream); }
.xti-private-contact { background: #ffd1dc; }

/* Showcase directory */
.xti-showcase-archive-hero { padding: 55px 0 100px; background: #202025; color: #fff; }
.xti-showcase-archive-hero .xti-breadcrumb { color: #aaaab3; }
.xti-showcase-archive-hero__grid { display: grid; grid-template-columns: 1.25fr .55fr; align-items: end; gap: 80px; }
.xti-showcase-archive-hero h1 { margin: 0; font-size: clamp(58px,8vw,112px); font-weight: 560; line-height: .84; letter-spacing: -.075em; }
.xti-showcase-archive-hero h1 em { color: var(--xti-lime); font-style: normal; }
.xti-showcase-archive-hero__grid > div:last-child p { color: #b7b7bf; font-size: 19px; }
.xti-showcase-archive-hero__grid > div:last-child strong { display: block; margin-top: 35px; color: var(--xti-coral); font-size: 55px; line-height: 1; }
.xti-showcase-archive-hero__grid > div:last-child span { color: #aaaab2; font-size: 11px; }
.xti-showcase-engine { background: #e7e3ff; }
.xti-showcase-engine__grid { display: grid; grid-template-columns: 1fr 1fr; gap: 90px; }
.xti-showcase-engine__grid p { font-size: 19px; }
.xti-showcase-engine__grid ul { display: grid; gap: 13px; margin: 30px 0 0; padding: 0; list-style: none; }
.xti-showcase-engine__grid li { display: flex; align-items: center; gap: 10px; }
.xti-showcase-engine__grid svg { width: 23px; height: 23px; padding: 4px; border-radius: 50%; background: #fff; fill: none; stroke: var(--xti-violet); stroke-width: 2; }

/* Responsive */
@media (max-width: 1120px) {
    .xti-desktop-nav { gap: 20px; }
    .xti-hero__grid, .xti-wedding-spotlight__grid, .xti-google-grid, .xti-industry-hero__grid, .xti-solution-hero__grid, .xti-wedding-hero__grid { gap: 45px; }
    .xti-hero__grid { grid-template-columns: .9fr 1fr; }
    .xti-industry-grid { grid-template-columns: repeat(3, 1fr); }
    .xti-price-grid { grid-template-columns: 1fr 1fr; }
    .xti-price-card--care { grid-column: 1 / 3; min-height: 460px; }
    .xti-wedding-phones { transform: scale(.88); transform-origin: center; }
    .xti-wedding-feature-grid { grid-template-columns: 1fr 1fr; }
    .xti-wedding-feature--large { grid-row: span 2; }
    .xti-wedding-feature--private { grid-column: 2; }
    .xti-private-hero__grid { gap: 40px; }
    .xti-private-type-grid { grid-template-columns: 1fr 1fr; }
    .xti-example-business-mini, .xti-example-private-mini { min-height: 350px; padding: 34px; }
    .xti-example-package-preview { min-height: 350px; }
    .xti-example-package-preview img { height: 350px; }
    .xti-example-business-mini > span, .xti-example-private-mini > span { bottom: 32px; left: 34px; }
    .xti-example-private-mini > span { right: 34px; }
}

@media (max-width: 900px) {
    .admin-bar .xti-topbar { top: 46px; }
    .xti-desktop-nav { display: none; }
    .xti-menu-button { display: block; }
    .xti-topbar__actions .xti-button { display: none; }
    .xti-topbar__actions>.xti-nav-account{display:none}
    .xti-section { padding: 90px 0; }
    .xti-hero { padding: 70px 0 90px; }
    .xti-hero__grid, .xti-wedding-spotlight__grid, .xti-google-grid, .xti-form-card, .xti-directory-hero__grid, .xti-directory-seo__grid, .xti-industry-hero__grid, .xti-industry-included__grid, .xti-solution-hero__grid, .xti-solution-split__grid, .xti-wedding-hero__grid, .xti-wedding-dashboard-grid { grid-template-columns: 1fr; }
    .xti-hero-stage { min-height: 640px; }
    .xti-section-head { grid-template-columns: 1fr; gap: 25px; }
    .xti-wedding-spotlight__grid { gap: 30px; }
    .xti-wedding-phones { width: 640px; max-width: 100%; margin: auto; }
    .xti-process-grid, .xti-wedding-flow__grid { grid-template-columns: 1fr; }
    .xti-process-grid article { min-height: 250px; }
    .xti-process-icon { width: 80px; height: 80px; margin: 25px 0; }
    .xti-industry-grid { grid-template-columns: repeat(2, 1fr); }
    .xti-work-card { min-height: 480px; }
    .xti-work-card > div { min-height: 350px; }
    .xti-faq-grid { grid-template-columns: 1fr; gap: 40px; }
    .xti-faq-grid > div:first-child { position: static; }
    .xti-form-card { gap: 20px; }
    .xti-category-cta > .xti-container { grid-template-columns: 1fr; gap: 35px; }
    .xti-included-visual { min-height: 620px; }
    .xti-process-line { grid-template-columns: 1fr; gap: 12px; }
    .xti-process-line > i { display: none; }
    .xti-benefit-cards, .xti-delivery-grid { grid-template-columns: repeat(2, 1fr); }
    .xti-solution-price-card, .xti-wedding-price-card { grid-template-columns: 1fr; gap: 35px; }
    .xti-wedding-hero__grid { gap: 20px; }
    .xti-invite-stage { width: min(650px, 100%); margin: auto; }
    .xti-example-universe__grid, .xti-private-hero__grid, .xti-private-wedding-bridge__card, .xti-private-price-card, .xti-showcase-archive-hero__grid, .xti-showcase-engine__grid { grid-template-columns: 1fr; }
    .xti-private-stage { width: min(650px,100%); margin: 0 auto; }
    .xti-private-module-grid { grid-template-columns: 1fr 1fr; }
    .xti-showcase-toolbar { align-items: flex-start; }
    .xti-showcase-viewport { min-height: 720px; }
}

@media (max-width: 680px) {
    body.xti-document { font-size: 16px; padding-bottom: 0; }
    .xti-container { width: min(100% - 30px, 1240px); }
    .xti-topbar__inner { width: calc(100% - 30px); min-height: 66px; }
    .xti-logo__image{height:31px;max-width:124px}.xti-mobile-menu{padding:18px 20px 24px}.xti-mobile-menu__grid{grid-template-columns:1fr;gap:20px}.xti-mobile-menu nav a{font-size:19px;padding:9px 0}.xti-mobile-menu__actions{display:grid;grid-template-columns:1fr 1fr}.xti-mobile-menu__actions .xti-button{grid-column:1/-1;width:100%;margin-left:0}.xti-topbar__actions>.xti-nav-account{display:none}
    .xti-logo { font-size: 22px; }
    .xti-logo__mark { width: 27px; height: 27px; }
    .xti-logo__mark i { width: 15px; height: 15px; }
    .xti-section { padding: 72px 0; }
    .xti-section h2, .xti-faq-grid h2, .xti-directory-seo h2 { font-size: 43px; }
    .xti-section-head { margin-bottom: 38px; }
    .xti-section-head p, .xti-section-head > p { font-size: 16px; }
    .xti-kicker { margin-bottom: 15px; font-size: 10px; }
    .xti-hero { padding: 58px 0 65px; }
    .xti-hero__copy h1 { font-size: 54px; }
    .xti-lead, .xti-hero__copy > p { font-size: 17px; }
    .xti-audience-switch { border-radius: 17px; }
    .xti-audience-switch button { padding: 11px; }
    .xti-audience-switch span { font-size: 13px; }
    .xti-audience-switch small { font-size: 9px; }
    .xti-hero__buttons { align-items: stretch; }
    .xti-hero__buttons .xti-button { flex: 1 1 100%; }
    .xti-mini-proof { gap: 8px 13px; }
    .xti-hero-stage { min-height: 470px; margin-top: 15px; }
    .xti-browser-card { left: 0; width: 100%; border-width: 5px; border-radius: 24px; }
    .xti-browser-card__business, .xti-browser-card__wedding { min-height: 365px; padding: 20px; }
    .xti-demo-copy { width: 70%; padding-top: 50px; }
    .xti-demo-copy h2 { font-size: 37px; }
    .xti-demo-shape { right: -120px; width: 270px; height: 340px; }
    .xti-browser-card__wedding h2 { font-size: 40px; }
    .xti-stage-label { padding: 13px 15px; }
    .xti-stage-chip--bottom { bottom: 0; }
    .xti-trust-rail > div, .xti-wedding-ribbon > div { gap: 24px; padding: 14px 0; }
    .xti-solution-card { min-width: 86vw; min-height: 590px; border-radius: 27px; }
    .xti-solution-card__visual { height: 265px; }
    .xti-carousel-wrap { width: calc(100% - 15px); margin-left: 15px; }
    .xti-wedding-spotlight { padding: 80px 0; }
    .xti-wedding-copy h2 { font-size: 48px; }
    .xti-wedding-phones { min-height: 500px; transform: none; }
    .xti-phone { width: 230px; height: 460px; padding: 36px 17px 17px; border-width: 6px; border-radius: 36px; }
    .xti-phone--back { left: 0; }
    .xti-phone--front { right: 0; }
    .xti-phone h3 { font-size: 29px; }
    .xti-phone ol li { grid-template-columns: 48px 1fr; padding: 9px; font-size: 10px; }
    .xti-flower-badge { right: -7px; bottom: 10px; width: 85px; height: 85px; font-size: 27px; }
    .xti-process-grid article { min-height: 260px; }
    .xti-filter { grid-template-columns: 1fr; }
    .xti-filter__count { text-align: left; }
    .xti-industry-grid { grid-template-columns: 1fr 1fr; gap: 9px; }
    .xti-industry-card { min-height: 210px; padding: 16px; border-radius: 19px; }
    .xti-industry-card__icon { width: 48px; height: 48px; margin: 20px 0; }
    .xti-industry-card strong { font-size: 15px; }
    .xti-industry-card small { font-size: 8px; }
    .xti-google-section { padding: 80px 0; }
    .xti-google-copy h2 { font-size: 46px; }
    .xti-search-console-card { padding: 19px; border-radius: 24px; }
    .xti-console-badge { right: -5px; top: 60px; }
    .xti-work-grid { grid-template-columns: 1fr; }
    .xti-work-card { min-height: 430px; }
    .xti-work-card > div { min-height: 320px; }
    .xti-work-card--color div b, .xti-work-card--race div b, .xti-work-card--race div strong, .xti-work-card--piano div b { font-size: 50px; }
    .xti-work-card--tipsy > div { padding: 35px; }
    .xti-work-card--tipsy div b { font-size: 39px; }
    .xti-price-grid { grid-template-columns: 1fr; }
    .xti-price-card, .xti-price-card--care { grid-column: auto; min-height: 560px; padding: 27px; }
    .xti-form-card { padding: 20px; border-radius: 28px; }
    .xti-form-card__intro { padding: 12px; }
    .xti-form-card__intro h2 { font-size: 45px; }
    .xti-lead-form { padding: 17px; }
    .xti-field-row { grid-template-columns: 1fr; }
    .xti-consent { right: 15px; bottom: 15px; width: calc(100% - 30px); flex-direction: column; align-items: stretch; }
    .xti-consent__buttons .xti-consent-choice { flex: 1; }
    .xti-footer { padding: 75px 20px 25px; }
    .xti-footer__lead a { align-items: flex-end; font-size: 46px; }
    .xti-footer__grid { grid-template-columns: 1fr 1fr; }
    .xti-footer__grid .xti-logo { grid-column: 1 / 3; }
    .xti-footer__bottom { flex-direction: column; }
    .xti-footer__legal { justify-content:flex-start; }
    .xti-legal__body { grid-template-columns:1fr; }
    .xti-directory-hero { padding: 35px 0 75px; }
    .xti-directory-hero h1 { font-size: 55px; }
    .xti-directory-hero__grid { gap: 25px; }
    .xti-directory-stat strong { font-size: 45px; }
    .xti-directory-seo { padding: 80px 0; }
    .xti-local-search-mock { padding: 15px; }
    .xti-category-cta { padding: 75px 0; }
    .xti-industry-hero { padding: 35px 0; }
    .xti-industry-hero h1 { font-size: 52px; }
    .xti-industry-preview { min-height: 440px; }
    .xti-preview-browser { inset: 15px 0 20px; border-width: 5px; }
    .xti-preview-site { min-height: 380px; padding: 20px; }
    .xti-preview-site nav span { display: none; }
    .xti-preview-site > small { margin-top: 50px; }
    .xti-preview-site h2 { font-size: 39px; }
    .xti-preview-stamp { width: 90px; height: 90px; }
    .xti-value-grid { grid-template-columns: 1fr; }
    .xti-industry-included { padding: 80px 0; }
    .xti-included-visual { min-height: 550px; }
    .xti-phone-search { left: 50%; width: 300px; min-height: 530px; transform: translateX(-50%) rotate(-4deg); }
    .xti-index-chip { right: -5px; }
    .xti-inline-price { grid-template-columns: 1fr; }
    .xti-inline-price a { grid-column: 1; grid-row: auto; margin-top: 12px; }
    .xti-benefit-cards, .xti-delivery-grid { grid-template-columns: 1fr; }
    .xti-solution-hero { padding: 35px 0 75px; }
    .xti-solution-hero h1 { font-size: 52px; }
    .xti-solution-device { min-height: 470px; border-width: 5px; border-radius: 25px; }
    .xti-onepage-demo, .xti-event-demo, .xti-artist-demo { min-height: 420px; padding: 23px; }
    .xti-onepage-demo h2 { font-size: 40px; }
    .xti-event-demo h2, .xti-artist-demo h2 { font-size: 55px; }
    .xti-disc { right: -100px; width: 280px; height: 280px; }
    .xti-solution-split { padding: 80px 0; }
    .xti-design-system-mock { padding: 20px; }
    .xti-design-badge { right: -5px; }
    .xti-solution-price-card, .xti-wedding-price-card { padding: 30px; border-radius: 28px; }
    .xti-wedding-hero { padding: 35px 0 70px; }
    .xti-wedding-hero__copy h1 { font-size: 54px; }
    .xti-invite-stage { min-height: 540px; }
    .xti-invite-card { left: 5%; width: 90%; min-height: 500px; padding: 38px 25px; }
    .xti-invite-card--shadow { left: 2%; }
    .xti-invite-card__monogram { margin: 30px 0 20px; }
    .xti-invite-card h2 { font-size: 40px; }
    .xti-rsvp-bubble { right: -4px; bottom: -10px; }
    .xti-heart-bubble { left: -5px; top: 75px; width: 58px; height: 58px; }
    .xti-wedding-feature-grid { grid-template-columns: 1fr; }
    .xti-wedding-feature, .xti-wedding-feature--large { grid-column: auto; grid-row: auto; min-height: 370px; }
    .xti-wedding-feature--large { min-height: 700px; }
    .xti-wedding-style { padding: 80px 0; }
    .xti-style-card { min-width: 86vw; }
    .xti-wedding-dashboard-section { padding: 80px 0; }
    .xti-rsvp-dashboard { padding: 18px; }
    .xti-dashboard-stats article { padding: 11px; }
    .xti-dashboard-stats b { font-size: 24px; }
    .xti-guest-row { grid-template-columns: auto 1fr; }
    .xti-guest-row > strong { grid-column: 2; justify-self: start; }
    .xti-example-business-mini, .xti-example-private-mini { min-height: 320px; padding: 26px; }
    .xti-example-package-preview { min-height: 320px; }
    .xti-example-package-preview img { height: 320px; }
    .xti-example-business-mini strong, .xti-example-private-mini strong { font-size: 43px; }
    .xti-example-business-mini > span, .xti-example-private-mini > span { right: 26px; bottom: 25px; left: 26px; }
    .xti-example-card footer { align-items: flex-start; padding: 20px; }
    .xti-example-card footer b { max-width: 80px; text-align: right; }
    .xti-showcase-toolbar { flex-direction: column; gap: 14px; padding: 18px; }
    .xti-showcase-toolbar__actions { width: 100%; justify-content: space-between; }
    .xti-showcase-toolbar__actions > a { text-align: right; }
    .xti-showcase-viewport { min-height: 650px; padding: 10px; }
    .xti-showcase-browser iframe, .xti-showcase-shell[data-device="mobile"] .xti-showcase-browser iframe { height: 610px; }
    .xti-showcase-shell { border-radius: 23px; }
    .xti-private-hero { padding: 35px 0 70px; }
    .xti-private-hero__copy h1 { font-size: 54px; }
    .xti-private-hero__copy > p { font-size: 17px; }
    .xti-private-stage { min-height: 510px; }
    .xti-private-phone { top: 10px; left: 0; width: 67%; min-height: 480px; padding: 65px 20px 25px; border-width: 6px; border-radius: 38px; }
    .xti-private-phone > span { margin-top: 35px; }
    .xti-private-phone h2 { font-size: 49px; }
    .xti-private-card { top: 65px; width: 50%; min-height: 330px; padding: 22px; }
    .xti-private-card strong { font-size: 27px; }
    .xti-private-burst { right: -4px; width: 82px; height: 82px; border-width: 6px; font-size: 27px; }
    .xti-private-rsvp { right: 3%; }
    .xti-private-type-grid, .xti-private-module-grid { grid-template-columns: 1fr; }
    .xti-private-type-grid article { min-height: 330px; }
    .xti-private-wedding-bridge__card, .xti-private-price-card { gap: 35px; padding: 28px; border-radius: 28px; }
    .xti-private-wedding-mark { min-height: 300px; }
    .xti-showcase-archive-hero { padding: 35px 0 70px; }
    .xti-showcase-archive-hero h1 { font-size: 54px; }
}

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .xti-document *, .xti-document *::before, .xti-document *::after { scroll-behavior: auto !important; animation-duration: .01ms !important; animation-iteration-count: 1 !important; transition-duration: .01ms !important; }
}

@media print {
    .xti-topbar, .xti-mobile-dock, .xti-consent, .xti-footer { display: none !important; }
    .xti-app { color: #000; }
}

/* ------------------------------------------------ Selvbetjening / dittevent */

.xti-selfserve {
    background: #101018;
    color: #f4f1ea;
    border-radius: 32px;
    margin: 0 auto;
}
.xti-selfserve__grid {
    display: grid;
    gap: 32px;
    padding-top: 8px;
}
.xti-selfserve h2 { color: #fff; }
.xti-selfserve h2 em { color: #34e5c8; font-style: normal; }
.xti-selfserve p { color: rgba(244,241,234,.72); }
.xti-selfserve .xti-kicker { color: #34e5c8; }
.xti-selfserve .xti-check-list li span { color: rgba(244,241,234,.82); }
.xti-selfserve .xti-check-list li b { color: #fff; }
.xti-selfserve .xti-button--ink {
    background: #34e5c8;
    color: #05221d;
}
.xti-selfserve__prices {
    align-self: start;
    padding: 26px;
    background: rgba(255,255,255,.05);
    border: 1px solid rgba(255,255,255,.12);
    border-radius: 22px;
}
.xti-selfserve__prices small {
    display: block;
    font-size: 11.5px;
    letter-spacing: .16em;
    color: #34e5c8;
    margin-bottom: 16px;
}
.xti-selfserve__prices ul { list-style: none; margin: 0; padding: 0; }
.xti-selfserve__prices li {
    display: flex;
    justify-content: space-between;
    align-items: baseline;
    gap: 16px;
    padding: 12px 0;
    border-bottom: 1px solid rgba(255,255,255,.1);
}
.xti-selfserve__prices li:last-child { border-bottom: 0; }
.xti-selfserve__prices li b { font-size: 1.25rem; }
.xti-selfserve__prices p {
    margin: 16px 0 0;
    font-size: 13.5px;
    color: rgba(244,241,234,.6);
}

@media (min-width: 900px) {
    .xti-selfserve__grid { grid-template-columns: 1.15fr .85fr; align-items: center; }
}

/* ------------------------------------------------ Forside 2.4: kortere produktreise */
.xti-home-document { background: #f7f7f8; }
/* Forside 2027: kortere produktfortelling med tre tydelige innganger. */
.xti-h27-hero { position:relative; overflow:hidden; padding:clamp(78px,9vw,132px) 0 clamp(82px,10vw,142px); background:radial-gradient(circle at 88% 2%,rgba(118,101,222,.16),transparent 31%),radial-gradient(circle at 4% 100%,rgba(242,132,139,.13),transparent 29%),#f8f7f3; }
.xti-h27-hero::after { position:absolute; right:-170px; bottom:-280px; width:660px; height:660px; border:1px solid rgba(86,71,180,.13); border-radius:50%; content:""; }
.xti-h27-hero__grid { position:relative; z-index:1; display:grid; grid-template-columns:minmax(0,.88fr) minmax(500px,1.02fr); align-items:center; gap:clamp(50px,7vw,100px); }
.xti-h27-hero__copy h1 { max-width:760px; margin:20px 0 28px; color:#202126; font-size:clamp(56px,7vw,96px); font-weight:610; letter-spacing:-.075em; line-height:.9; }
.xti-h27-hero__copy h1 em { color:#5c4bc8; font-family:Georgia,serif; font-weight:400; }
.xti-h27-hero__copy>p { max-width:680px; margin:0; color:#565b59; font-size:clamp(18px,1.7vw,22px); line-height:1.55; }
.xti-h27-engine { overflow:hidden; border:7px solid #fff; border-radius:34px; background:#fff; box-shadow:0 38px 100px rgba(49,42,83,.16); transform:rotate(1deg); }
.xti-h27-engine__top { display:grid; min-height:49px; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 15px; background:#f0f0f2; color:#67686f; font-size:8px; font-weight:800; letter-spacing:.09em; }
.xti-h27-engine__top>span { display:flex; gap:5px; }
.xti-h27-engine__top>span i { width:8px; height:8px; border-radius:50%; background:#c6c7cc; }
.xti-h27-engine__top small { justify-self:end; color:#367458; }
.xti-h27-engine__body { display:grid; min-height:480px; grid-template-columns:.62fr 1fr; gap:11px; padding:14px; background:#f5f5f7; }
.xti-h27-engine__prompt { display:flex; flex-direction:column; justify-content:center; padding:24px; border:1px solid #dedee4; border-radius:21px; background:#fff; }
.xti-h27-engine__prompt small { color:#746aab; font-size:8px; font-weight:850; letter-spacing:.14em; }
.xti-h27-engine__prompt p { margin:15px 0 25px; color:#4e5057; font-size:12px; line-height:1.65; }
.xti-h27-engine__prompt span { width:fit-content; padding:9px 12px; border-radius:9px; background:#5c4bc8; color:#fff; font-size:9px; font-weight:780; }
.xti-h27-engine__body article { position:relative; display:flex; flex-direction:column; align-items:center; justify-content:center; overflow:hidden; padding:28px; border-radius:21px; background:#f2dedc; color:#70404a; text-align:center; }
.xti-h27-engine__body article::before,.xti-h27-engine__body article::after { position:absolute; width:170px; height:75px; border-radius:100% 0; background:rgba(103,128,91,.24); content:""; transform:rotate(28deg); }
.xti-h27-engine__body article::before { top:22px; right:-70px; }
.xti-h27-engine__body article::after { bottom:16px; left:-78px; transform:rotate(-24deg); }
.xti-h27-engine__body article>* { position:relative; z-index:1; }
.xti-h27-engine__body article>small { font-size:7px; font-weight:820; letter-spacing:.16em; }
.xti-h27-engine__body article>strong { margin:23px 0 14px; font-family:Georgia,serif; font-size:clamp(34px,4.2vw,54px); font-style:italic; font-weight:400; letter-spacing:-.06em; line-height:.9; }
.xti-h27-engine__body article>strong i { color:#aa5261; }
.xti-h27-engine__body article>p { margin:0 0 23px; font-family:Georgia,serif; font-size:11px; }
.xti-h27-engine__body article>b { padding:9px 13px; border-radius:999px; background:#804853; color:#fff; font-size:8px; }
.xti-h27-engine__status { display:flex; flex-wrap:wrap; gap:18px; padding:14px 18px; border-top:1px solid #e1e1e5; color:#565d59; font-size:9px; font-weight:750; }
.xti-h27-engine__status i { display:inline-grid; width:18px; height:18px; place-items:center; margin-right:5px; border-radius:50%; background:#ddf0e4; color:#226145; font-style:normal; }

.xti-h27-products,.xti-h27-cases,.xti-h27-price { padding:clamp(78px,9vw,128px) 0; }
.xti-h27-products { background:#fff; }
.xti-h27-heading { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.55fr); align-items:end; gap:55px; margin-bottom:45px; }
.xti-h27-heading h2,.xti-h27-custom h2,.xti-h27-price h2,.xti-h27-contact__intro h2 { margin:0; color:#202126; font-size:clamp(43px,5.4vw,72px); font-weight:610; letter-spacing:-.065em; line-height:.94; }
.xti-h27-heading p { max-width:510px; margin:0 0 10px; color:#626663; font-size:17px; }
.xti-h27-product-grid { display:grid; grid-template-columns:.92fr 1.08fr; gap:16px; }
.xti-h27-product { position:relative; display:flex; min-width:0; flex-direction:column; padding:clamp(26px,3.5vw,46px); border:1px solid #dfdfe3; border-radius:34px; }
.xti-h27-product--site { background:#f0edff; }
.xti-h27-product--checkin { background:#e8f4ec; }
.xti-h27-product__number { position:absolute; top:25px; right:28px; color:rgba(47,46,57,.26); font-size:11px; font-weight:850; }
.xti-h27-pill { width:fit-content; padding:7px 10px; border:1px solid rgba(48,49,55,.11); border-radius:999px; background:rgba(255,255,255,.68); color:#575a59; font-size:8px; font-weight:850; letter-spacing:.12em; }
.xti-h27-product h3 { max-width:650px; margin:31px 0 15px; color:#24252a; font-size:clamp(33px,4vw,55px); letter-spacing:-.06em; line-height:.95; }
.xti-h27-product>p { max-width:670px; margin:0; color:#575e5a; font-size:15px; line-height:1.6; }
.xti-h27-machine-copy { display:grid; gap:5px; margin:27px 0 0; padding:18px; border:1px solid rgba(84,72,172,.18); border-radius:17px; background:rgba(255,255,255,.72); }
.xti-h27-machine-copy b { color:#443b84; font-size:12px; }
.xti-h27-machine-copy span { color:#5d5a71; font-size:11px; line-height:1.55; }
.xti-h27-product>ul { display:grid; gap:8px; margin:26px 0 31px; padding:0; list-style:none; }
.xti-h27-product>ul li { display:flex; align-items:flex-start; gap:9px; color:#444a47; font-size:12px; font-weight:680; }
.xti-h27-product>ul li::before { display:grid; width:19px; height:19px; flex:0 0 19px; place-items:center; border-radius:50%; background:#fff; color:#3a6b59; content:"✓"; font-size:9px; }
.xti-h27-product__actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px; margin-top:auto; }
.xti-h27-product__actions>a:not(.xti-button) { color:#4b514e; font-size:11px; font-weight:760; }
.xti-h27-checkin-screen { overflow:hidden; margin:28px 0 0; border:6px solid #fff; border-radius:24px; background:#f8f7f3; box-shadow:0 18px 45px rgba(37,77,56,.11); }
.xti-h27-checkin-screen>header { display:flex; min-height:56px; align-items:center; justify-content:space-between; padding:10px 15px; border-bottom:1px solid #dfe4df; background:#fff; }
.xti-h27-checkin-screen>header>b { color:#365247; font-size:10px; letter-spacing:.1em; }
.xti-h27-checkin-screen>header>i { display:grid; width:31px; height:31px; place-content:center; gap:3px; border-radius:50%; background:#28483c; }
.xti-h27-checkin-screen>header>i span { display:block; width:11px; height:1px; background:#fff; }
.xti-h27-checkin-screen>div { display:grid; min-height:220px; place-content:center; padding:28px; text-align:center; }
.xti-h27-checkin-screen>div small { color:#4e7667; font-size:8px; font-weight:850; letter-spacing:.13em; }
.xti-h27-checkin-screen>div strong { margin:8px 0 20px; color:#24332d; font-size:clamp(22px,3vw,34px); letter-spacing:-.045em; }
.xti-h27-checkin-screen>div p { display:flex; min-height:51px; align-items:center; justify-content:space-between; margin:0; padding:7px 7px 7px 14px; border:1px solid #b9c4be; border-radius:13px; background:#fff; color:#69736e; font-size:11px; }
.xti-h27-checkin-screen>div p b { display:grid; width:37px; height:37px; place-items:center; border-radius:9px; background:#263e35; color:#fff; }
.xti-h27-checkin-screen>footer { display:flex; flex-wrap:wrap; gap:6px; padding:11px; border-top:1px solid #dfe4df; background:#fff; }
.xti-h27-checkin-screen>footer span { padding:6px 8px; border-radius:999px; background:#edf3ef; color:#4c6259; font-size:8px; font-weight:740; }

.xti-h27-custom { display:grid; grid-template-columns:1fr auto; align-items:center; gap:50px; margin-top:16px; padding:clamp(30px,5vw,58px); border:1px solid #ead8cf; border-radius:34px; background:linear-gradient(135deg,#fff0e9,#f9e7e8); }
.xti-h27-custom h2 { margin-top:10px; font-size:clamp(38px,4.8vw,64px); }
.xti-h27-custom p { max-width:760px; margin:18px 0 0; color:#655c58; font-size:16px; }
.xti-h27-custom>div:last-child { display:grid; justify-items:start; gap:10px; }
.xti-h27-custom small { color:#6a5c57; font-size:11px; }

.xti-h27-cases { background:#f6f5f2; }
.xti-h27-case-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; }
.xti-h27-case { display:flex; min-height:320px; flex-direction:column; padding:26px; border:1px solid #dededc; border-radius:26px; background:#fff; color:#2b2d2c; transition:transform .2s ease,box-shadow .2s ease; }
.xti-h27-case:hover { transform:translateY(-4px); box-shadow:0 22px 50px rgba(38,41,39,.09); }
.xti-h27-case small { color:#696e6b; font-size:8px; font-weight:850; letter-spacing:.12em; }
.xti-h27-case strong { display:block; margin:auto 0 15px; font-size:clamp(29px,3vw,44px); letter-spacing:-.055em; line-height:.95; }
.xti-h27-case p { margin:0 0 30px; color:#5e645f; font-size:12px; }
.xti-h27-case>span { font-size:10px; font-weight:800; }
.xti-h27-case.is-wedding { background:#f3e2df; color:#70404a; }
.xti-h27-case.is-wedding strong { font-family:Georgia,serif; font-style:italic; font-weight:400; }
.xti-h27-case.is-wedding strong i { color:#a54e60; }
.xti-h27-case.is-birthday { background:#ffe0e9; color:#6b2d4e; }
.xti-h27-case.is-birthday strong i { color:#eb654f; font-family:Georgia,serif; font-size:1.25em; font-weight:400; }
.xti-h27-case.is-business { background:#e1eee3; color:#2a4031; }
.xti-h27-made { display:flex; align-items:center; justify-content:space-between; gap:25px; margin-top:12px; padding:17px 21px; border:1px solid #dededc; border-radius:16px; background:#fff; }
.xti-h27-made>span { color:#6a6f6c; font-size:9px; font-weight:800; text-transform:uppercase; }
.xti-h27-made nav { display:flex; flex-wrap:wrap; justify-content:flex-end; gap:18px; }
.xti-h27-made a { color:#3c403e; font-size:11px; font-weight:740; }

.xti-h27-price { background:#fff; }
.xti-h27-price__head { max-width:720px; margin-bottom:38px; }
.xti-h27-price__head h2 { margin-top:12px; }
.xti-h27-price__grid { display:grid; grid-template-columns:repeat(3,1fr); gap:11px; }
.xti-h27-price__grid article { display:flex; min-height:280px; flex-direction:column; padding:27px; border:1px solid #dedfe0; border-radius:24px; background:#f6f6f5; }
.xti-h27-price__grid article.is-featured { border-color:#b9d4c5; background:#e9f4ed; }
.xti-h27-price__grid small { color:#656b68; font-size:8px; font-weight:850; letter-spacing:.12em; }
.xti-h27-price__grid strong { display:block; margin:25px 0 11px; color:#262a28; font-size:clamp(28px,3vw,41px); letter-spacing:-.05em; }
.xti-h27-price__grid p { margin:0 0 28px; color:#5e6561; font-size:12px; line-height:1.55; }
.xti-h27-price__grid a { margin-top:auto; color:#4b3ead; font-size:11px; font-weight:820; }
.xti-h27-price__grid article.is-featured a { color:#267957; }
.xti-h27-contact { background:#e8eee9; }
.xti-h27-contact__intro { margin-bottom:32px; }
.xti-h27-contact__intro h2 { margin-top:11px; }

.xti-h26-link { display: inline-flex; align-items: center; gap: 10px; padding: 8px 0; border-bottom: 1px solid #b9bbc1; color: #34343a; font-size: 14px; font-weight: 760; }
.xti-h26-link svg { width: 19px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.xti-h26-hero { position: relative; overflow: hidden; padding: clamp(70px,8vw,118px) 0 105px; background: radial-gradient(circle at 85% 0%,rgba(121,102,229,.16),transparent 34%),radial-gradient(circle at 5% 95%,rgba(255,112,125,.13),transparent 32%),#f7f7f8; }
.xti-h26-hero::before { position: absolute; top: 55px; right: -190px; width: 620px; height: 620px; border: 1px solid rgba(91,75,216,.13); border-radius: 50%; content: ""; }
.xti-h26-hero__grid { position: relative; display: grid; grid-template-columns: minmax(0,.9fr) minmax(520px,1.06fr); align-items: center; gap: clamp(55px,8vw,110px); }
.xti-h26-hero__copy h1 { max-width: 720px; margin: 0 0 30px; color: #202026; font-size: clamp(58px,7vw,98px); font-weight: 590; letter-spacing: -.075em; line-height: .9; }
.xti-h26-hero__copy h1 em { color: #5b4bd8; font-style: normal; }
.xti-h26-hero__copy > p { max-width: 650px; margin: 0; color: #595961; font-size: clamp(18px,1.6vw,22px); line-height: 1.55; }
.xti-h26-hero__actions { display: flex; flex-wrap: wrap; align-items: center; gap: 23px; margin-top: 34px; }
.xti-h26-proof { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 38px; }
.xti-h26-proof span { padding: 7px 11px; border: 1px solid #d9d9de; border-radius: 999px; background: rgba(255,255,255,.72); color: #595961; font-size: 10px; font-weight: 760; }
.xti-h26-stage { position: relative; min-height: 610px; }
.xti-h26-window { position: absolute; top: 28px; right: 0; left: 0; overflow: hidden; border: 7px solid #fff; border-radius: 33px; background: #fff; box-shadow: 0 40px 90px rgba(46,40,79,.17); transform: rotate(1.2deg); }
.xti-h26-window__top { display: grid; height: 49px; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 16px; background: #f1f1f4; color: #5b5b64; font-size: 10px; }
.xti-h26-window__top > span { display: flex; gap: 6px; }
.xti-h26-window__top > span i { width: 8px; height: 8px; border-radius: 50%; background: #cacad0; }
.xti-h26-window__top b { color: #29292f; font-size: 11px; }
.xti-h26-window__top small { justify-self: end; color: #3e765c; }
.xti-h26-window__body { display: grid; min-height: 485px; grid-template-columns: 128px 1fr; background: #f8f8fa; }
.xti-h26-window__body nav { display: flex; flex-direction: column; gap: 8px; padding: 22px 12px; border-right: 1px solid #e4e4e8; background: #fff; color: #74747c; font-size: 9px; }
.xti-h26-window__body nav b { margin: 0 6px 25px; color: #24242a; font-size: 18px; }
.xti-h26-window__body nav span { padding: 9px 10px; border-radius: 8px; }
.xti-h26-window__body nav span.is-active { background: #e8e3ff; color: #4b3fb0; font-weight: 800; }
.xti-h26-canvas { padding: 20px; }
.xti-h26-canvas__head { display: flex; align-items: center; justify-content: space-between; margin-bottom: 17px; color: #777780; font-size: 8px; font-weight: 800; letter-spacing: .09em; }
.xti-h26-canvas__head i { padding: 5px 9px; border-radius: 99px; background: #fff; color: #55555d; font-style: normal; letter-spacing: 0; }
.xti-h26-event-card { position: relative; display: flex; min-height: 385px; flex-direction: column; align-items: center; justify-content: center; overflow: hidden; padding: 35px; border-radius: 24px; background: #f3dfdc; color: #70404b; text-align: center; }
.xti-h26-event-card::before, .xti-h26-event-card::after { position: absolute; width: 190px; height: 80px; border-radius: 100% 0 100% 0; background: rgba(126,141,106,.3); content: ""; transform: rotate(30deg); }
.xti-h26-event-card::before { top: 20px; right: -70px; }
.xti-h26-event-card::after { bottom: 10px; left: -75px; transform: rotate(-25deg); }
.xti-h26-event-card small { position: relative; z-index: 1; font-size: 8px; font-weight: 800; letter-spacing: .18em; }
.xti-h26-event-card strong { position: relative; z-index: 1; display: block; margin: 18px 0 15px; font-family: Georgia,serif; font-size: clamp(34px,4vw,54px); font-style: italic; font-weight: 400; letter-spacing: -.05em; }
.xti-h26-event-card strong i { color: #a55162; }
.xti-h26-event-card p { position: relative; z-index: 1; margin: 0 0 24px; font-family: Georgia,serif; font-size: 12px; }
.xti-h26-event-card > span { position: relative; z-index: 1; padding: 9px 16px; border-radius: 99px; background: #874c58; color: #fff; font-size: 8px; font-weight: 760; }
.xti-h26-float { position: absolute; z-index: 3; display: flex; border: 5px solid #fff; background: #fff; box-shadow: 0 18px 45px rgba(35,32,54,.16); }
.xti-h26-float--guest { right: -22px; bottom: 18px; min-width: 230px; flex-direction: column; padding: 15px 18px; border-radius: 17px; transform: rotate(-3deg); }
.xti-h26-float--guest span, .xti-h26-float--guest small { color: #73737b; font-size: 8px; }
.xti-h26-float--guest strong { margin: 3px 0; font-size: 13px; }
.xti-h26-float--google { bottom: 75px; left: -38px; align-items: center; gap: 10px; padding: 11px 13px; border-radius: 16px; transform: rotate(2deg); }
.xti-h26-float--google > b { display: grid; width: 33px; height: 33px; place-items: center; border-radius: 10px; background: #e8e3ff; color: #5b4bd8; }
.xti-h26-float--google span small, .xti-h26-float--google span strong { display: block; }
.xti-h26-float--google small { color: #777780; font-size: 7px; letter-spacing: .08em; }
.xti-h26-float--google strong { color: #29292f; font-size: 11px; }
.xti-h26-float--google > i { display: grid; width: 24px; height: 24px; place-items: center; border-radius: 50%; background: #dff6e2; color: #286244; font-size: 10px; font-style: normal; }
.xti-h26-rail { overflow: hidden; border-block: 1px solid #e1e1e5; background: #fff; }
.xti-h26-rail > div { display: flex; width: max-content; align-items: center; gap: 30px; padding: 15px 0; animation: xti-marquee 30s linear infinite; }
.xti-h26-rail span { color: #5e5e66; font-size: 10px; font-weight: 850; letter-spacing: .15em; }
.xti-h26-rail i { color: #ff5d5f; font-style: normal; }

.xti-h26-routes, .xti-h26-proof-section, .xti-h26-foundation, .xti-h26-price { padding: clamp(85px,9vw,130px) 0; }
.xti-h26-routes { background: #fff; }
.xti-h26-heading { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(280px,.55fr); align-items: end; gap: 70px; margin-bottom: 50px; }
.xti-h26-heading h2, .xti-h26-foundation h2, .xti-h26-price h2 { margin: 0; color: #202026; font-size: clamp(44px,5.4vw,72px); font-weight: 580; letter-spacing: -.06em; line-height: .95; }
.xti-h26-heading p { max-width: 520px; margin: 0 0 12px; color: #62626a; font-size: 18px; }
.xti-h26-route-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 17px; }
.xti-h26-route { display: flex; min-width: 0; flex-direction: column; padding: clamp(24px,3vw,38px); border: 1px solid #dedee3; border-radius: 34px; background: #f6f6f8; }
.xti-h26-route--event { background: #fff0f3; }
.xti-h26-route--business { background: #ece9ff; }
.xti-h26-route--checkin { display: grid; grid-column: 1 / -1; grid-template-columns: .9fr 1.1fr; column-gap: 55px; background: #e8f6ee; }
.xti-h26-route--checkin .xti-h26-route__top, .xti-h26-route--checkin .xti-h26-checkin-demo { grid-row: span 1; }
.xti-h26-route--checkin .xti-h26-route__top { grid-column: 1 / -1; }
.xti-h26-route--checkin .xti-h26-checkin-demo { grid-column: 1; grid-row: 2 / 7; }
.xti-h26-route--checkin h3, .xti-h26-route--checkin > p, .xti-h26-route--checkin > ul, .xti-h26-route--checkin > div:last-child { grid-column: 2; }
.xti-h26-route__top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 25px; color: #616169; font-size: 9px; font-weight: 850; letter-spacing: .13em; }
.xti-h26-route__top i { padding: 6px 9px; border-radius: 99px; background: rgba(255,255,255,.72); color: #4b4b52; font-style: normal; }
.xti-h26-route__visual { position: relative; min-height: 285px; overflow: hidden; margin-bottom: 28px; border-radius: 24px; background: rgba(255,255,255,.7); }
.xti-h26-route__visual > div { position: absolute; inset: 27px 18%; display: flex; flex-direction: column; justify-content: center; padding: 25px; border-radius: 18px; background: #fff; box-shadow: 0 18px 40px rgba(40,35,65,.13); transform: rotate(-3deg); }
.xti-h26-route--business .xti-h26-route__visual > div { inset: 31px 12%; align-items: flex-start; background: #f4faf7; color: #293d31; transform: rotate(2deg); }
.xti-h26-route__visual small { color: #9a5868; font-size: 7px; font-weight: 850; letter-spacing: .15em; }
.xti-h26-route__visual b { display: block; margin: 12px 0; color: #7b4552; font-size: 34px; line-height: .87; letter-spacing: -.06em; }
.xti-h26-route__visual b em { font-family: Georgia,serif; font-size: 1.2em; font-style: italic; font-weight: 400; }
.xti-h26-route--business .xti-h26-route__visual b { color: #24362b; font-size: 30px; line-height: .98; }
.xti-h26-route__visual span { color: #77656a; font-size: 7px; font-weight: 800; letter-spacing: .1em; }
.xti-h26-route--business .xti-h26-route__visual span { padding: 8px 11px; border-radius: 8px; background: #264331; color: #fff; letter-spacing: 0; }
.xti-h26-route__visual > i { position: absolute; top: 18px; right: 15px; display: grid; width: 65px; height: 65px; place-items: center; border: 5px solid #fff0f3; border-radius: 50%; background: #9e5364; color: #fff; font-size: 22px; font-style: normal; transform: rotate(8deg); }
.xti-h26-route--business .xti-h26-route__visual > i { top: auto; right: 15px; bottom: 17px; background: #5b4bd8; }
.xti-h26-route h3 { margin: 0 0 12px; color: #25252b; font-size: clamp(27px,2.5vw,36px); letter-spacing: -.045em; line-height: 1.03; }
.xti-h26-route > p { margin: 0; color: #5d5d65; font-size: 15px; }
.xti-h26-route > ul { display: grid; gap: 7px; margin: 23px 0 28px; padding: 0; list-style: none; }
.xti-h26-route > ul li { display: flex; align-items: center; gap: 9px; color: #45454c; font-size: 12px; font-weight: 680; }
.xti-h26-route > ul li::before { display: grid; width: 19px; height: 19px; flex: 0 0 19px; place-items: center; border-radius: 50%; background: #fff; color: #4f43ad; content: "✓"; font-size: 9px; }
.xti-h26-route > div:last-child { display: flex; flex-wrap: wrap; align-items: center; gap: 17px; margin-top: auto; }
.xti-h26-route > div:last-child > a:not(.xti-button), .xti-h26-route > div:last-child > span { color: #57575f; font-size: 11px; font-weight: 730; }
.xti-h26-checkin-demo { display: grid; min-height: 310px; grid-template-columns: 1fr .55fr; align-items: stretch; overflow: hidden; margin-top: 5px; border: 7px solid #fff; border-radius: 26px; background: #fff; box-shadow: 0 20px 45px rgba(34,76,53,.12); }
.xti-h26-checkin-demo > div { display: flex; flex-direction: column; justify-content: center; padding: 27px; background: #f8f7f3; }
.xti-h26-checkin-demo > div span { color: #557060; font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.xti-h26-checkin-demo > div strong { margin: 9px 0 27px; color: #28352e; font-size: 24px; letter-spacing: -.04em; }
.xti-h26-checkin-demo > div p { margin: 0; padding: 12px 14px; border: 1px solid #d5dcd7; border-radius: 12px; background: #fff; color: #777f7a; font-size: 11px; }
.xti-h26-checkin-demo aside { display: flex; flex-direction: column; align-items: center; justify-content: center; background: #5268bd; color: #fff; }
.xti-h26-checkin-demo aside small { font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.xti-h26-checkin-demo aside b { display: block; margin: 8px 0; font-size: 38px; line-height: 1; }
.xti-h26-checkin-demo aside b em { opacity: .65; font-size: 14px; font-style: normal; }
.xti-h26-checkin-demo aside i { padding: 5px 9px; border-radius: 99px; background: rgba(255,255,255,.14); font-size: 8px; font-style: normal; }

.xti-h26-proof-section { background: #f6f5fb; }
.xti-h26-case-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }
.xti-h26-case { display: flex; min-height: 495px; flex-direction: column; overflow: hidden; padding: 25px; border: 1px solid #dddde3; border-radius: 30px; background: #fff; transition: transform .25s ease,box-shadow .25s ease; }
.xti-h26-case:hover { transform: translateY(-5px); box-shadow: 0 24px 55px rgba(38,35,62,.11); }
.xti-h26-case > span { color: #696970; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.xti-h26-case > div { display: flex; min-height: 345px; flex-direction: column; justify-content: center; margin: 18px 0; padding: 30px; border-radius: 22px; }
.xti-h26-case > div small { font-size: 7px; font-weight: 850; letter-spacing: .14em; }
.xti-h26-case > div strong { display: block; margin: 15px 0; font-size: clamp(31px,3vw,45px); line-height: .92; letter-spacing: -.06em; }
.xti-h26-case > div p { margin: 0; font-size: 11px; line-height: 1.55; }
.xti-h26-case--wedding > div { align-items: center; background: #f1dfdc; color: #784653; font-family: Georgia,serif; text-align: center; }
.xti-h26-case--wedding > div strong { font-style: italic; font-weight: 400; }
.xti-h26-case--wedding > div strong i { color: #a65162; }
.xti-h26-case--carpenter > div { background: #dfeee1; color: #263a2d; }
.xti-h26-case--birthday > div { background: #ffd9e3; color: #6b294c; text-align: center; }
.xti-h26-case--birthday > div strong { font-size: 48px; }
.xti-h26-case--birthday > div strong i { color: #ff664d; font-family: Georgia,serif; font-size: 1.35em; font-weight: 400; }
.xti-h26-case footer { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-top: auto; color: #4d4d55; font-size: 10px; }
.xti-h26-case footer span { font-weight: 760; }
.xti-h26-made { display: flex; align-items: center; justify-content: space-between; gap: 30px; margin-top: 18px; padding: 20px 24px; border: 1px solid #dedee3; border-radius: 19px; background: #fff; }
.xti-h26-made > span { color: #6c6c74; font-size: 10px; font-weight: 780; text-transform: uppercase; }
.xti-h26-made nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 20px; }
.xti-h26-made a { color: #34343b; font-size: 12px; font-weight: 740; }

.xti-h26-foundation { background: #fff; }
.xti-h26-foundation__grid { display: grid; grid-template-columns: .85fr 1.15fr; align-items: center; gap: clamp(55px,8vw,110px); }
.xti-h26-foundation h2 { max-width: 600px; }
.xti-h26-foundation__grid > div:first-child > p { max-width: 570px; margin: 26px 0 25px; color: #62626a; font-size: 18px; }
.xti-h26-bento { display: grid; grid-template-columns: 1fr 1fr; gap: 12px; }
.xti-h26-bento article { position: relative; min-height: 190px; overflow: hidden; padding: 24px; border: 1px solid #dedee3; border-radius: 24px; background: #f5f5f7; }
.xti-h26-bento article.is-large { grid-column: 1 / -1; min-height: 245px; padding-right: 150px; background: #e8e3ff; }
.xti-h26-bento span { color: #6a6a72; font-size: 8px; font-weight: 850; letter-spacing: .14em; }
.xti-h26-bento strong { display: block; margin: 19px 0 8px; color: #29292f; font-size: 24px; letter-spacing: -.035em; }
.xti-h26-bento p { margin: 0; color: #606068; font-size: 12px; }
.xti-h26-bento i { position: absolute; right: 28px; bottom: 25px; display: grid; width: 92px; height: 92px; place-items: center; border-radius: 28px; background: #5b4bd8; color: #fff; font-size: 42px; font-style: normal; font-weight: 850; transform: rotate(6deg); }

.xti-h26-price { background: #f6f5fb; }
.xti-h26-price__card { display: grid; grid-template-columns: .75fr 1.25fr; align-items: center; gap: 75px; padding: clamp(35px,6vw,75px); border: 1px solid #dedee3; border-radius: 40px; background: #fff; box-shadow: 0 24px 60px rgba(47,42,78,.07); }
.xti-h26-price__card > div:first-child > p { max-width: 500px; margin: 25px 0 0; color: #62626a; font-size: 16px; }
.xti-h26-price__options { display: grid; gap: 8px; }
.xti-h26-price__options article { display: grid; grid-template-columns: 90px 145px 1fr auto; align-items: center; gap: 14px; padding: 15px 18px; border: 1px solid #dedee3; border-radius: 15px; background: #f7f7f8; }
.xti-h26-price__options small { color: #6b6b73; font-size: 8px; font-weight: 850; letter-spacing: .12em; }
.xti-h26-price__options strong { color: #29292f; font-size: 18px; }
.xti-h26-price__options span { color: #66666e; font-size: 11px; }
.xti-h26-price__options a { color: #4c3eb0; font-size: 11px; font-weight: 800; }
.xti-h26-contact { background: #ece9ff; }

@media (max-width: 1060px) {
    .xti-h26-hero__grid { grid-template-columns: .85fr 1fr; gap: 45px; }
    .xti-h26-stage { min-height: 560px; }
    .xti-h26-route--checkin { column-gap: 30px; }
    .xti-h26-case > div { padding: 22px; }
    .xti-h26-price__card { grid-template-columns: 1fr; gap: 38px; }
}

@media (max-width: 860px) {
    .xti-h26-hero__grid, .xti-h26-foundation__grid { grid-template-columns: 1fr; }
    .xti-h26-stage { width: min(650px,100%); min-height: 590px; margin: 10px auto 0; }
    .xti-h26-heading { grid-template-columns: 1fr; gap: 22px; }
    .xti-h26-route--checkin { display: flex; grid-column: auto; }
    .xti-h26-route-grid { grid-template-columns: 1fr; }
    .xti-h26-checkin-demo { margin-bottom: 28px; }
    .xti-h26-case-grid { grid-template-columns: 1fr 1fr; }
    .xti-h26-case:last-child { grid-column: 1 / -1; min-height: 410px; }
    .xti-h26-case:last-child > div { min-height: 280px; }
    .xti-h26-made { align-items: flex-start; flex-direction: column; }
    .xti-h26-made nav { justify-content: flex-start; }
}

@media (max-width: 600px) {
    .xti-h26-hero { padding: 58px 0 70px; }
    .xti-h26-hero__copy h1 { font-size: 54px; }
    .xti-h26-hero__copy > p { font-size: 17px; }
    .xti-h26-hero__actions { align-items: stretch; }
    .xti-h26-hero__actions .xti-button { width: 100%; }
    .xti-h26-stage { min-height: 430px; }
    .xti-h26-window { border-width: 5px; border-radius: 24px; }
    .xti-h26-window__body { min-height: 345px; grid-template-columns: 74px 1fr; }
    .xti-h26-window__body nav { padding: 14px 7px; }
    .xti-h26-window__body nav b { margin: 0 5px 15px; font-size: 14px; }
    .xti-h26-window__body nav span { padding: 7px 5px; font-size: 7px; }
    .xti-h26-canvas { padding: 10px; }
    .xti-h26-event-card { min-height: 280px; padding: 20px; }
    .xti-h26-event-card strong { font-size: 31px; }
    .xti-h26-float--guest { right: -5px; bottom: 0; min-width: 185px; }
    .xti-h26-float--google { bottom: 52px; left: -5px; }
    .xti-h26-heading h2, .xti-h26-foundation h2, .xti-h26-price h2 { font-size: 43px; }
    .xti-h26-route { padding: 20px; border-radius: 26px; }
    .xti-h26-route__visual { min-height: 250px; }
    .xti-h26-route__visual > div { inset: 30px 10%; }
    .xti-h26-checkin-demo { min-height: 270px; grid-template-columns: 1fr .48fr; }
    .xti-h26-checkin-demo > div { padding: 17px; }
    .xti-h26-checkin-demo > div strong { font-size: 19px; }
    .xti-h26-checkin-demo aside b { font-size: 29px; }
    .xti-h26-case-grid { grid-template-columns: 1fr; }
    .xti-h26-case, .xti-h26-case:last-child { grid-column: auto; min-height: 450px; }
    .xti-h26-case > div, .xti-h26-case:last-child > div { min-height: 315px; }
    .xti-h26-made nav { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 20px; }
    .xti-h26-bento article.is-large { padding-right: 24px; }
    .xti-h26-bento article.is-large p { max-width: 65%; }
    .xti-h26-bento i { right: 18px; width: 70px; height: 70px; border-radius: 20px; font-size: 32px; }
    .xti-h26-price__card { padding: 25px; border-radius: 28px; }
    .xti-h26-price__options article { grid-template-columns: 1fr auto; }
    .xti-h26-price__options span { grid-column: 1 / -1; grid-row: 2; }
}

@media (max-width:1050px) {
    .xti-h27-hero__grid { grid-template-columns:1fr; }
    .xti-h27-engine { width:min(720px,100%); }
    .xti-h27-product-grid { grid-template-columns:1fr; }
    .xti-h27-product--checkin { display:grid; grid-template-columns:1fr 1fr; gap:0 35px; }
    .xti-h27-product--checkin>.xti-h27-product__number,.xti-h27-product--checkin>.xti-h27-pill { grid-column:1/-1; }
    .xti-h27-product--checkin h3,.xti-h27-product--checkin>p,.xti-h27-product--checkin>ul,.xti-h27-product--checkin>.xti-h27-product__actions { grid-column:1; }
    .xti-h27-checkin-screen { grid-column:2; grid-row:2/7; }
}
@media (max-width:760px) {
    .xti-h27-heading { grid-template-columns:1fr; gap:18px; }
    .xti-h27-product--checkin { display:flex; }
    .xti-h27-custom { grid-template-columns:1fr; gap:28px; }
    .xti-h27-case-grid,.xti-h27-price__grid { grid-template-columns:1fr; }
    .xti-h27-case { min-height:270px; }
    .xti-h27-made { align-items:flex-start; flex-direction:column; }
    .xti-h27-made nav { justify-content:flex-start; }
}
@media (max-width:560px) {
    .xti-h27-hero { padding:58px 0 76px; }
    .xti-h27-hero__copy h1 { font-size:53px; }
    .xti-h27-hero__copy>p { font-size:17px; }
    .xti-h27-hero__copy .xti-h26-hero__actions { align-items:stretch; }
    .xti-h27-hero__copy .xti-button { width:100%; }
    .xti-h27-engine { border-width:5px; border-radius:25px; transform:none; }
    .xti-h27-engine__body { min-height:440px; grid-template-columns:1fr; }
    .xti-h27-engine__prompt { min-height:145px; padding:18px; }
    .xti-h27-engine__prompt p { margin:9px 0 13px; }
    .xti-h27-engine__body article { min-height:250px; }
    .xti-h27-engine__status { gap:8px; }
    .xti-h27-heading h2,.xti-h27-custom h2,.xti-h27-price h2,.xti-h27-contact__intro h2 { font-size:42px; }
    .xti-h27-product { padding:23px 19px; border-radius:25px; }
    .xti-h27-product h3 { font-size:38px; }
    .xti-h27-product__actions { align-items:stretch; }
    .xti-h27-product__actions .xti-button { width:100%; }
    .xti-h27-custom { padding:25px 20px; border-radius:25px; }
    .xti-h27-made nav { display:grid; grid-template-columns:1fr 1fr; gap:11px 17px; }
}

/* Live gjestedemo på salgssiden for innsjekk. */
body.xti-modal-open { overflow: hidden; }
.xti-ci-demo-trigger { border: 0; border-bottom: 1px solid #b9bbc1; background: transparent; font: inherit; cursor: pointer; }
.xti-ci-price-note { display: block; margin: 5px 0 14px; color: #5f6965; font-size: 12px; font-weight: 720; }
.xti-ci-demo-modal[hidden] { display: none !important; }
.xti-ci-demo-modal { position: fixed; z-index: 100000; inset: 0; display: grid; place-items: center; padding: 22px; opacity: 0; transition: opacity .2s ease; }
.xti-ci-demo-modal.is-open { opacity: 1; }
.xti-ci-demo-modal__backdrop { position: absolute; inset: 0; background: rgba(20,25,23,.72); backdrop-filter: blur(14px); }
.xti-ci-demo-modal__dialog { position: relative; display: grid; width: min(1180px,100%); height: min(900px,calc(100svh - 44px)); grid-template-rows: auto minmax(0,1fr) auto; overflow: hidden; border: 1px solid rgba(255,255,255,.45); border-radius: 28px; background: #f5f6f3; box-shadow: 0 38px 110px rgba(0,0,0,.35); transform: translateY(12px) scale(.985); transition: transform .22s ease; }
.xti-ci-demo-modal.is-open .xti-ci-demo-modal__dialog { transform: none; }
.xti-ci-demo-modal__dialog > header { display: grid; min-height: 80px; grid-template-columns:minmax(280px,1fr) auto auto auto; align-items:center; gap:18px; padding:13px 17px 13px 23px; border-bottom:1px solid #dfe3df; background:#fff; }
.xti-ci-demo-modal__dialog > header small { display:block; margin-bottom:3px; color:#527064; font-size:8px; font-weight:850; letter-spacing:.14em; }
.xti-ci-demo-modal__dialog > header h2 { margin:0; color:#1d2824; font-size:17px; letter-spacing:-.025em; }
.xti-ci-demo-modal__dialog > header > a { color:#315c54; font-size:11px; font-weight:780; white-space:nowrap; }
.xti-ci-demo-modal__devices { display:flex; gap:3px; padding:3px; border:1px solid #dce1dd; border-radius:11px; background:#f2f4f2; }
.xti-ci-demo-modal__devices button { min-height:34px; padding:6px 13px; border:0; border-radius:8px; background:transparent; color:#66716c; font-size:10px; font-weight:760; cursor:pointer; }
.xti-ci-demo-modal__devices button.is-on { background:#fff; color:#1f3931; box-shadow:0 2px 8px rgba(31,57,49,.09); }
.xti-ci-demo-modal__close { display:grid; width:42px; height:42px; place-items:center; border:0; border-radius:50%; background:#18211e; color:#fff; font-size:24px; line-height:1; cursor:pointer; }
.xti-ci-demo-modal__stage { display:flex; min-height:0; align-items:flex-start; justify-content:center; overflow:auto; padding:20px; background:radial-gradient(circle at 50% 0,rgba(98,139,121,.16),transparent 48%),#e4e8e4; }
.xti-ci-demo-modal__canvas { width:100%; height:100%; overflow:hidden; border:1px solid rgba(24,33,30,.15); border-radius:13px; background:#fff; box-shadow:0 18px 55px rgba(24,33,30,.18); transition:width .25s ease,border-radius .25s ease; }
.xti-ci-demo-modal__stage.is-phone .xti-ci-demo-modal__canvas { width:min(390px,100%); min-height:720px; border-radius:31px; }
.xti-ci-demo-modal__canvas iframe { display:block; width:100%; height:100%; min-height:720px; border:0; background:#fff; }
.xti-ci-demo-modal__dialog > footer { display:flex; min-height:48px; align-items:center; justify-content:space-between; gap:18px; padding:10px 23px; border-top:1px solid #dfe3df; background:#fff; color:#65706b; font-size:10px; }
.xti-ci-demo-modal__dialog > footer b { color:#27332e; }
.xti-ci-demo-modal__dialog > footer a { color:inherit; }

@media (max-width: 720px) {
    .xti-ci-demo-modal { padding:0; }
    .xti-ci-demo-modal__dialog { width:100%; height:100svh; border:0; border-radius:0; }
    .xti-ci-demo-modal__dialog > header { min-height:116px; grid-template-columns:1fr auto; gap:10px; padding:12px 14px; }
    .xti-ci-demo-modal__dialog > header > div:first-child { grid-column:1 / -1; }
    .xti-ci-demo-modal__dialog > header > a { display:none; }
    .xti-ci-demo-modal__devices { justify-self:start; }
    .xti-ci-demo-modal__close { grid-column:2; grid-row:2; }
    .xti-ci-demo-modal__stage { padding:10px; }
    .xti-ci-demo-modal__stage.is-phone .xti-ci-demo-modal__canvas { min-height:calc(100svh - 184px); border-radius:23px; }
    .xti-ci-demo-modal__canvas iframe { min-height:calc(100svh - 184px); }
    .xti-ci-demo-modal__dialog > footer { min-height:58px; padding:9px 14px; }
    .xti-ci-demo-modal__dialog > footer span { display:none; }
}

/* 2.14: personlig studio på forsiden og egen, utvidbar referanseside. */
.xti-h28-studio { overflow:hidden; border:7px solid #fff; border-radius:34px; background:#fff; box-shadow:0 38px 100px rgba(49,42,83,.16); transform:rotate(1deg); }
.xti-h28-studio__top { display:grid; min-height:49px; grid-template-columns:1fr auto 1fr; align-items:center; padding:0 15px; background:#f0f0f2; color:#65676e; font-size:8px; font-weight:820; letter-spacing:.1em; }
.xti-h28-studio__top>span { display:flex; gap:5px; }
.xti-h28-studio__top>span i { width:8px; height:8px; border-radius:50%; background:#c4c5ca; }
.xti-h28-studio__top small { justify-self:end; color:#3d6b5a; }
.xti-h28-studio__canvas { position:relative; min-height:510px; padding:25px; overflow:hidden; background:linear-gradient(145deg,#f1f0f5,#e9e8f4); }
.xti-h28-studio__canvas article { position:absolute; display:flex; flex-direction:column; overflow:hidden; border:1px solid rgba(34,36,42,.1); border-radius:22px; box-shadow:0 22px 50px rgba(41,39,57,.13); }
.xti-h28-studio__canvas article small { font-size:7px; font-weight:850; letter-spacing:.15em; }
.xti-h28-studio__canvas article strong { letter-spacing:-.055em; line-height:.94; }
.xti-h28-studio__canvas article p { line-height:1.55; }
.xti-h28-studio__canvas article>span { margin-top:auto; font-size:8px; font-weight:800; letter-spacing:.08em; text-transform:uppercase; }
.xti-h28-studio__canvas .is-private { z-index:2; inset:35px 42% 75px 25px; padding:29px; background:#f0deda; color:#70404a; transform:rotate(-2deg); }
.xti-h28-studio__canvas .is-private::after { position:absolute; right:-55px; bottom:-20px; width:160px; height:210px; border-radius:70% 0 0; background:rgba(89,112,74,.18); content:""; transform:rotate(-22deg); }
.xti-h28-studio__canvas .is-private strong { margin:80px 0 13px; font-family:Georgia,serif; font-size:clamp(31px,3.7vw,50px); font-style:italic; font-weight:400; }
.xti-h28-studio__canvas .is-private strong i { color:#a45060; }
.xti-h28-studio__canvas .is-private p { max-width:260px; font-family:Georgia,serif; font-size:11px; }
.xti-h28-studio__canvas .is-business { z-index:1; top:24px; right:21px; width:43%; min-height:245px; padding:24px; background:#1f3028; color:#f4f7f5; transform:rotate(2deg); }
.xti-h28-studio__canvas .is-business strong { margin:40px 0 10px; font-size:clamp(25px,3vw,40px); }
.xti-h28-studio__canvas .is-business p { color:#c9d4ce; font-size:9px; }
.xti-h28-studio__canvas .is-checkin { z-index:3; right:18px; bottom:24px; width:49%; min-height:210px; padding:22px; background:#fff; color:#25332d; transform:rotate(-1deg); }
.xti-h28-studio__canvas .is-checkin strong { margin:28px 0 15px; font-size:clamp(22px,2.7vw,34px); }
.xti-h28-studio__canvas .is-checkin p { display:flex; align-items:center; justify-content:space-between; margin:0 0 22px; padding:8px 8px 8px 12px; border:1px solid #c7ceca; border-radius:11px; color:#69726d; font-size:9px; }
.xti-h28-studio__canvas .is-checkin p b { display:grid; width:31px; height:31px; place-items:center; border-radius:8px; background:#253d34; color:#fff; }
.xti-h28-studio__foot { display:flex; flex-wrap:wrap; gap:18px; padding:14px 18px; border-top:1px solid #e1e1e5; color:#59605d; font-size:9px; font-weight:750; }
.xti-h28-studio__foot span::before { margin-right:5px; color:#3e765f; content:"✓"; }

.xti-reference-hero { padding:clamp(70px,9vw,125px) 0 clamp(75px,9vw,120px); background:radial-gradient(circle at 85% 15%,rgba(91,75,200,.17),transparent 30%),#f7f6f8; }
.xti-reference-hero__grid { display:grid; grid-template-columns:1.15fr .65fr; align-items:end; gap:70px; margin-top:45px; }
.xti-reference-hero h1 { margin:15px 0 0; color:#202126; font-size:clamp(58px,8vw,108px); font-weight:610; letter-spacing:-.08em; line-height:.86; }
.xti-reference-hero h1 em { color:#5c4bc8; font-family:Georgia,serif; font-weight:400; }
.xti-reference-hero__grid>p { margin:0 0 9px; color:#595e5b; font-size:clamp(17px,2vw,22px); line-height:1.55; }
.xti-reference-projects { padding:clamp(70px,8vw,115px) 0; background:#fff; }
.xti-reference-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.xti-reference-card { display:grid; min-width:0; grid-template-rows:minmax(300px,36vw) auto; overflow:hidden; border:1px solid #dedfdf; border-radius:29px; background:#f7f7f5; color:#272a29; transition:transform .2s ease,box-shadow .2s ease; }
.xti-reference-card:nth-child(5) { grid-column:1/-1; grid-template-columns:1.08fr .92fr; grid-template-rows:minmax(370px,42vw); }
.xti-reference-card:hover { transform:translateY(-5px); box-shadow:0 25px 65px rgba(34,37,35,.11); }
.xti-reference-card__visual { position:relative; display:grid; place-content:center; min-height:0; overflow:hidden; background:linear-gradient(140deg,#e8e5fb,#cbc5ee); background-position:center; background-size:cover; color:#5142ae; text-align:center; }
.xti-reference-card__visual::after { position:absolute; inset:0; border-bottom:1px solid rgba(25,28,27,.1); background:linear-gradient(to top,rgba(25,28,27,.12),transparent 40%); content:""; pointer-events:none; }
.xti-reference-card__visual.has-image span,.xti-reference-card__visual.has-image small { display:none; }
.xti-reference-card__visual>span { font-size:clamp(54px,8vw,105px); font-weight:730; letter-spacing:-.08em; }
.xti-reference-card__visual>small { margin-top:8px; font-size:8px; font-weight:850; letter-spacing:.17em; }
.xti-reference-card__visual>i { position:absolute; z-index:1; top:18px; right:18px; display:grid; width:38px; height:38px; place-items:center; border-radius:50%; background:rgba(255,255,255,.8); color:#45484a; font-size:9px; font-style:normal; font-weight:850; backdrop-filter:blur(9px); }
.xti-reference-card.is-private .xti-reference-card__visual { background:linear-gradient(140deg,#f4dfe0,#dfaab7); color:#74364d; }
.xti-reference-card.is-event .xti-reference-card__visual { background:linear-gradient(140deg,#d8eee2,#92b8a5); color:#244f40; }
.xti-reference-card.is-brand .xti-reference-card__visual { background:linear-gradient(140deg,#e5e6fb,#b9bfe9); color:#403b76; }
.xti-reference-card__body { display:flex; min-width:0; min-height:245px; flex-direction:column; padding:28px; }
.xti-reference-card__body>small { color:#6f7471; font-size:8px; font-weight:850; letter-spacing:.13em; }
.xti-reference-card__body h2 { margin:14px 0 10px; color:#252827; font-size:clamp(31px,4vw,52px); letter-spacing:-.06em; line-height:.95; }
.xti-reference-card__body p { max-width:560px; margin:0 0 32px; color:#5d635f; font-size:13px; line-height:1.6; }
.xti-reference-card__body b { margin-top:auto; color:#4c3db3; font-size:11px; }
.xti-reference-card:nth-child(5) .xti-reference-card__body { min-height:0; justify-content:center; }
.xti-reference-note { display:flex; align-items:center; gap:12px; margin:20px 0 0; color:#696e6b; font-size:11px; }
.xti-reference-note span { display:grid; width:30px; height:30px; flex:0 0 auto; place-items:center; border-radius:50%; background:#eeebff; color:#5140b7; font-size:17px; }
.xti-reference-demos { padding:clamp(75px,9vw,125px) 0; background:#f4f4f6; }

@media (max-width:1050px) {
    .xti-h28-studio { width:min(720px,100%); transform:none; }
    .xti-reference-hero__grid { grid-template-columns:1fr; gap:30px; }
}
@media (max-width:760px) {
    .xti-reference-grid { grid-template-columns:1fr; }
    .xti-reference-card:nth-child(5) { grid-column:auto; grid-template-columns:1fr; grid-template-rows:minmax(300px,70vw) auto; }
    .xti-reference-card { grid-template-rows:minmax(300px,70vw) auto; }
}
@media (max-width:560px) {
    .xti-h28-studio { border-width:5px; border-radius:25px; }
    .xti-h28-studio__top { grid-template-columns:1fr auto; }
    .xti-h28-studio__top>b { display:none; }
    .xti-h28-studio__canvas { min-height:575px; padding:14px; }
    .xti-h28-studio__canvas .is-private { inset:20px 25% 215px 14px; padding:22px; }
    .xti-h28-studio__canvas .is-private strong { margin-top:70px; font-size:35px; }
    .xti-h28-studio__canvas .is-business { top:33px; right:10px; width:38%; min-height:190px; padding:15px; }
    .xti-h28-studio__canvas .is-business strong { margin-top:33px; font-size:21px; }
    .xti-h28-studio__canvas .is-business p { display:none; }
    .xti-h28-studio__canvas .is-checkin { right:12px; bottom:18px; width:72%; min-height:210px; padding:18px; }
    .xti-h28-studio__foot { gap:8px 13px; }
    .xti-reference-hero h1 { font-size:58px; }
    .xti-reference-card,.xti-reference-card:nth-child(5) { border-radius:23px; grid-template-rows:minmax(250px,74vw) auto; }
    .xti-reference-card__body { min-height:220px; padding:23px 20px; }
}

/* 2.20 · Levende demoer på forsiden og søkbart demoarkiv. */
.xti-home-demo-studio { min-width:0; overflow:hidden; border:7px solid #fff; border-radius:34px; background:#fff; box-shadow:0 38px 100px rgba(49,42,83,.18); transform:rotate(1deg); }
.xti-home-demo-studio__top { display:grid; min-height:49px; grid-template-columns:1fr auto 1fr; align-items:center; gap:12px; padding:0 15px; background:#f0f0f2; color:#67686f; font-size:8px; font-weight:830; letter-spacing:.1em; }
.xti-home-demo-studio__top>span { display:flex; gap:5px; }
.xti-home-demo-studio__top>span i { width:8px; height:8px; border-radius:50%; background:#c6c7cc; }
.xti-home-demo-studio__top>span i:first-child { background:#f28f91; }
.xti-home-demo-studio__top>span i:nth-child(2) { background:#e8c66b; }
.xti-home-demo-studio__top>span i:nth-child(3) { background:#72bf92; }
.xti-home-demo-studio__top>a { justify-self:end; color:#39745b; text-decoration:none; }
.xti-home-demo-studio__stage { position:relative; min-height:480px; overflow:hidden; background:#e6e5e2; }
.xti-home-demo-panel { position:absolute; inset:0; }
.xti-home-demo-panel[hidden] { display:none; }
.xti-home-demo-panel>a { position:absolute; inset:0; display:block; overflow:hidden; color:#fff; }
.xti-home-demo-panel img { width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .7s cubic-bezier(.2,.75,.2,1); }
.xti-home-demo-panel>a:hover img { transform:scale(1.025); }
.xti-home-demo-panel__shade { position:absolute; inset:0; background:linear-gradient(180deg,rgba(14,17,16,.02) 35%,rgba(14,17,16,.84) 100%); }
.xti-home-demo-panel__copy { position:absolute; right:0; bottom:0; left:0; display:grid; gap:4px; padding:clamp(24px,5vw,40px); }
.xti-home-demo-panel__copy small { font-size:8px; font-weight:850; letter-spacing:.16em; }
.xti-home-demo-panel__copy strong { font-size:clamp(38px,5vw,62px); letter-spacing:-.06em; line-height:.9; }
.xti-home-demo-panel.is-wedding .xti-home-demo-panel__copy strong { font-family:Georgia,serif; font-style:italic; font-weight:400; }
.xti-home-demo-panel__copy>b { display:flex; width:fit-content; align-items:center; gap:9px; margin-top:16px; padding:10px 13px; border-radius:999px; background:#fff; color:#252927; font-size:9px; }
.xti-home-demo-panel__copy>b i { font-style:normal; }
.xti-home-demo-studio__tabs { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:#dedee2; }
.xti-home-demo-studio__tabs button { display:grid; min-width:0; min-height:64px; grid-template-columns:auto 1fr; align-items:center; gap:8px; padding:10px 13px; border:0; background:#fff; color:#60636a; text-align:left; cursor:pointer; }
.xti-home-demo-studio__tabs button span { color:#999ba1; font-size:8px; font-weight:850; }
.xti-home-demo-studio__tabs button.is-active { background:#26272c; color:#fff; }
.xti-home-demo-studio__tabs button.is-active span { color:#8dd7af; }
.xti-home-demo-studio__empty { display:grid; min-height:480px; place-content:center; gap:9px; background:#e8e3ff; color:#28254a; text-align:center; }

.xti-home-demo-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.xti-home-demo-card { min-width:0; overflow:hidden; border:1px solid #dcddda; border-radius:28px; background:#fff; transition:transform .25s ease,box-shadow .25s ease; }
.xti-home-demo-card:hover { transform:translateY(-5px); box-shadow:0 24px 55px rgba(38,41,39,.1); }
.xti-home-demo-card__visual { position:relative; display:block; height:360px; overflow:hidden; background:#e9e9e7; }
.xti-home-demo-card__visual::after { position:absolute; inset:0; background:linear-gradient(180deg,transparent 62%,rgba(17,20,18,.2)); content:""; }
.xti-home-demo-card__visual img { width:100%; height:100%; object-fit:cover; object-position:top center; transition:transform .55s ease; }
.xti-home-demo-card:hover img { transform:scale(1.03); }
.xti-home-demo-card__visual>span { position:absolute; z-index:1; top:17px; right:17px; padding:7px 9px; border-radius:999px; background:rgba(255,255,255,.9); color:#272a29; font-size:7px; font-weight:900; letter-spacing:.13em; backdrop-filter:blur(8px); }
.xti-home-demo-card>div { display:flex; min-height:235px; flex-direction:column; padding:24px; }
.xti-home-demo-card>div>small { color:#6b716d; font-size:8px; font-weight:850; letter-spacing:.12em; }
.xti-home-demo-card h3 { margin:14px 0 10px; color:#242725; font-size:clamp(28px,3vw,39px); letter-spacing:-.055em; line-height:.95; }
.xti-home-demo-card.is-wedding h3 { color:#754255; font-family:Georgia,serif; font-style:italic; font-weight:400; }
.xti-home-demo-card p { margin:0 0 24px; color:#616762; font-size:11px; line-height:1.55; }
.xti-home-demo-card>div>a { margin-top:auto; color:#4b3fb0; font-size:10px; font-weight:820; }
.xti-home-demo-card.is-cleaning>div>a { color:#276f53; }
.xti-home-demo-card.is-hair>div>a { color:#8a4b2c; }

.xti-demo-audiences { padding:0 0 52px; background:linear-gradient(180deg,#202025 0 75px,#f4f4f6 75px); }
.xti-demo-audience-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; }
.xti-demo-audience-grid article { display:flex; min-height:300px; flex-direction:column; align-items:flex-start; padding:clamp(28px,4vw,48px); border:1px solid rgba(27,31,29,.1); border-radius:30px; background:#e4f1e7; color:#23352a; box-shadow:0 25px 65px rgba(20,22,22,.1); }
.xti-demo-audience-grid article:last-child { background:#f3e2e3; color:#633848; }
.xti-demo-audience-grid small { font-size:8px; font-weight:900; letter-spacing:.16em; }
.xti-demo-audience-grid h2 { max-width:560px; margin:28px 0 12px; font-size:clamp(37px,4.3vw,59px); letter-spacing:-.065em; line-height:.92; }
.xti-demo-audience-grid article:last-child h2 { font-family:Georgia,serif; font-style:italic; font-weight:400; }
.xti-demo-audience-grid p { max-width:560px; margin:0 0 28px; color:currentColor; font-size:13px; line-height:1.6; opacity:.78; }
.xti-demo-audience-grid button { margin-top:auto; padding:11px 14px; border:0; border-radius:999px; background:#243b2d; color:#fff; font-size:9px; font-weight:820; cursor:pointer; }
.xti-demo-audience-grid article:last-child button { background:#6b3d4e; }
.xti-demo-filters { position:sticky; z-index:15; top:76px; display:flex; width:fit-content; max-width:100%; gap:4px; overflow-x:auto; margin:23px auto 0; padding:5px; border:1px solid #dadbda; border-radius:999px; background:rgba(255,255,255,.92); box-shadow:0 12px 34px rgba(31,34,32,.08); backdrop-filter:blur(14px); }
.xti-demo-filters button { display:flex; min-height:42px; align-items:center; gap:8px; padding:8px 16px; border:0; border-radius:999px; background:transparent; color:#5d625f; font-size:11px; font-weight:780; white-space:nowrap; cursor:pointer; }
.xti-demo-filters button span { display:grid; min-width:22px; height:22px; place-items:center; border-radius:50%; background:#eff0ef; font-size:8px; }
.xti-demo-filters button.is-active { background:#202025; color:#fff; }
.xti-demo-filters button.is-active span { background:#45454c; }
.xti-demo-result { margin:0 0 18px; color:#666b68; font-size:10px; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }
.xti-example-card[data-demo-kind][hidden] { display:none; }
.xti-example-card__main { display:block; color:inherit; text-decoration:none; }
.xti-example-card__body { display:flex; min-height:220px; flex-direction:column; padding:25px 27px; }
.xti-example-card__body small { color:#6b706d; font-size:8px; font-weight:850; letter-spacing:.13em; }
.xti-example-card__body h2 { margin:15px 0 10px; color:#242725; font-size:clamp(30px,3.3vw,45px); letter-spacing:-.06em; line-height:.95; }
.xti-example-card--private .xti-example-card__body h2 { color:#754255; font-family:Georgia,serif; font-style:italic; font-weight:400; }
.xti-example-card__body p { margin:0 0 24px; color:#626863; font-size:12px; line-height:1.6; }
.xti-example-card__body b { margin-top:auto; color:#4b3eae; font-size:10px; }
.xti-example-package-preview>span { position:absolute; z-index:2; right:18px; bottom:18px; padding:9px 12px; border-radius:999px; background:rgba(255,255,255,.92); color:#222625; font-size:8px; font-weight:900; letter-spacing:.1em; backdrop-filter:blur(10px); }
.xti-example-package-preview.has-no-image { display:grid; min-height:390px; place-content:center; background:linear-gradient(135deg,#ece9ff,#e0f1e6); text-align:center; }
.xti-example-package-preview.has-no-image>strong { max-width:400px; padding:30px; color:#302c54; font-size:clamp(35px,5vw,62px); letter-spacing:-.065em; line-height:.92; }
.xti-example-card__related { display:flex; min-height:52px; align-items:center; justify-content:space-between; gap:12px; padding:12px 27px; border-top:1px solid #e1e3e0; background:#fafbf9; color:#4e5e57; font-size:10px; font-weight:760; text-decoration:none; }
.xti-example-card__related:hover { background:#eff5f1; }
.xti-demo-empty { padding:75px 25px; border:1px dashed #b8bfba; border-radius:28px; text-align:center; }
.xti-demo-empty h2 { margin:0 0 18px; font-size:32px; }
.xti-demo-empty button { padding:11px 15px; border:0; border-radius:999px; background:#202025; color:#fff; font-weight:800; cursor:pointer; }

@media (max-width:1050px) {
    .xti-home-demo-studio { width:min(760px,100%); transform:none; }
    .xti-home-demo-grid { grid-template-columns:1fr 1fr; }
    .xti-home-demo-card:last-child { grid-column:1/-1; }
}
@media (max-width:760px) {
    .xti-home-demo-grid,.xti-demo-audience-grid { grid-template-columns:1fr; }
    .xti-home-demo-card:last-child { grid-column:auto; }
    .xti-home-demo-card__visual { height:min(88vw,430px); }
    .xti-demo-audiences { background:linear-gradient(180deg,#202025 0 45px,#f4f4f6 45px); }
    .xti-demo-audience-grid article { min-height:260px; }
    .xti-demo-filters { top:70px; }
}
@media (max-width:560px) {
    .xti-home-demo-studio { border-width:5px; border-radius:25px; }
    .xti-home-demo-studio__top { grid-template-columns:1fr auto; }
    .xti-home-demo-studio__top>b { display:none; }
    .xti-home-demo-studio__stage { min-height:400px; }
    .xti-home-demo-studio__tabs button { min-height:59px; grid-template-columns:1fr; gap:2px; padding:9px; text-align:center; }
    .xti-home-demo-panel__copy { padding:24px 20px; }
    .xti-home-demo-panel__copy strong { font-size:39px; }
    .xti-home-demo-card { border-radius:23px; }
    .xti-home-demo-card>div { min-height:210px; padding:21px; }
    .xti-demo-audience-grid article { border-radius:24px; }
    .xti-demo-filters { width:100%; justify-content:space-between; }
    .xti-demo-filters button { flex:1; justify-content:center; padding:8px 9px; }
    .xti-example-card__body { min-height:200px; padding:22px 20px; }
    .xti-example-card__related { padding-inline:20px; }
}
@media (prefers-reduced-motion:reduce) {
    .xti-home-demo-panel img,.xti-home-demo-card,.xti-home-demo-card img,.xti-example-card,.xti-example-package-preview img { transition:none; }
}

/* XTI Event sales refresh 2.40 */
.xti-ci-v240-hero .xti-ci-sales-hero__grid{grid-template-columns:minmax(0,1.04fr) minmax(380px,.72fr)}
.xti-ci-v240-hero h1{max-width:880px;font-size:clamp(3.15rem,6.8vw,6.6rem)}
.xti-ci-v240-trial{margin:18px 0 0!important;font-size:.88rem!important;font-weight:760;color:#687670!important}
.xti-ci-v240-proof{margin-top:18px}
.xti-ci-v240-device{min-height:680px}
.xti-ci-v240-program-card{display:grid;gap:7px;margin:18px 18px 0;padding:19px 21px;border:1px solid #cdd8d1;border-radius:18px;background:#fff}
.xti-ci-v240-program-card small{color:#477062;font-size:9px;font-weight:850;letter-spacing:.13em}
.xti-ci-v240-program-card b{font-size:1.08rem;letter-spacing:-.025em}
.xti-ci-v240-program-card span{color:#65716d;font-size:.78rem}
.xti-ci-v240-problem{background:#fff}
.xti-ci-v240-section-head{align-items:end}
.xti-ci-v240-feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}
.xti-ci-v240-feature-grid article{display:flex;min-height:390px;flex-direction:column;padding:31px;border:1px solid rgba(24,33,30,.12);border-radius:26px;background:#f7f7f2}
.xti-ci-v240-feature-grid article>span{display:grid;width:45px;height:45px;place-items:center;margin-bottom:62px;border-radius:50%;background:#dce9e1;color:#234d40;font-size:.78rem;font-weight:850}
.xti-ci-v240-feature-grid h3{margin:0 0 13px;font-size:clamp(1.6rem,2.4vw,2.15rem);letter-spacing:-.05em}
.xti-ci-v240-feature-grid p{margin:0;color:#5b6763;line-height:1.62}
.xti-ci-v240-feature-grid strong{margin-top:auto;padding-top:28px;color:#2d5c4d;font-size:.85rem}
.xti-ci-v240-program{padding:clamp(85px,11vw,145px) 0;background:#edf1ea}
.xti-ci-v240-program__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(420px,.72fr);align-items:center;gap:clamp(55px,9vw,125px)}
.xti-ci-v240-program h2,.xti-ci-v240-decision h2,.xti-ci-v240-noapp h2{margin:18px 0 26px;font-size:clamp(2.8rem,5.6vw,5.3rem);line-height:.94;letter-spacing:-.065em}
.xti-ci-v240-program>div>div:first-child>p,.xti-ci-v240-decision p,.xti-ci-v240-noapp p{max-width:650px;color:#53615b;font-size:1.08rem;line-height:1.65}
.xti-ci-v240-program .xti-check-list{margin-top:34px}
.xti-ci-v240-agenda{overflow:hidden;border:1px solid rgba(24,33,30,.12);border-radius:30px;background:#fff;box-shadow:0 32px 80px rgba(27,56,45,.13)}
.xti-ci-v240-agenda header{display:flex;align-items:end;justify-content:space-between;padding:24px 26px;border-bottom:1px solid #e1e7e3;background:#f8faf7}
.xti-ci-v240-agenda header small{color:#627069;font-size:9px;font-weight:850;letter-spacing:.12em}
.xti-ci-v240-agenda header b{font-size:1.05rem}
.xti-ci-v240-agenda article{display:grid;grid-template-columns:72px 1fr;gap:18px;padding:23px 26px;border-bottom:1px solid #e9ece9}
.xti-ci-v240-agenda article:last-child{border-bottom:0}
.xti-ci-v240-agenda time{padding-top:3px;color:#244d40;font-size:.92rem;font-weight:850}
.xti-ci-v240-agenda article div{display:grid;gap:5px}
.xti-ci-v240-agenda article small{color:#6b7772;font-size:8px;font-weight:850;letter-spacing:.11em}
.xti-ci-v240-agenda article strong{font-size:1.05rem;letter-spacing:-.025em}
.xti-ci-v240-agenda article span{color:#69756f;font-size:.78rem}
.xti-ci-v240-agenda .is-course{background:#f0f6f1}
.xti-ci-v240-agenda .is-course small{color:#376858}
.xti-ci-v240-roles{background:#fff}
.xti-ci-v240-role-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:50px}
.xti-ci-v240-role-grid article{min-height:310px;padding:31px;border-radius:25px;background:#192722;color:#fff}
.xti-ci-v240-role-grid article:nth-child(2){background:#24483d}.xti-ci-v240-role-grid article:nth-child(3){background:#e0ebe4;color:#17251f}.xti-ci-v240-role-grid article:nth-child(4){background:#f0ece2;color:#17251f}
.xti-ci-v240-role-grid article>span{display:inline-block;margin-bottom:70px;padding:7px 10px;border:1px solid currentColor;border-radius:999px;font-size:8px;font-weight:850;letter-spacing:.13em;opacity:.75}
.xti-ci-v240-role-grid h3{margin:0 0 14px;font-size:1.55rem;line-height:1.05;letter-spacing:-.045em}
.xti-ci-v240-role-grid p{margin:0;color:inherit;line-height:1.58;opacity:.78}
.xti-ci-v240-control-copy{max-width:650px;color:#c8d3ce;font-size:1.05rem;line-height:1.65}
.xti-ci-v240-board>div:not(.xti-ci-v240-course-row){display:grid;grid-template-columns:repeat(3,1fr)}
.xti-ci-v240-course-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border-top:1px solid rgba(24,33,30,.09);background:#fff}
.xti-ci-v240-course-row span{display:grid;gap:4px}.xti-ci-v240-course-row span b{font-size:.9rem}.xti-ci-v240-course-row span small{font-size:.68rem;letter-spacing:0;color:#687570}.xti-ci-v240-course-row>strong{font-size:1.15rem;color:#2d5d4d;white-space:nowrap}
.xti-ci-v240-decision{background:#f7f7f2}
.xti-ci-v240-decision__grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(410px,.72fr);align-items:center;gap:clamp(55px,9vw,125px)}
.xti-ci-v240-decision .xti-check-list{margin-top:33px}
.xti-ci-v240-overview{overflow:hidden;border:1px solid rgba(24,33,30,.13);border-radius:29px;background:#fff;box-shadow:0 30px 70px rgba(35,48,42,.1)}
.xti-ci-v240-overview header{display:flex;align-items:center;justify-content:space-between;padding:21px 24px;border-bottom:1px solid #e8ebe9}.xti-ci-v240-overview header small{font-size:9px;font-weight:850;letter-spacing:.13em}.xti-ci-v240-overview header span{padding:6px 9px;border-radius:999px;background:#e5eee8;color:#376556;font-size:8px;font-weight:850;letter-spacing:.1em}
.xti-ci-v240-orgs{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;padding:18px}.xti-ci-v240-orgs span{display:grid;gap:5px;min-height:88px;padding:14px;border-radius:15px;background:#f3f5f1;color:#61706a;font-size:.67rem}.xti-ci-v240-orgs b{color:#1b2c25;font-size:1.45rem}
.xti-ci-v240-overview label{display:grid;gap:7px;margin:0 18px;padding:14px 16px;border:1px solid #d5ddd8;border-radius:14px}.xti-ci-v240-overview label small{color:#64726b;font-size:8px;font-weight:850;letter-spacing:.11em}.xti-ci-v240-overview label strong{font-size:.92rem}
.xti-ci-v240-overview article{margin:12px 18px 20px;padding:18px;border-radius:18px;background:#193e33;color:#fff}.xti-ci-v240-overview article>div{display:flex;align-items:center;justify-content:space-between;gap:15px}.xti-ci-v240-overview article div span{font-size:.72rem;color:#c8ddd5}.xti-ci-v240-overview article>small{display:inline-block;margin:16px 0 10px;color:#abd4c5;font-size:8px;font-weight:850;letter-spacing:.12em}.xti-ci-v240-overview article p{margin:0!important;color:#fff!important;font-size:.78rem!important;line-height:1.7!important}.xti-ci-v240-overview article p b{color:#c5ded5}
.xti-ci-v240-noapp{background:#dce9e1}.xti-ci-v240-noapp>.xti-container{display:grid;grid-template-columns:.8fr 1fr;align-items:end;gap:80px}.xti-ci-v240-noapp h2{margin-bottom:0}.xti-ci-v240-noapp__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.xti-ci-v240-noapp__chips span{padding:9px 13px;border:1px solid rgba(24,33,30,.18);border-radius:999px;font-size:.72rem;font-weight:800}
.xti-ci-v240-price{background:#fff}.xti-ci-v240-faq{background:#f7f7f2}
@media(max-width:1050px){.xti-ci-v240-feature-grid,.xti-ci-v240-role-grid{grid-template-columns:repeat(2,1fr)}.xti-ci-v240-program__grid,.xti-ci-v240-decision__grid{grid-template-columns:1fr;gap:55px}.xti-ci-v240-agenda,.xti-ci-v240-overview{width:min(680px,100%)}}
@media(max-width:760px){.xti-ci-v240-hero .xti-ci-sales-hero__grid{grid-template-columns:1fr}.xti-ci-v240-device{min-height:570px}.xti-ci-v240-feature-grid,.xti-ci-v240-role-grid{grid-template-columns:1fr}.xti-ci-v240-feature-grid article{min-height:300px}.xti-ci-v240-feature-grid article>span,.xti-ci-v240-role-grid article>span{margin-bottom:38px}.xti-ci-v240-noapp>.xti-container{grid-template-columns:1fr;gap:25px}.xti-ci-v240-agenda article{grid-template-columns:58px 1fr;padding:19px 18px}.xti-ci-v240-agenda header{display:grid;gap:7px}.xti-ci-v240-orgs{grid-template-columns:1fr}.xti-ci-v240-orgs span{min-height:auto;grid-template-columns:auto 1fr;align-items:center}.xti-ci-v240-board>div:not(.xti-ci-v240-course-row){grid-template-columns:1fr}.xti-ci-v240-course-row{align-items:flex-start;flex-direction:column}.xti-ci-v240-hero h1{font-size:clamp(3.05rem,15vw,5rem)}}

/* 2.41.0 – prevent mobile browser zoom in real customer forms */
@media (max-width:760px) {
    .xti-lead-form input,
    .xti-lead-form select,
    .xti-lead-form textarea { font-size:16px; }
}

/* 2.51 · Optional, human-made event design. No AI or direct charge. */
.xti-design-offer {background:#eaf1eb;color:#183b35;padding:70px 0;}
.xti-design-offer .xti-container {display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:60px;align-items:center;}
.xti-design-offer .xti-design-offer__eyebrow {font-size:12px;font-weight:750;letter-spacing:.16em;}
.xti-design-offer h2 {color:#183b35;font-size:clamp(30px,4vw,48px);line-height:1.12;letter-spacing:-.03em;margin:14px 0 22px;}
.xti-design-offer p {color:#344f44;font-size:17px;line-height:1.7;max-width:60ch;}
.xti-design-offer aside {padding:30px;background:#fff;border:1px solid #d1dfd5;border-radius:20px;}
.xti-design-offer aside strong {display:block;font-size:28px;color:#183b35;line-height:1.3;}
.xti-design-offer small {display:block;color:#496255;font-size:13px;line-height:1.6;margin-top:10px;}
.xti-design-offer .xti-design-offer__button {display:inline-flex;align-items:center;min-height:46px;padding:12px 20px;border-radius:10px;background:#24513f;color:#fff;text-decoration:none;font-weight:700;line-height:1.45;}
.xti-design-offer a:focus-visible {outline:3px solid #24513f;outline-offset:4px;}
@media (max-width:760px) {.xti-design-offer{padding:40px 0;}.xti-design-offer .xti-container {grid-template-columns:minmax(0,1fr);gap:24px;}.xti-design-offer aside{padding:24px;}}

/* XTI DPA 1.0 */
.xti-legal-span{grid-column:1/-1}
.xti-dpa-top{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;padding:34px;border:1px solid #dfe2e7;border-radius:28px;background:#fff}
.xti-dpa-top>div{max-width:760px}.xti-dpa-top h2{font-size:30px;margin:12px 0 10px}.xti-dpa-status{display:inline-flex;align-items:center;gap:8px;padding:7px 10px;border-radius:999px;background:#eef8f0;color:#176532;font-size:11px;font-weight:850;letter-spacing:.08em;text-transform:uppercase}.xti-dpa-status:before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor}
.xti-dpa-print{appearance:none;border:0;border-radius:14px;background:#202126;color:#fff;padding:13px 17px;font:inherit;font-size:13px;font-weight:780;cursor:pointer;white-space:nowrap}
.xti-dpa-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.xti-dpa-facts>div{display:flex;flex-direction:column;gap:5px;padding:20px;border:1px solid #e0e1e5;border-radius:20px;background:#fff}.xti-dpa-facts small,.xti-dpa-sign small{font-size:10px;font-weight:850;letter-spacing:.11em;color:#777a83}.xti-dpa-facts strong{font-size:16px}.xti-dpa-facts span{font-size:12px;color:#6b6d75;line-height:1.45}
.xti-legal__body .xti-dpa-section{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;padding:30px}.xti-dpa-number{display:grid;place-items:center;width:34px;height:34px;border-radius:11px;background:#202126;color:#fff;font-size:12px;font-weight:850}.xti-dpa-section p{margin:0 0 12px}.xti-dpa-section p:last-child{margin-bottom:0}
.xti-dpa-appendices{margin-top:14px;padding:36px;border-radius:30px;background:#202126;color:#fff}.xti-dpa-appendices__intro{max-width:760px;margin-bottom:24px}.xti-dpa-appendices__intro>span,.xti-dpa-sign>div>span{font-size:10px;font-weight:850;letter-spacing:.12em;color:#d9ca4d}.xti-dpa-appendices__intro h2,.xti-dpa-sign h2{margin:8px 0 10px;font-size:30px}.xti-dpa-appendices__intro p{color:#c9cbd1}.xti-legal__body .xti-dpa-appendix{margin-top:10px;padding:22px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05)}.xti-dpa-appendix h3{margin:0 0 12px;font-size:17px}.xti-dpa-appendix li{color:#d5d7dc}
.xti-legal__body .xti-dpa-sign{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr);gap:28px;padding:34px;border:1px solid #e0e1e5;border-radius:28px;background:#fff}.xti-dpa-sign p{margin:0}.xti-dpa-sign__fields{display:grid;gap:8px}.xti-dpa-sign__fields p{display:flex;flex-direction:column;gap:5px;padding:13px 15px;border-radius:14px;background:#f5f5f8}.xti-dpa-sign__fields span{font-size:13px;color:#3d3f45}
@media(max-width:760px){.xti-dpa-top{align-items:stretch;flex-direction:column}.xti-dpa-print{width:100%}.xti-dpa-facts{grid-template-columns:1fr 1fr}.xti-legal__body .xti-dpa-section{grid-template-columns:34px minmax(0,1fr);padding:22px}.xti-dpa-appendices{padding:24px}.xti-legal__body .xti-dpa-sign{grid-template-columns:1fr;padding:24px}}
@media(max-width:480px){.xti-dpa-facts{grid-template-columns:1fr}}
@media print{.xti-dpa-print,.xti-site-footer,.xti-site-nav,.xti-cookie-banner{display:none!important}.xti-legal{padding:20mm 14mm;background:#fff}.xti-legal header{padding-bottom:18px}.xti-legal h1{font-size:34px}.xti-legal__body{display:block;padding-top:20px}.xti-dpa-top,.xti-dpa-facts,.xti-legal__body .xti-dpa-section,.xti-legal__body .xti-dpa-sign{break-inside:avoid;margin-bottom:12px;border-radius:10px}.xti-dpa-facts{display:grid}.xti-dpa-appendices{break-before:page;background:#fff;color:#202126;border:1px solid #d9dbe1;border-radius:10px}.xti-dpa-appendices__intro p,.xti-dpa-appendix li{color:#555860}.xti-legal__body .xti-dpa-appendix{break-inside:avoid;background:#fff;border-color:#d9dbe1}.xti-dpa-appendices__intro>span,.xti-dpa-sign>div>span{color:#555860}}
/* 2.124.0 · Happening free / Plus positioning */
.xh-happening-home__price{display:flex;gap:.8rem;align-items:center;flex-wrap:wrap;margin:1.25rem 0;padding:.85rem 1rem;border:1px solid rgba(23,33,31,.12);border-radius:16px;background:rgba(255,255,255,.7)}
.xh-happening-home__price b{color:#17211f}.xh-happening-home__price span{color:#5f6c66;font-size:.92rem}.xh-happening-home__price strong{color:#17211f}