.hcf-perspective{perspective:1400px;height:320px;position:relative}@media(min-width:768px){.hcf-perspective{height:400px}}@media(min-width:1024px){.hcf-perspective{height:480px}}.hcf-stage{position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .85s cubic-bezier(.4,0,.2,1)}.hcf-stage.flipped{transform:rotateY(180deg)}.hcf-face{position:absolute;inset:0;backface-visibility:hidden;border-radius:1rem;overflow:hidden;display:flex;flex-direction:column;box-shadow:0 30px 80px -12px #0000008c,0 0 0 1px #eaeff50f;opacity:0;pointer-events:none;transform:rotateY(180deg);will-change:transform;transition:opacity .25s ease-out}.hcf-face[data-side=front]{transform:rotateY(0);opacity:1;pointer-events:auto}.hcf-face[data-side=back]{transform:rotateY(180deg);opacity:1;pointer-events:auto}[data-theme=savo-light] .hcf-face{box-shadow:0 14px 42px -10px #00000024,0 0 0 1px #0b121a0f}.hcf-mockup-chrome{height:2rem;display:flex;align-items:center;gap:.5rem;padding-inline:.85rem;border-bottom:1px solid oklch(95% .01 250 / .06);background:var(--color-base-300);flex-shrink:0}@media(min-width:1024px){.hcf-mockup-chrome{height:2.25rem;padding-inline:1rem}}.hcf-mockup-url{background:#eaeff50f;border-radius:.375rem;padding:.18rem .85rem;font-size:10px;color:#eaeff54d;font-family:ui-monospace,SFMono-Regular,monospace}@media(min-width:1024px){.hcf-mockup-url{font-size:11px;padding:.2rem 1rem}}[data-theme=savo-light] .hcf-mockup-chrome{background:#eff2f5;border-bottom-color:#0b121a14}[data-theme=savo-light] .hcf-mockup-url{background:#0b121a0d;color:#0b121a66}.hcf-mockup-screenshot{flex:1;overflow:hidden}.hcf-mockup-overlay{position:absolute;inset:0;background:#000205db;backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .35s ease}.hcf-face-site:hover .hcf-mockup-overlay{opacity:1}@media(hover:none){.hcf-mockup-overlay{display:none}}.hcf-overlay-content{display:flex;flex-direction:column;align-items:center;text-align:center;transform:translateY(10px);transition:transform .4s cubic-bezier(.16,1,.3,1);padding:0 1rem}.hcf-face-site:hover .hcf-overlay-content{transform:translateY(0)}.hcf-overlay-tags{font-size:.7rem;text-transform:uppercase;letter-spacing:.22em;color:#eaeff580;margin-bottom:.7rem}.hcf-overlay-name{font-size:1.65rem;font-weight:800;color:#f4f9ff;line-height:1.15;margin-bottom:1.1rem}.hcf-overlay-cta{font-size:.9rem;font-weight:600;color:var(--color-secondary);display:inline-flex;align-items:center;gap:.5rem;padding:.5rem 1.15rem;border:1px solid var(--color-secondary);border-radius:9999px;transition:background .2s,color .2s,transform .2s}.hcf-face-site:hover .hcf-overlay-cta{background:var(--color-secondary);color:#010408}.hcf-overlay-corner{position:absolute;width:26px;height:26px;opacity:0;transition:opacity .45s ease .1s}.hcf-face-site:hover .hcf-overlay-corner{opacity:1}.hcf-overlay-corner-tl{top:18px;left:18px;border-top:2px solid var(--color-secondary);border-left:2px solid var(--color-secondary)}.hcf-overlay-corner-br{bottom:18px;right:18px;border-bottom:2px solid var(--color-secondary);border-right:2px solid var(--color-secondary)}.hcf-face-cta{background:linear-gradient(135deg,#000919,oklch(20% .05 240));display:flex;align-items:center;justify-content:center;padding:2rem;border:2px solid color-mix(in oklch,var(--color-secondary),transparent 55%)}.hcf-face-cta.accent-primary{background:linear-gradient(135deg,oklch(20% .05 240),#000919);border-color:color-mix(in oklch,var(--color-primary),transparent 55%)}.hcf-face-cta:hover{border-color:var(--color-secondary)}.hcf-face-cta.accent-primary:hover{border-color:var(--color-primary)}.hcf-cta-corner{position:absolute;width:22px;height:22px;border-color:var(--color-secondary);opacity:.7;transition:opacity .35s ease,transform .35s ease}.hcf-face-cta.accent-primary .hcf-cta-corner{border-color:var(--color-primary)}.hcf-face-cta:hover .hcf-cta-corner{opacity:1}.hcf-cta-corner-tl{top:14px;left:14px;border-top:2px solid;border-left:2px solid}.hcf-cta-corner-tr{top:14px;right:14px;border-top:2px solid;border-right:2px solid}.hcf-cta-corner-bl{bottom:14px;left:14px;border-bottom:2px solid;border-left:2px solid}.hcf-cta-corner-br{bottom:14px;right:14px;border-bottom:2px solid;border-right:2px solid}.hcf-cta-content{position:relative;z-index:2;max-width:400px;text-align:center;display:flex;flex-direction:column;align-items:center;transform:translateY(0);transition:transform .4s cubic-bezier(.16,1,.3,1)}.hcf-face-cta:hover .hcf-cta-content{transform:translateY(-4px)}.hcf-cta-eyebrow{font-size:.72rem;text-transform:uppercase;letter-spacing:.22em;color:var(--color-secondary);font-weight:700;margin-bottom:.85rem}.hcf-face-cta.accent-primary .hcf-cta-eyebrow{color:var(--color-primary)}.hcf-cta-headline{font-size:clamp(1.5rem,2.5vw,2rem);font-weight:900;color:#f4f9ff;line-height:1.15;letter-spacing:-.01em;margin-bottom:.85rem}.hcf-cta-subline{font-size:.95rem;color:#eaeff5b3;line-height:1.5;margin-bottom:1.5rem}@media(min-width:1024px){.hcf-cta-subline{font-size:1rem}}.hcf-cta-button{display:inline-flex;align-items:center;gap:.6rem;padding:.75rem 1.6rem;border-radius:9999px;background:var(--color-secondary);color:#010408;font-weight:700;font-size:.95rem;box-shadow:0 8px 24px -8px oklch(70% .18 60 / .55);transition:transform .25s ease,box-shadow .25s ease}.hcf-face-cta.accent-primary .hcf-cta-button{background:var(--color-primary);box-shadow:0 8px 24px -8px oklch(45% .18 220 / .55)}.hcf-face-cta:hover .hcf-cta-button{transform:translateY(-2px) scale(1.02)}.hcf-dots{display:flex;justify-content:center;gap:.4rem;margin-top:1.25rem}.hcf-dot{width:.4rem;height:.4rem;border-radius:9999px;background:#eaeff52e;border:0;padding:0;cursor:pointer;transition:width .35s ease,background .35s ease}.hcf-dot.is-active{width:1.4rem;background:var(--color-secondary)}[data-theme=savo-light] .hcf-dot{background:#0b121a2e}.htc-grid{display:grid}.htc-review{grid-area:1 / 1;opacity:0;transform:translateY(6px);transition:opacity .4s ease,transform .4s ease;pointer-events:none}.htc-review.active{opacity:1;transform:translateY(0);pointer-events:auto}