/* VOLENG V21 · premium product showroom · marketing surfaces only.
   Operational paths /workspace /agenda/manage /terminal are deliberately untouched. */
:root{--vx-ink:#14213b;--vx-navy:#15233f;--vx-muted:#66768e;--vx-hair:#e5eaf3;--vx-blue:#426be8;--vx-violet:#8f62df;--vx-teal:#1ca79a}
html{scroll-behavior:smooth}
body:has(.vx-site){background:#fff;color:var(--vx-ink);overflow-x:hidden}
.vx-site{color:var(--vx-ink);font-family:Inter,'Avenir Next',ui-sans-serif,system-ui,-apple-system,'Segoe UI',sans-serif;text-align:left;line-height:1.5;overflow:clip}
.vx-site *, .vx-site *::before,.vx-site *::after{box-sizing:border-box}
.vx-site .vx-wrap{width:min(1320px,calc(100% - 80px));max-width:1320px;margin:0 auto}
.vx-site h1,.vx-site h2,.vx-site h3,.vx-site p{margin-top:0}
.vx-site a{text-decoration:none}
.vx-site img{display:block;max-width:100%}
.vx-site section{position:relative}
.vx-site .vx-kicker{font-size:11px;letter-spacing:.17em;font-weight:820;color:#4a6ce0;text-transform:uppercase;margin-bottom:17px}
.vx-site .vx-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:55px;align-items:end;margin-bottom:36px}
.vx-site .vx-heading h2{font-size:clamp(31px,3.6vw,54px);font-weight:780;line-height:1.14;letter-spacing:-.053em;color:#15233d;margin-bottom:0}
.vx-site .vx-heading>p{max-width:450px;margin:0;color:#64738b;font-size:15px;line-height:1.85}
.vx-site .vx-section{padding:94px 0}
.vx-heading-period{color:#685af2}
/* HERO: no competing CTA or single-product graphic */
.vx-site .vx-hero{padding:83px 0 102px;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse 800px 450px at 88% 4%,#e4e7ff 0%,transparent 69%),radial-gradient(ellipse 550px 420px at -8% 100%,#dff4f1 0%,transparent 69%),#fbfcff}
.vx-site .vx-hero::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#d8e4fa20 1px,transparent 1px),linear-gradient(90deg,#d8e4fa20 1px,transparent 1px);background-size:66px 66px;mask-image:linear-gradient(100deg,transparent 15%,black 86%);z-index:-1}
.vx-site .vx-hero .vx-wrap{max-width:1110px}
.vx-site .vx-overline{font-size:11px;font-weight:800;letter-spacing:.18em;display:flex;align-items:center;gap:10px;color:#607087;margin-bottom:29px}
.vx-pulse{width:8px;height:8px;border-radius:50%;background:#44bcac;box-shadow:0 0 0 5px #44bcac22;animation:vx-pulse 3.3s ease-in-out infinite}
.vx-site .vx-hero h1{font-size:clamp(43px,5.1vw,80px);line-height:1.09;letter-spacing:-.061em;font-weight:830;color:#102342;margin:0 0 28px;max-width:1110px}
.vx-site .vx-hero h1>span{color:#8496b8}
.vx-site .vx-hero h1 em{font-style:normal;background:linear-gradient(96deg,#446fe9,#8564df 58%,#319eac);-webkit-background-clip:text;background-clip:text;color:transparent}
.vx-site .vx-hero>div>p{font-size:clamp(15px,1.6vw,19px);color:#60718c;line-height:1.79;max-width:830px;margin:0}
.vx-hero-underline{display:flex;gap:7px;margin-top:36px}
.vx-hero-underline span{display:block;width:29px;height:5px;border-radius:100px;background:#5273e8}
.vx-hero-underline span:nth-child(2){background:#7f7cf2}.vx-hero-underline span:nth-child(3){background:#b16ddd}.vx-hero-underline span:nth-child(4){background:#d977a8}.vx-hero-underline span:nth-child(5){background:#f1ac61}.vx-hero-underline span:nth-child(6){background:#61bcae}.vx-hero-underline span:nth-child(7){background:#77b0d8}
/* THREE EQUAL FEATURED PRODUCT CARDS */
.vx-site .vx-catalog{background:#fff;padding-top:90px}
.vx-card-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.vx-card{--vx-accent:#4774eb;--vx-tint:#e9efff;--vx-soft:#f5f8ff;min-width:0;display:flex;flex-direction:column;background:#fff;border:1px solid #e3e9f3;border-radius:25px;overflow:hidden;box-shadow:0 10px 30px #18264b0a,0 1px 3px #18264b08;transition:transform .38s cubic-bezier(.2,.8,.2,1),box-shadow .38s ease,border-color .38s ease}
.vx-card.vx-agenda{--vx-accent:#9467dc;--vx-tint:#f0eaff;--vx-soft:#faf7ff}
.vx-card.vx-flow{--vx-accent:#159c90;--vx-tint:#e3f8f3;--vx-soft:#f5fcfa}
.vx-card:hover{transform:translateY(-7px);border-color:#cbd6eb;box-shadow:0 30px 65px #18264b1c}
.vx-card-header{display:flex;align-items:center;gap:10px;padding:23px 24px 0;min-width:0}
.vx-card-n{font-size:11px;letter-spacing:.1em;color:var(--vx-accent);font-weight:850}
.vx-card-type{font-size:10px;color:#6c7d97;letter-spacing:.025em;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.vx-card-arrow{margin-left:auto;display:grid;place-items:center;border:1px solid #e1e8f3;width:32px;height:32px;border-radius:50%;color:#62708b;font-size:17px;transition:transform .3s,background .3s}
.vx-card:hover .vx-card-arrow{transform:rotate(45deg);background:var(--vx-tint)}
.vx-card-body{padding:15px 24px 18px;min-height:149px}
.vx-site .vx-card-body h3{font-size:clamp(20px,2vw,27px);line-height:1.14;letter-spacing:-.045em;color:#192743;margin:0 0 11px;font-weight:830}
.vx-card-body h3 span{color:var(--vx-accent)}
.vx-card-body p{font-size:13px;line-height:1.75;color:#61738d;max-width:360px;margin:0}
.vx-card-visual{height:242px;margin:0 13px;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 64% 27%,var(--vx-tint),var(--vx-soft) 75%);display:flex;align-items:center;justify-content:center;position:relative}
.vx-card-visual>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 10px 17px #17285022);padding:12px;transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.vx-card:hover .vx-card-visual>img{transform:scale(1.04) translateY(-3px)}
.vx-card-foot{padding:21px 24px 23px;margin-top:auto}
.vx-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:22px}
.vx-tags span{padding:6px 10px;border-radius:99px;font-size:10px;font-weight:680;color:#6b7b91;background:#f4f6fb}
.vx-card-foot a{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #e9edf5;padding-top:18px;font-size:13px;font-weight:800;color:#142945!important}
.vx-card-foot a span{font-size:20px;color:var(--vx-accent);transition:transform .25s}
.vx-card-foot a:hover span{transform:translate(3px,-3px)}
/* embedded Agenda preview in catalogue */
.vx-cal{width:88%;max-width:315px;background:#fff;border:1px solid #e9e4f5;border-radius:15px;padding:13px 15px 8px;box-shadow:0 15px 35px #65539b20;transform:rotate(-2.2deg);transition:transform .45s ease}
.vx-card:hover .vx-cal,.vx-gallery-item:hover .vx-cal{transform:rotate(0deg) translateY(-4px)}
.vx-cal-head{display:flex;align-items:center;gap:6px;padding-bottom:13px;border-bottom:1px solid #edf0f6;font-size:11px;color:#22324f}
.vx-cal-head b{white-space:nowrap}.vx-cal-head em{color:#9263d9;font-style:normal}
.vx-cal-dotmark{color:#9669e1;font-size:17px}
.vx-cal-hint{margin-left:auto;color:#9ba7bd;font-weight:700;font-size:8px}
.vx-cal-week{display:grid;grid-template-columns:repeat(5,1fr);gap:5px;padding:11px 0 13px}
.vx-cal-week span{display:grid;place-items:center;gap:3px;font-size:9px;color:#9ca5bb}
.vx-cal-week b{color:#7888a1;font-size:11px;padding:5px 7px;border-radius:7px}
.vx-cal-week span:nth-child(3) b{background:#9469df;color:#fff}
.vx-cal-event{padding:8px 0;display:flex;align-items:center;gap:9px;border-top:1px solid #f1f2f7;font-size:9px}
.vx-cal-event time{font-weight:790;color:#4e5c78;width:34px}
.vx-cal-line{display:grid;line-height:1.25;flex:1}.vx-cal-line b{color:#263653;font-size:9px}.vx-cal-line small{color:#9eabc1;font-size:8px;margin-top:3px}
.vx-confirm{font-size:10px;color:#24ab9b;background:#e7faf5;border-radius:6px;padding:4px 6px}
.vx-cal-footer{padding:8px 0 1px;border-top:1px solid #f0f1f6;color:#a0adbd;font-size:8px}.vx-cal-footer span:first-child{color:#34bcac}
.vx-cal-footer span:last-child{float:right;color:#a56ae0}
/* general showroom */
.vx-use{background:#f7f9fd}
.vx-use-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.vx-case{padding:30px;background:#fff;border:1px solid #e4eaf3;border-radius:20px;min-height:242px;color:#1c2c46!important;display:flex;flex-direction:column;box-shadow:0 5px 24px #13234206;transition:transform .25s,box-shadow .25s}
.vx-case:hover{transform:translateY(-4px);box-shadow:0 20px 38px #172f5214}
.vx-case-icon{height:42px;width:42px;border-radius:13px;display:grid;place-items:center;background:#eaf0ff;color:#4672dd;font-size:22px;margin-bottom:26px}
.vx-case-icon.vx-agenda{background:#f1eaff;color:#8f64df}.vx-case-icon.vx-flow{background:#e5f9f5;color:#11a38f}
.vx-case strong{font-size:19px;font-weight:800;letter-spacing:-.035em}.vx-case p{font-size:13px;line-height:1.7;color:#71819a;margin:7px 0 20px}
.vx-case-more{font-size:12px;color:#5572b4;margin-top:auto;font-weight:800}
.vx-gallery-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.vx-gallery-item{border:1px solid #e3e9f3;border-radius:22px;overflow:hidden;background:#fff;color:#14243e!important;transition:transform .3s,box-shadow .3s}
.vx-gallery-item:hover{transform:translateY(-4px);box-shadow:0 18px 40px #152b4b16}
.vx-gallery-art{height:250px;padding:16px;display:grid;place-items:center;background:linear-gradient(135deg,#edf4ff,#f5f8ff);overflow:hidden}
.vx-gallery-item.vx-agenda .vx-gallery-art{background:linear-gradient(120deg,#f2ecff,#f9f5ff)}
.vx-gallery-item.vx-flow .vx-gallery-art{background:linear-gradient(120deg,#e4f8f5,#f6fcfb)}
.vx-gallery-art>img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 12px 16px #172c461c)}
.vx-gallery-art .vx-cal{max-width:290px}
.vx-gallery-item>div:last-child{padding:19px 22px 22px;display:grid;gap:8px}
.vx-gallery-item>div:last-child span{font-size:11px;color:#8190a3}
.vx-gallery-item>div:last-child strong{font-size:18px;color:#1a2e4c;letter-spacing:-.025em}
.vx-how{background:linear-gradient(180deg,#f8faff,#fff)}
.vx-steps,.vx-psteps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:21px}
.vx-step{padding:25px 8px 20px;border-top:1px solid #dce4f2}
.vx-step>span{font-size:11px;color:#5676e5;font-weight:850;letter-spacing:.1em}
.vx-site .vx-step h3{font-size:20px;color:#1a2b47;letter-spacing:-.03em;margin:20px 0 10px}
.vx-step p{color:#72809a;font-size:13px;line-height:1.75;margin:0;max-width:340px}
.vx-trust{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid #ecf0f7;margin-top:40px;padding-top:30px}
.vx-trust span{padding:9px 15px;border-radius:100px;background:#f2f6fc;color:#516681;font-weight:750;font-size:11px}
.vx-final{background:#14233e;color:#fff;padding:85px 0;overflow:hidden;isolation:isolate}
.vx-final::before{content:'';position:absolute;width:600px;height:600px;border-radius:50%;right:-180px;top:-300px;background:radial-gradient(circle,#5063c46e,transparent 69%);z-index:-1}
.vx-final>.vx-wrap{display:flex;justify-content:space-between;align-items:center;gap:35px}
.vx-final .vx-kicker{color:#a6baff}
.vx-site .vx-final h2{color:#fff;font-size:clamp(30px,3.7vw,50px);max-width:620px;letter-spacing:-.05em;line-height:1.13;margin-bottom:16px}
.vx-final p:not(.vx-kicker){color:#afc0d8;font-size:15px;margin-bottom:0}
.vx-final-actions,.vx-actions{display:flex;gap:11px;flex-wrap:wrap;align-items:center}
.vx-site .vx-btn{padding:13px 22px;border-radius:11px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:13px;font-weight:790;white-space:nowrap;text-decoration:none!important;transition:transform .25s,background .25s,box-shadow .25s}
.vx-btn:hover{transform:translateY(-2px)}
.vx-site .vx-btn-light{background:#fff;color:#172540!important}
.vx-site .vx-btn-outline{border:1px solid #9eafd344;color:#fff!important}
.vx-site .vx-btn-dark{background:#182943;color:#fff!important;box-shadow:0 9px 24px #132f4724}
.vx-site .vx-btn-line{border:1px solid #cad4e3;color:#38516e!important;background:#fff}
/* product pages: each has independent branded personality */
.vx-product{--vx-accent:#4774eb;--vx-tint:#e9f0ff;--vx-hero-bg:#f5f8ff}
.vx-agenda-page{--vx-accent:#9266dd;--vx-tint:#f0e9ff;--vx-hero-bg:#faf7ff}
.vx-flow-page{--vx-accent:#1ba69a;--vx-tint:#dff8f3;--vx-hero-bg:#f4fcfa}
.vx-product .vx-kicker{color:var(--vx-accent)}
.vx-product-hero{padding:39px 0 80px;background:radial-gradient(ellipse 650px 430px at 93% 12%,var(--vx-tint),transparent 79%),linear-gradient(180deg,var(--vx-hero-bg),#fff 94%)}
.vx-breadcrumb{display:flex;align-items:center;gap:10px;margin:0 0 60px;font-size:12px;font-weight:740;color:#8594aa}
.vx-breadcrumb a{color:#607794!important}
.vx-product-hero-grid{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(0,1fr);align-items:center;gap:64px}
.vx-product-copy{max-width:620px}
.vx-site .vx-product-copy h1{font-size:clamp(42px,4.6vw,69px);line-height:1.1;letter-spacing:-.061em;color:#172542;margin:0 0 22px;font-weight:820}
.vx-product-copy .vx-lead{font-size:clamp(16px,1.46vw,18px);color:#65768d;line-height:1.8;margin:0 0 22px}
.vx-pills{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:29px}
.vx-pills span{font-size:11px;color:#5f7092;border:1px solid #e0e5ee;background:#fff;padding:8px 11px;border-radius:99px;font-weight:700}
.vx-hero-art{min-width:0;display:flex;align-items:center;justify-content:center;min-height:370px;padding:20px;border-radius:30px;background:linear-gradient(133deg,var(--vx-tint),#f9fbff 89%);box-shadow:inset 0 0 0 1px #ffffffbc;position:relative}
.vx-hero-art img{width:100%;max-height:410px;object-fit:contain;filter:drop-shadow(0 15px 24px #16264d25)}
.vx-real-screen{position:relative}.vx-real-screen-label{position:absolute;bottom:13px;left:20px;background:#ffffffeb;color:#536b8b;font-size:10px;border-radius:7px;padding:7px 10px;box-shadow:0 3px 16px #31415b24}
.vx-features-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.vx-feat{display:flex;align-items:flex-start;gap:15px;padding:29px 25px;min-height:181px;background:#fff;border:1px solid #e5eaf3;border-radius:17px;box-shadow:0 4px 17px #17264105;transition:transform .25s,border-color .25s}
.vx-feat:hover{transform:translateY(-4px);border-color:#cfd8eb}
.vx-feat>span{height:38px;width:38px;flex:0 0 38px;background:var(--vx-tint);color:var(--vx-accent);display:grid;place-items:center;font-weight:820;font-size:12px;border-radius:11px}
.vx-site .vx-feat h3{font-size:18px;letter-spacing:-.035em;color:#1c2d48;margin:1px 0 9px}
.vx-feat p{font-size:13px;line-height:1.75;color:#718099;margin:0}
.vx-product-showcase{background:#f6f8fc}
.vx-showcase-grid{display:grid;grid-template-columns:.72fr 1fr;gap:65px;align-items:center}
.vx-site .vx-showcase-text h2{font-size:clamp(31px,3.7vw,50px);line-height:1.13;letter-spacing:-.05em;color:#1b2a45;margin:0 0 18px}
.vx-showcase-text>p:not(.vx-kicker){color:#697a91;font-size:15px;line-height:1.8;max-width:470px}
.vx-text-link{display:inline-block;color:var(--vx-accent)!important;font-size:13px;font-weight:830;margin-top:15px}
.vx-showcase-screen{display:flex;align-items:center;justify-content:center;min-height:380px;background:linear-gradient(145deg,var(--vx-tint),#fff);border-radius:27px;padding:26px;overflow:hidden}
.vx-showcase-screen>img{width:100%;height:100%;max-height:405px;object-fit:contain;filter:drop-shadow(0 10px 22px #162b461d)}
.vx-pstep{padding:26px 25px 28px;border:1px solid #e3e8f3;border-radius:18px;background:#fff;min-height:189px}
.vx-pstep>span{font-weight:850;font-size:12px;color:var(--vx-accent)}
.vx-site .vx-pstep h3{font-size:19px;margin:21px 0 9px;color:#1a2c49;letter-spacing:-.03em}
.vx-pstep p{font-size:13px;line-height:1.75;color:#718099;margin:0}
.vx-product-examples{background:#f9fbfe}
.vx-example-grid,.vx-example-labels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px}
.vx-example-visual{height:370px;display:grid;place-items:center;background:linear-gradient(135deg,var(--vx-tint),#fff);border:1px solid #e4e9f0;border-radius:22px;padding:20px;overflow:hidden}
.vx-example-visual>img{max-height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 10px 15px #21375920)}
.vx-example-labels{margin-top:18px;padding:0 10px}
.vx-site .vx-example-labels h3{font-size:18px;color:#223652;letter-spacing:-.025em;margin-bottom:5px}
.vx-example-labels p{font-size:13px;color:#7a879b;margin:0}
.vx-product-audience{background:#fff}
.vx-product-audience .vx-wrap{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}
.vx-site .vx-product-audience h2{font-size:clamp(29px,3vw,44px);line-height:1.16;letter-spacing:-.045em;color:#1b2a44;margin-bottom:20px}
.vx-product-audience ul{padding:0;list-style:none;margin:0}
.vx-product-audience li{padding:13px 0;border-bottom:1px solid #e9edf4;font-size:14px;color:#667892}
.vx-product-audience li::before{content:'✓';color:var(--vx-accent);margin-right:13px}
.vx-product-audience aside{padding:42px;background:linear-gradient(125deg,#1a2b47,#223b5c);border-radius:22px;color:#fff}
.vx-product-audience aside .vx-kicker{color:#a1c3ff}
.vx-site .vx-product-audience aside h3{font-size:25px;line-height:1.45;letter-spacing:-.035em;margin-bottom:25px;color:#fff;font-weight:690}
.vx-product-audience aside .vx-btn-outline{border-color:#a4b4c850}
/* AGEDA week-view layout from user's supplied weekly booking reference */
.vx-weekly{background:#fff;border:1px solid #e8e4f0;border-radius:17px;overflow:hidden;box-shadow:0 15px 40px #65558f18;min-width:0;width:100%;font-size:11px}
.vx-weekly>header{padding:17px 19px;display:flex;justify-content:space-between;align-items:center;background:#fff;border-bottom:1px solid #eae9f3}
.vx-weekly>header>div{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.vx-week-icon{color:#9766da;background:#f1eaff;border-radius:8px;padding:6px;font-size:16px}
.vx-weekly>header strong{color:#252e45;font-size:12px}.vx-weekly>header small{color:#97a0b4;font-size:9px}
.vx-week-circle{border:1px solid #eae3f3;padding:4px 7px;border-radius:8px;color:#a08bc5}
.vx-week-scroll{overflow-x:auto}
.vx-week-cols{display:grid;grid-template-columns:48px repeat(5,minmax(80px,1fr));min-width:490px}
.vx-hours{display:grid;grid-template-rows:40px repeat(6,52px);text-align:right;font-size:8px;color:#9ba8b9;padding-right:7px;background:#f8f9fc}
.vx-hours>span{padding-top:5px}
.vx-week-day{border-left:1px solid #e9edf5;min-width:0}
.vx-week-dayname{height:40px;display:grid;place-items:center;border-bottom:1px solid #e9edf5;color:#748399;font-size:10px;font-weight:800}
.vx-week-day:nth-child(4) .vx-week-dayname{color:#9061d7;background:#f5efff}
.vx-week-body{height:312px;position:relative;background-image:repeating-linear-gradient(to bottom,transparent,transparent 51px,#e9edf5 51px,#e9edf5 52px)}
.vx-week-event{position:absolute;left:3px;right:3px;min-height:52px;border-left:3px solid #42a79b;border-radius:5px;padding:6px 5px;overflow:hidden;background:#e6f7f2;color:#267a72;font-size:8px}
.vx-week-event b,.vx-week-event small{display:block;line-height:1.2}.vx-week-event small{margin-top:4px;opacity:.75}
.vx-week-event.ev-1{background:#fdf1df;border-color:#dca756;color:#a97521}
.vx-week-event.ev-2{background:#e8eefc;border-color:#6588df;color:#506db7}
.vx-week-event.ev-3{background:#f0f2f6;border-color:#aab4c4;color:#8c97a8}
.vx-weekly>footer{border-top:1px solid #eae9f3;display:flex;gap:14px;flex-wrap:wrap;padding:10px 14px;color:#7787a0;font-size:9px}
.vx-weekly>footer span{display:flex;align-items:center;gap:5px}.vx-weekly>footer i{display:inline-block;width:8px;height:8px;border-radius:50%;background:#41ab99}.vx-weekly>footer i.ev-1{background:#dda54b}.vx-weekly>footer i.ev-2{background:#6687dc}.vx-weekly>footer i.ev-3{background:#afb6c2}
.vx-booking{width:min(100%,420px);padding:22px;background:#fff;border:1px solid #eae4f3;border-radius:18px;box-shadow:0 15px 35px #54468b13}
.vx-booking-head{display:flex;justify-content:space-between;color:#272c47;font-size:12px;border-bottom:1px solid #efeff5;padding-bottom:18px}
.vx-booking-head span{color:#9669dd}
.vx-site .vx-booking h3{font-size:22px;color:#27334b;letter-spacing:-.04em;margin:23px 0 18px}
.vx-booking p{color:#78869c;font-size:11px;font-weight:700;margin:15px 0 10px}
.vx-day-select{display:grid;grid-template-columns:repeat(5,1fr);gap:6px}
.vx-day-select button,.vx-time-select button{font:inherit;cursor:pointer;border:1px solid #e5e7f1;background:#fff;color:#6a748c;border-radius:8px;transition:background .2s}
.vx-day-select button{display:grid;justify-items:center;padding:8px 3px;gap:6px}
.vx-day-select button small{font-size:8px}.vx-day-select button b{font-size:13px}
.vx-day-select button[aria-pressed=true],.vx-time-select button[aria-pressed=true]{background:#9365d7;border-color:#9365d7;color:#fff}
.vx-time-select{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.vx-time-select button{font-size:11px;padding:10px 0;color:#845ec7;border-color:#e4d6fc}
.vx-booking-action{display:block;text-align:center;border-radius:10px;background:#9365d7;color:#fff!important;font-weight:780;font-size:12px;padding:12px;margin-top:22px}
.vx-example-agenda .vx-booking{transform:scale(.88)}
.vx-email-preview{background:#fff;padding:27px;border:1px solid #ece7f4;border-radius:16px;width:min(90%,380px);box-shadow:0 12px 35px #6759a117}
.vx-email-top{border-bottom:1px solid #eeedf5;padding-bottom:16px;display:flex;justify-content:space-between;color:#283755;font-size:12px}
.vx-email-top span{color:#26ab94}.vx-email-preview p{font-size:12px;color:#72809b;margin:20px 0 18px}
.vx-email-preview strong{display:block;font-size:23px;color:#282c46;letter-spacing:-.04em}
.vx-email-preview small{display:block;color:#73819a;margin:7px 0 20px;font-size:11px}
.vx-email-bar{height:4px;background:linear-gradient(90deg,#976ada,#c0a3f5);border-radius:5px;margin-bottom:15px}
.vx-email-preview>span{color:#249b8b;font-size:11px;font-weight:750}
/* Flow interface sample */
.vx-flow-demo{width:min(100%,440px);background:#fff;border:7px solid #243c4a;border-radius:28px;padding:16px 18px 14px;box-shadow:0 20px 38px #1a584739;position:relative}
.vx-flow-bar{display:flex;align-items:center;gap:7px;border-bottom:1px solid #ebedf0;padding:0 0 13px;font-size:12px}
.vx-flow-bar>span{color:#1ba99b;font-size:17px}.vx-flow-bar strong{color:#243b49}.vx-flow-bar small{margin-left:auto;font-size:9px;color:#93a8af}
.vx-flow-center{text-align:center;padding:23px 0 18px}
.vx-flow-icon{display:grid;place-items:center;margin:auto;width:34px;height:34px;border-radius:10px;background:#dff8f1;color:#1aa698}
.vx-site .vx-flow-center h3{font-size:clamp(22px,2.3vw,28px);color:#243a46;letter-spacing:-.05em;margin:10px 0 4px}
.vx-flow-center>p{color:#92a4b1;font-size:10px;margin:0 0 18px}
.vx-flow-options{display:grid;gap:8px}
.vx-flow-options>div{display:grid;grid-template-columns:25px 1fr 15px;gap:6px;align-items:center;text-align:left;padding:10px;border:1px solid #e2e9ea;border-radius:8px;color:#1b3c45;font-size:10px}
.vx-flow-options>div>span{color:#1ea598}.vx-flow-options b{font-weight:700}
.vx-flow-queue{display:grid;gap:5px;border-top:1px solid #ebedf0;padding-top:12px;color:#80949c;font-size:10px;text-align:left}
.vx-flow-queue strong{color:#2c4652;font-size:11px}.vx-flow-queue em{font-style:normal;color:#149c8f;font-size:14px;margin-left:7px}
/* subtle purposeful motion / respectful reduced-motion */
.vx-reveal{transition:opacity .66s ease,transform .66s cubic-bezier(.2,.8,.2,1)}
.vx-site.vx-enhanced .vx-reveal:not(.vx-visible){opacity:0;transform:translateY(18px)}
@keyframes vx-pulse{0%,100%{box-shadow:0 0 0 5px #44bcac22}50%{box-shadow:0 0 0 9px #44bcac0d}}
@media(max-width:1050px){.vx-site .vx-wrap{width:min(100% - 48px,1320px)}.vx-card-grid,.vx-gallery-grid{gap:12px}.vx-card-header,.vx-card-body,.vx-card-foot{padding-left:17px;padding-right:17px}.vx-card-body{min-height:177px}.vx-card-visual{height:218px}.vx-product-hero-grid{gap:28px}.vx-showcase-grid{gap:34px}.vx-feat{padding:20px 15px;gap:11px}}
@media(max-width:780px){.vx-site .vx-wrap{width:min(100% - 34px,700px)}.vx-site .vx-hero{padding:65px 0 73px}.vx-site .vx-heading{grid-template-columns:1fr;gap:14px}.vx-site .vx-section{padding:64px 0}.vx-card-grid,.vx-use-grid,.vx-gallery-grid{grid-template-columns:1fr;max-width:600px;margin-left:auto;margin-right:auto;gap:18px}.vx-card-body{min-height:unset;padding:18px 25px 19px}.vx-card-header,.vx-card-foot{padding-left:25px;padding-right:25px}.vx-card-visual{height:260px}.vx-use-grid{max-width:unset}.vx-case{min-height:unset;padding:25px}.vx-case-icon{margin-bottom:16px}.vx-steps,.vx-psteps{grid-template-columns:1fr}.vx-final>.vx-wrap{align-items:flex-start;flex-direction:column}.vx-product-hero-grid,.vx-showcase-grid,.vx-product-audience .vx-wrap{grid-template-columns:1fr}.vx-product-hero{padding:25px 0 65px}.vx-breadcrumb{margin-bottom:33px}.vx-hero-art{min-height:290px}.vx-features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.vx-product-audience .vx-wrap{gap:25px}.vx-example-visual{height:320px}}
@media(max-width:540px){.vx-site .vx-wrap{width:calc(100% - 28px)}.vx-site .vx-hero{padding:51px 0 60px}.vx-site .vx-overline{font-size:9px;margin-bottom:25px}.vx-site .vx-hero h1{font-size:clamp(33px,9vw,47px);line-height:1.13;margin-bottom:23px}.vx-site .vx-hero>div>p{font-size:14px}.vx-site .vx-heading h2{font-size:32px}.vx-site .vx-heading>p{font-size:13px}.vx-card-visual{height:224px}.vx-card-body{padding-top:15px}.vx-site .vx-card-body h3{font-size:26px}.vx-card-body p{font-size:13px}.vx-site .vx-section{padding:55px 0}.vx-gallery-art{height:210px}.vx-case{padding:21px}.vx-site .vx-product-copy h1{font-size:clamp(36px,9vw,50px)}.vx-product-copy .vx-lead{font-size:15px}.vx-hero-art{padding:12px;min-height:250px;border-radius:20px}.vx-features-grid,.vx-example-grid,.vx-example-labels{grid-template-columns:1fr}.vx-feat{min-height:130px}.vx-example-visual{height:310px}.vx-site .vx-product-audience aside h3{font-size:22px}.vx-product-audience aside{padding:28px 22px}.vx-final{padding:62px 0}.vx-final-actions{width:100%}.vx-weekly{font-size:10px}.vx-showcase-screen{padding:8px;min-height:300px}.vx-site .vx-btn{font-size:12px;padding:12px 16px}.vx-breadcrumb{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.vx-site *, .vx-site *::before,.vx-site *::after{animation:none!important;transition:none!important}.vx-site.vx-enhanced .vx-reveal:not(.vx-visible){opacity:1!important;transform:none!important}}