/* Accessible HTML recreation of the supplied 30 / 30 / 30 / 10 graphic.
   All lettering, rings, highlights and connectors are live responsive UI. */
.wp-etl-section .etl-point-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(120px,.61fr);align-items:center;gap:40px;margin:0;padding:8px 0 54px;list-style:none;perspective:1400px}
.wp-etl-section .etl-point-item{position:relative;min-width:0;perspective:900px}
.wp-etl-section .etl-point-medallion{position:relative;isolation:isolate;width:100%;aspect-ratio:1;border-radius:50%;padding:13px;background:linear-gradient(145deg,#fff 2%,#d3deed 24%,#52628c 48%,#213269 64%,#b6c8df 86%,#fff);border:1px solid #b7c8df;box-shadow:inset 0 2px 2px white,inset 0 -2px 4px #14265b70,0 4px 0 #8196b6,0 8px 0 -2px #647b9e,0 19px 20px -10px #1b31596b,0 33px 40px -17px #2e4f7047;transform:translateZ(0);transition:transform .4s cubic-bezier(.2,.7,.2,1),box-shadow .4s ease}
.wp-etl-section .etl-point-medallion::before{content:'';position:absolute;inset:5px;border:1px solid #f2faffbb;border-radius:inherit;box-shadow:inset 0 1px 2px #fff;pointer-events:none;z-index:2}
.wp-etl-section .etl-point-face{height:100%;border:1px solid #fff;border-radius:50%;background:radial-gradient(ellipse at 35% 14%,#fff 28%,#f8fbff 63%,#e3eaf5 100%);box-shadow:inset 0 3px 8px #ffffff,inset 0 -3px 7px #879ac947,0 1px 3px #14264b80;display:flex;flex-direction:column;align-items:center;text-align:center;padding:7% 8% 10%;position:relative;overflow:hidden}
.wp-etl-section .etl-point-face::after{content:'';position:absolute;inset:-20%;background:linear-gradient(115deg,transparent 30%,#ffffffba 43%,transparent 55%);transform:translateX(-120%);pointer-events:none;transition:transform .75s ease}
.wp-etl-section .etl-point-value{display:block;font:600 clamp(54px,5.4vw,82px)/1 Phudu,sans-serif;letter-spacing:-.025em;color:var(--etl-orange);text-shadow:0 1px 0 #fff,0 3px 0 #e3ba9255,0 5px 8px #71330021}
.wp-etl-section .etl-point-unit{display:block;margin:5px 0 18px;font:500 clamp(19px,1.9vw,27px)/1 Phudu,sans-serif;letter-spacing:.035em;color:var(--wp-blue)}
.wp-page .wp-etl-section .etl-point-title{margin:0;width:100%;font:500 clamp(15px,1.24vw,18px)/1.4 'Instrument Sans',sans-serif;color:var(--wp-ink);letter-spacing:0;text-transform:none;text-wrap:balance}
.wp-etl-section .etl-point-title em{font-style:normal;font-weight:700;color:var(--wp-red)}
.wp-etl-section .etl-point-connector{position:absolute;z-index:3;top:50%;right:-43px;width:44px;height:40px;transform:translateY(-50%);pointer-events:none;display:grid;place-items:center;color:var(--etl-orange);filter:drop-shadow(0 2px 0 #93421e) drop-shadow(0 4px 2px #93421e35)}
.wp-etl-section .etl-point-connector svg{display:block;width:100%;height:100%;fill:currentColor;stroke:#e3a976;stroke-width:.6}
.wp-etl-section .etl-point-plus{font:700 57px/1 'Instrument Sans',sans-serif;filter:none;text-shadow:0 1px 0 #e4af79,0 3px 0 #93421e,0 6px 6px #93421e2e}
.wp-etl-section .etl-point-item--bonus .etl-point-medallion{padding:9px}
.wp-etl-section .etl-point-item--bonus .etl-point-face{justify-content:center;padding:8%}
.wp-etl-section .etl-point-item--bonus .etl-point-value{font-size:clamp(49px,4.3vw,65px)}
.wp-etl-section .etl-point-item--bonus .etl-point-unit{font-size:21px;margin-bottom:0}
.wp-page .wp-etl-section .etl-point-caption{position:absolute;left:50%;top:calc(100% + 24px);transform:translateX(-50%);width:205px;max-width:calc(100% + 34px);margin:0;text-align:center;font:500 16px/1.4 'Instrument Sans',sans-serif;color:var(--wp-ink);letter-spacing:0;text-transform:none}
@media(hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .wp-etl-section .etl-point-item:hover .etl-point-medallion{transform:translateY(-10px) rotateX(6deg) rotateY(-5deg);box-shadow:inset 0 2px 2px white,inset 0 -2px 4px #14265b70,0 4px 0 #8196b6,0 8px 0 -2px #647b9e,0 27px 24px -10px #1b31596b,0 42px 49px -14px #2e4f7057}
  .wp-etl-section .etl-point-item:hover .etl-point-face::after{transform:translateX(100%)}
}
@media(max-width:1100px) and (min-width:601px){
  .wp-etl-section .etl-point-grid{max-width:740px;margin:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:66px 60px;padding-bottom:68px}
  .wp-etl-section .etl-point-medallion{max-width:320px;margin:auto}
  .wp-etl-section .etl-point-value{font-size:76px}
  .wp-etl-section .etl-point-unit{font-size:26px;margin-bottom:18px}
  .wp-page .wp-etl-section .etl-point-title{font-size:18px}
  .wp-etl-section .etl-point-item:nth-child(3){grid-column:2;grid-row:2}
  .wp-etl-section .etl-point-item--bonus{grid-column:1;grid-row:2;width:205px;justify-self:center}
  .wp-etl-section .etl-point-connector{right:-52px}
  .wp-etl-section .etl-point-item:nth-child(2) .etl-point-connector{top:auto;bottom:-53px;left:calc(50% - 22px);right:auto;transform:rotate(90deg)}
  .wp-etl-section .etl-point-item:nth-child(3) .etl-point-connector{right:auto;left:-52px}
  .wp-etl-section .etl-point-item--bonus .etl-point-value{font-size:64px}
}
@media(max-width:600px){
  .wp-etl-section .etl-point-grid{grid-template-columns:minmax(0,1fr);gap:55px;max-width:310px;margin:auto;padding:8px 5px 6px}
  .wp-etl-section .etl-point-value{font-size:76px}
  .wp-etl-section .etl-point-unit{font-size:26px;margin-bottom:18px}
  .wp-page .wp-etl-section .etl-point-title{font-size:17px}
  .wp-etl-section .etl-point-connector{top:auto;bottom:-49px;left:calc(50% - 22px);right:auto;transform:rotate(90deg)}
  .wp-etl-section .etl-point-plus{bottom:-46px;transform:none}
  .wp-etl-section .etl-point-item--bonus{width:180px;justify-self:center}
  .wp-etl-section .etl-point-item--bonus .etl-point-value{font-size:63px}
  .wp-page .wp-etl-section .etl-point-caption{position:static;width:auto;max-width:none;transform:none;margin:22px -15px 0;font-size:17px}
  body.wp-page .wp-etl-section{background-position:61% center;background-size:auto 100%;padding-bottom:65px}
}
@media(max-width:370px){
  .wp-etl-section .etl-point-medallion{padding:11px}
  .wp-etl-section .etl-point-face{padding-top:7%;padding-inline:7%}
  .wp-etl-section .etl-point-value{font-size:63px}
  .wp-etl-section .etl-point-unit{font-size:23px;margin-bottom:12px}
  .wp-page .wp-etl-section .etl-point-title{font-size:16px;line-height:1.35}
}
@media(prefers-reduced-motion:reduce){.wp-etl-section .etl-point-medallion,.wp-etl-section .etl-point-face::after{transition:none;transform:none}}