.clarity-section{padding:78px 28px 88px;background:radial-gradient(ellipse at 50% 15%,#e1eff6 0,transparent 60%),#f4f7fa;isolation:isolate}.clarity-wrap{max-width:1240px;margin:auto}.clarity-section .section-header{margin-bottom:42px}.clarity-section .section-header h2{max-width:950px;margin-inline:auto;text-wrap:balance}.clarity-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.clarity-card{min-width:0;background:white;border:1px solid #dce7ef;border-radius:22px;overflow:hidden;box-shadow:0 12px 28px #17385109;transition:transform .35s,box-shadow .35s;--clarity-accent:#6acbea}.clarity-card:hover{transform:translateY(-7px);box-shadow:0 20px 40px #17385118}.clarity-art{position:relative;background:radial-gradient(ellipse at 65% 25%,#2c536f,transparent 75%),#102d45;aspect-ratio:280/190;overflow:hidden;border-bottom:3px solid var(--clarity-accent)}.clarity-art:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:24px 24px;mask-image:linear-gradient(120deg,black,transparent)}.clarity-art svg{display:block;width:100%;height:100%;position:relative;direction:ltr}.clarity-index{position:absolute;top:13px;inset-inline-start:16px;font:600 11px ui-monospace,monospace;letter-spacing:2px;color:#add1e4;z-index:1}.clarity-copy{padding:25px 23px 28px;text-align:start}.clarity-copy h3{font-size:18px!important;line-height:1.4;color:#173b53;margin:0 0 12px!important;text-wrap:balance;overflow-wrap:anywhere}.clarity-copy p{font-size:13px;line-height:1.85;color:#647d8f;margin:0!important}.clarity-progress{--clarity-accent:#f4b064}.clarity-fees{--clarity-accent:#67c7b3}.clarity-support{--clarity-accent:#b2a9e8}.clarity-float{animation:clarity-float 6s ease-in-out infinite}.clarity-fees .clarity-float{animation-delay:-2s}.clarity-support .clarity-float{animation-delay:-4s}.clarity-beacon{transform-box:fill-box;transform-origin:center;animation:clarity-beacon 3s ease-out infinite}.clarity-scan{animation:clarity-scan 5s ease-in-out infinite}.clarity-route{animation:clarity-route 5s linear infinite}.clarity-parcel{animation:clarity-float 5s ease-in-out infinite}.clarity-bars rect{transform-box:fill-box;transform-origin:center bottom;animation:clarity-bar 5s ease-in-out infinite}.clarity-bar-two{animation-delay:-.6s!important}.clarity-bar-three{animation-delay:-1.2s!important}.clarity-dot{animation:clarity-dot 1.8s ease-in-out infinite}.clarity-dot.dot-two{animation-delay:.2s}.clarity-dot.dot-three{animation-delay:.4s}@keyframes clarity-float{50%{transform:translateY(-6px)}}@keyframes clarity-beacon{0%,100%{transform:scale(.9);opacity:.35}60%{transform:scale(1.25);opacity:.85}}@keyframes clarity-scan{0%,100%{transform:translateY(0);opacity:0}15%,85%{opacity:.8}90%{transform:translateY(80px)}}@keyframes clarity-route{to{stroke-dashoffset:-336}}@keyframes clarity-bar{50%{transform:scaleY(.7)}}@keyframes clarity-dot{50%{transform:translateY(-5px);opacity:.45}}@media(max-width:1020px){.clarity-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:auto}.clarity-art{aspect-ratio:320/190}.clarity-copy{padding:24px}}@media(max-width:540px){.clarity-section{padding:48px 18px}.clarity-grid{gap:16px;grid-template-columns:1fr;max-width:370px}.clarity-section .section-header{margin-bottom:28px}.clarity-art{aspect-ratio:320/180}.clarity-copy{padding:21px 24px 26px}.clarity-copy h3{font-size:20px!important}}@media(prefers-reduced-motion:reduce){.clarity-section *{animation:none!important;transition:none!important}.clarity-card:hover{transform:none}}