/* Distinct section compositions for the Dashboard story. */
/* A soft brand-colored surface separates the process from the benefits above. */
.db-benefits{padding-bottom:52px}
.db-how{position:relative;background:#edf6fa;border-radius:0;margin:0;padding:104px 0 86px}.how-edge{position:absolute;top:-1px;left:0;width:100%;height:64px;pointer-events:none}.how-edge--bottom{top:auto;bottom:-1px;height:32px;transform:rotate(180deg)}.how-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:65px;align-items:end;margin-bottom:38px}.how-heading .db-section-heading{margin:0;max-width:none;text-align:left}.how-heading>p{font-size:15px;line-height:1.85;color:#557386;max-width:380px;padding-bottom:4px}.how-grid{position:relative;padding-top:0;--how-gap:36px}.how-grid .step-capture{position:relative}.how-grid .ui-step{background:transparent}.how-grid .step-heading>span{border-radius:10px;background:#fff0f2;border:0;color:#d8485c;width:36px;height:36px}.db-how .db-image-note{text-align:left;margin-top:26px;padding-left:12px}
/* Wide product showcase, with a different editorial scale and an open lower edge. */
.db-overview{padding:58px 0 95px}.db-feature-heading{align-items:center;gap:90px;margin-bottom:39px}.db-feature-heading .db-kicker{display:inline-flex;padding:7px 12px;border:1px solid #cfe5f0;border-radius:30px;color:#2c7fa5;font-size:10px}.db-feature-heading>div:last-child{border-left:2px solid #ff8491;padding-left:30px}.overview-points{gap:30px;padding-top:24px;border-top:1px solid #dfebf2;margin-top:28px}.overview-points>p{position:relative;padding-left:19px}.overview-points>p:before{content:"";position:absolute;left:0;top:7px;width:6px;height:6px;border-radius:2px;background:#2d8fc4;transform:rotate(-15deg)}.overview-points>p:nth-child(2):before{background:#ff6475}
/* Daily view: a blue inset stage, with the real brand geometry in the backdrop. */
.db-daily{padding:0 0 96px;background:#fff}.daily-layout{position:relative;isolation:isolate;background:#227da4;background:linear-gradient(112deg,#176184 0%,#1b7094 100%);border-radius:44px 44px 108px 44px;padding:54px 52px;gap:58px;overflow:hidden}.daily-layout:after{content:"";position:absolute;z-index:-1;width:650px;height:440px;right:-190px;bottom:-220px;background:url('/assets/evoluiu-simbolo-coral.svg') center/contain no-repeat;opacity:.11;filter:brightness(0) invert(1);transform:rotate(-8deg);pointer-events:none}.daily-copy .db-kicker{color:#d4edf7;display:inline-flex;align-items:center;gap:8px}.daily-copy .db-kicker:before{content:"";width:6px;height:6px;background:#ff9aab;border-radius:50%}.daily-copy h2{color:#fff;font-size:clamp(32px,3vw,42px)}.daily-copy h2 em{color:#b9e8fa}.daily-copy p:not(.db-kicker){color:#e1eff5;font-size:14px;line-height:1.9}.daily-copy .db-text-link{color:#fff;border-bottom:1px solid #88c1d8;padding-bottom:9px}.daily-copy .db-text-link>span{color:#ffacb7}.daily-scene figcaption{color:#e1eff5}.daily-scene .ui-daily:before{background:none}.daily-scene .ui-motif{opacity:.27}.daily-scene .ui-monitor{box-shadow:0 18px 40px #08344840}.daily-scene .ui-hour-card{box-shadow:0 15px 25px #08344830}
/* Resources: deep navy, a shaped entrance, category pills and a quiet reading panel. */
.db-resources{display:block;position:relative;width:100%;max-width:none;padding:112px 0 125px;background:#0c3044;color:#d2e5ef;isolation:isolate}.resources-inner{position:relative}.resource-edge{position:absolute;left:0;width:100%;height:64px;fill:#fff;pointer-events:none}.resource-edge-top{top:-1px;fill:#edf6fa}.resource-edge-bottom{bottom:-1px;transform:rotate(180deg)}
.resource-intro{text-align:center;max-width:780px;margin:0 auto 38px}.resource-intro .db-kicker{color:#95c6dc}.resource-intro h2{font-size:clamp(35px,3.5vw,49px);color:#fff}.resource-intro h2 em{color:#8dd0ed}.resource-intro>p:not(.db-kicker){max-width:570px;margin:23px auto 0;color:#b9d4e2}.resource-intro>.button{display:none}
.resource-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin:0 auto 30px;max-width:1180px}.resource-tabs button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #366177;background:#1c4459;color:#dfedf5;border-radius:30px;padding:14px 19px;min-height:49px;font:600 13px/1.4 Manrope,Inter,sans-serif;cursor:pointer;transition:background 160ms,border-color 160ms,color 160ms}.resource-tabs button svg{width:18px;height:18px;flex-shrink:0;color:#93c9df}.resource-tabs button[aria-selected=true]{background:#def2fb;border-color:#def2fb;color:#10394e}.resource-tabs button[aria-selected=true] svg{color:#297fa8}.resource-tabs button:hover{border-color:#95cfe8}.resource-tabs button:focus-visible,.resource-panel:focus-visible{outline:2px solid #ff8393;outline-offset:5px}.resource-tabs[hidden],.resource-groups>[hidden]{display:none}
.resource-groups{max-width:990px;margin:0 auto}.resource-panel{border:1px solid #31576c;border-radius:24px;background:#123b50;padding:27px 40px;box-shadow:0 18px 45px #051c2a1a}.resource-groups ul{padding:0;list-style:none;margin:0}.resource-groups li{color:#d2e5ef;font-size:14px;line-height:1.9;padding:13px 0 13px 23px;position:relative}.resource-groups li+li{border-top:1px solid #2a5065}.resource-groups li:before{content:"";position:absolute;left:0;top:24px;width:7px;height:2px;border-radius:1px;background:#ff8493}.resource-groups details{border-color:#31566a}.resource-groups details:last-child{border-color:#31566a}.resource-groups summary{color:#d9eaf3;font-size:17px}.resource-groups summary:hover{color:#a5dcf3}.resource-groups summary>span:last-child{background:#244e63;color:#b6dcec}.resource-groups details>div{padding-bottom:20px}.resource-contact{text-align:center;margin-top:29px}.resource-contact .db-text-link{font-size:14px;color:#e3f1f7}.resource-contact .db-text-link>span{color:#ff8e9d}
/* FAQs use an editorial sidebar; the last invitation is an inset coral surface. */
.db-faq{display:grid;grid-template-columns:.72fr 1.28fr;gap:75px;border:0;padding:89px 0 98px;align-items:start}.db-faq .db-section-heading{margin:0;text-align:left;max-width:350px}.db-faq h2{font-size:clamp(32px,3vw,42px)}.db-faq .faq-list{width:100%;max-width:none}.faq-list details:first-child{border-top:0}.faq-list summary{min-height:83px;font-size:16px}.faq-list details>div{padding-right:25px}.db-faq .db-section-heading:after{content:"";display:block;width:65px;height:3px;background:#ff7485;border-radius:3px;margin-top:28px}
.db-closing{padding:5px 0 86px;background:#fff;border:0;color:#476678;text-align:left}.db-closing .db-container{position:relative;display:grid;grid-template-columns:1fr auto;gap:14px 52px;background:#fff0f2;border-radius:35px;padding:49px 60px;overflow:hidden;isolation:isolate}.db-closing .db-container>img{position:absolute;right:22px;top:24px;width:240px;height:auto;margin:0;opacity:.075;z-index:-1;transform:rotate(-10deg)}.db-closing h2{color:#173b50;font-size:clamp(32px,3vw,43px);grid-column:1;grid-row:1}.db-closing p{grid-column:1;grid-row:2;margin:0;max-width:490px;font-size:14px;line-height:1.8}.db-closing p br{display:none}.db-closing .button{grid-column:2;grid-row:1/span 2;align-self:center;white-space:nowrap}.db-closing h2 br{display:none}
@media(min-width:901px){.how-grid>article{grid-row:1/span 3}}
@media(max-width:1199px){.how-heading{gap:45px}.db-feature-heading{gap:45px}.daily-layout{padding:43px 33px;gap:33px;grid-template-columns:1.08fr .92fr}.daily-copy h2{font-size:34px}.daily-scene .ui-monitor-screen{padding:21px 17px}.daily-scene .ui-daily-stats strong{font-size:22px}.daily-scene .ui-tv-footer{gap:6px}.daily-scene .ui-daily-stats>div:last-child{padding-left:12px}.db-faq{gap:40px}.db-closing .db-container{padding:43px 40px;gap:13px 30px}}
@media(max-width:900px){.db-benefits{padding-bottom:40px}.db-how{padding:86px 0 66px}.how-edge{height:48px}.how-edge--bottom{height:28px}.db-how .db-container{width:calc(100% - 64px)}.how-heading{grid-template-columns:1fr;gap:21px;margin-bottom:30px}.how-heading .db-section-heading{max-width:630px}.how-heading>p{max-width:520px;font-size:14px}.how-heading>p br{display:none}.how-grid{padding-top:0}.db-how .db-image-note{padding-left:0}.db-overview{padding:39px 0 67px}.db-feature-heading{gap:25px}.db-feature-heading>div:last-child{padding-left:23px}.overview-points{padding-top:21px}.daily-layout{grid-template-columns:1fr;padding:42px 38px 47px;border-radius:34px 34px 74px 34px;gap:32px}.daily-copy{grid-row:1;max-width:610px}.daily-copy h2{font-size:39px}.daily-copy p:not(.db-kicker){max-width:580px}.daily-scene{width:min(620px,100%);justify-self:center}.daily-scene .ui-monitor-screen{padding:25px 28px}.daily-scene .ui-daily-stats strong{font-size:31px}.daily-scene .ui-daily-stats>div:last-child{padding-left:20px}.db-daily{padding-bottom:73px}.db-resources{padding:100px 0 104px}.resource-edge{height:47px}.resource-intro{margin-bottom:29px}.resource-intro h2{font-size:42px}.resource-tabs{gap:10px}.resource-tabs button{padding:12px 16px;font-size:12px}.resource-panel{padding:23px 29px}.resource-groups li{font-size:14px}.db-faq{grid-template-columns:1fr;gap:30px;padding:68px 0 65px}.db-faq .db-section-heading{max-width:550px}.db-faq .db-section-heading:after{margin-top:20px;width:50px}.db-closing{padding-bottom:66px}.db-closing .db-container{grid-template-columns:1fr;padding:40px;gap:17px}.db-closing h2{max-width:490px;font-size:39px}.db-closing .button{grid-column:1;grid-row:3;justify-self:start;margin-top:8px}}
@media(max-width:600px){.db-benefits{padding-bottom:32px}.db-how{padding:70px 0 56px}.how-edge{height:36px}.how-edge--bottom{height:22px}.db-how .db-container{width:calc(100% - 40px)}.how-heading{gap:20px;margin-bottom:22px}.how-heading h2{font-size:31px}.how-heading>p{font-size:14px}.db-how .db-image-note{font-size:10px;text-align:center}.db-overview{padding:29px 0 47px}.db-feature-heading .db-kicker{font-size:9px;padding:6px 10px}.db-feature-heading>div:last-child{padding-left:18px}.db-feature-heading h2{font-size:32px}.overview-points{gap:18px}.daily-layout{padding:32px 20px 34px;border-radius:28px 28px 55px 28px;gap:25px}.daily-copy h2{font-size:33px}.daily-copy .db-kicker{font-size:9px}.daily-copy p:not(.db-kicker){font-size:14px}.daily-layout:after{width:400px;height:290px;right:-150px;bottom:-160px}.daily-scene .ui-monitor{margin-left:0;padding:7px 7px 10px}.daily-scene .ui-monitor-screen{padding:19px 14px 17px}.daily-scene .ui-daily-stats{grid-template-columns:1.65fr .6fr;gap:9px}.daily-scene .ui-daily-stats strong{font-size:22px}.daily-scene .ui-daily-stats>div:last-child{padding-left:9px}.daily-scene .ui-daily-stats>div>span{font-size:10px}.daily-scene .ui-tv-footer{font-size:8px;gap:4px}.daily-scene .ui-tv-footer .ui-icon{display:none}.daily-scene .ui-chart-axis{font-size:10px}.daily-scene .ui-hour-card{width:225px;margin-top:20px;padding:16px 17px}.daily-scene .ui-hour-card strong{font-size:22px}.daily-scene figcaption{font-size:8px;line-height:1.7}.db-daily{padding-bottom:51px}.db-resources{padding:76px 0 88px}.resource-edge{height:34px;width:160%;left:-30%}.resource-intro h2{font-size:34px}.resource-intro>p:not(.db-kicker){font-size:14px;margin-top:20px}.resource-tabs{justify-content:flex-start;gap:8px;margin-bottom:22px}.resource-tabs button{gap:8px;font-size:12px;padding:11px 13px;min-height:43px}.resource-tabs button svg{width:16px;height:16px}.resource-panel{padding:13px 20px;border-radius:18px}.resource-groups li{font-size:13px;line-height:1.85;padding:15px 0 15px 17px}.resource-groups li:before{top:26px;width:5px}.resource-contact{margin-top:19px}.resource-contact .db-text-link{font-size:12px;gap:10px}.db-faq{gap:26px;padding:51px 0 48px}.db-faq h2{font-size:33px}.faq-list summary{font-size:15px;min-height:77px}.faq-list details>div{padding-right:5px;font-size:13px}.db-closing{padding:0 0 54px}.db-closing .db-container{padding:32px 26px;border-radius:25px;gap:18px}.db-closing h2{font-size:32px;line-height:1.2}.db-closing p{font-size:14px}.db-closing .db-container>img{width:190px;right:-65px;top:24px}.db-closing .button{margin-top:3px}}
@media(max-width:359px){.db-how .db-container{width:calc(100% - 32px)}.how-heading h2,.db-feature-heading h2{font-size:29px}.daily-layout{padding:29px 15px 31px}.daily-copy h2{font-size:30px}.daily-scene .ui-monitor-screen{padding:18px 11px 15px}.daily-scene .ui-daily-stats strong{font-size:20px}.daily-scene .ui-tv-footer{font-size:8px}.daily-scene .ui-hour-card{width:217px;padding:16px 15px}.resource-tabs{gap:7px}.resource-tabs button{font-size:11px;padding:10px 11px;gap:6px}.resource-panel{padding:12px 17px}.resource-intro h2{font-size:31px}.resource-groups li{font-size:13px}.resource-contact .db-text-link{font-size:11px}.db-closing .db-container{padding:29px 23px}.db-closing h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){.resource-tabs button{transition:none}}

@media(max-width:600px){.resource-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.resource-tabs button{min-width:0;min-height:52px;padding:10px 11px;gap:7px}.resource-tabs button:last-child{grid-column:1/-1;justify-self:center;min-width:145px}.resource-tabs button span{min-width:0}}

/* Clear stage numbering with compact connectors between the product panels. */

.how-grid .step-heading{gap:14px;align-items:center}
.how-grid .step-heading>span{position:relative;width:52px;height:52px;padding-bottom:3px;border-radius:16px 16px 16px 5px;background:#123d52;color:#fff;font:700 23px/1 Manrope,Inter,sans-serif;letter-spacing:-.04em;box-shadow:inset 0 0 0 1px #ffffff20,0 5px 12px #123d5210}
.how-grid .step-heading>span:after{content:"";position:absolute;right:9px;bottom:8px;width:16px;height:3px;border-radius:2px;background:#ff6979;transform:skewX(-24deg)}
.ui-product-title>.ui-product-photo{display:block;flex:none;width:104px;height:116px;border-radius:0;object-fit:cover;object-position:center;border:0;background:transparent}
.ui-product-title>strong{min-width:0}
.product-photo-credit{display:inline-block;margin-left:8px}
.product-photo-credit a{text-decoration:underline;text-underline-offset:2px;color:inherit}
@media(min-width:901px){.how-grid .step-heading{margin-top:24px}}
@media(max-width:600px){.how-grid .step-heading>span{width:46px;height:46px;font-size:21px;border-radius:14px 14px 14px 4px}.ui-product-title>.ui-product-photo{width:94px;height:104px}.product-photo-credit{display:block;margin:5px 0 0}}

@media(min-width:901px){.how-grid>article:nth-of-type(1){grid-column:1}.how-grid>article:nth-of-type(2){grid-column:2}.how-grid>article:nth-of-type(3){grid-column:3}}

@media(min-width:901px) and (max-width:1199px){.how-grid{--how-gap:25px}}


/* Lift each process panel like the floating ranking in the overview. */
.how-grid .ui-step .ui-panel{transition:transform 230ms ease,box-shadow 230ms ease,border-color 230ms ease}
@media(hover:hover) and (pointer:fine){
  .how-grid .ui-step .ui-panel:hover{transform:translateY(-6px);border-color:#b9ddea;box-shadow:0 22px 45px #2d779228}
}
@media(hover:none){
  .how-grid .ui-step .ui-panel:active{border-color:#a6d3e6;box-shadow:0 16px 32px #2d779228}
}
@media(prefers-reduced-motion:reduce){
  .how-grid .ui-step .ui-panel{transition:none;transform:none!important}
}

/* A shared inset surface frames the three interface examples. */
.how-grid{isolation:isolate}
.how-grid .step-capture{isolation:isolate}
.how-grid .step-capture:before{content:"";position:absolute;inset:-8px -8px;z-index:-1;background:#dcecf3;border:1px solid #cfe3ed;border-radius:26px;pointer-events:none}
@media(min-width:901px){
 .how-grid .step-capture:before{inset:-14px calc(var(--how-gap) / -2 - 1px);border-radius:0;border-left:0;border-right:0}
 .how-grid>article:first-child .step-capture:before{left:-16px;border-radius:30px 0 0 30px;border-left:1px solid #cfe3ed}
 .how-grid>article:last-child .step-capture:before{right:-16px;border-radius:0 30px 30px 0;border-right:1px solid #cfe3ed}
 .how-grid .step-heading{margin-top:38px}
}
@media(max-width:900px){
 .how-grid .step-capture:before{inset:-6px -10px}
}
@media(max-width:600px){
 .how-grid .step-heading{margin-top:28px}
}

/* Verified Dashboard metrics, arranged around the main revenue view. */
.ui-hero{padding-bottom:60px}
.ui-hero-ranking{position:absolute;right:0;bottom:0;width:260px;padding:21px 23px;z-index:3;border-color:#cee5ef}
.ui-hero-ranking .ui-heading{font-size:12px;gap:8px;margin-bottom:17px}
.ui-hero-product+ .ui-hero-product{margin-top:16px}
.ui-hero-product>span{display:block;font-size:11px;color:#527080}
.ui-hero-product>strong{display:block;font:600 18px/1.4 Manrope,Inter,sans-serif;letter-spacing:-.03em;margin-top:4px}
.ui-hero-product>i{display:block;height:5px;border-radius:4px;background:linear-gradient(to right,#70b4d1 var(--bar),#edf5f9 var(--bar));margin-top:7px}
.ui-hero-ticket{position:absolute;top:100px;right:-38px;z-index:3;width:184px;padding:18px 20px;background:#f6fbfd;border-color:#cee5ef}
.ui-hero-ticket .ui-heading{font-size:12px;margin-bottom:9px}
.ui-hero-ticket>strong{display:block;font:600 24px/1.3 Manrope,Inter,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.ui-hero-ticket>span{display:block;font-size:10px;color:#527080;margin-top:8px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .ui-hero-ticket,.ui-hero-ranking{transition:transform 230ms,box-shadow 230ms}
 .ui-hero-ticket:hover,.ui-hero-ranking:hover{transform:translateY(-3px);box-shadow:0 22px 45px #2d779228}
}
@media(max-width:1199px){
 .ui-hero{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding-bottom:0}
 .ui-hero .ui-revenue{grid-column:1/-1;margin-left:0;width:100%}
 .ui-hero .ui-profit{grid-column:1;grid-row:2;position:relative;margin:0;width:100%;padding:18px}
 .ui-hero-ranking{position:relative;right:auto;bottom:auto;grid-column:2;grid-row:2/span 2;width:100%;padding:20px 18px;align-self:start}
 .ui-hero-ticket{position:relative;top:auto;right:auto;grid-column:1;grid-row:3;width:100%;padding:18px}
 .ui-hero .ui-profit .ui-value{font-size:23px}
 .ui-hero .ui-profit-footer{flex-wrap:wrap}
}
@media(max-width:600px){
 .ui-hero{gap:12px;grid-template-columns:1fr}
 .ui-hero .ui-profit,.ui-hero-ranking,.ui-hero-ticket{grid-column:1;grid-row:auto;width:100%}
 .ui-hero .ui-profit{margin-top:-4px}
 .ui-hero-ticket{display:grid;grid-template-columns:1fr auto;gap:4px 12px}
 .ui-hero-ticket .ui-heading{grid-column:1; margin:0}
 .ui-hero-ticket>strong{grid-column:2;grid-row:1/span 2;align-self:center;font-size:23px}
 .ui-hero-ticket>span{margin:0}
}

/* Period comparison and the existing daily items indicator. */
.ui-hero{padding-top:130px;padding-bottom:119px}
.ui-hero-growth{position:absolute;top:0;left:18px;width:235px;padding:17px 21px;z-index:3;border-color:#cee5ef;background:#f6fbfd}
.ui-hero-growth .ui-heading{font-size:11px;gap:8px;margin-bottom:6px}
.ui-hero-growth>strong{font:650 29px/1.2 Manrope,Inter,sans-serif;color:#2784ad;letter-spacing:-.04em;display:inline-block;margin-right:9px}
.ui-hero-growth>span{display:inline-block;font-size:10px;color:#527080}
.ui-hero-items{position:absolute;bottom:0;left:0;width:266px;display:flex;gap:16px;align-items:center;padding:17px 21px;z-index:3;border-color:#cee5ef}
.ui-hero-items>.ui-icon{width:36px;height:36px;padding:7px;background:#fff0f2;color:#f46579;border-radius:11px}
.ui-hero-items>div>span{display:block;font-size:11px;color:#527080}
.ui-hero-items strong{display:block;font:600 28px/1.25 Manrope,Inter,sans-serif;letter-spacing:-.04em;margin-top:4px}
.ui-hero-items small{display:block;font-size:9px;color:#527080;margin-top:4px}
.ui-hero-ticket{top:162px}
@media(hover:hover) and (prefers-reduced-motion:no-preference){
 .ui-hero-growth,.ui-hero-items{transition:transform 230ms,box-shadow 230ms}
 .ui-hero-growth:hover,.ui-hero-items:hover{transform:translateY(-3px);box-shadow:0 22px 45px #2d779228}
}
@media(max-width:1199px){
 .ui-hero{padding-top:65px;padding-bottom:0}
 .ui-hero-growth,.ui-hero-items{position:relative;top:auto;left:auto;bottom:auto;width:100%;padding:18px;align-self:start}
 .ui-hero-growth{grid-column:1;grid-row:4}
 .ui-hero-items{grid-column:2;grid-row:4}
 .ui-hero-ticket{top:auto}
}
@media(max-width:600px){
 .ui-hero-growth,.ui-hero-items{grid-column:1;grid-row:auto}
}

/* Keep the expanded hero within its original visual height. */
@media(min-width:1200px){
 .ui-hero{padding-top:68px;padding-bottom:184px}
 .ui-hero-growth{top:-8px;padding:12px 18px;width:235px}
 .ui-hero-growth .ui-heading{margin-bottom:4px}
 .ui-hero-growth>strong{font-size:24px}
 .ui-hero-growth>span{font-size:9px}
 .ui-hero-ticket{top:100px}
 .ui-hero .ui-profit{position:absolute;left:0;bottom:28px;margin:0;width:33%;padding:18px 17px}
 .ui-hero .ui-profit .ui-value{font-size:24px}
 .ui-hero .ui-profit-footer{gap:6px;font-size:10px;flex-wrap:wrap}
 .ui-hero-ranking{right:0;bottom:0;width:35%;padding:18px}
 .ui-hero-ranking .ui-heading{font-size:11px;margin-bottom:12px}
 .ui-hero-product>strong{font-size:17px}
 .ui-hero-product+ .ui-hero-product{margin-top:12px}
 .ui-hero-items{left:35%;bottom:22px;width:28%;padding:17px 15px;display:block}
 .ui-hero-items>.ui-icon{width:28px;height:28px;padding:5px;margin-bottom:9px}
 .ui-hero-items strong{font-size:25px}
 .ui-hero-items small{font-size:9px;line-height:1.5}
}

@media(min-width:901px) and (max-width:1199px){.dashboard-hero-copy{align-self:start;padding-top:110px}}

/* Evoluiu's angular growth stroke and two-tone product icon family. */
.ui-hero .ui-heading .ui-brand-icon{width:22px;height:22px}
.ui-hero .ui-hero-items>.ui-brand-icon{background:transparent;border-radius:0;padding:0;width:28px;height:28px}
.ui-hero .ui-badge{background:#dceff7;color:#147ca7;border-radius:7px 7px 7px 2px}
.ui-hero-product>i{border-radius:4px 1px 4px 1px}
@media(min-width:1200px){.ui-hero .ui-revenue>.ui-heading>.ui-meta{visibility:hidden}}

/* A branded app canvas, cut-corner metric labels and photographic product rows. */
.ui-hero .ui-revenue{position:relative;border-radius:22px;overflow:hidden;padding-top:71px}
.ui-evoluiu-chrome{position:absolute;top:0;left:0;right:0;height:49px;display:flex;align-items:center;gap:17px;padding:0 28px;background:#123d52;border-bottom:3px solid #ff6274}
.ui-evoluiu-chrome .ui-wordmark{width:102px;filter:brightness(0) invert(1)}
.ui-evoluiu-chrome>span{font-size:9px;letter-spacing:.13em;color:#bce1ef;border-left:1px solid #54798a;padding-left:17px}
.ui-hero .ui-chart{margin-top:17px}
.ui-hero .ui-chart>svg{height:114px}
.ui-hero .ui-profit,.ui-hero-growth{border:0;border-radius:3px 18px 3px 18px;clip-path:polygon(0 0,calc(100% - 18px) 0,100% 18px,100% 100%,18px 100%,0 calc(100% - 18px))}
.ui-hero .ui-profit{background:#123d52;box-shadow:none}
.ui-hero .ui-profit .ui-heading,.ui-hero .ui-profit .ui-value{color:#fff}
.ui-hero .ui-profit-footer{color:#c3dce8}
.ui-hero .ui-profit .ui-badge{background:#2c5870;color:#b8e9fa}
.ui-hero-growth{background:#ff6274;color:#123d52}
.ui-hero-growth>strong,.ui-hero-growth>span{color:#123d52}
.ui-hero-growth .ui-brand-icon path{fill:#123d52}
.ui-hero-ticket{border:0;border-left:3px solid #ff6274;border-radius:4px 18px 18px 4px;background:#fff}
.ui-hero-ticket .ui-meta,.ui-hero-items>.ui-brand-icon{display:none}
.ui-hero-items{border:0;border-top:3px solid #2d8fc4;border-radius:4px 4px 18px 18px;background:#e4f2f8}
.ui-hero-items strong{font-size:34px;color:#167da8}
.ui-hero-ranking{border-radius:18px 18px 4px 18px}
.ui-hero-product{display:flex;gap:10px;align-items:center}
.ui-hero-product>img{width:42px;height:54px;object-fit:contain;flex:none;background:#f3f8fa;border-radius:9px}
.ui-hero-product>div{flex:1;min-width:0}
.ui-hero-product>div>span{display:block;font-size:11px;color:#527080}
.ui-hero-product>div>strong{display:block;font:600 17px/1.4 Manrope,sans-serif;letter-spacing:-.04em;white-space:nowrap}
.ui-hero-product>div>i{display:block;height:4px;background:linear-gradient(to right,#2d8fc4 var(--bar),#edf5f9 var(--bar));margin-top:5px;border-radius:3px}
.ui-ranking-note{display:block;font-size:8px;color:#527080;margin-top:9px}
@media(min-width:1200px){.ui-hero .ui-revenue{padding-bottom:37px}.ui-hero .ui-hero-items{padding-top:20px;padding-bottom:20px}.ui-hero-ranking{padding:17px 15px}}
@media(max-width:600px){.ui-evoluiu-chrome{padding:0 18px;gap:12px}.ui-evoluiu-chrome>span{font-size:8px;padding-left:12px}.ui-hero .ui-revenue{padding-top:70px}}

/* A continuous opening landscape distinguishes the white navigation and app. */
.dashboard-page{background:linear-gradient(#e9f3f7 0 150px,#fff 150px)}
.dashboard-hero{isolation:isolate}
.dashboard-hero:before{inset:auto;top:-160px;bottom:0;left:50%;width:100vw;transform:translateX(-50%);z-index:-2;background:#e9f3f7}
.hero-brand-landscape{position:absolute;z-index:-1;right:calc((1280px - 100vw)/2 - 60px);top:70px;width:min(780px,60vw);height:calc(100% - 95px);opacity:.45;pointer-events:none}
.hero-bottom-curve{position:absolute;bottom:-1px;left:50%;width:100vw;height:47px;transform:translateX(-50%);pointer-events:none;z-index:-1}
.dashboard-hero-copy,.dashboard-hero-art{position:relative;z-index:1}
.ui-hero:before{background:none}
.dashboard-page .header{background:transparent}
.dashboard-page .db-benefits{border-top:0}
@media(max-width:1359px){.hero-brand-landscape{right:-40px}}
@media(max-width:900px){.hero-brand-landscape{top:auto;bottom:45px;right:-60px;width:90%;height:60%;opacity:.35}.hero-bottom-curve{height:34px}}
@media(max-width:600px){.hero-brand-landscape{right:-30px;width:110%;opacity:.25}.hero-bottom-curve{height:25px}}

/* Keep the complete brand stroke comfortably inside the opening. */
.hero-brand-landscape{right:min(0px,calc((1280px - 100vw)/2 + 40px));top:120px;bottom:auto;width:min(820px,58vw);height:auto;aspect-ratio:700/530;opacity:.36}
@media(max-width:900px){.hero-brand-landscape{top:auto;bottom:65px;right:0;width:95%;height:auto}}
@media(max-width:600px){.hero-brand-landscape{bottom:55px;width:100%;opacity:.25}}

/* Dissolve the lower tail instead of exposing a hard horizontal ending. */
.hero-brand-landscape{-webkit-mask-image:linear-gradient(to top,transparent 8%,#000 37%);mask-image:linear-gradient(to top,transparent 8%,#000 37%)}