.ff-par,.ff-float{width:100%;height:100%}.ff-par{transform:translate3d(calc(var(--px,0) * var(--depth,0px)), calc(var(--py,0) * var(--depth,0px)), 0)}@media (prefers-reduced-motion:no-preference){.ff-float{animation:ff-drift var(--ff-t,10s) ease-in-out var(--ff-d,0s) infinite alternate;will-change:transform}}@keyframes ff-drift{0%{transform:translate(0,0)rotate(0)}to{transform:translate3d(var(--ff-x,0px), var(--ff-y,-5px), 0) rotate(var(--ff-r,.6deg))}}.ff-card{appearance:none;width:100%;height:100%;color:inherit;font:inherit;cursor:pointer;perspective:1100px;-webkit-tap-highlight-color:transparent;background:0 0;border:0;margin:0;padding:0;display:block}.ff-card:focus-visible{outline:3px solid var(--ff-focus,#fff);outline-offset:4px;border-radius:8px}.ff-inner{width:100%;height:100%;transform-style:preserve-3d;transition:transform .76s cubic-bezier(.22,1,.36,1);display:block;position:relative}.ff-card[aria-pressed=true] .ff-inner{transform:rotateY(180deg)}.ff-face{backface-visibility:hidden;display:block;position:absolute;inset:0;overflow:hidden}.ff-back{transform:rotateY(180deg)}.ff-face img{object-fit:cover;width:100%;height:100%;display:block}.ff-egg{pointer-events:none}@media (prefers-reduced-motion:reduce){.ff-par{transform:none}.ff-inner{transition:none}.ff-egg,.ff-egg [class]{animation-name:ff-pop!important;animation-duration:1.8s!important;animation-timing-function:linear!important;animation-fill-mode:both!important;transform:none!important}}@keyframes ff-pop{0%,96%{opacity:var(--egg-o,1)}to{opacity:0}}
.isx{--isx-orange:#fe5533;--isx-yellow:#ffc400;--isx-pale:#fbffd7;--isx-cream:#fff8ed;--isx-ink:#1c1c1c;background:var(--isx-orange);flex-direction:column;display:flex;position:relative;overflow:hidden}.isx-dome-layer{position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.isx-dome{animation:ff-drift var(--ff-t) ease-in-out var(--ff-d) infinite alternate}}.isx-dome{background:var(--isx-cream);border:22px solid var(--isx-yellow);width:1640px;height:1640px;box-shadow:0 0 0 22px var(--isx-pale);border-radius:50%;margin-left:-820px;position:absolute;top:372px;left:50%}.isx-stars{z-index:1;pointer-events:none;position:absolute;inset:0}.isx-stars.is-front{z-index:6}.isx-stars svg,.isx-moon{filter:drop-shadow(0 6px 14px #781e002e);display:block;position:absolute}@media (prefers-reduced-motion:no-preference){.isx-stars svg,.isx-moon{animation:ff-drift var(--ff-t) ease-in-out var(--ff-d) infinite alternate}}.isx-moon-layer{z-index:7;pointer-events:none;position:absolute;inset:0}.isx-moon{pointer-events:auto;cursor:pointer;background:0 0;border:0;border-radius:50%;padding:0}.isx-moon svg{width:100%;height:100%;display:block}.isx-moon:focus-visible{outline:3px solid var(--isx-pale);outline-offset:4px}.isx-night{z-index:5;--egg-o:.78;background:radial-gradient(90% 70% at 80% 10%,#2a2a6e,#0d1033 70%);animation:2s ease-in-out both isx-night;position:absolute;inset:0}@keyframes isx-night{0%{opacity:0}22%{opacity:.78}70%{opacity:.78}to{opacity:0}}.isx-card{z-index:4;--ff-focus:var(--isx-pale);position:absolute;bottom:26px}.isx-card.is-l{aspect-ratio:3/4;width:156px;left:12px;transform:rotate(-8deg)}.isx-card.is-r{aspect-ratio:917/1500;width:138px;right:14px;transform:rotate(7deg)}.isx-card-face{border:6px solid var(--isx-cream);background:var(--isx-cream);border-radius:12px;box-shadow:0 24px 46px -14px #5a140080,0 6px 14px #5a14002e}.isx-card-face img{object-position:top center}.isx-head{z-index:2;flex-direction:column;align-items:center;padding:50px 24px 0;display:flex;position:relative}.isx-logo{width:250px;height:auto}.isx-tabs{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:26px;display:flex}.isx-tabs button{border:2px solid var(--isx-pale);min-height:44px;color:var(--isx-pale);font:800 14px/1 var(--font-sans), system-ui, sans-serif;letter-spacing:.02em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:10px;padding:0 20px;transition:background-color .18s,color .18s,border-color .18s,transform .18s}.isx-tabs button:hover{transform:translateY(-2px)}.isx-tabs button[aria-pressed=true]{background:var(--isx-ink);border-color:var(--isx-ink);color:#fff}.isx-tabs button:focus-visible{outline:3px solid var(--isx-yellow);outline-offset:3px}.isx-stage{z-index:3;flex:1;justify-content:center;align-items:flex-start;min-height:0;padding:34px 0 30px;display:flex;position:relative}.isx-fit{justify-content:center;align-items:flex-start;width:100%;height:100%;display:flex;container-type:size}.isx-frame{aspect-ratio:1201/745;width:min(100cqw - 250px,161.2cqh);position:relative}.isx-float{position:absolute;inset:0}.isx-screen,.isx-back{border:7px solid var(--isx-cream);background:var(--isx-cream);border-radius:16px;position:absolute;inset:0;overflow:hidden}.isx-screen{box-shadow:0 30px 60px -20px #5a140073,0 8px 18px #5a14002e}.isx-shot{position:absolute;inset:0}.isx-screen img,.isx-back img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block}.isx-back{box-shadow:0 18px 40px -16px #5a140059}.isx-back-0{transform:translate(13%,12%)rotate(5deg)scale(.88)}.isx-back-1{transform:translate(-13%,12%)rotate(-5deg)scale(.88)}.isx.is-compact .isx-dome{width:1100px;height:1100px;box-shadow:0 0 0 16px var(--isx-pale);border-width:16px;margin-left:-550px;top:214px}.isx.is-compact .isx-head{padding-top:28px}.isx.is-compact .isx-logo{width:160px}.isx.is-compact .isx-tabs{gap:6px;margin-top:16px;padding:0 6px}.isx.is-compact .isx-tabs button{min-height:38px;padding:0 12px;font-size:12px}.isx.is-compact .isx-stage{align-items:center;padding:22px 18px 30px}.isx.is-compact .isx-fit{align-items:center}.isx.is-compact .isx-frame{width:min(100cqw,161.2cqh)}.isx.is-compact .isx-card{bottom:14px}.isx.is-compact .isx-card.is-l{width:84px;left:6px}.isx.is-compact .isx-card.is-r{width:72px;right:8px}.isx.is-compact .isx-card-face{border-width:4px;border-radius:8px}@media (prefers-reduced-motion:no-preference){.isx .isx-head,.isx .isx-stage{animation:.7s cubic-bezier(.22,1,.36,1) both isx-in}.isx .isx-stage{animation-delay:.12s}}@media (prefers-reduced-motion:reduce){.isx-tabs button{transition:none}.isx-tabs button:hover{transform:none}}@keyframes isx-in{0%{opacity:0;transform:translateY(14px)}}
.fc{z-index:1;transform:rotate(var(--a));cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute}.fc:focus-visible{outline:2px solid var(--fc-focus,#fff);outline-offset:6px;border-radius:var(--fc-radius,6px)}.fc-par{transform:translate3d(calc(var(--px,0) * var(--depth,14px)), calc(var(--py,0) * var(--depth,14px)), 0);display:block;position:absolute;inset:0}.fc-drift{perspective:1000px;animation:fc-drift calc(7s + var(--i,0) * .9s) ease-in-out calc(var(--i,0) * -1.7s) infinite;display:block;position:absolute;inset:0}.fc:nth-of-type(2n) .fc-drift{animation-direction:reverse}@keyframes fc-drift{0%,to{transform:translate(0,0)rotate(0)}33%{transform:translate(8px,-10px)rotate(1.4deg)}66%{transform:translate(-7px,5px)rotate(-1.1deg)}}.fc-ground{z-index:-2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.fc-ground-pan{transform:translate3d(calc(var(--px,0) * -16px), calc(var(--py,0) * -16px), 0);position:absolute;inset:-48px}.fc-ground-pan>*{animation:10s ease-in-out infinite alternate fc-pan}@keyframes fc-pan{0%{transform:translate(-18px,10px)scale(1.02)}to{transform:translate(18px,-12px)scale(1.06)}}.fc-turn{transform-style:preserve-3d;transition:transform .7s cubic-bezier(.3,.7,.2,1);display:block;position:absolute;inset:0}.fc-turn[data-flipped]{transform:rotateY(180deg)}.fc-face{backface-visibility:hidden;border:var(--fc-border,0);border-radius:var(--fc-radius,6px);background:var(--fc-bg,#fff);box-shadow:var(--fc-shadow,0 16px 30px #0000008c);display:block;position:absolute;inset:0;overflow:hidden}.fc-face img{object-fit:cover}.fc-back{transform:rotateY(180deg)}@media (prefers-reduced-motion:reduce){.fc-drift,.fc-ground-pan>*{animation:none}.fc-par,.fc-ground-pan{transform:none}.fc-turn{transition:none}}
.cxs{isolation:isolate;color:#f5f3ff;font-family:var(--font-sans);background:#07111c;flex-direction:column;display:flex;position:relative;overflow:hidden}.cxs *,.cxs :before,.cxs :after{box-sizing:border-box}.cxs-ground{z-index:-2;object-fit:cover;object-position:center 40%;filter:saturate(.85)contrast(1.05)}.cxs-shade{z-index:-1;background:radial-gradient(52% 40% at 50% 62%,#fae5001c,#0000 72%),linear-gradient(#07111cb8 0%,#07111cd6 46%,#07111cf2 100%);position:absolute;inset:0}.cxs-floats{z-index:1;pointer-events:none;--fc-border:3px solid #f5f3ff;--fc-radius:6px;--fc-bg:#0d1622;--fc-shadow:0 16px 30px #0009;--fc-focus:#fae500;position:absolute;inset:0}.cxs-head,.cxs-tools,.cxs-tabs,.cxs-logos{pointer-events:none}.cxs-tabs button,.cxs-screen{pointer-events:auto}.cxs-doors .fc-drift{background:#0d1622;border:4px solid #3a4c63;border-radius:3px;box-shadow:0 16px 30px #0009}.cxs-inside{position:absolute;inset:0;overflow:hidden}.cxs-inside img{object-fit:cover}.cxs-door{background:linear-gradient(90deg,#0000 26%,#b4bdca 26% 30%,#0000 30% 66%,#b4bdca 66% 70%,#0000 70%),repeating-linear-gradient(90deg,#1f3047 0 5px,#2c4260 5px 9px,#18273a 9px 12px);width:50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);position:absolute;top:0;bottom:0;box-shadow:inset 0 0 0 1px #00000059}.cxs-door.is-left{transform-origin:0;left:0}.cxs-door.is-right{transform-origin:100%;right:0}.cxs-door.is-left[data-open]{transform:rotateY(-112deg)}.cxs-door.is-right[data-open]{transform:rotateY(112deg)}@media (prefers-reduced-motion:reduce){.cxs-door{transition:none}}.cxs-head{z-index:2;justify-content:center;padding:46px 24px 0;display:flex;position:relative}.cxs-logo{filter:drop-shadow(0 8px 24px #0000008c);width:300px;height:auto;display:block}.cxs-tools{z-index:2;flex-direction:column;flex:1;align-items:center;min-height:0;padding:18px 0 30px;display:flex;position:relative}.cxs-tabs{justify-content:center;gap:4px 28px;margin-bottom:14px;display:flex}.cxs-tabs button{color:#f5f3ff9e;min-height:44px;font:inherit;cursor:pointer;background:0 0;border:0;padding:8px 0;font-size:15px;transition:color .2s}.cxs-tabs button:hover{color:#f5f3ff}.cxs-tabs button[aria-pressed=true]{color:#fae500}.cxs-tabs button:focus-visible{outline-offset:4px;outline:2px solid #fae500}.cxs-screen{background:#0d1622;border:1px solid #ffffff24;border-bottom:0;border-radius:10px;flex-direction:column;flex:1;width:590px;min-height:0;margin:0;display:flex;overflow:hidden;box-shadow:0 32px 90px #0009}.cxs-bar{background:#0a121c;border-bottom:1px solid #ffffff14;flex:none;align-items:center;gap:6px;height:28px;padding:0 12px;display:flex}.cxs-bar span{background:#34405a;border-radius:50%;width:8px;height:8px}.cxs-bar b{font:400 10px/1 var(--font-mono);letter-spacing:.08em;color:#8d98ad;text-transform:uppercase;margin-left:8px}.cxs-view{flex:1;min-height:0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 72%,#0000 100%);mask-image:linear-gradient(#000 72%,#0000 100%)}.cxs-view img{width:100%;height:auto;animation:.45s cubic-bezier(.16,1,.3,1) both cxs-in;display:block}.cxs-logos{opacity:.72;justify-content:center;align-items:center;gap:30px;margin:20px 0 0;padding:0;list-style:none;display:flex}.cxs-logos img{object-fit:contain;filter:brightness(0)invert();width:auto;max-width:74px;height:22px;display:block}@keyframes cxs-in{0%{opacity:0;transform:translateY(10px)}}@media (prefers-reduced-motion:reduce){.cxs-view img{animation:none}}.cxs.is-compact .cxs-head{padding-top:40px}.cxs.is-compact .cxs-logo{width:220px}.cxs.is-compact .cxs-tools{padding:14px 16px 18px}.cxs.is-compact .cxs-tabs{gap:0 20px;margin-bottom:8px}.cxs.is-compact .cxs-tabs button{min-height:40px;font-size:16px}.cxs.is-compact .cxs-screen{width:100%;max-height:none}
.r4-flip{color:inherit;font:inherit;text-align:inherit;cursor:pointer;pointer-events:auto;-webkit-tap-highlight-color:transparent;background:0 0;border:0;padding:0;display:block;position:absolute}.r4-flip:focus-visible{outline-offset:6px;border-radius:8px;outline:3px solid}.r4-float{perspective:1400px;display:block;position:relative}.r4-flip-inner{transform-style:preserve-3d;transition:transform .9s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.r4-flip[aria-pressed=true] .r4-flip-inner{transform:rotateY(180deg)}.r4-face{backface-visibility:hidden;grid-area:1/1;display:block;position:relative}.r4-face-back{transform:rotateY(180deg)}.r4-face img{width:100%;height:auto;display:block}.r4-face-back img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.r4-flip,.r4-par{translate:calc(var(--px,0) * var(--r4-depth,14px)) calc(var(--py,0) * var(--r4-depth,14px))}@media (prefers-reduced-motion:no-preference){.r4-float.r4-float.r4-float,.r4-drift.r4-drift.r4-drift{animation:r4-sway var(--r4-dur,9s) ease-in-out var(--r4-delay,0s) infinite alternate!important}.r4-drift.r4-drift.r4-drift{animation-name:r4-drift!important}}@keyframes r4-sway{0%{translate:0;rotate:calc(var(--r4-s,1) * -1.2deg)}50%{translate:calc(var(--r4-s,1) * 9px) -9px;rotate:calc(var(--r4-s,1) * .5deg)}to{translate:calc(var(--r4-s,1) * -4px) -16px;rotate:calc(var(--r4-s,1) * 1.3deg)}}@keyframes r4-drift{0%{translate:0}50%{translate:calc(var(--r4-s,1) * var(--r4-amp,1) * 9px) calc(var(--r4-amp,1) * -8px)}to{translate:calc(var(--r4-s,1) * var(--r4-amp,1) * -5px) calc(var(--r4-amp,1) * -15px)}}@media (prefers-reduced-motion:reduce){.r4-flip-inner{transition:none}.r4-flip,.r4-par{translate:none}}
@font-face{font-family:PetrichorInstrument;src:url(/case-studies/petrichor/fonts/instrument-sans-variable.woff2)format("woff2");font-weight:100 900;font-display:swap}.pt2{--navy:#0c1733;--ground:#2447d8;--orange:#db490f;--mist:#f5f6fa;--light-text:#b8c5e5;--ease:cubic-bezier(.22, 1, .36, 1);background:var(--navy);color:var(--mist);-webkit-font-smoothing:antialiased;font:400 16px/1.5 PetrichorInstrument,sans-serif;overflow:hidden}.pt2-rainpar{position:absolute;inset:-30px}.pt2-rain{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(340px 120px at 230px 170px,#0000 70%,#000 100%);mask-image:radial-gradient(340px 120px at 230px 170px,#0000 70%,#000 100%)}.pt2.is-compact .pt2-rain{-webkit-mask-image:radial-gradient(240px 90px at 160px 150px,#0000 70%,#000 100%);mask-image:radial-gradient(240px 90px at 160px 150px,#0000 70%,#000 100%)}.pt2-glow{background:radial-gradient(circle at 78% 26%,#2447d86b,#0000 38%),radial-gradient(70% 45% at 40% 78%,#0b2baf73,#0000 70%);position:absolute;inset:0}.pt2-egg{translate:calc(var(--px,0) * var(--r4-depth)) calc(var(--py,0) * var(--r4-depth));z-index:1;cursor:pointer;background:0 0;border:0;width:486px;padding:0;position:absolute;top:6px;right:-46px}.pt2-egg:focus-visible{outline:3px solid var(--orange);outline-offset:-40px}.pt2-scene{width:100%;height:auto;display:block}.pt2-head{z-index:3;position:absolute;top:66px;left:52px}.pt2-logo{width:380px;height:auto;display:block}.pt2-tabs{gap:30px;margin-top:44px;display:flex}.pt2-tabs button{min-height:48px;color:var(--light-text);font:inherit;cursor:pointer;background:0 0;border:0;padding:10px 0;font-size:17px;position:relative}.pt2-tabs button:after{content:"";background:var(--orange);transform-origin:0;height:2px;transition:transform .32s var(--ease);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0)}.pt2-tabs button:hover,.pt2-tabs button[aria-pressed=true]{color:var(--mist)}.pt2-tabs button[aria-pressed=true]:after{transform:scaleX(1)}.pt2-tabs button:focus-visible{outline:3px solid var(--orange);outline-offset:4px}.pt2-browser{z-index:4;background:var(--navy);width:768px;transform:translate3d(calc(var(--px,0) * 8px), calc(var(--py,0) * 8px), 0) perspective(2200px) rotateY(-2deg) rotateZ(-1.2deg);transform-origin:top;border:1px solid #556078;border-radius:8px;margin:0;position:absolute;top:calc(250px + max(0px,50% - 385px));left:52px;box-shadow:0 40px 90px #00000073,0 0 0 1px #f5f6fa0a}.pt2-chrome{background:var(--mist);color:#556078;border-radius:8px 8px 0 0;justify-content:center;align-items:center;height:30px;font-size:12px;display:flex}.pt2-screen{aspect-ratio:1.6;border-radius:0 0 8px 8px;position:relative;overflow:hidden}.pt2-screen img{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.pt2-card{z-index:5;width:210px;color:var(--mist);bottom:34px;right:20px;transform:rotate(7deg)}.pt2-card .r4-face{border-radius:6px;overflow:hidden;box-shadow:0 30px 60px #00000080,0 0 0 1px #f5f6fa1a}.pt2-pour{z-index:6;pointer-events:none;position:absolute;inset:0;overflow:hidden}.pt2-pour i{opacity:0;border-radius:1px;height:5px;animation:1.15s cubic-bezier(.4,0,.7,1) both pt2-pour;position:absolute;rotate:50.194deg}@keyframes pt2-pour{0%{opacity:0;translate:-96px -115px}25%{opacity:.9}75%{opacity:.9}to{opacity:0;translate:96px 115px}}.pt2.is-compact .pt2-egg{width:180px;top:-2px;right:-26px}.pt2.is-compact .pt2-head{top:40px;left:22px;right:22px}.pt2.is-compact .pt2-logo{width:236px}.pt2.is-compact .pt2-tabs{justify-content:space-between;margin-top:100px}.pt2.is-compact .pt2-tabs button{min-height:44px;font-size:16px}.pt2.is-compact .pt2-browser{width:460px;top:calc(236px + max(0px,50% - 276px));left:20px;transform:none}.pt2.is-compact .pt2-chrome{height:24px;font-size:11px}.pt2.is-compact .pt2-card{width:120px;bottom:10px;right:8px}@media (prefers-reduced-motion:no-preference){.pt2-rain-layer{animation:6s ease-in-out infinite alternate pt2-fall}.pt2-rain-layer.is-1{animation-duration:8.5s;animation-delay:-3s}.pt2-glow{animation:7s ease-in-out infinite alternate pt2-breathe}.pt2-screen img{animation:pt2-in .42s var(--ease) both}.pt2-head,.pt2-browser{animation:pt2-rise .7s var(--ease) both}.pt2-browser{animation-delay:.12s}}@keyframes pt2-fall{0%{translate:-14px -17px}to{translate:14px 17px}}@keyframes pt2-breathe{0%{opacity:.7}to{opacity:1}}@keyframes pt2-in{0%{opacity:0;transform:translate(18px)}}@keyframes pt2-rise{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.pt2-tabs button:after{transition:none}.pt2-pour i{opacity:.85;animation:none}.pt2-egg{translate:none}.pt2-browser{transform:perspective(2200px)rotateY(-2deg)rotate(-1.2deg)}}.pt2-head{pointer-events:none}.pt2-head>*{pointer-events:auto}
.shcs{--cs-navy:#0b2635;--cs-pale:#e9eef0;--cs-ink:#37515f;--cs-red:#b3203b;--ease:cubic-bezier(.22, 1, .36, 1);isolation:isolate;color:var(--cs-pale);background:var(--cs-red);font-family:var(--font-sans), sans-serif;flex-direction:column;display:flex;overflow:hidden}.shcs-glow{z-index:-1;background:radial-gradient(75% 55% at 50% 58%,#0b263573,#0000 75%),radial-gradient(circle at 50% 6%,#ffffff1a,#0000 40%),linear-gradient(#0000 55%,#500a1a80);position:absolute;inset:0}.shcs-ground{z-index:-1;position:absolute;inset:0}.shcs-ring{opacity:.07;filter:brightness(0)invert();width:940px;height:auto;position:absolute;top:58%;left:50%;translate:-50% -50%}.shcs-signal{width:100%;height:auto;position:absolute;top:58%;left:0;translate:0 -50%}.shcs-card{z-index:0;color:var(--cs-pale)}.shcs-card.is-front{z-index:3}.shcs-head,.shcs-stage{pointer-events:none}.shcs-head>*,.shcs-shot,.shcs-phone{pointer-events:auto}.shcs-card.is-crop .r4-face{aspect-ratio:1122/1150}.shcs-card.is-crop .r4-face img{object-fit:cover;object-position:50% 100%;height:100%}.shcs-card .r4-face{border-radius:6px;overflow:hidden;box-shadow:0 30px 60px #00000073,0 0 0 1px #e9eef01f}.shcs-brand{position:relative}.shcs-egg{cursor:crosshair;background:0 0;border:0;border-radius:50%;width:calc(14.1291% + 12px);height:calc(100% + 12px);padding:0;position:absolute;top:-6px;left:-6px}.shcs-egg:focus-visible{outline:3px solid var(--cs-pale);outline-offset:2px}.shcs-score{pointer-events:none;place-items:center;animation:1.9s linear both shcs-score-out;display:grid;position:absolute;inset:0}.shcs-score-reticle{filter:drop-shadow(0 0 10px #fffc);grid-area:1/1;width:62%;height:auto;animation:.52s cubic-bezier(.22,1,.36,1) both shcs-lock}.shcs-score b{background:var(--cs-navy);color:var(--cs-pale);letter-spacing:.02em;border-radius:4px;grid-area:1/1;align-self:end;margin-bottom:12%;padding:4px 10px;font-size:22px;font-weight:700;animation:.36s cubic-bezier(.22,1,.36,1) .46s both shcs-stamp;box-shadow:0 10px 24px #00000073}@keyframes shcs-lock{0%{opacity:0;transform:scale(1.5)}}@keyframes shcs-stamp{0%{opacity:0;transform:scale(1.3)}}@keyframes shcs-score-out{0%,82%{opacity:1}to{opacity:0}}.shcs-head{z-index:2;flex-direction:column;align-items:center;gap:26px;padding:58px 24px 0;display:flex;position:relative}.shcs-logo{filter:brightness(0)invert();width:360px;height:auto;display:block}.shcs-tabs{background:var(--cs-pale);border-radius:8px;gap:4px;padding:6px;display:flex;box-shadow:0 18px 40px #0000004d}.shcs-tabs button{color:var(--cs-ink);font:inherit;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:4px;padding:8px 16px;font-size:15px;transition:background .32s,color .32s}.shcs-tabs button[aria-pressed=true]{background:var(--cs-navy);color:var(--cs-pale)}.shcs-tabs button:focus-visible{outline:3px solid var(--cs-red);outline-offset:1px}.shcs-stage{z-index:4;flex:1;min-height:0;margin:30px 150px 50px;position:relative}.shcs-scene{place-items:center;display:grid;position:absolute;inset:0;container-type:size}.shcs-shot{background:var(--cs-navy);border-radius:8px;width:auto;max-width:100cqw;height:auto;max-height:100cqh;display:block;box-shadow:0 40px 90px #00000073,0 0 0 1px #e9eef029}.shcs-site{position:relative}.shcs-site .shcs-shot{max-width:92cqw;max-height:92cqh}.shcs-phone{background:#06161f;border:5px solid #06161f;border-radius:16px;width:22%;height:auto;position:absolute;bottom:-6%;right:-7%;box-shadow:0 30px 60px #00000080,0 0 0 1px #e9eef02e}.shcs.is-compact .shcs-head{gap:18px;padding:40px 12px 0}.is-compact .shcs-logo{width:236px}.is-compact .shcs-tabs{gap:0;padding:4px}.is-compact .shcs-tabs button{padding:8px 9px;font-size:15px}.is-compact .shcs-stage{margin:22px 18px 24px}.is-compact .shcs-ring{width:600px}.is-compact .shcs-score b{padding:3px 6px;font-size:15px}.is-compact .shcs-phone{border-width:3px;border-radius:10px;right:-3%}.is-compact .shcs-stage{margin-bottom:64px}@media (prefers-reduced-motion:no-preference){.shcs-signal rect{transform-box:fill-box;transform-origin:50%;animation:2.6s ease-in-out infinite alternate shcs-bar}.shcs-ring{animation:6s ease-in-out infinite alternate shcs-ring}.shcs-scene{animation:shcs-in .42s var(--ease) both}.shcs-head,.shcs-stage{animation:shcs-rise .7s var(--ease) both}.shcs-stage{animation-delay:.12s}}@keyframes shcs-bar{0%{scale:1 .55}to{scale:1 1.15}}@keyframes shcs-ring{0%{rotate:-3deg;scale:.96}to{rotate:3deg;scale:1.04}}@keyframes shcs-in{0%{opacity:0;transform:translate(18px)}}@keyframes shcs-rise{0%{opacity:0;translate:0 14px}}@media (prefers-reduced-motion:reduce){.shcs-tabs button{transition:none}.shcs-score,.shcs-score-reticle,.shcs-score b{animation:none}}