V48 (impl-only): Dial logo hover straighten to 13.5°

Reduce CSS cancel under the −17.5° design tilt so hover no
longer over-rotates past upright on quantum chrome and BTD.

Author: geraldarthurdavis

apps/uapi/components/bitcode/branding/BitcodeLogoMark/bitcode-logo-mark.ts

@@ -15,11 +15,11 @@ export const BITCODE_LOGO_VIEW_BOX = '-8 -5 52 59';
 
 /**
  * Matches `bitcode-logo.svg` group transform (design tilt −17.5°).
- * Hover straighten on quantum chrome / BTD tracker applies +17° CSS (0.5° shy
+ * Hover straighten on quantum chrome / BTD tracker applies +13.5° CSS (4° shy
  * of full cancel) so the mark reads upright without slight over-rotate.
  */
 export const BITCODE_LOGO_DESIGN_TILT_DEG = -17.5;
-export const BITCODE_LOGO_HOVER_STRAIGHTEN_DEG = 17; // cancels tilt, −0.5° vs full
+export const BITCODE_LOGO_HOVER_STRAIGHTEN_DEG = 13.5; // cancels tilt, −4° vs full
 export const BITCODE_LOGO_TRANSFORM = `rotate(${BITCODE_LOGO_DESIGN_TILT_DEG} 18 24.5)`;
 
 /** Intrinsic width from `bitcode-logo.svg` width attribute. */

apps/uapi/components/bitcode/btd/BtdTracker/BtdTracker.tsx

@@ -402,8 +402,8 @@ export function BTDTracker({
                 transition={{ duration: 0.3, ease: 'easeInOut' }}
               >
                 <div
-                  // Mark SSOT is tilted −17.5°. Hover +17° CSS (~upright, 0.5° under full cancel).
-                  className="tracker-logo relative h-4 w-4 origin-center transition-transform duration-300 ease-out group-hover:rotate-[17deg] group-hover:drop-shadow-[0_0_8px_rgba(103,254,183,0.8)]"
+                  // Mark SSOT is tilted −17.5°. Hover +13.5° CSS (~upright, 4° under full cancel).
+                  className="tracker-logo relative h-4 w-4 origin-center transition-transform duration-300 ease-out group-hover:rotate-[13.5deg] group-hover:drop-shadow-[0_0_8px_rgba(103,254,183,0.8)]"
                   style={{ backfaceVisibility: 'hidden' }}
                 >
                   <Logo height="h-4" width="w-4" fill={isHovered ? '#67feb7' : '#67feb780'} />

apps/uapi/components/bitcode/layout/BitcodeQuantumChromeButton/BitcodeQuantumChromeButton.tsx

@@ -144,8 +144,8 @@ export default function BitcodeQuantumChromeButton({
 
       <span className="relative z-10 inline-flex items-center gap-2.5">
         <span
-          // Mark SSOT is tilted −17.5°. Hover +17° CSS (~upright, 0.5° under full cancel).
-          className="relative inline-flex h-3.5 w-3.5 origin-center transition-transform duration-300 ease-out group-hover:rotate-[17deg] group-hover:drop-shadow-[0_0_8px_rgba(103,254,183,0.85)] group-disabled:rotate-0"
+          // Mark SSOT is tilted −17.5°. Hover +13.5° CSS (~upright, 4° under full cancel).
+          className="relative inline-flex h-3.5 w-3.5 origin-center transition-transform duration-300 ease-out group-hover:rotate-[13.5deg] group-hover:drop-shadow-[0_0_8px_rgba(103,254,183,0.85)] group-disabled:rotate-0"
         >
           <Logo
             height="h-3.5"