/* Landing comercial: una composición editorial independiente del dashboard. */
body:has(.utiliti-sales) { background: #f7f8f4; }
.utiliti-sales { --sales-ink:#10263e; --sales-deep:#0b3447; --sales-mint:#cdeada; --sales-lime:#d9e900; --sales-paper:#f7f8f4; --sales-coral:#ec6e52; color:var(--sales-ink); overflow:hidden; font-family:'DM Sans',var(--font-body); }
.utiliti-sales *, .utiliti-sales *::before, .utiliti-sales *::after { box-sizing:border-box; }
.utiliti-sales__container { width:min(100% - 2.5rem, 1240px); margin-inline:auto; }
.utiliti-sales__hero { position:relative; overflow-x:clip; padding:clamp(4rem, 9vw, 8.5rem) 0 clamp(3rem, 7vw, 6rem); background:linear-gradient(120deg,#eef5eb 0%,#f8f8f1 46%,#e1f2e8 100%); isolation:isolate; }
.utiliti-sales__hero::before { content:""; position:absolute; inset:0; opacity:.42; background-image:radial-gradient(rgba(11,52,71,.25) 1px,transparent 1px); background-size:19px 19px; mask-image:linear-gradient(90deg,#000,transparent 72%); z-index:-1; }
.utiliti-sales__hero-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(380px,.9fr); gap:clamp(2rem,6vw,7rem); align-items:center; }
.utiliti-sales__eyebrow { display:flex; gap:.55rem; align-items:center; margin:0 0 1.1rem; color:var(--color-primary); font-size:.72rem; font-weight:800; letter-spacing:.13em; text-transform:uppercase; }
.utiliti-sales__eyebrow span { width:1.75rem; height:2px; background:currentColor; }
.utiliti-sales__intro h1, .utiliti-sales h2 { font-family:Georgia, 'Times New Roman', serif; letter-spacing:-.052em; }
.utiliti-sales__intro h1 { max-width:760px; margin:0; font-size:clamp(3rem,6.2vw,6.1rem); line-height:.93; color:var(--sales-ink); }
.utiliti-sales__lead { max-width:610px; margin:1.65rem 0 0; font-size:clamp(1.05rem,1.55vw,1.3rem); line-height:1.65; color:#4b6073; }
.utiliti-sales__actions { display:flex; flex-wrap:wrap; align-items:center; gap:1.35rem; margin-top:2.2rem; }
.utiliti-sales__button { display:inline-flex; align-items:center; justify-content:center; gap:.7rem; min-height:3.35rem; padding:.85rem 1.2rem; border:1px solid transparent; border-radius:3px; font-weight:800; text-decoration:none; transition:transform .2s ease,background .2s ease,color .2s ease,box-shadow .2s ease; }
.utiliti-sales__button:hover { transform:translateY(-3px); }
.utiliti-sales__button--primary { color:#fff; background:var(--sales-deep); box-shadow:0 13px 24px rgba(11,52,71,.18); }
.utiliti-sales__button--primary:hover { color:#fff; background:#071f2c; }
.utiliti-sales__button--text { color:var(--sales-ink); background:transparent; }
.utiliti-sales__button--text:hover { color:var(--sales-ink); background:rgba(16,38,62,.07); }
.utiliti-sales__proof { display:flex; flex-wrap:wrap; gap:1.35rem 2.1rem; margin:3.8rem 0 0; padding:0; }
.utiliti-sales__proof div { padding-left:.8rem; border-left:2px solid var(--sales-lime); }
.utiliti-sales__proof dt { font-weight:800; font-size:.85rem; line-height:1.15; }.utiliti-sales__proof dd { margin:.25rem 0 0; color:#66788a; font-size:.82rem; }
.utiliti-sales__stage { position:relative; min-height:510px; padding:3rem 1.2rem 1.2rem; }
.utiliti-sales__orbit { position:absolute; border:1px solid rgba(11,52,71,.18); border-radius:50%; }.utiliti-sales__orbit--one { width:410px; aspect-ratio:1; top:1rem; right:-6rem; }.utiliti-sales__orbit--two { width:310px; aspect-ratio:1; top:4rem; right:2rem; border-color:rgba(217,233,0,.9); }
.utiliti-sales__dashboard { position:relative; z-index:1; width:min(100%,520px); margin:5rem 0 0 auto; overflow:hidden; border:1px solid rgba(16,38,62,.15); background:#fff; box-shadow:0 28px 70px rgba(15,47,59,.2); }
.utiliti-sales__dashboard-top { display:flex; align-items:center; gap:.6rem; min-height:58px; padding:0 1rem; border-bottom:1px solid #dde5e6; color:#506271; font-weight:700; font-size:.82rem; }.utiliti-sales__mark { display:grid; place-items:center; width:25px; height:25px; flex:0 0 25px; border-radius:50%; background:var(--color-primary); color:#fff; font-family:Georgia,serif; font-weight:700; font-size:1.1rem; }.utiliti-sales__dashboard-link { margin-left:auto; color:#748391; font-size:.68rem; }.utiliti-sales__avatar { display:grid; place-items:center; width:26px; height:26px; flex:0 0 26px; border-radius:50%; background:var(--sales-lime); color:#183145; font-size:.75rem; }
.utiliti-sales__dashboard-body { display:grid; grid-template-columns:135px minmax(0,1fr); gap:1.1rem; min-height:278px; padding:1.25rem; background:#f6faf8; }.utiliti-sales__dashboard-nav { display:grid; align-content:start; gap:.46rem; padding:.15rem .75rem .15rem 0; border-right:1px solid #dbe6e3; color:#71818d; font-size:.65rem; line-height:1.25; }.utiliti-sales__dashboard-nav b { margin-bottom:.25rem; color:#183145; font-size:.73rem; }.utiliti-sales__dashboard-nav span { padding:.45rem .5rem; }.utiliti-sales__dashboard-nav .is-active { border-left:2px solid var(--color-primary); background:#e5f4f2; color:var(--color-primary); font-weight:800; }.utiliti-sales__dashboard-copy small { display:block; margin:0 0 .55rem; color:var(--color-primary); font-size:.59rem; letter-spacing:.11em; font-weight:800; }.utiliti-sales__dashboard-copy > strong { display:block; font-family:Georgia,serif; font-size:1.55rem; line-height:1; }.utiliti-sales__dashboard-copy p { margin:.65rem 0 .95rem; color:#71818d; font-size:.76rem; line-height:1.45; }.utiliti-sales__course-row { display:grid; grid-template-columns:105px minmax(0,1fr); gap:.75rem; align-items:center; padding:.7rem; border:1px solid #dce7e4; background:#fff; }.utiliti-sales__course-thumb { display:flex; flex-direction:column; justify-content:space-between; min-height:88px; padding:.55rem; color:#fff; background:linear-gradient(140deg,#0b3447,#0796a6 70%,#d9e900); }.utiliti-sales__course-thumb span { font-size:.5rem; font-weight:800; letter-spacing:.09em; }.utiliti-sales__course-thumb b { font-family:Georgia,serif; font-size:.95rem; line-height:.9; text-align:right; }.utiliti-sales__course-row > div:last-child > b { display:block; color:#183145; font-size:.72rem; line-height:1.25; }.utiliti-sales__status { display:inline-block; margin:.42rem 0 .5rem; padding:.18rem .38rem; color:#176d62; background:#e4f6eb; border-radius:99px; font-size:.55rem; font-weight:800; }.utiliti-sales__progress { display:block; height:6px; overflow:hidden; background:#dce7e4; border-radius:99px; }.utiliti-sales__progress i { display:block; width:72%; height:100%; background:var(--color-primary); }.utiliti-sales__dashboard-copy em { display:block; margin-top:.38rem; color:#537083; font-style:normal; font-size:.62rem; }
.utiliti-sales__floating { position:absolute; z-index:2; display:grid; grid-template-columns:auto 1fr; gap:0 .45rem; padding:.75rem .85rem; background:#fff; box-shadow:0 15px 30px rgba(11,52,71,.16); }.utiliti-sales__floating span { grid-row:1/3; display:grid; place-items:center; width:30px; height:30px; color:#fff; background:var(--color-primary); border-radius:50%; }.utiliti-sales__floating b { font-size:.83rem; }.utiliti-sales__floating small { color:#788792; font-size:.62rem; }.utiliti-sales__floating--report { top:2.4rem; left:0; }.utiliti-sales__floating--certificate { bottom:1.5rem; right:1.3rem; }.utiliti-sales__floating--certificate span { background:#7d9850; }
.utiliti-sales__signal { padding:1.1rem 0; background:var(--sales-lime); }.utiliti-sales__signal p { max-width:980px; margin:0; font-family:Georgia,serif; font-size:clamp(1.25rem,2.3vw,2rem); line-height:1.2; }
.utiliti-sales__intelligence { padding:clamp(4.5rem,8vw,7.5rem) 0; background:linear-gradient(135deg,#f6faf7 0%,#e7f3ed 100%); }.utiliti-sales__intelligence-heading { display:grid; grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr); gap:2rem 4rem; align-items:end; }.utiliti-sales__intelligence-heading .utiliti-sales__eyebrow { grid-column:1/-1; margin:0; }.utiliti-sales__intelligence-heading h2 { max-width:690px; margin:0; font-family:Georgia,'Times New Roman',serif; font-size:clamp(2.45rem,4.6vw,4.7rem); line-height:.96; letter-spacing:-.055em; }.utiliti-sales__intelligence-heading > p:last-child { max-width:560px; margin:0 0 .25rem; color:#536979; font-size:1.05rem; line-height:1.7; }.utiliti-sales__ai-panels { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; margin-top:2.5rem; }.utiliti-sales__ai-panel { min-width:0; padding:clamp(1.25rem,3vw,2.15rem); border:1px solid #d6e5df; box-shadow:0 22px 45px rgba(16,38,62,.08); }.utiliti-sales__ai-panel--tutor { background:#fff; }.utiliti-sales__ai-panel--studio { color:#fff; border-color:#103c4f; background:linear-gradient(145deg,#0b3447,#056b79); }.utiliti-sales__ai-panel-head { display:flex; align-items:center; gap:.8rem; min-width:0; }.utiliti-sales__ai-symbol { display:grid; place-items:center; width:42px; aspect-ratio:1; flex:0 0 42px; border-radius:12px; background:var(--color-primary); color:#fff; font-weight:800; }.utiliti-sales__ai-panel--studio .utiliti-sales__ai-symbol { background:var(--sales-lime); color:var(--sales-ink); }.utiliti-sales__ai-panel-head div { min-width:0; }.utiliti-sales__ai-panel-head small { display:block; color:#6d8190; font-size:.61rem; font-weight:800; letter-spacing:.11em; text-transform:uppercase; }.utiliti-sales__ai-panel--studio .utiliti-sales__ai-panel-head small { color:#b9dadd; }.utiliti-sales__ai-panel h3 { margin:.2rem 0 0; font-family:Georgia,'Times New Roman',serif; font-size:1.65rem; line-height:1; letter-spacing:-.04em; }.utiliti-sales__ai-state { margin-left:auto; padding:.28rem .5rem; color:#176d62; background:#e4f6eb; border-radius:99px; font-size:.61rem; font-weight:800; }.utiliti-sales__tutor-question { width:max-content; max-width:92%; margin:1.75rem 0 .8rem auto; padding:.7rem .85rem; background:#edf2f0; color:#304857; font-size:.84rem; line-height:1.35; }.utiliti-sales__tutor-answer { max-width:88%; padding:1rem; border-left:3px solid var(--color-primary); background:#f4f8f7; }.utiliti-sales__tutor-answer small { color:var(--color-primary); font-size:.58rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.utiliti-sales__tutor-answer p { margin:.48rem 0 .8rem; color:#263f4e; font-size:.9rem; line-height:1.55; }.utiliti-sales__tutor-answer span { display:inline-block; max-width:100%; color:#276d74; border-bottom:1px solid #a8ceca; font-size:.72rem; font-weight:800; overflow-wrap:anywhere; }.utiliti-sales__ai-caption { margin:1.35rem 0 0; color:#657b88; font-size:.82rem; line-height:1.55; }.utiliti-sales__studio-sources { display:flex; flex-wrap:wrap; gap:.45rem; margin:2rem 0 1.5rem; }.utiliti-sales__studio-sources span { padding:.5rem .62rem; border:1px solid rgba(255,255,255,.25); color:#e5f4f1; background:rgba(255,255,255,.09); font-size:.68rem; font-weight:800; }.utiliti-sales__studio-flow { display:grid; grid-template-columns:1fr auto 1fr auto 1fr; align-items:center; gap:.4rem; padding:1rem .8rem; color:#092936; background:var(--sales-lime); font-size:.68rem; font-weight:800; text-align:center; }.utiliti-sales__studio-flow b { color:#0c4355; font-size:1rem; }.utiliti-sales__ai-panel--studio > p { margin:1.55rem 0 1rem; color:#d9ece9; line-height:1.58; }.utiliti-sales__studio-formats { display:flex; flex-wrap:wrap; gap:.45rem; }.utiliti-sales__studio-formats span { padding:.35rem .5rem; color:#c4e4e1; border:1px solid rgba(255,255,255,.23); font-size:.65rem; }
.utiliti-sales__capabilities { padding:clamp(4.5rem,9vw,8rem) 0; background:#fff; }.utiliti-sales__section-heading { display:grid; grid-template-columns:.9fr 1.2fr 1fr; gap:2rem; align-items:start; margin-bottom:3.5rem; }.utiliti-sales__section-heading .utiliti-sales__eyebrow { margin-top:.75rem; }.utiliti-sales__section-heading h2,.utiliti-sales__journey h2,.utiliti-sales__outcomes h2,.utiliti-sales__closing h2 { margin:0; font-size:clamp(2.35rem,4.2vw,4.3rem); line-height:.98; }.utiliti-sales__section-heading > p:last-child { margin:.55rem 0 0; color:#657686; line-height:1.65; }
.utiliti-sales__feature-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }.utiliti-sales__feature { position:relative; min-height:285px; padding:1.5rem; overflow:hidden; border:1px solid #dce5e3; background:#f7faf9; transition:transform .24s ease,box-shadow .24s ease; }.utiliti-sales__feature:hover { transform:translateY(-5px); box-shadow:0 18px 34px rgba(16,38,62,.13); }.utiliti-sales__feature--wide { background:var(--sales-mint); }.utiliti-sales__feature--dark { padding-bottom:6.9rem; color:#fff; border-color:var(--sales-deep); background:var(--sales-deep); }.utiliti-sales__feature--accent { background:#f5f2e6; }.utiliti-sales__feature--support { background:#fff4f0; }.utiliti-sales__feature--chat { color:#fff; border-color:#0d5765; background:linear-gradient(140deg,#0d5765,#0499a5); }.utiliti-sales__feature-icon { display:grid; place-items:center; width:43px; aspect-ratio:1; margin-bottom:3rem; border:1px solid currentColor; border-radius:50%; font-size:1.15rem; }.utiliti-sales__feature--dark .utiliti-sales__feature-icon { margin-bottom:2.2rem; color:var(--sales-lime); }.utiliti-sales__feature--chat .utiliti-sales__feature-icon { color:var(--sales-lime); }.utiliti-sales__number { position:absolute; top:1.5rem; right:1.5rem; color:rgba(16,38,62,.43); font-size:.72rem; font-weight:800; }.utiliti-sales__feature--dark .utiliti-sales__number,.utiliti-sales__feature--chat .utiliti-sales__number { color:rgba(255,255,255,.58); }.utiliti-sales__feature h3 { max-width:400px; margin:0; color:inherit; font-family:Georgia,serif; font-size:clamp(1.6rem,2.5vw,2.45rem); line-height:1; letter-spacing:-.04em; }.utiliti-sales__feature > p:not(.utiliti-sales__number) { max-width:490px; margin:1rem 0 0; color:#526676; line-height:1.55; }.utiliti-sales__feature--dark > p:not(.utiliti-sales__number),.utiliti-sales__feature--chat > p:not(.utiliti-sales__number) { color:#d0dde0; }.utiliti-sales__brand-lines { position:absolute; right:1.5rem; bottom:1.65rem; display:flex; gap:.35rem; }.utiliti-sales__brand-lines i { display:block; width:30px; height:5px; background:var(--color-primary); }.utiliti-sales__brand-lines i:nth-child(2){background:var(--sales-lime)}.utiliti-sales__brand-lines i:nth-child(3){background:var(--color-accent)}.utiliti-sales__chart { position:absolute; right:1.5rem; bottom:1.5rem; display:flex; gap:.4rem; align-items:end; height:75px; }.utiliti-sales__chart i{display:block;width:12px;background:var(--sales-lime)}.utiliti-sales__chart i:nth-child(1){height:25%}.utiliti-sales__chart i:nth-child(2){height:49%}.utiliti-sales__chart i:nth-child(3){height:40%}.utiliti-sales__chart i:nth-child(4){height:82%}.utiliti-sales__chart i:nth-child(5){height:100%}.utiliti-sales__support-dots { position:absolute; right:1.5rem; bottom:1.8rem; display:flex; gap:.35rem; }.utiliti-sales__support-dots i { display:block; width:11px; aspect-ratio:1; border-radius:50%; background:var(--color-accent); }.utiliti-sales__support-dots i:nth-child(2){background:var(--color-primary)}.utiliti-sales__support-dots i:nth-child(3){background:var(--sales-coral)}.utiliti-sales__chat-lines { position:absolute; right:1.5rem; bottom:1.65rem; display:grid; gap:.38rem; width:112px; }.utiliti-sales__chat-lines i { height:19px; background:rgba(255,255,255,.16); }.utiliti-sales__chat-lines i:last-child { width:72%; justify-self:end; background:var(--sales-lime); }
.utiliti-sales__journey { padding:clamp(4.5rem,8vw,7rem) 0; background:#eaf3ef; }.utiliti-sales__journey-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:4rem; }.utiliti-sales__steps { counter-reset:step; margin:0; padding:0; }.utiliti-sales__steps li { position:relative; display:grid; grid-template-columns:130px 1fr; gap:1rem; padding:1.4rem 0 1.4rem 4.5rem; border-top:1px solid rgba(16,38,62,.2); counter-increment:step; }.utiliti-sales__steps li::before { content:"0" counter(step); position:absolute; left:0; top:1.55rem; color:var(--color-primary); font-size:.72rem; font-weight:800; }.utiliti-sales__steps b { font-family:Georgia,serif; font-size:1.35rem; }.utiliti-sales__steps span { color:#566978; line-height:1.55; }
.utiliti-sales__outcomes { padding:clamp(4.5rem,8vw,7rem) 0; background:#fff; }.utiliti-sales__outcomes-grid { display:grid; grid-template-columns:.56fr 1.05fr .8fr; gap:3rem; }.utiliti-sales__outcomes .utiliti-sales__eyebrow { margin-top:.65rem; }.utiliti-sales__outcomes h2 { max-width:650px; }.utiliti-sales__outcomes p:not(.utiliti-sales__eyebrow) { max-width:580px; margin:1.4rem 0 0; color:#5f7180; line-height:1.65; }.utiliti-sales__outcomes ul { margin:0; padding:0; }.utiliti-sales__outcomes li { display:flex; align-items:center; gap:.8rem; padding:.85rem 0; border-bottom:1px solid #dce5e3; font-weight:700; }.utiliti-sales__outcomes li span { color:var(--color-primary); font-size:.72rem; }
.utiliti-sales__closing { padding:0 0 clamp(3rem,7vw,6rem); background:#fff; }.utiliti-sales__closing-panel { position:relative; overflow:hidden; padding:clamp(3rem,7vw,6rem); color:#fff; background:linear-gradient(115deg,#0b3447,#07566a); }.utiliti-sales__closing-panel::after { content:""; position:absolute; width:570px; aspect-ratio:1; right:-180px; top:-320px; border:1px solid rgba(217,233,0,.55); border-radius:50%; box-shadow:0 0 0 45px rgba(217,233,0,.08),0 0 0 90px rgba(217,233,0,.06); }.utiliti-sales__closing h2 { position:relative; z-index:1; max-width:780px; color:#fff; }.utiliti-sales__closing > .utiliti-sales__container > p:not(.utiliti-sales__eyebrow) { position:relative; z-index:1; max-width:570px; margin:1.3rem 0 2rem; color:#d8e8e6; font-size:1.1rem; }.utiliti-sales__closing .utiliti-sales__eyebrow { color:var(--sales-lime); }.utiliti-sales__button--light { position:relative; z-index:1; color:#10263e; background:var(--sales-lime); }.utiliti-sales__button--light:hover{color:#10263e;background:#effd23}
.utiliti-sales__ai-panel--studio h3 { color:#fff; }
@media (max-width:980px){.utiliti-sales__hero-grid,.utiliti-sales__intelligence-heading,.utiliti-sales__section-heading,.utiliti-sales__journey-grid,.utiliti-sales__outcomes-grid{grid-template-columns:1fr}.utiliti-sales__stage{max-width:650px;margin-inline:auto}.utiliti-sales__intelligence-heading .utiliti-sales__eyebrow{grid-column:auto}.utiliti-sales__intelligence-heading>p:last-child{max-width:680px}.utiliti-sales__section-heading{gap:1rem}.utiliti-sales__feature-grid{grid-template-columns:1fr 1fr}.utiliti-sales__outcomes-grid{gap:1.2rem}.utiliti-sales__outcomes .utiliti-sales__eyebrow{margin:0}}
@media (max-width:620px){.utiliti-sales__container{width:min(100% - 1.5rem,1240px)}.utiliti-sales__hero{padding-top:3.5rem}.utiliti-sales__intro h1{font-size:clamp(2.75rem,14vw,4.3rem)}.utiliti-sales__stage{min-height:410px;padding:1.5rem 0 1rem}.utiliti-sales__dashboard{margin-top:4.5rem}.utiliti-sales__dashboard-link{display:none}.utiliti-sales__dashboard-body{grid-template-columns:1fr;padding:1rem}.utiliti-sales__dashboard-nav{display:none}.utiliti-sales__course-row{grid-template-columns:86px minmax(0,1fr)}.utiliti-sales__course-thumb{min-height:76px}.utiliti-sales__course-thumb b{font-size:.78rem;line-height:1;text-align:left}.utiliti-sales__floating--report{left:-.25rem}.utiliti-sales__floating--certificate{right:0}.utiliti-sales__proof{gap:1rem;margin-top:2.4rem}.utiliti-sales__ai-panels,.utiliti-sales__feature-grid{grid-template-columns:1fr}.utiliti-sales__ai-panel{padding:1.2rem}.utiliti-sales__tutor-question,.utiliti-sales__tutor-answer{max-width:100%}.utiliti-sales__feature{min-height:245px}.utiliti-sales__steps li{grid-template-columns:1fr;padding-left:3rem}.utiliti-sales__steps li::before{top:1.45rem}.utiliti-sales__closing-panel{padding:3rem 1.5rem}.utiliti-sales__actions{gap:.6rem}.utiliti-sales__button{width:100%}}

/* Editorial ecosystem and bento composition */
.utiliti-sales__capabilities{position:relative;overflow:hidden;background:linear-gradient(180deg,#fff 0%,#f5faf8 55%,#fff 100%)}
.utiliti-sales__capabilities::before{content:"";position:absolute;inset:8% auto auto -9rem;width:24rem;aspect-ratio:1;border:1px solid rgba(0,153,165,.14);border-radius:50%;box-shadow:0 0 0 3rem rgba(0,153,165,.025),0 0 0 7rem rgba(202,224,212,.18);pointer-events:none}
.utiliti-sales__ecosystem{position:relative;display:grid;grid-template-columns:minmax(260px,.72fr) minmax(470px,1.28fr);gap:clamp(2rem,5vw,5rem);align-items:center;margin:0 0 clamp(3rem,7vw,5.5rem);padding:clamp(1.5rem,4vw,3.5rem);overflow:hidden;color:#fff;background:linear-gradient(135deg,#10263e 0%,#075d6c 72%,#079ba6 100%);box-shadow:0 30px 70px rgba(16,38,62,.18)}
.utiliti-sales__ecosystem::after{content:"";position:absolute;right:-7rem;bottom:-9rem;width:25rem;aspect-ratio:1;border:1px solid rgba(255,255,255,.14);border-radius:50%;box-shadow:0 0 0 3rem rgba(255,255,255,.035),0 0 0 7rem rgba(255,255,255,.025);pointer-events:none}
.utiliti-sales__ecosystem-copy{position:relative;z-index:2}.utiliti-sales__ecosystem-copy .utiliti-sales__eyebrow{color:#d6f000}.utiliti-sales__ecosystem-copy h3{max-width:500px;margin:.85rem 0 1rem;color:#fff;font-family:Georgia,'Times New Roman',serif;font-size:clamp(2rem,3.5vw,3.7rem);line-height:.96;letter-spacing:-.045em}.utiliti-sales__ecosystem-copy>p:last-child{max-width:460px;margin:0;color:#d8e7e7;font-size:1rem;line-height:1.65}
.utiliti-sales__ecosystem-map{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1.15fr 1fr;grid-template-rows:1fr 1.15fr 1fr;align-items:center;justify-items:center;min-height:390px;background:linear-gradient(90deg,transparent 49.8%,rgba(255,255,255,.16) 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,rgba(255,255,255,.16) 50%,transparent 50.2%)}
.utiliti-sales__ecosystem-map::before{content:"";position:absolute;left:50%;top:50%;width:min(58%,300px);aspect-ratio:1;border:1px solid rgba(214,240,0,.4);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 2rem rgba(214,240,0,.025)}
.utiliti-sales__ecosystem-core{position:relative;z-index:2;grid-column:2;grid-row:2;display:grid;place-items:center;width:152px;aspect-ratio:1;padding:1rem;border:1px solid rgba(255,255,255,.3);border-radius:50%;background:#fff;color:#10263e;text-align:center;box-shadow:0 20px 45px rgba(0,0,0,.24)}
.utiliti-sales__ecosystem-core span{display:grid;place-items:center;width:43px;aspect-ratio:1;border-radius:50%;background:#d6f000;color:#10263e;font-size:1.15rem;font-weight:900}.utiliti-sales__ecosystem-core b{margin-top:.2rem;font-family:Georgia,serif;font-size:1.45rem}.utiliti-sales__ecosystem-core small{color:#59707b;font-size:.6rem;font-weight:800;letter-spacing:.07em;text-transform:uppercase}
.utiliti-sales__ecosystem-node{position:relative;z-index:2;min-width:126px;padding:.72rem .85rem;border:1px solid rgba(255,255,255,.24);background:rgba(6,42,57,.78);box-shadow:0 12px 25px rgba(0,0,0,.15);backdrop-filter:blur(8px)}.utiliti-sales__ecosystem-node b,.utiliti-sales__ecosystem-node span{display:block}.utiliti-sales__ecosystem-node b{color:#fff;font-size:.8rem}.utiliti-sales__ecosystem-node span{margin-top:.18rem;color:#b9d5d8;font-size:.65rem}.utiliti-sales__ecosystem-node--tutor{grid-column:1;grid-row:1}.utiliti-sales__ecosystem-node--studio{grid-column:3;grid-row:1}.utiliti-sales__ecosystem-node--reports{grid-column:1;grid-row:3}.utiliti-sales__ecosystem-node--manage{grid-column:3;grid-row:3}.utiliti-sales__ecosystem-node--studio,.utiliti-sales__ecosystem-node--manage{transform:translateY(1.2rem)}
@media (min-width:981px){.utiliti-sales__feature-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense}.utiliti-sales__feature{min-height:255px}.utiliti-sales__feature--wide{grid-column:span 7;min-height:335px}.utiliti-sales__feature--dark{grid-column:span 5;min-height:335px}.utiliti-sales__feature:nth-child(3){grid-column:span 4}.utiliti-sales__feature:nth-child(4){grid-column:span 8}.utiliti-sales__feature--support{grid-column:span 5}.utiliti-sales__feature--chat{grid-column:span 7}.utiliti-sales__feature:nth-child(3),.utiliti-sales__feature:nth-child(4),.utiliti-sales__feature--support,.utiliti-sales__feature--chat{min-height:240px}.utiliti-sales__feature:nth-child(3) .utiliti-sales__feature-icon,.utiliti-sales__feature:nth-child(4) .utiliti-sales__feature-icon,.utiliti-sales__feature--support .utiliti-sales__feature-icon,.utiliti-sales__feature--chat .utiliti-sales__feature-icon{margin-bottom:1.7rem}}
.utiliti-sales__feature{isolation:isolate;border-radius:0;box-shadow:0 14px 34px rgba(16,38,62,.06)}.utiliti-sales__feature::before{content:"";position:absolute;z-index:-1;right:-5rem;top:-6rem;width:15rem;aspect-ratio:1;border:1px solid currentColor;border-radius:50%;opacity:.09;box-shadow:0 0 0 2.4rem currentColor}.utiliti-sales__feature:nth-child(3){background:linear-gradient(145deg,#fff,#edf7f3)}.utiliti-sales__feature:nth-child(4){background:linear-gradient(115deg,#f5f2e6 0%,#fff9e8 100%)}
.utiliti-sales__journey{position:relative;overflow:hidden;background:linear-gradient(135deg,#e6f3ed 0%,#f4f7f2 48%,#eef4ff 100%)}.utiliti-sales__steps li{transition:padding .24s ease,background .24s ease}.utiliti-sales__steps li:hover{padding-right:1.1rem;background:rgba(255,255,255,.62)}
@media (max-width:980px){.utiliti-sales__ecosystem{grid-template-columns:1fr}.utiliti-sales__ecosystem-copy>p:last-child{max-width:680px}.utiliti-sales__ecosystem-map{min-height:360px}}
@media (max-width:620px){.utiliti-sales__ecosystem{padding:1.25rem}.utiliti-sales__ecosystem-map{grid-template-columns:1fr 1fr;grid-template-rows:auto auto auto;gap:.8rem;min-height:0;padding-top:1rem;background:none}.utiliti-sales__ecosystem-map::before{width:190px}.utiliti-sales__ecosystem-core{grid-column:1/-1;grid-row:2;width:132px}.utiliti-sales__ecosystem-node{width:100%;min-width:0}.utiliti-sales__ecosystem-node--tutor{grid-column:1;grid-row:1}.utiliti-sales__ecosystem-node--studio{grid-column:2;grid-row:1}.utiliti-sales__ecosystem-node--reports{grid-column:1;grid-row:3}.utiliti-sales__ecosystem-node--manage{grid-column:2;grid-row:3}.utiliti-sales__ecosystem-node--studio,.utiliti-sales__ecosystem-node--manage{transform:none}.utiliti-sales__feature-grid{gap:.75rem}.utiliti-sales__feature{min-height:230px}}
@media (prefers-reduced-motion:reduce){.utiliti-sales__feature,.utiliti-sales__steps li{transition:none}.utiliti-sales__feature:hover{transform:none}}