.petaray-case{--petaray-goal:#e5e8ff;--petaray-purple:#552caf}.petaray-case .case-title>img{width:48px;height:48px}.petaray-top-gradient{z-index:0;background:linear-gradient(180deg, #311078 9.5%, var(--accent-base) 45.25%, #fff0);pointer-events:none;height:350px;position:absolute;inset:0 0 auto}.petaray-top-gradient:after{content:"";background:linear-gradient(0deg, var(--surface-main), #f6f5f000);position:absolute;inset:50px 0 0}.petaray-case .case-title,.petaray-case .case-content{position:relative}.petaray-goals{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.petaray-goal{border:1px solid var(--surface-soft);border-radius:var(--case-card-radius,16px);background:var(--petaray-goal);flex-direction:column;gap:16px;padding:16px;display:flex}.petaray-goal h2{color:var(--accent-base);font-size:16px;font-weight:700;line-height:1.2}.petaray-section{flex-direction:column;gap:48px;display:flex}.petaray-point{flex-direction:column;gap:16px;min-width:0;padding-block:16px;display:flex}.petaray-point>h3{font-size:32px;font-weight:700;line-height:1.2}.petaray-typeface{background:var(--surface-white);border:1px solid var(--accent-soft);border-radius:var(--case-card-radius,16px);flex-direction:column;gap:24px;width:100%;min-width:0;padding:24px;font-family:Century Gothic,CenturyGothic,sans-serif;display:flex}.petaray-typeface h4{letter-spacing:1.2px;color:var(--petaray-purple);margin:0;font-size:24px;font-weight:700;line-height:29px}.petaray-type-rows{letter-spacing:.8px;flex-direction:column;gap:8px;font-size:16px;line-height:20px;display:flex}.petaray-type-rows>div{justify-content:space-between;align-items:center;gap:16px;display:flex}.petaray-type-rows p{overflow-wrap:anywhere;flex:1;min-width:0}.petaray-type-rows span{white-space:nowrap;flex:none}.petaray-type-bold{font-weight:700}.petaray-colours{aspect-ratio:1881/348;border-radius:var(--case-card-radius,16px);width:100%;position:relative;overflow:hidden}.petaray-colours>img{object-fit:cover;left:-.5px!important}.petaray-screen img{object-fit:cover}.petaray-case .case-demo-video{background:var(--text-disabled);object-fit:contain}.petaray-point>.petaray-video-heading{font-size:16px;font-weight:400;line-height:24px}@media (max-width:1023px){.petaray-goals{grid-template-columns:minmax(0,1fr);gap:8px}}@media (max-width:767px){.petaray-top-gradient{height:200px}.petaray-top-gradient:after{inset-block-start:25px}.petaray-section{gap:32px}.petaray-typeface{padding:16px}.petaray-type-rows>div{gap:8px}}