/* TRINITY FIT IQ V6.6 — Media QA + 3D Startup */
:root{--v66-neon:#dff48b;--v66-green:#7dcf72;--v66-deep:#06100b;--v66-panel:#0d1712}
.v66Startup{position:fixed;inset:0;z-index:999999;display:grid;place-items:center;overflow:hidden;background:
radial-gradient(circle at 50% 46%,rgba(136,225,113,.17),transparent 24%),
radial-gradient(circle at 50% 50%,#102319 0,#08140e 42%,#030705 100%);color:#f3f8f4;transition:opacity .65s ease,visibility .65s ease}
.v66Startup.v66Out{opacity:0;visibility:hidden;pointer-events:none}
.v66StartupGlow{position:absolute;width:min(82vw,520px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,rgba(223,244,139,.13),rgba(92,188,94,.05) 42%,transparent 70%);filter:blur(12px);animation:v66Glow 2.3s ease-in-out infinite alternate}
.v66Scene{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;perspective:1100px;transform-style:preserve-3d;padding:24px;text-align:center}
.v66Mark3D{position:relative;width:148px;height:148px;transform-style:preserve-3d;animation:v66LogoIntro 2.35s cubic-bezier(.16,.82,.22,1) both,v66Float 3.6s 2.2s ease-in-out infinite}
.v66MarkLayer,.v66MarkFace{position:absolute;inset:0;border-radius:34px;clip-path:polygon(50% 0,96% 26%,85% 85%,50% 100%,15% 85%,4% 26%);backface-visibility:hidden}
.v66MarkBack{transform:translateZ(-30px) scale(.92);background:linear-gradient(145deg,#1b3728,#07110c);box-shadow:0 35px 80px rgba(0,0,0,.55)}
.v66MarkMid{transform:translateZ(-15px) scale(.96);background:linear-gradient(145deg,#7dcf72,#274934);box-shadow:0 0 45px rgba(125,207,114,.23)}
.v66MarkFace{transform:translateZ(7px);background:#08110c;border:1px solid rgba(223,244,139,.3);box-shadow:inset 0 0 35px rgba(223,244,139,.07),0 20px 50px rgba(0,0,0,.4);overflow:hidden}
.v66MarkFace img{width:100%;height:100%;object-fit:cover;transform:scale(1.02);filter:saturate(1.08) contrast(1.03)}
.v66StartupCopy{margin-top:26px;animation:v66CopyIn 1s .7s both}
.v66StartupCopy strong{display:block;font-size:clamp(28px,8vw,42px);letter-spacing:1.8px;font-weight:950;line-height:1}.v66StartupCopy strong span{color:var(--v66-neon)}
.v66StartupCopy small{display:block;margin-top:9px;letter-spacing:4px;font-size:10px;color:#9eb7a8;font-weight:800}.v66StartupCopy p{margin:9px 0 0;font-size:11px;letter-spacing:1.9px;color:#dfe9e2;font-weight:850}
.v66BootLine{width:min(68vw,280px);height:3px;margin-top:22px;border-radius:99px;background:rgba(255,255,255,.08);overflow:hidden}.v66BootLine i{display:block;width:100%;height:100%;transform-origin:right;animation:v66Progress 2.35s .25s cubic-bezier(.3,.8,.2,1) both;background:linear-gradient(90deg,#5db45e,var(--v66-neon));box-shadow:0 0 15px rgba(223,244,139,.5)}
.v66BootText{margin-top:9px;font-size:9px;letter-spacing:2.1px;color:#71877b;font-weight:900}
.v66Orbit{position:absolute;left:50%;top:50%;border:1px solid rgba(223,244,139,.16);border-radius:50%;transform-style:preserve-3d;pointer-events:none}
.v66OrbitA{width:360px;height:360px;margin:-180px;transform:rotateX(72deg);animation:v66OrbitA 5.5s linear infinite}
.v66OrbitB{width:290px;height:290px;margin:-145px;transform:rotateY(72deg) rotateZ(22deg);animation:v66OrbitB 6.8s linear infinite reverse}
.v66OrbitC{width:430px;height:430px;margin:-215px;border-color:rgba(125,207,114,.08);transform:rotateX(48deg) rotateY(32deg);animation:v66OrbitC 8s linear infinite}
.v66Skip{position:absolute;z-index:4;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);border:1px solid rgba(255,255,255,.13);background:rgba(8,17,12,.55);backdrop-filter:blur(10px);color:#a9b9b0;padding:8px 15px;border-radius:999px;font-size:11px;font-weight:800;opacity:0;animation:v66SkipIn .35s 1.05s forwards}
@keyframes v66LogoIntro{0%{opacity:0;transform:translateY(30px) rotateX(68deg) rotateY(-55deg) rotateZ(-16deg) scale(.58)}45%{opacity:1;transform:translateY(-7px) rotateX(8deg) rotateY(20deg) rotateZ(2deg) scale(1.05)}100%{transform:translateY(0) rotateX(0) rotateY(0) rotateZ(0) scale(1)}}
@keyframes v66Float{0%,100%{transform:translateY(0) rotateY(-4deg)}50%{transform:translateY(-8px) rotateY(5deg)}}
@keyframes v66CopyIn{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:none}}
@keyframes v66Progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes v66Glow{from{transform:scale(.9);opacity:.55}to{transform:scale(1.08);opacity:1}}
@keyframes v66OrbitA{to{transform:rotateX(72deg) rotateZ(360deg)}}
@keyframes v66OrbitB{to{transform:rotateY(72deg) rotateZ(382deg)}}
@keyframes v66OrbitC{to{transform:rotateX(48deg) rotateY(392deg)}}
@keyframes v66SkipIn{to{opacity:1}}
@media(max-width:520px){.v66Mark3D{width:128px;height:128px}.v66OrbitA{width:310px;height:310px;margin:-155px}.v66OrbitB{width:250px;height:250px;margin:-125px}.v66OrbitC{width:360px;height:360px;margin:-180px}.v66StartupCopy{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.v66Mark3D,.v66Orbit,.v66StartupGlow{animation:none!important}.v66Mark3D{transform:none}.v66BootLine i{animation-duration:.2s}.v66Startup{transition-duration:.2s}}

/* Media QA additions */
.v66QABoard{margin-top:12px;padding:13px;border-radius:16px;border:1px solid #315044;background:linear-gradient(145deg,#0e1b16,#0a1410)}
.v66QAGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.v66QAGrid div{padding:10px;border-radius:12px;background:#101f18;border:1px solid #294238}.v66QAGrid b{display:block;font-size:20px;color:#edf8ef}.v66QAGrid span{font-size:10px;color:#9ab0a4}.v66QABoard small{display:block;margin-top:9px;color:#7f958a}
.v66ReviewNote{margin-top:11px}.v66ReviewNote textarea{min-height:74px;resize:vertical}
.v66ReviewActions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:10px}.v66ReviewActions button{border:1px solid #355146;border-radius:11px;padding:9px 7px;background:#13231c;color:#eef5f0;font-weight:850;font-size:11px}.v66ReviewActions button.approve{background:#dff48b;color:#102015;border-color:#dff48b}.v66ReviewActions button.reject{background:#281616;color:#ffd0d0;border-color:#724444}
.v66MediaNote{margin-top:8px;padding:8px 10px;border-radius:10px;background:#0c1712;border:1px solid #294339;color:#9eb2a7;font-size:11px;line-height:1.55}
.v66MediaNote strong{color:#e9f3ec}
@media(max-width:700px){.v66QAGrid{grid-template-columns:repeat(2,1fr)}.v66ReviewActions{grid-template-columns:1fr}}